@charset "UTF-8";

/* ==============================
 * 
 * ============================== */
img{
  max-width: 100%;
}
#main.one-column #content,
.container{
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}


/* 共通のfloat ボックスとして定義しておく */
.box_l{
  float: left;
}
.box_r{
  float: right;
}

/*  */
.tt{
  padding: 5px 10px;
  margin-bottom: 10px;
}
.tt.tt1{
  border-bottom: 1px solid #638c0b;
}
.tt .tt_sub{
  
}
.tt .tt_link{
  float: right;
}


/* ==============================
 * 
 * ============================== */
.nav-menu-open{
  padding-top: 4px;
  padding-bottom: 4px;
}

.hdr_top_bg{
  background-image: url('/img/header_top_bg.jpg');
  background-repeat: repeat-x;
  height: 30px;
  position: relative;
}
.hdr_top_bg .hdr_logo{
  position: absolute;
  z-index: 10;
}

/* ==============================
 * 
 * ============================== */
.hdr_nav_wrap{
  position: relative;
}

.hdr_nav_wrap.home {
  /*background-image: url('/img/mv.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;*/
}
.hdr_nav_wrap.child {
  
}
.hdr_nav_wrap .page_ttl{
  background: #acd598;
  text-align: center;
  color: #FFF;
  height: 140px;
  font-size: 28px;
  position: relative;
}
.hdr_nav_wrap .page_ttl h2{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  
  width: 100%;
  text-align: center;
}
.hdr_nav_wrap .page_ttl h2 span{
  font-size: 16px;
  display: block;
  margin-top: 20px;
}

#menu-header-nav > li > a{
  background-repeat: no-repeat;
  background-position: left 10px center;
}
#menu-header-nav .nav1 > a{
  background-image: url('/img/icon/nav1.png');
}
#menu-header-nav .nav2 > a{
  background-image: url('/img/icon/nav2.png');
}
#menu-header-nav .nav3 > a{
  background-image: url('/img/icon/nav3.png');
}
#menu-header-nav .nav4 > a{
  background-image: url('/img/icon/nav4.png');
}
#menu-header-nav .nav5 > a{
  background-color: #a40000;
  background-image: url('/img/icon/nav5.png');
  color: #FFF;
}

/* ==============================
 * フッター
 * ============================== */
.ft_banners{
  margin-top: 30px;
  padding: 40px 0;
  border-top: 1px dotted #CCC;
}
.ft_banners ul{
  font-size: 0;
}
.ft_banners ul li{
  font-size: 14px;
  display: inline-block;
  width: 25%;
  text-align: center;
}
.ft_banners ul li a span{
  display: block;
}

.ftr1{
  padding-top: 25px;
}
.ftr1 .box_l{
  
}
.ftr1 .box_2{
  
}
.ftr2{
  margin-top: 20px;
  padding-bottom: 25px;
}
.ftr2 .box_l{
  
}
.ftr2 .box_2{
  text-align: right;
}

.ft_links{
  font-size: 0;
}
.ft_links li{
  font-size: 14px;
  display: inline-block;
  padding: 0 25px;
  border-left: 1px solid #FFF;
}
.ft_links li:last-child{
  border-right: 1px solid #FFF;
}
.footer_fix{
  display: none;
}

/* ==============================
 * TOPページ
 * ============================== */
.top_nav{
  font-size: 0;
  padding: 0 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  
  max-width: 1200px;
  width: 100%;
}
.top_nav li{
  font-size: 16px;
  display: inline-block;
  width: 20%;
  text-align: center;
}

.home #main section{
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
.home #main section:first-child{
  margin-top: 0;
}


/* ==============================
 * TOPページ：BOXレイアウト
 * ============================== */
.top_box1{
  
}
.top_box1 .box_l{
  /*width: 785px;*/
  width: 65.4%;
}
.top_box1 .box_r{
  /*width: 370px;*/
  width: 30.8%;
}
.top_box2 .box_l{
  /*width: 350px;*/
  width: 29.1%;
}
.top_box2 .box_r{
  /*width: 800px;*/
  width: 66.6%;
}
.top_box4 .box_l{
}
.top_box4 .box_r{
}

.top_box5{
  position: relative;
  
}

#top_nav5{
  background-image: url('/img/top_box_bg_yellow.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
}

.top_box_title_bar{
  
}
.top_box_title_bar:before{
  content: "";
  width: 0;
  height: 0;
}
.top_box_title_bar h2{
  font-size: 42px;
  line-height: 1.4;
}
.top_box_title_bar h2 span{
  display: block;
  font-size: 24px;
  
}
.top_box_title_bar.top_box_title_bar_l,
.top_box_title_bar.top_box_title_bar_r{
  color: #FFF;
  padding: 125px 0 0;
  height: 340px;
}
.top_box_title_bar.top_box_title_bar_l{
  background: #f29b76;
  position: absolute;
  left: 0;
  right: calc(50% + 350px);
  bottom: 30px;
  text-align: right;
}
.top_box_title_bar.top_box_title_bar_r{
  background: #acd598;
  position: absolute;
  right: 0;
  left: calc(50% + 180px);
  bottom: 30px;
}
.top_box_title_bar.top_box_title_bar_l:before{
  border-style: solid;
  border-width: 340px 0 0px 150px;
  border-color: transparent transparent transparent #f29b76;
  position: absolute;
  left: 100%;
  top: 0;
}
.top_box_title_bar.top_box_title_bar_r:before{
  border-style: solid;
  border-width: 340px 150px 0px 0;
  border-color: transparent #acd598 transparent transparent;
  position: absolute;
  right: 100%;
  top: 0;
}

.top_box_title_bar_c{
  color: #181818;
  text-align: center;
}
.top_box_title_bar_c h2{
  font-size: 42px;
  color: #FFF;
  margin-bottom: 10px;
}

.top_box_title_bar_c h2 span{
  font-size: 24px;
}
.top_box_title_bar_c h2 + div{
  display: inline-block;
  border-top: 1px solid #434343;
  border-bottom: 1px solid #434343;
  font-size: 21px;
  padding: 10px;
}


.top_box_title_r2{
  float: right;
  text-align: center;
  width: 370px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.top_box_title_r2 h2 {
  font-size: 80px;
  
  line-height: 1;
  
}
.top_box_title_r2 h2 span{
  display: block;
  font-size: 27px;
}



/* ==============================
 * TOPページ：おしらせ
 * ============================== */
.top_news{
  font-size: 18px;
}
.top_news li{
  
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #333;
}
.top_news li .date,
.top_news li .cate,
.top_news li .title{
  display: block;
  float: left;
  text-align: center;
}

.top_news li .date{
  width: 130px;
}
.top_news li .cate{
  width: 100px;
  font-size: 13px;
  color: #FFF;
}
.top_news li .cate.news{
  background-color: #556fb5;
}
.top_news li .cate.event{
  background-color: #eb6877;
}
.top_news li .title{
  width: 100%;
  max-width: 520px;
  margin-left: 15px;
  text-align: left;
  
}


.top_bn{
  font-size: 0;
  margin-top: 15px;
}
.top_bn li{
  font-size: 14px;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.top_app{
  position: relative;
  text-align: center;
}
.top_app ul{
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
}
.top_app ul li{
  text-align: center;
}
.top_app ul li:not(:last-child){
  margin-bottom: 6px;
}
.top_app ul li img{
  max-width: 91.6%;
}

/* ==============================
 * TOPページ：店舗情報
 * ============================== */
.top_box2 {
  
}
.top_shop_info{
  font-size: 18px;
  line-height: 1.5;
}
.top_shop_info h3{
  font-size: 24px;
}

.top_shop_info_btn{
  font-size: 0;
  margin-top: 10px;
}
.top_shop_info_btn li{
  display: inline-block;
  width: 50%;
  text-align: center;
  margin-bottom: 15px;
}
.top_shop_info_btn li.w{
  width: 100%;
  text-align: center;
}

/* ==============================
 * TOPページ：商品情報
 * ============================== */
.top_item{
  font-size: 0;
}
.top_item .item{
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 0 20px;
  margin-bottom: 20px;
  text-align: center;
}
.top_item .item .img{
  background: #898989;
  border: 1px solid #898989;
  display: block;
}
.top_item .item .img img{
  max-width: 100%;
  border: 4px solid #FFF;
}

.top_item_nav{
  font-size: 0;
  text-align: center;
  margin-bottom: 30px;
}
.top_item_nav li{
  font-size:18px;
  display: inline-block;
  width: 320px;
  margin: 15px 15px;
}
.top_item_nav li a{
  display: block;
  padding: 15px 20px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);
  color: #181818;
  text-align: left;
}
.top_item_nav li a:after{
  content: ">";
  float: right;
}
.top_item_nav li a.btn1{
  background: #fff799;
}
.top_item_nav li a.btn2{
  background: #c490bf;
}

.top_item_tt{
  
  margin: 0 auto;
  display: block;
}
.top_item_tt{
  width: 800px;
  display: flex;
  align-items: center;
  margin: 0px auto 50px auto;
  font-size: 24px;
  font-weight: 500;
  color: #181818;
  text-align: center;
}
.top_item_tt:before,
.top_item_tt:after{
  border-top: 3px solid #8393a9;
  content: "";
  flex-grow: 1;
}
.top_item_tt:before{
  margin-right: 2rem;
}
.top_item_tt:after{
  margin-left: 2rem;
}

/* ==============================
 * TOPページ：ドレミだからできること
 * ============================== */
.top_box4{
  background-image: url('/img/top_box4_bg.jpg');
  background-repeat: no-repeat;
  height: 680px;
}

.top_box4 .canuse{
  
}
.top_box4 .canuse li{
  background: #FFF;
  color: #d21229;
  font-size: 20px;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 5px 2px rgba(0,0,0,50%);
}

/* ==============================
 * TOPページ：ブログ
 * ============================== */

.top_blog_wrap{
}
.top_blog{
  float: left;
  width: 370px;
  margin: 0 10px;
}

.top_blog h3{
  font-size: 20px;
  font-weight: 500;
  border-bottom: 2px solid #638c0b;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.top_blog h3 .link{
  float: right;
  font-size: 14px;
}

.top_blog li{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted ;
}
.top_blog li .date{
  display: block;
  font-size: 14px;
} 
.top_blog li .title{
  font-size: 18px;
} 

/* ==============================
 * アクセス
 * ============================== */

.pg_access{
  
}
.pg_access .box_l{
  width: 48%;
  margin: 0 1% 1%;
}
.pg_access .box_r{
  width: 48%;
  margin: 0 1% 1%;
}
.tbl_access{
  width: 100%;
}
.tbl_access > tbody > tr > th,
.tbl_access > tbody > tr > td{
  padding: 10px;
}
.tbl_access > tbody > tr > th{
  color: #6a9b00;
}  
.tbl_access > tbody > tr > td{
  
}

.tbl_time{
  width: 100%;
}
.tbl_time > tbody > tr > th,
.tbl_time > tbody > tr > td{
  padding: 10px;
  text-align: center;
  border: 1px solid #898989;
}
.tbl_time > tbody > tr > th{
  background: #acd598;
  color: #FFF;
  
}  
.tbl_time > tbody > tr > td{
  
}

#indoor-view{
  margin-top: 30px;
}
#pg_access_map{
  margin-top: 30px;
}

/* ==============================
 * 会社概要
 * ============================== */
.pg_about{
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.pg_about .box_l{
  width: 22.5%;
}
.pg_about .box_r{
  width: 73.5%;
}
.pg_about_info{
  
}
.pg_about_info h3{
  font-size: 20px;
  color: #90ca7c;
  margin-bottom: 20px;
}
.tbl_about{
  width: 100%;
  margin-bottom: 50px;
}
.tbl_about tr{
  border-bottom: 1px solid #898989;
}
.tbl_about th,
.tbl_about td{
  padding: 10px 0;
}
.tbl_about th{
  width: 30%;
  padding: 10px 0 10px 70px;
  color: #898989;
  vertical-align: top;
}
.tbl_about td p:not(:first-child){
  margin-top: 5px;
}

/* ==============================
 * ランチマップ
 * ============================== */
.lunchmap_desc{
  font-size: 18px;
  line-height: 2;
  text-align: center;
  margin-bottom: 50px;
}
.lunchmap_map{
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

.lunchmap_nav{
  font-size: 0;
}
.lunchmap_nav .item{
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 1% 1%;
  border-bottom: 1px dotted #181818;
}
.lunchmap_nav .item h3{
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}
.lunchmap_nav .item h3 .shop_cat{
  display: inline-block;
  width: 120px;
  border: 1px solid #181818;
  margin-right: 30px;
  font-size: 14px;
  text-align: center;
  
}
.lunchmap_nav .item h3 .shop_review{
  float: right;
  display: inline-block;
  background: #c9c9c9;
  border-radius: 15px;
  font-size: 14px;
  padding: 0 20px;
}
.lunchmap_nav .item dl{
  margin-bottom: 10px;
}
.lunchmap_nav .item dl dt{
  float: left;
  width: 60px;
}
.lunchmap_nav .item dl dt:after{
  content: ":";
  float: right;
}
.lunchmap_nav .item dl dd{
  float: left;
  padding-left: 10px;
}

/* ==============================
 * Comuoon(コミューン)
 * ============================== */
.pg_comuoon1{
  text-align: center;
  margin-bottom: 30px;
}
.pg_comuoon1 h3{
  font-size: 28px;
  color: #a29f9f;
  margin-bottom: 30px;
}
.pg_comuoon1 h3 span{
  display: block;
  font-size: 16px;
  margin-top: 20px;
}
.pg_comuoon1 div{
  font-size: 24px;
  font-weight: bold;
}

.pg_comuoon2,
.pg_comuoon3,
.pg_comuoon4{
  line-height: 1.8;
  font-size: 18px;
}

.pg_comuoon2{
  margin-top: 30px;
}
.pg_comuoon2 .box_l{
  width: 28%;
  text-align: center;
}
.pg_comuoon2 .box_r{
  width: 68%;
}
.pg_comuoon3{
  margin-top: 30px;
}
.pg_comuoon3 h3{
  font-size: 24px;
  font-weight: bold;
}
.pg_comuoon3 .box_l{
  width: 60%;
}
.pg_comuoon3 .box_r{
  width: 36%;
}
.pg_comuoon4{
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px 90px;
  border: 8px solid #ccdcc5;
  
}
.pg_comuoon4 h3{
  color: #d40000;
}



/* ==============================
 * 検体測定室
 * ============================== */
.pg_measurement1,
.pg_measurement2{
  font-size: 18px;
  line-height: 1.8;
}
.pg_measurement1{
  margin-bottom: 30px;
}
.measurement_lead {
  font-weight: bold;
  text-align: center;
  margin-bottom: 110px;
}
.tbl_measurement{
  width: 100%;
  margin: 20px 0;
}
.tbl_measurement tr{
  border-bottom: 1px solid #c9c9c9;
}
.tbl_measurement tr:nth-child(odd){
  background: #eeeeee;
}
.tbl_measurement th,
.tbl_measurement td{
  padding: 30px 0;
  
  font-weight: normal;
}
.tbl_measurement th{
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
.tbl_measurement td{
  
}

.measurement_tt{
  background: #c0e7f9;
  padding: 25px 0;
  font-size: 26px;
  color: #6d6d6d;
  text-align: center;
}
.measurement_txt1{
  padding-left: 100px;
  color: #ff0000;
}
.measurement_txt2{
  padding: 20px 30px;
}

.pg_measurement_btn{
  margin-bottom: 50px;
}
.pg_measurement_btn a{
  display: block;
  max-width: 300px;
  width: 100%;
  padding: 15px;
  margin: 0 auto;
  border-radius: 5px;
  background: #638c0b;
  color: #FFF;
  text-align: center;
  text-decoration: none;
}
.pg_measurement_btn a:hover{
  opacity: 0.9;
}
.pg_measurement_btn a i{
  margin-left: 15px;
}

/* 検体測定手順　～測定前に～ */
.pg_measurement_flow h3{
  color: #75b7e8;
  font-size: 24px;
  text-align: center;
  margin: 0 0 30px;
}
.pg_measurement_flow .item{
  padding: 0 34px;
  margin-bottom: 50px;
}
.pg_measurement_flow .item h4{
  color: #d00101;
  font-weight: normal;
  font-size: 21px;
  margin-bottom: 15px;
}
.pg_measurement_flow .item .red{
  color: #ff2626;
}
.pg_measurement_flow .item > .box_l{
  width: 640px;
}
.pg_measurement_flow .item .txt{
  margin-left: 40px;
}
.pg_measurement_flow .item > .box_l .txt .point{
  border: 1px solid #ec6941;
  border-radius: 5px;
  background-color: #fce2bc;
  width: 598px;
  height: 170px;
  padding: 10px;
  margin-top: 10px;
}
.pg_measurement_flow .item > .box_l .txt .point .orange{
  margin-top: -30px;
  color: #f97408;
}
.pg_measurement_flow .item > .box_l .txt .point .orange img{
  margin-left: 5px;
}
.pg_measurement_flow .mb100{
  margin-bottom: 100px;
}
.pg_measurement_flow .mb50{
  margin-bottom: 50px;
}
.pg_measurement_flow .mb30{
  margin-bottom: 30px;
}
.pg_measurement_flow .mb20{
  margin-bottom: 20px;
}
.pg_measurement_flow .item .bold{
  font-weight: bold;
}
.pg_measurement_flow .item .blue{
  color: #4d73f1;
}
.pg_measurement_flow .item .center{
  text-align: center;
  font-size: 16px;
}
.pg_measurement_flow .item .caution{
  border: 1px solid #535353;
  width: 442px;
  padding: 5px 0;
  text-align: center;
  margin-left: auto;
  margin-top: -10px;
}

/* ==============================
 * 健康サポート薬局
 * ============================== */
.pg_support1{
  text-align: center;
  margin-bottom: 50px;
}
.pg_support2{
  margin-bottom: 50px;
}
.pg_support3{
  margin-bottom: 50px;
}
.pg_support4{
  margin-bottom: 50px;
}
.support_tt{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.support_tt2{
  background: #f6dedf;
  border-bottom: 1px solid #bfbfbf;
  padding: 20px 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.support_txt1{
  margin-top: 30px;
}

.tbl_support{
  width: 100%;
}
.tbl_support tr{
  border-bottom: 3px solid #f29c9f;
}
.tbl_support th,
.tbl_support td{
  padding: 25px;
  vertical-align: top;
}
.tbl_support .img{
  width: 40%;
}
.tbl_support td p{
  margin-bottom: 30px;
}

.support_merit{
  margin-top: 20px;
}
.support_merit li{
  color: #f29c9f;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 20px 30px;
  border: 2px solid #f6dedf;
  border-radius: 5px;
}
.support_merit li p{
  color: #181818;
  font-size: 16px;
  margin-top: 5px;
}


/* ==============================
 * 採用情報
 * ============================== */
.pg_recruit1{
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
}
.pg_recruit1 h3{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.pg_recruit_status{
  text-align: center;
}
.pg_recruit_status p{
  display: inline-block;
  border: 1px dashed #a40000;
  border-radius: 5px;
  padding: 15px 100px;
  margin: 30px 0; 
}

.pg_recruit4{
  margin-top: 50px;
}
.pg_recruit4 h3{
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  border-bottom: 6px double #a40000;
  padding: 10px 0;
  margin-bottom: 50px;
}
.pg_recruit4 h3:before{
  content: url('/img/icon/recruit.png');
  vertical-align: middle;
  margin-right: 10px;
}

.tbl_recruit{
  width: 82%;
  margin: 0 auto;
  font-size: 16px;
}
.tbl_recruit tr:nth-child(odd){
  background-color: #eeeeee;
}
.tbl_recruit th,
.tbl_recruit td{
  padding: 20px 0;
}
.tbl_recruit th{
  color: #724307;
  width: 200px;
  padding-left: 70px;
}
.tbl_recruit td{
  padding-left: 70px;
}


/* ==============================
 * 商品リスト
 * ============================== */
.pg_item1{
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 50px;
}
.pg_item1 h3{
  font-size: 28px;
  color: #a29f9f;
  margin-bottom: 20px;
}

.pg_item_link{
  margin-bottom: 10px;
  text-align: right;
}
.pg_item_link li{
  display: inline-block;
}
.pg_item_link a{
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
}

.pg_item_list{
  font-size: 0;
}
.pg_item_list .item{
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 21%;
  margin: 2% 2%;
  padding: 10px;
  background: #f4f4f4;
  border: 1px solid #c9c9c9;
}
.pg_item_list .item a{
  display: block;
  position: relative;
}
.pg_item_list .item .img{
  position: relative;
}
.pg_item_list .item .img:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.pg_item_list .item .img img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.pg_item_search .box_l{
  width: 74%;
}
.pg_item_search .box_r{
  width: 23%;
}

/* カテゴリ検索BOX */
.pg_item_cat{
  border: 5px solid #a6937c;
}
.pg_item_cat h3{
  color: #FFF;
  font-size: 16px;
  background: #a6937c;
  padding: 5px;
}
.pg_item_cat ul{
  width: 100%;
  padding: 20px;
  font-size: 0;
}
.pg_item_cat ul li{
  font-size: 14px;
  
  display: inline-block;
  width: 33.333333%;
  color: #25256a;
}
.pg_item_cat ul li.w{
  width: 100%;
}
.pg_item_cat ul li:before{
  content: "\f10c";
  font-family: "FontAwesome";
  margin-right: 5px;
}

.pg_item_cat ul li.on:before{
  content: "\f05d";
}
.pg_item_cat ul li a{
  color: #25256a;
  font-weight: 600;
}
.pg_item_cat ul li.on a{
  font-weight: bold;
  color: red;
}

/* 担当者BOX */
.pg_item_staff{
  border: 5px solid #d1c0a5;
}
.pg_item_staff h3{
  color: #FFF;
  font-size: 16px;
  background: #d1c0a5;
  padding: 5px;
}
.pg_item_staff ul{
  padding: 10px;
  font-size: 0;
}
.pg_item_staff ul li{
  font-size: 14px;
  display: inline-block;
  width: 50%;
  padding: 5px;
}


/* ==============================
 * 商品詳細
 * ============================== */
.pg_item_detail1{
  margin-bottom: 50px;
}
.pg_item_detail1 .box_l{
  width: 40%;
}
.pg_item_detail1 .box_r{
  width: 57%;
}

.pg_item_detail1 .item_main_img{
  background: #f4f4f4;
  border:1px solid #c9c9c9;
  text-align: center;
  padding: 10px;
}
.pg_item_detail1 .item_title{
  font-size: 21px;
  color: #181818;
  margin-bottom: 20px;
}
.pg_item_detail1 .item_notice{
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 50px;
}

.pg_item_detail1 .item_price{
  width: 470px;
  max-width: 100%;
  color: #181818;
  border-bottom: 1px solid #181818;
  margin-bottom: 50px;
  float: right;
}
.pg_item_detail1 .item_price th,
.pg_item_detail1 .item_price td{
  vertical-align: bottom;
  font-weight: 500;
  padding: 8px 10px;
}
.pg_item_detail1 .item_price th{
  width: 40%;
  text-align: right;
  font-size: 16px;
  
}
.pg_item_detail1 .item_price td{
  text-align: right;
  font-size: 20px;
}
.pg_item_detail1 .item_price p{
  margin: 5px 0;
}

.pg_item_detail1 .item_staff_comment{
  border: 5px solid #84ccc9;
  border-radius: 5px;
}
.pg_item_detail1 .item_staff_comment h4{
  background: #84ccc9;
  color: #FFF;
  font-size: 20px;
  padding: 5px;
}
.pg_item_detail1 .item_staff_comment h4 +div{
  padding: 15px;
  font-size: 16px;
}

.item_desc{
  border: 5px solid #dae7ba;
  margin-bottom: 20px;
}
.item_desc .item_desc_label{
  background-color: #dae7ba;
  padding: 10px 20px;
  position: relative;
}
.item_desc .item_desc_label a{
  display: block;
}
.item_desc .item_desc_label:before{
  content: "\f067";
  font-family: "FontAwesome";
  position: absolute;
  left: 5px;
}
.item_desc.on .item_desc_label:before{
  content: "\f068";
}

.item_desc .item_desc_body{
  padding: 10px;
  display: none;
}
.item_desc.on .item_desc_body{
  display: block;
}
.item_desc .item_desc_body h5{
  font-size: 18px;
  color: #181818;
  margin-bottom: 20px;
}
.item_desc .item_desc_body h6{
  font-size: 16px;
  color: #181818;
  margin-bottom: 20px;
}
.item_desc .item_desc_body p{
  margin-bottom: 20px;
}
.item_desc .item_desc_body div{
  
}
.item_desc .item_desc_body hr{
  margin: 10px 0;
}
.item_desc .item_desc_body ol{
  margin: 10px 0;
  margin-left: 25px;
  list-style-type: decimal;
}
.item_desc .item_desc_body ol li{
  list-style-type: decimal;
}

.item_desc .item_desc_body table{
  width: 100%;
  margin-bottom: 20px;
}
.item_desc .item_desc_body table tr{
  
}
.item_desc .item_desc_body table th,
.item_desc .item_desc_body table td{
  border: 1px solid #CCC;
  padding: 5px;
}
.item_desc .item_desc_body table th{
  background: #EEE;
}


#itempage .item-info{
  padding-top: 0 !important;
}


.item-info .seflcheck-button{
  color: #fff;
  font-family: FontAwesome;
  font-weight: bold;
  /*padding: .714286em 2.142856em;*/
  padding: 1.071428em 2.142856em;
  background-color: #f18185;
  border: none;
  letter-spacing: 1px;
  text-align: center;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 0;
  cursor: pointer;
}
.item-info .seflcheck-button:hover{
  background-color: #f0adaf;
}
.item-info .seflcheck-button.off{
  border-radius: 3px 3px 0 0;
}
.item-info .selfcheck_box.off{
  overflow: hidden;
  height: 0;
  padding: 0;
  border: 0 !important;
  margin-bottom: 5px;
}
.item-info .selfcheck_box{
  border: 5px solid #f18185 !important;
  margin-bottom: 5px;
  
  transition: all 0.2s;
}
.item-info .selfcheck_desc{
  padding: 10px;
}


/* ==============================
 * 
 * ============================== */
.membership{
  padding: 5px 0;
  float: left;
}
.membership ul{
  display: inline-block;
}
.membership ul li{
  display: inline-block;
  margin-right: 10px;
}

.membership .incart-btn{
}