@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'; }


.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; letter-spacing:0.1em; padding: 40px 0 0 230px; }
.b-tit h3 span { color:#e79a20; font-size:18px; font-weight:400; }


.read { width:1080px; margin:0 auto 80px; }
.read p { color:#442a19; letter-spacing:0.2em; font-size:17px; }


.block { width:1080px; margin:0 auto; text-align:left; }
.block h4 { margin:0 0 20px; }
.block h4 .num { margin:0 40px 0 0; }
.box { background:#fafaec; padding:20px 20px 40px; position:relative; }
.box .pic { float:left; width:500px; margin:0 40px 0 0; }
.box p { font-size:16px; color:#261e1a; }
.box ul li { font-size:16px; color:#261e1a; }
.box .btn { padding:35px 120px 0; }
.box .btn a { color:#211815; font-size:18px; font-weight:600; letter-spacing:0.2em; text-align:center; display:block; border-radius:40px; text-decoration:none; padding:15px 0; }
.box ul li span.sm { color:#261e1a; font-size:14px; }


.recipe01 { margin:0 auto 80px; }
.recipe01 .kazari { position:absolute; top:-100px; right:-25px; }
.recipe01 ul li span { color:#e79a20; }
.recipe01 .item { position:absolute; bottom:110px; right:45px; }
.recipe01 .btn a { background:#e79a20; }
.recipe02 { margin:0 auto 80px; }
.recipe02 .kazari { position:absolute; top:-90px; right:4px; }
.recipe02 ul li span { color:#ce6b9e; }
.recipe02 .item { position:absolute; bottom:110px; right:45px; }
.recipe02 .btn a { background:#ce6b9e; }
.recipe03 { margin:0 auto 70px; }
.recipe03 .kazari { position:absolute; top:-100px; right:20px; }
.recipe03 ul li span { color:#dc7686; }
.recipe03 .item { position:absolute; bottom:130px; right:15px; }
.recipe03 .btn a { background:#dc7686; }


.bn { width:1080px; margin:0 auto 120px; }


.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; }


.b-tit { width:auto; padding: 10px 20px 0; margin:0 auto 20px; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 80px; margin-bottom: 0 }



.b-tit h3 { font-size:24px; line-height:1.4em; padding: 10px 0 0; }
.b-tit h3 span { font-size:14px; line-height:1.6; display:inline-block; }


.read { width:auto; padding:0 20px; text-align:left; }
.read p { font-size:15px; }


.block { width:auto; padding:0 20px; }

.block h4 { margin:0 0 20px; }
.block h4 .num { margin:0 40px 0 0; height:35px; width:auto; margin:0 0 15px; }
.block h4 .tit { width:90%; }

.box { padding:20px 20px 30px; }
.box .pic { float:none; width:auto; margin:0 0 20px; }
.box p { font-size:14px; }
.box ul { margin:0 0 10px; }
.box ul li { font-size:14px; }
.box .btn { padding:20px 0 0; }
.box .btn a { font-size:16px; padding:10px 0; }
.box ul li span.sm { font-size:12px; }


.recipe01 { margin:0 auto 50px; }
.recipe01 .item { position:static; }
.recipe01 .item img { width:100%; }
.recipe02 { margin:0 auto 50px; }
.recipe02 .item { position:static; }
.recipe02 .item img { width:100%; }
.recipe03 { margin:0 auto 40px; }
.recipe03 .item { position:static; }
.recipe03 .item img { width:100%; }

.recipe01 .kazari { position:absolute; top:-20px; right:-10px; }
.recipe01 .kazari img { width:100px; }


.recipe02 .kazari { position:absolute; top:-20px; right:-10px; }
.recipe02 .kazari img { width:80px; }

.recipe03 .kazari { position:absolute; top:-40px; right:-10px; }
.recipe03 .kazari img { width:90px; }


.bn { width:auto; padding:0 20px; margin:0 auto 60px; }
.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) {




}