@charset "UTF-8";
 .is_pc{display: block;}.is_sp{display: none;}
@media (max-width:640px){.is_pc{display: none;}.is_sp{display: block;}}
#kzmcnts{}
.brandSiteHeader{
box-sizing: content-box;
}
.brandSiteHeader .ph-logo{
margin: 0!important;
font-size: inherit!important;
font-weight: normal!important;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0,-50%);
}
.brandSiteHeader .ph-logo a{
display: block;
}
@media screen and (max-width: 640px){
.brandSiteHeader .ph-logo{
right: 0;
}
} .kazelab_describe{
position: relative;
margin-top: 80px;
width: 100%;
text-align: center;
}
.kazelab_describe_innr{
position: relative;
padding: 30px;
padding-top: 40px;
width: 100%;
border-radius: 10px;
border: 2px dotted #00a0e9;
}
.kazelab_describe_ttl{
position: absolute;
display: table;
padding: 0 60px;
top: -10px;
left: 50%;
transform: translate(-50%,0);
font-size: 2.2rem;
line-height: 1;
text-align: center;
color: #00a0e9;
letter-spacing: 1px;
white-space: nowrap;
font-feature-settings: "palt";
background-color: #fff;
}
.kazelab_describe_ttl::before{
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
left: 20px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_left.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
pointer-events: none;
}
.kazelab_describe_ttl::after{
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
right: 20px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
pointer-events: none;
}
.kazelab_describe_txt{
font-size: 16px;
line-height: 1.8;
color: #555;
}
@media screen and (max-width: 640px){
.kazelab_describe{
margin-top: 12vw;
}
.kazelab_describe_innr{
padding: 4vw;
padding-top: 6vw;
}
.kazelab_describe_ttl{
padding: 0 10vw;
font-size: 1.8rem;
}
.kazelab_describe_ttl::before {
width: 14px;
height: 22px;
left: 4vw;
background-size: 14px 22px;
}
.kazelab_describe_ttl::after {
width: 14px;
height: 22px;
right: 4vw;
background-size: 14px 22px;
}
.kazelab_describe_txt{
font-size: 1.4rem;
}
} .effective_herbal{
position: relative;
margin-top: 6rem;
text-align: center;
}
.effective_herbal .labo-item-mainttl{
display: inline-block;
position: relative;
font-size: 3rem;
line-height: 1;
color: #00a0e9;
font-weight: 700;
}
.effective_herbal .labo-item-mainttl::before{
content: '';
position: absolute;
width: 38px;
height: 38px;
top: 50%;
left: -50px;
transform: translate(0,-50%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.effective_herbal .labo-item-mainttl.icon_title1::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title1.svg);
}
.effective_herbal .labo-item-mainttl.icon_title2::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title2.svg);
}
.effective_herbal .labo-item-mainttl.icon_title3::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title3.svg);
}
.effective_herbal .labo-item-mainttl.icon_title4::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title4.svg);
}
.effective_herbal .labo-item-mainttl.icon_title5::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title5.svg);
}
.effective_herbal .labo-item-mainttl.icon_title6::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title6.svg);
}
.effective_herbal .labo-item-mainttl.icon_title7::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title7.svg);
}
@media screen and (max-width: 640px){
.effective_herbal .labo-item-mainttl{
font-size: 2rem;
}
.effective_herbal .labo-item-mainttl::before{
width: 5.5vw;
height: 5.5vw;
left: -7vw;
}
} .effective_herbal .link_prod_list {
position: relative;
margin-top: 3rem;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.effective_herbal .link_prod_list li{
position: relative;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 15px;
text-align: center;
}
.effective_herbal .link_prod_list a{
display: block;
padding: 7px 25px 7px 10px;
font-size: 13px;
line-height: 1.5;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
transition:0.3s;
box-sizing: border-box;
}
.effective_herbal .link_lead_txt1{
position: relative;
font-feature-settings: "palt";
font-size:1.2rem;
z-index: 5;
}
.effective_herbal .link_lead_txt2{
position: relative;
font-size:1.4rem;
z-index: 5;
}
.effective_herbal .link_prod_list a:hover{
opacity: 1;
}
.effective_herbal .link_prod_list a::before {
content: "";
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 5px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
z-index: 2;
}
.effective_herbal .link_prod_list a::after {
content: "";
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 12px;
width: 8px;
height: 8px;
transform: rotate(45deg);
z-index: 3;
}
.effective_herbal .link_btn1{
position: relative;
color: #cc9500;
background-color: #fff6ca;
border: 2px solid #cc9500;
}
.effective_herbal .link_btn1:hover{
color: #fff;
background-color: #cc9500;
}
.effective_herbal .link_btn1::after{
border-top: 2px solid #cc9500;
border-right: 2px solid #cc9500;
}
.effective_herbal .link_btn2{
position: relative;
color: #7bcd02;
background-color: #f2ffca;
border: 2px solid #7bcd02;
}
.effective_herbal .link_btn2:hover{
color: #fff;
background-color: #7bcd02;
}
.effective_herbal .link_btn2::after{
border-top: 2px solid #7bcd02;
border-right: 2px solid #7bcd02;
}
.effective_herbal .link_btn3{
position: relative;
color: #eb0032;
background-color: #ffd5de;
border: 2px solid #eb0032;
}
.effective_herbal .link_btn3:hover{
color: #fff;
background-color: #eb0032;
}
.effective_herbal .link_btn3::after{
border-top: 2px solid #eb0032;
border-right: 2px solid #eb0032;
}
.effective_herbal .link_btn4{
position: relative;
color: #1db11d;
background-color: #cdfecc;
border: 2px solid #1db11d;
}
.effective_herbal .link_btn4:hover{
color: #fff;
background-color: #1db11d;
}
.effective_herbal .link_btn4::after{
border-top: 2px solid #1db11d;
border-right: 2px solid #1db11d;
}
.effective_herbal .link_btn5{
position: relative;
color: #1cb67e;
background-color: #ccffee;
border: 2px solid #1cb67e;
}
.effective_herbal .link_btn5:hover{
color: #fff;
background-color: #1cb67e;
}
.effective_herbal .link_btn5::after{
border-top: 2px solid #1cb67e;
border-right: 2px solid #1cb67e;
}
.effective_herbal .link_btn6{
position: relative;
color: #07b300;
background-color: #ccffca;
border: 2px solid #07b300;
}
.effective_herbal .link_btn6:hover{
color: #fff;
background-color: #07b300;
}
.effective_herbal .link_btn6::after{
border-top: 2px solid #07b300;
border-right: 2px solid #07b300;
}
.effective_herbal .link_btn7{
position: relative;
color: #ba4c91;
background-color: #ffd9f6;
border: 2px solid #ba4c91;
}
.effective_herbal .link_btn7:hover{
color: #fff;
background-color: #ba4c91;
}
.effective_herbal .link_btn7::after{
border-top: 2px solid #ba4c91;
border-right: 2px solid #ba4c91;
}
.effective_herbal .link_btn8{
position: relative;
color: #0e64c2;
background-color: #cbe4fe;
border: 2px solid #0e64c2;
}
.effective_herbal .link_btn8:hover{
color: #fff;
background-color: #0e64c2;
}
.effective_herbal .link_btn8::after{
border-top: 2px solid #0e64c2;
border-right: 2px solid #0e64c2;
}
.effective_herbal .link_btn9{
position: relative;
color: #a827d5;
background-color: #f3d2fe;
border: 2px solid #a827d5;
}
.effective_herbal .link_btn9:hover{
color: #fff;
background-color: #a827d5;
}
.effective_herbal .link_btn9::after{
border-top: 2px solid #a827d5;
border-right: 2px solid #a827d5;
}
.effective_herbal .link_btn10{
position: relative;
color: #1eaae1;
background-color: #cbf1fe;
border: 2px solid #1eaae1;
}
.effective_herbal .link_btn10:hover{
color: #fff;
background-color: #1eaae1;
}
.effective_herbal .link_btn10::after{
border-top: 2px solid #1eaae1;
border-right: 2px solid #1eaae1;
}
.effective_herbal .link_btn11{
position: relative;
color: #ef4d17;
background-color: #fedbcb;
border: 2px solid #ef4d17;
}
.effective_herbal .link_btn11:hover{
color: #fff;
background-color: #ef4d17;
}
.effective_herbal .link_btn11::after{
border-top: 2px solid #ef4d17;
border-right: 2px solid #ef4d17;
}
@media screen and (max-width: 640px){
.effective_herbal .link_prod_list{
display: block;
margin-bottom: 10vw;
width: 100%;
}
.effective_herbal .link_prod_list li{
margin: 0 auto;
margin-bottom: 4vw;
width: 80vw;
}
.effective_herbal .link_prod_list a{
padding: 2vw;
padding-right: 3vw;
}
.effective_herbal .link_prod_list a::before {
right: 5px;
width: 15px;
height: 15px;
}
.effective_herbal .link_prod_list a::after {
right: 10px;
width: 6px;
height: 6px;
}
.effective_herbal .link_lead_txt1{
font-size:1.3rem;
}
.effective_herbal .link_lead_txt2{
font-size:1.5rem;
}
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}:after,:before,ty *{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}img{vertical-align:middle}
.brandSiteFooter .link .policy li{font-size: 1.4rem;}
.brandSiteFooter p.copyright{font-size: 1.2rem;}
.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.popover{position:absolute;top:0;left:0;z-index:2;display:none;max-width:276px;padding:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}
@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}html{font-size:62.5%;line-height:1em}*,:after,:before{box-sizing:border-box}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:auto;font-size:14px;font-size:1.4rem;line-height:15px;line-height:1.5rem;color:#000;background-color:#fff}.w-100{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#brandSiteFooter,#brandSiteHeader{box-sizing:content-box}
.whole{
position:relative;
min-width:950px;
text-align:left;
margin-top:1pc;
overflow:inherit;
*zoom:1;
}
.whole .inner{
margin-right:auto;
margin-left:auto;
width:950px;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W6);
font-weight: 700;
} .breadcrumb{
margin: 15px auto 0 auto;
width: 950px;
}
.breadcrumb ol{
display: flex;
}
.breadcrumb ol li{
position: relative;
margin-right: 8px;
padding-right: 17px;
list-style: none;
font-size: 13px;
line-height: 1;
font-weight: 700;
color: #555;
}
.breadcrumb ol li::after{
content: '>';
position: absolute;
bottom: 1.5px;
right: 0;
}
.breadcrumb ol li:last-child::after{
content: none;
}
.breadcrumb ol li a{
display: block;
color: #009fe6;
text-decoration: none;
outline: none;
} .kazelab_gnav{
margin: 0 auto;
padding: 60px 0 40px 0;
width: 950px;
text-align: center;
}
.kazelab_gnav_list{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.kazelab_gnav_list li{
position: relative;
margin-right: 50px;
margin-bottom: 30px;
list-style: none;
}
.kazelab_gnav_list a{
display: block;
position: relative;
font-size: 14px;
font-weight: 700;
color: #009fe6;
text-decoration: none;
outline: none;
transition: .3s ease;
}
.kazelab_gnav_list a.no_active{
pointer-events: none;
opacity: 0.6;
}
.kazelab_gnav_list a:hover{
opacity: 0.7;
}
.kazelab_gnav_list a::before{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translate(0,-50%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.kazelab_gnav_list a::after{
content: '';
position: absolute;
width: 7px;
height: 12px;
right: -20px;
top: 50%;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kvslide_arw.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: .3s ease;
}
.kazelab_gnav_list a.no_active::after{
transform: translate(0,-50%) rotate(90deg);
}
.kazelab_gnav_list a:hover::after{
right: -25px;
}
.kazelab_gnav_list a.icon_kgnavi1{
padding-left: 40px;
}
.kazelab_gnav_list a.icon_kgnavi1::before{
width: 33px;
height: 31px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi1.svg);
}
.kazelab_gnav_list a.icon_kgnavi2{
padding-left: 30px;
}
.kazelab_gnav_list a.icon_kgnavi2::before{
width: 19px;
height: 31px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi2.svg);
}
.kazelab_gnav_list a.icon_kgnavi3{
padding-left: 25px;
}
.kazelab_gnav_list a.icon_kgnavi3::before{
width: 12px;
height: 26px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi3.svg);
background-size: 12px 26px;
}
.kazelab_gnav_list a.icon_kgnavi4{
padding-left: 40px;
}
.kazelab_gnav_list a.icon_kgnavi4::before{
width: 30px;
height: 30px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi4.svg);
}
.kazelab_gnav_list a.icon_kgnavi5{
padding-left: 30px;
}
.kazelab_gnav_list a.icon_kgnavi5::before{
width: 23px;
height: 30px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi5.svg);
}
.kazelab_gnav_list a.icon_kgnavi6{
padding-left: 40px;
}
.kazelab_gnav_list a.icon_kgnavi6::before{
width: 30px;
height: 21px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi6.svg);
background-size: 30px 21px;
}
.kazelab_gnav_list a.icon_kgnavi7{
padding-left: 30px;
}
.kazelab_gnav_list a.icon_kgnavi7::before{
width: 20px;
height: 20px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi7.svg);
}
@media (max-width:959px){ .kazelab_gnav{
padding: 7vw 0 4vw 0;
width: 90vw;
}
.kazelab_gnav_list li{
margin-right: 6vw;
margin-bottom: 5vw;
}
.kazelab_gnav_list a{
font-size: 1.2rem;
}
.kazelab_gnav_list a::before{
transform: translate(0,-50%) scale(0.6);
}
.kazelab_gnav_list a.icon_kgnavi1{
padding-left: 8vw;
}
.kazelab_gnav_list a.icon_kgnavi2{
padding-left: 4.7vw;
}
.kazelab_gnav_list a.icon_kgnavi3{
padding-left: 4.2vw;
}
.kazelab_gnav_list a.icon_kgnavi4{
padding-left: 7.2vw;
}
.kazelab_gnav_list a.icon_kgnavi5{
padding-left: 6vw;
}
.kazelab_gnav_list a.icon_kgnavi6{
padding-left: 8vw;
}
.kazelab_gnav_list a.icon_kgnavi7{
padding-left: 6.2vw;
}
.kazelab_gnav_list a::after{
width: 1.5vw;
height: 2.572vw;
right: -3vw;
transition: none;
}
} #column_articles{
position: relative;
width: 100%;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/bg_obj_column.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
background-color: #fffdd9;
}
#column_articles img{
width: 100%;
height: auto;
vertical-align: top;
}
.column_articles_innr{
position: relative;
margin: 0 auto;
padding: 60px 0;
width: 630px;
}
.column_articles_ttl{
position: relative;
display: table;
margin: 0 auto;
margin-bottom: 40px;
font-size: 2.2rem;
line-height: 1;
text-align: center;
color: #00a0e9;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.column_articles_ttl::before{
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
left: -40px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_left.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
}
.column_articles_ttl::after{
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
right: -40px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
}
.column_articles_list{
position: relative;
list-style: none;
}
.column_articles_list li{
position: relative;
margin-bottom: 30px;
display: block;
}
.column_articles_list li:last-child{
margin-bottom: 0;
}
.column_link{
position: relative;
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
border-radius: 10px;
background-color: #009fe6;
overflow: hidden;
transition: all .3s ease-out;
}
.column_img{
position: relative;
margin-right: 30px;
width: 164px;
overflow: hidden;
}
.column_img img{
display: block;
transition: all .3s ease-out;
}
.column_link:hover{
background-color: #0084e8;
}
.column_link:hover .column_img img{
transform: scale(1.1,1.1);
}
.column_detail{
position: relative;
width: calc( 100% - 194px );
}
.column_detail .txt_column{
position: absolute;
width: 70px;
top: -30px;
}
.column_detail_ttl{
display: block;
font-size: 2.2rem;
line-height: 1;
font-feature-settings: "palt";
}
.column_detail_txt{
display: block;
font-size: 1.4rem;
}
@media (max-width: 959px){ #column_articles{
background-position: right -35vw center;
}
.column_articles_innr{
padding: 10vw 0;
width: 90vw;
}
.column_articles_ttl{
margin-bottom: 6vw;
font-size: 1.6rem;
}
.column_articles_ttl::before{
width: 14px;
height: 22px;
left: -30px;
background-size: 14px 22px;
}
.column_articles_ttl::after{
width: 14px;
height: 22px;
right: -30px;
background-size: 14px 22px;
}
.column_articles_list li{
margin-bottom: 6vw;
}
.column_img{
margin-right: 4vw;
width: 30vw;
}
.column_detail{
width: calc( 100% - 34vw );
}
.column_detail .txt_column{
width: 15vw;
top: -6vw;
}
.column_detail_ttl{
font-size: 1.8rem;
line-height: 1.6;
}
} #popular_articles{
position: relative;
width: 100%;
background-color: #f9f9f9;
}
.popular_articles_innr{
position: relative;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 60px;
width: 950px;
}
.popular_articles_ttl{
position: relative;
display: table;
margin: 0 auto;
font-size: 2.2rem;
line-height: 1;
text-align: center;
color: #00a0e9;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.popular_articles_ttl::before{
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
left: -40px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_left.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
}
.popular_articles_ttl::after{
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
right: -40px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
}
.labo-popitem-col{
position: relative;
width:21pc;
padding-left:29px;
padding-right:29px;
float:left;
animation: tooltipShow 0.3s linear 0s;
display: block;
}
.labo-popitem-col:nth-child(3)~.labo-popitem-col{margin-top:5rem}
.labo-popitem-col.labo-last:nth-child(n+3){margin-right:7in}
.labo-popitem-col.labo-last:nth-child(3n-1){margin-right:21pc} .labo-article.icon_popular::before{
content: '';
position: absolute;
width: 35px;
height: 45px;
top: 8px;
left: 8px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_popular.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 35px 45px;
pointer-events: none;
z-index: 2;
}
@media (max-width: 959px){ .popular_articles_innr{
padding-top: 8%;
padding-bottom: 8%;
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
.popular_articles_ttl{
font-size: 1.6rem;
}
.popular_articles_ttl::before{
width: 14px;
height: 22px;
left: -30px;
background-size: 14px 22px;
}
.popular_articles_ttl::after{
width: 14px;
height: 22px;
right: -30px;
background-size: 14px 22px;
}
.labo-popitem-col {
width: 50%;
padding-left: 10px;
padding-right: 10px;
}
.labo-popitem-col{width:50%;padding-left:10px;padding-right:10px}
.labo-popitem-col:nth-child(2)~.labo-popitem-col{margin-top:2rem}
.labo-popitem-col.labo-last:nth-child(odd){margin-right:50%}
.labo-article.icon_popular::before{
width: 25px;
height: 32px;
top: 5px;
left: 5px;
background-size: 25px 32px;
}
} .head-sec{margin:3.2rem 0}
.head-sec .head-sec-inner{position:relative;margin-right:auto;margin-left:auto;width:950px}
.head-sec .head-sec-inner .sns-block{position:absolute;right:0;bottom:0}
.head-sec .head-sec-inner .sns-block li.fb{margin-bottom:10px}
.head-logo{width:282px}.head-logo a{width:100%;display:block}
.head-logo img{width:100%;height:auto} .pagetop{
position: fixed;
bottom: 0;
width: 100%;
min-width: 950px;
z-index: 100;
}
.pagetop a {
position: absolute;
right: 40px;
bottom: 40px;
display: inline-block;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
outline: none;
width: 35px;
height: 35px;
overflow: hidden;
display: none;
}
.pagetop a::before {
content: '';
position: absolute;
width: 35px;
height: 35px;
top: 0;
left: 0;
box-sizing: border-box;
border: 2px solid #ff6666;
border-radius: 3px;
transition: .4s ease;
}
.pagetop a::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
margin-top: 4px;
border-top: 2px solid #ff6666;
border-right: 2px solid #ff6666;
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
transition: .4s ease;
}
.pagetop a:hover::before{
background-color: #ff6666;
}
.pagetop a:hover::after{
border-color: #fff;
}
@media (max-width:640px){
.pagetop{
position: static;
background-color: #dedede;
min-width: 1px;
}
.pagetop a{
display: block;
opacity: 1!important;
position: relative;
width: 100%;
height: 11vw;
right: auto;
bottom: auto;
transition: unset;
}
.pagetop a::before {
content: none;
transition: unset;
}
.pagetop a::after {
border-top: 2px solid #999;
border-right: 2px solid #999;
transition: unset;
}
.pagetop a:hover::after{
border-color: #999;
}
} .foot-logo{
position: relative;
min-width: 950px;
}
.foot-logo a{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/img/common/k-kampo_logo.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 230px 16.866px;
overflow: hidden;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
outline: 0;
width: 230px;
height: 16.866px;
display: block;
margin: 35px auto;
}
.nav-pager-row .nav-pager-col .btn-sns.tw>span{background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/check/icon_btn_x.png) left center no-repeat !important}.clearfix{*zoom:1}
.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
.kazelab #brandSiteHeader{padding-bottom:.7rem}
.kazelab .whole{margin-top:0}
.hierarchy2 .whole{border-bottom:1px solid #e1e1e1}
.carousel-sec{
position:relative;
overflow:hidden;
}
.carousel-wrap{
position:relative;
top:0;left:50%;
width:209.25%;
min-width:167.4pc;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}
.carousel .carousel-item a{
display:block;width:100%;
position:relative;
overflow:hidden;
text-decoration:none;
}
.carousel .carousel-item a:before{
content:' ';
display:block;
padding-top:53.76344%;
}
.carousel .carousel-item .carousel-img{
display:block;
width:100%;
height:auto;
position:absolute;
top:50%;left:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
@media (max-width:640px){
.carousel-sec{
overflow:visible;
height:49vw;
}
.carousel-wrap{
height:49vw;
}
.bx-viewport, .bx-wrapper{
overflow:visible!important;
height:49vw!important;
}
.carousel .carousel-item a{
overflow:visible;
}
}
.carousel .carousel-chkcnt{position:absolute;top:0;right:18px;width:204px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kl_keyvi_check.png) top left no-repeat;background-size:100% 100%}
.carousel .carousel-chkcnt:before{content:' ';display:block;width:100%;padding-top:47.05882%}
.carousel .carousel-chkcnt .carousel-chkcnt-txt{position:absolute;width:100%;top:0;left:0;bottom:0;padding-top:21.56863%;padding-bottom:13.23529%}
.carousel .carousel-chkcnt .carousel-chkcnt-txt .txt{position:relative;margin:0;top:50%;width:100%;color:#000;text-align:center;font-size:1.4rem;line-height:1;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.bx-viewport,.bx-wrapper{padding:0!important}.bx-next,.bx-prev{display:block;position:absolute;top:50%;width:52px;border-radius:50%;background-color:#fff;text-decoration:none;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kl_btn_pre_arrow.gif);background-position:center center;background-size:17.30769% auto;background-repeat:no-repeat;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.bx-next:before,.bx-prev:before{content:' ';display:block;padding-top:100%}.bx-next:hover,.bx-prev:hover{opacity:.8}.bx-prev{left:33.3%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.bx-next{right:33.3%;-webkit-transform:translate(50%, -50%) scale(-1,1);-ms-transform:translate(50%, -50%) scale(-1,1);transform:translate(50%, -50%) scale(-1,1)}.bx-next:before{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.bx-controls-direction{display:none!important}.bxbx-controls{position:absolute;bottom:0;right:33.3%;width:auto;margin-right:10px;margin-bottom:10px}.bx-pager-item{display:inline-block;margin:0 6px}.bx-pager-link{text-decoration:none;display:inherit;border:2px solid #fff;width:14px;height:14px;border-radius:50%;background-color:transparent;font:0/0 a;color:transparent;text-shadow:none}.bx-pager-link.active{background-color:#00a0e9}.gnav-sec{padding:4.5rem 0}.gnav-sec ul{list-style-type:none;padding:0}.gnav-lsts{-js-display:-webkit-box;-js-display:-webkit-flex;-js-display:-ms-flexbox;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.gnav-spacer{height:0;width:100%}.gnav-item{padding:1rem 0}.gnav-item:nth-child(1){margin-left:6%}.gnav-item:nth-child(3){margin-right:6%}.gnav-item a{display:block;line-height:1;text-decoration:none;padding:0 6px;position:relative;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.gnav-item a:hover,.gnav-item.active a{opacity:.6}.gnav-item.active a{pointer-events:none}.gnav-btn-all{width:20.42105%;margin-left:auto;margin-right:auto;margin-top:3.47368%}.gnav-btn-all>a{display:block;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.gnav-btn-all>a:hover{opacity:.6}.gnav-btn-all>a>img{display:block;max-width:100%;height:auto}
.gnav-splt{display:none;border:1px solid #ff0}
.pickup-sec{background-color:#fffdd8;padding:5rem 0 7rem;overflow:hidden}
.pickup-sec .ttl{text-align:center;color:#00a0e9;font-size:1.28571em;line-height:1.66667;letter-spacing:.4rem;font-weight:700;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
.pickup-inner{margin-right:auto;margin-left:auto;width:950px;overflow:hidden}
.pickup-inner .item-row{
margin-top:4rem;
overflow:hidden;
*zoom:1;
}
.pickup-inner .item-col{float:left;width:28pc;position:relative}
.pickup-inner .item-col:nth-child(odd){float:left}
.pickup-inner .item-col:nth-child(even){float:right}
.card{display:block;position:relative;background-repeat:no-repeat;background-size:200% auto;padding-top:62.5%}
.card .hover,.card>a{position:absolute;top:0;left:0;bottom:0;width:100%}
.card>a{display:block;text-decoration:none;color:#000;text-align:center;z-index:1;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}
.card>a:hover{color:#fff}
.card>a:hover+.hover{opacity:1}
.card .hover{background-repeat:no-repeat;opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.card .lead{font-size:inherit;line-height:inherit;font-weight:inherit;position:relative;top:0;left:0;height:100%}
.card .lead .lead-str{display:block;position:absolute;top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.card>a{padding-top:47.54464%;font-size:1.6rem;line-height:1.5}
.card .hover{background-size:200% auto;background-position:100% 50%}
.card.kanpo,.card.kanpo .hover{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kl_pu_00.png)}
.card.check,.card.check .hover{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kl_pu_01.png)}
.knpcntnts{
margin-right:auto;
margin-left:auto;
width:950px;
overflow:hidden;
padding-top:6.4rem;
padding-bottom:8rem;
}
.knpcntnts.nopdgtop{
padding-top: 0;
}
.knpcntnts-ttl{display:none}
.knpcntnts-container{overflow:hidden}
.labo-lsts{position:relative}
.labo-col{display:none;position:absolute;top:0;left:0;visibility:hidden;pointer-events:none;z-index:-1}
.labo-col.active{display:block;position:static;visibility:visible;pointer-events:auto}
.labo-item-div{
margin: 0;padding: 0;
text-align: center;
color: #00a0e9;
line-height: 1.7;
}
.labo-item-div .labo-item-mainttl{
display: inline-block;
position: relative;
font-size: 2.6rem;
font-weight: 700;
}
.labo-item-div .labo-item-mainttl::before{
content: '';
position: absolute;
width: 38px;
height: 38px;
top: 50%;
left: -50px;
transform: translate(0,-50%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.labo-item-div .labo-item-mainttl.icon_title1::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title1.svg);
}
.labo-item-div .labo-item-mainttl.icon_title2::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title2.svg);
}
.labo-item-div .labo-item-mainttl.icon_title3::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title3.svg);
}
.labo-item-div .labo-item-mainttl.icon_title4::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title4.svg);
}
.labo-item-div .labo-item-mainttl.icon_title5::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title5.svg);
}
.labo-item-div .labo-item-mainttl.icon_title6::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title6.svg);
}
.labo-item-div .labo-item-mainttl.icon_title7::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_title7.svg);
}
.labo-item-div .labo-item-leadtxt{
position: relative;
margin: 20px 0;
font-size: 2rem;
font-weight: 700;
}
.labo-item-div .labo-item-summary{
position: relative;
font-size: 1.6rem;
}
@media (max-width:640px){
.labo-item-div .labo-item-mainttl{
font-size: 2rem;
}
.labo-item-div .labo-item-mainttl::before{
width: 5.5vw;
height: 5.5vw;
left: -7vw;
}
.labo-item-div .labo-item-leadtxt{
margin: 3vw 0;
font-size: 1.8rem;
}
.labo-item-div .labo-item-summary{
font-size: 1.4rem;
}
}
.labo-item-ttl{
text-align:center;
color:#00a0e9;
font-size:1.6rem;
line-height:1.7;
}
.labo-item-row{
margin-top:5.8rem;
margin-left:-29px;
margin-right:-29px;
overflow:hidden;
*zoom:1;
}
.labo-item-col{
width:21pc;
padding-left:29px;
padding-right:29px;
float:left;
animation: tooltipShow 0.3s linear 0s;
display: none;
}
.cnt_active{
display: block;
}
@keyframes tooltipShow {
from { opacity: 0;}
to { opacity: 1;}
}
.labo-item-col:nth-child(3)~.labo-item-col{margin-top:5rem}
.labo-item-col.labo-last:nth-child(n+3){margin-right:7in}
.labo-item-col.labo-last:nth-child(3n-1){margin-right:21pc}
.active-0 .labo-item-col.chunk-0,.active-1 .labo-item-col.chunk-1,.active-2 .labo-item-col.chunk-2,
.active-3 .labo-item-col.chunk-3,.active-4 .labo-item-col.chunk-4,.active-5 .labo-item-col.chunk-5,
.active-6 .labo-item-col.chunk-6,.active-7 .labo-item-col.chunk-7,.active-8 .labo-item-col.chunk-8,
.active-9 .labo-item-col.chunk-9,.active-10 .labo-item-col.chunk-10,.active-11 .labo-item-col.chunk-11,
.active-12 .labo-item-col.chunk-12,.active-13 .labo-item-col.chunk-13,.active-14 .labo-item-col.chunk-14,
.active-15 .labo-item-col.chunk-15{opacity:1}
.labo-article{
display:block;
background-repeat:no-repeat;
background-size:100% auto;
position:relative;
padding-bottom:100%;
height:0;
}
.labo-article .hover,.labo-article>a{
position:absolute;
top:0;left:0;
bottom:0;
width:100%;
}
.labo-article>a{
display:block;
text-decoration:none;
color:#000;
text-align:center;
z-index:1;
-webkit-transition:color .3s ease-out;
transition:color .3s ease-out;
}
.labo-article>a:hover+.hover{opacity:1}
.labo-article .hover{
background-repeat:no-repeat;
opacity:0;
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out;
}
.labo-article .lead{
font-size: 14px; line-height: 1.4; font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
font-weight:inherit;
position:relative;
top:0;left:0;height:100%;
}
.labo-article .lead .lead-str{
display:block;
position:absolute;
top:50%;
width:100%;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.labo-article>a{
display:block;
padding-top:76.07143%;
font-size:1.6rem;
line-height:1.4375;
position:absolute;
}
.labo-article>a:after,.labo-article>a:before{
content: ' ';
position: absolute;
background-size: 100% 100%; background-repeat: no-repeat;
}
.labo-article>a:after{
display:block;width:13.21429%;
padding-top:15.35714%;
top:3.57143%;
right:3.57143%;
background-position:50% 50%;
}
.labo-article>a:before{display:none}
.new .labo-article>a:before{
display:block;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/ico_new2.png);
width:20.35714%;
padding-top:11.07143%;
top:0;left:6.42857%;
background-position:50% top;
}
.labo-article .hover{background-size:303.57143% auto}
.labo-article .lead .line-s{font-size:.75em;letter-spacing:-.1em} .hkhjmnhkhjm .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi1.svg); } .sktn .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi2.svg); } .hnmz .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi3.svg); } .ichkz .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi4.svg); } .ykzn .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi6.svg); } .ktknt .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi7.svg); } .inflenz .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi5.svg); }
.btn-more{display:block;margin-left:auto;margin-right:auto;font-size:1.4rem;line-height:3.14286;width:34.10526%;background-color:#00a0e9;border-radius:2.2rem;text-align:center;font-weight:700;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.2rem;text-decoration:none;color:#fff656;border:2px solid #00a0e9;margin-top:6.5rem;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.btn-more:hover{background-color:#fffdd8;color:#00a0e9}
.btn-more.disable{pointer-events:none;opacity:.3}
.toppage{display:none}
@media (max-width:550px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}
@media (min-width:551px) and (max-width:640px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}.hidden-sm{display:none!important}}
@media (min-width:641px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}.hidden-md{display:none!important}}
@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}
@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}.visible-print-block{display:block!important}.visible-print-inline{display:inline!important}.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}
@media (max-width:959px){ .whole{
min-width: initial;
}
.breadcrumb{
width: 90%;
min-width: initial
}
.foot-logo{
min-width: initial
}
.d-lsm-none{display:none!important}.d-lsm-inline{display:inline!important}
.d-lsm-inline-block{display:inline-block!important}.d-lsm-block{display:block!important}
.d-lsm-table{display:table!important}.d-lsm-table-row{display:table-row!important}
.d-lsm-table-cell{display:table-cell!important}.d-lsm-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-lsm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}html{font-size:53.57143%}
.whole{min-width:1px;margin-top:0}
.top .whole .inner{width:93.75%}
.hierarchy2 .whole .inner{width:100%}
.hierarchy2 .foot-sec .whole .inner{width:93.75%}
.head-sec{
margin:4vw 0 5vw 0;
}
.head-sec .head-sec-inner{
margin-right:0;
margin-left:0;
width:auto;
}
.head-sec .head-sec-inner .sns-block{display:none}
.head-logo{
width:38vw;
}
.foot-logo{display:none}
.carousel-wrap{width:281.25%;min-width:0}
.carousel .carousel-item a:before{padding-top:50%}
.carousel .carousel-chkcnt{width:28.57143%;right:2.85714%}
.carousel .carousel-chkcnt .carousel-chkcnt-txt .txt{font-size:1rem}
.bx-next,.bx-prev{width:2.2%}.bx-next:hover,.bx-prev:hover{opacity:1}
.bxbx-controls{margin-right:5px;margin-bottom:5px}
.bx-pager-link{width:9pt;height:9pt}
.gnav-sec{padding:2.1rem 0}
.gnav-lsts{width:100%;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.gnav-item{padding:.5rem 0}.gnav-item:nth-child(1){margin-left:0;width:41.06667%}.gnav-item:nth-child(2){width:28.26667%;margin:0 1%}
.gnav-item:nth-child(3){margin-right:0;width:27.2%}.gnav-item:nth-child(5){width:27.2%}.gnav-item:nth-child(6){margin:0 1%;width:28.8%}
.gnav-item:nth-child(7){width:18.13333%}.gnav-item:nth-child(8){width:36.9%}.gnav-item a{padding:0 3px}.gnav-item a img{max-width:100%;height:auto}.gnav-btn-all{width:30%;margin-top:3%}.gnav-btn-all:hover{opacity:1}
.gnav-splt{display:block;width:100%}
.pickup-sec{padding:5.33333% 0 8.53333%}
.pickup-sec .ttl{font-size:.85714em;letter-spacing:.2rem}
.pickup-inner{padding-right:10px;padding-left:10px;width:100%}
.pickup-inner .item-row{margin-right:-10px;margin-left:-10px;margin-top:5.33333%}
.pickup-inner .item-col{width:50%;padding-left:10px;padding-right:10px}
.card .lead{
font-size:1rem;
transform: scale(0.9);
line-height:1.2;
}
.knpcntnts{
padding-right:10px;
padding-left:10px;
width:100%;
padding-top:6.19718%;
padding-bottom:5rem;
}
.labo-item-ttl{font-size:1.4rem}
.labo-item-row{
margin-top:6.76056%;
margin-left:-10px;
margin-right:-10px;
}
.labo-item-col{width:50%;padding-left:10px;padding-right:10px}
.labo-item-col:nth-child(2)~.labo-item-col{margin-top:2rem}
.labo-item-col.labo-last:nth-child(odd){margin-right:50%}
.labo-article .lead{
font-size:1rem;
line-height:1.4;
}
.btn-more{margin-top:8.4507%;width:53.52113%}
.btn-more:hover{background-color:#00a0e9;color:#fff656}.toppage{display:block;width:45%;margin:0 auto 10.9375%;background-color:#c83627;border-radius:2rem}.toppage a{color:#fff;text-decoration:none;display:block;width:100%;text-align:center}
.toppage a .txt{position:relative;padding-left:1.28rem;display:inline-block;font-size:1.6rem;line-height:4rem;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/toppage_bg.png) left center no-repeat;background-size:auto 1.04rem}}
@media (max-width:446px){.d-xs2sm-none{display:none!important}.d-xs2sm-inline{display:inline!important}.d-xs2sm-inline-block{display:inline-block!important}.d-xs2sm-block{display:block!important}.d-xs2sm-table{display:table!important}.d-xs2sm-table-row{display:table-row!important}.d-xs2sm-table-cell{display:table-cell!important}.d-xs2sm-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-xs2sm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}