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

/* CS S Document */
#contents { background:url(../img/bg.jpg) repeat bottom center; position:relative; padding:0; }
.contents_inner { margin: 0 auto !important; padding: 0 0 60px; font-family: 'Noto Sans JP'; }
.contents_inner .btn { margin: 60px 0 0 }

.b-tit { position:relative; text-align:left; padding:90px 0 0; margin:0 auto 50px; z-index:4; min-width:1024px; max-width:1200px; z-index:30; }
.b-tit .num { position:absolute; top:50px; left:65px; z-index:1; }
.b-tit .txt { padding:0 0 0 310px; }
.b-tit .tit_img { position:absolute; top:-25px; left:50%; z-index:2; margin:0 0 0 -194px; }


.read { margin:0 0 50px; position:relative;min-width:1024px; z-index:10 }
.read p { color:#211815; font-size:16px; line-height:2.2em; letter-spacing:0.2em; position:relative; z-index:3; }
.read .kazari01 { position:absolute; bottom:-50px; left:15px; z-index:2; }
.read .kazari02 { position:absolute; top:-150px; right:0; z-index:1; }


.point { position:relative; width:905px; margin:0 auto 50px; z-index:20; }
.point h4 { margin:0 0 40px; }
.point ul { margin:0 0 0 -45px; text-align:left; }
.point ul li { width:33.333%; float:left; }
.point ul li .inner { margin:0 0 0 45px; }
.point ul li h5 { color:#211815; font-size:18px; letter-spacing:0.1em; font-weight:400; line-height:1.8em; margin:20px 0; }
.point ul li p { color:#211815; }
.point .pic { position:relative; }
.point .num { position:absolute; top:-20px; left:-20px; }
.point .tx12 { line-height:2em; display:inline-block; }


.video_wrap { width:905px; margin:0 auto 80px;}
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
margin:40px 0 0;

}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.new_products { margin:0 0 50px; }
.new_products .box_inner { padding:0 0 0 540px; }
.new_products h5 { color:#2c4268; font-size:16px; letter-spacing:0.2em; line-height:1.6em; margin:0 0 5px; }
.new_products ul li { font-size:13px; text-align:left; padding:0 0 0 18px; position:relative; }
.new_products .tit { position:absolute; top:30px; left:35px; z-index:2; }
.new_products .copy { margin:0 0 30px; }
.new_products .price { color:#2c4268; font-size:16px; letter-spacing:0.2em; font-weight:600; margin:0 0 20px; }
.new_products .price span { font-size:12px; font-weight:400; }
.new_products .link_btn img { display:block; margin:0 auto; }
.new_products .onsale { position:absolute; top:-15px; right:25px; }

.new_products .products01 .box { width:1030px; background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #c59787; margin:0 auto 30px; padding:40px 0 30px; position:relative; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; text-align:left; }
.new_products .products01 ul li .circle { color:#c59787; position:absolute; top:0; left:0; }
.new_products .products01 .pic { position:absolute; top:115px; left:60px; z-index:1; }
.new_products .products01 .link_btn a { background:#c59787; width:260px; color:#fff; margin:40px auto 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }

.new_products .products02 .box { width:1030px; background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #d6b700; margin:0 auto 30px; padding:40px 0 30px; position:relative; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; text-align:left; }
.new_products .products02 ul li .circle { color:#d6b700; position:absolute; top:0; left:0; }
.new_products .products02 .pic { position:absolute; top:0; left:60px; z-index:1; }
.new_products .products02 .link_btn a { background:#d6b700; width:260px; color:#fff; margin:60px auto 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }

.new_products .products03 .box { width:1030px; background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #cc5e71; margin:0 auto 30px; padding:40px 0 30px; position:relative; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; text-align:left; }
.new_products .products03 ul li .circle { color:#cc5e71; position:absolute; top:0; left:0; }
.new_products .products03 .pic { position:absolute; top:0; left:60px; z-index:1; }
.new_products .products03 .link_btn a { background:#cc5e71; width:260px; color:#fff; margin:60px auto 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }

.new_products .products04 .box { width:1030px; background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #8e81bc; margin:0 auto 30px; padding:40px 0 30px; position:relative; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; text-align:left; }
.new_products .products04 ul li .circle { color:#8e81bc; position:absolute; top:0; left:0; }
.new_products .products04 .pic { position:absolute; top:0; left:60px; z-index:1; }
.new_products .products04 .link_btn a { background:#8e81bc; width:260px; color:#fff; margin:40px auto 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }
.mov { margin:30px 0 0 !important; }


.miniature_menu { width:1030px; margin:0 auto; }
.miniature_menu h4 { margin:0 0 30px; }
.miniature_menu ul { margin:0 0 0 -20px; }
.miniature_menu ul li { float:left; width:16.666%; }
.miniature_menu ul li .inner { margin:0 0 20px 20px; }
.miniature_menu ul li span { font-size:10px; line-height:1.6em; margin:10px 0 0; display:block; }


.products_detail {}
.products_detail .box_inner { padding:0 0 0 635px; }
.products_detail h5 { color:#2c4268; font-size:16px; letter-spacing:0.2em; line-height:1.6em; margin:0 0 5px; }
.products_detail ul li { font-size:13px; text-align:left; padding:0 0 0 18px; position:relative; }
.products_detail .tit { margin:20px 0 30px; }
.products_detail .copy { margin:0 0 30px; }
.products_detail .name { position:relative; }
.products_detail .price { color:#2c4268; font-size:16px; letter-spacing:0.2em; font-weight:600; margin:0 0 20px; }
.products_detail .price span { font-size:12px; font-weight:400; }
.products_detail .link_btn img { display:block; margin:0 auto; }
.products_detail .onsale { position:absolute; top:0; right:80px; }
.products_detail .recipe { margin:0 auto 40px !important; }

.products_detail .products01 .box { width:1180px; height:590px; margin:0 auto 80px; position:relative; text-align:left; }
.products_detail .products01 ul li .circle { color:#c59787; position:absolute; top:0; left:0; }
.products_detail .products01 .pic { position:absolute; top:0; left:0; z-index:1; }
.products_detail .products01 .pic02 { position:absolute; top:-30px; right:80px; }
.products_detail .products01 .link_btn a { background:#c59787; width:260px; color:#fff; margin:40px 0 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }

.products_detail .products02 .box { width:1180px; height:590px; margin:0 auto 80px; position:relative; text-align:left; }
.products_detail .products02 ul li .circle { color:#d6b700; position:absolute; top:0; left:0; }
.products_detail .products02 .pic { position:absolute; top:0; left:0; z-index:1; }
.products_detail .products02 .pic02 { position:absolute; top:0; right:80px; }
.products_detail .products02 .link_btn a { background:#d6b700; width:260px; color:#fff; margin:40px 0 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }

.products_detail .products03 .box { width:1180px; height:590px; margin:0 auto 80px; position:relative; text-align:left; }
.products_detail .products03 ul li .circle { color:#cd5f72; position:absolute; top:0; left:0; }
.products_detail .products03 .pic { position:absolute; top:0; left:0; z-index:1; }
.products_detail .products03 .pic02 { position:absolute; top:0; right:80px; }
.products_detail .products03 .link_btn a { background:#cd5f72; width:260px; color:#fff; margin:40px 0 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }

.products_detail .products04 .box { width:1180px; height:590px; margin:0 auto 80px; position:relative; text-align:left; }
.products_detail .products04 ul li .circle { color:#8f82bc; position:absolute; top:0; left:0; }
.products_detail .products04 .pic { position:absolute; top:0; left:0; z-index:1; }
.products_detail .products04 .pic02 { position:absolute; top:0; right:80px; }
.products_detail .products04 .link_btn a { background:#8f82bc; width:260px; color:#fff; margin:40px 0 0; padding:15px 0; display:block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }


.f_nav { width:1030px; margin:0 auto; }
.f_nav ul { margin:0 0 0 -30px; }
.f_nav ul li { float:left; width:25%; }
.f_nav ul li .inner { margin:0 0 0 30px; }
.f_nav ul li .inner a { padding:8px 30px; display:block; }
.f_nav .cate01 { background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #c59787; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav .cate02 { background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #d1b72a; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav .cate03 { background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #bf6573; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav .cate04 { background:#fff; border:1px solid #f1f0f0; box-shadow:2px 2px 0px 0px #8c83b8; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav ul li .cate01 .cur { border:6px solid #ede2df; box-shadow:1px 1px 0px 0px #ede2df; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav ul li .cate02 .cur { border:6px solid #f2e9b0; box-shadow:1px 1px 0px 0px #f2e9b0; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav ul li .cate03 .cur { border:6px solid #f0cfd4; box-shadow:1px 1px 0px 0px #f0cfd4; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }
.f_nav ul li .cate04 .cur { border:6px solid #ddd9eb; box-shadow:1px 1px 0px 0px #ddd9eb; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; }


.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 #b63232; display:block; text-align:center; position:relative; min-width:1024px; max-width:1280px; margin:0 auto; display: block }
.btn-back a:hover { background: #b63232; 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 }


#main h2 img { width:130%; margin:0 0 0 -15%; }


.b-tit { padding: 10px 10px 0; margin:0 0 30px; max-width:inherit; min-width:inherit; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 80px; margin-bottom: 10px }
.b-tit .txt { padding:0 10px; width: auto }
.b-tit .txt img { width: 100% }
.b-tit .tit_img { margin:0 0 0 -154px; height:60px; }


.read { margin:0 0 50px; position:relative; min-width: inherit; z-index:10; padding:0 20px; }
.read p { font-size:13px; line-height:2em; }
.read .kazari01 { position:absolute; top:0; left:-20px; z-index:2; width:130px; }
.read .kazari02 { position:absolute; top:inherit; bottom:-70px; right:-10px; z-index:1; width:140px; }


.point { width:auto; padding:0 60px; margin:0; }
.point h4 { margin:0 0 15px; }
.point h4 img { height:50px; }
.point ul { margin:0; }
.point ul li { width:100%; }
.point ul li .inner { margin:0 0 20px;  }
.point ul li:last-child .inner { margin:0;  }
.point ul li h5 { font-size:16px; margin:10px 0 5px; }
.point .num { position:absolute; top:-10px; left:-10px; height:50px; }


.video_wrap { width:auto; margin:0 auto 50px; padding:0 20px; }


.new_products { padding:0 20px; }
.new_products .box_inner { padding:0; }
.new_products h5 { font-size:14px; margin:0 0 5px; }
.new_products .tit { position:relative; height:30px; top:0; left:0; }
.new_products .copy { margin:0 0 20px; width:90%; }
.new_products .price { font-size:14px; margin:0 0 10px; }
.new_products .price span { font-size:11px; }
.new_products .onsale { position:absolute; top:-8px; right:10px; height:60px; }
.new_products .products01 .box { width:auto; padding:20px 20px 30px; }
.new_products .products01 .pic { position:relative; top:0; left:0; width:100%; margin:25px 0; }
.new_products .products01 .link_btn a { margin:30px auto 0; }
.new_products .products02 .box { width:auto; padding:20px 20px 30px; }
.new_products .products02 .pic { position:relative; top:0; left:0; width:100%; margin:25px 0; }
.new_products .products02 .link_btn a { margin:30px auto 0; }
.new_products .products03 .box { width:auto; padding:20px 20px 30px; }
.new_products .products03 .pic { position:relative; top:0; left:0; width:100%; margin:25px 0; }
.new_products .products03 .link_btn a { margin:30px auto 0; }
.new_products .products04 .box { width:auto; padding:20px 20px 30px; }
.new_products .products04 .pic { position:relative; top:0; left:0; width:100%; margin:25px 0; }
.new_products .products04 .link_btn a { margin:30px auto 0; }


.miniature_menu { width:auto; padding:0 20px; }
.miniature_menu h4 { margin:0 0 15px; }
.miniature_menu h4 img { height:20px; }
.miniature_menu ul { margin:0 0 0 -10px; }
.miniature_menu ul li { width:33.333%; }
.miniature_menu ul li .inner { margin:0 0 10px 10px; }
.miniature_menu ul li span { margin:5px 0 10px; }


.products_detail { margin:40px 0 0; padding:0 20px; }
.products_detail .box_inner { padding:0; }
.products_detail h5 { font-size:14px; margin:0 0 5px;  }
.products_detail .tit { margin:0 0 15px; height:30px; }
.products_detail .copy { margin:0 0 20px; width:80%; }
.products_detail .price { font-size:14px; margin:0 0 10px; }
.products_detail .price span { font-size:11px; }
.products_detail .onsale { position:absolute; top:0; right:10px; height:60px; }
.products_detail .products01 .box { width:auto; height:auto; margin:0 0 30px; }
.products_detail .products01 .pic { position:static; top:0; left:0; width:100%; margin:0 0 20px; }
.products_detail .products01 .pic02 { position:absolute; top: inherit; bottom:-30px; right:-10px; width:35%; }
.products_detail .products01 .link_btn a { margin:30px auto 0; }
.products_detail .products02 .box { width:auto; height:auto; margin:0 0 30px; }
.products_detail .products02 .pic { position:static; top:0; left:0; width:100%; margin:0 0 20px; }
.products_detail .products02 .pic02 { position:absolute; top: inherit; bottom:-30px; right:-20px; width:35%; }
.products_detail .products02 .link_btn a { margin:30px auto 0; }
.products_detail .products03 .box { width:auto; height:auto; margin:0 0 30px; }
.products_detail .products03 .pic { position:static; bttom:0; left:0; width:100%; margin:0 0 20px; }
.products_detail .products03 .pic02 { position:absolute; top: inherit; bottom:0; right:-40px; width:35%; }
.products_detail .products03 .link_btn a { margin:30px auto 0; }
.products_detail .products04 .box { width:auto; height:auto; margin:0 0 30px; }
.products_detail .products04 .pic { position:static; top:0; left:0; width:100%; margin:0 0 20px; }
.products_detail .products04 .pic02 { position:absolute; top: inherit; bottom:-30px; right:-40px; width:35%; }
.products_detail .products04 .link_btn a { margin:30px auto 0; }
.products_detail .recipe { margin:0 auto 30px !important; }
.mov { margin:40px 0 0 !important; }



.f_nav { width:auto; padding:0 20px; }
.f_nav ul { margin:0 0 0 -15px; }
.f_nav ul li { width:50%; }
.f_nav ul li .inner { margin:0 0 15px 15px; }
.f_nav ul li .cate01 .cur { border:4px solid #ede2df; }
.f_nav ul li .cate02 .cur { border:4px solid #f2e9b0; }
.f_nav ul li .cate03 .cur { border:4px solid #f0cfd4; }
.f_nav ul li .cate04 .cur { border:4px solid #ddd9eb; }


.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) {
.b-tit { padding: 10px 10px 0; }

.read .kazari01 { width:100px; }
.read .kazari02 { width:110px; }


.point { padding:0 40px; }

.new_products .products01 .link_btn a { width:100%; }
.new_products .products02 .link_btn a { width:100%; }
.new_products .products03 .link_btn a { width:100%; }
.new_products .products04 .link_btn a { width:100%; }

}