@charset "utf-8";
/*------------------------------
	ほすほす PC CSS
------------------------------*/

/******************************
	Base
*******************************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #f8f8f8;
	color: #333;
	font-size: 11px;
	font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
	word-break: break-all;
}

p,
ul,
ol,
dl,
dt,
dd {
	margin: 0px;
	padding: 0px;
}

ul {
	display: block;
	list-style-type: none;
}

img,
video {
	margin-bottom: 0;
	border: none;
	vertical-align: bottom;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

a:link {
	color: #6d6d6d;
	text-decoration: none;
}

a:visited {
	color: #6d6d6d;
}

a:hover {
	color: #f26c4f;
}

/******************************
	Common
*******************************/
/*** JS ***/
.link {
	cursor: pointer;
}

.jump {
	cursor: pointer;
}

.btn_play {
	cursor: pointer;
}

.j-click-view {
	/*z-index:2000;*/
	cursor: pointer;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.both {
	clear: both;
}

.none {
	display: none;
}

.gray {
	color: #bbb;
}

.dbug {
	display: none;
}

.pc-old {
	display: none;
}

/*** Text ***/
.tit {
	font-size: 12px;
	line-height: 20px;
}

.cmt {
	font-size: 11px;
	line-height: 15px;
}

.kana {
	color: #666;
	font-size: 10px;
	line-height: 12px;
}

.kana_eng {
	color: #666;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
}

.area {
	color: #f59;
	font-size: 10px;
	line-height: 12px;
}

.shop {
	color: #f59;
	font-size: 12px;
	line-height: 14px;
}

.staff {
	font-size: 11px;
	line-height: 12px;
}

.err {
	color: #f33;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.pick {
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.7);
	color: #f59;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
}

/*** f_level ***/
.f_level {
	display: inline-block;
}

.f_level>li {
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 12px;
	background-image: url(/imgs/pc/icon/star.png);
}

.f_level>.non {
	background-image: url(/imgs/pc/icon/star_n.png);
}

/*** f_type ***/
.f_type {
	display: block;
	padding: 5px 0px 0px 5px;
	background-color: #eee;
}

.f_type:after {
	content: '';
	display: block;
	clear: both;
}

.f_type>li {
	float: left;
	width: 60px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #f37497;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

.f_type .c2 {
	width: 125px;
}

/*** form ***/
.form {
	width: 100%;
	margin-bottom: 14px;
	border: solid 1px #ccc;
	background: #fff;
	font-size: 11px;
	line-height: 16px;
}

.form table {
	width: 100%;
}

.form tr {
	border-top: solid 1px #ccc;
}

.form td {
	padding: 6px;
	border-right: solid 1px #ccc;
}

.form tr:first-child {
	border-top: none;
}

.form td:last-child {
	border-right: none;
}

.form .ti {
	width: 140px;
	color: #f59;
	text-align: center;
}

.form .ti2 {
	background: #333;
	color: #f59;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
}

/*** table ***/
.tbl {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
}

.tbl tr {
	border-top: solid 1px #ccc;
}

.tbl tr:first-child {
	border-top: none;
}

.tbl .ti {
	width: 120px;
	padding: 8px;
	color: #f59;
	text-align: center;
}

.tbl .bd {
	padding: 8px 16px 8px 0px;
}

/******************************
	Index
*******************************/
.index-logo {
	text-align: center;
}
.index-logo img {
	width:183px;
	line-height:310px;
	margin:6px 0 16px 0;
}

#index {
	padding: 20px;
	padding-top: 30px;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}

#index h2 {
	color: #535353;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
}

.index-enter {
	display: block;
	width: 56%;
	margin: auto;
	padding: 16px;
	background-color: #f37497;
	color: #fff;
	font-size: 15px;
	line-height: 7px;
	text-align: center;
	border-radius:10px;
}

.index-enter:link,
.index-enter:visited {
	color: #fff;
}

.index-enter:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

.index-cmt {
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}

/******************************
	Header
*******************************/
#header {
	z-index: 1000;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	border-bottom: solid 0px #ccc;
	background: #f8f8f8;
}

#header .head-btn {
	position: absolute;
	width: 1140px;
	left: 0px;
	right: 0px;
	margin: 0px auto 0px auto;
}

#header .logo {
	margin-top: 16px;
	text-align: center;
	background-image: url("/imgs/head/logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	height: 53px;
	background-position: center;
}

#header .logo a {
	width: 18%;
	height: 50px;
	display: block;
	margin: auto;
}

/*** headSearch ***/
.headSearch {
	position: absolute;
	right: 0px;
	bottom: -12px;
	border-radius: 10px;
	padding: 5px;
}

.headSearchMenu {
	clear: both;
	padding: 5px;
	color: #666;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
}

.headSearchMenu span {
	padding: 3px;
}

.headSearchMenu span:hover {
	color: #ff87ba;
}

.headSearchMenu>.select {
	color: #f37497;
}

.headSearchCts {
	position: relative;
	width: 258px;
	height: 26px;
	border-radius: 10px;
}

.headSearchText {
	border: solid 1px #a1a1a1;
	position: absolute;
	top: 3px;
	left: 20px;
	width: 214px;
	border: solid 1px #999;
	padding: 4px;
	color: #aaa;
	font-size: 12px;
	line-height: 14px;
}

.headSearchSubmit {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 18px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	border: none;
	background: url(/imgs/icon/search.png);
}

/*** Header Menu ***/
#menu-hed {
	position: absolute;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	background: #f37497;
}

#header .menu {
	//	position:absolute;
	display: table;
	width: 1140px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	table-layout: fixed;
	margin: auto;
}

#header .menu>* {
	position: relative;
	display: table-cell;
	padding: 14px 0px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

#header .menu>*:hover {
	transition-duration: 0.1s;
	background: #ececec;
	color: #f37497;
}

#header .menu-sub-cts {
	display: none;
	position: absolute;
	width: 200%;
	top: 40px;
	background-color: #f37497;
}

#header .menu-sub-cts>a {
	display: block;
	padding: 16px;
	font-size: 13px;
	line-height: 10px;
	text-align: left;
	color: #fff;
}

#header .menu-sub-cts>a:hover {
	transition: 0.1s;
	background: #ececec;
	color: #f37497;
}

#header .menu-sub-cts>a:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
	margin: auto;
	border-radius: 50%;
}

#header .menu-sub-cts>a>div {
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 0px 50%;
	line-height: 24px;
	padding-left: 0px;
}

#header .menu-sub-shop {
	/*background-image:url('/imgs/sp/icon/box/sho.png');*/
}

#header .menu-sub-grp {
	/*background-image:url('/imgs/sp/icon/box/gro.png');*/
}

#header .menu-sub-new {
	/*background-image:url('/imgs/sp/icon/box/top.png');*/
}

#header .menu-sub-topi {
	/*background-image:url('/imgs/sp/icon/box/topi.png');*/
}

#header .menu-sub-gra {
	/*background-image:url('/imgs/sp/icon/box/gra.png');*/
}

#header .menu-sub-spe {
	/*background-image:url('/imgs/sp/icon/box/spe.png');*/
}

#header .menu-sub-h2c {
	/*background-image:url('/imgs/sp/icon/box/h2c.png');*/
}

#header .menu-sub-pre {
	/*background-image:url('/imgs/sp/icon/box/pre.png');*/
}

#header .menu-sub-no1 {
	/*background-image:url('/imgs/sp/icon/box/no1.png');*/
}

#header .menu-sub-blo {
	/*background-image:url('/imgs/sp/icon/box/blo.png');*/
}

#header .menu-sub-mov {
	/*background-image:url('/imgs/sp/icon/box/mov.png');*/
}

#header .menu-sub-pic {
	/*background-image:url('/imgs/sp/icon/box/pic.png');*/
}

#header .menu-sub-info {
	/*background-image:url('/imgs/sp/icon/box/new.png');*/
}

#header .menu-sub-acc {
	/*background-image:url('/imgs/sp/icon/box/acc.png');*/
}

#header,
#header-spc {
	height: 152px;
	border-top: 16px solid #f8f8f8;
	border-bottom: 0px solid #ff91b1;
}

.jump-top {
	z-index: 1000;
	position: fixed;
	display: none;
	width: 42px;
	height: 42px;
	bottom: 20px;
	right: 0px;
	left: 0px;
	margin: auto;
	border-radius: 10%;
	background-color: #f37497;
	background-image: url('/imgs/pc/icon/navi/up.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 20px;
}

.jump-top:hover {
	transition: 0.3s;
	background-color: #f37497;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.06s ease-in-out 0s;
	-moz-transition: all 0.06s ease-in-out 0s;
	-o-transition: all 0.06s ease-in-out 0s;
	-ms-transition: all 0.06s ease-in-out 0s;
	transition: all 0.06s ease-in-out 0s;
}

/******************************
	Path
*******************************/
.path {
	border-bottom: solid 1px #ccc;
	background: #fff;
}

.path ul {
	width: 1140px;
	margin: 0px auto;
	padding: 6px 0px;
}

.path li {
	display: table-cell;
}

.path a {
	display: block;
	float: left;
	padding: 3px;
	font-size: 11px;
	line-height: 11px;
}

.path li:not(:last-child):after {
	content: '>';
	float: left;
	padding: 4px;
	font-size: 10px;
	line-height: 10px;
}

/******************************
	Contents
*******************************/
#contents {
	position: relative;
	width: 1140px;
	margin: 20px auto;
}

/*** Main ***/
#main {
	display: table-cell;
	vertical-align: top;
	width: 800px;
}

/*** Sub ***/
#sub {
	display: table-cell;
	vertical-align: top;
	width: 340px;
	padding-left: 40px;
}

.top {
	display: none;
}

.cap {
	display: none;
	width: 1140px;
	margin: 0px auto 10px auto;
	padding: 5px;
}

/******************************
	Footer
*******************************/
#footer {
	background: #2d2427;
}

#footer .foot {
	padding-top: 25px;
	background: #2d2427;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}

#footer .sns {
	width: 1140px;
	margin: 10px auto;
}

#footer .sns:after {
	content: '';
	display: block;
	clear: both;
}

#footer .sns img {
	width: 30px;
	height: 30px;
}

#footer .sns a {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	border-radius: 50%;
	background: #666;
}

#footer .menu {
	width: 1140px;
	margin: 10px auto;
	padding: 15px 0px;
	font-size: 11px;
}

#footer .menu a {
	display: table-cell;
	color: #fff;
}

#footer .menu a:not(:last-child)::after {
	content: '|';
	padding: 0px 20px;
	display: inline-block;
}

#footer .info {
	display: table;
	width: 1140px;
	margin: 0px auto;
	padding-bottom: 40px;
}

#footer .info>div {
	display: table-cell;
	width: 50%;
	font-size: 11px;
}

#footer .warning {
	color: #ff7f7f;
}

#footer .copyright {
	text-align: right;
}

#footer .row {
	margin: 0px auto;
	max-width: 1140px;
}

#footer .foot-menu {
	margin: 0px 0px 0px -20px;
	padding: 40px 0px 0px;
	overflow: hidden;
}

#footer .foot-menu .fooot {
	float: left;
	width: 25%;
}

#footer .foot-menu h3 {
	margin: 48px 0px 24px 20px;
	font-size: 13px;
	color: #fff;
	line-height: 26px;
}

#footer .foot-menu .h3 {
	margin: 48px 0px 24px 32px;
	font-size: 13px;
	color: #fff;
}

#footer .foot-menu h3:before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	margin: auto;
	border-radius: 50%;
	background: #fff;
}

#footer .foot-menu li {
	margin: 0px 0px 0px 20px;
	line-height: 20px;
}

#footer .foot-menu li a {
	color: #868c8f;
	position: relative;
	display: block;
	padding: 8px 20px 8px 0px;
	border-bottom: solid 1px #484e50;
}

#footer .foot-menu li a:hover {
	transition: 0.1s;
	color: #fff;
	position: relative;
	display: block;
	padding: 8px 20px 8px 0px;
	border-bottom: solid 1px #484e50;
	transition: background-color 0.2s linear;
}

#footer .row:after {
	content: "";
	display: block;
	clear: both;
}

/******************************
	SNS
*******************************/
.sns-btn ul:after {
	content: '';
	display: block;
	clear: both;
}

.sns-btn li {
	cursor: pointer;
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	border-radius: 100%;
	background-color: rgba(51, 51, 51, 0.9);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 34px;
	-webkit-transition: all 0.2s ease-in-out 0.0s;
	-moz-transition: all 0.2s ease-in-out 0.0s;
	-o-transition: all 0.2s ease-in-out 0.0s;
	-ms-transition: all 0.2s ease-in-out 0.0s;
	transition: all 0.2s ease-in-out 0.0s;
}

.sns-btn li:hover {
	background-color: #f59;
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.sns-btn .tw {
	background-image: url('/imgs/pc/icon/sns/twitter02.png');
	background-color: #2d2427;
}

.sns-btn .fb {
	background-image: url('/imgs/pc/icon/sns/facebook.png');
	background-color: #3c599b;
}

.dtl-topics .cts>.cell .sns-btn,
.dtl-shop-discount .cts>.cell .sns-btn,
.dtl-present .cts>.cell .sns-btn,
.dtl-shop-mov .cts>.cell .sns-btn,
.dtl-movie .cts>.cell .sns-btn {
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.shop-grp-pr .sns-btn,
.shop-pr .sns-btn {
	position: absolute;
	bottom: -10px;
	right: 0px;
}

/******************************
	Button
*******************************/

/*** btn ***/
.btn {
	font-size: 12px;
	line-height: 12px;
}

.btn>a:nth-child(1) {
	margin-left: 0px;
}

.btn a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 3px;
	padding: 15px 15px;
	border: solid 0px #fff;
	background: #333;
	color: #fff;
}

.btn a:hover {
	border: solid 0px #ccc;
	background: #f8f8f8;
	color: #f59;
}

/*** btn chk ***/
.btn_chk,
.btn_chk_sel,
.btn_chk_non {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 12px 0px 15px 20px;
	border: solid px #2d2427;
	background-position: 10%;
	background-repeat: no-repeat;
	background-size: 18px;
	font-size: 12px;
	line-height: 12px;
}

.btn_chk {
	cursor: pointer;
	background-color: #2d2427;
	color: #fff;
}

.btn_chk:hover {
	background-color: #4f4f4f;
	color: #fff;
}

.btn_chk_sel,
.btn_chk_sel:hover {
	background-color: #f37497;
	color: #ececec;
}

.btn_chk_non,
.btn_chk_non:hover {
	border: solid 1px #eee;
	background-color: #e7e7e7;
	color: #cbcbcb;
}

/*** tab ***/
.tab {
	position: relative;
	display: block;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 10px;
}

.tab:before {
	content: '';
	z-index: 100;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	border-bottom: solid 1px #ccc;
}

.tab:after {
	content: '';
	display: block;
	clear: both;
}

.tab li {
	z-index: 101;
	position: relative;
	display: block;
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 15px 8px;
	border: solid 1px #ccc;
	background: #eee;
}

.tab li:hover {
	transition: 0.1s;
	border-bottom: solid 1px #f8f8f8;
	background: #f8f8f8;
}

.tab>.select,
.tab>.select:hover {
	border-bottom: solid 1px #f8f8f8;
	background: #f8f8f8;
	color: #f37497;
}

.tab>.non,
.tab>.non:hover {
	border-bottom: none;
	background: #f8f8f8;
	color: #ddd;
}

/******************************
	Icon
*******************************/
.icon {
	position: absolute;
	top: 15px;
	right: -12px;
}

.icon li {
	display: block;
	vertical-align: middle;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	margin-bottom: 5px;
	padding: 10px 0px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 18px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.icon .up {
	background: #8E8EE9;
}

.icon .new {
	background: #ff6464;
	font-size: 11px;
}

.icon .shop_info {
	background: #ca74ad;
	font-size: 11px;
}

.icon .update {
	background: #8E8EE9;
}

.icon .clh {
	background: #60C8B1;
}

.icon .clm {
	background: #9c9c9c;
}

.icon .zengra {
	background: #163b90;
}

.icon .cm {
	background: #FFBF3F;
}

.shimei {
	background: #f37497;
}

.icon .shop-1 {
	display: none;
}

.icon .shop-3 {
	display: none;
}

.icon .open-1 {
	background-color: #9295c3;
	background-image: url('/imgs/icon/open-1.png');
}

.icon .open-3 {
	background-color: #ffb968;
	background-image: url('/imgs/icon/open-3.png');
}

.icon .seat {
	display: none;
	background-color: #f76161;
	color: #fff;
	font-size: 11px;
}

.icon .seat .stat {
	display: none;
}

.icon .seat .inf {}

.icon .seat:hover {
	position: absolute;
	width: 100px;
	margin-left: -66px;
	border-radius: 21px;
	transition: all 0.3s ease-in-out 0s;
}

.icon .seat:hover .stat {
	display: block;
}

.icon .seat:hover .inf {
	display: none;
}

/******************************
	Sub Contents
*******************************/
#sub .cts {
	margin-bottom: 30px;
	border: solid 1px #ccc;
	background: #fff;
}

#sub .cts>.hd {
	position: relative;
	margin-bottom: 20px;
	padding: 15px 0px 15px 54px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

#sub .cts>.hd:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
	margin: auto;
	border-radius: 50%;
	background: #fff;
}

#sub .cts>.hd:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #f37497;
}

/******************************
	List & Dtl Base
*******************************/
.list,
.dtl {
	margin-bottom: 20px;
}

/*** Header ***/
.list>.head,
.dtl>.head {
	position: relative;
	padding: 18px 0px 14px 20px;
	margin-bottom: 32px;
	background: #372d30;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	letter-spacing:3px;
}

.list>.head:before,
.dtl>.head:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
	margin: auto;
	border-radius: 50%;
	background: #;
}

.list>.head:after,
.dtl>.head:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #2d2427;
}

.list>.head .tit_sub,
.dtl>.head .tit_sub {
	position: absolute;
	right: 15px;
	top: 15px;
}



.list .cts .regula {
	font-size: 13px;
	padding: 33px 66px;
}

.list .cts .regula .spe {
	height: 20px;
}

.list .cts .regula .title {
	background-color: #ffdd57;
	padding: 5px;
	border-radius: 3px;
}

.list .cts .regula .title2 {
	background-color: #bcebb0;
	padding: 5px;
	border-radius: 3px;
}

.list .cts .regula .kome {
	text-decoration: underline;
}

.list .cts .regula .ng {
	color: #f00000;
	text-decoration: underline;
}

.list .cts .regula .ok {
	color: #796bff;
	text-decoration: underline;
}


/*** Menu ***/
.list>.menu,
.dtl>.menu {
	margin-bottom: 20px;
}

/*** Contents ***/
.list>.cts>ul:after,
.dtl>.cts>ul:after {
	content: '';
	display: block;
	clear: both;
}

.list>.cts .cts-head {
	position: relative;
	overflow: hidden;
	margin: 0 0 0 20px;
	width: 800px;
}

.list>.cts .cts-head div {
	position: relative;
	margin-bottom: 32px;
	padding: 12px 0 12px 54px;
	background: #f37497;
	color: #fff;
	font-size: 16px;
	line-height: 20px;

}

.list>.cts .cts-head div:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
	margin: auto;
	border-radius: 50%;
	background: #fff;
}

.list>.cts .cts-head div:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #f37497;
}

.list>.cts .cts-tit,
.dtl>.cts .cts-tit {
	position: relative;
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 20px;
}

.list>.cts .cts-img,
.dtl>.cts .cts-img {
	margin-bottom: 20px;
	text-align: center;
}

.list>.cts .img,
.dtl>.cts .img {
	display: block;
	overflow: hidden;
	position: relative;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

.list>.cts .cell .img>img,
.dtl>.cts .cell .img>img {
	width: 100%;
}

/*** Form ***/
.list>.cts .cell-form,
.dtl>.cts .cell-form {
	margin-bottom: 20px;
	padding: 15px;
	border: solid 1px #ccc;
	background: #ccc;
}

/*** Cell hover ***/
.list>.cts .link:hover .img>img,
.list>.cts .link:hover .img a>img,
.dtl>.cts .link:hover .img>img {
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.8;
}

.list>.cts .link:hover .img>.info,
.dtl>.cts .link:hover .img>.info {
	-webkit-transition: all 0.1s ease-in-out 0.0s;
	-moz-transition: all 0.1s ease-in-out 0.0s;
	-o-transition: all 0.1s ease-in-out 0.0s;
	-ms-transition: all 0.1s ease-in-out 0.0s;
	transition: all 0.1s ease-in-out 0.0s;
	bottom: -100px;
}

.list>.cts .link:hover .tit,
.list>.cts .link:hover .tit a,
.dtl>.cts .link:hover .tit,
.dtl>.cts .link:hover .tit a {
	color: #f59;
}

/******************************
	List
*******************************/
/*** Contents ***/
.list>.cts>ul {
	margin-left: -20px;
}

.list>.cts .cell {
	position: relative;
	float: left;
	width: 253px;
	margin-left: 20px;
	margin-bottom: 30px;
	border: solid 1px #ccc;
}

.list>.cts .cell .hd {
	padding: 6px;
	background: #2d2427;
	color: #fff;
	text-align: center;
}

.list>.cts .cell .hd * {
	margin: 0px;
	text-align: center;
}

.list>.cts .cell .hd a {
	color: #fff;
}

.list>.cts .img .info {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 10px;
	line-height: 11px;
}

.list>.cts .info {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 5px 5px;
	background: #dfdfdf;
	text-align: center;
}

.list>.cts .info-no_hidden {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 10px;
	line-height: 11px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 5px 5px;
	text-align: center;
}

.list>.cts .info ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list>.cts .tit {
	margin: 8px;
	text-align: center;
}

.list-closeup>.cts .tit {
	margin: 4px;
	text-align: center;
}

.list>.cts .cmt {
	margin: 5px;
	text-align: center;
}

.list>.cts>.search {
	background-color: #ccc;
	margin-bottom: 15px;
	padding: 20px;
	border: solid 1px #ccc;
	text-align: center;
}

.list>.cts .type {
	z-index: 100;
	position: absolute;
	overflow: hidden;
	height: 60px;
	width: 60px;
	right: 0px;
	top: 29px;
	margin: 0px;
	padding: 5px;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	opacity: 0.9;
}

.list>.cts .type div {
	z-index: 101;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 30px;
}

.list>.cts .type:before {
	content: '';
	z-index: 100;
	position: absolute;
	top: -60px;
	right: 0px;
	border: 60px solid transparent;
	border-right: 60px solid #f59;
}

.list>.cts .info-arrow {
	position: absolute;
	z-index: 1;
	right: -22px;
	bottom: 0px;
	border: 16px solid transparent;
	border-bottom: 16px solid #f37497;
}

.list>.cts .info-balloon {
	opacity: 0;
	position: absolute;
	left: 135px;
	bottom: 148px;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	min-width: 172px;
	padding: 12px;
	border-radius: 6px;
	z-index: -100;
	line-height: 18px;
	white-space: nowrap;
	border:solid 4px #f37497;
}

.list>.cts .info-balloon:before {
	content: "";
	position:absolute;
	bottom:13px;
	left:-20px;
	margin-top:-12px;
	border:8px solid transparent;
	border-right:12px solid rgba(243 116 151);
}

.list>.cts .shop {
	font-size: 11px;
}

/*** List Form ***/
.list>.cts .form-grp {
	margin-bottom: 15px;
	padding: 10px;
	border: solid 1px #ccc;
	background: #f8f8f8;
}

.list>.cts .form-grp ul:after {
	content: '';
	display: block;
	clear: both;
}

.list>.cts .form-grp li {
	float: left;
	margin-left: 10px;
}

.list>.cts .form-submit {
	padding: 10px;
	border: solid 1px #ccc;
	background: #f8f8f8;
	text-align: center;
}

.list>.cts .cell-form .tit {
	margin: 0px;
	padding-bottom: 5px;
	color: #f59;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-align: left;
}

.list>.cts .cell-form .cmt {
	margin: 0px;
	color: #333;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

.list>.cts .result {
	position: relative;
	margin-bottom: 20px;
}

.list>.cts .result .stat {
	padding: 15px;
	background: #f37497;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

.list>.cts .result a {
	position: absolute;
	display: block;
	margin: auto;
	top: 2px;
	bottom: 0px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #666;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px 20px;
}

.list>.cts .result a:hover {
	background-color: #999;
}

.list>.cts .result .prev {
	left: 5px;
	background-image: url('/imgs/pc/icon/navi/prev.png');
}

.list>.cts .result .next {
	right: 5px;
	background-image: url('/imgs/pc/icon/navi/next.png');
}

/*** List Footer ***/
.list>.foot {
	padding-bottom: 20px;
}

.list>.foot ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.list>.foot li {
	display: table-cell;
	text-align: center;
}

.list>.foot li a {
	display: block;
	margin: 16px 160px;
	padding: 14px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	text-align: center;
	border-radius: 10px;
}

.list>.foot li a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

/*** List Top Ranking ***/
.list-ranking-top {
	margin-top: 30px;
	margin-bottom: 30px;
}

.list-ranking-top .cts .cell {
	width: 144px;
}

.list-ranking-top .cts .cell .hd {
	padding: 5px;
	font-size: 14px;
	line-height: 14px;
}

.list-ranking-top .cts .cell .hd img {
	width: 12px;
	height: 12px;
}

.list-ranking-top .img>img {
	width: 142px;
}

.list.list-ranking-top .foot li a {
	display: block;
	margin: 16px 16px;
	padding: 15px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	text-align: center;
	border-radius: 10px;
}

.list.list-ranking-top .foot li a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

/*** List Top News ***/
.list-news-top {
	margin-bottom: 40px;
	border-bottom: solid 1px #ccc;
	background: #fff;
}

.list-news-top .head {
	background: #2d2427;
}

.list-news-top .head:after {
	border-top: 10px solid #2d2427;
}

.list-news-top .cts ul {
	margin-left: 0px;
}

.list-news-top .cts .cell {
	width: 800px;
	margin: 0px;
	border: none;
	border-bottom: dotted 1px #ccc;
}

.list-news-top .cts .cell:last-child {
	border: none;
}

.list-news-top .cts .cell:before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0px;
	width: 10px;
	height: 10px;
	margin: 12px;
	margin-right: 8px;
	border-radius: 100%;
	background: #ffa4c5;
}

.list-news-top .cts .cell a {
	display: block;
	padding: 10px 30px;
	font-size: 12px;
	line-height: 12px;
}

.list-news-top .cts .cell a:hover {
	background: #eee;
}

/*** List Top Staff CM ***/
.list-staff-cm-top {
	background: #2d2427;
	margin-bottom: 40px;
}

.list-staff-cm-top .head {
	background: #2d2427;
}

.list-staff-cm-top .head:after {
	border-top: 10px solid #2d2427;
}

.list-staff-cm-top .cts ul {
	margin-left: 0px;
}

.list-staff-cm-top .cts .cell {
	width: 136px;
	border: solid 1px #222;
	background: #222;
}

.list-staff-cm-top .cts .cell .hd {
	background: #2d2427;
	color: #fff;
}

.list-staff-cm-top .cts .cell .img {
	border-bottom: none;
}

.list-staff-cm-top .cts .cell .info {
	/*	bottom:-40px; */
}

.list-staff-cm-top .cts .cell .info a {
	color: #fff;
	font-size: 10px;
}

/*** List Top Movie ***/
/*** List Top Gravure ***/
/*** List Top Special ***/
.list-movie-top {
	background: #f8f8f8;
	margin-bottom: 40px;
}

.list-gravure-top,
.list-special-top {
	background: #2d2427;
	margin-bottom: 40px;
}

.list-movie-top .head {
	background: #333;
	background-repeat: no-repeat;
	background-position: 96% 50%;
	background-size: 180px;
}

.list-gravure-top .head,
.list-special-top .head {
	background: #2d2427;
}

.list-movie-top .head:after {
	border-top: 10px solid #2d2427;
}

.list-gravure-top .head:after,
.list-special-top .head:after {
	border-top: 10px solid #2d2427;
}

.list-movie-top .foot {
	padding-bottom: 0px;
	margin-top: 10px;
}

.list-movie-top .foot li a {
	background: #f37497;
}

.list-movie-top .foot li a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

.list-movie-top .cts ul,
.list-gravure-top .cts ul,
.list-special-top .cts ul {
	margin-left: 0px;
}

.list-movie-top .cts .cell {
	width: 175px;
	height: 196px;
	border: solid 1px #ccc;
	margin-bottom: 0px;
}

.list-gravure-top .cts .cell,
.list-special-top .cts .cell {
	width: 175px;
	height: 196px;
	border: solid 1px #2d2427;
}

.list-movie-top .cts .cell .hd,
.list-gravure-top .cts .cell .hd,
.list-special-top .cts .cell .hd {
	background: #2d2427;
	color: #fff;
}

.list-movie-top .cts .cell .img,
.list-gravure-top .cts .cell .img,
.list-special-top .cts .cell .img {
	border-bottom: none;
}

.list-movie-top .cts .cell .img .info,
.list-gravure-top .cts .cell .img .info,
.list-special-top .cts .cell .img .info {
	bottom: -213px;
}

.list-movie-top .cts .cell>.info,
.list-gravure-top .cts .cell>.info,
.list-special-top .cts .cell>.info {
	background: #2d2427;
}

.list-gravure .head {
	background: #FF9966;
}

.list-gravure .head:after {
	border-top: 10px solid #FF9966;
}

.list-special .head {
	background: #FF77AA;
}

.list-special .head:after {
	border-top: 10px solid #FF77AA;
}

.list-topics-top {
	margin-bottom: 20px;
}

.list-topics-top .cts .cell {
	width: 185px;
	height: 205px;
}

.list-topics-top .cts .cell .info {
	bottom: 0px;
}

.list-topics-top .cts .img .info {
	font-size: 10px;
}

.list-topics-top .cts .img .info,
.list-topics-top .cts .img .info:hover,
.list-movie-top .cts .img .info,
.list-movie-top .cts .img .info:hover,
.list-gravure-top .cts .img .info,
.list-gravure-top .cts .img .info:hover,
.list-special-top .cts .img .info,
.list-special-top .cts .img .info:hover {
	color: #fff;
}

.list-topics-top .cts .area,
.list-movie-top .cts .area,
.list-gravure-top .cts .area,
.list-special-top .cts .area {
	font-size: 9px;
}

.list-topics-top .cts .shop,
.list-movie-top .cts .shop,
.list-gravure-top .cts .shop,
.list-special-top .cts .shop {
	font-size: 10px;
}

.list-topics .head {
	background: #FFCC55;
}

.list-topics-search .head {
	background: #FFCC55;
}

.list-topics .head:after {
	border-top: 10px solid #FFCC55;
}

.list-topics .btn_chk {
	padding: 10px 15px;
	border-radius: 10px;
}

/*** List Top Shop List ***/
.list-shop-list-top {
	margin-bottom: 20px;
}

.list-shop-list-top .cts .cell {
	width: 253px;
	height: 206px;
}

.list-shop-list-top .cts .img>img {
	width: 251px;
	height: 131px;
}

.list-shop-list-top .cts .kana {
	margin-top: 11px;
	text-align: center;
}

.list-shop-list-top .cts .tit {
	margin-top: 0px;
	text-align: center;
}

/*** List Top History ***/
.list-history-top {
	margin-bottom: 40px;
}

.list-history-top .cts {
	overflow: auto;
	padding: 5px;
	height: 610px;
	margin-bottom: 20px;
}

.list-history-top .cts ul {
	margin: 0px;
}

.list-history-top .cts .cell {
	float: none;
	width: auto;
	height: 86px;
	margin: 0px;
	padding: 5px;
	border: none;
	border-bottom: dotted 1px #ccc;
}

.list-history-top .cts .cell:last-child {
	border-bottom: none;
}

.list-history-top .cts .cell:after {
	content: '';
	display: block;
	clear: both;
}

.list-history-top .cts .link:hover {
	transition: 0.1s;
	background: #eee;
}

.list-history-top .cts .img {
	float: left;
	margin-right: 10px;
	border: none;
	border-radius:7px;
}

.list-history-top .cts .cell .img>img {
	width: 60px;
	height: 60px;
}

.list-history-top .cts .date {
	padding-bottom: 5px;
	color: #f59;
	font-size: 10px;
	line-height: 10px;
}

.list-history-top .cts .tit {
	margin: 0px;
	line-height: 14px;
	text-align: left;
}

.list-history-top .cts .cmt {
	margin: 3px 0px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

.list-history-top .foot {
	border-top: none;
	padding: 0px;
}

.list-history-top .foot li a {
	margin: 0px;
	border: none;
}

/*** List Top Rss ***/
.list-rss-top {
	margin-bottom: 20px;
}

.list-rss-top .cts {
	overflow: auto;
	padding: 5px;
	height: 610px;
	margin-bottom: 20px;
}

.list-rss-top .cts ul {
	margin: 0px;
}

.list-rss-top .cts .cell {
	float: none;
	width: auto;
	height: 86px;
	margin: 0px;
	padding: 5px;
	border: none;
	border-bottom: dotted 1px #ccc;
}

.list-rss-top .cts .cell:last-child {
	border-bottom: none;
}

.list-rss-top .cts .cell:after {
	content: '';
	display: block;
	clear: both;
}

.list-rss-top .cts .link:hover {
	background: #eee;
}

.list-rss-top .cts .img {
	float: left;
	margin-right: 10px;
	border: none;
	border-radius:7px;
}

.list-rss-top .cts .img>img {
	width: 60px;
	height: 60px;
}

.list-rss-top .cts .date {
	padding-bottom: 5px;
	color: #f59;
	font-size: 10px;
	line-height: 10px;
}

.list-rss-top .cts .tit {
	margin: 0px;
	line-height: 14px;
	text-align: left;
}

.list-rss-top .cts .cmt {
	margin: 3px 0px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

.list-rss-top .foot {
	border-top: none;
	padding: 0px;
}

.list-rss-top .foot li a {
	margin: 0px;
	border: none;
}

.list-rss .head {
	background: #BB99EE;
}

.list-rss-search .head {
	background: #BB99EE;
}

.list-rss .head:after {
	border-top: 10px solid #BB99EE;
}

/*** List Closeup ***/
.list-closeup .cts .cell {
	width: 390px;
	height: 244px;
}

.list-closeup .cts .img {
	height: 161px;
}

.list-closeup .cts .img>img {
	width: 388px;
}

.list-closeup .cts .img .info {
	bottom: -161px;
}

/*** List CLM ***/
.list-clm .cts .cell {
	width: 390px;
	height: 290px;
	overflow: hidden;
}

.list-clm .cts .img>img {
	width: 388px;
	height: 218px;
}

.list-clm .cts .play {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 72px;
	margin: auto;
	text-align: center;
}

.list-clm .cts .play a {
	display: inline-block;
	width: 88px;
	margin: 5px;
	padding: 9px 0;
	border: solid 1px rgba(255, 255, 255, 0.6);
	background: rgba(0, 0, 0, 0.4);
	font-size: 12px;
	line-height: 12px;
}

.list-clm .cts .play a:hover {
	background: rgba(255, 255, 255, 1.0);
	color: #222;
}

.list-clm .cts .info {
	background: #2d2427;
	text-align: center;
	height: 70px;
}

.list-clm .cts .info .tit {
	height: 16px;
}

.list-clm .cts a {
	color: #fff;
}

.list-clm .cts .cmt {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 120px;
	opacity: 0;
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	margin: 0px;
	padding: 5px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	font-family: メイリオ;
	text-align: center;
	text-shadow: 0px 0px 7px #000000;
}

.list-clm .cts .link:hover .cmt {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.14s ease-in-out 0.1s;
	-moz-transition: all 0.14s ease-in-out 0.1s;
	-o-transition: all 0.14s ease-in-out 0.1s;
	-ms-transition: all 0.14s ease-in-out 0.1s;
	transition: all 0.14s ease-in-out 0.1s;
}

.list-clm .cts .clm_lst_2 {}

.list-clm .cts .clm_lst_2 li {
	height: 244px;
}

/*** List History ***/
.list-history .cts .cell {
	width: 800px;
	margin-left: 20px;
	padding: 0px 10px;
}

.list-history .cts .cell:hover {
	background: none;
}

.list-history .cts .cell table {
	width: 100%;
	font-size: 10px;
	line-height: 14px;
}

.list-history .cts .cell table tr:not(:first-child) {
	border-top: solid 1px #ccc;
}

.list-history .cts .cell table .ti {
	width: 95px;
	color: #f37497;
	text-align: center;
}

.list-history .cts .cell .img {
	padding: 5px;
	border: none;
	background: none;
}

.list-history .cts .cell .img img {
	width: 60px;
	height: 60px;
	border-radius: 7px;
}

.list-history .cts .tit,
.list-history .cts .cmt {
	text-align: left;
}

.list-history .cts .link:hover {
	background: #fff;
}

/*** List Event ***/
.list-event .head {
	background: #F5E564;
}

.list-event .head:after {
	border-top: 10px solid #F5E564;
}

.list-event .cts .cell {
	width: 800px;
	margin-left: 20px;
}

.list-event .cts .cell:hover {
	background: none;
}

.list-event .cts .cell table {
	width: 100%;
}

.list-event .cts .cell table tr:not(:first-child) {
	border-top: solid 1px #ccc;
}

.list-event .cts .cell table .w1 {
	background: #f2f2ff;
	color: blue;
}

.list-event .cts .cell table .w2 {
	background: #fff8f8;
	color: red;
}

.list-event .cts .cell table .ti {
	width: 95px;
	padding: 5px 0px;
	border-right: solid 1px #ccc;
	text-align: center;
}

.list-event .cts .cell table .bd li:not(:first-child) {
	border-top: solid 1px #ccc;
}

.list-event .cts .cell table .bd li>div,
.list-event .cts .cell table .bd li>a {
	display: table-cell;
	vertical-align: middle;
}

.list-event .cts .cell .img {
	padding: 8px;
	border: none;
	background: none;
}

.list-event .cts .cell .img>img {
	width: 60px;
	border-radius:7px;
}

.list-event .cts .cmt {
	color: #499d58;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}

.list-event .cts .shop {
	margin: 0px 0px 0px 5px;
}

.list-event .cts .link:hover {
	background: #fff;
}

.list-event .cmt_s {
	color: #777;
	padding-left: 16px;
	padding-bottom: 2px;
}

/*** List Topics ***/
/*** List Gravure ***/
/*** List Special ***/
/*** List Movie ***/
/*** List Present ***/
/*** List Discount ***/
.list-topics .cts .cell,
.list-gravure .cts .cell,
.list-special .cts .cell,
.list-movie .cts .cell,
.list-present .cts .cell,
.list-shop-info .cts .cell {
	width: 253px;
	height: 353px;
}

.list-shop-info .head {
	background: #EE55BB;
}

.list-shop-info .head:after {
	border-top: 10px solid #EE55BB;
}

.list-topics .cts .cell .img>img,
.list-gravure .cts .cell .img>img,
.list-special .cts .cell .img>img,
.list-movie .cts .cell .img>img,
.list-present .cts .cell .img>img,
.list-shop-info .cts .cell .img>img {
	width: 251px;
	height: 188px;
}

/*** List Shop Movie ***/
.list-shop-mov .cts .cell {
	width: 185px;
	height: 274px;
}

.list-shop-mov .cts .cell .img>img {
	width: 183px;
	height: 137px;
}

.list-shop-mov .cmt,
.list-shop-mov .play {
	display: none;
}

.list-shop-mov .head {
	background: #FF4499;
}

.list-shop-mov .head:after {
	border-top: 10px solid #FF4499;
}

/*** List Staff CM ***/
.list-staff-cm .cts .cell {
	width: 185px;
	overflow: hidden;
}

.list-staff-cm .cts .img {
	border: none;
}

.list-staff-cm .cts .img>img {
	width: 183px;
	height: 263px;
}

.list-staff-cm .cts .img .info {
	bottom: 0px;
}

.list-staff-cm .cts .img .info * {
	margin: 0px;
	color: #fff;
}

/*** List Blog ***/
.list-rss .cts .cell {
	width: 253px;
}

.list-rss .cts .img {
	float: left;
	border-right: solid 1px #ccc;
	border-bottom: none;
}

.list-rss .cts .tit {
	overflow: hidden;
	height: 50px;
	padding-left: 5px;
	text-align: left;
}

.list-rss .cts .info {
	left: 101px;
	background: none;
}

.list-rss .cts .info div {
	padding-left: 5px;
	text-align: left;
}

/*** List Number ***/
.list-number .cts .cell {
	width: 253px;
}

.list-number .cts .cell .img {
	float: left;
	margin-right: 5px;
	border-right: solid 1px #ccc;
	border-bottom: none;
}

.list-number .cts .cell .img>img {
	width: 100px;
}

.list-number .cts .area {
	margin-top: 5px;
}

.list-number .cts .shop {
	margin-bottom: 5px;
	margin-right: 5px;
}

.list-number .cts .info {
	left: 106px;
	margin-bottom: 10px;
	background: none;
	text-align: left;
}

.list-number .cts .tit {
	margin: 0px;
	text-align: left;
}

.list-number .cts .cmt {
	display: none;
}

/*** List Shop Group ***/
.list-shop-grp .cts .cell {
	overflow: hidden;
	width: 800px;
	background: #2d2427;
}

.list-shop-grp .cts .img {
	float: left;
	width: 36%;
	margin: 35px;
	border: none;
}

.list-shop-grp .cts a {
	color: #fff;
}

.list-shop-grp .cts .tit {
	margin-top: 35px;
	font-size: 14px;
	text-align: left;
}

.list-shop-grp .cts .kana {
	color: #ccc;
}

.list-shop-grp .cts .cmt {
	color: #fff;
	margin-right: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
}

/*** grp-btn ***/
.list-shop-grp-btn {
	font-size: 12px;
	line-height: 12px;
	margin-left: -10px;
	margin-bottom: 17px;
}

.list-shop-grp-btn:after {
	content: '';
	display: block;
	clear: both;
}

.list-shop-grp-btn li {
	float: left;
	width: 253px;
}

.list-shop-grp-btn a {
	display: block;
	margin-left: 10px;
	margin-bottom: 3px;
	padding: 13px 15px;
	border: solid px #2d2427;
	background: #f37497;
	color: #fff;
	border-radius: 10px;
}

.list-shop-grp-btn a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

/* del st*/
.list-shop-grp-item {
	padding-top: 40px;
	background: #161616;
}

.list-shop-grp-item:after {
	content: '';
	display: block;
	clear: both;
}

.list-shop-grp-item .item {
	float: left;
	margin-left: 20px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

.list-shop-grp-item .item img {
	width: 135px;
	margin-bottom: 5px;
	border: solid 1px #333333;
}

.list-shop-grp-item .item:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
	color: #f59;
	opacity: 0.8;
}

.list-shop-grp-item .item:hover img {
	opacity: 0.6;
}

/* del end*/



.list-shop-grp-shop {
	padding-top: 0px;
	background: #799e9e;
}

.list-shop-grp-shop .grp-sub {
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 6px 24px;
	color: #949494;
	font-size: 12px;
	line-height: 12px;
	background: #2d2427;
}

.list-shop-grp-shop ul:after {
	content: '';
	display: block;
	clear: both;
}

.list-shop-grp-shop li {
	float: left;
	width: 135px;
	height: 100px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

.list-shop-grp-shop li img {
	width: 135px;
	border-radius:7px;
}

.list-shop-grp-shop li p {
	margin-top: 5px;
}

.list-shop-grp-shop li:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
}

.list-shop-grp-shop li:hover a {
	color: #f59;
}

.list-shop-grp-shop li:hover img {
	opacity: 0.6;
}

/*** List Ranking Menu ***/
.list-ranking-menu .cts .cell {
	width: 144px;
}

.list-ranking-menu .cts .cell .hd {
	padding: 5px;
	font-size: 14px;
	line-height: 14px;
}

.list-ranking-menu .cts .cell .tit {
	overflow: hidden;
	white-space: nowrap;
	height: 20px;
	text-overflow: ellipsis;
}

.list-ranking-menu .cts .cell .hd img {
	width: 12px;
	height: 12px;
}

.list-ranking-menu .img>img {
	width: 142px;
}

.list.list-ranking-menu .foot li a {
	display: block;
	margin: 16px 16px;
	padding: 15px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	text-align: center;
	border-radius: 10px;
}

.list.list-ranking-menu .foot li a:hover {
	background: #ececec;
	color: #f37497;
}

/*** List Ranking ***/
.list-ranking .cts .cell {
	width: 144px;
	height: 268px;
}

.list-ranking .cts .cell:nth-child(-n+5) {
	width: 185px;
	height: 326px;
}

.list-ranking .cts .cell .hd {
	padding: 5px;
	font-size: 14px;
	line-height: 14px;
}

.list-ranking .cts .cell .hd img {
	width: 12px;
	height: 12px;
}

.list-ranking .cts .cell .img>img {
	width: 100%;
}

.list-ranking .cts .cell .shop {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 6px;
	font-size: 10px;
	text-align: center;
	text-overflow: ellipsis;
}

.list-ranking .cts .cell .tit {
	margin: 0px;
}

.list-ranking .cts .cell:nth-child(1) {
	width: 800px;
	height: 376px;
}

.list-ranking .cts .cell:nth-child(1) .img {
	float: left;
	width: 250px;
	border-right: solid 1px #ccc;
	border-bottom: none;
}

.list-ranking .cts .cell:nth-child(1) .box {
	float: left;
}

.list-ranking .cts .cell:nth-child(1) .box {
	width: 547px;
	padding: 20px;
}

.list-ranking .cts .cell:nth-child(1) .shop {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}

.list-ranking .cts .cell:nth-child(1) .kana {
	text-align: left;
}

.list-ranking .cts .cell:nth-child(1) .tit {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

.list-ranking .cts .cell:nth-child(1) .cmt {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}

/*** List New Staff List ***/
.list-staff-new .cts ul {
	width: 800px;
	margin-left: 0px;
	padding: 10px 10px;
	background: #2d2427;
}

.list-staff-new .cts .cell {
	width: 195px;
	margin-left: 0px;
	margin-bottom: 0px;
	border: none;
}

.list-staff-new .cts .img {
	border-bottom: solid 0px #ccc;
}

.list-staff-new .cts .img>img {
	width: 100%;
}

.list-staff-new .cts .name {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}

/*** List Shop ***/
/*** List Recruit ***/
.list-shop-list-all .cts .cell,
.list-rec-list-all .cts .cell {
	width: 253px;
	height: 242px;
}

.list-shop-list .cts .cell,
.list-rec-list .cts .cell {
	width: 253px;
	height: 342px;
}

.list-shop-list-all .cts .cell .hd .kana,
.list-shop-list .cts .cell .hd .kana,
.list-rec-list-all .cts .cell .hd .kana,
.list-rec-list .cts .cell .hd .kana {
	color: #ccc;
}

.list-shop-list-all .cts .cell .hd a,
.list-shop-list .cts .cell .hd a,
.list-rec-list-all .cts .cell .hd a,
.list-rec-list .cts .cell .hd a {
	color: #fff;
}

.list-shop-list-all .cts .icon,
.list-shop-list .cts .icon,
.list-rec-list-all .cts .icon,
.list-rec-list .cts .icon {
	top: 40px;
}

.list-shop-list-all .img>img,
.list-shop-list .cts .img>img,
.list-rec-list-all .img>img,
.list-rec-list .cts .img>img {
	width: 251px;
	height: 131px;
}

.list-shop-list .cts .cmt,
.list-rec-list .cts .cmt {
	padding: 8px;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}

.list-shop-list .cts .info,
.list-rec-list .cts .info {
	border-top: solid 1px #e8e8e8;
	font-size: 10px;
	line-height: 14px;
}

.list-shop-list-all .cts .info,
.list-rec-list-all .cts .info {
	background: none;
	font-size: 10px;
	line-height: 14px;
}

.list-shop-list .cts .info>div,
.list-shop-list-all .cts .info>div,
.list-rec-list .cts .info>div,
.list-rec-list-all .cts .info>div {
	height: 14px;
}

.list-rec-list-all .head {
	background: #7a94d1;
}

.list-rec-list-all .head:after {
	border-top: 10px solid #7a94d1;
}

/*** List Search Shop ***/
.list-shop-search {
	margin-bottom: 0px;
}

.list-shop-search . {
	margin-bottom: 0px;
}

/*** List Search Staff ***/
.list-search-staff {
	margin-bottom: 0px;
}

.list-search-staff .hd img {
	display: none;
}

.list-search-staff .cts .img {
	float: left;
	margin-right: 5px;
	width: 100px;
	height: 138px;
	border: none;
	border-right: solid 1px #ccc;
}

.list-search-staff .cts .shop a {
	color: #fff;
}

.list-search-staff .cts .kana_eng {
	margin: 5px;
	margin-top: 10px;
}

.list-search-staff .cts .tit {
	margin-right: 20px;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
}

.list-search-staff .cts .info {
	left: 100px;
}

.list-search-staff .cts .cmt {
	margin: 0px;
	text-align: left;
}

.form-staff-height,
.form-staff-blood,
.form-staff-birthday {
	float: left;
	width: 246px;
	height: 111px;
	margin-right: 15px;
}

.form-staff-birthday {
	margin-right: 0px;
}

.form-staff-birthday li {
	width: 64px;
}

.form-staff-seiza {
	clear: both;
}

.form-staff-seiza li {
	width: 110px;
}

.form-staff-face,
.form-staff-funny,
.form-staff-sake {
	float: left;
	width: 246px;
	margin-right: 15px;
}

.form-staff-sake {
	margin-right: 0px;
}

.form-staff-type {
	clear: both;
}

.form-staff-type li {
	width: 139px;
}

/*** List Search CM ***/
.list-staff-cm-search .cts .cell .info {
	bottom: 0px;
}

/*** List Seat Stat ***/
.list-seat_stat .cts .area-btn {
	cursor: pointer;
	position: relative;
	padding: 10px;
	background: #f37497;
	color: #fff;
	border-radius:10px;
}

.list-seat_stat .cts .area-btn .icon {
	top: 5px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 50% 3px;
	background-size: 20px 20px;
}

.list-seat_stat .cts .area-btn-up .icon {
	background-image: url('/imgs/sp/icon/up.png');
}

.list-seat_stat .cts .area-btn-down .icon {
	background-image: url('/imgs/sp/icon/down.png');
}

.list-seat_stat .cts #areaForm {
	background: #eee;
	padding: 10px;
}

.list-seat_stat .cts #areaForm .tit {
	margin: 0;
	background: none;
	font-size: 15px;
	text-align: left;
}

.list-seat_stat .cts #areaForm .cmt {
	margin: 0 30px;
	background: none;
	font-size: 13px;
}

.list-seat_stat .cts #areaForm .cmt li {
	text-align: left;
}

.list-seat_stat .cts .reload {
	cursor: pointer;
	margin: 16px 160px;
	padding: 14px;
	border-radius: 10px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	text-align: center;
}

#seat-stat-res {
	margin-top: 20px;
}

.list-seat_stat .cts .kana {
	margin-top: 4px;
	text-align: center;
}

.list-seat_stat .cts .tit {
	margin-top: 0;
	text-align: center;
}

.list-seat_stat .cts .stat {
	margin-top: 4px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	width: 140px;
	margin: auto;
	background: #e74040;
	padding: 8px 12px;
	border-radius: 20px;

}

.list-seat_stat .cts .shop_info {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	width: 140px;
	margin: 4px auto;
	background: #ca74ad;
	padding: 8px 12px;
	border-radius: 20px;

}

.list-seat_stat .cts .shop_no_info {
	height: 43px;

}

.list-seat_stat .cts .date {
	margin: 4px;
	text-align: right;
}





/******************************
	Dtl Base
*******************************/
.dtl .cts>.cell {
	position: relative;
	margin-bottom: 30px;
	border: solid 1px #2d2427;
}

.dtl .cts>.cell:after {
	content: '';
	display: block;
	clear: both;
}

.dtl .cts>.cell .hd {
	position: relative;
	padding: 10px;
	background: #2d2427;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}

.dtl .cts>.cell .hd .date {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 10px;
	height: 12px;
	margin: auto 0px;
}

.dtl .cts>.cell .thum {
	position: relative;
	float: left;
	margin-right: 10px;
	border-right: solid 1px #2d2427;
}

.dtl .cts>.cell .thum img {
	width: 251px;
	height: 188px;
}

.dtl .cts>.cell .tit {
	overflow: hidden;
	padding: 10px 10px 5px 0px;
	color: #f59;
	font-size: 14px;
	line-height: 16px;
}

.dtl .cts>.cell .cmt {
	overflow: hidden;
	padding: 0px 10px 5px 10px;
	font-size: 12px;
	line-height: 16px;
}

.dtl .cts>.cell .info {
	position: absolute;
	left: 272px;
	bottom: 10px;
}

.dtl .cts>.cell-memo {
	margin-bottom: 30px;
	padding: 20px;
	border: solid 1px #ccc;
	border-top: none;
	background: #eee;
	font-size: 12px;
	line-height: 20px;
}

.dtl .cts>.cts-bdy {
	background: #2d2427;
	color: #fff;
	padding-bottom: 30px;
}

.dtl .cts>.cts-bdy .head {
	position: relative;
	padding: 15px 0px 15px 54px;
	background: #2d2427;
	font-size: 12px;
	line-height: 14px;
}

.dtl .cts>.cts-bdy .head:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
	margin: auto;
	border-radius: 50%;
	background: #fff;
}

.dtl .cts>.cts-bdy ul:after {
	content: '';
	display: block;
	clear: both;
}


/*** Dtl Shop Group ***/
.shop-grp-pr {
	position: relative;
	margin-bottom: 50px;
}

.shop-grp-pr img {
	width: 800px;
}

.dtl-shop-grp .cts>ul {
	margin-left: -20px;
}

.dtl-shop-grp .cts .cell {
	position: relative;
	float: left;
	width: 253px;
	height: 342px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
}

.dtl-shop-grp .cts .cell .hd {
	padding: 3px;
	background: #333;
	color: #fff;
	text-align: center;
}

.dtl-shop-grp .cts .cell .hd * {
	margin: 0px;
	text-align: center;
}

.dtl-shop-grp .cts .cell .hd a {
	color: #fff;
}

.dtl-shop-grp .cts .cell .hd .kana {
	color: #ccc;
}

.dtl-shop-grp .cts .icon {
	top: 30px;
}

.dtl-shop-grp .cts .img>img {
	width: 251px;
	height: 131px;
}

.dtl-shop-grp .cts .cmt {
	margin: 5px;
	padding: 8px;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

.dtl-shop-grp .cts .info {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 5px 5px;
	border-top: solid 1px #e8e8e8;
	background: #f0f0f0;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
}

.dtl-shop-grp .cts .info>div {
	height: 14px;
}

/*** Dtl Topics ***/
.dtl-topics .cts>.cts-bdy .gallery .cell {
	float: left;
	width: 240px;
	height: 218px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.dtl-topics .cts>.cts-bdy .gallery .cell .img {
	border: none;
	background: none;
	text-align: center;
}

.dtl-topics .cts>.cts-bdy .gallery .cell .img img {
	height: 160px;
}

.dtl-topics .cts>.cts-bdy .gallery .cell .cmt {
	overflow: hidden;
	height: 62px;
	padding: 10px;
	font-size: 11px;
	line-height: 13px;
}

.dtl-topics .cts>.cts-bdy .gallery a:hover img {
	-webkit-transition: all 0.14s ease-in-out 0s;
	-moz-transition: all 0.14s ease-in-out 0s;
	-o-transition: all 0.14s ease-in-out 0s;
	-ms-transition: all 0.14s ease-in-out 0s;
	transition: all 0.14s ease-in-out 0s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.8;
}

/*** Dtl Discount ***/
.dtl-shop-discount .cts>.cts-bdy {
	background: none;
	text-align: center;
}

.dtl-shop-discount .cts>.cts-bdy img {
	width: 100%;
}

.dtl-shop-discount .cts>.cell {
	margin-bottom: 0px;
}

/*** Dtl Present ***/
.dtl-present .cts .cts-bdy {
	margin-bottom: 30px;
	border: solid 1px #ccc;
	background: #fff;
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

.dtl-present .cts .cts-bdy img {
	width: 100%;
	margin-bottom: 20px;
}

.present_foot {
	padding: 11px;
	border: solid 1px #ccc;
	color: #6d6d6d;
	background-color: #fff;
}

/*** Dtl Blog ***/
.dtl-rss .cts>.cell .thum {
	padding: 20px;
	background: #f8f8f8;
}

.dtl-rss .cts>.cell .thum img {
	width: 100px;
	height: 100px;
}

.dtl-rss .cts>.cell .info {
	left: 160px;
}

.dtl-rss .cts .cell>.btn {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.dtl-rss .cts .cts-bdy {
	background: none;
}

.dtl-rss .cts .cts-bdy li {
	position: relative;
	width: 800px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
}

.dtl-rss .cts .cts-bdy .hd {
	position: relative;
	padding: 10px;
	background: #333;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}

.dtl-rss .cts .cts-bdy .hd .date {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 10px;
	height: 12px;
	margin: auto;
}

.dtl-rss .cts .cts-bdy .cmt {
	padding: 30px 60px 70px 60px;
	background: #fff;
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

.dtl-rss .cts .cts-bdy .cmt img {
	max-width: 100%;
}

.dtl-rss .cts .cts-bdy .cmt a {
	float: none;
}

/*** Dtl Shop Movie ***/
.dtl-shop-mov .cts>.cell .thum {
	padding: 15px;
	background: #666;
}

.dtl-shop-mov .cts>.cell .thum img {
	width: 183px;
	height: 137px;
}

.dtl-shop-mov .cts>.cell .info {
	left: 237px;
}

.dtl-shop-mov .cts>.cts-bdy .cell {
	text-align: center;
}

.dtl-shop-mov .cts>.cts-bdy .cell iframe {
	width: 800px;
	height: 450px;
}

/*** Dtl Shop News ***/
.shop-news {
	display: block;
	margin-bottom: 24px;
	padding: 16px;
	background: #fffd;
	border: solid 1px #ccc;
}

.shop-news .tit {
	padding-bottom: 15px;
	color: #f59;
	font-size: 14px;
	line-height: 18px;
}

.shop-news .cmt {
	font-size: 12px;
	line-height: 16px;
}

/******************************
	Top
*******************************/

/*** Top Hotnews ***/
.hotnews {
	display: block;
	margin-top: -4px;
	margin-bottom: 24px;
	padding: 12px 12px 8px 12px;
	border: solid 4px #2d2427;
	background: #f8f8f8;
	font-size: 11px;
	line-height: 16px;
	color: #666;
}

.hotnews ul {
	list-style-type: none;
}

.hotnews li {
	display: block;
	margin-bottom: 3px;
}

.hotnews li:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	border: solid 0px #eee;
	border-radius: 100%;
	background: #60c9b1;
}

.hotnews li a:visited {
	color: #666;
}

.hotnews li a:visited {
	color: #666;
}

/*** Top Total ***/
.top-total {
	display: table;
	width: 100%;
	margin-bottom: 48px;
	margin-top: 24px;
	text-align: center;
}

.top-total li {
	display: table-cell;
	margin-left: 8px;
	color: #888;
	font-size: 12px;
	line-height: 10px;
}

/*** Top Buttom ***/
.top-btn {
	margin-bottom: 20px;
}

.top-btn ul {
	display: block;
}

.top-btn li {
	padding-bottom: 20px;
	font-size: 1px;
	line-height: 0px;
	text-align: center;
}

.top-btn a:hover img {
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

/*** Top Closeup ***/
.top-closeup {
	position: relative;
	margin-bottom: 20px;
}

.top-closeup .img {
	overflow: hidden;
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.top-closeup .img ul {
	position: relative;
	display: table;
	table-layout: fixed;
}

.top-closeup .img li {
	display: table-cell;
}

.top-closeup .img img {
	width: 800px;
}

.top-closeup .info {
	height: 105px;
	padding: 20px;
	background: #2d2427;
}

.top-closeup .tit {
	color: #b7b7b7;
	font-size: 16px;
	line-height: 16px;
}

.top-closeup .cmt {
	margin-top: 8px;
	width: 450px;
	color: #b7b7b7;
	font-size: 11px;
	line-height: 16px;
}

.top-closeup .navi {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.top-closeup .navi a {
	float: left;
	display: block;
	margin-left: 15px;
	padding: 14px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	border-radius: 10px;
}

.top-closeup .navi a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

.top-closeup .prev,
.top-closeup .next {
	cursor: pointer;
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 40px;
	height: 40px;
	margin: auto 0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px 20px;
}

.top-closeup .prev:hover,
.top-closeup .next:hover {
	background-color: #f37497;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}

.top-closeup .prev {
	left: 2px;
	background-image: url('/imgs/pc/icon/navi/prev.png');
	border-radius: 0px 10px 10px 0px;
}

.top-closeup .next {
	right: 2px;
	background-image: url('/imgs/pc/icon/navi/next.png');
	border-radius: 10px 0px 0px 10px;
}

.top-closeup .date {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 2px;
}

/*** Top CLM ***/
/*
.top-clm{
	height:342px;
	position:relative;
	padding:16px;
	background:#161616;
}
.top-clm:before{
	content:'';
	position:absolute;
	width:100px;
	height:100px;
	top:0px;
	left:8px;
   	background-image:url(/imgs/pc/icon/clm.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.top-clm .img{
	position:absolute;
	overflow:hidden;
	left:140px;
	right:140px;
	text-align:center;
}
.top-clm .img img{
	width:98%;
}
.top-clm .img:before{
	content:'';
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
	background-image:url('/imgs/pc/icon/navi/play.png');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:80px 80px;
	opacity:0.8;
}
.top-clm video{
	position:absolute;
	overflow:hidden;
	left:140px;
	right:140px;
	text-align:center;
}
.top-clm .info{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:20px;
	background:#161616;
}
.top-clm .tit{
	color:#ccc;
	font-size:16px;
	line-height:16px;
}
.top-clm .cmt{
	margin-top:4px;
	color:#aaa;
	font-size:11px;
	line-height:16px;
}
.top-clm .navi{
	position:absolute;
	right:15px;
	bottom:15px;
}
.top-clm .navi > *{
	float:left;
	display:block;
	margin-left:15px;
	padding:15px;
	background:#f0ba5b;
	color:#fff;
	font-size:12px;
	line-height:12px;
}
.top-clm .navi > div{
	background:#333;
	color:#444;
}
.top-clm .navi > a:hover{
	background:#fff;
	color:#f0ba5b;
}
.top-clm .link:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transition:all 0.12s ease-in-out 0s;
	-moz-transition:all 0.12s ease-in-out 0s;
	-o-transition:all 0.12s ease-in-out 0s;
	-ms-transition:all 0.12s ease-in-out 0s;
	transition:all 0.12s ease-in-out 0s;
	opacity:0.8;
}
*/

.top-clm {
	position: relative;
	margin-bottom: 30px;
	background: #222;
	text-align: center;
}

.top-clm:before {
	content: "毎月25日更新";
	color: #f8f8f8;
	z-index: 999;
	font-family: arial;
	font-size: 13px;
	position: absolute;
	top: 23%;
	right: 88%;
	text-shadow: 1px 1px 1px #515151;
}

.top-clm:after {
	z-index: 1;
	content: '';
	position: absolute;
	display: block;
	top: -4px;
	left: -5px;
	opacity: 50%;
	width: 82px;
	height: 82px;
	background: url('/imgs/pc/icon/clm.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 80% 80%;
}

.top-clm>img {
	width: 510px;
	margin: 20px 0 65px 0;
}

.top-clm .info {
	position: absolute;
	left: 10px;
	right: 210px;
	bottom: 6px;
	padding: 5px 5px;
	color: #fff;
	text-shadow: black 1px 1px 5px, black 1px -1px 7px, black 1px -1px 10px;
}

.top-clm .info .tit {
	margin-bottom: 3px;
	font-size: 16px;
	float: left;
	line-height: 24px;
}

.top-clm .info .cmt {
	font-size: 12px;
	float: left;
	line-height: 24px;
	margin-left: 20px;
}

.top-clm a {
	display: inline-block;
	padding: 12px 0;
	color: #fff;
	text-align: center;
	border-radius: 10px;
}

.top-clm .play {
	position: absolute;
	bottom: 92px;
	left: 0;
	right: 0;
	text-align: center;
}

.top-clm .play a {
	width: 120px;
	margin: 0 10px;
	background: #101010;
	font-size: 12px;
	line-height: 11px;
	opacity:0.8;
	border:solid 1px #656565;
}

.top-clm .play a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #101010;
}

.top-clm .navi {
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-align: center;
}

.top-clm .navi a {
	width: 90px;
	margin-left: 10px;
	background: #f37497;
	font-size: 12px;
	line-height: 12px;
}

.top-clm .navi a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

.top-clm .date {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 2px;
}

/*** Top Zengra ***/
.top-zengra {
	position: relative;
	overflow: hidden;
	height: 342px;
	margin-bottom: 30px;
	background: #2d384e;
}

.top-zengra .img:after {
	content: "毎月10日更新";
	color: #f8f8f8;
	z-index: 999;
	font-family: arial;
	font-size: 13px;
	position: absolute;
	top: 23%;
	right: 88%;
	text-shadow: 1px 1px 1px #515151;
}

.top-zengra:before {
	z-index: 1;
	content: '';
	position: absolute;
	opacity: 90%;
	width: 70px;
	height: 70px;
	background-image: url(/imgs/pc/icon/zengra.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 80% 80%;
}

.top-zengra .info {
	position: relative;
	height: 56px;
	padding: 0 0 0 20px;
	margin-top: 16px;
	background: #2d384e;
}

.top-zengra .info .tit {
	color: #ccc;
	font-size: 16px;
	line-height: 10px;
}

.top-zengra .info .tit .sub {
	font-size: 12px;
	width: 470px;
	margin-top: 8px;
	color: #aaa;
}

.top-zengra .info .cmt {
	width: 470px;
	margin-top: 8px;
	color: #aaa;
	font-size: 16px;
	line-height: 10px;
	font-size: 11px;
	line-height: 16px;
}

.top-zengra .info .navi {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.top-zengra .info .navi a {
	float: left;
	display: block;
	margin-left: 15px;
	padding: 14px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	border-radius: 10px;
}

.top-zengra .info .navi>a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

.top-zengra .link:hover img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
}


/*** Top Area Gate ***/
.top-area-gate {
	margin-bottom: 40px;
}

.top-area-gate>.img {
	border-radius: 50%;
}

.top-area-gate:before {
	content: 'AREA GATE';
	display: block;
	padding-bottom: 10px;
	color: #f37497;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.top-area-gate ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.top-area-gate .cell {
	position: relative;
	display: table-cell;
	padding: 10px 0px;
	text-align: center;
}

.top-area-gate .cell:nth-child(2n+1) {
	background: #f8f8f8;
}

.top-area-gate .cell:nth-child(2n) {
	background: #e9e9e9;
}

.top-area-gate .cell .img {
	width: 100%;
}

.top-area-gate .cell .img>img {
	border-radius: 50%;
	border: solid 1px #2d2427;
	width: 62px;
}

.top-area-gate .cell .img>img:hover {
	z-index: 1;
	background: #fff;
	color: #ff7f7f;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all 0.10s ease-in-out 0s;
	-moz-transition: all 0.10s ease-in-out 0s;
	-o-transition: all 0.10s ease-in-out 0s;
	-ms-transition: all 0.10s ease-in-out 0s;
	transition: all 0.10s ease-in-out 0s;
}

.top-area-gate .cell a {
	display: block;
	font-size: 10px;
	color: #f76161;
	background: #;
	padding: 3px 0px;
	width: 67px;
	border-radius: 6px;
	margin: 10px auto 0;
}

.top-area-gate .cell .cmt {
	transition: 0.1s;
	z-index: 100;
	opacity: 0;
	position: absolute;
	width: 222px;
	margin-top: 25px;
	margin-left: -10px;
	padding: 16px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

.top-area-gate .cell .cmt:after {
	content: '';
	position: absolute;
	display: block;
	top: -20px;
	left: 45px;
	border: 10px solid transparent;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
}

.top-area-gate .cell:last-child .cmt {
	right: -20px;
}

.top-area-gate .cell:last-child .cmt:after {
	right: 55px;
	left: auto;
}

.top-area-gate .link:hover .img {}

.top-area-gate .link:hover a {
	color: #fff;
	background: #ff7f7f;
}

.top-area-gate .link:hover .cmt {
	opacity: 1;
}

/*** Top Blog & History ***/
.top-blog-his {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.top-blog-his>div {
	display: table-cell;
}

.top-blog-his>div:first-child {
	padding-right: 10px;
}

.top-blog-his>div:last-child {
	padding-left: 10px;
}


/*** Top Seat Stat ***/
.seat-stat-top {
	margin-bottom: 40px;
	background: #e7e7e7;
	border: solid 1px #000;
}

.seat-stat-top .head {
	padding: 18px 0 18px 20px;
	color: #f76161;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: 6px;
}

.seat-stat-top .cts {
	text-align: center;
}

.seat-stat-top .cts ul:after {
	content: '';
	display: block;
	clear: both;
}

.seat-stat-top .cts ul li {
	position: relative;
	float: left;
	width: 136px;
	margin-left: 20px;
}

.seat-stat-top .cts .hd {
	padding: 6px 0;
	color: #3c3c3c;
}

.seat-stat-top .cts ul li img {
	width: 100%;
	margin-bottom: 6px;
	border-radius:7px;
}

.seat-stat-top .cts ul li .area {
	margin-bottom: 0;
	font-size: 9px;
	line-height: 12px;
}

.seat-stat-top .cts ul li .shop {
	margin-bottom: 6px;
}

.seat-stat-top .cts ul li .shop a {
	color: #6d6d6d;
	font-size: 10px;
}

.seat-stat-top .cts ul li .stat {
	color: #f76161;
	font-size: 12px;
}

.seat-stat-top .foot {
	padding: 20px 0;
}

.seat-stat-top .foot ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.seat-stat-top .foot li {
	display: table-cell;
	text-align: center;
}

.seat-stat-top .foot li a {
	display: block;
	margin: 0 160px;
	padding: 14px;
	background: #f37497;
	color: #fff;
	font-size: 12px;
	line-height: 6px;
	text-align: center;
	border-radius: 10px;
}


/******************************
	BNR
*******************************/

/*** Bnr Index ***/
.bnr-index {
	margin-bottom: 20px;
	font-size: 10px;
}

.bnr-index:after {
	content: '';
	display: block;
	clear: both;
}

.bnr-index .img img {
	width: 100%;
}

.bnr-index .info {
	overflow: hidden;
	float: left;
	padding: 5px;
	line-height: 12px;
}

.bnr-index .info .hd {
	font-weight: bold;
}

.bnr-index .cmt {
	overflow: hidden;
	padding: 5px 5px 5px 50px;
	line-height: 16px;
}

/*** Bnr Index List ***/
.bnr-index-list {}

.bnr-index-list ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bnr-index-list ul:after {
	content: '';
	display: block;
	clear: both;
}

.bnr-index-list li {
	width: 33.333%;
	float: left;
	line-height: 0px;
	text-align: center;
}

.bnr-index-list li img {
	width: 100%;
}

/*** Bnr Top ***/
.bnr-top {
	position: relative;
	margin-bottom: 26px;
	background: #2d2427
}

.bnr-top .spc {
	position: relative;
	overflow: hidden;
	width: 723px;
	margin-left: auto;
	margin-right: auto;
}

.bnr-top .spc ul {
	position: relative;
	display: table;
	table-layout: fixed;
}

.bnr-top .spc li {
	display: table-cell;
}

.bnr-top .spc li img {
	width: 723px;
}

.bnr-top .prev,
.bnr-top .next {
	cursor: pointer;
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 35px;
	height: 35px;
	margin: auto 0px;
	border-radius: 50%;
	background-color: rgba(45 36 39);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 16px 16px;
}

.bnr-top .prev:hover,
.bnr-top .next:hover {
	background-color: #f37497;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	border-radius: 0%;
}

.bnr-top .prev {
	left: 2px;
	background-image: url('/imgs/pc/icon/navi/prev.png');
}

.bnr-top .next {
	right: 2px;
	background-image: url('/imgs/pc/icon/navi/next.png');
}

/*** Bnr Top List ***/
.bnr-top-list {
	width: 730px;
	margin-left: 35px;
	margin-bottom: 20px;
}

.bnr-top-list:before {
	content: 'SPONSORED LINKS';
	display: block;
	margin-bottom: 20px;
	padding: 10px;
	border-top: solid 1px #f76161;
	border-bottom: solid 1px #f76161;
	color: #f76161;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.bnr-top-list ul {
	margin-left: -20px;
}

.bnr-top-list ul:after {
	content: '';
	display: block;
	clear: both;
}

.bnr-top-list li {
	float: left;
	margin-left: 20px;
	margin-bottom: 14px;
}

.bnr-top-list a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
}

/*** Bnr Sub ***/
.bnr-sub a {
	display: block;
	margin-bottom: 20px;
}

.bnr-sub a img {
	width: 300px;
}

.bnr-sub a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
}

/*** Bnr Mov ***/
.bnr-mov video {
	margin-bottom: 20px;
	cursor: pointer;
	cursor: hand;
}

.bnr-mov p {
	display: none;
	margin-top: 4px;
	margin-bottom: 20px;
	text-align: center;
}

/******************************
	Shop
*******************************/
/*** Shop PR ***/
.shop-pr {
	position: relative;
	margin-bottom: 20px;
}

.shop-pr img {
	width: 800px;
}

/*** Shop Seat ***/
.shop-seat-stat {
	position: relative;
	margin: -15px -15px 30px -15px;
	padding: 12px;
	font-size: 10px;
	background-color: #f37497;
}

.dtl-shop-discount .shop-seat-stat {
	margin: 0;
}

.shop-seat-stat .stat {
	color: #fff;
	text-align: left;
}

.shop-seat-stat .stat span {
	position: absolute;
	top: 15px;
	left: 106px;
/*
	animation: flash 2.2s linear infinite;
*/
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	top:
}

@keyframes flash {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

.shop-seat-stat .app {
	color: #fff;
	text-align: left;
}

.shop-seat-stat .btn {
	position: absolute;
	top: 10px;
	right: 10px;
}

.shop-seat-stat .btn li {
	float: left;
	width: 46px;
	height:33px;
	margin-left: 4px;
	border-radius: 10px;
	background: #3c3c3c;
	text-align: center;
	line-height:12px;
}

.shop-seat-stat .btn li>* {
	position: relative;
	top: 2px;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 9px 0px;
	background: none;
	color: #fff;
	font-size: 10px;
}

.shop-seat-stat .btn:after {
	content: '';
	display: block;
	clear: both;
}

.shop-seat-stat-cmt {
	display: none;
	z-index: 3000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.shop-seat-stat-cmt .bg {
	position: absolute;
	background-color: #000;
	opacity: 0.7;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.shop-seat-stat-cmt .cmt {
	position: absolute;
	margin: 280px;
	padding: 16px;
	border-radius: 16px;
	background-color: #fff;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color:#4e494a;
	font-size:13px;
}

.shop-seat-stat-cmt .close {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 34px;
	height: 34px;
	border-radius: 16px;
	border: solid 2px #aaa;
	background-color: #fff;
	background-image: url('/imgs/sp/icon/close.png');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 18px;
}



/*** Shop COVID19 ***/
.shop-covid19 {
	//	position:absolute;
	//	bottom:-10px;
	left: 10px;
	width: 50px;
	z-index: 99;
	margin-top: 10px;
	border: solid 1px #ccc;
	display:none;
}

.shop-covid19 img {
	width: 100%;
	display:none;
}

.shop-covid19-view {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	padding: 10%;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	z-index: 2000;
}

.shop-covid19-view img {
	width: 50%;
}

/*** Shop Menu ***/
.shop-menu {
	margin-bottom: 30px;
}

.shop-menu ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.shop-menu li {
	cursor: pointer;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 12px 9px;
	border-right: none;
	background: #ccc;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}

.shop-menu li:hover {
	color: #333;
}

.shop-menu li:after {
	content: '';
	display: none;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #ccc;
}

.shop-menu .select:after {
	display: block;
}

.shop-menu .select,
.shop-menu .select:hover {}

.shop-menu .non,
.shop-menu .non:hover {
	cursor: auto;
}

.shop-menu li:nth-child(1) {
	background: #9d8;
}

.shop-menu li:nth-child(1):after {
	border-top: 10px solid #9d8;
}

.shop-menu li:nth-child(1):hover {
	transition: 0.12s;
	background: #333;
	color: #9d8;
}

.shop-menu li:nth-child(1):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(1)[class=non],
.shop-menu li:nth-child(1)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(2) {
	background: #7b6;
}

.shop-menu li:nth-child(2):after {
	border-top: 10px solid #7b6;
}

.shop-menu li:nth-child(2):hover {
	transition: 0.12s;
	background: #333;
	color: #7b6;
}

.shop-menu li:nth-child(2):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(2)[class=non],
.shop-menu li:nth-child(2)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(3) {
	background: #F5E564;
}

.shop-menu li:nth-child(3):after {
	border-top: 10px solid #F5E564;
}

.shop-menu li:nth-child(3):hover {
	transition: 0.12s;
	background: #333;
	color: #F5E564;
}

.shop-menu li:nth-child(3):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(3)[class=non],
.shop-menu li:nth-child(3)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(4) {
	background: #fc5;
}

.shop-menu li:nth-child(4):after {
	border-top: 10px solid #fc5;
}

.shop-menu li:nth-child(4):hover {
	transition: 0.12s;
	background: #333;
	color: #fc5;
}

.shop-menu li:nth-child(4):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(4)[class=non],
.shop-menu li:nth-child(4)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(5) {
	background: #f96;
}

.shop-menu li:nth-child(5):after {
	border-top: 10px solid #f96;
}

.shop-menu li:nth-child(5):hover {
	transition: 0.12s;
	background: #333;
	color: #f96;
}

.shop-menu li:nth-child(5):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(5)[class=non],
.shop-menu li:nth-child(5)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(6) {
	background: #f7a;
}

.shop-menu li:nth-child(6):after {
	border-top: 10px solid #f7a;
}

.shop-menu li:nth-child(6):hover {
	transition: 0.12s;
	background: #333;
	color: #f7a;
}

.shop-menu li:nth-child(6):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(6)[class=non],
.shop-menu li:nth-child(6)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(7) {
	background: #f49;
}

.shop-menu li:nth-child(7):after {
	border-top: 10px solid #f49;
}

.shop-menu li:nth-child(7):hover {
	transition: 0.12s;
	background: #333;
	color: #f49;
}

.shop-menu li:nth-child(7):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(7)[class=non],
.shop-menu li:nth-child(7)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(8) {
	background: #ca74ad;
}

.shop-menu li:nth-child(8):after {
	border-top: 10px solid #ca74ad;
}

.shop-menu li:nth-child(8):hover {
	transition: 0.12s;
	background: #333;
	color: #ca74ad;
}

.shop-menu li:nth-child(8):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(8)[class=non],
.shop-menu li:nth-child(8)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(9) {
	background: #b9e;
}

.shop-menu li:nth-child(9):after {
	border-top: 10px solid #b9e;
}

.shop-menu li:nth-child(9):hover {
	transition: 0.12s;
	background: #333;
	color: #b9e;
}

.shop-menu li:nth-child(9):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(9)[class=non],
.shop-menu li:nth-child(9)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

.shop-menu li:nth-child(10) {
	background: #7a94d1;
}

.shop-menu li:nth-child(10):after {
	border-top: 10px solid #7a94d1;
}

.shop-menu li:nth-child(10):hover {
	transition: 0.12s;
	background: #333;
	color: #aaf;
}

.shop-menu li:nth-child(10):hover:after {
	transition: 0.12s;
	border-top: 10px solid #333;
}

.shop-menu li:nth-child(10)[class=non],
.shop-menu li:nth-child(10)[class=non]:hover {
	color: #cbcbcb;
	background: #e7e7e7;
}

/*** Shop System ***/
.shop-system-tbl {
	margin-bottom: 30px;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 16px;
}

.shop-system-tbl table {
	width: 600px;
	margin: auto;
}

.shop-system-tbl tr:not(:first-child) {
	border-top: dotted 1px #ccc;
}

.shop-system-tbl td {
	padding: 15px 0px;
}

.shop-system-tbl .ti {
	width: 180px;
	color: #f59;
}

.shop-system-tbl .memo {
	display: inline-block;
	padding: 5px;
	background: #f37497;
	color: #fff;
}

/*** Shop System Photo ***/
.shop-photo {
	margin-bottom: 30px;
	padding: 10px;
	background: #161616;
}

.shop-photo ul:after {
	content: '';
	display: block;
	clear: both;
}

.shop-photo li {
	float: left;
	width: 156px;
	height: 156px;
	padding: 10px;
	font-size: 1px;
	line-height: 0px;
	text-align: center;
}

.shop-photo a {
	position: relative;
}

.shop-photo a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
	opacity: 0.8;
}

/*** Shop Group List ***/
.shop-grp-list {
	padding-bottom: 30px;
}

.shop-grp-list .cts .cell {
	float: none;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: #2d2427;
	color: #fff;
}

.shop-grp-list .cts .cell>.tit {
	margin: 0px;
	padding: 10px;
	background: #2d2427;
}

.shop-grp-list .cts .cell>.tit a {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
}

.shop-grp-list .cts .cell>.tit .kana {
	color: #ccc;
}

.shop-grp-list .cts .cell>.grp {
	padding-top: 40px;
}

.shop-grp-list .cts .cell>.grp .grp-sub {
	margin: 10px;
	padding: 0 0 4px 8px;
	border-bottom: solid 1px #262626;
	color: #ddd;
	font-size: 12px;
	line-height: 12px;
}

.shop-grp-list .cts .cell>.grp ul:after {
	content: '';
	display: block;
	clear: both;
}

.shop-grp-list .cts .cell>.grp li {
	float: left;
	width: 136px;
	height: 100px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.shop-grp-list .cts .cell>.grp li img {
	width: 135px;
	border: solid 1px #333333;
}

.shop-grp-list .cts .cell>.grp li>a {
	color: #fff;
}

.shop-grp-list .cts .cell>.grp li>div {
	padding-top: 5px;
	font-size: 11px;
	line-height: 15px;
}

.shop-grp-list .cts .cell>.grp li:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
}

.shop-grp-list .cts .cell>.grp li:hover a {
	color: #f59;
}

.shop-grp-list .cts .cell>.grp li:hover img {
	opacity: 0.6;
}

/*** del st***/
.shop-grp-list .cts .cell>.grp .item {
	float: left;
	width: 136px;
	height: 121px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.shop-grp-list .cts .cell>.grp .item a img {
	width: 135px;
	border: solid 1px #333333;
}

.shop-grp-list .cts .cell>.grp .item a img:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
	color: #f59;
	opacity: 0.8;
}

.shop-grp-list .cts .cell>.grp .item>div {
	margin-top: 5px;
	font-size: 11px;
	line-height: 13px;
}

/*** del end***/



/*** Shop Map ***/
.shop-map .cts {
	padding-bottom: 10px;
}

.shop-system .head,
.shop-map .head {
	background: #77BB66;
}

.shop-system .head:after,
.shop-map .head:after {
	border-top: 10px solid #77BB66;
}

#map_canvas {
	overflow: hidden;
	width: 800px;
	height: 500px;
	border: solid 1px #ccc;
}

/*** Shop Number List ***/
/*** Shop Staff List ***/
.shop-number-list .cts .cell,
.shop-staff-list .cts .cell {
	width: 144px;
}

.shop-number-list .img,
.shop-staff-list .img {
	overflow: hidden;
}

.shop-number-list .img img,
.shop-staff-list .img img {
	width: 142px;
	height: 198px;
}

.shop-number-list .img .info,
.shop-staff-list .img .info {
	/*	bottom:-142px;*/
}

.shop-staff-list .post,
.shop-number-list .post {
	height: 22px;
	margin: 5px;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
}

.shop-number-list .tit,
.shop-staff-list .tit {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-align: center;
}

.shop-number-list .head,
.shop-staff-list .head {
	background: #99DD88;
}

.shop-number-list .head:after,
.shop-staff-list .head:after {
	border-top: 10px solid #99DD88;
}

.shop-number-list .cts .cell {
	height: 290px;
}

.shop-staff-list .cts .cell {
	height: 260px;
}

.shop-number-list .cts .num {
	padding: 6px;
	background: #333;
	color: #ccc;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
}

.shop-number-list .link:hover .info-arrow,
.shop-staff-list .link:hover .info-arrow {
	-webkit-transition: all 0.1s ease-in-out 0.0s;
	-moz-transition: all 0.1s ease-in-out 0.0s;
	-o-transition: all 0.1s ease-in-out 0.0s;
	-ms-transition: all 0.1s ease-in-out 0.0s;
	transition: all 0.1s ease-in-out 0.0s;
	bottom: -100px;
}

.shop-number-list .link:hover .info-balloon,
.shop-staff-list .link:hover .info-balloon {
	-webkit-transition: all 0.1s ease-in-out 0.0s;
	-moz-transition: all 0.1s ease-in-out 0.0s;
	-o-transition: all 0.1s ease-in-out 0.0s;
	-ms-transition: all 0.1s ease-in-out 0.0s;
	transition: all 0.1s ease-in-out 0.0s;
	opacity: 1;
	z-index: 100;
}

.shop-number-list .link:hover .info,
.shop-staff-list .link:hover .info {
	-webkit-transition: all 0.1s ease-in-out 0.0s;
	-moz-transition: all 0.1s ease-in-out 0.0s;
	-o-transition: all 0.1s ease-in-out 0.0s;
	-ms-transition: all 0.1s ease-in-out 0.0s;
	transition: all 0.1s ease-in-out 0.0s;
	bottom: -100px;
}

/*** Shop Event List ***/
.shop-event-list .cts ul {
	margin: 0px;
}

.shop-event-list .cts .cell {
	float: none;
	width: 100%;
	margin: 0px;
}

.shop-event-list .cts .cell:hover {
	background: none;
}

.shop-event-list .head {
	background: #F5E564;
}

.shop-event-list .head:after {
	border-top: 10px solid #F5E564;
}

.shop-event-list .cmt_s {
	font-size: 11px;
	line-height: 14px;
	display: block;
	border: solid 1px #ccc;
	background-color: #e7e7e7;
	margin: 8px;
	padding: 5px;
	color: #666;
}

/*** Shop Topics List ***/
/*** Shop Gravure List ***/
/*** Shop Special List ***/
/*** Shop Discount List ***/
.shop-topics-list .cts .cell,
.shop-gravure-list .cts .cell,
.shop-special-list .cts .cell,
.shop-movie-list .cts .cell,
.shop-discount-list .cts .cell {
	width: 253px;
	height: 300px;
}

.shop-topics-list .cts .cell .img>img,
.shop-gravure-list .cts .cell .img>img,
.shop-special-list .cts .cell .img>img,
.shop-discount-list .cts .cell .img>img {
	width: 100%;
}

.shop-discount-list .head {
	background: #ca74ad;
}

.shop-discount-list .head:after {
	border-top: 10px solid #ca74ad;
}

.shop-discount-list .cts .img {
	color: #f59;
}

.shop-topics-list .cts .img img,
.shop-gravure-list .cts .img img,
.shop-gravure-list .head {
	background: #FF9966;
}

.shop-gravure-list .head:after {
	border-top: 10px solid #FF9966;
}

.shop-special-list .cts .img img {
	width: 251px;
	height: 188px;
}

.shop-special-list .head {
	background: #FF77AA;
}

.shop-special-list .head:after {
	border-top: 10px solid #FF77AA;
}

.shop-topics-list .head {
	background: #FFCC55;
}

.shop-topics-list .head:after {
	border-top: 10px solid #FFCC55;
}

/*** Shop Movie List ***/
.shop-movie-list .head {
	background: #333;
}

.shop-movie-list .head:after {
	border-top: 10px solid #333;
}

.shop-mov-list .cts .cell {
	width: 185px;
	height: 286px;
}

.shop-mov-list .cts .img img {
	width: 183px;
	height: 137px;
}

.shop-mov-list .play {
	display: none;
}

.shop-mov-list .head {
	background: #FF4499;
}

.shop-mov-list .head:after {
	border-top: 10px solid #FF4499;
}

/*** Shop Blog List ***/
.shop-rss-list .cts .cell {
	width: 253px;
}

.shop-rss-list .cts .img {
	float: left;
	border-right: solid 1px #ccc;
	border-bottom: none;
}

.shop-rss-list .cts .tit {
	overflow: hidden;
	height: 50px;
	padding-left: 5px;
	text-align: left;
}

.shop-rss-list .cts .info {
	left: 101px;
	background: none;
	text-align: left;
}

.shop-rss-list .head {
	background: #BB99EE;
}

.shop-rss-list .head:after {
	border-top: 10px solid #BB99EE;
}

/*** Shop Recruit List ***/
.shop-rec .cts .cell {
	float: none;
	margin-bottom: 30px;
	padding: 0px;
	background: #fff;
}

.shop-rec .cts .cell:hover {
	background: none;
}

.shop-rec-menu {
	margin-bottom: 16px;
}

.shop-rec-menu ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.shop-rec-menu li {
	display: table-cell;
	padding: 10px;
}

.shop-rec-menu li a,
.shop-rec-menu li div {
	display: block;
	padding: 18px;
	background: #7a94d1;
	color: #fff;
	font-size: 12px;
	line-height: 0px;
	text-align: center;
	border-radius: 10px
}

.shop-rec-menu .non>div {
	border: solid 1px #eee;
	background: #eee;
	color: #ccc;
}

.shop-rec-menu a:hover {
	transition: 0.12s;
	background: #333;
	color: #7a94d1;
}

.shop-rec-tbl {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
}

.shop-rec-tbl tr {
	border-top: solid 1px #ccc;
}

.shop-rec-tbl td {
	padding: 20px;
	background-color: #fff;
}

.shop-rec-tbl tr:first-child {
	border-top: none;
}

.shop-rec-tbl .ti_main {
	padding: 15px;
	background: #333;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
}

.shop-rec-tbl .ti {
	background-color: #eee;
	width: 150px;
	border-right: solid 1px #ccc;
	color: #f37497;
	text-align: center;
}

.shop-rec-tbl .ti2 {
	color: #f59;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.shop-rec-tbl a {
	font-size: 14px;
}

.shop-rec-tbl a[href^='#'] {
	display: inline-block;
	padding: 11px 12px 9px 12px;
	background: #7a94d1;
	color: #fff;
	border-radius: 10px;
	margin: 4px;
}

.shop-rec-tbl a[href^='#']:hover {
	transition: 0.12s;
	background: #555;
	color: #7a94d1;
}

.shop-rec-tbl a[href^='tel'] {
	display: inline-block;
	padding: 15px;
	margin: 8px 0 8px 0;
	background: #FFAF33;
	color: #fff;
	border-radius: 10px;
	line-height:10px;
}

.shop-rec-tbl a[href^='tel']:hover {
	transition: 0.12s;
	background: #555;
	color: #FFAF33;
}

.shop-rec-tbl a[href^='mailto'] {
	display: inline-block;
	padding: 15px;
	margin: 8px 0 8px 0;
	background: #5571FF;
	color: #fff;
	border-radius: 10px;
	line-height:10px;
}

.shop-rec-tbl a[href^='mailto']:hover {
	transition: 0.12s;
	background: #555;
	color: #5571FF;
}

.shop-rec-tbl a[href^='https://line.'] {
	display: inline-block;
	padding: 15px;
	margin: 8px 0 8px 0;
	background: #00c402;
	color: #fff;
}

.shop-rec-tbl a[href^='https://line.']:hover {
	transition: 0.12s;
	background: #555;
	color: #00c402;
}

.shop-rec-tbl a[href^='https://line.'] {
	display: inline-block;
	padding: 15px;
	margin: 8px 0 8px 0;
	background: #00c402;
	color: #fff;
	border-radius: 10px;
	line-height:10px;
}

.shop-rec-tbl a[href^='https://line.']:hover {
	transition: 0.12s;
	background: #555;
	color: #00c402;
}

.shop-rec-tbl a[href^='https://lin.ee'] {
	display: inline-block;
	padding: 15px;
	margin: 8px 0 8px 0;
	background: #00c402;
	color: #fff;
}

.shop-rec-tbl a[href^='https://lin.ee']:hover {
	transition: 0.12s;
	background: #555;
	color: #00c402;
}

.shop-rec-tbl a[href^='https://lin.ee'] {
	display: inline-block;
	padding: 15px;
	margin: 8px 0 8px 0;
	background: #00c402;
	color: #fff;
	border-radius: 10px;
	line-height:10px;
}

.shop-rec-tbl a[href^='https://lin.ee']:hover {
	transition: 0.12s;
	background: #555;
	color: #00c402;
}

.shop-rec .head {
	background: #7a94d1;
}

.shop-rec .head:after {
	border-top: 10px solid #7a94d1;
}

.line_m {
	display: none;
}

/*** Shop Information Sub ***/
.shop-sub-info .hd {
	display: none;
}

.shop-sub-info .img img {
	width: 300px;
}

.shop-sub-info .bs {
	padding: 15px;
}

.shop-sub-info .tit {
	color: #f59;
	font-size: 14px;
	line-height: 18px;
}

.shop-sub-info .kana {
	margin-bottom: 10px;
}

.shop-sub-info .tel,
.shop-sub-info .adrs {
	font-size: 12px;
	line-height: 16px;
}

.shop-sub-info .info {
	padding: 15px;
	background: #eee;
	font-size: 11px;
	line-height: 16px;
}

/*** Shop Links Sub ***/
.shop-sub-links .bd {
	padding-bottom: 10px;
}

.shop-sub-links .item {
	position: relative;
	height: 60px;
	padding: 24px 0px 24px 60px;
	border-top: dotted 1px #ccc;
	font-size: 12px;
	line-height: 12px;
}

.shop-sub-links .item:before {
	content: '';
	position: absolute;
	display: block;
	top: 0px;
	bottom: 0px;
	left: 20px;
	width: 26px;
	height: 26px;
	margin: auto;
	border-radius: 50%;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 30px 30px;
}

.shop-sub-links .rss {
	padding-top: 18px;
	padding-bottom: 18px;
}

.shop-sub-links .rss a {
	display: inline-block;
	overflow: hidden;
	width: 200px;
	white-space: nowrap;
	font-size: 10px;
	text-overflow: ellipsis;
}

.shop-sub-links .hp:before {
	background-image: url('/imgs/pc/icon/sns/hp.png');
}

.shop-sub-links .rec:before {
	background-image: url('/imgs/pc/icon/sns/hp.png');
}

.shop-sub-links .fb:before {
	background-image: url('/imgs/pc/icon/sns/facebook.png');
}

.shop-sub-links .tw:before {
	background-image: url('/imgs/pc/icon/sns/twitter02.png');
}

.shop-sub-links .insta:before {
	background-image: url('/imgs/pc/icon/sns/instagram.png');
}

.shop-sub-links .tiktok:before {
	background-image: url('/imgs/pc/icon/sns/tiktok.png');
}

.shop-sub-links .rss:before {
	background-image: url('/imgs/pc/icon/sns/blog.png');
}

.shop-sub-links .twcast:before {
	background-image: url('/imgs/pc/icon/sns/twcast.png');
}

.shop-sub-links .youtube:before {
	background-image: url('/imgs/pc/icon/sns/youtube.png');
}

.shop-sub-links .line:before {
	background-image: url('/imgs/pc/icon/sns/line.png');
}

.shop-sub-links .item:hover {
	background-color: #eee;
}

/*** Shop Movie Sub ***/
.shop-sub-movie .bd {
	padding: 10px 24px;
}

.shop-sub-movie .bd .link {
	margin-bottom: 0px;
	border: solid 0px #ddd;
}

.shop-sub-movie .bd .hd {
	padding: 5px;
	background-color: #333;
	color: #eee;
	text-align: center;
}

.shop-sub-movie .bd .tit {
	padding: 16px;
	text-align: center;
}

.shop-sub-movie .bd .img img {
	width: 100%;
}

.shop-sub-movie .bd .btn-list a {
	display: block;
	padding: 5px;
	background: #60C8B1;
	color: #fff;
	text-align: center;
}

.shop-sub-movie .bd .btn-list a:hover {
	transition: 0.1s;
	background: #ddd;
	color: #1dae8e;
}

/*** Shop Present Sub ***/
.shop-sub-present .bd {
	padding: 10px 24px;
}

.shop-sub-present .bd .link {
	margin-bottom: 15px;
	border: solid 1px #ccc;
}

.shop-sub-present .bd .tit {
	padding: 5px;
	background-color: #333;
	text-align: center;
}

.shop-sub-present .bd .tit a {
	color: #fff;
}

.shop-sub-present .bd .img img {
	width: 250px;
	height: 187px;
}

.shop-sub-present .bd .cmt {
	padding: 5px;
	text-align: center;
}

/*** Shop News Sub ***/
.shop-sub-news .bd {
	padding: 15px;
}

.shop-sub-news .bd>div {
	margin-bottom: 10px;
	border-bottom: dotted 1px #ccc;
}

.shop-sub-news .bd>div:last-child {
	margin-bottom: 0px;
	border: none;
}

.shop-sub-news .news-top {}

.shop-sub-news .holiday {
	display: ;
}

.shop-sub-news .dead {
	display: ;
}

.shop-sub-news .news {}

.shop-sub-news .tit {
	padding-left: 5px;
	color: #f59;
	font-size: 14px;
	line-height: 18px;
}

.shop-sub-news .sub {
	padding-left: 5px;
	color: #888;
	font-size: 12px;
	line-height: 16px;
}

.shop-sub-news .cmt {
	padding: 5px 15px 10px 15px;
	font-size: 11px;
	line-height: 16px;
}

.shop-sub-news .bd>.covid19 {
	display: none;
	margin-bottom: 20px;
	padding: 5px 0 3px 0;
	font-size: 13px;
	line-height: 32px;
	background: #d62b2b;
	text-align: center;
	border-radius: 50px;
	border: none;
}

.shop-sub-news .covid19 a:visited {
	color: #fff;
}

.shop-sub-news .covid19 a:link {
	color: #fff;
}

/*** Shop Recruit Sub ***/
#sub .shop-sub-rec {
	padding: 10px;
	background-color: #7a94d1;
	color: white;
	text-align: center;
	border: 0px;
	border-radius: 10px;
}

#sub .shop-sub-rec .tit {
	font-size: 16px;
}

#sub .shop-sub-rec:hover,
#sub .shop-sub-rec:hover {
	transition: 0.12s;
	background: #333;
	color: #7a94d1;
}

/*** Shop Group Sub ***/
.shop-sub-group .bs {
	margin-bottom: 10px;
	text-align: center;
}

.shop-sub-group .bs .tit {
	font-size: 14px;
	line-height: 16px;
}

.shop-sub-group .item {
	padding: 16px;
	border-top: dotted 1px #ccc;
}

.shop-sub-group .item .img {
	position: relative;
	float: left;
	width: 50px;
	margin-right: 10px;
}

.shop-sub-group .item .img img {
	width: 100%;
	border-radius:7px;
}

.shop-sub-group .item .tit {
	font-size: 12px;
	line-height: 14px;
}

.shop-sub-group .item:hover {
	background: #eee;
}

.shop-sub-group .sub {
	margin: 0 15px;
	padding: 10px 0 10px 10px;
	;
	border-top: dotted 1px #ccc;
	color: #848484;
	font-size: 12px;
	line-height: 12px;
}

/*** Shop HP Sub ***/
.shop-sub-hp .bd {
	text-align: center;
}

.shop-sub-hp .bd img {
	width: 100%;
	height: 100%;
}

/******************************
	Staff
*******************************/

/*** Dtl Staff ***/
.staff-dtl {
	font-size: 12px;
	line-height: 16px;
}

.staff-dtl .cts>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 10px;
}

.staff-dtl .cts .cell {
	margin: 0px;
}

.staff-dtl .head {
	background: #99DD88;
}

.staff-dtl .head:after {
	border-top: 10px solid #99DD88;
}

/*** Staff PR Image ***/
.staff-dtl-pr {
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.staff-icon-sub {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 30px;
	padding: 9px 0px;
	border-radius: 100%;
	background: #f59;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

/*** Staff Profile ***/
.staff-profile {
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px;
	border: solid 1px #ccc;
	background: #fff;
}

.staff-profile .shop {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}

.staff-profile .staff-post {
	color: #666;
	font-size: 10px;
	line-height: 14px;
}

.staff-profile .staff-name {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
}

.staff-profile .kana {
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
}

.staff-profile .cmt {
	padding-top: 5px;
	font-size: 12px;
	line-height: 16px;
}

.staff-profile .qst {
	color: #f59;
}

.staff-profile .f_type {
	margin: 5px 0px;
}

.staff-profile .staff-tit ul:after {
	content: '';
	display: block;
	clear: both;
}

.staff-profile .staff-tit li {
	float: left;
	width: px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 4px 6px;
	background: #f37497;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	border-radius:2px;
}

.staff-profile dl {
	font-size: 12px;
	line-height: 20px;
}

.staff-profile dl dt {
	float: left;
	color: #f59;
}

/*** Staff Q&A ***/
.staff-cmt {
	margin-bottom: 20px;
	border: solid 1px #ccc;
}

/*** Staff Q&A ***/
.staff-question {
	clear: both;
	padding: 20px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
	background: #fff;
}

.staff-question table {
	width: 100%;
}

.staff-question table td {
	width: 50%;
}

.staff-question .qst {
	color: #f37497;
}

.staff-question .cmt {
	padding: 5px 10px 10px 25px;
}

/*** Staff Movie & Photo ***/
.staff-clm,
.staff-zengra,
.staff-cm,
.staff-photo,
.staff-photo-free {
	background: #2d2427;
	margin-top: -20px;
}

.staff-photo .head,
.staff-photo-free .head {
	background: #2d2427;
	margin: 0px;
}

.staff-clm .head,
.staff-zengra .head,
.staff-cm .head,{
	background: #372d30;
	margin: 0px;
}

.dtl.staff-photo-free .head {
	display: none;
}

.staff-clm .head:after,
.staff-zengra .head:after,
.staff-cm .head:after,
.staff-photo .head:after,
.staff-photo-free .head:after {
	display: none;
}

.staff-clm .cts,
.staff-zengra .cts,
.staff-cm .cts,
.staff-photo .cts {
	padding: 32px 0px;
}

.staff-photo-free .cts {
	padding: 40px 0px 0px 0px;
}

.staff-clm .cts ul,
.staff-zengra .cts ul,
.staff-cm .cts ul,
.staff-photo .cts ul,
.staff-photo-free .cts ul {
	margin: 0px;
}

.staff-clm .cts ul:after,
.staff-zengra .cts ul:after,
.staff-cm .cts ul:after,
.staff-photo .cts ul:after,
.staff-photo-free .cts ul:after {
	content: '';
	display: block;
	clear: both;
}

.staff-clm .cts li,
.staff-zengra .cts li,
.staff-cm .cts li,
.staff-photo .cts li {
	position: relative;
	float: left;
	margin-left: 39px;
}

.staff-cm .cts li img,
.staff-cm .zengra li img,
.staff-photo .cts li img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}

.staff-clm .cts li:hover,
.staff-zengra>.cts li:hover img,
.staff-cm .cts li:hover,
.staff-photo .cts li img:hover {
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*** Staff CLM ***/
.staff-clm .cts li {
	float: none;
	width: 480px;
	margin: auto;
}

.staff-clm .cts li img {
	width: 100%;
}

.staff-clm .cts li:after {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url('/imgs/pc/icon/navi/play.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 60px;
	opacity: 0.8;
}

/*** Staff CM ***/
.staff-cm .cts li {
	width: 215px;
	height: 215px;
}

.staff-cm .cts li:after {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url('/imgs/pc/icon/navi/play.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 40px;
	opacity: 0.8;
}

.staff-cm .cts li img {
	width: 149px;
	height: 215px;
}

/*** Staff Zengra ***/
.staff-zengra {}

.staff-zengra .cts li {
	float: none;
	margin: auto;
	width: 640px;
}

.staff-zengra .cts li img {
	width: 100%;
}

.staff-zengra .cts li .tit {
	margin: 8px;
	margin-bottom: 16px;
	text-align: center;
}

.staff-zengra .cts li .tit a {
	color: #a0a0a0;
}

/*** Staff Photo ***/
.staff-photo .cts li {
	width: 215px;
	height: 215px;
}

/*** Staff Photo Free ***/
.staff-photo-free .cts>* {
	margin: auto;
}


/*** present-txt ***/
.present-txt {
	color: #00d;
}

.present-mov {
	text-align: center;
}

.present-mov iframe {
	width: 694px;
	height: 420px;
}

/******************************
	JS
*******************************/

/*** j-btn-page ***/
.j-btn-page {
	margin-left: -10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 4px;
	text-align: center;
}

.j-btn-page:after {
	content: '';
	display: block;
	clear: both;
}

.j-btn-page>div {
	cursor: pointer;
	float: left;
	width: 71px;
	margin: 0px 0px 10px 10px;
	padding: 10px 0px;
	border: solid px #ccc;
	background: #372d30;
	color: #fff;
	border-radius: 7px;
}

.j-btn-page div:hover {
	transition: 0.1s;
	background: #fff;
	color: #f59;
}

.j-btn-page .sel,
.j-btn-page .sel:hover {
	cursor: auto;
	background: #f37497;
	color: #fff;
}


/*** selectShop JS ***/
.selectShop {
	margin-bottom: 10px;
}

.selectShop:after {
	content: '';
	display: block;
	clear: both;
}

.selectShop div {
	width: 260px;
	height: 36px;
	border-radius:10px;
}

.selectShop div:nth-child(3n) {
	margin-right: 0px;
}

.selectShop div:nth-child(2) {
	background-image: url('/imgs/icon/open-1.png');
}

.selectShop div:nth-child(2):hover {
	background-image: url('/imgs/icon/open-1.png');
}

.selectShop div:nth-child(3) {
	background-image: url('/imgs/icon/open-3.png');
}

.selectShop div:nth-child(3):hover {
	background-image: url('/imgs/icon/open-3.png');
}



/*** areaButton JS ***/
.areaButton {
	margin-bottom: 10px;
}

.areaButton div {
	width: 260px;
}

.areaButton div:nth-child(3n) {
	margin-right: 0px;
}

.areaButton:after {
	content: '';
	display: block;
	clear: both;
}

/*** jumpButton JS ***/
.jumpButton {
	margin-bottom: 10px;
}

.jumpButton:after {
	content: '';
	display: block;
	clear: both;
}

.jumpButton>div {
	width: 260px;
}

.jumpButton>div:nth-child(3n) {
	margin-right: 0px;
}

/*** typeButton JS ***/
.typeButton {
	margin-bottom: 10px;
}

.typeButton>div {
	width: 260px;
}

.typeButton>div:nth-child(3n) {
	margin-right: 0px;
}

.typeButton:after {
	content: '';
	display: block;
	clear: both;
}

/*** dateButton JS ***/
.dateButton {
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

.dateButtonMenu li:hover {
	color: #f26c4f;
}

.dateButtonSpc {
	position: relative;
	overflow: hidden;
	height: 47px;
}

.dateButtonSpc:before {
	content: '';
	z-index: 100;
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0px;
	border-bottom: solid 1px #ccc;
}

.dateButtonSpc ul {
	z-index: 101;
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	width: 100%;
}

.dateButtonSpc ul:after {
	content: '';
	display: block;
	clear: both;
}

.dateButtonSpc ul li {
	float: left;
	margin-left: 10px;
}

.dateButtonSpc ul li a {
	display: block;
	z-index: 101;
	padding: 15px;
	border: solid 1px #ccc;
	background: #eee;
	color: #333;
}

.dateButtonSpc ul li a:hover {
	transition: 0.1s;
	padding: 15px;
	border-bottom: solid 1px #f8f8f8;
	background: #fff;
	color: #f26c4f;
}

.dateButtonSpc .select {
	padding: 15px;
	border: solid 1px #ccc;
	border-bottom: solid 1px #f8f8f8;
	background: #f8f8f8;
	color: #f37497;
}

.dateButtonSpc .non {
	padding: 15px;
	border: solid 1px #ccc;
	border-bottom: none;
	color: #ddd;
}

/*** pageButton JS ***/
.pageButton {
	margin-left: -10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 4px;
	text-align: center;
}

.pageButton:after {
	content: '';
	display: block;
	clear: both;
}

.pageButton .pageButtonBtn {
	cursor: pointer;
	float: left;
	width: 71px;
	margin: 0px 0px 10px 10px;
	padding: 10px 0px;
	border: solid px #2d2427;
	background: #2d2427;
	color: #fff;
	border-radius: 7px;
}

.pageButton .pageButtonBtn:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

.pageButton .pageButtonSel,
.pageButton .pageButtonSel:hover {
	cursor: auto;
	background: #f37497;
	color: #fff;
}

/*** Search Area JS ***/
.searchArea {
	position: relative;
	height: 316px;
	margin-bottom: 40px;
	background-color: #ddd;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid #2d2427;
}

.searchArea>.view_spc {
	position: absolute;
	background: #fff;
	padding: 19px;
	top: 71px;
	left: 580px;
	color: #ff7d5e;
	font-size: 15px;
	line-height: 34px;
	border: solid 1px #ccc;
}

.searchArea>.btn_all {
	position: absolute;
	top: 16px;
	left: 20px;
}

.searchArea>.btn a {
	padding: 10px 15px;
	background: #fff;
	color: #ff7d5e;
	border-radius: 10px;
	font-size: 11px;
	border: solid 1px #ccc;
}

.searchArea>.btn a:hover {
	transition: 0.1s;
	background: #ff7d5e;
	color: #fff;
	border: solid 1px #ccc;
}

.searchArea>.btn_new {
	position: absolute;
	top: 16px;
	left: 160px;
}

.searchArea>.grp_spc {
	position: absolute;
	top: 82px;
	left: 20px;
	background: #888;
}

.searchArea>.grp_spc .po {
	cursor: pointer;
	position: absolute;
	display: block;
	padding: 15px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	border: solid 1px #b95656;
}

.searchArea>.grp_spc .po-hover {
	z-index: 1;
	background: #fff;
	color: #ff7f7f;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all 0.12s ease-in-out 0s;
	-moz-transition: all 0.12s ease-in-out 0s;
	-o-transition: all 0.12s ease-in-out 0s;
	-ms-transition: all 0.12s ease-in-out 0s;
	transition: all 0.12s ease-in-out 0s;
}

.searchArea>.grp_spc .grp_spc1 {
	top: -10px;
	left: 338px;
	width: 134px;
	height: 68px;
	padding: 28px 0px;
	background: #ff7d5e;
	border-radius:7px;
}

.searchArea>.grp_spc .grp_spc2 {
	top: 66px;
	left: 337px;
	width: 124px;
	height: 68px;
	padding: 28px 0px;
	background: #ff7d5e;
	border-radius:7px 7px 0 0;
}

.searchArea>.grp_spc .grp_spc3 {
	top: 130px;
	left: 337px;
	width: 124px;
	height: 68px;
	padding: 28px 0px;
	background: #ff7d5e;
	border-radius:0px 0px 7px 0px;
}

.searchArea>.grp_spc .grp_spc4 {
	top: 80px;
	left: 249px;
	width: 89px;
	height: 61px;
	padding: 25px 15px;
	background: #ff7d5e;
}

.searchArea>.grp_spc .grp_spc5 {
	top: 137px;
	left: 249px;
	width: 89px;
	height: 61px;
	padding: 25px 15px;
	background: #ff7d5e;
}

.searchArea>.grp_spc .grp_spc6 {
	top: 80px;
	left: 180px;
	width: 70px;
	height: 118px;
	padding: 49px 15px;
	background: #ff7d5e;
	border-radius:0 0 0 7px;
}

.searchArea>.grp_spc .grp_spc7 {
	top: 80px;
	left: 88px;
	width: 93px;
	height: 61px;
	padding: 25px 15px;
	background: #ff7d5e;
	border-radius:7px 0 0 7px;
}

.searchArea>.grp_spc .grp_spc8 {
	top: 147px;
	left: 88px;
	width: 86px;
	height: 51px;
	padding: 19px 15px;
	background: #ff7d5e;
	border-radius:7px;
}

.searchArea>.grp_spc .grp_spc9 {
	left: 10px;
	top: 90px;
	width: 70px;
	height: 118px;
	padding: 49px 0px;
	background: #ff7d5e;
	border-radius:7px;
}

.searchArea>.grp_spc .grp_spc10 {
	left: 28px;
	top: 0px;
	width: 53px;
	height: 41px;
	padding: 14px 0px;
	background: #ff7d5e;
	border-radius:7px;
}

.searchArea>.grp_spc .grp_spc11 {
	left: 500px;
	top: -60px;
	width: 182px;
	height: 26px;
	padding: 8px 0px;
	background: #ff7d5e;
	border-radius:7px;
}

.searchArea>.grp_spc .po-hover {
	background: #ececec;
	border: solid 1px #ff7d5e;
}

.searchArea>.grp_spc .select {
	background: #ececec;
	color: #666;
	border: solid 1px #2d2427;
}

.searchArea>.state_spc,
.searchArea>.area_spc {
	display: none;
	position: absolute;
	padding: 15px;
	border: solid 0px #888;
	background: #fff;
}

.searchArea>.state_spc>div>*,
.searchArea>.area_spc>* {
	padding-bottom: 5px;
}

.searchArea>.state_spc>div>*:first-child,
.searchArea>.area_spc>*:first-child {
	color: #ff91b1;
}

.searchArea>.state_spc .link {
	color: #666;
}

.searchArea>.state_spc .link:hover {
	color: #ff7f7f;
}

.searchArea>.state_spc {
	z-index: 2;
	top: 26px;
	left: 461px;
	width: 110px;
	line-height: 24px;
	background: #f8f8f8;
	border: solid 1px #2d2427;
}

.searchArea>.area_spc {
	z-index: 3;
	display: none;
	position: absolute;
	top: 20px;
	left: 578px;
	width: 210px;
	line-height: 24px;
	background: #f8f8f8;
	border: solid 1px #2d2427;
}

.searchArea>.area_spc a {
	color: #666;
}

.searchArea>.area_spc a:hover {
	color: #ff7f7f;
}

/*** listArea JS ***/
.listArea {
	position: relative;
	margin-bottom: 10px;
}

.listArea .area-grp {
	margin-bottom: 10px;
	padding: 14px;
	background: #372d30;
	color: #fff;
	font-size: 14px;
	line-height: 6px;
}

.listArea li {
	float: left;
	width: 260px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.listArea ul li:nth-child(3n) {
	margin-right: 0px;
}

.listArea li a {
	display: block;
	padding: 8px 0px 8px 16px;
	border: solid px #ccc;
	background: #f37497;
	color: #fff;
	border-radius: 10px;
	margin:2px;
}

.listArea li a:hover {
	transition: 0.3s;
	background: #ececec;
	color: #f37497;
}

/*** areaForm JS ***/
#areaForm .tit {
	margin-top: 10px;
}

#areaForm ul:after {
	content: '';
	display: block;
	clear: both;
}

#areaForm li {
	float: left;
	width: 230px;
}

#areaForm .tit {
	padding: 5px;
	background: #f8f8f8;
}

#areaForm .cmt {
	padding-bottom: 5px;
	background: #f8f8f8;
	color: #333;
}

/*** limitCmt JS ***/
.limitCmt {
	position: relative;
	overflow: hidden;
	padding: 10px;
	background: #fff;
	font-size: 12px;
	line-height: 16px;
}

.limitCmtBtn {
	cursor: pointer;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 5px;
	background: #333;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

/*** videoBox JS ***/
#videoBox {
	position: absolute;
	display: none;
	z-index: 2001;
	top: 0;
	left: 0;
	padding: 10px;
	box-shadow: 0px 0px 50px 1px rgba(128, 128, 128, 0.5);
	border-radius: 0px;
	background: #f8f8f8;
}

#videoBoxOverlay {
	position: absolute;
	display: none;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #000;
	opacity: 0.85;
}

/*** slide JS ***/
#ud-slide {
	box-sizing: border-box;
	width: 100%;
	height: 0px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background-color: #000;
}

#ud-slide .view {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}

#ud-slide .view li {
	line-height: 0px;
	position: relative;
	overflow: hidden;
}

#ud-slide .view li img {
	opacity: 0.2;
	width: 100%;
}

#ud-slide .view li.current img {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

#ud-slide .view .msg {
	display: block;
	position: fixed;
	left: 20px;
	bottom: -100px;
	color: #fff;
	font-size: 18px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
}

#ud-slide .view li.current .msg {
	bottom: 20px;
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

#ud-slide .view .msg2 {
	display: block;
	position: fixed;
	opacity: 0;
	left: -200px;
	bottom: 40px;
	color: #eee;
	font-size: 12px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
}

#ud-slide .view li.current .msg2 {
	opacity: 1;
	left: 20px;
	-webkit-transition: all 0.4s ease-in-out 0.6s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-o-transition: all 0.4s ease-in-out 0.6s;
	-ms-transition: all 0.4s ease-in-out 0.6s;
	transition: all 0.4s ease-in-out 0.6;
}

#ud-slide .prev,
#ud-slide .next,
#ud-slide .full,
#ud-slide .thum,
#ud-slide .subs {
	position: absolute;
	opacity: 0.2;
	bottom: 10px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: solid 2px rgba(255, 255, 255, 0.4);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 50%;
	background-color: rgba(22, 59, 144, 0.6);
}

#ud-slide .prev {
	right: 54px;
	background-image: url('/imgs/pc/icon/navi/up.png');
}

#ud-slide .next {
	right: 10px;
	background-image: url('/imgs/pc/icon/navi/down.png');
}

#ud-slide .full {
	right: 100px;
	background-image: url('/imgs/pc/icon/navi/full.png');
}

#ud-slide .thum {
	right: 148px;
	background-image: url('/imgs/pc/icon/navi/thum.png');
}

#ud-slide .subs {
	right: 196px;
	background-image: url('/imgs/pc/icon/navi/subs.png');
}

#ud-slide .on {
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

#ud-slide .stat {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	color: #bbb;
	font-size: 15px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	text-align: right;
	word-wrap: normal;
}

#ud-slide .cmt {
	opacity: 0.4;
	position: absolute;
	top: 10px;
	right: 0px;
	left: 0px;
	width: 94px;
	height: 25px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	background-image: url('/imgs/head/logo.png');
}

#ud-slide .album {
	display: none;
	position: fixed;
	top: 50px;
	bottom: 70px;
	right: 20px;
	width: 15%;
	max-width: 250px;
	min-width: 180px;
	min-height: 256px;
	border-left: solid 1px rgba(255, 255, 255, 0.1);
	border-right: solid 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.1);
	background-color: rgba(0, 0, 50, 0.6);
}

#ud-slide .album .album-prev,
#ud-slide .album .album-next,
#ud-slide .album .album-first,
#ud-slide .album .album-last {
	cursor: pointer;
	position: absolute;
	left: 1px;
	right: 1px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 14px;
}

#ud-slide .album .album-prev:hover,
#ud-slide .album .album-next:hover,
#ud-slide .album .album-first:hover,
#ud-slide .album .album-last:hover {
	background-color: rgba(0, 0, 50, 0.8);
}

#ud-slide .album .album-prev {
	top: 24px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	background-image: url('/imgs/pc/icon/navi/up.png');
}

#ud-slide .album .album-next {
	bottom: 24px;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	background-image: url('/imgs/pc/icon/navi/down.png');
}

#ud-slide .album .album-first {
	top: 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	background-image: url('/imgs/pc/icon/navi/up_m.png');
}

#ud-slide .album .album-last {
	bottom: 0;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	background-image: url('/imgs/pc/icon/navi/down_m.png');
}

#ud-slide .album .album-view {
	position: absolute;
	overflow: hidden;
	top: 48px;
	bottom: 48px;
	left: 1;
	right: 1;
	padding: 20px;
	box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.1);
}

#ud-slide .album .album-view li {
	position: relative;
	padding: 14px 2px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

#ud-slide .album .album-view img {
	cursor: pointer;
	opacity: 0.8;
	width: 100%;
	border-radius: 0px;
	vertical-align: bottom;
}

#ud-slide .album .album-view img:hover {
	opacity: 1;
	transform: scale(1.04);
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.1);
	transition: all 0.2s ease-in-out 0s;
}

#ud-slide .album .album-view .select img {
	opacity: 1;
	border: solid 1px rgba(255, 255, 255, 0.7);
}

#ud-slide .subs-view {
	display: none;
	z-index: 100;
	position: fixed;
	width: 350px;
	bottom: 70px;
	top: 40px;
	left: 20px;
	border-left: solid 1px rgba(255, 255, 255, 0.1);
	border-right: solid 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 50, 0.6);
}

#ud-slide .subs-view:before {
	content: 'Cast';
	display: block;
	padding: 10px 20px;
	margin: 0 20px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	color: #999;
	font-size: 16px;
}

#ud-slide .subs-view .subs-view-spc {
	overflow-y: auto;
	position: absolute;
	width: 100%;
	top: 46px;
	bottom: 0;
	padding: 20px;
}

#ud-slide .subs-view .close {
	cursor: pointer;
	z-index: 2;
	position: absolute;
	top: 10px;
	right: 8px;
	width: 22px;
	height: 22px;
	border: solid 1px rgba(255, 255, 255, 0.2);
	background-image: url('/imgs/pc/icon/navi/close.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 8px;
}

#ud-slide .subs-view .close:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

#ud-slide .subs-view li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: left;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

#ud-slide .subs-view li:after {
	content: '';
	display: block;
	clear: both;
}

#ud-slide .subs-view li img {
	float: left;
	padding-right: 15px;
}

#ud-slide .subs-view li * {}

#ud-slide .subs-view li .shop {
	margin-bottom: 10px;
	padding-top: 5px;
	color: #ccc;
	font-size: 12px;
	line-height: 150%;
}

#ud-slide .subs-view li .post {
	color: #bbb;
	font-size: 10px;
	line-height: 150%;
}

#ud-slide .subs-view li .staff {
	color: #eee;
	font-size: 16px;
	line-height: 100%;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}


/********************************
	animation
*********************************/

section .inner div {
	opacity: 0;
	-webkit-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	-webkit-animation-name: Drop;
	animation-name: Drop;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

#sakura .inner div {
	position: absolute;
	display: block;
	width: 14px;
	height: 17px;
	background: url('/imgs/sp/icon/sakura.png') no-repeat;
	background-size: 14px 17px;
}

#sakura .inner div.flake2,
#sakura .inner div.flake4,
#sakura .inner div.flake6,
#sakura .inner div.flake8 {
	background-size: 10px 12px !important;
}

#snow .inner div {
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	background: url('') no-repeat;
	border-radius: 50%;
	background: #fff;
}

#snow .inner div.flake2,
#snow .inner div.flake4,
#snow .inner div.flake6,
#snow .inner div.flake8 {
	background-size: 5px 6px !important;
}

.flake1 {
	left: 10%;
	-webkit-animation-duration: 2.7s;
	animation-duration: 2.7s;
}

.flake2 {
	left: 20%;
	-webkit-animation-duration: 2.9s;
	animation-duration: 2.9s;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.flake3 {
	left: 30%;
	-webkit-animation-duration: 3.1s;
	animation-duration: 3.1s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.flake4 {
	left: 40%;
	-webkit-animation-duration: 2.6s;
	animation-duration: 2.6s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.flake5 {
	left: 50%;
	-webkit-animation-duration: 2.6s;
	animation-duration: 2.6s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.flake6 {
	left: 75%;
	-webkit-animation-duration: 2.4s;
	animation-duration: 2.4s;
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.flake7 {
	left: 85%;
	-webkit-animation-duration: 2.9s;
	animation-duration: 2.9s;
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.flake8 {
	left: 100%px;
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}

@-webkit-keyframes Drop {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 0;
	}

	50% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(175px);
		transform: translateY(175px);
		opacity: 0.3;
	}
}

@keyframes Drop {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 0;
	}

	50% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(175px);
		transform: translateY(175px);
		opacity: 0.3;
	}
}

/********************************
	animation2
*********************************/
#sakura2 {}

#sakura2 .flake1,
#sakura2 .flake2,
#sakura2 .flake3 {
	height: 200px;
	left: -5%;
	position: absolute;
	top: -150%;
	width: 100%;
	z-index: 0;
}

#sakura2 .flake4,
#sakura2 .flake5,
#sakura2 .flake6 {
	height: 200px;
	left: 0%;
	position: absolute;
	top: -150%;
	width: 100%;
	z-index: 0;

}

#sakura2 .flake1 {
	background-image: url('/imgs/icon/ani/sakura3.png');
	-webkit-animation: sakura1 6s linear infinite;
	-moz-animation: sakura1 6s linear infinite;
	-ms-animation: ssakura1 6s linear infinite;
	animation: sakura1 6s linear infinite;
	opacity: 0;

}

#sakura2 .flake2 {
	background-image: url('/imgs/icon/ani/sakura2.png');
	-webkit-animation: sakura2 6s linear infinite;
	-moz-animation: sakura2 6s linear infinite;
	-ms-animation: sakura2 6s linear infinite;
	animation: sakura2 6s linear infinite;
	opacity: 0;
}

#sakura2 .flake3 {
	background-image: url('/imgs/icon/ani/sakura1.png');
	-webkit-animation: sakura3 6s linear infinite;
	-moz-animation: sakura3 6s linear infinite;
	-ms-animation: sakura3 6s linear infinite;
	animation: sakura3 6s linear infinite;
	opacity: 0;
}

#sakura2 .flake4 {
	background-image: url('/imgs/icon/ani/sakura3.png');
	-webkit-animation: sakura1 6s 2s linear infinite;
	-moz-animation: sakura1 6s 2s linear infinite;
	-ms-animation: sakura1 6s 2s linear infinite;
	animation: sakura1 6s 2s linear infinite;
	opacity: 0;
}

#sakura2 .flake5 {
	background-image: url('/imgs/icon/ani/sakura2.png');
	-webkit-animation: sakura2 6s 2s linear infinite;
	-moz-animation: sakura2 6s 2s linear infinite;
	-ms-animation: sakura2 6s 2s linear infinite;
	animation: sakura2 6s 2s linear infinite;
	opacity: 0;
}

#sakura2 .flake6 {
	background-image: url('/imgs/icon/ani/sakura1.png');
	-webkit-animation: sakura3 6s 2s linear infinite;
	-moz-animation: sakura3 6s 2s linear infinite;
	-ms-animation: sakura3 6s 2s linear infinite;
	animation: sakura3 6s 2s linear infinite;
	opacity: 0;
}




@keyframes sakura1 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		transform: translate(200px, 200px);
		opacity: 0;
	}
}

@keyframes sakura2 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@keyframes sakura3 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		transform: translate(0px, 200px);
		opacity: 0;
	}
}

@-webkit-keyframes sakura1 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(200px, 200px);
		opacity: 0;
	}
}

@-webkit-keyframes sakura2 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@-webkit-keyframes sakura3 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(0px, 200px);
		opacity: 0;
	}
}

@-moz-keyframes sakura1 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(200px, 200px);
		opacity: 0;
	}
}

@-moz-keyframes sakura2 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@-moz-keyframes sakura3 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(0px, 200px);
		opacity: 0;
	}
}

@-ms-keyframes sakura1 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-ms-transform: translate(200px, 200px);
		opacity: 0;
	}
}

@-ms-keyframes sakura2 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-ms-transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@-ms-keyframes sakura3 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-ms-transform: translate(0px, 200px);
		opacity: 0;
	}
}

#snow2 {}

#snow2 .flake1,
#snow2 .flake2,
#snow2 .flake3 {
	height: 200px;
	left: -5%;
	position: absolute;
	top: -150%;
	width: 100%;
	z-index: 0;
}

#snow2 .flake4,
#snow2 .flake5,
#snow2 .flake6 {
	height: 200px;
	left: 0%;
	position: absolute;
	top: -150%;
	width: 100%;
	z-index: 0;

}

#snow2 .flake1 {
	background-image: url('/imgs/icon/ani/s3.png');
	-webkit-animation: sakura1 6s linear infinite;
	-moz-animation: sakura1 6s linear infinite;
	-ms-animation: ssakura1 6s linear infinite;
	animation: snow1 6s linear infinite;
	opacity: 0;

}

#snow2 .flake2 {
	background-image: url('/imgs/icon/ani/s2.png');
	-webkit-animation: sakura2 6s linear infinite;
	-moz-animation: sakura2 6s linear infinite;
	-ms-animation: sakura2 6s linear infinite;
	animation: snow2 6s linear infinite;
	opacity: 0;
}

#snow2 .flake3 {
	background-image: url('/imgs/icon/ani/s1.png');
	-webkit-animation: sakura3 6s linear infinite;
	-moz-animation: sakura3 6s linear infinite;
	-ms-animation: sakura3 6s linear infinite;
	animation: snow3 6s linear infinite;
	opacity: 0;
}

#snow2 .flake4 {
	background-image: url('/imgs/icon/ani/s3.png');
	-webkit-animation: sakura1 6s 2s linear infinite;
	-moz-animation: sakura1 6s 2s linear infinite;
	-ms-animation: sakura1 6s 2s linear infinite;
	animation: snow1 6s 2s linear infinite;
	opacity: 0;
}

#snow2 .flake5 {
	background-image: url('/imgs/icon/ani/s2.png');
	-webkit-animation: sakura2 6s 2s linear infinite;
	-moz-animation: sakura2 6s 2s linear infinite;
	-ms-animation: sakura2 6s 2s linear infinite;
	animation: snow2 6s 2s linear infinite;
	opacity: 0;
}

#snow2 .flake6 {
	background-image: url('/imgs/icon/ani/s1.png');
	-webkit-animation: sakura3 6s 2s linear infinite;
	-moz-animation: sakura3 6s 2s linear infinite;
	-ms-animation: sakura3 6s 2s linear infinite;
	animation: snow3 6s 2s linear infinite;
	opacity: 0;
}




@keyframes snow1 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		transform: translate(200px, 200px);
		opacity: 0;
	}
}

@keyframes snow2 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@keyframes snow3 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		transform: translate(0px, 200px);
		opacity: 0;
	}
}

@-webkit-keyframes snow1 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(200px, 200px);
		opacity: 0;
	}
}

@-webkit-keyframes snow2 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@-webkit-keyframes snow3 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(0px, 200px);
		opacity: 0;
	}
}

@-moz-keyframes snow1 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(200px, 200px);
		opacity: 0;
	}
}

@-moz-keyframes snow2 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@-moz-keyframes snow3 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-moz-transform: translate(0px, 200px);
		opacity: 0;
	}
}

@-ms-keyframes snow1 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-ms-transform: translate(200px, 200px);
		opacity: 0;
	}
}

@-ms-keyframes snow2 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-ms-transform: translate(-200px, 200px);
		opacity: 0;
	}
}

@-ms-keyframes snow3 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	100% {
		-ms-transform: translate(0px, 200px);
		opacity: 0;
	}
}

/********************************
	zengra
*********************************/
.list-zengra>.cts li {
	float: left;
	width: 390px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
}

.list-zengra .cts li .img {
	border: none;
}

.list-zengra>.cts li img {
	width: 100%;
}

.list-zengra>.cts li .tit {
	display: grid;
	width: 388px;
	height: 88px;
	margin: 0px;
	padding: 8px;
	background: #2d384e;
	vertical-align: middle;
}

.list-zengra>.cts li .tit .sub {
	display: none;
	font-size: 11px;
	color: #aaa;
}

.list-zengra>.cts li a {
	color: #fff;
	font-size: 11px;
}

.list-zengra>.cts .link:hover .tit,
.list-zengra>.cts .link:hover .tit a {
	color: #fff;
}

.list-zengra>.cts li .tit .cmt {
	font-size: 11px;
	color: #aaa;
}


/********************************
	h2c
*********************************/
.list-shop-h2c .cts .cell {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-bottom: 30px;
	border: solid 0px #ccc;
	width: 185px;
	height: 204px;
}

.list-shop-h2c .cts .cell:after {
	content: '';
	position: absolute;
	top: 40px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url(/imgs/pc/icon/navi/play.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 40px;
	opacity: 0.8;
}

.list-shop-h2c .cts .cell .img>img {
	width: 183px;
}

.list-shop-h2c>.cts .cell .hd {
	margin-top: 32px;
}

.list-shop-h2c .cmt,
.list-shop-h2c .play {
	display: none;
}

.list-shop-h2c .head:after {
	border-top: 10px solid #FF4499;
}

/* Street View */

/* .shop-street-view {
	margin-bottom: 36px;
}

.shop-street-view .head {
	position: relative;
	padding: 18px 0 14px 20px;
	margin-bottom: 32px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 3px;
	background-color: #77BB66;
}

.shop-street-view .head::after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #77BB66;
}

.shop-street-view .cts {
	display: flex;
	gap: 20px;
	align-items: center;
}

iframe.street-view-pc {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: none;
} */

/* iframe.street-view-pc:not(:last-child){
	margin-bottom: 20px;
} */

.street-view-pc {
	float: none !important;
	width: 100% !important;
	height: 100% !important;
	text-align: initial !important;
}

.street-view-pc iframe {
	border: none;
	aspect-ratio: 16 / 9;
	width: 100%;
}