@charset "UTF-8";
 :root {
--kakkontou3-color: #ff4545;
} .link_howtodrink{
position: relative;
display: table;
margin: 0 auto;
margin-top: 60px;
padding-left: 40px;
padding-right: 50px;
height: 45px;
font-size: 18px;
line-height: 45px;
font-weight: bold;
color: var(--detail1-color)!important;
text-align: center;
text-decoration: none!important;
border-radius: 10px;
box-sizing: border-box;
border: 2px solid #fff;
background-color: #fff;
transition: .4s;
}
.link_howtodrink::after{
content: '';
display: inline-block;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent var(--detail1-color);
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
transition: .4s;
}
.link_howtodrink:hover{
color: #fff!important;
background-color: var(--detail1-color);
}
.link_howtodrink:hover::after{
border-color: transparent transparent transparent #fff;
}
@media screen and (max-width:768px){
.link_howtodrink{
margin-top: 10vw;
margin-bottom: 4vw;
padding-left: 25px;
padding-right: 45px;
height: 35px;
font-size: 1rem;
line-height: 42px;
transform: none;
}
} .sec3-wrap.minicolumn{
padding-top: 0!important;
}
.kaze_minicolumn{
position: relative;
margin: 0 auto;
padding: 0;
width: 880px;
border-radius: 10px;
background-color: #fff;
}
.kaze_minicolumn_innr{
position: relative;
padding: 60px;
}
.mincolumn_figure{
position: relative;
margin-bottom: 30px;
width: 100%;
}
.mincolumn_title{
position: relative;
margin-bottom: 40px;
font-size: 30px;
line-height: 1.5;
font-weight: bold;
color: #000;
font-feature-settings: "palt";
}
.lastupdated{
display: block;
padding-top: 10px;
font-size: 10px;
font-weight: bold;
line-height: 1;
text-align: right;
color: #666;
}
.contents-subsec{
position: relative;
font-size: 16px;
line-height: 2;
color: #000;
}
.contents-subsec + .contents-subsec{
padding-top: 35px;
}
.contents-subsec .txt{
margin-top: 35px;
line-height: 2;
}
.contents-subsec .txt.txt_lead{
margin-bottom: 35px;
}
.contents-subsec .ttl{
position: relative;
padding-left: 52px;
font-size: 20px;
font-weight: bold;
line-height: 1;
color: var(--kakkontou3-color);
font-feature-settings: "palt";
}
.contents-subsec .ttl::before {
content: '';
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: 0;
transform: translate(0, -50%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.contents-subsec.q1 .ttl::before {
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/hikihajime_no_hikihajime/img/icon_kakkontou3_no1.png);
}
.contents-subsec.q2 .ttl::before {
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/hikihajime_no_hikihajime/img/icon_kakkontou3_no2.png);
}
.contents-subsec.q3 .ttl::before {
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/hikihajime_no_hikihajime/img/icon_kakkontou3_no3.png);
}
.hikihajime_bnr{
position: relative;
display: block;
margin: 30px 0;
width: 100%;
border-radius: 15px;
background-color: #fff;
overflow: hidden;
}
.hikihajime_bnr img{
position: relative;
width: 100%;
height: auto;
transition: all .3s ease;
}
.hikihajime_bnr:hover img{
transform: scale(1.1);
}
.kakkontou3_fig_list{
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.kakkontou3_fig_list .txt{
margin-bottom: 0!important;
width: calc( 100% - 175px );
}
.illust_kakkontou3{
margin-left: 50px;
width: 125px;
}
.illust_kakkontou3 img{
width: 100%;
height: auto;
}
.throat_profile{
position: relative;
padding: 20px;
line-height: 1.7;
display: flex;
align-items: center;
background-color: #efefef;
}
.profile_name{
position: relative;
padding: 0 40px;
font-size: 15px;
white-space: nowrap;
}
.profile_detail{
position: relative;
padding-left: 40px;
font-size: 13px;
line-height: 1.7;
}
.profile_detail::after{
content: '';
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
}
@media screen and (max-width:768px){
.kaze_minicolumn{
width: 90vw;
}
.kaze_minicolumn_innr{
padding: 5vw;
}
.mincolumn_figure{
margin-bottom: 4vw;
}
.mincolumn_title{
margin-bottom: 3vw;
font-size: 1.3rem;
line-height: 1.5;
}
.lastupdated{
padding-top: 10px;
font-size: 10px;
}
.contents-subsec{
font-size: 0.9rem;
}
.contents-subsec + .contents-subsec{
padding-top: 6vw;
}
.contents-subsec .txt{
margin-top: 6vw;
line-height: 1.7;
}
.contents-subsec .txt.txt_lead{
margin-bottom: 6vw;
}
.contents-subsec .ttl{
padding-left: 52px;
font-size: 18px;
line-height: 1.5;
}
.contents-subsec .ttl::before {
width: 40px;
height: 40px;
}
.hikihajime_bnr{
margin-top: 5vw;
margin-bottom: 8vw;
border-radius: 3vw;
}
.hikihajime_bnr img{
transition: none
}
.hikihajime_bnr:hover img{
transform: scale(1);
}
.kakkontou3_fig_list{
display: block;
}
.kakkontou3_fig_list .txt{
margin-bottom: 1.6rem!important;
width: 100%;
}
.illust_kakkontou3{
margin: 0 auto;
width: 30vw;
}
.throat_profile{
padding: 20px;
display: block;
}
.profile_name{
padding: 0;
padding-bottom: 2vw;
font-size: 1rem;
}
.profile_detail{
padding-left: 0;
}
.profile_detail::after{
content:none;
}
} .lineup_anchor_link{
position: absolute;
margin-top: -115px;
padding-top: 115px;
width: 0;
height: 0;
top: 0;
left: 0;
pointer-events: none;
}
@media screen and (max-width:768px){
.lineup_anchor_link{
margin-top: -80px;
padding-top: 80px;
}
} .products_addinfo + .sec3-wrap{
padding-top: 30px!important;
}
.sec3 .sec-inner .spec-list{
margin-bottom: 0;
}
.products_addinfo{
position: relative;
color: #fff;
}
.products_addinfo_innr{
position: relative;
margin: 0 auto;
padding: 30px 35px;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.products_detail{
display: block;
position: relative;
padding: 0.8rem;
width: 100%;
color: #fff!important;
text-decoration: none!important;
border-radius: 10px;
background-color: #ff5b2e;
box-sizing: border-box;
outline-offset: -2px;
cursor: pointer;
}
.products_detail + .products_detail{
margin-left: 15px;
}
.products_detail::after{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 0.8rem;
right: 0.8rem;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_info_arrw.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
pointer-events: none;
}
.products_detail:hover{
outline: 2px solid #fff;
}
.products_name{
display: block;
padding-bottom: 5px;
font-size: 0.9rem;
font-weight: bold;
}
.products_detail_txt{
display: block;
font-size: 0.8rem;
}
@media screen and (max-width:768px){
.products_addinfo + .sec3-wrap{
padding-top: 5vw!important;
}
.products_addinfo_innr{
display: block;
padding: 6vw 5vw;
}
.products_detail{
width: auto;
}
.products_detail + .products_detail{
margin-left: 0;
margin-top: 6vw;
}
.products_detail::after{
width: 24px;
height: 24px;
}
.products_detail:hover{
outline: none;
}
.products_name{
font-size: 1rem;
}
.products_detail_txt{
font-size: 0.9rem;
}
}  .lineup .lineup_ttl.tt_type1{
margin-top: 30px;
}
.lineup .lineup_ttl{
margin-top: 80px;
}
.sec-inner .icon_teach_iyaku{
margin-top: 3rem!important;
}
@media screen and (max-width:768px){
.sec-inner .icon_teach_iyaku{
margin-top: 8vw!important;
}
}
.newdetail_openable{
position: absolute;
top: 0;
right: 0;
cursor: pointer;
z-index: 2;
} .openable_link{
position: relative;
display: flex;
justify-content: end;
align-items: center;
}
.openable_link_txt{
display: block;
margin-right: 5px;
font-size: 1rem;
line-height: 24px;
font-weight: bold;
text-align: right;
color: #fc4c1e;
pointer-events: none;
transition: all .3s ease;
opacity: 0;
}
.icon_openable{
position: relative;
display: block;
width: 24px;
height: 24px;
transition: all .3s ease;
}
.icon_openable img{
width: 100%;
height: auto;
}
.openable_link:hover .icon_openable{
transform: scale(1.1);
}
.openable_link:hover .openable_link_txt{
opacity: 1;
} .lineup_newsect{
position: relative;
padding-bottom: 35px;
border-radius: 10px;
background-color: #fff;
}
.lineup_newsect + .lineup_newsect{
margin-top: 2.5rem;
}
.lineup_newsect_innr{
position: relative;
padding: 20px;
padding-bottom: 35px;
display: flex;
align-items: stretch;
transition: all 0.3s ease;
}
.lineup_newpkg{
position: relative;
margin-right: 30px;
width: 295px;
border-radius: 10px;
background-color: #fef4ee;
display: flex;
justify-content: center;
align-items: center;
}
.lineup_newpkg_img{
position: relative;
height: 205px;
width: auto;
box-shadow: 6px 6px 0px 0px #ff8768;
transition: all .3s ease;
}
.lineup_newpkg_img img{
height: 100%!important;
width: auto!important;
}
.lineup_newdetail{
position: relative;
text-align: left;
width: calc( 100% - 325px );
}
.lineup_newdetail_sect{
position: relative;
}
.lineup_newdetail_sect + .lineup_newdetail_sect{
margin-top: 20px;
}
.newdetail_mainttl{
display: block;
margin-bottom: 10px;
font-size: 1.4rem;
font-weight: bold;
color: #fc4c1e;
}
.newdetail_maincopy{
display: block;
margin-bottom: 5px;
font-size: 1rem;
color: #000;
}
.newdetail_price{
font-size: 0.9rem;
color: #000;
}
.newdetail_subttl{
position: relative;
display: inline-block;
margin-bottom: 10px;
padding-left: 12px;
font-size: 1.1rem;
font-weight: bold;
color: #000;
}
.newdetail_subttl::before{
content: '';
position: absolute;
height: 100%;
width: 4px;
left: 0;
top: 50%;
transform: translate(0,-50%);
border-radius: 100vh;
background-color: #fc4c1e;
}
.newdetail_subtxt{
font-size: 0.9rem;
}
.newdetail_subtxt_note{
display: block;
margin-top: 5px;
font-size: 0.7rem;
}
.lineup_newlink{
display: table;
position: relative;
margin: 0 auto;
padding-left: 30px;
padding-right: 50px;
width: auto;
height: 40px;
top: 0;
font-size: 1rem;
line-height: 40px;
font-weight: bold;
color: #fff!important;
text-decoration: none!important;
text-align: center;
border-radius: 100vh;
background-color: #fc4c1e;
box-shadow: 0px 3px 0px 0px #d63005;
transition: all 0.3s ease;
}
.lineup_newlink::after{
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 12px;
top: 50%;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_btnarrw_white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.lineup_newlink:hover{
top: 3px;
box-shadow: 0px 0px 0px 0px #d63005;
}
.infodetail_openable{
display: block;
position: relative;
margin-top: 20px;
transition: all 0.3s ease;
} .lineup_newsect_innr.js_openable{
padding-bottom: 20px;
}
.lineup_newsect_innr.js_openable .lineup_newpkg_img{
margin: 25px 0;
height: 110px!important;
box-shadow: 4px 4px 0px 0px #ff8768;
}
.lineup_newsect_innr.js_openable .infodetail_openable{
display: none;
}
.lineup_newsect_innr .js_openable_open{
display: none;
}
.lineup_newsect_innr.js_openable .js_openable_open{
display: flex;
}
.lineup_newsect_innr .js_openable_close{
display: flex;
}
.lineup_newsect_innr.js_openable .js_openable_close{
display: none;
}
.lineup_newsect_innr.js_openable .lineup_newlink{
display: none;
}
@media screen and (max-width:768px){
.lineup .lineup_ttl.tt_type1{
margin-top: 5vw;
}
.lineup .lineup_ttl{
margin-top: 10vw;
}
.newdetail_openable{
top: 2px;
}
.openable_link_txt{
font-size: 0.8rem;
transition: none;
opacity: 1;
}
.lineup_newsect{
padding-bottom: 8vw;
border-radius: 10px;
}
.lineup_newsect_innr{
padding: 5vw;
padding-bottom: 8vw;
display: block;
}
.lineup_newpkg{
margin-right: 0;
margin-bottom: 5vw;
padding: 0;
width: 100%;
}
.lineup_newpkg_img{
margin: 10vw 0;
height: 30vw!important;
box-shadow: 4px 4px 0px 0px #ff8768;
}
.lineup_newdetail{
text-align: left;
width: 100%;
}
.lineup_newdetail_sect + .lineup_newdetail_sect{
margin-top: 5vw;
}
.newdetail_mainttl{
margin-bottom: 3vw;
font-size: 1.2rem;
}
.newdetail_maincopy{
margin-bottom: 2vw;
font-size: 1rem;
}
.newdetail_price{
font-size: 0.8rem;
}
.js_detail_openable{
margin-top: 5vw;
}
.lineup_newsect_innr.js_openable .lineup_newpkg_img{
margin: 10vw 0;
height: 30vw!important;
}
}  .symptoms_board_ttl{
color: #ef4d17;
border-color: #ef4d17;
}
.symptoms_board_txt + .symptoms_board_txt{
border-color: #ef4d17;
}
.symptoms_board_check span{
color: #ef4d17;
}
.symptoms_board_check::before{
border-color: #ef4d17;
}
.tech1_kv_illust{
width: 154px;
}
.mechanism_main_ttl{
color: #ef4d17;
}
.mechanism_main_ttl::before,.mechanism_main_ttl::after {
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/subttl_double_line1.svg);
}
.mechanism_board::before,.mechanism_board::after{
border-color: #ef4d17;
}
.effect_list_ttl::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_benefit_arw1.png);
} .mod-intro .detail_kv_name{
width: 196px;
}
.mod-intro .detail_kv_main{
margin-left: 95px;
}
.mod-intro .detail_kv_pkg{
margin-left: -40px;
width: 382px;
top: 28px;
}
@media screen and (max-width:768px){
.mod-intro .detail_kv_main.selfmdtax_add{
width: 46vw;
}
.mod-intro .detail_kv_main.selfmdtax_add2{
margin-left: 4vw;
width: 46vw;
}
.mod-intro .detail_kv_main{
margin-left: 0;
}
.mod-intro .detail_kv_pkg{
margin-left: 21vw;
width: 50vw;
top: 50%;
}
.mod-intro .detail_kv_name{
width: 32vw;
}
} .more_kakkonto{
position: relative;
margin: 0 auto;
margin-top: 50px;
width: 100%;
border-radius: 10px;
background-color: #fff;
color: #555;
text-align: left;
line-height: 1.6;
}
.more_kakkonto_innr{
position: relative;
padding: 50px 60px;
}
.more_kakkonto_sect{
position: relative;
margin-bottom: 40px;
}
.more_kakkonto_sub{
position: relative;
margin-top: 30px;
}
.more_kakkonto_sub2{
border-radius: 10px;
box-sizing: border-box;
border: 1px solid #e7e7e7;
}
.more_kakkonto_sub2_sect{
position: relative;
margin-bottom: 30px;
}
.more_kakkonto_sub2_sect:last-child{
margin-bottom: 0;
}
.more_kakkonto_sub2_innr{
padding: 30px;
}
.more_kakkonto_main_ttl{
margin-bottom: 25px;
font-size: 27px;
line-height: 1.4;
font-weight: bold;
text-align: center;
font-feature-settings: "palt";
}
.more_kakkonto_ttl{
margin-bottom: 15px;
padding-bottom: 3px;
font-size: 22px;
line-height: 1.4;
font-weight: bold;
color: #ef4d17;
border-bottom: 2px solid #ef4d17;
}
.more_kakkonto_txt{
font-size: 17px;
}
.more_kakkonto_txt.txt_mgnbtm{
margin-bottom: 25px;
}
.more_kakkonto_subttl{
position: relative;
margin-bottom: 10px;
padding-left: 25px;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
color: #ef4d17;
}
.more_kakkonto_subttl::before{
content: '';
position: absolute;
width: 15px;
height: 15px;
left: 0;
top: 50%;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_more_ttl1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.more_kakkonto_subtxt{
font-size: 17px;
}
.more_kakkonto_subttl2{
position: relative;
margin-bottom: 10px;
padding-bottom: 5px;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
color: #ef4d17;
border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width:768px){
.more_kakkonto{
margin-top: 30px;
}
.more_kakkonto_innr{
padding: 6vw;
}
.more_kakkonto_sect{
margin-bottom: 30px;
}
.more_kakkonto_sub{
margin-top: 25px;
}
.more_kakkonto_sub2_sect{
margin-bottom: 20px;
}
.more_kakkonto_sub2_innr{
padding: 15px;
}
.more_kakkonto_main_ttl{
margin-bottom: 20px;
font-size: 1.1rem;
}
.more_kakkonto_ttl{
margin-bottom: 8px;
padding-bottom: 4px;
font-size: 1rem;
}
.more_kakkonto_txt{
font-size: 0.8rem;
}
.more_kakkonto_subttl{
margin-bottom: 10px;
padding-left: 15px;
font-size: 0.95rem;
}
.more_kakkonto_subttl::before{
width: 10px;
height: 10px;
}
.more_kakkonto_subtxt{
font-size: 0.8rem;
}
.more_kakkonto_subttl2{
margin-bottom: 8px;
padding-bottom: 4px;
font-size: 0.9rem;
}
} .kakkonto_table_sect{
position: relative;
margin-top: 25px;
margin-bottom: 30px;
}
.more_kakkonto_table_ttl{
margin-bottom: 5px;
font-size: 17px; font-weight: bold;
text-align: center;
font-feature-settings: "palt";
}
.more_kakkonto_table_ttl.ttl_maouto{color: #0e64c2;}
.more_kakkonto_table_ttl.ttl_gokouto{color: #ce9b28;}
.more_kakkonto_table_ttl.ttl_bakumondoto{color: #99c726;}
.more_kakkonto_table_ttl.ttl_chikujyoutanto{color: #e74061;}
.more_kakkonto_table_ttl.ttl_gingyousan{color: #1cb67e;}
.more_kakkonto_table_ttl.ttl_kanzouto{color: #1db11d;}
.more_kakkonto_table_ttl.ttl_syouseiryuto{color: #22bcfb;}
.more_kakkonto_table_ttl.ttl_saikokeishito{color: #ad3cd8;}
.more_kakkonto_table{
margin: 25px 0;
padding: 0;
font-feature-settings: "palt";
border-collapse: collapse;
}
.more_kakkonto_table.width100{
width: 100%;
}
.more_kakkonto_table_note{
font-size: 14px;
font-feature-settings: "palt";
}
.more_kakkonto_table_ttl + .more_kakkonto_table{
margin-top: 0;
margin-bottom: 10px;
}
.more_kakkonto_table th,.more_kakkonto_table td {
border: 1px solid #ef4d17;
padding: 10px 20px;
text-indent: 0;
}
.more_kakkonto_table .caution_th1{
font-size: 14px;
line-height: 1.4;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #ef4d17;
}
.more_kakkonto_table .caution_th1 a{
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.more_kakkonto_table .ttl_symptom{
font-size: 16px;
}
.more_kakkonto_table.table_maouto .caution_th1{
padding: 5px 20px;
background-color: #0e64c2;
border-color: #0e64c2;
}
.more_kakkonto_table.table_maouto th,.more_kakkonto_table.table_maouto td {
border: 1px solid #0e64c2;
}
.more_kakkonto_table.table_gokouto .caution_th1{
padding: 5px 20px;
background-color: #ce9b28;
border-color: #ce9b28;
}
.more_kakkonto_table.table_gokouto th,.more_kakkonto_table.table_gokouto td {
border: 1px solid #ce9b28;
}
.more_kakkonto_table.table_bakumondoto .caution_th1{
padding: 5px 20px;
background-color: #99c726;
border-color: #99c726;
}
.more_kakkonto_table.table_bakumondoto th,.more_kakkonto_table.table_bakumondoto td {
border: 1px solid #99c726;
}
.more_kakkonto_table.table_chikujyoutanto .caution_th1{
padding: 5px 20px;
background-color: #e74061;
border-color: #e74061;
}
.more_kakkonto_table.table_chikujyoutanto th,.more_kakkonto_table.table_chikujyoutanto td {
border: 1px solid #e74061;
}
.more_kakkonto_table.table_gingyousan .caution_th1{
padding: 5px 20px;
background-color: #1cb67e;
border-color: #1cb67e;
}
.more_kakkonto_table.table_gingyousan th,.more_kakkonto_table.table_gingyousan td {
border: 1px solid #1cb67e;
}
.more_kakkonto_table.table_kanzouto .caution_th1{
padding: 5px 20px;
background-color: #1db11d;
border-color: #1db11d;
}
.more_kakkonto_table.table_kanzouto th,.more_kakkonto_table.table_kanzouto td {
border: 1px solid #1db11d;
}
.more_kakkonto_table.table_syouseiryuto .caution_th1{
padding: 5px 20px;
background-color: #22bcfb;
border-color: #22bcfb;
}
.more_kakkonto_table.table_syouseiryuto th,.more_kakkonto_table.table_syouseiryuto td {
border: 1px solid #22bcfb;
}
.more_kakkonto_table.table_saikokeishito .caution_th1{
padding: 5px 20px;
background-color: #ad3cd8;
border-color: #ad3cd8;
}
.more_kakkonto_table.table_saikokeishito th,.more_kakkonto_table.table_saikokeishito td {
border: 1px solid #ad3cd8;
}
.more_kakkonto_table .caution_th1_sup{
display: block;
font-size: 11px;
}
.more_kakkonto_table .caution_th1.th_pdg{
padding: 10px 10px;
min-width: 140px;
font-size: 16px;
white-space: nowrap;
}
.more_kakkonto_table .table_prod_name{
margin: 0;padding: 0;
}
.more_kakkonto_table .table_red_check{
position: relative;
margin-bottom: 2px;
padding-left: 30px;
}
.more_kakkonto_table .table_red_check:last-child{
margin-bottom: 0;
}
.more_kakkonto_table .table_red_check::before{
content: '';
position: absolute;
width: 20px;
height: 15.229px;
top: 50%;
left: 0;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_check2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.more_kakkonto_table .table_ttl_wd1{
width: 25%;
}
.more_kakkonto_table .table_ttl_wd2{
width: 37%;
}
.more_kakkonto_table .table_ttl_wd3{
width: 38%;
}
.more_kakkonto_table .caution_th1.caution_ttl_line{
border-right: 1px solid #fff;
}
.more_kakkonto_table .caution_th1.caution_ttl_line2{
border-bottom: 1px solid #fff;
border-right: 1px solid #ef4d17;
}
.more_kakkonto_table .caution_th1.caution_ttl_line3{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.more_kakkonto_table .caution_th1.caution_ttl_line4{
border-bottom: 1px solid #fff;
}
.more_kakkonto_table .caution_td1{
font-size: 16px;
color: #555;
vertical-align: baseline;
}
@media screen and (max-width:768px){
.kakkonto_table_sect{
margin-top: 20px;
margin-bottom: 25px;
}
.more_kakkonto_table_ttl{
margin-bottom: 5px;
font-size: 0.9rem;
}
.more_kakkonto_table{
margin: 25px 0;
}
.more_kakkonto_table th,.more_kakkonto_table td {
padding: 5px;
}
.more_kakkonto_table .caution_th1{
padding: 5px!important;
font-size: 0.7rem;
}
.more_kakkonto_table .ttl_symptom{
font-size: 0.8rem;
}
.more_kakkonto_table .caution_th1.th_pdg{
padding: 5px;
min-width: 60px;
font-size: 0.8rem;
}
.more_kakkonto_table .table_red_check{
margin-bottom: 3px;
padding-left: 20px;
}
.more_kakkonto_table .table_red_check::before{
width: 15px;
height: 11.5px;
}
.more_kakkonto_table_note{
font-size: 0.7rem;
}
.more_kakkonto_table .caution_th1.caution_ttl_line2{
font-size: 0.7rem;
}
.more_kakkonto_table .caution_td1{
font-size: 0.8rem;
}
} .more_kakkonto_prof{
position: relative;
background-color: #e7e7e7;
}
.more_kakkonto_prof_innr{
padding: 20px;
}
.more_kakkonto_prof_name{
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
.more_kakkonto_prof_txt{
font-size: 16px;
}
@media screen and (max-width:768px){
.more_kakkonto_prof_innr{
padding: 15px;
}
.more_kakkonto_prof_name{
margin-bottom: 5px;
font-size: 0.9rem;
}
.more_kakkonto_prof_txt{
font-size: 0.8rem;
}
}
.sec1{
position: relative;
padding-bottom: 0;
z-index: 1;
}
.sec1 .trans_bg_clr{
position: absolute;
width: 100%;
height: 180px;
bottom: 0;
background-color: #fff4c3;
z-index: -1;
} .movie_transcription{
position: relative;
width: 100%;
background-color: #fff4c3;
}
.movie_transcription img{
width: 100%;
height: auto;
vertical-align: top;
}
.movie_trans_innr{
position: relative;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 20px;
width: 100%;
max-width: 790px;
}
.movie_trans_ttl{
display: table;
position: relative;
margin: 0 auto;
margin-bottom: 40px;
padding: 0 40px;
height: 45px;
font-size: 22px;
line-height: 45px;
font-weight: bold;
color: #fff;
font-feature-settings: "palt";
border-radius: 45px;
background-color: #ef4d17;
}
.movie_trans_detail{
position: relative;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/icon_linedot.png);
background-position: top 40px left 22px;
}
.movie_trans_img{
position: absolute;
width: 300px;
top: 62px;
right: -30px;
z-index: 2;
}
.mov_trans_txt{
padding-bottom: 40px;
font-size: 18px;
line-height: 41px;
font-weight: 600;
color: #000;
}
.txt_highlight{
padding: 4px 3px;
color: #fff;
background-color: #ef4d17;
}
.movie_trans_link{
position: relative;
display: table;
margin: 0 auto;
margin-bottom: 35px;
padding-left: 40px;
padding-right: 50px;
height: 45px;
font-size: 18px;
line-height: 45px;
font-weight: bold;
color: #fff!important;
text-decoration: none!important;
text-align: center;
border-radius: 10px;
background-color: #ef4d17;
box-sizing: border-box;
border: 2px solid #ef4d17;
transition: .4s;
}
.movie_trans_link::after{
content: '';
display: inline-block;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #fff;
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
transition: .4s;
}
.movie_trans_link:hover{
color: #ef4d17!important;
background-color: #fff;
}
.movie_trans_link:hover::after{
border-color: transparent transparent transparent #ef4d17;
}
@media screen and (max-width:768px){
.sec1 .trans_bg_clr{
display: none;
}
.movie_trans_innr{
padding-top: 35px;
padding-bottom: 15px;
width: 90vw;
}
.movie_trans_ttl{
margin-bottom: 20px;
padding: 0 30px;
height: 42px;
font-size: 1rem;
line-height: 42px;
border-radius: 42px;
}
.movie_trans_img{
position: relative;
margin: 0 auto;
padding: 22.5px 0;
width: 280px;
top: auto;
right: auto;
}
.mov_trans_txt{
font-size: 16px;
}
.mov_trans_txt:first-child {
padding-bottom: 0;
}
.movie_trans_link{
margin-bottom: 35px;
padding-left: 25px;
padding-right: 45px;
height: 35px;
font-size: 1rem;
line-height: 42px;
transform: none;
}
}
@media screen and (max-width:360px){
.movie_trans_ttl{
padding: 0 15px;
font-size: 0.9rem;
}
.mov_trans_txt{
font-size: 15px;
}
}
.mod-intro{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/bg_separator1.png);
background-repeat:no-repeat;
background-position:top 0 center;
background-size:cover;
}
.mod-intro-inner{
margin:0 auto;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/detail_kv_bg1_2.png);
background-repeat:no-repeat;
background-position:top 0 center;
background-size:auto;
} .sec2 .column-2 .glid .column_ttl{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_arrw1.png);
background-repeat:no-repeat;
background-position:left 0 top 7px;
background-size:auto;
}
@media screen and (max-width:768px){
.sec2 .column-2 .glid .column_ttl{
background-position:left 0 top 1.6vw;
}
} .sec3{
background:#fc4c1e; }
.sec3 .sec-inner .spec-list li a:hover{
color:#ef4d17;
}
.sec3 .sec-inner .how_detail_list .text{
margin-right:50px;
width:670px;
}
.sec3 .sec-inner .how_detail_list .how_fig1{
width:120px;
}
.sec3 .sec-inner .advice_ttl1{
position:relative;
display:inline-block;
margin:0 auto 25px auto;
padding-left:65px;
width:auto;
font-size:28px;
line-height:50px;
font-weight:bold;
color:#555;
}
.sec3 .sec-inner .advice_ttl1::before{
content:'';
position:absolute;
width:50px;
height:50px;
top:0;
left:0;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/advice_ttl1.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
z-index:2;
}
.sec3 .sec-inner .advice_ttl2{
position:relative;
display:inline-block;
margin:0 auto 25px auto;
padding-left:65px;
width:auto;
font-size:28px;
line-height:50px;
font-weight:bold;
color:#555;
}
.sec3 .sec-inner .advice_ttl2::before{
content:'';
position:absolute;
width:50px;
height:50px;
top:0;
left:0;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_advice.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
z-index:2;
}
.sec3 .advice_ttl2_txt{
padding: 0 60px 50px 60px;
font-size: 18px;
line-height: 28px;
text-align: left;
}
.sec3 .sec-inner .advice_fig1{
margin-left:35px;
width:192px;
}
.sec3 .sec-inner .why_cont.mdb35{
margin-bottom: 35px;
}
.sec3 .pint3_list{
position: relative;
display: block;
list-style: none;
color: #fff;
}
.sec3 .pint3_list li{
margin-bottom: 25px;
}
.sec3 .pint3_list li:last-child{
margin-bottom: 0;
}
.sec3 .pint3_list_ttl{
position: relative;
margin-bottom: 10px;
padding-bottom: 3px;
color: #fff;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #fff;
}
.sec3 .pint3_list_txt{
font-size: 18px;
} .why_cont_qa{
padding-bottom: 50px;
}
.sec3 .sec-inner .why_list{
padding-bottom: 40px;
}
.advice_qa_cnts{
margin: 0 60px;
margin-bottom: 20px;
text-align: left;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #ddd;
}
.advice_qa_cnts:last-child{
margin-bottom: 0;
}
.advice_qa_q_innr{
display: block;
position: relative;
padding: 20px 15px 15px 15px;
border-bottom: 1px dotted #ddd;
}
.advice_qa_a_innr{
display: block;
position: relative;
padding: 15px 15px 20px 15px;
}
.advice_qa_q{
position: relative;
padding-left: 35px;
font-size: 20px;
line-height: 1;
font-weight: bold;
color: #ef4d17;
}
.advice_qa_q::before{
content: '';
position: absolute;
width: 22px;
height: 24px;
top: 50%;
left: 0;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_teach_q.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.advice_qa_a{
position: relative;
padding-left: 35px;
font-size: 18px;
color: #555;
}
.advice_qa_a::before{
content: '';
position: absolute;
width: 22px;
height: 21px;
top: 2px;
left: 0;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_teach_a.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width:768px){
.sec3 .sec-inner .how_detail_list .text{
margin-right:5vw;
width:55vw;
}
.sec3 .sec-inner .how_detail_list .how_fig1{
width:25vw;
}
.sec3 .sec-inner .advice_ttl1{
margin-bottom:3.33vw;
padding-left:13vw;
font-size:1.2rem;
line-height:10vw;
}
.sec3 .sec-inner .advice_ttl1::before{
width:10vw;
height:10vw;
}
.sec3 .sec-inner .advice_ttl2{
margin-bottom:3.33vw;
padding-left:12vw;
font-size:1.1rem;
line-height:10vw;
}
.sec3 .sec-inner .advice_ttl2::before{
width:10vw;
height:10vw;
}
.sec3 .sec-inner .advice_fig1{
margin-left:0;
margin:0 auto;
width:40vw;
}
.sec3 .advice_ttl2_txt{
padding: 0 6vw 6vw 6vw;
font-size: 0.9rem;
line-height: 1.4rem;
}
.sec3 .sec-inner .why_cont.mdb35{
margin-bottom: 6vw;
}
.sec3 .pint3_list li{
margin-bottom: 6vw;
}
.why_cont_qa{
padding-bottom: 5vw;
}
.sec3 .sec-inner .why_list{
padding-bottom: 6vw;
}
.sec3 .pint3_list_ttl{
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 1.1rem;
}
.sec3 .pint3_list_txt{
font-size: 0.9rem;
}
.advice_qa_cnts{
margin: 0 6vw;
margin-bottom: 6vw;
}
.advice_qa_q_innr{
padding: 3vw;
}
.advice_qa_a_innr{
padding: 3vw;
}
.advice_qa_q{
padding-left: 8vw;
font-size: 0.9rem; }
.advice_qa_q::before{
width: 5vw;
height: 5.4546vw;
}
.advice_qa_a{
padding-left: 8vw;
font-size: 0.9rem;
}
.advice_qa_a::before{
width: 5vw;
height: 4.773vw;
top: 2px;
left: 0;
}
} .lineup .lineup_ttl.tt_type1::before{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_granule1.png);
}
.lineup .lineup_ttl.tt_type2::before{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_tablet1.png);
}
.lineup .lineup_ttl.tt_type3::before{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_other1.png);
}
.lineup .lineup_list a .caption dt{
color:#ef4d17;
}
.precautions .caution_ttl{
color:#ef4d17;
}
.precautions .caution_ttl.caution_ttl_line{
border-right:1px solid #ef4d17;
}