@charset "UTF-8";
/*! # kracie © 2022 amana*/

.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;
}


/*mainkv_note*/
@media screen and (max-width:769px){
  .txt_shadow{
    /*text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;*/
    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;/*auto*/
    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*/
.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*/
.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*/
.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*/
.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*/
.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("../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("../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*/
.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*/
.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*/
.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;
  }
}

/*table*/
.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*/
.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;/*0 auto;*/
  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{
    /*display:block;*/
    -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;
  }
}