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

#content .w1 {
	width: 300px;
}
#content .w2 {
	width: 610px;
}
#content .w3 {
	width: 920px;
}
#content .h1 {
	height: 300px;
}
#content .h2 {
	height: 610px;
}
#content .h3 {
	height: 920px;
}
#content .h1 .inner {
	height: 264px;
}
#content .h2 .inner {
	height: 574px;
}
#content .h3 .inner {
	height: 884px;
}
#layout {
	position: relative;
}
#layout > .pannel {
	position: absolute;
	background: #fff;
}
#layout > section h1 {
	height: 35px;
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 35px;
}
#layout > section h1 span {
	display: block;
	width: 300px;
	text-indent: -9999px;
}

#layout .w1 h1 {background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_title_w1.png);}
#layout .w2 h1 {background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_title_w2.png);}
#layout .w3 h1 {background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_title_w3.png);}

#layout > section .inner {
	position: relative;
	border: solid 1px #999;
	border-top: none;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#layout > section .title {
	font-size: 108%;
	font-weight: bold;
}
#layout > section .date {
	display: block;
	padding-bottom: 5px;
	font-size: 85%;
}
#layout > section .body {
	line-height: 1.6;
}

/* #headline
***********************************/
#headline {
	margin: 0 0 10px;
	width: 920px;
	height: 40px;
	background: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_headline.png) left top no-repeat;
	overflow: hidden;
}
#headline .textBox {
	margin: 6px 0 0 141px;
	width: 771px;
	height: 28px;
	overflow: hidden;
}
#headline .textBox li {
	display: block;
	padding:0 10px;
	width: 751px;
	height: 28px;
	text-align: left;
	line-height: 28px;
	overflow: hidden;
}
#headline .textBox li.color1, #headline .textBox li.color1 a {
	color: #FF0000;
	background: #FFFFFF;
}

.marquee_new li.color1.marquee-showing div {
	color: #FF0000;
	background: #FFFFFF;
}
.marquee_new li.color1.marquee-showing span {
	color: #FF0000;
}

.marquee_new li.color1 a {
	color: #FF0000;
	text-decoration:none;
}


/* メンテナンス告知 */
#content .maintenance {
	width: 920px;
	margin: 0 0 10px;
	overflow: hidden;
}
#content .maintenance a {
	display: block;
	padding: 10px 0;
	color: #990000;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #cccccc;
}

/* #secEvent
***********************************/

#secEvent ul li {
	display: block;
	padding: 10px;
	border-bottom: dotted 1px #999;
}
#secEvent ul li:last-child {
	border-bottom: none;
}
#secEvent ul li .thumb {
	display: block;
	float: left;
	width: 184px;
	height: 245px;
	overflow: hidden;
}
#secEvent ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 184px;
	max-height: 245px;
	vertical-align: top;
}
#secEvent ul li .txtData {
	padding-left: 194px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secEvent ul li.noImg .txtData {
	padding-left: 0;
}
#secEvent.w1 ul li .thumb {
	width: 120px;
	height: 160px;
}
#secEvent.w1 ul li .thumb img {
	max-width: 120px;
	max-height: 160px;
}
#secEvent.w1 ul li .txtData {
	padding-left: 130px;
}
#secEvent.w1 ul li.noImg .txtData {
	padding-left: 0;
}

/* #secNews
***********************************/

#secNews ul li {
	display: block;
	padding: 10px;
	border-bottom: dotted 1px #999;
}
#secNews ul li:last-child {
	border-bottom: none;
}
#secNews ul li .thumb {
	display: block;
	float: left;
	width: 184px;
	height: 245px;
	overflow: hidden;
}
#secNews ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 184px;
	max-height: 245px;
	vertical-align: top;
}
#secNews ul li .txtData {
	padding-left: 194px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
}
#secNews ul li.noImg .txtData {
	padding-left: 0;
}
#secNews ul li .txtData img {
	max-width: 100%;
}
#secNews.w1 ul li .thumb {
	width: 120px;
	height: 160px;
}
#secNews.w1 ul li .thumb img {
	max-width: 120px;
	max-height: 160px;
}
#secNews.w1 ul li .txtData {
	padding-left: 130px;
}
#secNews.w1 ul li.noImg .txtData {
	padding-left: 0;
}

/* #secCover
***********************************/
#layout > #secCover .inner {
	height: 300px;
	overflow: hidden;
}
#layout > #secCover.h2 .inner {
	height: 610px;
}
#layout > #secCover.h3 .inner {
	height: 920px;
}

#layout > #secCover .slides_container,
#layout > #secCover .slides_container li,
#layout > #secCover .slick_container,
#layout > #secCover .slick_container .slick_container-item {
	display: block;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
#layout > #secCover.w2 .slides_container,
#layout > #secCover.w2 .slides_container li,
#layout > #secCover.w2 .slick_container,
#layout > #secCover.w2 .slick_container .slick_container-item {
	width: 610px;
}
#layout > #secCover.w3 .slides_container,
#layout > #secCover.w3 .slides_container li,
#layout > #secCover.w3 .slick_container,
#layout > #secCover.w3 .slick_container .slick_container-item {
	width: 920px;
}
#layout > #secCover.h2 .slides_container,
#layout > #secCover.h2 .slides_container li,
#layout > #secCover.h2 .slick_container,
#layout > #secCover.h2 .slick_container .slick_container-item {
	height: 610px;
}
#layout > #secCover.h3 .slides_container,
#layout > #secCover.h3 .slides_container li,
#layout > #secCover.h3 .slick_container,
#layout > #secCover.h3 .slick_container .slick_container-item {
	height: 920px;
}

#layout > #secCover img {
	width: auto !important;
	height: auto;
	max-width: 300px;
	max-height: 300px;
	vertical-align: top;
	margin: 0 auto;
}
#layout > #secCover.w2 img {
	max-width: 610px;
}
#layout > #secCover.w3 img {
	max-width: 920px;
}
#layout > #secCover.h2 img {
	max-height: 610px;
}
#layout > #secCover.h3 img {
	max-height: 920px;
}

/* #secPickup
***********************************/
#layout > #secPickup .inner {
	height: 300px;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#layout > #secPickup.h2 .inner {
	height: 608px;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#layout > #secPickup.h3 .inner {
	height: 920px;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#secPickup ul {
	margin: 0 auto;
	padding: 10px 0 0;
}
#secPickup.w1 {
	background: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_pickup_w1.png) left top repeat;
}
#secPickup.w2 {
	background: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_pickup_w2.png) left top repeat;
}
#secPickup.w3 {
	background: url(https://img.undernavi.com/chugoku/club-ador/parts/bg_pickup_w3.png) left top repeat;
}
#secPickup.w1 ul {
	width: 185px;
}
#secPickup.w2 ul {
	width: 575px;
}
#secPickup.w3 ul {
	width: 890px;
}
#secPickup ul li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: 185px;
	height: 280px;
	overflow: hidden;
}
#secPickup.w1 ul li {
	margin-right: 0;
}
#secPickup.w3 ul li {
	width: 170px;
}
#secPickup.w2 ul li:nth-of-type(3n) {
	margin-right: 0;
}
#secPickup.w3 ul li:nth-of-type(5n) {
	margin-right: 0;
}
#secPickup ul li .thumb {
	display: block;
	width: 185px;
	/*height: 247px;*/
	height: 232px;
	overflow: hidden;
}
#secPickup ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 185px;
	/*max-height: 247px;*/
	max-height: 232px;
	vertical-align: top;
}
#secPickup.w3 ul li .thumb {
	width: 170px;
	height: 227px;
}
#secPickup.w3 ul li .thumb img {
	max-width: 170px;
	max-height: 227px;
}
#secPickup ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secPickup.w3 ul li .txtData h2 {
	margin-top: 5px;
}
#secPickup ul li .txtData .ladyProf {
	display: block;
	margin-top: 5px;
	font-size: 85%;
	color: #fff;
}

/* #secSchedule
***********************************/
#secSchedule ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secSchedule.w1 ul {
	padding: 0;
}
#secSchedule.w2 ul {
	width: 584px;
}
#secSchedule.w3 ul {
	width: 890px;
}
#secSchedule ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secSchedule.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
#secSchedule.w3 ul li {
	margin: 0 10px 10px 0;
}
#secSchedule.w1 ul li:last-child {
	border-bottom: none;
}
#secSchedule.w2 ul li:nth-of-type(4n) {
	margin-right: 0;
}
#secSchedule.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secSchedule ul li .thumb {
	display: block;
	width: 120px;
	height: 160px;
	overflow: hidden;
	position: relative;
}
#secSchedule ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
#secSchedule.w1 ul li .thumb {
	display: block;
	float: left;
	width: 86px;
	height: 115px;
	overflow: hidden;
	position:relative;
}
#secSchedule ul li .newIcon {
	position: absolute;
	bottom: 0;
	right: 0;
}
#secSchedule ul li .photoblog {
	position: absolute;
	bottom: 0;
	left: 0;
}
#secSchedule ul li .icon_box .photoblog, #secSchedule ul li .icon_box .newIcon {
	position: static;
	width: 25%;
}
#secSchedule ul li .photoblog img {
	vertical-align: top;
}
#secSchedule.w1 ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 86px;
	max-height: 115px;
	vertical-align: top;
}
#secSchedule.w1 ul li .txtData {
	padding-left: 96px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secSchedule ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secSchedule ul li .txtData .ladyProf {
	font-size: 93%;
}
#secSchedule ul li .txtData span {
	display: block;
}
#secSchedule ul li .txtData .workTime {
	background: #000;
	color: #fff;
	text-align: center;
}
#secSchedule.w1 ul li .txtData h2 {
	padding: 5px 2px;
	background: #999;
}
#secSchedule.w1 ul li .txtData .ladyProf {
	margin-top: 10px;
}
#secSchedule.w1 ul li .txtData .workTime {
	margin-top: 10px;
}

/* #secLady
***********************************/
#secLady ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secLady.w1 ul {
	padding: 0;
}
#secLady.w2 ul {
	width: 584px;
}
#secLady.w3 ul {
	width: 890px;
}
#secLady ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
	position:relative;
}
#secLady ul li p.typeIcons2 {
	text-align: left;
	position: absolute;
	top: 113px;
	left: 27px;
}
#secLady ul li p.typeIcons img {
	margin-right: 1px;
	margin-bottom: -3px;
}
#secLady.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
#secLady.w3 ul li {
	margin: 0 10px 10px 0;
}
#secLady.w1 ul li:last-child {
	border-bottom: none;
}
#secLady.w2 ul li:nth-of-type(4n) {
	margin-right: 0;
}
#secLady.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secLady ul li .thumb {
	display: block;
	position: relative;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
#secLady ul li.new .thumb:before {
	content: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_new.png);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 14px;
}
#secLady.w1 ul li .thumb:before {
	content: none;
}
#secLady ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
#secLady.w1 ul li .thumb {
	display: block;
	float: left;
	width: 86px;
	height: 115px;
	overflow: hidden;
}
#secLady.w1 ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 86px;
	max-height: 115px;
	vertical-align: top;
}
#secLady.w1 ul li .txtData {
	padding-left: 96px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secLady ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secLady ul li .txtData .ladyProf {
	margin-top: 10px;
	font-size: 93%;
}
#secLady ul li .txtData span {
	display: block;
}
#secLady ul li .txtData .workTime {
	background: #000;
	color: #fff;
	text-align: center;
}
#secLady.w1 ul li .txtData h2 {
	padding: 5px 2px;
	background: #999;
}
#secLady.w1 ul li .txtData .ladyProf {
	margin-top: 10px;
}
#secLady.w1 ul li.new .txtData .ladyProf:after {
	content: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_new.png);
	display: block;
	margin-top: 10px;
}
#secLady.w1 ul li .txtData .workTime {
	margin-top: 10px;
}

/* #secNewface
***********************************/
#secNewface ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secNewface.w1 ul {
	padding: 0;
}
#secNewface.w2 ul {
	width: 584px;
}
#secNewface.w3 ul {
	width: 890px;
}
#secNewface ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secNewface.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
#secNewface.w3 ul li {
	margin: 0 10px 10px 0;
}
#secNewface.w1 ul li:last-child {
	border-bottom: none;
}
#secNewface.w2 ul li:nth-of-type(4n) {
	margin-right: 0;
}
#secNewface.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secNewface ul li .thumb {
	display: block;
	position: relative;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
#secNewface ul li .thumb:before {
	content: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_new.png);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 14px;
}
#secNewface ul .ladyList_item .thumb:before {
	content:"";
}
#secNewface.w1 ul li .thumb:before {
	content: "";
}
#secNewface ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
#secNewface.w1 ul li .thumb {
	display: block;
	float: left;
	width: 86px;
	height: 115px;
	overflow: hidden;
}
#secNewface.w1 ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 86px;
	max-height: 115px;
	vertical-align: top;
}
#secNewface.w1 ul li .txtData {
	padding-left: 96px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secNewface ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secNewface ul li .txtData .ladyProf {
	margin-top: 10px;
	font-size: 93%;
}
#secNewface ul li .txtData span {
	display: block;
}
#secNewface ul li .txtData .workTime {
	background: #000;
	color: #fff;
	text-align: center;
}
#secNewface.w1 ul li .txtData h2 {
	padding: 5px 2px;
	background: #999;
}
#secNewface.w1 ul li .txtData .ladyProf {
	margin-top: 10px;
}
#secNewface.w1 ul li .txtData .ladyProf:after {
	content: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_new.png);
	display: block;
	margin-top: 10px;
}
#secNewface.w1 ul .ladyList_item .txtData .ladyProf:after {
	content:"";
}
#secNewface.w1 ul li .txtData .workTime {
	margin-top: 10px;
}

.icon_box {
	display: flex;
	align-items: end;
	gap: 0 5px;
	margin-top: 10px;
}
.icon_box .photoblog img {
	width: 100%;
}


.ladyList_item .photoblog {
	position: absolute;
	left: 0;
	bottom: 0px;
}
#secNewface .ladyList_item .photoblog img, #secSchedule .ladyList_item .photoblog img, #secRealtime .ladyList_item .photoblog img,
#secLady .ladyList_item .photoblog img {
	width: 100%;
}
#secNewface .ladyList_item .photoblog, #secSchedule .ladyList_item .photoblog, #secRealtime .ladyList_item .photoblog,
#secLady .ladyList_item .photoblog {
	width: 35%;
}
#secNewface .ladyList_item .newIcon, #secRealtime .ladyList_item .newIcon,
#secLady .ladyList_item .newIcon {
	position: absolute;
	right: 0;
	bottom: 0px;
}
#secNewface .ladyList_item .newIcon img, #secRealtime .ladyList_item .newIcon img,
#secLady .ladyList_item .newIcon img, #secSchedule .ladyList_item .newIcon img {
	vertical-align: bottom;
}

#secNewface.w1 .ladyList_item .photoblog, #secRealtime.w1 .ladyList_item .photoblog,
#secLady.w1 .ladyList_item .photoblog {
	position: static;
	width:25%;
}
#secNewface.w1 .ladyList_item .newIcon, #secRealtime.w1 .ladyList_item .newIcon,
#secLady.w1 .ladyList_item .newIcon {
	position: static;
}
#secNewface.w1 .ladyList_item .newIcon img, #secRealtime.w1 .ladyList_item .newIcon img,
#secLady.w1 .ladyList_item .newIcon img {
  vertical-align: bottom;
}
#secNewface.w1 .ladyList_item .photoblog img, #secRealtime.w1 .ladyList_item .photoblog img,
#secLady.w1 .ladyList_item .photoblog img {
	vertical-align: bottom;
}
/* #secRealtime
***********************************/
#secRealtime ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secRealtime.w1 ul {
	padding: 0;
}
#secRealtime.w2 ul {
	width: 584px;
}
#secRealtime.w3 ul {
	width: 890px;
}
#secRealtime ul li {
	display: block;
	position: relative;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
	z-index:0;
}
#secRealtime.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
#secRealtime.w3 ul li {
	margin: 0 10px 10px 0;
}
#secRealtime.w1 ul li:last-child {
	border-bottom: none;
}
#secRealtime.w2 ul li:nth-of-type(4n) {
	margin-right: 0;
}
#secRealtime.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secRealtime ul li .thumb {
	display: block;
	position: relative;
	width: 120px;
	height: 160px;
	overflow: hidden;
	z-index: 1;
}
#secRealtime ul li.new .thumb:after {
	content: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_new.png);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 14px;
	z-index: 5;
}
#secRealtime ul li a.photo {
	display: block;
	width: 120px;
	height: 160px;
}
#secRealtime.w1 ul li a.photo {
	float:left;
	width: 86px;
	height: 115px;
}
#secRealtime ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
	z-index: 1;
}
#secRealtime ul li a.photo .state {
	position: absolute;
	width: 44px;
	height: 44px;
	left:-1px;
	top: -1px;
	z-index: 5;
}
#secRealtime ul .ladyList_item .state {
	position: absolute;
	left: 0;
	top: 0;
}
#secRealtime.w1 ul li .thumb {
	display: block;
	float:left;
	width: 86px;
	height: 115px;
	overflow: hidden;
}
#secRealtime.w1 ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 86px;
	max-height: 115px;
	vertical-align: top;
}
#secRealtime.w1 ul li .txtData {
	padding-left: 96px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secRealtime ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secRealtime ul li .txtData .ladyProf {
	margin-top: 10px;
	font-size: 85%;
}
#secRealtime ul li .txtData span {
	display: block;
}
#secRealtime ul li .txtData .workTime {
	font-size: 85%;
}
#secRealtime ul li .txtData .status {
	color: #900;
	font-weight: bold;
}
#secRealtime ul li .txtData .comment {
	margin-top: 5px;
	font-size: 85%;
}
#secRealtime.w1 ul li .txtData h2 {
	padding: 5px 2px;
	background: #999;
}
#secRealtime.w1 ul li .txtData .workTime {
	margin-top: 5px;
}

/* .secRanking ※位置情報にIDを使うのでclassで
***********************************/
.secRanking > h2 {
	position: absolute;
	right: 10px;
	top: 0;
	font-weight: bold;
	line-height: 35px;
}
.secRanking > h2:before {
	content: "＜";
}
.secRanking > h2:after {
	content: "＞";
}
.secRanking ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
.secRanking.w1 ul {
	padding: 0;
}
.secRanking.w2 ul {
	width: 584px;
}
.secRanking.w3 ul {
	width: 890px;
}
.secRanking ul li {
	display: block;
	position: relative;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
.secRanking.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
.secRanking.w3 ul li {
	margin: 0 10px 10px 0;
}
.secRanking.w1 ul li:last-child {
	border-bottom: none;
}
.secRanking.w2 ul li:nth-of-type(4n) {
	margin-right: 0;
}
.secRanking.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
.secRanking ul li .thumb {
	display: block;
	position: relative;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
.secRanking ul li.new .thumb:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 14px;
	background: transparent url(https://img.undernavi.com/chugoku/club-ador/parts/icon_new.png) right bottom no-repeat;
}
.secRanking.w1 ul li .thumb:before {
	background-image: none;
}
.secRanking ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
.secRanking.w1 ul li .thumb {
	display: block;
	float: left;
	width: 86px;
	height: 115px;
	overflow: hidden;
}
.secRanking.w1 ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 86px;
	max-height: 115px;
	vertical-align: top;
}
.secRanking.w1 ul li .txtData {
	padding: 23px 0 0 96px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.secRanking ul li .rankNum {
	height: 18px;
	font-size: 108%;
	font-weight: bold;
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.secRanking ul li:nth-of-type(1) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank1.png);
}
.secRanking ul li:nth-of-type(2) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank2.png);
}
.secRanking ul li:nth-of-type(3) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank3.png);
}
.secRanking ul li:nth-of-type(4) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank4.png);
}
.secRanking ul li:nth-of-type(5) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank5.png);
}
.secRanking ul li:nth-of-type(6) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank6.png);
}
.secRanking ul li:nth-of-type(7) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank7.png);
}
.secRanking ul li:nth-of-type(8) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank8.png);
}
.secRanking ul li:nth-of-type(9) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank9.png);
}
.secRanking ul li:nth-of-type(10) .rankNum {
	background-image: url(https://img.undernavi.com/chugoku/club-ador/parts/icon_rank10.png);
}
.secRanking.w1 ul li .rankNum {
	position: absolute;
	left: 105px;
	top: 10px;
	right: 9px;
	background-image: none;
	background: #d4d4d4;
	text-indent: 0;
}
.secRanking.w1 ul li:nth-of-type(1) .rankNum {
	background: #ab8d47;
	color: #fff;
}
.secRanking.w1 ul li:nth-of-type(2) .rankNum {
	background: #a1a1a1;
	color: #fff;
}
.secRanking.w1 ul li:nth-of-type(3) .rankNum {
	background: #ab6147;
	color: #fff;
}
.secRanking.w1 ul li:nth-of-type(n+4) .rankNum {
	font-weight: normal;
}

.secRanking ul li .txtData .ladyName {
	font-weight: bold;
}
.secRanking ul li .txtData .ladyProf {
	margin-top: 5px;
	font-size: 85%;
}
.secRanking ul li .txtData span,
.secRanking ul li .txtData em {
	display: block;
}
.secRanking ul li .txtData .workTime {
	background: #000;
	color: #fff;
	text-align: center;
}

.secRanking.w1 ul li .txtData .ladyProf {
	margin-top: 10px;
}


/* #secMovie + special_movie
***********************************/
#secMovie ul,
#secSpecialmovie ul {
	position: relative;
	margin: 0 auto;
	padding: 11px 0 0;
}
#secMovie.w2 ul,
#secSpecialmovie.w2 ul {
	width: 584px;
}
#secMovie.w3 ul,
#secSpecialmovie.w3 ul {
	width: 890px;
}
#secMovie ul li,
#secSpecialmovie ul li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 9px 8px;
	width: 170px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secMovie.w1 ul li,
#secSpecialmovie.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
#secMovie.w1 ul li:last-child,
#secSpecialmovie.w1 ul li:last-child {
	border-bottom: none;
}
#secMovie.w3 ul li,
#secSpecialmovie.w3 ul li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 9px 8px;
	width: 197px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secMovie.w2 ul li:nth-of-type(3n),
#secSpecialmovie.w2 ul li:nth-of-type(3n) {
	margin-right: 0;
}
#secMovie.w3 ul li:nth-of-type(4n),
#secSpecialmovie.w3 ul li:nth-of-type(4n) {
	margin-right: 0;
}
#secMovie ul li h2,
#secSpecialmovie ul li h2 {
	margin-bottom: 5px;
	padding: 5px 2px;
	background: #999;
}
#secMovie ul li .thumb,
#secSpecialmovie ul li .thumb {
	display: block;
	position: relative;
	width: 170px;
	height: 98px;
	overflow: hidden;
}
#secMovie ul li .thumb img,
#secSpecialmovie ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 170px;
	max-height: 98px;
	vertical-align: top;
}
#secMovie.w3 ul li .thumb,
#secSpecialmovie.w3 ul li .thumb {
	width: 197px;
	height: 113px;
}
#secMovie.w3 ul li .thumb img,
#secSpecialmovie.w3 ul li .thumb img {
	max-width: 197px;
	max-height: 113px;
}
#secMovie.w1 ul li .thumb,
#secSpecialmovie.w1 ul li .thumb {
	float: left;
	width: 136px;
	height: 78px;
}
#secMovie.w1 ul li .thumb img,
#secSpecialmovie.w1 ul li .thumb img {
	max-width: 136px;
	max-height: 78px;
}
#secMovie.w1 ul li .txtData,
#secSpecialmovie.w1 ul li .txtData {
	padding-left: 146px;
	text-align: left;
}
#secMovie ul li .txtData h3,
#secSpecialmovie ul li .txtData h3 {
	margin-top: 5px;
	font-weight: bold;
}
#secMovie ul li .txtData .ladyProf,
#secSpecialmovie ul li .txtData .ladyProf {
	margin-top: 5px;
	font-size: 93%;
}
#secMovie.w3 ul li .txtData .ladyProf br,
#secSpecialmovie.w3 ul li .txtData .ladyProf br {
	display: none;
}
#secMovie ul li .txtData span,
#secSpecialmovie ul li .txtData span {
	display: block;
}
#secMovie ul li .playBtn,
#secSpecialmovie ul li .playBtn {
	position: relative;
	display: block;
	margin: 5px 0 0;
	border: solid 1px #999;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	-pie-background: linear-gradient(#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	behavior: url(/js/web/lib/PIE.htc);
	color: #000;
	font-size: 108%;
	line-height: 2;
	text-align: center;
	text-decoration: none;
}
#secMovie.w1 ul li .playBtn,
#secSpecialmovie.w1 ul li .playBtn {
	display: none;
}


/* #secPhotoblog
***********************************/
#secPhotoblog ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secPhotoblog.w1 ul {
	padding: 0;
}
#secPhotoblog.w2 ul {
	width: 584px;
}
#secPhotoblog.w3 ul {
	width: 890px;
}
#secPhotoblog ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secPhotoblog.w1 ul li {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	border: none;
	border-bottom: dotted 1px #999;
}
#secPhotoblog.w3 ul li {
	margin: 0 10px 10px 0;
}
#secPhotoblog.w1 ul li:last-child {
	border-bottom: none;
}
#secPhotoblog.w2 ul li:nth-of-type(4n) {
	margin-right: 0;
}
#secPhotoblog.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secPhotoblog ul li .thumb {
	display: block;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
#secPhotoblog ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
#secPhotoblog.w1 ul li .thumb {
	display: block;
	float: left;
	width: 86px;
	height: 115px;
	overflow: hidden;
}
#secPhotoblog.w1 ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 86px;
	max-height: 115px;
	vertical-align: top;
}
#secPhotoblog ul li .txtData {
	text-align: left;
}
#secPhotoblog.w1 ul li .txtData {
	padding-left: 96px;
}
#secPhotoblog ul li .txtData h2 {
	margin-top: 5px;
	padding: 2px 5px;
	background: #999;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}
#secPhotoblog ul li .txtData .title {
	display: block;
	margin-top: 5px;
	font-size: 93%;
}
#secPhotoblog ul li .txtData .date {
	display: block;
	maegin-top: 5px;
	padding: 0;
	font-size: 85%;
	line-height: 1.2;
}
#secPhotoblog ul li .txtData .body {
	font-size: 85%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
}
#secPhotoblog.w1 ul li .txtData .date {
	margin-top: 5px;
}
#secPhotoblog.w1 ul li .txtData .body {
	margin-top: 5px;
}

/* #secFreecontents
***********************************/
.secFree .inner {
	position: relative;
}
.secFree .txtData {
	padding: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.secFree .txtData img {
	max-width: 100%;
}
* html .secFree.w1 .txtData img {
	width: expression(document.body.clientWidth > 279? "278px" : "auto");
}
*+html .secFree.w1 .txtData img {
	width: expression(document.body.clientWidth > 279? "278px" : "auto");
}
* html .secFree.w2 .txtData img {
	width: expression(document.body.clientWidth > 589? "588px" : "auto");
}
*+html .secFree.w2 .txtData img {
	width: expression(document.body.clientWidth > 589? "588px" : "auto");
}
* html .secFree.w3 .txtData img {
	width: expression(document.body.clientWidth > 899? "898px" : "auto");
}
*+html .secFree.w3 .txtData img {
	width: expression(document.body.clientWidth > 899? "898px" : "auto");
}

/* #secQr
***********************************/
#secQr .inner {
	position: relative;
}
#secQr .thumb {
	display: inline-block;
	float: right;
	width: 200px;
	text-align: center;
}
* html #secQr .thumb {
	display: inline;
	zoom: 1;
}
*+html #secQr .thumb {
	display: inline;
	zoom: 1;
}
#secQr .txtData {
	padding: 0 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secQr.w1 .thumb {
	float: none;
	padding-top: 40px;
}
#secQr.w2 .thumb,
#secQr.w3 .thumb {
	padding-top: 45px;
}
#secQr.w2 .txtData,
#secQr.w3 .txtData {
	padding: 110px 200px 0 10px;
}

#secQa ul li {
	display:block;
	padding:10px;
	border-bottom:dotted 1px #999;
}
#secQa ul li:last-child {
	border-bottom:none;
}
#secQa ul li .txtData {
	text-align:justify;
	text-justify:inter-ideograph;
}
#secQa ul li .txtData h2.title {
	position:relative;
	padding-left:1.5em;
}
#secQa ul li .txtData h2.title:before {
	content:"Q.";
	position:absolute;
	left:0;
}
#secQa ul li .txtData .body {
	position:relative;
	margin-top:0.5em;
	padding-left:1.5em;
}
#secQa ul li .txtData .body:before {
	content:"A.";
	position:absolute;
	left:0;
}
/* .topBnr
***********************************/
.topBnr .inner {
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#layout > .topBnr .inner {
	height: 300px;
}
#layout > .topBnr.h2 .inner {
	height: 610px;
}
#layout > .topBnr.h3 .inner {
	height: 920px;
}
.topBnr img {
	max-width: 100%;
	vertical-align: text-top;
	height: auto !important;
	line-height: 0;
}



/* premium */
.bx-viewport {
	height: auto !important;
}
.premium_list {
	padding: 10px 0;
	color: #fff;
	background: #0E0E0E;
}
.premium_list li {
	height: 199px;
}
#gravure_slide {
  width: 100%;
  background: #000000;
}
#gravure_slide.debug01 .bx-wrapper {
    margin: 0px auto;
}

.premium_list li img {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.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:hover .prof {
	display: block;
}
.premium_list li .prof .inbox {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.inbox p {
    font-weight: bold;
    font-size: 116%;
    color: #86B8F7;
}
.inbox p span {
    color: #fff;
    font-family: serif;
    font-size: 131%;
}

/* 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;
}

/* shopbanner 店舗バナー */
#shopbanner .slick-arrow {
	display: none !important;
	width: 45px;
	height: 69px;
}
#shopbanner:hover .slick-arrow {	display: block !important;}
#shopbanner .slick-prev:before,
#shopbanner .slick-next:before {
	width: 45px;
	height: 69px;
}
#shopbanner .slick-prev:before {
	background-image: url(https://img.undernavi.com/portal/web/chugoku/common/arrow_bx_prev.png);
}
#shopbanner .slick-next:before {
	background-image: url(https://img.undernavi.com/portal/web/chugoku/common/arrow_bx_next.png);
}

/* atsumare box */
#atsumare_box {
	display: block;
	margin: 10px 0 10px;
	padding: 10px;
	color: #000000;
	border: 1px solid #999999;
	background: rgba(255, 255, 255, 0.6);
	overflow: hidden;
}
#atsumare_box figure {
	display: block;
	float: left;
	width: 556px;
	height: 246px;
	margin-right: 5px;
	overflow: hidden;
}
#atsumare_box figure img,
#atsumare_box .rbox .movie_box img {
	max-width: 100%;
	vertical-align: top;
}
#atsumare_box .rbox {
	display: block;
	float: left;
	width: 337px;
	overflow: hidden;
}
#atsumare_box .rbox .movie_box {
	display: block;
	height: 170px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
#atsumare_box .rbox .movie_box a {
	display: block;
}
#atsumare_box .rbox .play_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
}
#atsumare_box .rbox .rbox_img {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
#atsumare_box .rbox .rbox_img img {
	max-width: 100%;
	vertical-align: top;
}
#atsumare_box .rbox .img_cm {
	position: absolute;
	top: 0;
	left: 0;
}
#atsumare_box .rbox .btn_box {
	clear: both;
	display: block;
	position: relative;
	font-size: 0rem;
	text-align: left;
	overflow: hidden;
}
#atsumare_box .rbox .btn_box a {
	display: inline-block;
	margin-right: 0.5px;
	font-size: 1rem;
}
#atsumare_box .rbox .btn_box a:last-child {
	margin-right: 0;
}
#atsumare_box .rbox .btn_box a img {
	vertical-align: top;
}
#line_qr {
	width: 400px;
	min-height: 250px;
	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;
}
#line_qr .line_qr img {
	vertical-align: top;
}



/** slides_buttom ***********************************/
.prev {
	position: absolute;
	top: 45%;
	left: 2%;
	display: block;
	z-index: 6;
	width: 35px;
	height: 36px;
	line-height: 0;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	outline: none;
}
.prev:before {
	display: block;
	width: 35px;
	height: 36px;
	background: url(https://img.undernavi.com/dxplan/pc/lib/slick/btn_prev.png) left top no-repeat;
	background-size: 100%;
	content: '';
}
.next {
	position: absolute;
	top: 45%;
	right: 2%;
	display: block;
	z-index: 6;
	width: 35px;
	height: 36px;
	line-height: 0;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	outline: none;
}
.next:before {
	display: block;
	width: 35px;
	height: 36px;
	background: url(https://img.undernavi.com/dxplan/pc/lib/slick/btn_next.png) left top no-repeat;
	background-size: 100%;
	content: '';
}

.photoblog_movie .thumb {
	position:relative;
}
.photoblog_movie .thumb::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;
	background-size:80%;
}
.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;
	color: #333;
}
.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;
}
.recruit_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rec_inner {
	width: calc((100% / 2) - 10px);
}
.milk_ttl {
	background: #ff6371;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}
.recruit_btn {
	background: #00b7bf;
	color: #fff !important;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	margin: 0 auto;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-decoration: none !important;
	font-size: 16px;
}
.recruit_btn.recruit_btn_free {
	width: 40%;
}
.recruit_milk .contentwrap {
	background: #fff;
	margin-top: 10px;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;
	border: 1px solid #999;
	color: #333;
}
#recruitInfo.recruit_milk h2 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: #ff6371;
	padding: 5px;
}
.popup_stamp {
	position: fixed;
	right: 52%;
	bottom: 2%;
	z-index: 99;
	margin-right: -550px;
	background: #fff;
	border: 1px solid #bbb6b6;
	box-sizing: border-box;
	width: 300px;
	border-radius: 10px;
}
.popup_stamp-inner {
	padding: 10px;
}

.popup_stamp-inner h2 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}
.popup_stamp-inner p {
	text-align: left;
}
.popup_close {
	position: absolute;
	right: -10px;
	top: -10px;
}
.popup_close .round_btn {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid #333;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.popup_close .round_btn::before, .popup_close .round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 15px; /* 棒の高さ */
  background: #333; /* バツ印の色 */
}

.popup_close .round_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.popup_close .round_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.popup_stamp-inner h2::before {
	content: "";
	background: url(https://img.undernavi.com/front/pc/shop/icon_stamp.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
#marquee.marquee_new {
	height: 29px;
	display: block;
	padding: 0;
	line-height: 1;
	position: absolute;
	overflow: hidden;
	width: 761px;
	padding-right: 10px;
	right: 8px;
	top: 16px;
}
#marquee.marquee_new li {
	position: absolute;
	top: -999em;
	left: 0;
	margin: 0;
	padding: 0;
	display: block;
	white-space: nowrap;
	overflow: visible;
	z-index:0;
}
#marquee.marquee_new li div {
	height: 100%;
	position: absolute;
	width: 9999px;
	z-index:-1;
}
#marquee.marquee_new li span {
	display: block;
	text-decoration: none;
	line-height: 29px;
	position: relative;
	padding-left:10px;
}
#marquee.marquee_new li:not(.marquee-showing) {
	display: none;
	opacity: 0;
}


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

赤字割

************************************************/
#secDeficit_discount .inner {
	background: repeating-linear-gradient(-45deg, rgb(251, 232, 236), rgb(251, 232, 236) 8px, rgb(255, 255, 255) 0, rgb(255, 255, 255) 10px);
}
.defict_contents {
	margin-top: 10px;
}
.deficit_ttl {
	display: flex;
	align-items: center;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
}
.deficit_ttl img {
	max-width: 15%;
	margin-right: 10px;
}
.member_ex {
	background: #ff0;
	color: #c80037;
	display: inline-block;
	padding: 0px 10px;
	font-weight: bold;
	font-size: 15px;
}
.defict_img {
	background: url(https://img.undernavi.com/front/pc/area/pref/watched/pc_no_login_bg.jpg) no-repeat;
	position: relative;
	background-position: center top;
	margin-bottom: 20px;
}
.defict_img::before {
	content: "";
	display: block;
	padding-top: 48%;
}
.defict_img-item {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.defict_img-item .defict_login-btn {
	display: block;
	width: 300px;
	padding: 10px 0;
	margin: 10px auto;
	background: #c90037;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
}
.defict_login-regist {
	font-size: 14px;
}
.defict_login-regist a {
	color: #c90037;
	text-decoration: underline;
}


#deficit_discount h3 {
	margin-bottom: 10px;
}
.deficit_coupon-name {
	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,.1) 3px,rgba(112,43,0,.1) 6px),linear-gradient(#df010c 0,#f90d02 100%);
	border-top: 1px solid #e4bc7e;
	border-bottom: 1px solid #df010c;
	outline: 1px solid #b73541;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.deficit_body {
	display: flex;
}
.deficit_body .left {
	width: 210px;
	margin-right: 10px;
}
.deficit_body .right {
	flex: 1;
}
.deficit_body .right_inner {
	display: flex;
	margin: 0 0 30px 0px;
}
.deficit_coupon-right {
	display: flex;
	justify-content: space-between;
}
.deficit_body .qr {
	width: 120px;
	background: #f5f5f5;
	box-shadow: 1px 1px 1px #aaa;
}
.deficit_body .qr p {
	text-align: center;
}
.deficit_data {
	padding: 0px 10px 10px;
	position: relative;
}
.deficit_data-wrap {
	padding: 10px 0 20px;
	margin: 10px 0 20px;
	position: relative;
}
.deficit_coupon {
	box-sizing: border-box;
	position: relative;
	margin-right: 25px;
	background: #eeeeee;
	padding: 10px 10px 20px;
	width: 530px;
}
.dificit_price-img {
	width: 20%;
}
.usage_period {
	background: #c90037;
	color: #fff;
	padding: 0 12px;
	border-radius: 5px;
	font-weight: normal;
	margin-right: 10px;
}
.usege {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
	font-size: 17px;
}
.regular_rate .denial {
	text-decoration: line-through;
}
.dificit_price .afterFee span {
	color: #c90037;
	font-size: 45px;
	font-weight: bold;
	margin-left: 10px;
}
.dificit_price .afterFee {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
	text-align: right;
}
.regular_rate {
	text-align: right;
	font-size: 15px;
}
.dificit_price .defi_label {
	text-align: center;
	background: #fff;
	padding: 5px 30px;
	border: 1px solid #626262;
	border-radius: 20px;
	color: #c80037;
	font-weight: bold;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	box-sizing: border-box;
	bottom: -15px;
}
.dificit_price .defi_label strong, .dificit_price .defi_label span {
	font-weight: bold;
	font-size: 18px;
}
.note_pass {
	background: #fffa06;
	color: #c80037;
	padding: 10px;
	margin: 0 5px 10px 5px;
	border-radius: 5px;
	font-size: 18px;
}
.deficit_note {
	font-size: 15px;
	text-align: left;
	line-height: 2;
	font-weight: bold;
	margin-bottom: 10px;
}
.deficit_body .left a {
	color: #c90037;
	font-weight: bold;
	font-size: 15px;
}

.deficit_body .right .deficit_remarks {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #aaa;
	font-size:15px;
}
.deficit_remarks dt {
	width: 10%;
	box-sizing: border-box;
	text-align: center;
}
.deficit_remarks dd {
	width: 90%;
	padding: 0 10px;
	border-left: 1px solid #aaa;
	text-align: left;
	height: 50px;
	box-sizing: border-box;
	overflow-x: auto;
}
.deficit_body .size {
	font-size: 12px;
	text-align: left;
	margin-bottom: 5px;
}
.deficit_sche {
	background: #fee4ed;
	font-size: 15px;
	display: flex;
	padding: 5px;
}
.deficit_sche dt {
	font-weight: bold;
	margin-right: 5px;
}
.deficit_sche dd {
	margin-left: 5px;
	font-size: 15px;
	padding: 0;
}
.no_login-img {
	text-align: center;
}
.deficit_body figure {
	margin-bottom: 5px;
}
.dificit_price-img img {
	max-width: 100%;
	height: auto;
}
.deficit_body .left figure img {
	height: auto;
}
.deficit_report-btn {
	margin-top: 10px;
	padding-top: 10px;
	text-align: right;
}
.deficit_data-wrap .more a {
    padding: 5px 40px;
	background: #c90037;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
}

.modal_deficit {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(calc(-50% - .5px)) translateY(calc(-50% - .5px));
	border: solid 4px #c90037;
	padding: 20px;
	background: #fff;
	width: 475px;
	height: 365px;
	z-index: 999;
}
.deficit_report-close {
	position: absolute;
	right: -5px;
	top: -40px;
	cursor: pointer;
}
.modal_deficit .mdl_ttl {
	text-align: center;
	font-size: 18px;
	color: #c80037;
	font-weight: bold;
}
.modal_deficit .type {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}
.modal_deficit .type_check {
	font-weight: bold;
	color: #c80037;
	margin-left: 10px;
}
.modal_deficit .type_check {
	font-weight: bold;
	color: #c80037;
	margin-left: 10px;
}
.modal_deficit .status_box {
	position: relative;
	width: 180px;
	height: 30px;
	margin-bottom: 20px;
}
.modal_deficit .status_box::after {
	content: '';
	display: inline-block;
	border: 6px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 6px;
	border-top: 11px solid #000;
	position: absolute;
	right: 10px;
	top: 40%;
	pointer-events: none;
}
.modal_deficit .txtbox {
	margin-bottom: 30px;
}
.modal_deficit .submit button {
	border: none;
	font-size: 14px;
	background: #7e4d7c;
	color: #fff;
	width: 125px;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
}
.modal_deficit select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	line-height: 30px;
	padding: 0 5px;
	border: 1px solid #d9d9d9;
	font-size: 13px;
	vertical-align: middle;
}
.modal_deficit textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 110px;
	padding: 5px;
	border: 1px solid #d9d9d9;
	font-size: 13px;
}
#layout > section > .more {
	position: absolute;
	right: 3px;
	top: 5px;
	padding: 3px 5px;
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #AEAEAE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	text-decoration: none;
	color: #111111;
}

.slick_container .slick-next {
	right: 15px;
}

.slick_container .slick-prev::before, .slick_container .slick-next::before {
	width: 30px;
	height: 30px;
	background-size: 30px;
}
#secNews a, #secEvent a {
	text-decoration: none;
}
.discount_top .discount_body {
	display: flex;
	gap: 0 30px;
	padding: 20px;
}
.discount_top .discount_body .left {
	width: 200px;
}
.discount_top .discount_body .left figure {
	margin-bottom: 10px;
}
.discount_top .discount_body .right {
	display: block;
	width: auto;
	padding-left: 0;
	align-items: flex-start;
	flex: 1;
}
.discount_top .discount_body h3 {
	font-size: 25px;
	color: #c90037;
	font-weight: bold;
	margin: 10px 0;
	text-align: left;
}
.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;
	text-align:left;
}
.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;
}
.discount_top .discount_body .item_list-coupon .normal {
	font-size: 18px;
}
.item_list-coupon .price {
	color: #ff0000;
	line-height: 1;
	position: relative;
	display: flex;
	align-items: center;
}
.item_list-coupon .afterFee {
	font-size: 14px;
}
.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;
}
.discount_body .qr {
	padding: 10px;
	background: #fefbee;
}
.discount_body .qr p {
	text-align: center;
	color: #c90037;
	line-height: 1;
	font-size: 11px;
}
.discount_body .qr img {
	margin-bottom: 5px;
}
.usable_condition {
	background: #f2f2f2;
	padding: 15px 30px;
	text-align: left;
	font-size: 14px;
	height: 230px;
	overflow-y: auto;
}
.usable_condition span {
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}
.usable_condition p {
	line-height: initial;
}
.discount_top .discount_body .galName {
	text-align: left;
	margin-bottom:10px;
}
.discount_top .discount_body .galName a {
	font-size: 15px;
	color: #c90037;
	font-weight: bold;
}
.discount_top .discount_body .size {
	margin-bottom: 10px;
	text-align: left;
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 1;
}
.discount_more-btn a {
	display: block;
	width: 200px;
	padding: 10px 0;
	margin: 10px auto;
	background: #c90037;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
}