@charset "utf-8";
/*
CSS Information
 File name:      gravure_modal.css
 Author:         Administrator
 Style Info:     /gravure_modal.php
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/

html,
body,
#wrapper {
	background: transparent;
}
#premium_m {
  position: relative;
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
}
#premium_m .slick-slider {
  margin-bottom: 0;
}
#premium_m .main_list {
  width: 800px;
  margin: 0 auto 15px;
  margin-right: 15px;
  /*margin-left: 123px;*/
  float: right;
}
#premium_m .sub_list {
  width: 83px;
  padding: 20px 0 30px;
  /*position: absolute;
  top: 20px;
  left: 17px;*/
}
#premium_m ul li img {
  max-width: 100%;
  margin: 0 auto;
  vertical-align: top;
}
#premium_m .gravure_h,
#premium_m .gravure_f {
  padding: 13px 0 13px 20px;
  background: url(https://img.undernavi.com/portal/web/chugoku/shop/dir/top/bg_top_grv.png) center top;
  background-color: #423232;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#premium_m .gravure_h {
  display: flex;
  align-items: center;
  margin: 0 78px 15px 0;
}
#premium_m .gravure_h.--tight-y {
  padding-top: 5px;
  padding-bottom: 5px;
}
#premium_m .gravure_f {
  padding: 23px 0 23px 13px;
}
#premium_m .gravure_h .blue {
  flex: none;
  margin-right: 10px;
  color: #86b8f7;
  font: 13px 'ヒラギノ角ゴ Pro W3',Osaka,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: bold;
}
#premium_m .gravure_h .name_list_container {
  flex: auto;
  overflow: hidden;
}
#premium_m .gravure_h .name_list {
  padding-left: 1rem;
}
#premium_m .gravure_h .name {}
#premium_m .gravure_h .name.--flex {
  display: flex;
  align-items: center;
}
#premium_m .gravure_h .name a {
  display: block;
  padding-bottom: 5px;
  font-size: 185%;
  color: #C4C353;
}
#premium_m .gravure_h .name .prof,
#premium_m .gravure_f {
  color: #fff;
  text-align: left;
}
#premium_m .gravure_h .name .prof.--ml {
  margin-left: 1rem;
}
#premium_m .gravure_f a {
  color: #C4C353;
  text-decoration: none;
}
#premium_m .list02 li {
  margin: 0 3px 10px 0;
  border: none;
  box-shadow: 3px 3px 0 #696969;
}
#premium_m .list02 li.slick-current {
  box-shadow: 3px 3px 0 #fff;
}
.gravureWrapper {
  position:relative;
}
.main_list .slick-prev,
.main_list .slick-next {
  z-index: 100;
  width: 30px;
  height: 30px;
}
.main_list .slick-prev:before,
.main_list .slick-next:before {
  font-size: 30px;
  color: #4f4f4f;
}
.sub_list .slick-prev:before,
.sub_list .slick-next:before {
  display: none;
}
.main_list .slick-prev {  left: 5px;}
.main_list .slick-next {  right: 5px;}
.sub_list .slick-prev,
.sub_list .slick-next {
  width: 24px;
  height: 16px;
  text-indent: -9999px;
}
.sub_list .slick-prev,
.sub_list .slick-prev:hover,
.sub_list .slick-prev:focus {
  top: -17px;
  left: 50%;
  margin-left: -12px;
  background: url(https://img.undernavi.com/portal/web/chugoku/shop/dir/top/ar_prev.png) center no-repeat;
}
.sub_list .slick-next,
.sub_list .slick-next:hover,
.sub_list .slick-next:focus {
  bottom: -30px;
  left: 50%;
  top: auto;
  margin-left: -12px;
  background: url(https://img.undernavi.com/portal/web/chugoku/shop/dir/top/ar_next.png) center no-repeat;
}
.slick-slider {
  margin-bottom: 0;
}
.sub_list.mini .slick-track {
  -webkit-transform: translate3D(0,0,0) !important;
     -moz-transform: translate3D(0,0,0) !important;
      -ms-transform: translate3D(0,0,0) !important;
       -o-transform: translate3D(0,0,0) !important;
          transform: translate3D(0,0,0) !important;
}
.sub_list .slick-list.draggable {
  height: 560px !important;
}
.slick-list.draggable {
  padding: 0 !important;
}
#premium_m .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  /*height: 68px;*/
  cursor: pointer;
  font-size: 0;
  background: url(https://img.undernavi.com/portal/web/chugoku/shop/dir/top/bg_top_grv_close.png) center center no-repeat;
  background-color: #2D1918;
}