@charset "utf-8";

/*Reset*/
html{scroll-behavior: smooth;}
html,body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd{
margin: 0;
padding: 0;
line-height: 1;
font-family: "Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #333;
}
ul{
list-style: none;
}
a{
text-decoration: none;
color: inherit;
}
img{
border: none;
vertical-align: bottom;
max-width: 100%;
}

/*共通css*/
.container{
max-width:960px;
margin:0 auto;
padding: 0 10px;
}

/*Header*/
header.container{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 10px;
}
header.container>div:first-child{
width:360px;
}
h1{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.title{
margin-top: -30px;
font-size: 300%;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 4px;
}
.title span{
color:  #0082e7
}
.co{
font-weight: bold;
font-size: 18px;
letter-spacing: 26px;
margin-bottom: 5px;
}
header div:first-child p:last-of-type{
line-height: 1.3;
}
header div:last-child{
text-align: right;
}
.tel{
display: inline;
font-size: 300%;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 1px;
font-weight: bold;
border:2px solid #0082e7;
border-radius: 10px;
background:url(../img/phone.svg) no-repeat left 10px center/50px;
padding: 10px 10px 10px 65px;
}
.add{
font-size: 18px;
margin-top: 20px;
}

/*------Navigation------*/
.pcnav ul{
display: flex;
justify-content: center;
background:#0082e7;
}
.shimon .pcnav ul,#kurokorai .pcnav ul{
background:#a00;
}
.pcnav li{
color:#fff;
text-align: center;
font-weight: bold;
}
.pcnav a{
display: block;
font-size: 14px;
padding: 1em 5px;
}
.pcnav a:hover{
background:#f5a;
}
.pcnav img{
vertical-align:sub;
}
/* hover img */
.pcnav li{
position: relative;
}
.pcnav span{
position:absolute;
width: 150%;
top: 100%;
left: 0;
color: #7c0101;
background:rgba(255, 255, 255, 1);
text-align: left;
line-height: 1.3;
padding: 10px;
opacity: 0;
transition: 300ms;
}
.pcnav span img{
width:80px;
display: block;
margin: 0 auto 10px;
}
.pcnav a:hover span{
opacity: 1;
}
/*Sp nav*/
.spnav{
position: fixed;
width: 100%;
top:57px;
display: none;
z-index: 999;
}
.spnav ul{
display: flex;
flex-wrap: wrap;
}
.spnav li{
width:50%;
text-align: center;
font-size: 100%;
line-height: calc((150vh - 57px)/9);
font-weight: bold;
color: #fff;
border-bottom: 1px solid #fff;
}
.spnav img{
vertical-align: middle
}
.spnav a{
display: block;
background: rgba(100,150,255,0.8)
}

/*Topへ戻る*/
.top{
color: #fff;
background:#f5a;
font-weight: bold;
box-sizing: border-box;
width:50px;
height: 50px;
padding-top: 17px;
text-align: center;
border-radius: 50%;
position: fixed;
right:5px;
bottom: 5px;
cursor: pointer;
}
/*Sp Btn*/
.btn{
width:50px;
height: 50px;
background:rgba(255,255,255,0.8);
border:1px solid #0082e7;
border-radius: 5px;
position: fixed;
top:5px;
right: 5px;
display: none;
}
.btn span{
display: block;
width:35px;
height: 3px;
background:#0082e7;
border-radius: 3px;
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.btn span::before, .btn span::after{
content: "";
display: block;
width:35px;
height: 3px;
background:#0082e7;
border-radius: 3px;
}
.btn span::before{
margin-top: -10px;
}
.btn span::after{
margin-top: 17px;
}

/*トップ頁Keyvisual*/
#waka .keyVis{
background:url(../img/keyvis2.jpg) no-repeat left center/cover;
margin-bottom: 10px;
}
#waka .keyVis>.container{
/* outline: 2px solid #f00; */
box-sizing: border-box;
padding: 20px 10px;

/* KeyVis横並び */
/* display: flex;
justify-content: space-between;
align-items: center; */
}

#waka .keyVis p{
text-align: center;
color:#fff;
font-size: 200%;
font-weight: bold;
line-height: 1.3;
text-shadow: 3px 3px 3px #000;
}
#waka .keyVis .quo{
font-size: 1.3em;
}

#waka .bita-camp{
box-shadow: 
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff,
0 0 10px #fff;
}

/* #waka  .keyVis .quo{
font-size: 1.2em;
text-align: left;
}
#waka .quo img{
width:80%;
margin-bottom: 5px;
} */

#waka .keyVis span:first-of-type{
font-size: 120%;
letter-spacing:10px;
}
#waka .keyVis span:last-of-type{
/* outline: 2px solid #f00; */
display: block;
box-sizing: border-box;
background:url(../img/muryo-bg.png) no-repeat center/contain;
width:fit-content;
padding: 0 25px;
width:498px;
margin: 0 auto; 
text-align: center;
height: 100px;
font-size: 80%;

line-height: 100px;
}

/*お知らせ*/
.notice{
margin:50px auto ;
}
.notice .noticeBox {
font-size: 20px;
/* text-align: center; */
margin-bottom: 30px;
}
/* Insta flex */
.noticeBox{
display: flex;
justify-content: space-between;
align-items: center;

    & div{
    display: flex;
    align-items: center;
    gap: 0.5em; 

        & p{
        font-size: 0.8em;
        line-height: 1.2;}

    }

    & i{
    font-size: 50px;
    background: 
    radial-gradient(circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285AEB 90%);
    background-clip: text; color:transparent;
    }

}

.notice dl{
overflow: scroll;
height: 12em;
border: 1px solid #aaa;
padding: 10px;
}
.notice dt{
float: left;
clear: both;
line-height: 1.6;
color: #0082e7;
font-weight: bold;
}
.notice dd{
margin-left: 6em;
line-height: 1.4;
margin-bottom: 10px;
overflow: hidden;
}
.notice span{
color:#f00;
font-size: 120%;
font-weight: bold;
}
.paypay{
background:url(../img/paypay.png) no-repeat right center/contain;
}
.paypay-img{
float:right;
margin-left: 10px;
}
.notice a{
color: #00f;
text-decoration: underline;
}

/* top-title */
.top-title{
margin: 0;
text-align: center;
color: #f90;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 2.5em;
font-weight: lighter;
border: 1px solid #f00;
padding: 0.5em 0;
background: linear-gradient(to bottom,#fff,#fc7);
text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
}

/* シモン茶キービジュアル */
#home .keyVis2{
background:radial-gradient(circle at 50% 40%, #fff 0%,#fccd3e 40%);
}
#home .cho-sp{
display: none;
}
#home .keyVis2>.container{
display: flex;
justify-content: space-between;
padding-top: 50px;
}
#home .keyVis2>.container div{
width:65%;
background: url(../img/simon-main-copy.png) no-repeat center/contain;
}
#home .keyVis2>.container div h4,#home .keyVis2>.container div p{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#home .keyVis2 .container>p{
width:30%;
}
#home .simon-sp{
display: none;
}
#home .sizen-sp{
display: none;
}
#home .curl{
height: 178px;
background: #fef3cb url(../img/simon-key-back.gif) no-repeat center top;
}

/* 黄金配合 */
.ogon{
background:#fef3cb;
}
.ogon>.container, .super .fyber,.issi>.container{
display: flex;
justify-content: space-between;
}
.ogon .container div{
width:43%;
}
.ogon .container .img-box{
width:50%;
}
.ogon h4{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height:40%;
background: url(../img/ogon-title.png) no-repeat center top/contain;
}
.ogon .container div p:first-of-type,.fyber div p:first-child{
color: #f00;
font-size: 1.6em;
font-weight: bold;
line-height: 1.3;
border-left: 5px solid #f00;
padding-left: 5px;
margin-bottom: 20px;
}
.ogon .container div p:nth-of-type(2),.fyber div p:nth-child(n+1),.issi>.container>div p,.dr-content>div>div p{
font-size: 1.4em;
line-height: 1.3;
}
.ogon-bottom{
height: 98px;
background: url(../img/ogon-bg.gif) no-repeat center top;
}

/* スーパーファイバー */
.super{
padding-top: 50px;
margin-bottom: 50px;
}
.super .fyber div,.issi .container>div{
width:60%;
}
.super .fyber>p{
width:40%;
text-align: right;
}
.super h4{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 150px;
background:url(../img/super-title.png) no-repeat left top/contain;
margin-bottom: 30px;
}
.fyber div p:nth-child(2){
margin-bottom: 15px;
}
.red{
color: #f00;
}

/* 一子相伝 */
.issi{
padding-bottom: 100px;
}
.issi .container{
margin-bottom: 50px;
}
.issi h4{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 30%;
background: url(../img/issi-title.png) no-repeat left top/contain;
margin-bottom: 20px;
}
.issi h4+p{
margin-bottom: 20px;
}
.issi .container>p{
width:33%;
text-align: right;
}

/* 愛飲 */
.aiin{
padding: 100px 0;
background: url(../img/dr-mihara-top.gif) no-repeat center top,url(../img/dr-mihara-bottom.gif) no-repeat center bottom;
background-color: #fef3cb ;
}
.three-col{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;   
}
.three-col p:first-child{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(../img/aiin.gif) no-repeat center/contain;
width: 35%;
height: 200px;
}
.dr-content>div{
display: flex;
justify-content: space-between;
}
.dr-content>div>div{
width:60%;
}
.dr-content>div>p{
width:30%;
}
.dr-content>div>div p+p{
margin-top: 15px;
}

/* シモン茶情報 */
.shimon-kakaku{
padding: 100px 0;
font-size: 1.5em;
}
.shimon-kakaku h4{
font-size: 1em;
margin-bottom: 30px;
}
.shimon-kakaku table{
border-collapse: collapse;
width:100%;
margin-bottom: 30px;
}
.shimon-kakaku th{
color: #700;
background: #fcf3d5;
}
.shimon-kakaku th, .shimon-kakaku td{
padding:10px;
border: 2px solid rgb(192, 47, 10);
}
.shimon-kakaku img,.chumon{
display: block;
margin: 0 auto;
}


/*共通おすすめ商品*/
.reco>section{
padding: 50px 0;
}
.reco>p:first-of-type{
line-height: 1.4;
margin:5px 0 ;
}
.reco>p:first-of-type a{
color: #00f;
text-decoration: underline;
}
.reco h2{
width: 6em;
margin: 0 auto 4em;
position: relative;
}
.reco h2::before{
content: "";
display: block;
width: 60%;
height: 2px;
background:#af0094;
position: absolute;
left: -0.3em;
top:-0.3em;
}
.reco h2::after{
content: "";
display: block;
width: 60%;
height: 2px;
background:#af0094;
position: absolute;
bottom: -0.3em;
right: -0.3em;
}
.reco h3{
text-align: center;
margin-bottom: 10px;
font-size: 130%;
color: #0082e7;
}
.recoBox{
display: flex;
justify-content: left;
flex-wrap: wrap;
}
.recoBox>section{
box-sizing: border-box;
width: 25%;
padding: 0 0.8em;
margin-bottom: 1em;
}
.reco img{
object-fit: contain;
height: 210px;
display: block;
margin:0 auto  20px;
}
.recoBox p:last-of-type{
line-height: 1.3;
}
/*チェックボタン*/
.check{
width:80%;
text-align: center;
margin:20px auto;
color: #fff;
background:#0082e7;
padding: 15px  0;
border-radius: 5px;
font-weight: bold;
box-shadow: 1px 1px 1px #000;
}

#about .check{
background:#ff743d;
}
#cbd .check{
background:#036001;
}
#waka .check{
background:#f70;
}
#rose .check{
background: #eb00b6;
}

/* ----------黒高麗人参---------- */
/* KeyVisual */
#kurokorai .keyBox{
background:url(../img/korai-bg.png) no-repeat center;
}
#kurokorai .keyVis{
height: 415px;
display: flex;
justify-content: space-between;
align-items: center;
}
#kurokorai .keyVis>div{
width:fit-content;
}
#kurokorai .keyVis>p{
width:200px;
}
#kurokorai .keyVis>div p:first-of-type{
font-size: 2em;
font-family: serif;
font-weight: bold;
color: #700;
line-height: 1.3;
text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;
margin-bottom: 20px;
}
#kurokorai .keyVis h2{
background: url(../img/kurokorai-title.png) no-repeat left center/contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 5em;
margin-bottom: 20px;
}
#kurokorai .keyVis>div p:last-of-type{
font-size: 1.3em;
line-height: 1.3;
font-weight: bold;
}
/* キービズ下2カラム */
#kurokorai .powerBox{
display: flex;
gap: 30px;
padding: 50px 0;
}
#kurokorai .power{
width:60%;
}
#kurokorai .chara{
width:40%;
}
/* 特徴 */
#kurokorai .chara div{
border: 1px solid #a00;
border-radius: 10px;
padding: 15px;
width: fit-content;
}
#kurokorai .chara h2{
color: #a00;
font-family: serif;
font-size: 2em;
margin-bottom: 20px;
}
#kurokorai .chara ol{
padding-left: 40px;
list-style:decimal;
}
#kurokorai .chara li{
color: #700;
line-height: 1.3;
}
#kurokorai .chara li+li{
margin-top: 20px;
}
/* パワーアップ */
#kurokorai .power section+section{
margin-top: 30px;
}
#kurokorai .power h2{
background:#c00;
color: #fff;
font-size: 1.3em;
padding: 0.5em;
border-radius: 10px;
box-sizing: border-box;
border:3px solid #f90;
margin-bottom: 20px;
}
#kurokorai .power p{
line-height: 1.4;
padding-left: 1em;
}
#kurokorai .power span{
color: #a00;
}
/* パワーアップ画像 */
#kurokorai .p-up{
display: block;
margin: 30px auto;
}
/* パワーアップ画像したコメント */
#kurokorai .p-up+p{
border: 1px solid #c00;
padding: 1em 2em;
border-radius: 10px;
box-sizing: border-box;
width:85%;
color: #f00;
font-weight: bold;
margin: 0 auto;
line-height: 1.4;
font-size: 1.2em;
margin-bottom: 50px;
}
/* 商品 */
#kurokorai .shohinBox{
background: #ffc;
padding: 50px 0;
}
#kurokorai .shohinBox .container{
max-width:600px;
}
#kurokorai .shohinmei{
display: flex;
gap: 80px;
margin-bottom: 30px;
}
#kurokorai .shohinmei h3{
font-size: 3em;
color: #c00;
}
#kurokorai .shohinmei li{
background: #c00;
color: #fff;
text-align: center;
margin-bottom: 10px;
padding: 0.8em 2em;
}
#kurokorai .kakaku{
color: #333;
line-height: 1.5;
font-size: 170%;
font-weight: bold;
margin-right: 5px;
}
#kurokorai .tax{
font-size: 22px;
line-height: 1.5;
margin-left: 10px;
border: 1px solid #c00;
background: #fff;
padding: 5px 10px;
font-weight: bold;
margin-top: -5px;
color: #c00;
background:#fff;
}
#kurokorai .kono{
margin-top: 20px;
}
#kurokorai .kono dt{
float: left;
font-weight: bold;
}
#kurokorai .kono dd{
margin: 0 0 10px 100px;
}


/* 購入ボタン */
#kurokorai .buy a{
background: #c00;
}
#kurokorai .buy a:hover{
background: #900;
}


/*----------クリルビジュアル----------*/
#home .curil{
background:url(../img/whale.jpg) no-repeat center/cover;
padding: 50px 0;
}
#home .curil>.container{
display: flex;
justify-content: space-between;    
}
#home .curil img{
width:150px;
height: auto;
}
#home .power{
background:url(../img/nenrei.png) no-repeat left bottom 20px;
}
#home .power >p:first-of-type{
color: #f70281;
font-size: 250%;
font-weight: bold;
text-shadow: 2px 2px 1px #fff,-2px -2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff;
margin-bottom: 20px;
}
#home .power >p:last-of-type{
color:#fff;
font-weight: bold;
font-size: 250%;
text-align: right;
letter-spacing: 5px;
text-shadow: 2px 2px 1px #f70281,-2px -2px 1px #f70281,2px -2px 1px #f70281,-2px 2px 1px #f70281;
margin-bottom: 30px;
}
#home .power>h2{
text-align: right;
color:#f70281;
font-size: 700%;
letter-spacing: 30px;
text-shadow: 4px 4px 2px #fff,-4px -4px 2px #fff,4px -4px 2px #fff,-4px 4px 2px #fff;
}
/*クリルコンテンツ*/
#home .curil2{
padding: 50px 10px;
background:url(../img/rinsan.jpg)  no-repeat right bottom 50px;
}
#home .curil2>p:first-of-type{
color: #f70281;
font-size: 250%;
font-weight:bold;
margin-bottom: 30px;
}
#home .dha{
width:55%;
}
#home .dha>h2{
color:#fff;
text-align: center;
background:#0082e7;
padding: 10px;
border-radius: 5px;
letter-spacing: 2px;
margin-bottom: 10px;
box-shadow: 1px 1px 1px #000;
}
#home .dha>p,#home .curil3>p:last-of-type{
font-size: 18px;
margin-bottom: 10px;
line-height: 1.5;
}
/*南極オキアミ*/
#home .curil3{
padding-bottom: 30px;
background:url(../img/nankyoku.jpg) no-repeat right/320px auto;
}
#home .curil3>p,#home .curil3>h2{
width:55%;
}
#home .curil3>p:first-of-type{
color: #f70281;
font-size: 180%;
font-weight: bold;
margin-bottom: 20px;s
}
#home .curil3>h2{
color:#fff;
text-align: center;
background:#0082e7;
padding: 10px;
border-radius: 5px;
letter-spacing: 2px;
margin-bottom: 10px;
box-shadow: 1px 1px 1px #000;
}
/*こんな人には*/
#home .konna{
padding: 30px 0 70px 0;
background:url(../img/himan.gif) no-repeat right 70px  top 30px;
}
#home .konna>h2{
color:#fff;
text-align: center;
background:#d03;
padding: 10px;
border-radius: 5px;
letter-spacing: 2px;
margin-bottom: 10px;
box-shadow: 1px 1px 1px #000;
width:55%;
margin-bottom: 20px;
}
#home .konna>ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:65%;
list-style: disc;
border:1px solid #d03;
border-radius: 5px;
padding:20px 20px 20px 40px;
} 
#home .konna li{
color: #d03;
width:50%;
line-height: 1.5;
font-weight: bold;
font-size: 18px;
}
#home .konna li:nth-child(2),#home .konna li:nth-child(4){
width:45%;
}

/*クリル商品*/
#home .syohin{
background:#fde9f1;
padding:50px 0;
}
#home .syohin>.container{
 background: url(../img/kuril_oil03.png) no-repeat right 50px top/250px;
}
#home .syohin h2{
color:#f70281;
font-size: 500%;
letter-spacing: 10px;
text-shadow: 4px 4px 2px #fff,-4px -4px 2px #fff,4px -4px 2px #fff,-4px 4px 2px #fff;
}
#home .syohinmei{
display: flex;
margin-bottom: 30px;
}
#home .syohinmei h2{
margin-right: 20px;
}
#home .syohinmei>ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:350px;
}
#home .syohinmei li{
font-size: 20px;
height: 40px;
line-height: 2;
text-align: center;
width:165px;
font-weight: bold;
margin-bottom: 10px;
}
#home .syohinmei li:nth-child(odd){
background:#f70281;
color: #fff;
}
#home .syohinmei li:nth-child(2){
border:1px solid #f70281;
color: #f70281;
background: #fff;
}
#home .syohin dl{
font-size: 22px;
width:60%;
}
#home .syohin dt{
float: left;
clear:both;
}
.syohin dt:first-of-type{
margin-top: 7px;
}
#home .kakaku{
font-size: 170%;
font-weight: bold;
margin-right: 5px;
}
#home .tax{
margin-left: 10px;
border:1px solid #f70281;
color: #f70281;
background: #fff;
padding: 5px 10px;
font-weight: bold;
margin-top: -5px;
}
#home .genryo{
letter-spacing:8px ;
}
#home .syohin dd{
margin-bottom: 15px;
}
#home .syohin dd:nth-of-type(2){
line-height: 1.3;
margin-left: 120px;
}

/*問合せ、購入ボタン*/
.order,.buy a{
box-sizing: border-box;
display: block;
background:#f70281;
color: #fff;
font-weight: bold;
font-size: 24px;
border-radius: 5px;
width:300px;
text-align: center;
padding: 10px 15px;
line-height: 1.5;
margin:40px auto 0;
letter-spacing:2px;
}

.buy a:hover{
background:#ae025b;
}
.jabara a{
background:#016f01;
}
.jabara a:hover{
background:#040;
}
#cbd .buy a{
background:#036001;
}
#cbd .buy a:hover{
background:#030;
}

/*CDB OIL*/
#cbd .order{
background:#036001;
}
.order span{
font-weight: bold;
padding-left: 25px;
background: url(../img/phone-white.svg) no-repeat left center;
}

/*じゃばら*/
#home .jabara h2{
color: #016f01;
text-align: center;
margin:50px auto;
width:8em;
border:1px solid #016f01;
padding:10px 20px;
border-radius: 5px;
}
#home .mainVis{
padding:30px 0;
background:url(../img/jabaraBg.jpg) no-repeat center/cover;
}
#home .jabara .mainVis h3{
color:#016f01;
font-size: 500%;
letter-spacing: 5px;
text-shadow: 4px 4px 2px #fff,-4px -4px 2px #fff,4px -4px 2px #fff,-4px 4px 2px #fff;
margin-bottom: 20px;
}
#home .jabara .mainVis p{
box-sizing: border-box;
width:60%;
color: #fff;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
padding:20px;
background:rgba(70,100,0,0.6);
}
#home .jabara .mainVis .container{
padding: 50px 0;
background:url(../img/jabara2.png) no-repeat right 50px center/contain;
}
#home .jabara .what{
padding: 50px 10px;
background: url(../img/jabara-tree.jpg) no-repeat right 10px center/32%;
}
#home .jabara .what>h3{
color:#fff;
font-size: 24px;
text-align: center;
background:#016f01;
padding: 10px;
border-radius: 5px;
letter-spacing: 2px;
margin-bottom: 10px;
box-shadow: 1px 1px 1px #000;
box-sizing: border-box;
width:60%;
margin-bottom: 20px;
}
#home .jabara .what>p{
width:60%;
font-size: 18px;
margin-bottom: 10px;
line-height: 1.5;
}
#home .jabara .shohin{
background:#cadfa4;
padding: 50px 0;
}
#home .jabara .shohin>.container{
background:url(../img/jabara-tab.png) no-repeat right 20px center/23%;
}
#home .jabara .shohin h3{
color:#016f01;
font-size: 400%;
letter-spacing: 5px;
text-shadow: 4px 4px 2px #fff,-4px -4px 2px #fff,4px -4px 2px #fff,-4px 4px 2px #fff;
margin-bottom: 20px;
}
#home .jabara .shohinBox{
display: flex;
width:70%;
justify-content: space-between;
}
#home .jabara .shohinmei{
width:75%;
}
#home .jabara .shohinmei p{
font-size: 22px;
line-height: 1.5;
margin-bottom: 20px;
}
#home .jabara .shohinBox li{
background:#016f01;
color: #fff;
padding: 10px 20px;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
}
#home .jabara .tax{
color: #016f01;
border-color: #016f01;
}
#home .jabara .order{
background:#016f01;
margin-top:60px;
}

/*共通Footer*/
footer{
border-top: 1px solid #aaa;
padding: 30px 0;
text-align: center;
}
footer p:first-child{
font-family: 'Roboto Condensed', sans-serif;
font-size: 150%;
letter-spacing: 1px;
margin-bottom: 10px;
}
footer span{
color:  #0082e7;
}

/*会社案内頁*/
#about .keyVis{
box-sizing: border-box;
height: 400px;
background: url(../img/officeBg.jpg) no-repeat center top/cover;
text-align: center;
margin-bottom: 5px;
}
#about .keyVis>h2{
font-size: 400%;
color: #fff;
letter-spacing: 40px;
text-shadow: 3px 3px 3px #000;
padding: 100px 0 30px
}
#about .keyVis>p{
font-size: 200%;
color: #fff;
font-weight: bold;
line-height: 1.5;
text-shadow: 3px 3px 3px #000;
}
/*CBD、会社概要共通*/
#about .link a, #cbd .link a{
color:#00f;
text-decoration: underline;
}
#about .info{
padding: 80px 10px;
}
#about .info>section{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}
#about .info h3{
width:25%;
font-size: 22px;
letter-spacing: 10px;
text-align: center;
color: #fff;
background:#ff743d;
padding: 30px 0;
border-radius: 5px;
font-weight: bold;
box-shadow: 1px 1px 1px #000;
}
#about .info .rinen, #about .info dl{
width:65%;
font-size: 18px;
}
#about .rinen p{
margin-bottom: 10px;
line-height: 1.5;
}
/* #about .rinen p:last-child{
text-align: right;
} */
#about .info ol{
padding-left: 20px;
}
#about .info li{
margin-bottom: 10px;
line-height: 1.3;
}
#about .info dt{
float: left;
clear: both;
}
#about .info dd{
margin : 0 0 10px 100px;
}
#about .info dt:first-of-type{
letter-spacing: 17px;
}
#about .info dt:last-of-type{
letter-spacing: 6px;
}


/*CBD OIL頁*/

/*KeyVis*/
#cbd .keyVis{
box-sizing: border-box;
height: 400px;
background: url(../img/oil-bg.jpg) no-repeat center top/cover;
margin-bottom: 5px;
}
#cbd .keyVis>.container{
/*box-sizing: border-box;*/
height: 400px;
background:url(../img/oil-kosai.png) no-repeat right 50px top 40px/200px;
}
#cbd .keyVis p{
padding: 100px 10px 40px;
font-size: 300%;
letter-spacing: 20px;
font-weight: bold;
text-shadow: 4px 4px 2px #fff,-4px -4px 2px #fff,4px -4px 2px #fff,-4px 4px 2px #fff;
}
#cbd .keyVis p span{
color: #f00;
font-size: 160%;
}
#cbd .keyVis h2{
font-size: 350%;
color: #036001;
letter-spacing: 5px;
text-shadow: 4px 4px 2px #fff,-4px -4px 2px #fff,4px -4px 2px #fff,-4px 4px 2px #fff;
}
#cbd .keyVis h2 span{
font-size: 130%;
}
/*商品説明*/
#cbd .kenko{
background: url(../img/hokuo.jpg) no-repeat right 10px top 130px/40%;
padding: 50px 10px 10px;
padding-bottom: 50px;
}
#cbd .kenko>p{
margin-bottom: 10px;
font-size: 18px;
line-height: 1.3;
}
#cbd .kenko>p:first-child{
font-size:150%;
font-weight:bold;
line-height: 1.3;
color:#036001;
margin-bottom: 20px;
}
#cbd .kenko>p:not(:first-child){
width:55%;
}
#cbd .kenko>p:nth-child(2){
background:#036001;
color: #fff;
padding: 10px 0;
text-align: center;
font-weight: bold;
font-size: 150%;
border-radius: 5px;
box-shadow: 1px 1px 1px #000;
margin-bottom: 20px;
}
#cbd .kenko>p:nth-child(6),
#cbd .kenko>p:nth-child(7){
color: #036001;
font-weight: bold;
}
#cbd .line-up{
background: #e9f9be;
padding: 50px 0;
margin-bottom: 50px;
}
#cbd .line-up h2{
background:#fff;
width:8em;
margin:0 auto;
padding: 10px;
border:1px solid  #036001;
border-radius: 5px;
}
#cbd .syohin section{
overflow: hidden;
padding: 40px 10px;
}

/* 耐酸性CBDオイルカプセル */
#cbd .syohin .capsul h3{
color: #036001;
font-size: 200%;
margin: 20px 0;
}
#cbd .syohin .capsul h3 + p{
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
#cbd .syohin .capsul dt{
color: #a00;
font-weight: bold;
margin-bottom: 5px;
font-size: 18px;
}
#cbd .syohin .capsul dd{
margin-bottom: 10px;
line-height: 1.3;
padding-left: 1em;
font-size: 18px;
}
#cbd .syohin .capsul table{
margin: 20px 0;
}
#cbd .syohin .capsul table th{
width: 30%;
}
#cbd .syohin .capsul ol{
list-style-type:decimal;
padding-left: 1em;
}
#cbd .syohin .capsul li{
font-size: 18px;
line-height: 1.3;
margin-bottom: 10px;
}

#cbd .syohin section h3{
font-size: 150%;
margin-bottom: 3em;
}
#cbd .syohin section h3>span{
margin-right: 20px;
}
#cbd .syohin section h3>span:first-child{
color: #a00;
font-size: 300%;
font-family: 'Italianno', cursive;
}
#cbd .syohin section h3>span:last-child{
color: #036001;
font-size: 150%
}
#cbd .syohin section img{
float: right;
width: 25%;
margin-left: 40px;
}
#cbd .syohin section .cream{
width: 40%;
margin-top: 80px;
}
#cbd .syohin section p{
margin-bottom: 10px;
font-size: 18px;
line-height: 1.4;
}
#cbd .syohin table{
border-collapse: collapse;
margin-top: 30px;
}
#cbd .syohin th,#cbd .syohin td{
padding: 10px;
border: 1px solid #036001;
}
#cbd .syohin th{
text-align: left;
background:#e9f9be;
width:100px;
}
#cbd .syohin td{
width:400px;
}
#cbd .syohin .bg{
background:#e9f9be;
}
#cbd .syohin .bg th,
#cbd .syohin .bg td{
background:#fff;
}

/*---------------ワカサプリ頁---------------*/
/*キービジュアル*/
#waka .keyVis2{
background: url(../img/ocean.jpg) no-repeat center top/cover;
}
#waka .keyVis2>.container{
box-sizing: border-box;
height:400px;
background: url(../img/waka-woman.png) no-repeat left bottom;
padding-left: 200px;
}
#waka .stay{
font-size: 250%;
padding: 30px 0 20px;
line-height: 1.2;
font-weight: bold;
color: #f70;
text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
#waka .youth{
font-size: 250%;
color:#fff;
text-shadow: 0 0 5px #f70,0 0 5px #f70,0 0 5px #f70,0 0 5px #f70,0 0 5px #f70;
margin-bottom: 20px;
}
#waka .keyVis2 h2{
font-size: 500%;
color: #f70;
text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
margin-bottom: 20px;
}
#waka .keyVis2 h2>span{
font-size: 50px;
}
#waka .series{
text-align: right;
font-size: 250%;
color: #f70;
font-weight: bold;
text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}

/*こだわり*/
#waka .kodawari{
padding: 50px 10px 30px;
background: url(../img/kodawari-bg.jpg) no-repeat right 20px top 50px/40%;
}
#waka .kodawari h2{
background:#f50;
color: #fff;
text-shadow: 1px 1px 2px #000;
padding: 10px 20px;
border-radius: 10px;
width: 35%;
margin-bottom: 10px;
}
#waka .kodawari p{
width: 55%;
line-height: 1.5;
margin-bottom: 20px;
}
#waka .kodawari h2:nth-of-type(2){
background-color: #0a0;
}
#waka .kodawari h2:nth-of-type(3){
background-color: #fa0;
}

#waka .line-up{
text-align: center;
padding: 50px 0;
color: #f90;
background:#fc7;
}
#waka .line-up>span{
border:1px solid #f90;
padding: 10px;
border-radius: 5px;
background: #fff;
}

/*--------商品ラインナップ--------*/

/* ルテイン */
#waka .luteinBox{
background: #fed;
}
#waka .luteinBox .bita-c .des>p:first-of-type{
color: #6633ff;
}
#waka .luteinBox .bita-c .des>h3{
font-size: 1.5em;
margin-bottom: 20px;
}
#waka .kono p:nth-child(even) span{
display: block;
margin-bottom: 30px;
}
#waka .kono p:nth-child(even) span.title2{
color: #6633ff;
font-weight: bold;
margin-bottom: 0;
}
#waka .luteinBox .bita-c table{
margin-bottom: 30px;
}
#waka .luteinBox .bita-c th{
width:35%;
}
#waka .luteinBox .bita-c .marry{
text-align-last: left;
line-height: 1.3;
}


/*ビタミンC*/
#waka .bita-c{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
padding: 80px 10px 0;
}
#waka .bita-c>.ph{
width:32%;
text-align: center;
}

#waka .bita-c>.content{
width: 65%;
}
#waka .bita-c img{
width:100%;
border:1px solid#aaa;
margin-bottom: 20px;
}
#waka .bita-c .des>p:first-of-type{
color: #f70;
font-weight: bold;
margin-bottom: 10px;
}
#waka .bita-c .des>h3{
font-size: 200%;
padding-bottom: 5px;
border-bottom: 4px solid #f70;
margin-bottom: 10px;
}
#waka .bita-c .des>p:nth-of-type(2){
color: #090;
font-weight: bold;
line-height:1.3;
margin-bottom: 20px;
}
#waka .bita-c .des>h4{
background: #f70;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
}
#waka .num{
list-style: decimal;
padding-left: 40px;
margin-bottom: 20px;
}
#waka .num li{
line-height: 1.3;
margin-bottom: 5px;
}
#waka .kono{
margin-bottom: 30px;
}
#waka .kono p:nth-child(odd){
background: #f70;
color: #fff;
font-weight: bold;
padding: 10px;
}
#waka .kono p:nth-child(even){
border: 1px solid #f70;
margin-bottom: 20px;
padding: 10px;
}

#waka .bita-c table{
clear: both;
width:100%;
border-collapse: collapse;
line-height: 1.3;
}
#waka .bita-c th{
background:#fea;
text-align: left;
width:55%;
font-size: 14px;
}
#waka .bita-c td{
background: #fff;
}
#waka .bita-c th,#waka .bita-c td{
border: 1px solid #f70;
padding: 7px;
}
#waka .bita-c table span{
font-size: 12px;
}

/*コエンザイムQ10*/
#waka .c-q10Box{
background: #fed;
}
#waka .q10 .des>h3{
margin-bottom: 30px;
}
#waka .kono p:nth-child(even){
line-height: 1.6;
background: #fff;
margin-bottom: 30px;
}
#waka .q10 table th{
width:40%;
}
#waka .bita-d .num{
list-style: disc;
}
#waka .red{
color: #f00;
}
/*亜鉛＆銅*/
#waka .aen .des>h3{
margin-bottom: 10px;
}

/*お問い合せ*/
#waka .order{
background:#f70;
}
/*購入ボタン*/
#waka .buy{
border-bottom: 3px solid #f90;
padding-bottom: 70px;
/*margin-bottom: 30px;*/
}
#waka .buy a{
background: #f70;
}
#waka .buy a:hover{
background:#a30;
}

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

/*共通Header*/
header.container{
display: block;
text-align: center;
padding:20px 0 0;
}
header.container>div:first-child{
width:auto;
}
.co{
margin-bottom: 10px;
}
header div:first-child p:last-of-type{
display: none;
}
header div:last-child{
background:#0082e7;
}
.tel{
display: block;
color: #fff;
width:7em;
margin:0 auto;
padding-left:45px;
background:#0082e7 url(../img/phone-white.svg) no-repeat left 10px center/50px;
}
.add{
display: none;
}
.pcnav{
display: none;
}
.btn{
display: block;
}
/*トップ頁Keyvisual*/
#waka .keyVis{
height: auto;
} 
#waka .keyVis>.container{
padding: 20px 0;
display: block;
} 
#waka .keyVis p{
color:#fff;
font-size: 150%;
font-weight: bold;
}
#waka .keyVis span:first-of-type{
/* font-size: 0.7em; */
}
#waka .keyVis span:last-of-type{
width: 300px;
margin: 0 auto;
font-size: 90%;
background-position: center;
background-size: 300px auto;
line-height: 1;
height: 100px;
padding-top:40px;
}
#waka .keyVis .quo{
text-align: center;
}


/* シモン茶キービジュアル */
#home .keyVis2{
padding-top: 10px;
}
#home .cho-sp,#home .sizen-sp,#home .simon-sp{
display: block;
margin: 0 auto;
}
#home .keyVis2>.container{
padding:10px 0 ;
}
#home .keyVis2>.container div{
width:40%;
background:url(../img/superfiber.png) no-repeat center top/contain;
}
#home .keyVis2 .container>p{
width:60%;
}
#home .simon-key{
display: none;
}

/* 黄金配合 */
.ogon>.container, .super .fyber,.issi>.container{
display: block
}
.ogon h4{
height:150px;
margin-bottom: 20px;
}
.ogon .container div,.ogon .container .img-box{
width:auto;
}
.ogon .container .img-box{
text-align: center;
}

/* スーパーファイバー */
.super{
padding-top: 30px;
margin-bottom: 30px;
}
.super h4{
height: 100px;
}
.super .fyber div,.issi .container>div,.super .fyber>p{
width:auto;
margin-bottom: 20px;
}
.super .fyber>p{
text-align: center;
}
/* 一子相伝 */
.issi{
padding-bottom: 30px;
}
.issi h4{
height: 150px;
}
.issi .container>p{
width:auto;
text-align:center;
}

/* 愛飲 */
.aiin{
padding: 70px 0;
}
.three-col{
display:block;
margin-bottom: 20px;   
text-align: center;
}
.three-col p:first-child{
width: auto;
height: 150px;
margin-bottom: 10px;
}
.three-col p:nth-child(2){
margin: 10px 0;
}
.dr-content>div{
display: block;
}
.dr-content>div>div,.dr-content>div>p{
width:auto;
}
.dr-content>div>div{
margin-bottom: 20px;
}
.dr-content>div>p{
text-align: center;
}
/* シモン茶情報 */
.shimon-kakaku{
padding: 30px 0;
font-size: 1em;
}

/* 価格 */
.shimon-kakaku th,.shimon-kakaku td{
line-height: 1.4;
}

/* -----------黒高麗人参------------ */
#kurokorai .keyBox{
background-size:auto 250px;
}
#kurokorai .keyVis{
height:250px;
}
#kurokorai .keyVis>p{
width:130px;
}
#kurokorai .keyVis>div p:first-of-type{
font-size: 1em;
margin-bottom: 10px;
}
#kurokorai .keyVis h2{
font-size: 3em;
margin-bottom: 10px;
}
#kurokorai .keyVis>div p:last-of-type{
font-size: 1em;
}
/* キービズ下2カラム */
#kurokorai .powerBox{
display: block;
gap: 20px;
padding: 20px 0;
}
/* パワーアップ */
#kurokorai .power section+section{
margin-top: 20px;
}
#kurokorai .power,#kurokorai .chara{
width:auto;
}
#kurokorai .power{
margin-bottom: 30px;
}/* パワーアップ画像 */
#kurokorai .p-up{
margin: 20px auto;
}
/* 特徴 */
#kurokorai .chara div{
width: auto;
}
/* パワーアップ画像したコメント */
#kurokorai .p-up+p{
width:auto;
padding: 1em;
margin-bottom: 20px;
}
/* 商品 */
#kurokorai .shohinBox{
padding: 20px 0;
}
#kurokorai .shohinmei{
display:block;
margin-bottom: 20px;
}
#kurokorai .shohinmei h3{
text-align: center;
margin-bottom: 10px;
}
#kurokorai .shohinmei li{
width:300px;
margin: 0 auto 10px;
}
#kurokorai .shohinmei+p{
text-align: center;
}
#kurokorai .kono{
width:80%;
margin: 20px auto 0;
}
#kurokorai .kono dd{
margin: 0 0 10px 80px;
line-height: 1.3;
}


/*共通おすすめ商品*/
/* 共通おすすめ */
.recoBox>section{
width: 50%;
}
/*.reco>section{
padding: 20px 0;
}
.recoBox>section{
width: 50%;
}
.recoBox p{
width:70%;
margin:0 auto 20px;
}*/

/*クリルビジュアル*/
#home .curil{
padding: 20px 0;
}
#home .power{
background-size:200px;
background-position: left bottom 40px;
}
#home .power >p:first-of-type{
color: #f70281;
font-size: 150%;
margin-bottom: 10px;
}
#home .power >p:last-of-type{
font-size: 200%;
text-align: right;
letter-spacing: 5px;
margin-bottom: 20px;
}
#home .power>h2{
font-size: 450%;
letter-spacing: 5px;
}

/*クリルコンテンツ*/
#home .curil2{
padding: 20px 10px;
background:none;
}
#home .curil2>p:first-of-type{
font-size: 150%;
margin-bottom: 10px;
text-align: center;
}
#home .dha{
width:100%;
}
/*南極オキアミ*/
#home .curil3{
padding-bottom: 10px;
background:none;
}
#home .curil3>p,#home .curil3>h2{
box-sizing: border-box;
width:100%;
}
#home .curil3>p:first-of-type{
font-size: 130%;
text-align: center;
margin-bottom: 10px;
}
/*こんな人には*/
#home .konna{
padding: 10px 0 20px;
background:none;
}
#home .konna>h2{
width:100%;
box-sizing: border-box;
margin-bottom: 10px;
}
#home .konna>ul{
box-sizing: border-box;
width:100%;
}

/*クリル商品*/
#home .syohin{
background:#fde9f1 url(../img/kuril_oil03.png) no-repeat center bottom/250px;;
padding:20px 0 300px;
}
#home .syohin>.container{
 background: none;
}
#home .syohinmei{
justify-content: center;
margin-bottom: 10px;
}
#home .syohin h2{
font-size: 300%;
letter-spacing: 5px;
}
#home .syohinmei>ul{
display: flex;
width:200px;
}
#home .syohinmei li{
font-size: 16px;
height: 30px;
margin-bottom:5px;
}
#home .kakaku{
font-size: 150%;
}
#home .syohin dl{
width:80%;
font-size: 18px;
margin:0 auto;
}

/*じゃばら*/
#home .jabara h2{
margin:20px auto;
}
#home .mainVis{
padding:10px 0;
}
.jabara .mainVis h3{
font-size: 300%;
letter-spacing: 5px;
margin-bottom: 10px;
text-align: center;
}
#home .jabara .mainVis p{
width:100%;
font-size: 20px;
padding:20px;
text-align: center;
}
#home .jabara .mainVis .container{
padding: 20px 0;
background:none;
}
#home .jabara .what{
padding: 20px 10px;
background: none;
}
#home .jabara .what>h3{
width:100%;
}
#home .jabara .what>p{
width:100%;
}
#home .jabara .shohin{
padding:20px 0 400px;
background:#cadfa4 url(../img/jabara-tab.png) no-repeat center bottom/200px;
}
#home .jabara .shohin>.container{
background:none;
}
#home .jabara .shohin h3{
font-size: 200%;
letter-spacing: 3px;
margin-bottom: 10px;
text-align: center;
}
#home .jabara .shohinBox{
display: block;
width:100%;
}
#home .jabara .shohinmei{
width:100%;
}
#home .jabara .shohinmei p{
font-size: 18px;
width:70%;
margin:0 auto 10px;
}
#home .jabara .shohinBox li{
padding: 10px 20px;
width:200px;
margin:0 auto 10px;
}

/*------会社概要------*/
/*KeyVis*/
#about .keyVis{
height: auto;
padding: 20px 10px;
}
#about .keyVis>h2{
font-size: 300%;
padding:0 0 10px;
}
#about .keyVis>p{
font-size: 140%;
}
/*CBD OIL*/
#cbd .keyVis{
height: auto;
padding: 30px 10px;
background: url(../img/oil-kosai.png) no-repeat right 50px top 10px/90px,url(../img/oil-bg.jpg) no-repeat center top/cover;
}
#cbd .keyVis>.container{
/*box-sizing: border-box;*/
height: auto;
background:none;
}
#cbd .keyVis p{
padding: 0 0  10px 0;
font-size: 200%;
letter-spacing: 10px;
}
#cbd .keyVis h2{
font-size: 200%;
}

/*--------ワカサプリ --------*/
#waka .keyVis>.container{
background: none;
padding: 10px 10px 20px;
height:auto;
text-align: center;
}
#waka .stay{
font-size: 150%;
padding: 10px 0 10px;
}
#waka .youth{
font-size: 250%;
}
#waka .keyVis2 h2{
font-size: 300%;
}
#waka .series{
text-align: center;
}
/*こだわり*/
#waka .kodawari{
background: none;
padding: 20px 10px 0;
}
#waka .kodawari h2{
width: auto;
}
#waka .kodawari p{
width: auto;
}
/*商品ラインナップ*/
#waka .line-up{
padding: 20px 0;
}
/*ビタミンC*/
#waka .bita-c{
flex-wrap: wrap;
padding: 30px 10px 0;
}
#waka .bita-c>.ph{
width:auto;
margin:0 auto;
order: 2;
}
#waka .bita-c>.content{
width:auto;
order: 1;
}


}

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

/*共通Header*/
h1{
font-size: 170%;
}
.co{
letter-spacing: 9px;
}
.tel{
font-size: 32px;
width:7em;
margin:0 auto;
padding-left:45px;
background:#0082e7 url(../img/phone-white.svg) no-repeat left 10px center/40px;
}

/*共通おすすめ商品*/
.reco>section{
padding: 30px 0;
}
.reco h2{
margin-bottom: 30px;
}
.reco h3{
font-size: 100%;
}

/* お知らせ */
.paypay{
background: none;
}

/*クリルビジュアル*/
#home .power{
background-size:120px;
background-position: left bottom 30px;
}
#home .power >p:first-of-type{
font-size: 100%;
line-height: 1.3;
}
#home .power >p:last-of-type{
font-size: 110%;
text-align: left;
letter-spacing: 0;
margin-bottom: 10px;
}
#home .power>h2{
text-align: left;
font-size: 300%;
letter-spacing: 5px;
}
#home .curil2>p:first-of-type{
font-size: 100%;
margin-bottom: 10px;
}
#home .dha>h2{
font-size: 120%;
line-height: 1.3;
}
/*南極オキアミ*/
#home .curil3>h2{
font-size: 120%;
}
#home .dha>p,#home .curil3>p:last-of-type{
font-size: 16px;
}
#home .curil3>p:first-of-type{
font-size: 100%;
}
/*こんな人には*/
#home .konna>h2{
font-size: 100%;
}
#home .konna li{
width: 100%;
font-size: 16px;
line-height: 1.3;
margin-bottom: 10px;
}
#home .konna li:nth-child(2),.konna li:nth-child(4){
width:100%;
}
#home .syohin h2{
font-size: 200%;
letter-spacing: 0;
}
#home .syohinmei>ul{
width:150px;
}
#home .kakaku{
line-height: 1.5;
}
#home .jabara .mainVis h3{
font-size: 200%;
}
#home .jabara .shohinmei p{
width:100%;
}
#home .jabara .tax,#home .tax{
display: block;
text-align: center;
width:80%;
margin:0 auto
}
#home .genryo{
display: block;
}

/*--------黒高麗人参--------*/
#kurokorai .keyVis h2{
font-size: 2em;
}
#kurokorai .shohinmei li{
box-sizing: border-box;
}


/*--------CBD OIL--------*/
/*KeyVis*/
#cbd .keyVis{
height: auto;
padding: 30px 10px;
background: url(../img/oil-kosai.png) no-repeat right 50px top 10px/80px,url(../img/oil-bg.jpg) no-repeat center top/cover;
}
#cbd .keyVis p{
font-size: 150%;
}
#cbd .keyVis h2{
font-size: 150%;
}

/*商品説明*/
#cbd .kenko{
background: none;
padding: 20px 10px 10px;
}
#cbd .kenko>p{
font-size: 16px;
}
#cbd .kenko>p:first-child{
font-size:120%;
margin-bottom: 10px;
text-align: center;
}
#cbd .kenko>p:not(:first-child){
width:100%;
}
#cbd .line-up{
padding: 20px 0;
}
#cbd .syohin section{
padding:10px;
}
#cbd .syohin section p{
font-size: 16px;
}
#cbd .syohin th,#cbd .syohin td{
padding: 5px;
}
#cbd .syohin th{
font-size: 14px;
}
#cbd .syohin td{
font-size: 14px;
}

/*会社概要*/
#about .keyVis>h2{
font-size: 200%;
letter-spacing: 10px;
}
#about .keyVis>p{
font-size: 14px;
/*text-align: left;*/
}
#about .info{
padding: 20px 10px;
}
#about .info>section{
display: block;
margin-bottom: 10px;
}
#about .info h3{
width:100%;
font-size: 22px;
letter-spacing: 10px;
padding: 10px 0;
margin-bottom: 10px;
}
#about .info .rinen, #about .info dl{
width:100%;
font-size: 16px;
}

/*ワカサプリ */
#waka .keyVis2>.container{
padding-left: 150px;
height: 300px;
}
#waka .stay{
font-size: 150%;
}
#waka .youth{
font-size: 200%;
}
#waka .keyVis2 h2{
font-size: 200%;
}
#waka .series{
font-size: 150%;
}

/*共通*/
.order{
box-sizing: border-box;
}

}

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

/*----CBD OIL----*/
/*KeyVis*/
#cbd .keyVis{
background: none,url(../img/oil-bg.jpg) no-repeat center top/cover;
}
#cbd .keyVis p{
font-size: 120%;
text-align: center;
}
#cbd .keyVis h2{
font-size: 120%;
text-align: center;
}
#cbd .kenko>p:nth-child(2){
padding: 10px 0;
font-size: 100%;
margin-bottom: 10px;
}

/*商品一覧*/
#cbd .syohin section h3{
font-size: 100%;
margin-bottom: 10px;
}
#cbd .syohin section .cream{
float: none;
width: 60%;
margin:0 0 0 90px;
}

/*ワカサプリ */
#waka .stay{
font-size: 120%;
}
#waka .series{
font-size: 180%;
}
#waka .kodawari h2:first-of-type{
font-size: 18px;
}


}