@charset "UTF-8";
 .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;
}
}
.is_pc{display:block;}
.is_sp{display:none;}
@media screen and (max-width:769px){
.is_pc{display:none;}
.is_sp{display:block;}
}
.foot-sec{
margin-top:0!important;
}
.mainContents{
margin:0;padding:0;
width:100%;
}
.mainContents img{
width:100%;
}
span.supText {
font-size:60%;
vertical-align:top;
position: relative;
top:0;
} @media screen and (max-width:769px){
.txt_shadow{ text-shadow: 1px 1px 5px #fff;
}
}
.mainkv_note{
display:block;
text-align:left;
width:auto!important;
font-size:10px;
color:#000;
font-feature-settings:"palt";
font-weight:bold;
}
.mainkv_note.txt_gray{
color:#acacac;
}
.mainkv_note_ttl{
padding-bottom:2px;
display:flex;
align-items:center;
}
.mainkv_note_txt{
line-height:1.3;
}
.icon_2classmedicine{
padding-left:7px;
width:68px;
display:flex;
}
.mainkv_note_txt_list{
padding-top:3px;
display:flex;
transform: scale(0.9);
transform-origin:0 0;
}
.mainkv_note_txt_list .note_txt_list_left{
padding-right:5px;
}
@media screen and (max-width:769px){
.mainkv_note{
width:160vw!important; bottom:0vw!important;
transform: scale(0.6);
transform-origin:0 0;
}
.mainkv_note_ttl{
padding-bottom:1px;
line-height:1.4!important;
}
.mainkv_note_txt{
line-height:1.4!important;
}
.icon_2classmedicine{
padding-left:5px;
width:15vw;
}
}
@media screen and (max-width:320px){
.mainkv_note{
bottom:-1vw!important;
transform: scale(0.53);
}
} .selfmedicationtax{
position:absolute;
display:flex;
align-items:center;
bottom:12px;
left:12px;
font-size:10px;
text-align:left;
color:#000;
z-index:2;
}
.selfmedicationtax.txt_gray{
color:#acacac;
}
.icon_selfmedicationtax{
padding-right:5px;
width:53px;
}
.selfmedicationtax_txt{
padding-top:2px;
font-feature-settings:"palt";
font-weight:bold;
}
.selfmedicationtax_txt a{
color:#1c4295;
}
.selfmedicationtax.txt_gray a{
color:#acacac;
}
@media screen and (max-width:769px){
.selfmedicationtax{
bottom:0;
left:2vw;
transform: scale(0.6);
transform-origin:0 0;
}
.icon_selfmedicationtax{
width:10vw;
}
.selfmedicationtax_txt{
padding-top:0;
line-height:1.4!important;
}
} .ex_main_kv{
margin:0;padding:0;
width:100%;
height:400px;
overflow:hidden;
background-position:top 0 center;
background-repeat:repeat-x;
background-size:auto;
}
.ex_mainkv_innr{
position:relative;
margin:0 auto;
width:950px;
height:400px;
}
.ex_mainkv_innr img{
width:100%;
height:auto;
}
.logo_premiun{
position:absolute;
width:232px;
top:0;
left:89px;
z-index:2;
}
@media screen and (max-width:769px){
.ex_main_kv{
height:58vw;
background-position:top 0 left -30vw;
background-size:auto 100%;
}
.ex_mainkv_innr{
width:100vw;
height:58vw;
overflow:hidden;
}
.logo_premiun{
width:28vw;
left:4vw!important;
}
} .premiun_conts{
position:relative;
width:100%;
}
.premiun_conts img{
width:100%;
height:auto;
}
.premiun_conts .innr{
position:relative;
margin:0 auto;
padding:50px 0;
width:740px;
}
.premiun_conts_list{
margin-bottom:25px;
display:flex;
}
.premiun_conts_list li{
vertical-align:top;
}
.logo_premiun2{
margin:0 auto;
padding:25px 0;
width:490px;
}
.logo_premiun2_txt{
text-align:center;
font-size:14px;
line-height:24px;
color:#555;
}
@media screen and (max-width:769px){
.premiun_conts .innr{
padding:8vw 0;
width:90vw;
}
.premiun_conts_list{
margin-bottom:0;
display:block;
}
.premiun_conts_list li{
margin-bottom:5vw;
}
.premiun_conts_list li:last-child{
margin-bottom:0;
}
.logo_premiun2{
padding:8vw 0 6vw 0;
width:80vw;
}
.logo_premiun2_txt{
font-size:0.9rem;
line-height:1.4rem;
}
} .exdetail_conts{
margin:0 auto;
padding:0;
width:100%;
}
.exdetail_conts .tokuno_area{
position:relative;
margin:70px auto 0 auto;
padding:0;
width:738px;
height:304px;
}
.exdetail_conts .tokuno_area img{
width:100%;
}
@media screen and (max-width:769px){
.exdetail_conts .tokuno_area{
margin:30px auto 0 auto;
width:100%;
max-width:initial;
height:auto;
}
} .type_area{
margin:0;
padding:0;
width:100%;
background-color:#fff4c3;
}
.type_area img{
width:100%;
}
.type_area .type_area_ttl{
position:relative;
margin:0;
padding:0;
width:100%;
height:76px;
text-align:center;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/lineup/common/detail_obi_line.png);
background-repeat:no-repeat;
background-position:left 59% center;
background-size:auto;
}
.type_area .type_area_ttl.type_area_ttl2{
background-position:left 41% center;
}
.type_area .detail_ttl{
position:absolute;
margin:0;padding:0;
width:174px;
height:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:2;
}
.type_area .detail_obi_icon{
margin:0 auto;
padding:0 0 0 0;
width:19px;
height:15px;
vertical-align:top;
line-height:0;
}
.type_area .detail_list{
margin:0 auto;
padding:40px 0 50px 0;
display: flex;
width:100%;
max-width:890px;
}
.type_area .detail_list li{
margin:0 auto;
padding:0;
display:inline-block;
text-align:left;
vertical-align:top;
}
.type_area .detail_list .detail_txt{
font-size:18px;
line-height:46px;
font-weight:bold;
text-align:left;
font-feature-settings:"palt";
-webkit-font-feature-settings:"palt";
-moz-font-feature-settings:"palt";
}
.type_area .detail_list .detail_txt p{
position:relative;
margin-bottom:10px;
padding-bottom:10px;
}
.type_area .detail_list .detail_txt span.txt_wbg{
padding:1px 4px;
background-color:#fff;
}
.type_area .detail_list .detail_txt span.txt_note{
font-size:12px;
}
.type_area .detail_list .detail_txt p::after{
content:'';
position:absolute;
width:100%;
height:3px;
bottom:0;
left:0;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/lineup/common/detail_txt_dot.png);
background-repeat:repeat-x;
background-position:left 0 top 0;
background-size:auto;
}
.type_area .detail_list .detail_model{
margin:0 auto;
padding:0;
width:293px;
}
.type_area .detail_list .detail_model2{
margin-top:20px;
height:267px;
}
.type_area .detail_list .detail_model2 img{
height:100%!important;
width:auto!important;
}
@media screen and (max-width:769px){
.type_area .type_area_ttl{
height:17vw;
background-position:right 15vw center;
}
.type_area .type_area_ttl.type_area_ttl2{
background-position:left 15vw center;
}
.type_area .detail_ttl{
width:35vw;
}
.type_area .detail_list{
padding:5vw 0 8vw 0;
display: block;
}
.type_area .detail_list .detail_txt{
font-size:0.85rem;
line-height:1.6rem;
}
.type_area .detail_list .detail_txt span.txt_note{
font-size:0.7rem;
}
.type_area .detail_list .detail_model{
width:80vw;
}
.type_area .detail_list .detail_model2{
margin-top:0!important;
margin-bottom:6vw;
height:50vw;
}
} .ex_advice{
width:100%;
}
.ex_advice .innr{
margin:0 auto;
padding:60px 0;
max-width:930px;
text-align:center;
}
.ex_advice_conts{
margin:0 auto;
border-radius:10px;
background-color:#fff;
}
.ex_advice_conts .innr{
padding:60px 70px 50px 70px;
}
@media screen and (max-width:769px){
.ex_advice .innr{
padding:8vw 0;
max-width:90vw;
}
} .ex_attention {
width:100%;
background: #fff4c3;
}
.ex_attention .sec-inner {
width: 950px;
margin: 0 auto;
background: #fff4c3;
}
.ex_attention .sec-inner .sec3-wrap {
margin: 0 auto;
padding: 55px 35px 60px 35px;
text-align: left;
color: #4b4b4b;
}
@media screen and (max-width:769px){
.ex_attention .sec-inner {
width:100vw;
}
.ex_attention .sec-inner .sec3-wrap {
padding:8vw 0;
width:90vw;
}
} .precautions{
margin:0 auto;
padding:0;
width:100%;
font-size:15px;
line-height:26px;
font-weight:bold;
}
.precautions p{
margin:0;
padding:0;
font-size:15px;
line-height:26px;
font-weight:bold;
}
.precautions b{
font-weight:bold;
}
.precautions p.txt_bold{
font-weight:bold;
}
.precautions span.txt_small{
font-size:12px;
}
.precautions p.txt_indent{
padding-left:1.5em;
}
.precautions .precautions_conts{
margin-bottom:30px;
padding:0;
}
.precautions .precautions_conts:last-child{
margin-bottom:0;
}
.precautions .precautions_ttl{
margin-bottom: 10px;
font-size:18px;
line-height:26px;
font-weight:bold;
}
.precautions ul{
margin:0;
padding:0;
list-style:none;
}
.precautions ul li{
margin:0;padding:0;
display:block;
}
.precautions ul.precautions1_list li{
margin:0 0 30px 0;
padding-left:1.5em;
text-indent:-1.5em;
}
.precautions ul.precautions2_list{
margin:5px 0;
}
.precautions ul.precautions2_list li{
margin:0 0 1vw 0;
padding-left:2.5em;
text-indent:-2.5em;
}
@media screen and (max-width:769px){
.precautions{
font-size:0.9rem;
line-height:1.4rem;
}
.precautions p{
font-size:0.9rem;
line-height:1.4rem;
}
.precautions p.txt_indent{
padding-left:0;
text-indent:0;
}
.precautions span.txt_small{
font-size:0.7rem;
}
.precautions .precautions_ttl{
font-size:1rem;
}
} .precautions th,.precautions td {
border:1px solid #706b56;
padding: 10px;
padding-left:10px;
text-indent:0;
}
.precautions table{
margin:25px 0;
padding:0;
font-size:0.95em;
border-collapse:collapse;
}
.precautions th.caution_th1{
width:70px;
font-weight:bold;
}
.precautions th.caution_th2{
width:240px;
font-weight:bold;
}
.precautions td.caution_td1{
font-weight:bold;
}
.precautions td.caution_td2{
width:390px;
font-weight:bold;
}
.precautions .caution_ttl{
padding:4px;
text-align:center;
font-size:11px;
background-color:#ffe788;
}
.precautions .caution_ttl.caution_ttl_line {
border-right: 1px solid #706b56;
} .special_bnr{
margin:0 auto;
padding:0 0 50px 0;
width:100%;
text-align:center;
border-bottom:1px solid #e1e1e1;
}
.special_bnr_ttl{
position:relative;
display:table;
margin:60px auto 0 auto;
padding:0 5px;
text-align:center;
font-size:22px;
font-weight:bold;
}
.special_bnr_ttl span{
position: relative;
z-index: 2;
}
.special_bnr_ttl::after {
content: '';
position:absolute;
width:100%;
height:9px;
background-color:#fff4c3;
bottom:4px;
left:0;
z-index:1;
}
.special_bnr a{
margin:0;padding:0;
-webkit-transition:.4s ease-in-out;
-moz-transition:.4s ease-in-out;
-o-transition:.4s ease-in-out;
transition:.4s ease-in-out;
}
.special_bnr a:hover{
margin:0;padding:0;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity:0.6;
}
.special_bnr .special_bnr_list{
margin:0 auto;
padding:40px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width:100%;
max-width:930px;
}
.special_bnr .special_bnr_list li{
margin:0 30px 20px 0; padding:0;
width:210px;
display:inline-block;
text-align:center;
vertical-align:top;
}
.special_bnr .special_bnr_list li:nth-child(4n){
margin-right:0;
}
.special_bnr .bnr_img{
margin:0;padding:0;
width:210px;
height:auto;
}
.special_bnr .bnr_nolink{
opacity:0.3;
}
@media screen and (max-width:769px){
.special_bnr{
padding:0 0 8vw 0;
}
.special_bnr_ttl {
margin-top:8vw;
margin-bottom:6vw;
font-size:1rem;
}
.special_bnr_ttl::after {
height:2vw;
}
.special_bnr .special_bnr_list{ -webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0;
width:92vw;
}
.special_bnr .special_bnr_list li{
display:block;
margin-right:2vw;
margin-bottom:2vw;
width:45vw;
}
.special_bnr .special_bnr_list li:nth-child(2n){
margin-right:0;
}
.special_bnr .special_bnr_list li:last-child{
padding-bottom:0;
}
.special_bnr .bnr_img{
width:45vw;
}
}