@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CS S Document */
#contents { background:#fff; position:relative; padding:0; }
.contents_inner { margin: 0 auto !important; padding: 0 0 80px; font-family: 'Noto Sans JP'; }
.contents_inner .btn { margin: 60px 0 0 }

.b-tit { width:1080px; position:relative; text-align:left; padding:10px 0 0; margin:0 auto 50px; }
.b-tit .num { position:absolute; top:40px; left:-10px; z-index:1; }
.b-tit h3 { color:#261d1a; font-size:36px; line-height:1.2em; padding: 40px 0 0 230px; }
.b-tit h3 span { color:#485a97; font-size:18px; font-weight:400; }



.read { width:1080px; margin:0 auto; position:relative; text-align:left; }
.read p { color:#442a19; font-size:17px; position:absolute; top:40px; left:420px;  }



.howto { position:relative; width:1080px; margin:0 auto 100px; text-align:left; }
.howto h4 { margin:0 0 40px; text-align:center; }
.howto .btn_open { position:relative; cursor:pointer; }
.howto .btn_open h5 { color:#7a5c35; font-size:24px; letter-spacing:0.1em; font-weight:400; line-height:1.8em; margin:0 0 40px; padding:0 0 5px 60px; text-align:left; position:relative; border-bottom:1px solid #7a5c35; }
.howto .btn_open .howto_num { position:absolute; top:0; left:0; }
.howto .btn_open .plus { position:absolute; bottom:15px; right:20px; }
.howto .btn_open .block { margin:0 0 60px; }
.howto .btn_open .dot { position:absolute; bottom:-3px; right:-3px; }

.howto .howto_list { position:relative; display:none; }
.howto ul { margin:0 0 0 -80px; }
.howto ul li { width:33.333%; float:left; }
.howto ul li .inner { margin:0 0 30px 80px; position:relative;}
.howto ul li h4 { margin: 0; padding: 0; text-align: left }
.howto ul li p { color:#211815; margin:8px 0 0; }
.howto ul li .pic { position:relative; }
.howto ul li .point { position:absolute; top:-38px; right:-20px; }
.howto ul li .arw { position:absolute; top:90px; right:-50px; }
.howto ul li .tx12 { line-height:2em; display:inline-block; }

.howto .howto02 .box { text-align:center; margin:0 0 40px; }
.howto .howto02 .sm_tit { color:#211815; font-size:14px; font-weight:500; margin:0 0 15px !important }

.howto .howto03 .sm_tit img { margin:0 25px 0 0; }
.howto .howto03 .sm_tit { color:#485a97; font-size:16px; font-style:italic; margin:0 0 20px; }

.howto a { color:#7a5c35; font-weight:500; text-decoration:none; }
.howto a span { border-bottom:1px solid #7a5c35; }

.howto .howto02 .btn_pdf { position:absolute; bottom:30px; left:0; }
.howto .howto02 .btn_pdf a { font-size:17px; padding:0 0 0 35px; display:inline-block; }
.howto .howto02 .pdf { position:absolute; top:6px; left:0; }

.howto .howto01 { margin:0 0 100px; }
.howto .howto02 { margin:0 0 100px; }



.recipe { background:#f7f7f7; padding:60px 0 20px; }
.recipe .recipe_inner { width:1080px; margin:0 auto; }
.recipe h4 { margin:0 0 40px; } 
.recipe ul { margin:0 0 0 -80px; }
.recipe ul li { float:left; width:33.333%; }
.recipe ul li .inner { margin:0 0 50px 80px; }
.recipe ul li h5 a { color:#211815; font-size:18px; font-weight:400; text-decoration:none; margin:10px 0 0; display:block; }
.recipe .left_mgn { margin:0 0 0 180px;}



.kit { width:1080px; margin:0 auto; padding:75px 0 120px; }
.kit h4 { margin:0 0 40px; } 
.kit .box { background:#f7f7e2; position:relative; padding:70px 170px 40px; margin:0 0 40px }
.kit .box .tx { position:absolute; top:40px; left:40px; }
.kit .box .cir { position:absolute; top:-50px; right:-20px; }
.kit .box h5 { color:#211815; font-size:24px; font-weight:500; margin:10px 0 0; }
.kit .box .price { font-size:18px; margin:0 0 15px; }
.kit .box .notes { font-size:12px; margin:10px 0 0; }
.kit .btn_buy a { color:#211815; font-size:18px; font-weight:600; text-decoration:none; line-height:1; padding:23px 0; background:#f6b1c6; border-radius:40px; display:block; }
.kit .sm_tit { font-size:20px; margin:0 0 20px; }
.kit ul { margin:0 0 80px -180px; padding:0 80px; }
.kit ul li { width:50%; float:left; }
.kit ul li .inner { margin:0 0 0 180px; }
.kit ul li h5 { color:#211815; font-size:18px; font-weight:500; line-height:1.8em; margin:15px 0 20px; }



.wash { width:1080px; margin:0 auto 40px; text-align:left; position:relative; }
.wash .wash01 { margin:0 0 0 -55px; }
.wash .wash02 { position:absolute; top:140px; right:80px; }



.btn-back { background:#f1eee8; padding:60px 0; }
.btn-back .btn-inner { margin: 0 auto; min-width:1024px; max-width:1200px; }
.btn-back a { font-size:16px; letter-spacing:0.2em; color:#452a19; text-decoration:none; padding:15px 0; background:#fff; border:4px solid #485a97; display:block; text-align:center; position:relative; min-width:1024px; max-width:1280px; margin:0 auto; display: block }
.btn-back a:hover { background: #485a97; color: #fff }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -105px; }


.pc_none { display:none; }
.sp_none { display:block; }

.none { display:block; }




@media screen and (max-width: 780px) {
/*#main img { width:150%; margin-left: -25% }*/

.contents_inner { margin:　60px auto 0 !important; padding: 0 0 30px  !important; min-width: inherit; max-width: inherit; }
.contents_inner .btn { margin: 30px 0 0 }
.contents_inner .btn img { width: 90%; height: auto }



.b-tit { width:auto; padding: 0 0 0 5px; margin:0 auto 20px; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 80px; margin-bottom: 0 }
.b-tit h3 { font-size:24px; padding:0px 10px; line-height: 1.6}
.b-tit h3 span { font-size:14px; line-height: 1.6 }



.read { width:auto; padding:0 20px 60px; text-align:center; }
.read p { font-size:15px; position:static; text-align:left; }
.read img { width:80%; height:auto; margin:0 0 10px; }



.howto { width:auto; margin:0 auto 20px; padding:0 20px; }
.howto h4 { margin:0 0 40px; text-align:center; }
.howto h4 img { width:80%; height:auto; }

.howto .btn_open h5 { font-size:15px; line-height:1.8em; margin:0 0 30px; padding:0 40px 7px 40px; }
.howto .btn_open .howto_num { position:absolute; top:0; left:0; }
.howto .btn_open .howto_num { height:30px; }
.howto .btn_open .plus { position:absolute; bottom:0; top:50%; right:10px; height:12px; margin:-8px 0 0 0; }
.howto .btn_open .block { margin:0 0 40px; }

.howto .howto_list {}
.howto ul { margin:0; padding:0 20px; }
.howto ul li { width:100% !important; }
.howto ul li .inner { margin:0 0 30px 0; }
.howto ul li p { color:#211815; margin:8px 0 0; }
.howto ul li .pic { position:relative; }
.howto ul li .point { position:absolute; top:-20px; right:-20px; height:80px; width:auto; }
.howto ul li .arw { display:none; }

.howto .howto02 .sm_tit { font-size:12px; margin:0; }
.howto .howto02 .box img { width:100%; }

.howto .howto03 .sm_tit img { margin:0; height:20px; width:auto; }
.howto .howto03 .sm_tit { font-size:14px; margin:0 0 10px; padding:0 20px; }
.howto .howto03 .sm_tit span { display:block; margin:5px 0 0; }

.howto .howto02 .btn_pdf { position:relative; margin:30px 0 30px; }
.howto .howto02 .btn_pdf a { font-size:14px; padding:0 0 0 25px; display:inline-block; }
.howto .howto02 .pdf { position:absolute; top:4px; left:0; height:20px; }

.howto .howto01 { margin:0 0 40px; }
.howto .howto02 { margin:0 0 40px; }



.recipe { padding:40px 20px 20px; }
.recipe .recipe_inner { width:auto; margin:0 auto; }
.recipe h4 { margin:0 0 30px; } 
.recipe h4 img { width:70%; height:auto; }
.recipe ul { margin:0; padding:0 20px; }
.recipe ul li { width:100%; }
.recipe ul li .inner { margin:0 0 30px; }
.recipe ul li h5 a { font-size:15px;  margin:5px 0 0; }
.recipe .left_mgn { margin:0; }




.kit { width:auto; padding:40px 20px 70px; }
.kit h4 { margin:0 0 40px; } 
.kit h4 img { width:70%; height:auto; }
.kit .box { padding:30px 20px; margin:0 0 30px }
.kit .box .tx { position:absolute; top:20px; left:15px; height:60px; }
.kit .box .cir { position:absolute; top:-30px; right:-10px; height:100px; }

.kit .box h5 { font-size:17px !important; }
.kit .box .price { font-size:14px; }
.kit .box .notes { font-size:11px; }
.kit .box .pic img { width:90%; }

.kit .btn_buy a { font-size:15px; padding:16px 0; }
.kit .sm_tit { font-size:16px; }
.kit ul { margin:0 0 10px; padding:0 40px; }
.kit ul li { width:100%; }
.kit ul li .inner { margin:0 0 40px; }
.kit ul li h5 { font-size:15px; margin:8px 0 10px; }
.kit ul li h5 br { display:none; }

.kit .bn img { width:100%; }



.wash { width:auto; margin:0 auto 40px; padding:0 20px; text-align:center; }
.wash .wash01 { margin:0; width:100%; margin:0 0 20px; }
.wash .wash02 { position:static; width:70%; }

.u_logo { padding:0 20px; }
.u_logo img { width:60%; }




.btn-back { padding: 30px 20px; }
.btn-back a { font-size:14px; padding:15px 0; min-width:inherit; max-width:inherit; }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -95px; }


.pc_none { display:block; }	
.sp_none { display:none; }	

.none { display:none; }
}


@media screen and (max-width: 320px) {




}