@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/
*/

/*webフォントアイコン*/
@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';
  -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:3px;
}

.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フォントアイコン*/

html{color:#140b0b;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}

/*テキスト装飾*/
.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;}
.txt22{font-size:22px;}
.txt24{font-size:24px;}
.txt28{font-size:28px;}
.txt31{font-size:31px;}
.txt80{font-size: 80%;}
.txt120{font-size: 120%;}
.txt140{font-size: 140%;}
.txt160{font-size: 160%;}
.white{color:#fff;}
.black{color:#501905;}
.red{color:#f00000;}
.green{color:#288c46;}
.blue{color:#005de8;}
.dblue{color:#00156f;}
.bg_y{background-color:#FAFA7D;}
.bg_sy{background-color:#fff2d2;}
.bg_db{background-color:#00156f;}
.bg_gy{background-color:#dedede; padding:5px;}
.bg_fp{background-color:#ffc4c4;}
.under_line{text-decoration:underline;}
.line_through{text-decoration:line-through;}
.dShd{box-shadow:0px 1px 1px -1px #0a0806;}
.back_w{background-image: url('../images/woodpattern-2.webp');}
.back_c{background-image: url('../images/back-i.webp');}
/*テキスト装飾*/

/*本体共通項目*/
body {margin: 0px auto;padding: 0px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;font-size: 18px;text-align: center;color: #252525;background: url(../images/back.webp) fixed;background-size: cover;}
img {border:0;vertical-align: bottom;}
/*img{display: none;}*/
p {line-height:1.8; margin:0px auto 0px; }
ul{padding:0px; margin:0px auto;}
li{padding:0px; margin:5px auto 5px; 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:0px auto 0; padding:0; }
figure img,h2 img,header img,.adcode_btn01 img,.adcode_btn02 img,.adcode_btn03 img,.adcode_btn04 img
{display: block!important;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
.pad2{padding: 4%;}
article {width:100%;max-width:760px;margin:0px auto;padding:0;background-color:#ffffff;text-align:left;}
section{margin:0px auto;padding:0 0 20px 0;}
h2{width: 100%;margin:0px auto 10px;}
h3{padding:10px 0;}
.payHl{background:#fff2d2;padding-left:2%;margin-top:20px}

/*本体共通項目*/

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

/*グリストール追記*/
img{width: 100%;}

figure.mid img{width: 60%;margin: 40px auto;}
figure.min img{width: 30%;margin: 40px auto;}

section div.pad2 div.pcos01{width: 92%;margin:20px auto;padding: 2%;text-align: center;border: 4px solid #2736ca;}
section div.pad2 div.pcos01 img{width: 100%;}
section div.pad2 div.pcos01 h3{margin: 0 auto 20px;padding: 1%;background: #2736ca;color: #fff;font-weight: bold;text-align: center;border-radius: 20px;}

section div.pad2 div.pcos02{width: 92%;margin:20px auto;padding: 2%;text-align: center;border: 4px double #f00000;border-radius: 10px;}
section div.pad2 div.pcos02 img{width: 80%;}


/*引用*/
div.quote{width: 92%;margin:20px auto;padding: 2%;border: 2px solid #666;}
div.quote h3{font-weight: bold;font-style: oblique;}
div.quote p{font-style: oblique;}

/*利用者の声*/
dl.user{margin: 20px auto;padding: 2%;background: #f8f8e6;text-align: center;}
dl.user dt{margin: 0 0 30px;padding: 5px 0 5px;font-size: 160%;font-weight: bold;text-align: center;color: #fd55b8;border-top: 6px double #fd55b8;border-bottom: 6px double #fd55b8;}
dl.user img{width: 60%;margin: 0 auto 40px;}
dl.user p{text-align:left;}
dl.user p.ks{font-size: 60%;text-align: right;display: block;}

/*成分*/
dl.sb01,dl.sb02{margin: 20px auto ;overflow: hidden;}
dl.sb01 dt{width: 60%;float: left;}
dl.sb01 dd{width: 36%;float: right;}
dl.sb02 dt{width: 36%;float: left;}
dl.sb02 dd{width: 60%;float: right;}

/*form*/
dl.form{position: relative; width: 96%;margin: 20px auto ;}
dl.form dd{width: 90%;position: absolute;top: 66%;left: 5%;}

/*成分*/
h4{width: 92%;margin:20px auto 10px;font-size: 20px;font-weight: bold;}
dl.gzr{width: 92%;margin:20px auto;border: 1px solid #666;}
dl.gzr dt{padding: 2%;font-weight: bold;background: #eee;border: 1px solid #666;}
dl.gzr dd{padding: 2%;border: 1px solid #666;}

/*支払い方法*/
dl.pay{margin: 30px auto 0px;padding: ;border: 4px solid #ed8af1;}
dl.pay dt{padding: 2%;font-size: 24px;font-weight: bold;color: #fff;background: #ed8af1;}
dl.pay dd{padding: 2%;}
/*グリストール追記*/

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

/*スクロール*/
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;}


@media (max-width: 750px) {
.pc{display: none;}
}

@media (min-width: 750px) {
.smp{display: none;}

}

/*ボタン*/
.form_btn{ position: relative;}
.form_btn a:hover img{ /*animation-play-state: paused;*/ opacity: 0.7;}
/*フェードイン*/
@keyframes fade {
0% { left: -15px;}
100% { left: 15px;}
}
.btnPosi{
position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    margin: auto;
    text-align: center;
}

/*------------------------------------------
■  岡田先生メールサポート
------------------------------------------*/
.okada_sec p{padding: 10px;}
.okada_sub_title{ margin:20px auto; }
.okada_sub_title p:nth-child(1) {color:#EF5A78;font-weight:bold;margin:0px;}
.okada_sub_title p:nth-child(2) {background-color:#EF5A78;color:#ffffff;font-weight:bold;margin:0px;}
.okada_prof_l{float:left;width:45%;margin-left:10px;}
.okada_prof_r{float:right;width:45%;text-align:center;padding:5px;line-height:1.2em;}
.okada_prof{background-color:#FADC96;padding:5px;margin:5px auto 20px;-moz-box-shadow: 0px 0px 5px 2px #aaa;-webkit-box-shadow: 0px 0px 5px 2px #aaa;}
.okada_qa{margin:20px auto;}
.okada_qa p:nth-child(1) {background-color:#EF5A78;color:#ffffff;font-weight:bold;margin:0px;}
.okada_qa p:nth-child(2) {background-color:#EFD1E0;margin:0px;}
.okada_cap p{border:solid #FADC96 4px;border-radius:5px;margin:20px;}