/* カスタマイズ用CSS */

.tsp60 {
	padding-top: 60px;
}
.bsp60 {
	padding-bottom: 60px;
}
ul.disc li {
	font-weight: normal;
	list-style-type: disc;
	padding: 0 0 10px;
	margin: 0 0 0 1.5em;
}
ul.listCheck li {
	padding: 0 0 10px 1.5em;
	margin: 0;
	position: relative;
}
ul.listCheck li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  position: absolute;
  left : 0;
  color: #fff;
}
ol.listAlfa li {
	list-style-type: lower-alpha;
	padding: 0 0 10px;
	margin: 0 0 0 1.5em;
}
ol.listAlfa ul.disc li {
	font-weight: normal;
	list-style-type: disc;
	padding: 0 0 10px;
	margin: 0 0 0 1.5em;
}
/*wrapper*/
.ec-layoutRole{
	position: relative;
}
.onlineBox{
	position: absolute;
	top: 35vh;
	right: 0;
	z-index: 1000;
}
.onlineBox dd{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.onlineBox dd a{
	display: block;
}
.onlineBox dd a i{
	transition: 0.8s;
}

.onlineBox a:hover i{
	transform: scale(1.5);
}
.onlineBox .facebookBox{
	background: #4263A8;
}
.onlineBox .instagram{
	background: #c76982;
}
.onlineBox .youtube{
	background: #BC002D;
}
.onlineBox .envelope{
	background: #58595B;
}
/*右アイコンの位置を調整するレスポンシブ(濱本追加3月17日)*/
@media only screen and (max-width: 480px){
	.onlineBox{
		position: absolute;
		top: 10vh;
		right: 0;
		z-index: 1000;
	}
}
@media only screen and (max-width: 320px){
	.onlineBox{
		position: absolute;
		top: 10vh;
		right: 0;
		z-index: 1000;
	}
}



/* Slider */
.slick-loading .slick-list {
	background: url('../images/ajax-loader.gif') no-repeat center center;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	outline: none;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: 60px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
	box-sizing: border-box;
	overflow: hidden;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
    background: url("../images/icon_dot.png") no-repeat left top;
    background-size: 10px;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    background: url("../images/icon_circle.png") no-repeat left top;
    background-size: 10px;
}
.slick-dots li.slick-active button {
	background: url("../images/icon_circle.png") no-repeat left top;
	background-size: 10px;
}
.slider {
	display:none;
}
.slick-initialized.slider {
	display: block;
}


/* ヘッダー */
header#header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
header .inner {
	width: 940px;
	margin: 0 auto;
}
header .headMenu {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
header .headMenu .hleft,
header .headMenu .hright {
	width: 35%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
}
header .headMenu .hleft li {
	padding-top: 60px;
	margin-right: 25px;
}
header .headMenu .hleft li.cur {
	border-top: 5px solid #fff;
	padding-top: 55px;
}
header .headMenu .hleft li:last-child {
	margin-right: 0;
}
header .headMenu .hright {
	justify-content: flex-end;
}
header .headMenu .hright li {
	padding-top: 50px;
	margin-left: 20px;
}
header .headMenu .hright li:first-child {
	margin-left: 0;
}
header .headMenu .hright li.text {
	padding-top: 60px;
}
header .headMenu .hright li.text.cur {
	border-top: 5px solid #fff;
	padding-top: 55px;
}
header .headMenu .hright li i {
	font-size: 26px;
}
header .headMenu .hright li.cart {
	position: relative;
}
header .headMenu .hright li.cart .count {
	width: 2em;
	text-align: center;
	position: absolute;
	top: 58px;
	left: 0;
}
header .headMenu .logo {
	width: 30%;
	text-align: center;
	position: relative;
}
header .headMenu .logo span {
	display: block;
	width: 100%;
	position: absolute;
	top: 12px;
	left: 0;
}
header .headMenu .logo span img {
	width: 160px;
}
header .headMenu li {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}
#spMenuBtn,
#spNavi {
	display: none;
}
@media only screen and (max-width: 1024px){
	header {
		padding-top: 32px;
	}
	header .inner {
		width: 88%;
	}
	header .headMenu .hleft,
	header .headMenu .hright {
		display: none;
	}
	header .headMenu .logo {
		width: 51%;
		text-align: left;
	}
	header .headMenu .logo span {
		display: block;
		width: 100%;
		position: relative;
		top: 0;
	}
	header .headMenu .logo span img {
		max-width: 100%;
	}
	#spMenuBtn {
		display: block;
		position: absolute;
		top: 0;
		right: 6%;
		z-index: 10000;
		padding-top: 28px;
	}
	#spMenuBtnWrap {
		display: block;
		width: 35px;
		height: 35px;
		text-align: center;
		border: 2px solid #fff;
		border-radius: 50%;
		transition: all .3s ease-out;
		backface-visibility: hidden;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		cursor: pointer;
		position: relative;
	}
	body.fixed #spMenuBtnWrap {
		background-color: #090c1a;
	}
	#spMenuBtn #spMenuBtnWrap div {
		position: relative;
		width: 15px;
		top: 50%;
		margin: -7px auto 0;
	}
	#spMenuBtn span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		left: 0;
		zoom: 1;
		transition: .35s ease-in-out;
	}
	#spMenuBtn span:nth-child(1) {
		top: 0px;
	}
	#spMenuBtn span:nth-child(2) {
		top: 6px;
	}
	#spMenuBtn span:nth-child(3) {
		top: 12px;
	}
	#spMenuBtn.active span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-135deg);
	  zoom: 1;
	}
	#spMenuBtn.active span:nth-child(2) {
	  width: 0;
	  left: 50%;
	}
	#spMenuBtn.active span:nth-child(3) {
	  top: 6px;
	  transform: rotate(135deg);
	  zoom: 1;
	}
	body.fixed {
		width: 100%;
		position: fixed;
		top: 0;
	}
	#spNavi {
		display: block;
		width: 100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		background-color: #090c1a;
		position: fixed;
		top: 0;
		right: -100%;
		visibility: hidden;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		z-index: 1000;
	}
	#spNavi.spNaviOpen {
		right: 0;
		visibility: inherit;
	}
	#spNavi #spNaviWrap {
		display: block;
		width: 100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		overflow-y: auto;
		position: relative;
	}
	#spNavi.spGnaviOpen {
		left: 0;
		visibility: inherit;
	}
	#spNavi #spNaviTop {
		width: 88%;
		text-align: center;
		padding: 14% 0 12%;
		margin: 0 auto;
	}
	#spNavi #spNaviTop nav {
		width: 88%;
		font-family: SilkSerif-Medium;
		font-size: 26px;
		padding: 10% 0;
		margin: 0 auto;
	}
	#spNavi #spNaviTop nav li {
		padding-bottom: 6%;
	}
	#spNavi #spNaviTop nav li:last-child {
		padding-bottom: 0;
	}
	#spNavi #spNaviTop #spNaviEcMenu {
		background: url(../images/bg_line.png) repeat-x left top;
		padding-top: 15%;
	}
	#spNavi #spNaviTop #spNaviEcMenu ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	#spNavi #spNaviTop #spNaviEcMenu ul li {
		padding: 0 5%;
	}
	#spNavi #spNaviTop #spNaviEcMenu ul li i {
		font-size: 28px;
	}
	#spNavi #spNaviTop #spNaviEcMenu ul li.cart {
		position: relative;
	}
	#spNavi #spNaviTop #spNaviEcMenu ul li.cart .count {
		width: 2em;
		text-align: center;
		position: absolute;
		top: 8px;
		left: 4vw;
	}
	#spNavi #spNaviTop #spNaviEcMenu .spLogout {
		font-size: 20px;
		padding-top: 8%;
	}
	#spNavi #spNaviFoot {
		background-color: #25293a;
		padding: 5% 4%;
	}
	#spNavi #spNaviFoot ul.lang {
		width: 100%;
		font-size: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	#spNavi #spNaviFoot ul.lang li {
		white-space: nowrap;
		text-transform: uppercase;
		padding: 0 5%;
	}
	#spNavi #spNaviFoot ul.lang li.cur {
		font-weight: bold;
	}
	#spNavi #spNaviFoot ul.lang li a {
		color: #939598;
	}
	#spNavi #spNaviFoot ul.lang li.cur a {
		color: #fff;
	}
	#spNavi #spNaviFoot ul.footSns {
		width: 100%;
		font-size: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		padding-top: 8%;
	}
	#spNavi #spNaviFoot ul.footSns li {
		text-align: center;
		padding: 0 5%;
	}
	#spNavi #spNaviFoot ul.footSns li i {
		font-size: 28px;
	}
	#spNavi #spBasketWrap {
		width: 100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		overflow-y: auto;
		position: fixed;
		top: 0;
		left: -100%;
		visibility: hidden;
		background-color: #090c1a;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		z-index: 1010;
		box-sizing: border-box;
	}
	#spNavi #spBasketWrap.active {
		left: 0;
		visibility: inherit;
	}
	#spBackMenu {
		display: block;
		position: absolute;
		top: 0;
		left: -100%;
		visibility: hidden;
		z-index: 10000;
		padding-top: 28px;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	#spBackMenu.active {
		left: 6%;
		visibility: inherit;
	}
	#spBackMenuWrap {
		display: block;
		width: 35px;
		height: 35px;
		text-align: center;
		background-color: #090c1a;
		border: 2px solid #fff;
		border-radius: 50%;
		transition: all .3s ease-out;
		backface-visibility: hidden;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		cursor: pointer;
		position: relative;
	}
	#spBackMenu #spBackMenuWrap div {
		position: relative;
		width: 12px;
		top: 50%;
		margin: -7px auto 0;
	}
	#spBackMenu span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #fff;
		left: -1px;
		zoom: 1;
		transition: .35s ease-in-out;
	}
	#spBackMenu span:nth-child(1) {
		top: 9.2px;
		transform: rotate(-145deg);
		zoom: 1;
	}
	#spBackMenu span:nth-child(2) {
		width: 0px;
		left: 50%;
	}
	#spBackMenu span:nth-child(3) {
		top: 2.5px;
		transform: rotate(145deg);
		zoom: 1;
	}
	#spNavi #spBasketBlock {
		width: 88%;
		text-align: center;
		padding: 23% 0 5%;
		margin: 0 auto;
	}
	#spNavi #spBasketBox {
		border: 1px solid #fff;
		padding: 4%;
	}
	#spNavi #spBasketBox .title {
		font-family: SilkSerif-Medium;
		font-size: 30px;
		padding-bottom: 4%;
	}
	#spNavi #spBasketBox ul {
		padding-bottom: 4%;
	}
	#spNavi #spBasketBox ul li {
		border-bottom: 1px solid #fff;
		padding: 4% 0;
	}
	#spNavi #spBasketBox ul li:last-child {
		border-bottom: none;
	}
	#spNavi #spBasketBox dl {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#spNavi #spBasketBox dt {
		width: 30%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#spNavi #spBasketBox dd {
		width: 65%;
		text-align: left;
	}
	#spNavi #spBasketBox dd h4 {
		font-size: 20px;
		font-weight: bold;
		font-family: SilkSerif-Medium;
		padding-bottom: 20px;
	}
	#spNavi #spBasketBox dd .price {
		font-size: 20px;
		font-family: SilkSerif-Medium;
		padding-bottom: 20px;
	}
	#spNavi #spBasketBox dd .quant {
		font-size: 14px;
	}
	#spNavi #spBasketBox dd .quant span {
		display: inline-block;
		margin-left: 0.5em;
	}
	#spNavi #spBasketBox .btnCheck {
		margin-bottom: 4%;
	}
	#spNavi #spBasketBox .btnCheck a {
		display: block;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		text-decoration: none;
		text-align: center;
		background-color: #302f5e;
		padding: 20px 0;
	}
	#spNavi #spBasketBox .btnShop a {
		display: block;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		text-decoration: none;
		text-align: center;
		border: 1px solid #fff;
		padding: 20px 0;
	}
}



/* フッター */
footer .inner {
	width: 940px;
	background: url(../images/bg_line.png) repeat-x left top;
	padding: 55px 0 30px;
	margin: 0 auto;
}
footer #footNavi {
	width: 100%;
	height: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
footer #footNavi .fnLeft {
	width: 450px;
}
footer #footNavi .fnLeft ul {
	width: 100%;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
}
footer #footNavi .fnLeft ul li {
	width: 205px;
}
footer #footNavi .fnRight {
	width: 450px;
}
footer #footNavi .fnLeft li {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding-bottom: 12px;
}
footer #footNavi .fnLeft li:last-child {
	padding-bottom: 0;
}
footer #footNavi .fnRight h4 {
	font-size: 20px;
	font-weight: normal;
	font-family: SilkSerif-Medium;
	padding-bottom: 15px;
}
footer #footNavi .fnRight .text {
	font-size: 12px;
	line-height: 1.6;
}
footer #footNavi .fnRight .button {
	width: 120px;
	padding-top: 20px;
}
footer #footNavi .fnRight .button a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	text-decoration: none;
	text-align: center;
	background: none;
	border: 1px solid #fff;
	padding: 7px 0;
}
footer #footNavi .fnRight .button a:hover {
	color: #090c1a;
	background: #fff;
}
footer #footNavi2 {
	width: 100%;
	color: #75777a;
	font-size: 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}
footer #footNavi2 .copyright {
	width: 20%;
}
footer #footNavi2 ul.footMenu {
	width: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
footer #footNavi2 ul.footMenu li {
	margin-right: 5px;
}
footer #footNavi2 ul.footMenu li:after {
	content: '|';
}
footer #footNavi2 ul.footMenu li:last-child {
	margin-right: 0;
}
footer #footNavi2 ul.footMenu li:last-child:after {
	display: none;
}
footer #footNavi2 ul.footMenu a {
	display: inline-block;
	color: #75777a;
	margin-right: 5px;
}
footer #footNavi2 ul.footMenu a:hover {
	color: #aaa;
}
footer #footNavi2 ul.footSns {
	width: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
}
footer #footNavi2 ul.footSns li {
	margin-left: 15px;
}
footer #footNavi2 ul.footSns li i {
	font-size: 16px;
}
footer #footNavi2 ul.footSns li:first-child {
	margin-left: 0;
}
footer .btnBookNow {
	margin: 20px auto;
}
#footTop {
	width: 30px;
	position: fixed;
	z-index: 30000;
	right: 2%;
	bottom: 5%;
	opacity: 0;
	transition: .3s;
}
#footTop.active {
	opacity: 1;
}
#footTop a {
	display: block;
}
#footTop a img {
	width: 100%;
}
@media only screen and (max-width: 1024px){
	footer .inner {
		width: 88%;
		margin: 0 auto;
	}
	footer #footNavi {
		display: block;
		height: auto;
	}
	footer #footNavi .fnLeft {
		width: 100%;
		text-align: center;
	}
	footer #footNavi .fnLeft ul {
		display: block;
		height: auto;
	}
	footer #footNavi .fnLeft ul li {
		width: 100%;
		font-size: 14px;
		padding-bottom: 5%;
	}
	footer #footNavi .fnRight {
		width: 100%;
		text-align: center;
		padding-top: 8%;
	}
	footer #footNavi .fnRight .button {
		margin: 0 auto;
	}
	footer #footNavi2 {
		width: 100%;
		font-size: 12px;
		padding-top: 8%;
	}
	footer #footNavi2 .copyright {
		width: 100%;
		text-align: center;
		order: 2;
		padding-top: 8%;
	}
	footer #footNavi2 ul.footMenu {
		width: 100%;
		display: block;
		text-align: center;
		order: 3;
		padding-top: 2%;
	}
	footer #footNavi2 ul.footMenu li {
		margin-right: 0;
		padding-bottom: 1%;
	}
	footer #footNavi2 ul.footMenu li:after {
		display: none;
	}
	footer #footNavi2 ul.footMenu a {
		margin-right: 0;
	}
	footer #footNavi2 ul.footSns {
		width: 100%;
		justify-content: center;
		order: 1;
	}
	footer #footNavi2 ul.footSns li,
	footer #footNavi2 ul.footSns li:first-child {
		margin: 0 5%;
	}
	footer #footNavi2 ul.footSns li i {
		font-size: 20px;
	}
	footer #footNavi2 ul.footSns li img {
		max-width: 40px;
		max-height: 40px;
	}
	footer .bookNow {
		display: none;
	}
}

/* メルマガポップアップ */
#mailRegist {
	text-align: center;
	position: relative;
}
#mailRegist .btnClose {
	position: absolute;
	top: 20px;
	right: 20px;
}
#mailRegist .btnClose a {
	color: #fff;
}
#mailRegist .btnClose a i {
	font-size: 14px;
}
#mailRegist h4 {
	font-size: 16px;
	font-weight: normal;
	font-family: SilkSerif-Medium;
	line-height: 1.6;
	padding-bottom: 30px;
}
#mailRegist .text {
	line-height: 1.6;
}
#mailRegist .formWrap {
	padding-top: 30px;
}
#mailRegist .formWrap dl {
	width: 360px;
	padding-bottom: 30px;
	margin: 0 auto;
}
#mailRegist .formWrap dl input {
	color: #fff!important;
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #e7e7e8;
	padding: 10px 5px;
	box-sizing: border-box;
}
#mailRegist .formWrap dl input:focus {
	/*color: #fff;*/
}
#mailRegist .formWrap dl input:-webkit-autofill {
	-webkit-text-fill-color: #fff !important;
	-webkit-box-shadow: 0 0 0px 1000px #0a0d1a inset;
    	transition: none !important;
}
#mailRegist .formWrap dl input::placeholder,
#mailRegist .formWrap dl input:-ms-input-placeholder,
#mailRegist .formWrap dl input::-ms-input-placeholder {
	color: #6d6e71;
}
#mailRegist .formWrap dl dt {
	padding-bottom: 15px;
}
#mailRegist .formWrap .recap {
	margin: 15px auto 40px;
}
#mailRegist .formWrap ul {
	padding-bottom: 15px;
}
#mailRegist .formWrap .button {
	width: 120px;
	margin: 0 auto;
}
#mailRegist .formWrap .button button {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-family: Cera Pro;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	text-decoration: none;
	text-align: center;
	background: none;
	border: 1px solid #fff;
	padding: 8px 0;
}
#mailRegist .formWrap .button button:hover {
	color: #090c1a;
	background: #fff;
}
@media only screen and (max-width: 640px){

	#mailRegist .formWrap dl {
		width: 100%;
	}

}

/* メイン画像 */
#mainImage {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow: hidden;
	position: relative;
	margin-bottom: 80px;
}
/*.onlineBox{*/
	/*position: absolute;*/
	/*top: 40%;*/
	/*right: 0;*/
	/*z-index: 1000;*/
/*}*/
/*.onlineBox dd{*/
	/*width: 50px;*/
	/*height: 50px;*/
	/*line-height: 50px;*/
	/*text-align: center;*/

/*}*/
/*.onlineBox dd a{*/
	/*display: block;*/
/*}*/
/*.onlineBox dd a i{*/
	/*transition: 0.8s;*/
/*}*/

/*.onlineBox a:hover i{*/
	/*transform: scale(1.5);*/
/*}*/
/*.onlineBox .facebookBox{*/
	/*background: #4263A8;*/
/*}*/
/*.onlineBox .instagram{*/
	/*background: #EE1277;*/
/*}*/
/*.onlineBox .envelope{*/
	/*background: #58595B;*/
/*}*/
.sec_page #mainImage {
	margin-bottom: 60px;
}
#mainImage .slick-slider {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
#mainImage .slick-list,
#mainImage .slick-track {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
#mainImage ul li img.mainImg {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	max-width: 1920px;
	object-fit: cover;
	object-position: top center;
	margin: 0 auto;
}
/* #mainImage ul li .logoSlide img {
	width: 160px;
	height: auto;
}
#mainImage ul li .logoSlide {
	width: 160px;
	position: absolute;
	top: 51px;
	left: 50%;
	margin-left: -80px;
} */
/* @media only screen and (max-width: 1200px){
	#mainImage ul li img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
} */
#mainImage ul li.slideBox {
	position: relative;
}
#mainImage ul li.slideBox .slideCont {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	position: absolute;
	top: 0;
	left: 0;
}
.sec_page #mainImage ul li.slideBox .slideCont:before {
	content: '';
	background-color: rgba(0,0,0,.2);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#mainImage ul li.slideBox .slideCont article {
	width: 940px;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
#mainImage ul li.slideBox .slideCont article .titleL {
	width: 100%;
	font-family: SilkSerif-Medium;
	font-size: 85px;
	padding-bottom: 15px;
}
#mainImage ul li.slideBox.slick-active .slideCont article .titleL {
	animation-name: fadein1;
	animation-duration: 2s;
}
#mainImage ul li.slideBox .slideCont article .titleM {
	width: 100%;
	font-family: SilkSerif-Medium;
	font-size: 45px;
	padding-bottom: 10px;
	line-height: 1.2;
}
/*以下濱本追加10/5/2020*/
#page_experience_detail #mainImage ul li.slideBox .slideCont article .titleM {
	width: 100%;
	font-family: SilkSerif-Medium;
	font-size: 45px;
	padding-bottom: 5px;
	line-height: 1.2;
	text-shadow:0 0 5px rgba(0,0,0,0.6)
}
#mainImage ul li.slideBox.slick-active .slideCont article .titleM {
	animation-name: fadein1;
	animation-duration: 2s;
}
#mainImage ul li.slideBox .slideCont article .titleS {
	width: 100%;
	font-family: SilkSerif-Medium;
	font-size: 30px;
	padding-top: 50px;
}
#mainImage ul li.slideBox .slideCont article .titleSS {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding-bottom: 5px;
}
#mainImage ul li.slideBox .slideCont article .logo {
	padding-bottom: 5px;
}
#mainImage ul li.slideBox.slick-active .slideCont article .titleS {
	animation-name: fadein2;
	animation-duration: 2s;
}
#mainImage ul li#slide04 .slideCont article,
#mainImage ul li#slide05 .slideCont article,
#mainImage ul li#slide06 .slideCont article,
#mainImage ul li#slide07 .slideCont article {
	padding-top: 10%;
}
#mainImage ul li.slideBox .slideCont article .button {
	width: 200px;
	margin: 120px auto 0;
}
#mainImage ul li.slideBox .slideCont article .button2 {
	width: 200px;
	margin: 30px auto 0;
	position: relative;
}
#mainImage ul li.slideBox .slideCont article .button2:before {
	display: block;
	content: '';
	width: 200px;
	height: 60px;
	background: url(../images/btn_booknow_background.png) no-repeat right top;
	position: absolute;
	top: 8px;
	left: 8px;
}
#mainImage ul li.slideBox.slick-active .slideCont article .button,
#mainImage ul li.slideBox.slick-active .slideCont article .button2 {
	animation-name: fadein3;
	animation-duration: 2s;
}
#mainImage ul li.slideBox .slideCont article .button a,
#mainImage ul li.slideBox .slideCont article .button2 a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #fff;
	padding: 12px 0;
}
#mainImage ul li.slideBox .slideCont article .button2 a {
	width: 200px;
	height: 60px;
	line-height: 32px;
	box-sizing: border-box;
}
#mainImage ul li.slideBox .slideCont article .button a:hover,
#mainImage ul li.slideBox .slideCont article .button2 a:hover {
	display: block;
	color: #090c1a;
	background-color: #fff;
}
#mainImage button.slick-prev,
#mainImage button.slick-next {
	display: block;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: transparent;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 17px 30px;
	border: none;
	font-size: 0;
	width: 17px;
	height: 30px;
	outline: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	z-index: 2;
}
#mainImage button.slick-prev {
    background-image: url("../images/left arrow.png");
    margin-left: -470px;
}
#mainImage button.slick-next {
    background-image: url("../images/right arrow.png");
    margin-left: 453px;
}

#mainImage #mainBtmInfo {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#mainImage #mainBtmInfo ol {
	width: 800px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: top;
	justify-content: space-between;
	background: rgba(0,0,0,0.5);
	padding: 10px 0;
	margin: 0 auto;
}
#mainImage #mainBtmInfo ol li {
	width: 25%;
	border-right: 1px solid rgba(255,255,255,0.6);
}
#mainImage #mainBtmInfo ol li:last-child {
	border-right: none;
}
#mainImage #mainBtmInfo ol li dl {
	padding: 15px;
}
#mainImage #mainBtmInfo ol li dl dt {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding: 0 0 20px;
}
#mainImage #mainBtmInfo ol li dl dd {
	font-size: 20px;
	font-family: SilkSerif-Medium;
}
#mainImage #spScrollLine,
#mainImage #spScroll {
	display: none;
}
@media only screen and (max-width: 1024px){
/* 	#mainImage ul li .logoSlide img {
	max-width: 100%;
}
#mainImage ul li .logoSlide {
	width: 51%;
	position: absolute;
	top: 8vw;
	left: 4%;
	margin-left: 0px;
} */
	#mainImage ul li.slideBox .slideCont article .titleM {
		font-size: 36px;
	}
	#mainImage ul li.slideBox .slideCont article .titleS {
		font-size: 23px;
		padding-top: 40px;
	}
	#mainImage ul li.slideBox .slideCont article {
		width: 88%;
	}
	#mainImage ul li.slideBox .slideCont article .button {
		margin-top: 40px;
	}
	#mainImage .slick-dots {
		bottom: 92px;
	}
	#mainImage #spScrollLine {
		display: block;
		width: 100%;
		height: 33px;
		background: url(../images/wh_line.png) repeat-y center top;
		position: absolute;
		bottom: 48px;
		left: 0;
		z-index: 100;
	}
	#mainImage #spScroll {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1.1px;
		position: absolute;
		bottom: 22px;
		left: 0;
		z-index: 100;
	}

	#mainImage #mainBtmInfo {
		width: 100%;
		position: relative;
		padding-top: 40px;
	}
	#mainImage #mainBtmInfo ol {
		width: 88%;
		padding: 15px;
		margin: 0 auto;
	}
	#mainImage #mainBtmInfo ol li {
		width: 50%;
		border-right: 1px solid rgba(255,255,255,0.6);
	}
	#mainImage #mainBtmInfo ol li:nth-child(even){
		border-right: none;
	}
	#mainImage #mainBtmInfo ol li:nth-child(3){
		border-top: 1px solid rgba(255,255,255,0.6);
	}
	#mainImage #mainBtmInfo ol li:nth-child(4){
		border-top: 1px solid rgba(255,255,255,0.6);
	}
	#mainImage #mainBtmInfo ol li dl {
		padding: 15px;
	}
	#mainImage #mainBtmInfo ol li dl dt {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2.4px;
		padding: 0 0 20px;
	}
	#mainImage #mainBtmInfo ol li dl dd {
		font-size: 20px;
		font-family: SilkSerif-Medium;
	}
	#mainImage button.slick-prev {
		margin-left: 0;
		left: 6%;
	}
	#mainImage button.slick-next {
		margin-left: 0;
		left: auto;
		right: 6%;
	}
}

@media only screen and (max-width: 768px){
	#mainImage #mainBtmInfo ol {
		padding: 10px;
	}
	#mainImage #mainBtmInfo ol li dl {
		padding: 10px;
	}
	#mainImage #mainBtmInfo ol li dl dt {
		font-size: 11px;
	}
	#mainImage #mainBtmInfo ol li dl dd {
		font-size: 16px;
	}
}


/* -- 共通 ------------------------------------- */
.btnStyle01 {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	text-decoration: none;
	text-align: center;
	background-color: #7e808c;
	padding: 12px 0;
}
.btnStyle02 {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #fff;
	padding: 20px 0;
}
.btnBookNow {
	width: 460px;
	margin: 0 auto;
	position: relative;
}
.btnBookNow:before {
	display: block;
	content: '';
	width: 464px;
	height: 60px;
	background: url(../images/bg_seigaiha4.png) repeat right top;
	position: absolute;
	top: 8px;
	left: 6px;
}
.btnBookNow a {
	display: block;
	width: 460px;
	height: 60px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
	background: #090c1a;
	border: 1px solid #fff;
	box-sizing: border-box;
	overflow: hidden;
}
.btnBookNow a:hover {
	color: #090c1a;
	background-color: #fff;
}
@media only screen and (max-width: 1125px){
	.btnBookNow {
		width: 300px;
	}
	.btnBookNow:before {
		width: 300px;
	}
	.btnBookNow a {
		width: 300px;
	}
}

/* チェックボックススタイル */
label.cbStyle {
	position: relative;
	margin-left: 0;
	cursor: pointer;
}
label.cbStyle input {
	display: none;
}
label.cbStyle .check_square{
	vertical-align: middle;
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 3px;
	left: 0;
}
label.cbStyle .check_square::before{
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid #fff;
	display: block;
	border-radius: 50%;
	transition: 0.1s;
}
label.cbStyle .check_square .check_icon{
	width: 5px;
	height: 5px;
	-webkit-transition: 0.1s;
	transition: 0.1s;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -2.5px;
	margin-left: -2.5px;
	overflow: hidden;
}
label.cbStyle .check_square .check_icon::before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	z-index: 1;
	border-radius: 50%;
	transition: 0.1s;
}
label.cbStyle input:checked+.check_square .check_icon{
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -2.5px;
	margin-left: -2.5px;
}
label.cbStyle .check_text{
    display: inline-block;
    padding-left: 35px;
}
label.cbStyle input:checked+.check_square.check_icon{
    display: none;
}

/* -- 共通タイル ------------------------------------- */
.titleController article {
	width: 760px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto 50px;
	position: relative;
}
.titleController article .taLeft,
.titleController article .taRight {
	width: 360px;
}
.titleController article h3 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	padding-bottom: 25px;
}
.titleController article .taRight .text {
	line-height: 1.7;
}
.titleController article .taRight .more {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding-top: 20px;
}
@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 768px){
	.titleController article {
		width: 88%;
		display: block;
		margin: 0 auto 80px;
	}
	.titleController article .taLeft,
	.titleController article .taRight {
		width: 100%;
	}
}

.tilStyle01 li {
	width: 300px;
	overflow: hidden;
	margin-right: 20px;
}
.tilStyle01 li a {
	display: block;
	position: relative;
	padding-bottom: 20px;
	background-color: #7e808c;
}
.tilStyle01 li.experience a .linktext {
	background-color: #7e808c;
}
.tilStyle01 li.story a .linktext {
	background-color: #373c4f;
}
.tilStyle01 li.store a .linktext {
	background-color: #cda2a6;
}
.tilStyle01 li dl {
	background-color: #fff;
	padding-bottom: 110px;
}
.tilStyle01 li dl dt img {
	width: 300px;
	height: 220px;
	object-fit: cover;
}
.tilStyle01 li dl dd {
	height: 180px;
	color: #6d6e71;
	font-size: 12px;
	padding: 0 20px 0 20px;
	box-sizing: border-box;
}
.tilStyle01 li dl dd h4 {
	color: #2b3452;
	font-size: 20px;
	font-weight: bold;
	font-family: SilkSerif-Medium;
	line-height: 1.2;
	padding-top: 20px;
}
/* -- 濱本編集0717-2020 ----- */
.tilStyle01 li dl dd .date {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 15px;
}
.tilStyle01 li dl dd .text{
    padding-bottom: 15px;
}
.tilStyle01 li .linktext {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	width: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	padding: 10px 0;
	box-sizing: border-box;
}
.tilStyle01 li .linktext span {
	display: block;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	opacity: 0;
}
.tilStyle01 li a:hover .linktext {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.tilStyle01 li a:hover .linktext span {
	color: #fff;
	opacity: 1;
}
/*aboutVideo*/

.aboutVideo{
	width: 800px;
	margin: 80px auto;
	text-align: center;
}
.aboutVideo .tpSlideVideo{
	width: 100%;
	/*height: 433px;*/
	/*background: beige;*/
	margin: 40px auto 0 auto;
}

#topPick #topPickSlider dt{
	width: 100%;
	height: 100%;
}


#topPick #topPickSlider dt img{
	width: 100%;
	height: 100%;
}
.aboutVideo h3{
	font-size: 36px;
	font-family: SilkSerif-Medium;
}

@media only screen and (max-width: 640px){
	.tilStyle01 li {
		margin-right: 30px;
	}
	.tilStyle01 li dl dd h4 {
		letter-spacing:-0.025em;
	}
}
.tilStyle02 li {
	width: 620px;
	background-color: #000;
	margin-right: 20px;
}
.tilStyle02 li dl {
	position: relative;
}
.tilStyle02 li dl dt {
	position: absolute;
	top: 0;
	left: 0;
}
.tilStyle02 li dl dt img {
	width: 620px;
	height: 420px;
	object-fit: cover;
}
.tilStyle02 .slick-slide:not(.slick-current) dl {
  opacity: .6;
}
/*.clubPage*/


.clubPage .tilStyle02 li dl dd {
	width: 360px;
	height: auto;
	align-items: unset;
	justify-content: unset;
	text-align: unset;

}

.clubPage  #topPick #topPickSlider dt{
	width: 220px;
	height: 300px;
}

.tilStyle02 li dl dd {
	width: 100%;
	height: 420px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	z-index: 10;
}
/*濱本追加10/15/2020 */
.tilStyle02 li dl dd .infoDescription {
	width: 97%;
}
.tilStyle02 li dl dd h4 {
	font-size: 36px;
	font-weight: bold;
	font-family: SilkSerif-Medium;
	line-height: 1.2;
	padding-bottom: 30px;
	text-shadow:0 0 5px rgba(0,0,0,0.6);　/*濱本追加10/5/2020 */
}
.tilStyle02 li dl dd .button {
	width: 200px;
	margin: 0 auto;
}
.tilStyle02 li dl dd .text {
	width: 80%;
	margin: 0 auto;
}
@media only screen and (max-width: 700px){
	.tilStyle02 li {
		width: 520px;
	}
	.tilStyle02 li dl dt img {
		width: 520px;
		height: 352px;
	}
	.tilStyle02 li dl dd {
		width: 520px;
		height: 352px;
	}
}
@media only screen and (max-width: 768px){
	.tilStyle02 li {
		width: 320px;
	}
	.tilStyle02 li dl dt img {
		width: 320px;
		height: 200px;
	}
	.tilStyle02 li dl dd {
		width: 320px;
		height: 200px;
	}
	.tilStyle02 li dl dd h4 {
		font-size: 24px;
		text-shadow:0 0 5px rgba(0,0,0,0.6);　/*濱本追加10/5/2020 */
	}
	.tilStyle02 li dl dd .button {
		width: 160px;
		font-size: 12px;
	}
	.about .tilStyle02 li{
		width: 670px !important;
	}
	#cateTitle .leadText{
		width: 100% !important;
	}

}

.tilStyle03 li {
	width: 100%;
	/* width: 622px;*/
	overflow: hidden;
}
.tilStyle03 li img {
	width: 100%;
	/* width: 622px;*/
	/* overflow: hidden;*/
}

.gridList article {
	width: 940px;
	padding-bottom: 60px;
	overflow: hidden;
	margin: 0 auto;
}
.titleCategory{
	text-align: center;
	font-family: SilkSerif-Medium;
	font-size: 32px;
	margin-bottom: 60px;
}
.gridStyle01 {
	width: 960px;
}
.gridStyle01 li {
	padding: 0 20px 20px 0;
}
.gridStyle01 li dl {
	width: 300px;
	height: 220px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.gridStyle01 li.gridItemL dl {
	width: 460px;
	height: 338px;
}
.gridStyle01 li dl dt {
	overflow: hidden;
	position: relative;
	transition: transform .4s ease-out;
}
.gridStyle01 li a:hover dl dt {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.gridStyle01 li dl dt img {
	display: block;
	border: 0;
	width: 100%;
	height: auto;
}
.gridStyle01 li.gridItemL dl dt img {
	width: 460px;
	height: 338px;
	object-fit: cover;
}
.gridStyle01 li dl dd {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;
	top: 0;
}
.gridStyle01 li dl dd:before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	opacity: 0;
	top: 0;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}
.gridStyle01 li a:hover dl dd:before {
	opacity: 1;
}
.gridStyle01 li dl dd h4 {
	display: table;
	color: #fff;
	font-size: 20px;
	font-family: SilkSerif-Medium;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}
.gridStyle01 li dl dd h4 span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 15px 0;
}
@media only screen and (max-width: 1024px){
	.gridList article {
		width: 88%;
	}
	.gridStyle01 {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.gridStyle01 li {
		width: 49%;
		padding: 0 0 20px;
	}
	.gridStyle01 li dl,
	.gridStyle01 li.gridItemL dl {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
}
@media only screen and (max-width: 1024px){
	.gridList article {
		width: 88%;
	}
	.gridStyle01 {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.gridStyle01 li {
		width: 49%;
		padding: 0 0 20px;
	}
	.gridStyle01 li dl,
	.gridStyle01 li.gridItemL dl {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
}
@media only screen and (max-width: 768px){
	.gridStyle01 li {
		width: 100%;
		padding: 0 0 20px;
	}
	.gridStyle01 li.gridItemL dl dt img {
		width: 100%;
		height: 54vw;
	}
}











/* -- 共通ブロック ------------------------------------- */
#breadcrumb {
	color: #6d6e71;
	padding-bottom: 30px;
}
#breadcrumb .inner {
	width: 940px;
	margin: 0 auto;
}
#breadcrumb ul {
	width: 100%;
	font-size: 12px;
}
#breadcrumb ul li {
	display: inline-block;
	position: relative;
	padding-right: 5px;
}
#breadcrumb ul li a {
	display: inline-block;
	color: #6d6e71;
	text-decoration: none;
}
#breadcrumb ul li a::after {
	content: "|";
	padding-left: 5px;
}
@media only screen and (max-width: 1125px){
	#breadcrumb {
		display: none;
	}
}


#tabMenu {
	padding: 0 0 60px;
}
#tabMenu .inner {
	width: 760px;
	margin: 0 auto;
}
#tabMenu .inner ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#tabMenu .inner ul li {
	width: 360px;
}
#tabMenu .inner ul li a {
	display: block;
	width: 240px;
	font-size: 28px;
	font-family: SilkSerif-Medium;
	text-align: center;
	padding-bottom: 35px;
	margin: 0 auto;
}
#tabMenu .inner ul li.cur a {
	color: #bcbfb7;
	background: url(../images/bg_line2.png) repeat-x left bottom;
}
@media only screen and (max-width: 1125px){
	#tabMenu {
		padding: 0 0 60px;
	}
	#tabMenu .inner {
		width: 88%;
		margin: 0 auto;
	}
	#tabMenu .inner ul li {
		width: 50%;
	}
	#tabMenu .inner ul li a {
		width: 100%;
		font-size: 20px;
	}
}

#cateTitle {
	color: #fff;
	padding-bottom: 70px;
}
#cateTitle .inner {
	width: 940px;
	text-align: center;
	margin: 0 auto;
}
#cateTitle .title {
	font-family: SilkSerif-Medium;
	font-size: 20px;
	line-height: 1.6;
	padding: 35px 0 60px;
}
#cateTitle .leadText {
	line-height: 1.8;
}
@media only screen and (max-width: 1024px){
	#cateTitle .inner {
		width: 88%;
	}
	#cateTitle .title {
		padding-bottom: 6vw;
	}
}
.lastVideoBlock{
	width: 790px;
	margin: 0 auto 80px auto;
}
.lastVideoBlock .taLeft, .lastVideoBlock .taRight{
	width: 360px
}

.lastVideoBlock article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	position: relative;
}
.lastVideoBlock article h3 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	padding-bottom: 25px;
}
.lastVideoBlock #tpSlideVideo{
	width: 100%;
	margin: 50px auto 0 auto;
}


.registerBlock {
	width: 850px;
	background: url("../images/bg_seigaiha3.png") repeat center top;
	margin: 0 auto 80px;
}
.registerBlock .inner {
	padding: 15px;
}
.registerBlock .inner dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	background-color: #090c1a;
	padding: 40px 0;
}
.registerBlock .inner dl dt,
.registerBlock .inner dl dd {
	width: 390px;
}
.registerBlock .inner dl dt {
	font-size: 36px;
	font-weight: normal;
	font-family: SilkSerif-Medium;
	padding-left: 30px;
	box-sizing: border-box;
}
.registerBlock .inner dl dd p {
	font-size: 12px;
	line-height: 1.6;
	padding-right: 30px;
}
.registerBlock .inner dl dd .cap {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding-top: 18px;
}
@media only screen and (max-width: 1024px){
	.registerBlock {
		width: 88%;
	}
	.registerBlock .inner dl {
		padding: 8%;
	}
	.registerBlock .inner dl dt,
	.registerBlock .inner dl dd {
		width: 48%;
	}
}
@media only screen and (max-width: 768px){
	.registerBlock .inner dl {
		display: block;
	}
	.registerBlock .inner dl dt,
	.registerBlock .inner dl dd {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.registerBlock .inner dl dt {
		padding-bottom: 18px;
	}
	.registerBlock .inner dl dd p {
		padding-right: 0;
	}
	.lastVideoBlock{
		width: 88%;
	}
	.lastVideoBlock #tpSlideVideo{
		width: 100%;
		/*height:360px;*/
	}
	.aboutVideo{
		width: 88%;
	}
	/*.aboutVideo .tpSlideVideo{*/
		/*width: 100%;*/
		/*height: 380px;*/
	/*}*/
	#aboutContent #contBox02{
		width: 95% !important;
	}
	#aboutContent #contBox01{
		width: 95% !important;
	}
	#aboutContent #contBox02 figure {
		left: calc(100% - 57%) !important;
	}
}








#topWhats {
	background: url("../images/bg_seigaiha.png") repeat-x left 85%;
	margin-bottom: 80px;
	overflow: hidden;
}
#topWhatsSlider {
	width: 660px;
	margin: 0 auto;
}
#topWhatsSlider .slick-list {
	overflow: inherit;
}
#topWhatsSlider .slick-slide.slick-cloned {
	display: none;
}

#topPick {
	background: url("../images/bg_seigaiha2.png") repeat-x left 85%;
	margin-bottom: 80px;
	overflow: hidden;
}
#topPickSlider {
	width: 660px;
	margin: 0 auto;
}
#topPickSlider .slick-list {
	overflow: inherit;
}
#topPickSlider .slick-slide.slick-cloned {
	display: none;
}
@media only screen and (max-width: 1125px){
	#topWhats {
		background: url("../images/bg_seigaiha.png") repeat-x left 90%;
	}
	#topPick {
		background: url("../images/bg_seigaiha2.png") repeat-x left 90%;
	}
	#topWhatsSlider,
	#topPickSlider {
		width: 88%;
	}
}
@media only screen and (max-width: 640px){
	#topPick {
		background-size: 5%;
	}
	#aboutContent #contBox02{
		width: 95% !important;
	}
	#aboutContent #contBox01{
		width: 95% !important;
	}
	#aboutContent #contBox02 figure {
		left: 20% !important;
	}

	.lastVideoBlock {
		width: 88%;
	}
	.lastVideoBlock #tpSlideVideo{
		width: 100%;
		/*height: 300px;*/
	}
	.aboutVideo{
		width: 88%;
	}
	/*.aboutVideo .tpSlideVideo{*/
		/*width: 100%;*/
		/*height: 320px;*/
	/*}*/
	.about .tilStyle02 li{
		width: 560px !important;
	}
	.clubPage #topPick #topPickSlider dt{
		width: 200px;
		height: 280px;
	}
	.clubPage .tilStyle02 li dl dd{
		width: 320px !important;
	}
	#aboutContent #contBox02 figure {
		left: calc(100% - 69%) !important;
	}
}
@media only screen and (max-width: 525px){
	#aboutContent #contBox02 figure {
		left: calc(100% - 88%) !important;
	}
}


#twSlideArrow,
#tpSlideArrow,
#cpSlideArrow {
	position: absolute;
	top: 70px;
	left: 0;
}
#twSlideArrow button.slick-prev,
#twSlideArrow button.slick-next,
#tpSlideArrow button.slick-prev,
#tpSlideArrow button.slick-next,
#cpSlideArrow button.slick-prev,
#cpSlideArrow button.slick-next {
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: transparent;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    font-size: 0;
    width: 35px;
    height: 36px;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#twSlideArrow button.slick-prev,
#tpSlideArrow button.slick-prev,
#cpSlideArrow button.slick-prev {
    background-image: url("../images/left arrow2.png");
}
#twSlideArrow button.slick-next,
#tpSlideArrow button.slick-next,
#cpSlideArrow button.slick-next {
    background-image: url("../images/right arrow2.png");
    left: 55px;
}
#twSlideArrow button.slick-prev:hover,
#tpSlideArrow button.slick-prev:hover,
#cpSlideArrow button.slick-prev:hover {
    background-image: url("../images/left arrow2_o.png");
}
#twSlideArrow button.slick-next:hover,
#tpSlideArrow button.slick-next:hover,
#cpSlideArrow button.slick-next:hover {
    background-image: url("../images/right arrow2_o.png");
    left: 55px;
}
@media only screen and (max-width: 1024px){
	#twSlideArrow,
	#tpSlideArrow,
	#cpSlideArrow {
		position: relative;
		top: 0;
		margin-top: 20px;
	}
}


.slideList {
	margin-bottom: 60px;
	overflow: hidden;
}
.slideList.slideListEnd {
	margin-bottom: 80px;
}
.slideList .slideListTitle article {
	width: 940px;
	position: relative;
	margin: 0 auto;
}
.slideList .slideListTitle article .sltBox {
	width: 282px;
	min-height: 220px;
	padding: 40px 25px 25px 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: -42px;
	z-index: 100;
}
.slideList .slideListTitle article #storiesBox {
	background: url(../images/bg_wagara01.png) repeat center center;
}
.slideList .slideListTitle article #experienceBox {
	background: url(../images/bg_wagara02.png) repeat center center;
}
.slideList .slideListTitle article #storeBox {
	background: url(../images/bg_wagara03.png) repeat center center;
}
.slideList .slideListTitle article #relateBox {
	background: #313752;
}
.slideList .slideListTitle article #experienceBox2 {
	background: #7e808c;
}
.slideList .slideListTitle article h3 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	padding-bottom: 50px;
}
.slideList .slideListTitle article .sltArrow {
	position: relative;
	height: 36px;
}

.slideList .slideListTitle article .more {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding-top: 20px;
}

.slideList .slideListTitle .sltArrow button.slick-prev,
.slideList .slideListTitle .sltArrow  button.slick-next {
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: transparent;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    font-size: 0;
    width: 35px;
    height: 36px;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.slideList .slideListTitle .sltArrow button.slick-prev {
    background-image: url("../images/left arrow2.png");
}
.slideList .slideListTitle .sltArrow  button.slick-next {
    background-image: url("../images/right arrow2.png");
    left: 55px;
}
.slideList .slideListTitle .sltArrow button.slick-prev:hover {
    background-image: url("../images/left arrow2_o.png");
}
.slideList .slideListTitle .sltArrow  button.slick-next:hover {
    background-image: url("../images/right arrow2_o.png");
    left: 55px;
}

.slideList .slideBlock {
	width: 500px;
	padding-top: 40px;
	margin: 0 auto;
}

.slideList .slideBlock .slick-list {
	overflow: inherit;
}
.slideList .slideBlock .slick-slide.slick-cloned {
	display: none;
}
@media only screen and (max-width: 1024px){
	.slideList .slideListTitle article {
		width: 100%;
	}
	.slideList .slideListTitle article .sltBox {
		left: 0;
	}
}
@media only screen and (max-width: 920px){
	.slideList .slideBlock {
		width: 630px;
		padding-top: 190px;
	}
}
@media only screen and (max-width: 480px){
	.slideList .slideBlock {
		width: 300px;
	}
	.lastVideoBlock {
		width: 88%;
	}
	.lastVideoBlock #tpSlideVideo{
		width: 100%;
		/*height: 250px;*/
	}
	.about .tilStyle02 li{
		width: 430px !important;
	}
	#aboutContent #contBox02{
		width: 95% !important;
	}
	#aboutContent #contBox01{
		width: 95% !important;
	}
	#aboutContent figure{
		width: 82% !important;
	}
	.clubPage #topPick #topPickSlider dt{
		width: 160px;
		height: 220px;
	}
	/*.tilStyle02 li dl dd {*/
		/*width: 225px;*/
		/*height: 200px;*/
	/*}*/
	#aboutContent h2{
		font-size: 32px !important;
	}
	#aboutContent .text{
		font-size: 10px !important;
	}
	/*.aboutVideo .tpSlideVideo {*/
		/*height: 250px;*/
	/*}*/
	.clubPage .tilStyle02 li dl dd{
		width: 251px !important;
	}
	#aboutContent #contBox02 figure {
		left: calc(100% - 88%) !important;
	}
	}
@media only screen and (max-width: 320px){
	#aboutContent figure {
		width: 245px !important;
	}
	/*.aboutVideo .tpSlideVideo{*/
		/*height: 200px;*/
	/*}*/
	.about .tilStyle02 li {
		width: 295px !important;
	}
	.clubPage .tilStyle02 li dl dd {
		width: 145px;
		height: 225px;
	}
	.clubPage #topPick #topPickSlider dt{
		width: 140px;
		height: 200px;
	}
	.clubPage #topPick .position{
		font-size: 14px !important;
	}
	.infoDescription{
		font-size: 10px !important;
	}
	.clubPage .tilStyle02 li dl dd{
		width: 135px !important;
	}
	.lastVideoBlock #tpSlideVideo{
		/*height: 200px;*/
	}
	}
@media only screen and (max-width: 768px){
	.slideList .slideListTitle article .sltBox {
		height: auto;
		min-height: 220px;
		padding: 25px;
	}
	.slideList .slideListTitle article h3 {
		font-size: 30px;
	}

}





.contList {
	margin-bottom: 60px;
	overflow: hidden;
}
.contList.contListEnd {
	margin-bottom: 80px;
}
.contList .contListTitle article {
	width: 940px;
	position: relative;
	margin: 0 auto;
}
.contList .contListTitle article .cltBox {
	width: 282px;
	min-height: 369px;
	padding: 40px 25px 40px 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	z-index: 100;
}
.contList .contListTitle article .cltBox.leftBox {
	left: -42px;
}
.contList .contListTitle article .cltBox.rightBox {
	right: -42px;
}
.contList .contListTitle article #experienceBox {
	background-color: #7e808c;
}
.contList .contListTitle article #storeBox {
	background-color: #dab6ba;
}
.contList .contListTitle article #storiesBox {
	background-color: #373c4f;
}
.contList .contListTitle article .cltBox h3 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	padding-bottom: 10px;
}
.contList .contListTitle article .cltBox .date {
	padding-bottom: 20px;
}
.contList .contListTitle article .cltBox .text {
	padding-bottom: 40px;
}
.contList .contListTitle article .cltBox .linktext {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}
.contList .contListImage article {
	width: 940px;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	margin: 0 auto;
}
.contList .contListImage article.leftBox {
	padding-left: 200px;
}
.contList .contListImage article.rightBox {
	padding-left: 100px;
}
.contList .contListImage article a {
	display: block;
	width: 622px;
	height: 420px;
}
.contList .contListImage article dl {
	width: 622px;
	height: 420px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.contList .contListImage article dl dt {
	overflow: hidden;
	position: relative;
	transition: transform .4s ease-out;
}
.contList .contListImage article a:hover dl dt {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}
.contList .contListImage article dl dt img {
	display: block;
	border: 0;
	width: 100%;
	height: auto;
}
.contList .contListImage article dl dd {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	top: 0;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}
.contList .contListImage article dl dd p {
	display: table;
	width: 100%;
	height: 100%;
}
.contList .contListImage article dl dd p span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 15px 0;
}
.contList .contListImage article a:hover dl dd {
	opacity: 1;
}
@media only screen and (max-width: 1024px){
	.contList .contListTitle article {
		width: 100%;
	}
	.contList .contListTitle article .cltBox {
		min-height: 1px;
		position: relative;
	}
	.contList .contListTitle article .cltBox.leftBox {
		left: 0;
	}
	.contList .contListTitle article .cltBox.rightBox {
		right: 0;
		margin: 0 0 0 auto;
	}
	.contList .contListTitle article .cltBox .text {
		display: none;
	}
	.contList .contListImage article {
		width: 88%;
		padding-top: 0;
		margin-top: -25px;
	}
	.contList .contListImage article.leftBox {
		padding-left: 0;
	}
	.contList .contListImage article.rightBox {
		padding-left: 0;
	}
	.contList .contListImage article a {
		display: block;
		width: 100%;
		height: 60vw;
	}
	.contList .contListImage article dl {
		width: 100%;
		height: 60vw;
	}

}
@media only screen and (max-width: 768px){
	.contList .contListTitle article .cltBox h3 {
		font-size: 30px;
	}
}


body#page_find {
	background: #090c1a url(../images/bg_slash.png) repeat-x left top;
}
#findPage {
}
#findPage .inner {
	width: 940px;
	margin: 0 auto;
}
#findPage .totalNum {
	min-height: 3em;
	padding: 20px 0 0 10px;
	box-sizing: border-box;
}
#findSearch dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	justify-content: space-between;
}
#findSearch dl dt {
	width: calc(100% - 3em);
}
#findSearch dl dd {
	width: 3em;
}
#findSearch input.searchtext {
	width: 100%;
	font-size: 45px;
	font-weight: normal;
	font-family: SilkSerif-Medium;
	background: url(../images/bg_botbor.png) repeat-x left bottom;
	border: none;
	padding: 13px 0 23px;
	box-sizing: border-box;
	color: #fff;
}
#findSearch button {
	display: block;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	background: none;
	border: none;
	line-height: 45px;
	padding: 0;
}

#findCategory {
	padding: 45px 0 40px;
}
#findCategory ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	border-bottom: 1px solid #7c827f;
	padding-bottom: 30px;
}
#findCategory ul li {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	font-family: SilkSerif-Medium;
	padding: 0 10px;
}
#findCategory ul li a {
	color: #939598;
}
#findCategory ul li.cur a,
#findCategory ul li a:hover {
	color: #fff;
}
#findControll {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
}
#findControll #filterBtn {
	width: 10%;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}
#findControll #filterBtn p {
	cursor: pointer;
	margin-left: 10px;
}
#findControll #filterBtn i {
	margin-left: 10px;
}
#findControll #filterTag {
	width: 81%;
}
#findControll #filterTag ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
}
#findControll #filterTag ul li {
	margin-left: 10px;
}
#findControll #filterTag ul li span {
	display: block;
	background-color: #474c4a;
	padding: 2px 10px 2px 8px;
}
#findControll #filterTag ul li span i {
	font-size: 11px;
	cursor: pointer;
	margin-right: 8px;
}
#findControll #filterTag ul li#filterClear {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	margin-left: 20px;
}
#findControll #filterIcon {
	width: 8%;
}
#findControll #filterIcon ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
}
#findControll #filterIcon ul li {
	font-size: 24px;
	margin-left: 15px;
}
#findControll #filterIcon ul li:first-child {
	margin-left: 0;
}
#findControll #filterIcon ul li a {
	color: #939598;
}
#findControll #filterIcon ul li.cur a,
#findControll #filterIcon ul li a:hover {
	color: #fff;
}
#spFindControllBtn,
#spFindControll {
	display: none;
}
#findContBlock {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-bottom: 60px;
}
#findContBlock.sideOpen {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-bottom: 60px;
}
#findContBlock .sideArea {
	display: none;
	width: 280px;
}
#findContBlock.sideOpen .sideArea {
	display: block;
	width: 280px;
}
#findContBlock .sideArea h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	border-bottom: 1px solid #7c827f;
	padding: 0 5px 30px 10px;
}
#findContBlock .sideArea dt {
	cursor: pointer;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	border-bottom: 1px solid #7c827f;
	padding: 30px 5px 30px 10px;
	box-sizing: border-box;
}
#findContBlock .sideArea dd {
	display: none;
	border-bottom: 1px solid #7c827f;
	padding: 30px 5px 30px 10px;
}
#findContBlock .sideArea dd li {
	padding-bottom: 10px;
}
#findContBlock .sideArea dd li:last-child {
	padding-bottom: 0;
}
#findContBlock .sideArea .refineBtn {
	padding-top: 30px;
}
#findContBlock .sideArea .refineBtn span {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #fff;
	background-color: #000;
	padding: 12px 0;
	transition: all .3s ease-out;
}
#findContBlock .sideArea .refineBtn span:hover {
	color: #000;
	background-color: #fff;
}

#findContBlock .contArea {
	width: 100%;
}
#findContBlock.sideOpen .contArea {
	width: calc(100% - 300px);
}
#findContBlock ul.tilStyle01 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-bottom: 45px;
}
#findContBlock ul.tilStyle01::after{
  content:"";
  display: block;
  width: 300px;
}
#findContBlock ul.tilStyle01 li {
	margin: 0 0 25px 0;

}
#findContBlock ul.tilStyle01 li:nth-child(3n) {
	margin-right: 0;
	/*margin-bottom: 20px;*/
}

#findContBlock .moreBtn {
	width: 300px;
	margin: 0 auto;
}
/*pager_num*/
.pager_num ul.listPaginator{
	text-align: center !important;
}
.pager_num ul.listPaginator li{
	width: 30px;
	height:30px;
	line-height: 30px;
	border: 1px solid #ffffff;
	margin: 3px;
}
.pager_num ul.listPaginator li:hover{
	background: #ffffff;
	color: #0a0a0a;
	cursor: pointer;
}
.pager_num ul.listPaginator li:hover a{
	color: #0a0a0a;
}
@media only screen and (max-width: 1125px){
	#findPage .inner {
		width: 88%;
	}
	#findCategory {
		margin-right: -4%;
	}
	#findCategory ul {
		flex-flow: row nowrap;
		overflow-x: scroll;
	}
	#findCategory ul li {
		white-space: nowrap;
	}
	#findControll {
		display: none;
	}
	#spFindControllBtn {
		display: block;
		padding-bottom: 40px;
	}
	#spFindControllBtn #filterBtn {
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.4px;
	}
	#spFindControllBtn #filterBtn p {
		cursor: pointer;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		border-top: 1px solid #7c827f;
		border-bottom: 1px solid #7c827f;
		padding: 30px 10px;
		box-sizing: border-box;
	}
	#spFindControllBtn #filterBtn p i {
		margin-left: 10px;
	}
	#spFindControll {
		display: block;
		width: 100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		overflow-y: auto;
		position: fixed;
		top: 0;
		right: -100%;
		visibility: hidden;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		z-index: 20000;
		background: #090c1a;
	}
	#spFindControll.spFcOpen {
		right: 0;
		visibility: inherit;
	}
	#spFindControll article {
		width: 88%;
		padding: 30px 0 60px;
		margin: 0 auto;
	}
	#spFindControll #spfClose {
		font-size: 20px;
		text-align: right;
		padding-bottom: 40px;
	}
	#spFindControll #spfClose i {
		cursor: pointer;
	}
	#spFindControll #filterTag {
		border-bottom: 1px solid #7c827f;
		padding-bottom: 10px;
	}
	#spFindControll #filterTag ul li {
		display: inline-block;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#spFindControll #filterTag ul li span {
		display: inline-block;
		background-color: #474c4a;
		padding: 2px 10px 2px 8px;
	}
	#spFindControll #filterTag ul li span i {
		font-size: 11px;
		cursor: pointer;
		margin-right: 8px;
	}
	#spFindControll #filterTag ul li#filterClear {
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.4px;
		margin-top: 10px;
	}
	#spFindControll #filterCategory {
		padding: 40px 0 20px;
		margin-right: -4%;
	}
	#spFindControll #filterCategory ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #7c827f;
		padding-bottom: 30px;
		flex-flow: row nowrap;
		overflow-x: scroll;
	}
	#spFindControll #filterCategory ul li {
		white-space: nowrap;
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		font-family: SilkSerif-Medium;
		padding: 0 10px;
	}
	#spFindControll #filterCategory ul li a {
		color: #939598;
	}
	#spFindControll #filterCategory ul li.cur a,
	#spFindControll #filterCategory ul li a:hover {
		color: #fff;
	}
	#spFindControll #filterCheck h4 {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.4px;
		border-bottom: 1px solid #7c827f;
		padding: 30px 5px 30px 10px;
	}
	#spFindControll #filterCheck dt {
		cursor: pointer;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1.4px;
		border-bottom: 1px solid #7c827f;
		padding: 30px 5px 30px 10px;
		box-sizing: border-box;
	}
	#spFindControll #filterCheck dd {
		display: none;
		border-bottom: 1px solid #7c827f;
		padding: 30px 5px 30px 10px;
	}
	#spFindControll #filterCheck dd li {
		padding-bottom: 10px;
	}
	#spFindControll #filterCheck dd li:last-child {
		padding-bottom: 0;
	}
	#spFindControll #filterCheck .applyBtn {
		padding-top: 40px;
	}
	#findContBlock ul.tilStyle01 li {
		width: 48%;
	}
	#findContBlock ul.tilStyle01 li dt img {
		width: 100%;
	}
	#findContBlock ul.tilStyle01 li a {
		padding-bottom: 0;
	}
	#findContBlock ul.tilStyle01 li .linktext {
		position: relative;
	}
	#findContBlock ul.tilStyle01 li a:hover .linktext {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	#findContBlock ul.tilStyle01 li .linktext span {
		opacity: 1;
	}
}
@media only screen and (max-width: 640px){
	#findContBlock ul.tilStyle01 li {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}

#storyCont {
	width: 940px;
	background: url('../images/bg_line3.png') repeat-x left bottom;
	padding-bottom: 15px;
	margin: 30px auto 80px;
}
#storyCont article {
	width: 760px;
	padding-bottom: 20px;
	margin: 0 auto;
}
@media only screen and (max-width: 1125px){
	#storyCont {
		width: 88%;
	}
	#storyCont article {
		width: 100%;
	}
}

#experienceCont {
	padding-top: 30px;
	margin: 0 auto 80px;
}
#experienceCont #exImgSlide {
	position: relative;
	margin: 0 auto 60px;
}
#experienceCont #exImgSlide .slideList .slideBlock {
	width: 622px;
}
#experienceCont #exImgSlide .slideList .slideBlock .slick-list {
	overflow: hidden;
}

#experienceCont #exImgSlide:after {
	display: block;
	content: '';
	width: 940px;
	background: url('../images/bg_line3.png') repeat-x left bottom;
	padding-bottom: 15px;
	margin: 0 auto;
}

#experienceContWrap article {
	width: 760px;
	padding-bottom: 20px;
	margin: 0 auto;
}
@media only screen and (max-width: 1024px){
	#experienceCont #exImgSlide .slideList .slideListTitle article {
		width: 100%;
	}
	#experienceCont #exImgSlide:after {
		width: 88%;
	}
	#experienceContWrap article {
		width: 88%;
	}
}
@media only screen and (max-width: 768px){
	#page_experience_detail #mainImage ul li.slideBox .slideCont article .logo {
		width: 60px;
		height: auto;
	}
	#page_experience_detail #mainImage ul li.slideBox.slick-active .slideCont article .titleM {
		font-size: 30px;
		text-shadow:0 0 5px rgba(0,0,0,0.6); /* 濱本追加10月5日*/
	}
	#mainImage ul li.slideBox .slideCont article .button2:before {
		width: 180px;
		height: 50px;
		background-position: right bottom;
	}
	#page_experience_detail #mainImage ul li.slideBox .slideCont article .button2 a {
		width: 180px;
		height: 50px;
		line-height: 26px;
	}
	#experienceCont #exImgSlide .slideList .slideBlock {
		width: 88%;
	}
}



.titleStyle01 {
	text-align: center;
	padding-bottom: 60px;
}
.titleStyle01 h2 {
	font-size: 20px;
	font-family: SilkSerif-Medium;
	line-height: 1.4;
}
.titleStyle01 p {
	padding-top: 15px;
}
.titleStyle02 {
	font-size: 36px;
    font-family: SilkSerif-Medium;
    line-height: 1.3;
	text-align: center;
	padding-bottom: 60px;
}
.contStyle01 dl,
.contStyle02 dl,
.contStyle03 dl,
.contStyle04 dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-bottom: 30px;/*濱本編集1018-2020 (元々padding-bottom:60px*/
}
.contStyle01 dl dt,
.contStyle01 dl dd,
.contStyle02 dl dt,
.contStyle02 dl dd,
.contStyle03 dl dt,
.contStyle03 dl dd,
.contStyle04 dl dt,
.contStyle04 dl dd {
	width: 360px;
}
.contStyle01 dl dt,
.contStyle02 dl dt {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
}
.contStyle01 dl dd,
.contStyle02 dl dd {
	line-height: 1.8;
}
.contStyle02 dl dt {
	order: 2;
}
.contStyle02 dl dd {
	order: 1;
}
.contStyle01 .img {
	text-align: center;
	padding-bottom: 30px;/*濱本編集1018-2020 (元々padding-bottom:60px*/
}
.contStyle01 .text,
.contStyle02 .text {
	line-height: 1.8;
	padding-bottom: 30px; /*濱本編集1018-2020 (元々padding-bottom:60px*/
}

.contStyle01 .subttl,
.contStyle02 .subttl {
	font-size: 24px;
	font-weight: bold;
	font-style: oblique;
	line-height: 1.4;
	padding-top: 20px;　/*濱本編集0601-2021*/
	padding-bottom: 30px; /*濱本編集1018-2020 (元々padding-bottom:60px*/
}

.contStyle02 .movieWrap {
	margin-bottom: 60px;
}
.contStyle03 dt h3 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	padding-bottom: 25px;
}
.contStyle04 h3 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
	padding-bottom: 40px;
}
.contStyle04 .text,
.contStyle04 dt,
.contStyle04 dd {
	line-height: 1.8;
}
.contStyle04 dl {
	line-height: 1.8;
}
.contStyle04 .more {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	margin-left: 1em;
}
.contStyle05 {
	padding-bottom: 60px;
}
.contStyle05 h3 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
	padding-bottom: 40px;
}
.timeSchedule {
	max-height: 150px;
	position: relative;
	/*overflow: hidden;*/
	transition: max-height .8s ease-out;
}
.timeSchedule.tsOpen {
	max-height: 2000px;
	transition: max-height .8s ease-out;
}
.timeSchedule:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	background: linear-gradient( rgba(9,12,26,0.4), #090c1a);
}
.timeSchedule.tsOpen:after {
	/*display: none;*/
}
.timeSchedule li {
	padding-bottom: 60px;
}
.timeSchedule .time {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
	padding-bottom: 25px;
}
.timeSchedule h4 {
	font-size: 20px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
	padding-bottom: 25px;
}
.timeSchedule .text {
	line-height: 1.8;
}
.timeSchedule li dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
.timeSchedule li dl dt,
.timeSchedule li dl dd {
	width: 360px;
}
.timeSchedule li dl dd {
	text-align: right;
}

/* Itinerary 表示バージョン (濱本 11月05日2020年追加)*/
.timeScheduleShow {
	/*max-height: 150px;*/
	position: relative;
	/*overflow: hidden;*/
	/*transition: max-height .8s ease-out;*/
}
.timeScheduleShow.tsOpen {
	/*max-height: 2000px;*/
	/*transition: max-height .8s ease-out;*/
}
.timeScheduleShow:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	/*height: 100px;*/
	/*background: linear-gradient( rgba(9,12,26,0.4), #090c1a);*/
}
.timeScheduleShow.tsOpen:after {
	/*display: none;*/
}
.timeScheduleShow li {
	padding-bottom: 60px;
}
.timeScheduleShow .time {
	font-size: 36px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
	padding-bottom: 25px;
}
.timeScheduleShow h4 {
	font-size: 20px;
	font-family: SilkSerif-Medium;
	line-height: 1.3;
	padding-bottom: 25px;
}
.timeScheduleShow .text {
	line-height: 1.8;
}
.timeSchedule li dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
.timeScheduleShow li dl dt,
.timeScheduleShow li dl dd {
	width: 360px;
}
.timeScheduleShow li dl dd {
	text-align: right;
}

.moreSchedule {
	text-align: center;
	position: relative;
	margin-top: -12px;
}
.moreSchedule:before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
}
.moreSchedule span {
	display: inline-block;
	cursor: pointer;
	background: #090c1a;
	position: relative;
	z-index: 10;
}
.moreSchedule span i {
	font-size: 30px;
}
.moreSchedule span.pulus {
	display: inline-block;
}
.moreSchedule span.minus {
	display: none;
}
.moreSchedule.active span.pulus {
	display: none;
}
.moreSchedule.active span.minus {
	display: inline-block;
}

.listStyle01 li {
	font-size: 14px;
	font-family: SilkSerif-Medium;
	background: url(../images/dot.png) no-repeat left 0.6em;
	padding: 0 0 20px 1em;
}
.listStyle01 li:last-child {
	padding-bottom: 0;
}
.lineBottom {
	border-bottom: 1px solid #fff;
	margin-bottom: 60px;
}


/*濱本編集1018-2020 (元々padding-bottom:30px*/
.movieWrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movieWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 840px){
	.contStyle01 dl dt,
	.contStyle01 dl dd,
	.contStyle02 dl dt,
	.contStyle02 dl dd,
	.contStyle03 dl dt,
	.contStyle03 dl dd,
	.contStyle04 dl dt,
	.contStyle04 dl dd,
	.timeSchedule li dl dt,
	.timeSchedule li dl dd,
	.timeScheduleShow li dl dt,
	.timeScheduleShow li dl dd {
		width: 100%;
	}
	.contStyle02 dl dt {
		order: 1;
		padding-bottom: 20px; /*濱本編集1018-2020 (元々padding-bottom:30px*/
	}
	.contStyle02 dl dd {
		order: 2;
	}
	.contStyle01 dl dd,
	.contStyle02 dl dt,
	.contStyle03 dl dd,
	.contStyle04 dl dd,
	.timeSchedule li dl dd,
	.timeScheduleShow li dl dd {
		padding-top: 30px;
	}
	.timeSchedule li dl dd,
	.timeScheduleShow li dl dd {
		text-align: center;
	}
}

.club #container {
	padding-top: 80px;
}
#clubPrivileges .inner {
	width: 940px;
	margin: 0 auto;
	background: url('../images/bg_line3.png') repeat-x left top;
	padding: 100px 0 100px;
}
#clubPrivileges .inner:after {
	display: block;
	content: '';
	width: 100%;
	background: url('../images/bg_line3.png') repeat-x left bottom;
	padding-bottom: 15px;
	margin: 0 auto;
}
#clubPrivileges .titleController {
	padding-bottom: 40px;
}
#clubPrivileges .slideArea li {
	width: 360px;
}
#clubPrivileges .slideArea li dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	padding-bottom: 25px;
}
#clubPrivileges .slideArea li dl dt {
	width: 110px;
}
#clubPrivileges .slideArea li dl dt img {
	max-width: 100%;
}
#clubPrivileges .slideArea li dl dd {
	width: 230px;
	margin-left: 20px;
}
#clubPrivileges .slideArea li dl dd h4 {
	font-family: SilkSerif-Medium;
    font-size: 20px;
    line-height: 1.6;
}
#cpSlideNum {
	position: absolute;
	top: 130px;
	left: 0;
}

@media only screen and (max-width: 1024px){
	#clubPrivileges .inner {
		width: 88%;
		padding: 12vw 0 12vw;
	}
}
@media only screen and (max-width: 768px){
	#clubPrivileges .slideArea li {
		width: 100%;
	}
	#clubPrivileges .slideArea li dl {
		display: block;
	}
	#clubPrivileges .slideArea li dl dd {
		width: 100%;
	}
}



.about #cateTitle {
	padding-bottom: 20px;
}
.about .ec-pageHeader {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 580px;
}
.about .ec-pageHeader figure {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
}
.about .ec-pageHeader figure img {
	width: auto;
	max-width: 100%;
}
.about #container {
	padding-top: 80px;
}

#aboutContent .inner {
	width: 940px;
	margin: 0 auto;
	background: url('../images/bg_line3.png') repeat-x left bottom;
	padding: 0 0 120px;
	margin-bottom: 70px;
}
#aboutContent h2 {
	font-size: 36px;
	font-family: SilkSerif-Medium;
}
#aboutContent h2 {
	width: 44%;
	position: relative;
	z-index: 10;
}
#aboutContent .text {
	width: 44%;
	position: relative;
	z-index: 10;
}
#aboutContent figure {
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
}
#aboutContent #contBox01 {
	width: 738px;
	height: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto 90px;
	position: relative;
}
#aboutContent #contBox01 h2 {
	padding-top: 130px;
}
#aboutContent #contBox01 .text {
	padding-top: 130px;
}
#aboutContent #contBox01 figure {
	left: 60px;
}
#aboutContent #contBox02 {
	width: 738px;
	height: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}
#aboutContent #contBox02 h2 {
	padding-top: 110px;
	order: 2;
}
#aboutContent #contBox02 .text {
	padding-top: 80px;
	/*padding-top: 110px;*/
	order: 1;
}
#aboutContent #contBox02 figure {
	left: 370px;
}

.about #topPick {
	background: url("../images/bg_seigaiha.png") repeat-x left 85%;
}
.about .titleController {
	margin-bottom: 70px;
}
.about .titleController article .taRight h4 {
	font-family: SilkSerif-Medium;
    font-size: 20px;
    line-height: 1.6;
}
.about .tilStyle02 li {
	width: 705px;
	background: #090C1B !important;
}
.about .tilStyle02 li dl dt {
	position: relative;
}
.about .tilStyle02 li dl dt img {
	width: auto;
	height: auto;
}
.tilStyle02 li h3{
	font-family: SilkSerif-Medium;
	margin-bottom: 20px;
}
.tilStyle02 li dl{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto !important;
}
#topPick .position{
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.infoDescription{
	font-family: CeraPro;
	font-size: 13px;
	line-height: 20px;
}


/* エフェクト（最後に記述） */
.effect-fade {
	/*opacity : 0;*/
	/*transform : translate(0, 100px);*/
	/*transition : all 2.5s;*/
}
.effect-fade.effect-scroll {
	/*opacity : 1;*/
	/*transform : translate(0, 0);*/
}

/* FindとShopページ用カスタマイズCSS  (7/18/2020追加)*/
#cateTitle .titleFind {
	font-family: SilkSerif-Medium;
	font-size: 20px;
	line-height: 1.2;
	padding: 0px 0 0px;
}
#cateTitle .leadTextShop {
	line-height: 1.8;
	padding: 0px 0 0px;
}

/* Stories内画像スライダーCSS  (8/12/2020追加)*/
/* Slider */
#storyCont .slick-list.dragging {
	cursor: hand;
	cursor: hand;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('https://clubtaro.com/fonts/slick.eot');
    src: url('https://clubtaro.com/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://clubtaro.com/fonts/slick.woff') format('woff'), url('https://clubtaro.com/fonts/slick.ttf') format('truetype'), url('https://clubtaro.com/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
#storyCont .slick-prev,
#storyCont .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#storyCont .slick-prev:hover,
#storyCont .slick-prev:focus,
#storyCont .slick-next:hover,
#storyCont .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
#storyCont .slick-prev:hover:before,
#storyCont .slick-prev:focus:before,
#storyCont .slick-next:hover:before,
#storyCont .slick-next:focus:before
{
    opacity: 1;
}
#storyCont .slick-prev.slick-disabled:before,
#storyCont .slick-next.slick-disabled:before
{
    opacity: .25;
}

#storyCont .slick-prev:before,
#storyCont .slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#storyCont .slick-prev
{
    left: -25px;
}
[dir='rtl'] #storyCont .slick-prev
{
    right: -25px;
    left: auto;
}
#storyCont .slick-prev:before
{
    content: '←';
}
[dir='rtl'] #storyCont .slick-prev:before
{
    content: '→';
}

#storyCont .slick-next
{
    right: -25px;
}
[dir='rtl'] #storyCont .slick-next
{
    right: auto;
    left: -25px;
}
#storyCont .slick-next:before
{
    content: '→';
}
[dir='rtl'] #storyCont .slick-next:before
{
    content: '←';
}

/*左右の矢印の色を変える*/
#storyCont .slider img {
	width: 100%;
	height: auto;
}
#storyCont .single-item {
	max-width: 768px;
	margin: 0 auto 0;
}
#storyCont .slick-prev:before,
#storyCont .slick-next:before {
    color: #fff;
}
/*左右の矢印の位置を変える*/
#storyCont .slick-next {
    right: 15px;
    z-index: 99;
}
#storyCont .slick-prev {
    left: 15px;
    z-index: 100;
}
/*Corporate Informationのグリッドテーブル調整 (濱本追加2021年7月2日)*/
.ec-borderedDefs dl{
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 0px 0 0!important;　/*10px 0 0;*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
.ec-borderedDefs dl {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 10px 0 0!important;　/*10px 0 0;*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
}
/*Corporate Informationのグリッドテーブル調整 (濱本追加10月15日)*/
.ec-borderedDefs dl dt {
  margin-top: 0px !important;
  /*padding-bottom: 20px !important;*/
  /*line-height: 1.6 !important;*/
}
.ec-borderedDefs dl dd {
  margin-top: 13px !important;
  margin-bottom: 15px !important;
  /*padding-bottom: 20px !important;*/
  line-height: 1.6 !important;
}
@media only screen and (max-width: 1024px) {
.ec-borderedDefs dl dd {
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  /*padding-bottom: 20px !important;*/
  line-height: 1.6 !important;
}
}

/*Contact PageのNewsletterのボタンスタイル指定(濱本追加2月3日)*/
#wrapper .ec-off1Grid .ec-off1Grid__cell__plus .button {
	width: 200px;
	padding-top: 20px;
}
#wrapper .ec-off1Grid .ec-off1Grid__cell__plus .button a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	text-decoration: none;
	text-align: center;
	background: none;
	border: 1px solid #fff;
	padding: 7px 0;
}
#wrapper .ec-off1Grid .ec-off1Grid__cell__plus .button a:hover {
	color: #090c1a;
	background: #fff;
}
@media only screen and (max-width: 1024px){
	#wrapper .ec-off1Grid .ec-off1Grid__cell__plus .button {
		margin: 0 auto;
	}
}



/*iframe responsive(濱本追加3月16日)*/
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*記事本文内のみのリンクに点線を入れてわかりやすくする (濱本追加4月27日)*/
#storyCont article a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
	color:#fff;
}

#storyCont article a:visited {
	border-bottom:1px dotted #fff;
	color:#fff;
}

#storyCont article a:hover {
	border-bottom:1px dotted #C1C1C1;
	color:#C1C1C1;
}

#storyCont article .btnBookNow {
	width: 460px;
	margin: 0 auto;
	position: relative;
}
#storyCont article .btnBookNow:before {
	display: block;
	content: '';
	width: 464px;
	height: 60px;
	background: url(../images/bg_seigaiha4.png) repeat right top;
	position: absolute;
	top: 8px;
	left: 6px;
}
#storyCont article .btnBookNow a {
	display: block;
	width: 460px;
	height: 60px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
	background: #090c1a;
	border: 1px solid #fff;
	box-sizing: border-box;
	overflow: hidden;
}
#storyCont article .btnBookNow a:hover {
	color: #090c1a;
	background-color: #fff;
}
@media only screen and (max-width: 1125px){
	#storyCont article .btnBookNow {
		width: 300px;
	}
	#storyCont article .btnBookNow:before {
		width: 300px;
	}
	#storyCont article .btnBookNow a {
		width: 300px;
	}
}