@charset "UTF-8";
/*
Theme Name:reppet（リペット）オリジナルデザイン
Author:一日一分プラス　ofg
Description:reppet（リペット）様
*/

html	{height:100%; margin:0; padding:0;}
body	{
	width:100%;
	height:100vh;
	/*min-height: 100vh;*/
	padding:0;
	margin:0;
	border:none;
	font-size:100%;
	background:none;
	font-family:"UD デジタル 教科書体 N-R", "BIZ UDゴシック Regular", "Hiragino Kaku Gothic ProN", "ascii";
	}
	
a img		{border:none;}
table		{border-collapse:collapse;}
.cl			{clear:both;}
.dsn		{display:none;}


/*フォントセット*/
.r	{color:#dc143c;}
.b	{color:#4682b4;}
.g	{color:#20b2aa;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.t_l{text-align:left;}
.f50{font-size:65%;}
.f65{font-size:65%;}
.f75{font-size:75%;}
.f85{font-size:85%;}
.f120{font-size:120%;}
.f130{font-size:130%;}
.f150{font-size:150%;}
.f180{font-size:180%;}
.f200{font-size:200%;}


/*下余白セット*/
.m0		{margin-bottom:0%;}
.m1		{margin-bottom:1%;}
.m2		{margin-bottom:2%;}
.m3		{margin-bottom:3%;}
.m5		{margin-bottom:5%;}
.m8		{margin-bottom:8%;}
.m10	{margin-bottom:10%;}
.m13	{margin-bottom:13%;}

/*幅セット*/
.w60	{width:60%;}
.w80	{width:80%;}
.w88	{width:88%;}
.w100	{width:100%;}


/*ラップ*/
div.wrap		{margin:0; padding:0;}

/*表示*/
.pc			{display:block;}
.sp			{display:none;}
.d_n		{display:none;}

/*******************************************************/

header		{width:100%; position:relative; padding:0; margin:0;}
header img	{width:100%;}
header h1	{width:15%; line-height:1.0; margin:0; z-index:1; display:block;  position: absolute; top:15px; left: 15px;}
header h1 img	{width:100%;}

header div.nav_sp_wrap				{display:none;}


main					{width:100%; padding:0; margin:0; height:auto;}
main section			{width:100%; padding:3% 0 0 0; margin:0;}
main section h2,
main section h3			{line-height:0; margin:0 0 3% 0; padding:0; text-align:center;}
main section h2 img		{width:100%; padding:0; margin:0;}
main section h3 img		{max-width:55%; margin:0; padding:0;}

main section#grainart p,
main section#repair p,
main section#profile p	{width:77%; line-height:1.3; margin:0 auto 1.8% auto; padding:0; font-size:160%; text-align:center;}

main section#design			{background:#f0e7de; padding:3% 10%; width:80%;}
main section#design img,
main section#repair img		{width:100%; padding:0; margin:0;}


main section#profile		{padding-bottom:8%;}

main section#profile dl		{width:77%; margin:0 auto 5% auto; padding:0; text-align:center;}
main section#profile dl dt	{font-size:200%; color:#5c0a10; padding:0; margin:0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-weight:bold; line-height:1.6;}
main section#profile dl dd	{font-size:160%; padding:0; margin:0 0 3% 0; line-height:1.3;}



main section#profile ul.voice		{width:88%; margin:0 auto 5% auto; padding:0;}
main section#profile ul.voice li	{list-style:none; line-height:1.0; margin:0; padding:0;}
main section#profile ul.voice li img	{width:100%;}

main section#profile p.message		{text-align:center;}

main section#profile ol		{width:36%; margin:0 auto 5% auto; padding:0;}
main section#profile ol li	{font-size:200%; color:#5c0a10; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-weight:bold; line-height:1.8; margin:0; padding:0;}
main section#profile ol li:last-child	{list-style:none; font-size:100%;}


main section#profile table		{width:55%; margin:0 auto 2% auto; padding:0; border:none; font-size:200%; color:#5c0a10; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-weight:bold; line-height:1.8; }
main section#profile table th	{text-align:center; font-size:130%;}
main section#profile table td	{margin:0; padding:0; border:none;}
main section#profile table td:nth-of-type(even){width:25%;}

main section#other p		{width:77%; margin:0 auto 1% auto; line-height:1.3; text-indent:1em; font-size:100%;}
main section#other dl		{width:77%; margin:0 auto 3% auto; line-height:1.3;}
main section#other dl dt	{font-size:100%; line-height:1.1;}
main section#other dl dd	{font-size:88%; margin:0 0 1% 0; padding:0 1.2%; text-align:left; text-indent:1em;}



footer					{padding:5% 0 2% 0; margin:0; background:#b48c59; text-align:center;}
footer ul.copy			{width:36%; margin:0 auto 5% auto; padding:0;}
footer ul.copy li		{list-style:none; line-height:1.0; margin:0 0 6% 0; padding:0;}
footer ul.copy li:nth-child(2) img		{max-width:55%;}
footer ul.copy li:nth-child(3) img		{max-width:15%;}

footer ul.other			{width:77%; margin:0 auto 3% auto; padding:0;}
footer ul.other li		{list-style:none; line-height:1.0; margin:0; padding:0; width:30%; display:inline-block;}
footer ul.other li a	{color:#fff; text-decoration:none; font-size:98%;}

footer ul.other li a:hover			{color:#fff; font-style:normal; text-decoration:none;}
footer ul.other li a:visited		{color:#fff; font-style:normal; text-decoration:none;}

footer address	{font-style:normal; font-size:88%; text-align:center; color:#fff;}




/**************************************************************/
/*スマホレイアウト*/
@media screen and (max-width:599px) {
    body {
        box-sizing:border-box;
        width:100%;
        padding:0;
        margin:0;
    }
    
	/*表示*/
	.pc,
	img.pc			{display:none;}
	.sp			{display:block;}
	
	header h1	{width:25%;}

	header nav.pc_nav				{display:none;}
	header div.nav_sp_wrap			{display:inline; margin-top:10%;}

	nav.nav_sp 			{width:100%; height:100%; position:fixed; top:0%; left:100%; z-index:99; background:#Ffff; transition:.5s; padding-top:20px;}
	nav.nav_sp ul li	{list-style:none; text-align:left; font-size:130%; line-height:2.2;}
	nav.nav_sp ul li a	{color:#5c0a10; text-decoration:none;}
	
	/* ハンバーガーメニューのアイコン */
	.drawer_open {
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  position:absolute;
	  top:33px;
	  right:30px;
	  z-index:100;
	  cursor:pointer;
	}

	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
	  content:'';
	  display:block;
	  height:3px;
	  width:25px;
	  border-radius:3px;
	  background:#333;
	  transition:0.5s;
	  position:absolute;
	}
	
	.drawer_open span:before {
	  bottom:8px;
	}
	
	.drawer_open span:after {
	  top:8px;
	}
	
	#drawer_input:checked ~ .drawer_open span {
	  background:rgba(255, 255, 255, 0);
	}
	
	#drawer_input:checked ~ .drawer_open span::before {
	  bottom:0;
	  transform:rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
	  top:0;
	  transform:rotate(-45deg);
	}
	
	#drawer_input:checked ~ .nav_sp {left:20%;}





	main section h3 img		{max-width:96%; margin:0;}

	main section#grainart p,
	main section#repair p,
	main section#profile p	{width:90%; margin-bottom:2.5%; font-size:88%; line-height:1.5;}
	
	main section#design			{background:#f0e7de; padding:3% 2%; width:96%;}

	main section#repair			{padding-bottom:12%;}
	main section#repair p img	{max-width:60%;}

	main section#profile dl		{width:92%;}
	main section#profile dl dt	{font-size:135%; line-height:1.1;}
	main section#profile dl dd	{font-size:93%; margin:0 0 6.2% 0; line-height:1.3; padding:0 1.2%;}

	main section#profile ul.voice		{margin:0 auto 10% auto;}
	main section#profile ul.voice li	{margin-bottom:3%;}

	main section#profile p img.repetto_logo01	{margin:0 auto; width:50%; display:inline-block;}
	main section#profile p img.repetto_logo02	{margin:0 auto 12% auto; width:100%; display:inline-block;}
	main section#profile p.message		{text-align:left; text-indent:1em;}
	
	main section#profile ol		{width:75%; margin:0 auto 12% auto; padding:0 0 0 15%;}
	main section#profile ol li	{font-size:120%;}
	main section#profile ol li:last-child	{font-size:88%;}

	main section#profile table		{width:88%; margin:0 auto 5% auto; line-height:1.4;}
	main section#profile table th	{font-size:88%;}
	main section#profile table td	{font-size:55%;}
	main section#profile table td:nth-of-type(even){width:35%;}
	main section#profile table:nth-child(2)	{margin-bottom:12%;}

	main section#other p		{width:92%; margin:0 auto 10% auto; line-height:1.3; text-indent:1em; font-size:88%;}
	main section#other dl		{width:92%; margin:0 auto 10% auto; line-height:1.3;}
	main section#other dl dt	{font-size:120%; line-height:1.1;}
	main section#other dl dd	{font-size:88%; margin:0 0 3% 0; padding:0 1.2%; text-align:left; text-indent:1em;}

	footer					{padding-bottom:6%;}
	footer ul.copy li		{margin:0 0 12% 0;}
	footer ul.copy li:nth-child(1) img,
	footer ul.copy li:nth-child(2) img		{max-width:77%;}
	footer ul.copy li:nth-child(3) img		{max-width:30%;}

	footer ul.other li a,
	footer address							{font-size:55%;}

}/**************************************************************/