@charset "utf-8";
/* CSS Document */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

@font-face {
    font-family: 'LigatureSymbols';
    src: url('font/LigatureSymbols-2.11.eot');
    src: url('font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('font/LigatureSymbols-2.11.woff') format('woff'),
         url('font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  font-weight:normal !important;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  padding-right:4px;
  display:inline-block;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
/*webフォントアイコン*/

/*テキスト装飾*/
.bold {font-weight:bold;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt21{font-size:21px;}
.txt24{font-size:24px;}
.txt28{font-size:28px;}
.txt31{font-size:31px;}
.white{color:#fff;}
.black{color:#501905;}
.red{color:#f00000;}
.green{color:#288c46;}
.blue{color:#005de8;}
.bg_y{background-color:#FAFA7D; padding:5px;}
.bg_gy{background-color:#dedede; padding:5px;}
.under_line{text-decoration:underline;}
.line_through{text-decoration:line-through;}
/*テキスト装飾*/

/*本体共通項目*/
body {margin: 0px auto;padding: 0px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;font-size: 15px;text-align: center;color: #501905;}
img {border:0;vertical-align: bottom;}
p {line-height:1.8em; margin:0px auto 10px; }
ul{padding:0px; margin:25px auto;}
li{padding:0px; margin:0px auto 10px; font-weight:bold; font-size:16px;list-style:none;}
.text{width:80%; text-align:left; margin:50px auto;	padding:0px; }
figure{text-align:center; margin:0 auto 30px; padding:0; }
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
article {width:100%;max-width:750px;margin:0px auto;padding:0;background-color:#ffffff;text-align:left;}

section p{width: 92%;margin:0 auto 50px;}

h2{width:100%; margin:0 auto 30px;padding:10px 0;font-size:28px;font-weight:bold;text-align:center;color:#fff; background: #f0a028;}
h2 div{padding:7px 0 5px;border-top: 4px solid #fff;border-bottom: 4px solid #fff;}
/*本体共通項目*/

/*catch*/
header{width:100%;max-width:750px;margin: 0 auto 0;}
/*catch*/

/*bullet*/
ul.bull{width: 92%;margin:30px auto;padding:0;font-size: 24px;font-weight: bold;}
ul.b_blue{border:6px solid #000be2;border-radius: 6px;}
ul.b_red{border:6px solid #f00000;border-radius: 6px;}

ul.b_blue li{margin:0 auto;padding:10px 0 10px 41px;border-bottom:2px dotted #000be2;background:url(../images/chk02.webp) 10px 10px no-repeat;}
ul.b_blue li:last-child{border-bottom: none;}

ul.b_red li{margin:0 auto;padding:10px 0 10px 41px;border-bottom:2px dotted #f00000;background:url(../images/chk01.webp) 10px 10px no-repeat;}
ul.b_red li:last-child{border-bottom: none;}
/*bullet*/

/*gen*/
dl.gen{width: 92%;margin:0 auto 30px;}
dl.gen dt{padding:7px 5px 5px;font-size:20px;font-weight: bold;color: #fff;background: #000be2;border:2px solid #000be2;}
dl.gen dd{padding:7px 5px 5px;font-size:20px;font-weight: bold;border:2px solid #000be2;}
/*gen*/

/*seibun*/
h3{width: 92%;margin:0 auto 20px;padding:7px 0 5px 5px ;font-size: 20px;font-weight: bold;color: #f03c3c;background:#ffe6e6;border-left:4px solid #f03c3c;border-bottom: 2px solid #f03c3c;}
ul.seibun{width: 92%;margin:0 auto 50px;padding:0;font-size: 18px;font-weight: bold;border-top: 4px dotted #666;}
ul.seibun li{padding:10px 0 10px 46px;border-bottom: 4px dotted #666;background:url(../images/chk01.webp) 10px 10px no-repeat;}
/*seibun*/

/*特徴*/
ul#tch{width:88%;margin:0 auto 30px;padding:2%;border:10px double #f00000;border-radius:6px;}
ul#tch li{margin:0 auto;padding:7px 0 5px;font-size:20px;border-top:2px dotted #666;}
ul#tch li:last-child{border-bottom:2px dotted #666;}
/*特徴*/

/*商品紹介*/
h4{width:92%;margin:10px auto 20px;padding:7px 0 5px;font-size: 20px;font-weight: bold;color: #fff;text-align:center;background:#326496;border-radius: 64px;}
/*商品紹介*/

/*成分配合*/
div#sap{width: 92%;text-align: center;}
div#sap figure{width: 48%;display:inline-block;}
div#sap figure figcaption{padding:5px 0 3px;font-size: 14px;font-weight: bold;color:#fff;background:#f00000;}
/*成分配合*/

/*感想*/
div#mail{width: 90%;margin:30px auto;padding:1%;font-size: 20px;text-align:center;border:10px double #333;}
/*感想*/

/*フォーム*/
div.form{width: 92%;margin:20px auto;text-align:center;border:10px solid #f03c3c;}
div.form img{margin:0 auto 15px;}
div.form p{margin:0 auto 10px;font-size: 13px;text-align: left;}
div.form h5{margin:20px 0 10px 20px;padding:10px 0 2px 41px;font-size:20px;font-weight:bold;color:#f00000;text-align:left;text-decoration: underline; background:url(../images/chk01.webp) 10px 10px no-repeat;}
div.form p.pay{width: 92%;margin:0 auto 30px;font-size: 15px;}

div.cig{width: 92%;margin:20px auto;text-align:center;border:10px solid #007606;}
div.cig p{width:90%;margin:10px auto;text-align: left;}
/*フォーム*/

/*成分表示*/
h6{width: 92%;margin:0 auto 10px;padding: 7px 0 5px;font-size:16px;font-weight: bold;color: #fff;text-align:center;background:#f0b73c;}
table{width: 92%;margin:0 auto 30px;padding:0;}
th{padding:10px;text-align: center;font-weight: bold;background:#ccc;border:1px solid #666;}
td{padding:10px;text-align: left;border:1px solid #666;}

table.tbl02{margin:0 auto 5px;}
table.tbl02 tr th,table#tbl02 tr td{text-align: center;}
/*成分表示*/

/*ご利用者の声*/
dl.vo{width: 90%;margin:0 auto 30px;padding:0;border:4px solid #329632;}
dl.vo dt{padding:7px 0 5px;font-size:18px;font-weight:bold;color: #fff;text-align: center; background:#329632;}
dl.vo dd{padding:10px;}
/*ご利用者の声*/

/*Q&A*/
dl.qa{width:92%;margin:0 auto 30px;padding:0;}
dl.qa dt{padding:7px 5px 5px;font-size:18px;font-weight:bold;color: #fff;text-align: center; background:#0005e2;}
dl.qa dd{padding:10px;font-size:18px;text-align: left;}
dl.qa dd span{font-size:24px;font-weight: bold;color:#f00000;}
/*Q&A*/

.linkc{border: #cc0 solid 10px;width: 92%;margin: 20px auto;}
.linkc p{text-align: center;margin: 50px auto 30px;}


/*フッター*/
nav ul{margin:0px auto 20px;}
nav ul li{margin:0;padding:10px 0 10px 15px;background:#f0a028;border-bottom: 2px solid #fff;}
nav ul li a{text-decoration: none;}
footer{background-color:#f0a028;padding:10px 0;font-size: 12px;text-align: center;}
/*フッター*/

/*スクロール*/
div.scr{margin:120px 0 0;text-align: center;}
div.scr a {
  padding-top: 80px;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color:#0316a5;
}
div.scr a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #0316a5;
  border-bottom: 2px solid #0316a5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
div.scr a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
div.scr a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
div.scr a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}

/*ぬるっとスクロール*/
html {scroll-behavior:smooth;}