@charset "utf-8";

/* ===================================================================
top看板
=================================================================== */

#mastershopBanner {
  max-width: 1920px;
  max-height: 1080px;
  width: 100vw;
}

#mastershopBanner li {
  width: 100vw;
}

#mastershopBanner li a {
  display: block;
  width: 100%;
  height: 100%;
}

/* 通常店舗用 */
#shopBanner {
}
#shopBanner li {
  position: relative;
}
#shopBanner li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
/***********************フリーページ**************************/
.more {
  width: 100%;
  margin-top: 10px;
}
.more a {
  display: block;
  width: 18%;
  margin: 0 auto;
  background: #c90037;
  padding: 7px 0;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
/* excerptBox */
.excerptBox {
}
.excerptBox-active {
}
.excerptBox-active .excerptBox_item1 {
  position: relative;
  max-height: 400px;
  overflow: hidden;
}
.excerptBox-active .excerptBox_item1::after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+75,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  content: "";
}

/***********************タブ切り替え**************************/
#shopLadylist .tabs_flex ul,
#tabContent,
#shopDatamap .contentsInner,
#recruitInfo .contentsInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.flexwrap li.flexList:nth-child(5n) {
  margin-right: 0;
}
.flexwrap li.active {
  background: #c90037;
  color: #fff;
}
/*
.flexwrap li.more {
	width: 100%;
	margin-top:10px;
}
.flexwrap li.more a {
	display: block;
	width: 18%;
	margin: 0 auto;
	background: #c90037;
	padding: 7px 0;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
*/
#shopLadylist #tab2,
#shopLadylist #tab3,
#shopLadylist #tab4,
#shopLadylist #tab5 {
  display: none;
  overflow: hidden;
}
/*---------------------------スライダー------------------------------*/
.slider {
  width: 90%;
  margin: 0 auto 80px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.mypattern {
  width: 100%;
}
.mypattern .slick-slide {
  margin: 5px;
}

.slick-slide {
  transition: 0.3s ease;
}
.bxslider .slick-slide:not(.slick-current) img {
  -webkit-filter: brightness(0.4);
  -moz-filter: brightness(0.4);
  -o-filter: brightness(0.4);
  -ms-filter: brightness(0.4);
  filter: brightness(0.4);
}
.slider {
  display: none;
}
.slider.slick-initialized {
  display: block; /*slick-initializedが付与されたら表示*/
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-initialized .slick-slide {
  display: block;
}
/***********************写メ日記********************************/
#photoBroglist #photoblog_list::after,
#tabContent::after {
  content: "";
  display: block;
  width: 30%;
}

/***********************地図map**************************/
.contentsInner .contents_map_main {
  width: 720px;
  height: 400px;
}
.contents_map_qr {
  width: 225px;
}
.contents_map_message {
  font-size: 14px;
}
.contents_map_address p::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 18px;
  background-image: url(https://img.undernavi.com/front/pc/shop/maps-and-flags.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 5px;
}

/***********************キャッチコピー**************************/

.catchcopy {
  font-size: 24px;
  font-weight: bold;
}
#shopCatchcopy {
  background: #fff;
}
#shopCatchcopy p,
#shopInformation .contentwrap table {
  font-size: 16px;
}

/***********************オススメ嬢**************************/
.ladyName {
  color: #333;
  font-size: 14px;
}
.ladyName a {
  color: #c80037;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

/*-----------------------店舗情報----------------------*/

#shopDate table {
  width: 100%;
  margin: 10px auto;
  font-size: 1.1em;
  border-collapse: collapse;
}
#shopDate th {
  width: 25%;
  background-color: #f5f5f5;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  vertical-align: middle;
}
#shopDate td {
  width: 75%;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  vertical-align: middle;
}
#mapAccess {
  width: 100%;
  background: url(https://img.undernavi.com/front/pc/shop/sp_access.png)
    no-repeat;
  /* font-size: 0; */
  background-size: cover;
  padding-top: 22.25%;
  font-size: 0;
}
#shopDatamap .contentsInner {
  justify-content: space-between;
}
.contents_map_address {
  margin-top: 20px;
  margin-bottom: 10px;
}
.mapBox {
  width: 710px;
}
/*--------------お知らせ-------------*/

.thumb.p_top {
  text-align: center;
}
/*--------------求人recruit-------------*/
#recruitFlex .recMain {
  display: block;
  float: left;
  width: 556px;
  overflow: hidden;
}
#recruitFlex .recMain {
  margin-right: 5px;
}
.imageCol2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.imageCol2 figure:not(:nth-child(2)) {
  margin-right: 5px;
}
#recruitFlex .rbox {
  display: block;
  float: left;
  width: 399px;
  overflow: hidden;
}
#recruitFlex .rbox .rbox_img {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
#recruitFlex .rbox .rbox_img img {
  max-width: 100%;
  vertical-align: top;
}

#recruitFlex .rbox .btn_box {
  clear: both;
  display: block;
  position: relative;
  font-size: 0rem;
  text-align: left;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
#recruitFlex .rbox .btn_box a:last-child {
  margin-right: 0;
}
#recruitFlex .rbox .btn_box a img {
  width: 130px;
  vertical-align: top;
}
#recruitFlex .rbox .btn_box a {
  display: inline-block;
  margin-right: 1px;
  font-size: 1rem;
}
.ladyName a:hover {
  text-decoration: underline;
}
.ladyName a {
  line-height: 1;
}
.lady_genre_icon {
  /*position: absolute;
	left: 4px;
	top: 3px;
	width: 95%;*/
  width: 100%;
  text-align: left;
  font-size: 0;
  display: flex;
  margin-top: 5px;
}
.lady_genre_icon li {
  margin-right: 2px;
}
.lady_genre_icon li:last-child {
  margin-right: 0;
}
/*#shopLadylist .contents_tab_box_detail  .lady_genre_icon li.new {
	color: #ddd326;
	border:none;
}
#shopLadylist .lady_genre_icon li {
	padding: 2px;
	width: 31%;
	margin-right: 2%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius:0;
	border:none;
	font-size:12px;
}*/
.lady_genre_icon li a {
  /*color: #fff;*/
  color: #ff0672;
}
/*----------------------リアルタイム----------------------------*/

#realtimeContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
#realtimeContent figure {
  width: 240px;
  overflow: hidden;
  height: 320px;
  margin-right: 15px;
}
.realtimeBox h4 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.realtimeBody {
  font-size: 16px;
  color: #333;
}
.realtimeBox {
  width: 73%;
}
.photoTtl {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin: 5px 0;
}
.photoTtl a:hover {
  color: #c80037;
}
#rankMore {
  font-weight: bold;
  font-size: 16px;
}
.txtData {
  text-align: left;
}
#shopNotes,
#shopEvent,
#systemInfo {
  font-size: 16px;
  color: #333;
}
#shopLadylist .contentwrap {
  padding-top: 0;
  box-shadow: none;
}
#shopLadylist {
  margin-top: 20px;
}
#shopLadylist #tabContent {
  margin-bottom: 0;
}
#shopRealtime #tabContent li {
  width: 17.5%;
}

.ladyListbt:not(:where(#ladyStandbylist .ladyListbt)):last-child {
  border-top: none;
}

.contentwrap ul > li:hover > div > .ladyName,
.contentwrap ul li.contents_diary_box:hover > div > .ladyName > a {
  text-decoration: underline;
  color: #c80037;
}
.contents_diary_box .galProf .ladyName a,
.movieList.flexList .galProf .ladyName a,
.rankingladyList li .txtData .ladyName a {
  font-size: 16px;
}
.ladyProf,
.galProf .ladyAge,
.galProf .ladySize,
.cdata,
.galProf .status,
.galProf .scheTime {
  font-size: 14px;
}
.galProf .scheTime {
  line-height: 12px;
}
.galProf .status,
.galProf .scheTime {
  display: block;
}
.galProf .ladySize {
  letter-spacing: -0.5px;
}
.rankingladyList .ladyProf {
  letter-spacing: -1px;
}
/*----------------------求人lineモーダル--------------------------*/
#line_qr {
  width: 400px;
  min-height: 250px;
  text-align: center;
  overflow: hidden;
  background: #ffffff;
}
#line_qr .line_ttl {
  margin: 0 auto 10px;
  padding: 5px 0;
  color: #ffffff;
  font-size: 116%;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #00aa00;
  background: #00c300;
}
#line_qr .line_id {
  text-align: center;
  font-weight: bold;
  font-size: 116%;
}
#line_qr .line_qr {
  text-align: center;
}
/* premium modal */
#cboxLoadingOverlay,
body #cboxOverlay {
  background: #000;
  opacity: 1 !important;
}
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxContent,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
.cboxIframe {
  background: none !important;
}
#colorbox #cboxClose {
  display: none;
}

/*-----------------------無料店舗header---------------------------*/

.freeShop_name {
  font-family: "sourse-han-serif-japanese", serif;
  font-size: 45px;
  font-weight: bold;
}
.freeShop_data {
  font-family: "sourse-han-serif-japanese", serif;
  font-size: 16px;
  font-weight: bold;
}
/*------------------------限定プラン------------------------------------------*/

.un_plan {
  font-family: "sourse-han-serif-japanese", serif;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.un_plan span {
  color: #c70037;
  font-weight: bold;
  font-size: 42px;
}
.un_course {
  font-family: "sourse-han-serif-japanese", serif;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
#canvas {
  position: absolute;
  top: 30%;
  right: 33%;
  width: 300px;
  height: 80px;
  overflow: hidden;
}

/*------------------------------マスタープランのナビ--------------------------------*/

.masterPlan {
  position: relative;
  overflow: hidden;
}
.masterPlan .masterNav {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*------------------------------------------------有料商材グラビア----------------------------------------------*/

#gravure_slide {
  width: 100%;
  background: #000000;
}
.premium_list li {
  margin: 0 5px;
  display: inline-block;
  width: 200px;
}
.premium_list li .prof {
  text-align: center;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.premium_list li .prof .inprof {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.inprof p {
  font-weight: bold;
  font-size: 116%;
  color: #86b8f7;
  text-align: center;
}
.inprof p span {
  color: #fff;
  font-family: serif;
  font-size: 131%;
}

#gravure_slide .slick-initialized.slick-slider {
  padding: 20px;
}

/*
slick bug fix 
https://kenwheeler.github.io/slick/#comment-4912115651
*/
#gravure_slide .slick-track {
  float: left;
}

/*----------------------------グラビアモーダル--------------------------*/

body {
  background: transparent;
}
#premium_m {
  position: relative;
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
}
#premium_m .main_list {
  width: 800px;
  margin: 0 auto 15px;
  margin-left: 123px;
}
#premium_m .sub_list {
  width: 83px;
  position: absolute;
  top: 20px;
  left: 17px;
}
#premium_m ul li img {
  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_f {
  padding: 23px 0 23px 13px;
}
#premium_m .gravure_h .blue {
  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 a {
  display: block;
  padding-bottom: 5px;
  font-size: 185%;
  color: #c4c353;
}
#premium_m .gravure_h .name .prof,
#premium_m .gravure_f {
  color: #fff;
}
#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;
}
.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;
}
.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: -25px;
  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;
}
#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;
}

/*--------------------------動画--------------------------*/

#movieList .itemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
}

#movieList .itemList li {
  box-sizing: border-box;
  width: 19.5%;
  margin-right: 0.6%;
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
#movieList .itemList li figure {
  background: #000;
  text-align: center;
}
#movieList .itemList li:hover {
  border: 1px solid #c80037;
}

#movieList .itemList li:last-child {
  margin-right: 0;
}

#movieList .itemList li h4 {
  padding: 3px 0;
  font-size: 14px;
  text-align: center;
}

#movieList .itemList li:hover h4 {
  background: #c80037;
  color: #fff;
}

/*--------------------------リアルタイム--------------------------*/

.realTimeContent li {
  margin-bottom: 20px;
}
.realTimeContent li .realtimeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.realTimeContent li figure {
  width: 240px;
  height: 320px;
  overflow: hidden;
  margin-right: 20px;
}
#shopEvent .thumb.flr {
  max-width: 300px;
  float: right;
  padding: 10px;
}
#shopEvent .thumb.fll {
  max-width: 300px;
  float: left;
  padding: 10px;
}
#information .thumb.flr {
  max-width: 300px;
  float: right;
  padding: 10px;
}
#information .thumb.fll {
  max-width: 300px;
  float: left;
  padding: 10px;
}
#information .info_txt,
#shopEvent .info_txt {
  display: block;
  padding: 10px;
}
#information .info_txt a {
  color: #c80037;
}
#information .info_txt a:hover {
  text-decoration: underline;
}
#masterBanner .shopban {
  width: 780px;
  height: 250px;
  overflow: hidden;
  margin: 20px auto 40px;
}
#masterBanner .shopban02 {
  margin: 40px auto;
}
.shopban img {
  margin: 0 auto;
  text-align: center;
  display: block;
}
/*----------------------------------無料ﾌﾟﾗﾝ-------------------------------------*/

#pickup_shop .girlslist {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#pickup_shop .girlslist li {
  width: 19.5%;
  margin-right: 0.5%;
  margin-bottom: 10px;
  overflow: hidden;
}
#pickup_shop .girlslist li .thumbnail {
  margin-bottom: 5px;
}
#pickup_shop .girlslist li:nth-child(5n) {
  margin-right: 0;
}
#campaign .contentwrap {
  overflow: hidden;
}
#campaign .thumb.flr {
  max-width: 300px;
  float: right;
  padding: 10px;
}
#campaign .thumb.fll {
  max-width: 300px;
  float: left;
  padding: 10px;
}
#campaign .thumb.p_top,
#campaign .thumb.p_bottom {
  display: block;
  padding: 10px;
  text-align: center;
}

/*---------------------アンダー割--------------------*/

#discountInformation .contentwrap {
  overflow: visible;
}

#discountInformation .contentwrap p {
  font-size: 14px;
}

#discountInformation .contentwrap h3 {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}

#discountInformation .contentwrap h3 span {
  font-size: 14px;
}

#discountInformation .contentwrap h3 span strong {
  color: #c80037;
  font-weight: bold;
}

#discountInformation .discount_data {
  width: 840px;
  margin: 0 auto;
}

#discountInformation .discount_data .play_b {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 10px;
  padding: 5px;
  background: repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) 3px,
      rgba(112, 43, 0, 0.1) 3px,
      rgba(112, 43, 0, 0.1) 6px
    ),
    linear-gradient(#d77a01 0, #bb4d00 100%);
  border-top: 1px solid #e4bc7e;
  border-bottom: 1px solid #a64500;
  outline: 1px solid #b73541;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
}

#discountInformation .discount_body {
  display: flex;
  flex-wrap: wrap;
}

#discountInformation .discount_body .left {
  width: 170px;
}

#discountInformation .discount_body .right {
  display: flex;
  flex-wrap: wrap;
  width: 654px;
  padding-left: 10px;
  align-items: flex-start;
}
#discountInformation .discount_body .right .coupon {
  box-sizing: border-box;
  position: relative;
  width: 467px;
  height: 162px;
  margin-right: 60px;
  padding: 5px 20px 0 80px;
  background: url("https://img.undernavi.com/front/pc/area/watched/coupon_bg.png")
    no-repeat;
}

#discountInformation .discount_body .right .coupon .after {
  display: block;
}

#discountInformation .discount_body .right .coupon .denial {
  text-decoration: line-through;
}

#discountInformation .discount_body .right .now span.label {
  display: inline-block;
  width: 160px;
  padding: 5px;
  background: #00c7b2;
  color: #fff;
  text-align: center;
}

#discountInformation .discount_body .right .after {
  display: flex;
  align-items: center;
}

#discountInformation .discount_body .right .after .watch {
  margin-right: 10px;
}

#discountInformation .discount_body .right .coupon .after .afterFee {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

#discountInformation .discount_body .right .coupon .afterFee span {
  color: #c80037;
  font-size: 48px;
  font-weight: bold;
  margin-left: 20px;
}

#discountInformation .discount_body .right .coupon .after .label {
  width: 330px;
  margin: 0 auto;
  border: 1px solid #999;
  border-radius: 30px;
  color: #999;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

#discountInformation .discount_body .right .coupon .after .note {
  font-size: 12px;
}

#discountInformation .discount_body .right .coupon .after .note span {
  color: #c80037;
  font-weight: bold;
}

#discountInformation .discount_body .right .qr {
  width: 120px;
  background: #f5f5f5;
  box-shadow: 1px 1px 1px #aaa;
}

#discountInformation .discount_body .right .qr p {
  text-align: center;
}

#discountInformation .discount_body .right dl {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
  background: #f5f5f5;
  border: 1px solid #aaa;
}

#discountInformation .discount_body .right dt {
  width: 20%;
  text-align: center;
}

#discountInformation .discount_body .right dd {
  padding: 0 10px;
  border-left: 1px solid #aaa;
  text-align: left;
}

#discountInformation .discount_body .right table {
  width: 100%;
  margin-top: 10px;
}

#discountInformation .discount_body .right thead tr {
  border: 1px solid #93b7c9;
}

#discountInformation .discount_body .right th {
  position: relative;
  padding: 10px 0;
  background: #00c7b2;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 0 #445963;
}

#discountInformation .discount_body .right th:not(:last-child):after {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  display: inline-block;
  width: 1px;
  height: 14px;
  box-shadow: -1px 0 1px 0 #fff;
  background: #445963;
}

#discountInformation .discount_body .right tr {
  background: #f5f5f5;
}

#discountInformation .discount_body .right td {
  position: relative;
  padding: 10px;
  border: 1px solid #aaa;
  text-align: center;
}

#discountInformation .discount_body .right td.note img.fade {
  opacity: 0.1;
}

#discountInformation .discount_body .right td.note img:hover + span {
  display: block;
}

#discountInformation .discount_body .right td.note span:hover {
  display: block;
}

#discountInformation .discount_body .right td.note span {
  display: none;
  position: absolute;
  top: -20px;
  right: 50px;
  width: 520px;
  min-height: 50px;
  padding: 20px;
  border: 2px solid #f7187c;
  border-radius: 5px;
  background: #fff;
  line-height: 1.6;
  text-align: left;
  z-index: 99;
}

#discountInformation .discount_body .right td.note span:before {
  content: "";
  position: absolute;
  right: -10px;
  top: 25px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 2px solid #f7187c;
  transform: rotate(45deg);
}

#discountInformation .discount_body .right td.note span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 20px;
  display: inline-block;
  width: 15px;
  height: 30px;
  background: #fff;
}

#discountInformation .discount_body .right .coupon .after .label strong {
  font-weight: bold;
}
#discountInformation .discount_body .right .coupon .after .label strong span {
  margin-right: 5px;
  font-size: 16px;
  font-weight: bold;
}
.groupTopBan {
  margin-bottom: 25px;
}
.groupList_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.groupList_item li {
  margin-bottom: 15px;
  width: 23.5%;
  margin-right: 2%;
}
.groupList_item li:nth-child(4n) {
  margin-right: 0;
}
.groupList_item li figure {
  margin-bottom: 10px;
  width: 225px;
  height: 225px;
  overflow: hidden;
}
.groupList_item li figure img {
  height: 100%;
}
.groupList_item {
  display: flex;
  flex-wrap: wrap;
}
.groupList_item .category {
  margin-bottom: 2px;
}
.groupList_item li:hover .shopName {
  color: #c80037;
  text-decoration: underline;
}
.btn_box.btn_boxnew {
  width: auto;
}

.photoblog_movie .imageCut a::after {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url("https://img.undernavi.com/front/pc/common/btn_movie.png")
    no-repeat center center;
}
#discountInformation .discount_data .more {
  margin-top: 20px;
}
.recruit_catch {
  margin: 10px 0;
}
.recruit_img {
  text-align: center;
  margin-bottom: 10px;
}
.recruit_img img {
  max-width: 100%;
}
.recruit_detail {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: none;
  margin-bottom: 10px;
}
.recruit_detail dt {
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: center;
  background: #ffe8e2;
}
.recruit_detail dd {
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 70%;
  box-sizing: border-box;
}

.recruit_txt {
  margin: 10px 0;
}
.click_job.recruit_btn {
  background: #00b7bf;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  margin: 0 auto;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.click_job.recruit_btn.simulator_btn {
  background: #ff6666;
}

.recruit_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.milk_btn {
  display: flex;
  justify-content: space-between;
}
.milk_btn .click_job.recruit_btn.simulator_btn,
.milk_btn .click_job.recruit_btn.simulator_btn + a {
  width: 49%;
  margin: 0;
}
.rec_inner {
  width: calc((100% / 2) - 10px);
}
.milk_ttl {
  background: #ff6371;
  color: #fff;
  padding: 5px;
  margin-bottom: 10px;
}
.click_job.recruit_btn.recruit_btn_free {
  width: 40%;
}

/*************************************************************

決済モーダル

*************************************************************/
.pay_modal_contents {
  width: 700px;
}
.pay_modal-block {
  background: #ffffe1;
  border-radius: 10px;
  width: 42%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.pay_modal_inner {
  display: flex;
  justify-content: space-between;
}
.pay_modal_btn {
  margin-top: auto;
}
.pay_modal_contents h2 {
  background: #ffffe1;
  padding: 15px 0;
  border-radius: 10px;
  text-align: center;
  color: #f19147;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.modal_closer {
  text-align: right;
  display: block;
  margin-left: auto;
  margin-bottom: 10px;
}
.pay_modal_ttl {
  font-size: 18px;
  border-left: 3px solid #f0924a;
  padding-left: 10px;
  color: #f0924a;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.pay_modal_ttl-item {
  background: #f0924a;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.credit_on {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px;
}
.pay_modal_txt {
  font-size: 13px;
}
.pay_modal_card-list {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.pay_modal_card-list li {
  width: 25%;
  text-align: center;
}
.pay_modal_txt {
  max-height: 90px;
  overflow: auto;
  margin-bottom: 20px;
}
.secWhatsnew_list-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.secWhatsnew_list-date {
  margin-bottom: 10px;
  display: inline-block;
}
.secWhatsnew_list-item {
  display: flex;
}
.secWhatsnew_list-thumb {
  margin-right: 20px;
  max-width: 30%;
}
.secWhatsnew_list-txtData.txtData {
  flex: 1;
}
.event_list-item {
  display: flex;
}
.event_list-thumb {
  max-width: 30%;
  margin-right: 20px;
}
.event_list-txtData.txtData {
  flex: 1;
}
.event_list-date {
  margin-bottom: 10px;
  display: inline-block;
}
.event_list-course {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.event_list-body {
  line-height: initial;
}
.secQr_item {
  display: flex;
}
.secQr_thumb {
  width: 20%;
  text-align: center;
}
.secQr_txtData.txtData {
  flex: 1;
}
.secFree_ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.secFree_txtData img {
  margin: 10px 0;
}
.free_body img {
  margin: 10px 0;
}

.jsMarquee_top {
  border: none;
  position: relative;
  display: block;
  height: 3em;
  padding: 0;
  line-height: 3;
  overflow: hidden;
  font-weight: bold;
  width: 100%;
}
.jsMarquee_top li {
  position: absolute;
  top: -999em;
  left: 0;
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  overflow: visible;
}
.jsMarquee_top li:not(.marquee-showing) {
  display: none;
  opacity: 0;
}
.jsMarquee_top li div {
  height: 100%;
  position: absolute;
  width: 9999px;
}
.jsMarquee_top li span {
  display: block;
  text-decoration: none;
  line-height: 40px;
  padding-left: 5px;
  position: relative;
}
#headline {
  margin-bottom: 20px;
}

.discountInformation_new .discount_body {
  display: flex;
}
#discountInformation.discountInformation_new .discount_body {
  gap: 0 40px;
}
#discountInformation.discountInformation_new .discount_body .right {
  display: block;
  width: auto;
  padding-left: 0;
  align-items: flex-start;
  flex: 1;
}
.discountInformation_new .discount_name {
  font-size: 25px;
  color: var(--c-red-color);
  font-weight: bold;
  margin: 10px 0;
}
.item_list-inner {
  display: flex;
  margin-bottom: 10px;
}
.item_list-coupon {
  flex: 1;
  overflow: hidden;
  position: relative;
  background: #fefbee;
  padding: 20px 0px 20px 40px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item_list-coupon::before {
  content: "";
  display: inline-block;
  background: url("https://img.undernavi.com/front/pc/area/pref/coupon_bg.png")
    no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
#discountInformation.discountInformation_new .item_list-coupon .normal {
  font-size: 18px;
}
#discountInformation.discountInformation_new .galName a {
  color: var(--c-red-color);
  font-weight: bold;
  font-size: 18px;
}
.item_list-coupon .price {
  color: #ff0000;
  line-height: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.item_list-coupon .p_minute {
  font-size: 40px;
  font-weight: bold;
}
.item_list-coupon .afterFee em {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.item_list-coupon .p_after_price {
  font-size: 49px;
  font-weight: bold;
}
.item_list-coupon .after_yen {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.price_off,
.extend_time {
  display: inline-flex;
  background: #f00;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  position: relative;
  top: -15px;
  margin-left: 10px;
  font-size: 14px;
}
.item_list-coupon .qr p {
  text-align: center;
  margin-bottom: 5px;
}
#discountInformation.discountInformation_new .discount_body .qr {
  padding: 10px 0;
  background: #fefbee;
}

#discountInformation.discountInformation_new .qr_txt {
  color: var(--c-red-color);
  line-height: 1;
  font-size: 11px;
}
.usable_condition {
  background: #f2f2f2;
  padding: 15px 30px;
}
#discountInformation.discountInformation_new .galName,
#discountInformation.discountInformation_new .size {
  margin-bottom: 10px;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  line-height: 1;
}

.usable_condition span {
  font-weight: bold;
}
.discountInformation_new .discount_body .left figure {
  margin-bottom: 10px;
}
.slick-slide.slick-slide-first {
  display: block;
}
#gravureList.gravureList-normal {
  clear: both;
}
.shopBanner_normal .slick-slide.slick-slide-first {
  float: none;
}
.shopBanner_normal .slick-list .slick-slide.slick-slide-first {
  float: left;
}
.shopBanner_normal .slick-slide img {
  width: auto;
  margin: 0 auto;
}
.shopBanner_normal .slick-list .slick-slide img {
  width: 100%;
}
#gravure_slide .slick-track {
  float: left;
}
#gravure_slide .premium_list {
  padding: 20px;
  text-align: center;
}