@charset "utf-8";

/*==========================================================
	
==========================================================*/
.fb_iframe_widget {
	line-height: 0 !important;
}

html {
	/* 	background: #e8dbc8; */
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

iframe {
	overflow-y: hidden;
	z-index: 1 !important;
}

body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 1;
	
}

#shibuya {
	background: #FFFFFF;
	position: relative;
	padding-top: 25px;
	z-index: 1;
}

#shibuya.inner {
	background: #FFFFFF;
}

#shibuya.inner.special {
	background: #FFFFFF;
	padding: 0 0 0 0;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	#shibuya {
		padding-top: 0;
		overflow: hidden;
	}

}

/*====================*/


/*-----------------------------------------------------------
	setting
-----------------------------------------------------------*/
p {
	margin: 0 0 0 0;
}

a {
	text-decoration: underline;
	color: #3a6bc8;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}

.fade {
}
.fade:hover {
	opacity: 0.7;
}

.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

.flt {
	text-decoration: line-through;
}
.fcG {
	color: #a4a4a4;
}
.fcB {
	color: #abebef;
}
.fcY {
	color: #ffa282;
}

h2 img,
h3 img,
h4 img,
.img img {
	pointer-events: none !important;
}

.note {
	color: rgba(10, 36, 51, 0.8);
	font-size: 14px;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}

.fade:hover {
	opacity: 1;
}

}

/*====================*/


/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
}

.inner #header {
	padding: 0 0 10px 0;
}

.headerWrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	z-index: 9;
	overflow: hidden;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.headerWrap .lead {
	width: 267px;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}

.headernavi ul {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.headernavi li {
	color: #0b2534;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	position: relative;
	overflow: hidden;
}

.headernavi li a {
	font-size: 11px;
	line-height: 1.4;
	color: #0b2534;
	text-decoration: none;
}

.headernavi li.cr a {
	color: #3a6bc8;
}

.headernavi li:before {
	content: "";
	width: 10px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/arrow_01_bl.svg) no-repeat center center;
	background-size: 3px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.headernavi .share {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.headernavi .share li {
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	height: 20px;
}

.headernavi .share li:before {
	display: none;
}

#header .g_navi .logo span {
	display: none;
}

.g_navi {
	width: 100%;
	background: none;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	top: 0;
}

.header .g_navi {
	margin: 0 0 0 0;
}

.g_navi .navBox {
	width: 100%;
	margin: 0 0 0 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: flex-end;
}

.g_navi .logo {
	width: 380px;
	height: 62px;
	margin: 0 0 7px 0;
	padding: 0 0 0 0;
	display: block;
	flex: 0 0 auto;
	text-indent: -9999px;
	background: url(../img/logo/shibuya_1.svg) no-repeat top left;
	background-size: 100% auto;
}

.g_navi a {
	display: block;
	width: 100%;
	height: 100%;
}

.g_navi .nav {
	margin: 0 0 7px 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;

}

.g_navi .nav li {
	color: #313b60;
	padding: 0 0 0 0;

	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	display: block;
	position: relative;
}
.g_navi .nav li.cr {

}
.g_navi .nav li.cr .en {
	color: #0b2534;
}
.g_navi .nav li.cr:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #313b60;
	position: absolute;
	bottom: -7px;
	left: 0;
}

.g_navi .nav li.off {
	opacity: 0.5;
}

.g_navi .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	
}
	.g_navi .nav li .jp {
		font-size: 19px;
		font-weight: bold;
		display: block;
		color: #313b60;
		margin-bottom: 3px;
		letter-spacing: -0.02em;
	}
	.g_navi .nav li .en {
		font-size: 12px;
		font-weight: bold;
		display: block;
		color: #0b2534;
	}

.g_navi .nav li:hover {
	opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
	-ms-filter: "alpha(opacity=50)" !important;
	-moz-opacity: 0.5 !important;
	-khtml-opacity: 0.5 !important;
}

.header {
	background: #ffffff;
	width: 100%;
	padding: 10px 0 10px 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #0b2534;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.header.fix {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.index .header.fix {
/*
	-webkit-transform: translateY(33px);
	-ms-transform: translateY(33px);
	transform: translateY(33px);
*/
}
.header .headernavi {
	width: 100%;
	display: none;
}

#menuBtn {
	width: 15%;
	margin: 3% 3% 8px 0;
	line-height: 0;
	background: #707e99;

	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	position: fixed;
	right: 0;
	top: 0;
	z-index: 10;
}

#menuClose {
	width: 15%;
	margin: 3% 3% 8px 0;
	line-height: 0;
	background: #707e99;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 101;
	display: none;
}

#menuBtn {
	display: none;
}

#menuClose {
	display: none;
}

/*===================sp=*/
@media screen and (max-width: 960px) {
	.g_navi .nav li .jp {
		font-size: 1.80vw;
	}
}
@media screen and (min-width: 960px) {
	.g_navi .nav li .jp {
		font-size: 19px;
	}
}
/*====================*/
/*===================sp=*/
@media screen and (max-width: 860px) {

	#header {
		width: 90%;
		margin: 0 auto 0 auto;
		padding: 3vw 0 3vw 0;
	}

	.inner #header {
		width: 90%;
		margin: 0 auto 0 auto;
		padding: 3vw 0 3vw 0;
	}

	.headerWrap .lead {
		width: 60%;
		font-size: 3.00vw;
		line-height: 1.2;
	}

	#header .g_navi .logo {
		width: 90%;
		margin: 0 0 0 0;
	}
	.g_navi .navBox {
		flex-wrap: wrap;
	}

	#header .headernavi,
	#header .g_navi .nav {
		display: none;
	}

	#header .g_navi .logo img {
		width: 90%;
		margin-bottom: 3vw;
	}

	#header .g_navi .logo p {
		display: flex;
		flex-wrap: wrap;
	}

	#header .g_navi .logo p {
		font-size: 2.8vw;
		font-weight: 400;
	}

	#header .g_navi .logo p a {
		width: auto;
		font-weight: 600;
		color: #3a6bc8;
		border-bottom: 1px solid #3a6bc8;
	}

	#header .g_navi .logo a {
		color: #0b2534;
		text-decoration: none;
	}

	.header,
	.header.fix {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.index .header.fix {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.header {
		background: #313b60;
		padding: 1vw 0 2vw 0;
	}

	.header .headernavi {
		display: block;
	}

	.header.f {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.index .header.fix.f {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	#menuBtn {
		display: block;
	}

	.g_navi .navi {
		display: block;
	}

	.headernavi ul {
		width: 90%;
		margin: 0 auto 0 auto;
	}

	.headernavi li {
		width: 47%;
		margin: 0 0 2vw 0;
		color: #e8dbc8;
		color: #fbf8f3;
		font-weight: bold;
	}

	.headernavi li a {
		color: #e8dbc8;
		color: #fbf8f3;
	}

	.headernavi .share {
		width: 100%;
		margin: 3vw 0 3vw 0;
	}

	.headernavi .share li {
		width: auto;
	}
	.g_navi {
		margin-top: 2px;
	}
	.g_navi .logo {
		width: 40%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: block;

		text-indent: 0;
		background: none;
	}

	.g_navi a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.g_navi .nav {
		width: 100%;

		margin: 5vw 0 5vw 0;

		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-end;

		border-top: rgba(232, 219, 200, 0.15) 1px solid;
	}

	.g_navi .nav li {
		width: 100%;
		color: #0a2433;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		padding: 4vw 5.13% 4vw 5.13%;
		display: block;
		text-indent: 0;
		position: relative;
		box-sizing: border-box;

		border-bottom: rgba(232, 219, 200, 0.15) 1px solid;
	}
	.g_navi .nav li .jp {
		font-size: 19px;
		color: #ffffff;
	}
	.g_navi .nav li .en {
		color: #707e99;
	}
	.g_navi .nav li.cr .en {
		color: #ffffff;
	}
	.g_navi .nav li.off {
		opacity: 0.5;
	}

	.g_navi .nav li a {
		display: block;
		color: #000;
		text-decoration: none;
	}

}
/*====================*/


/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	width: 100%;
	min-height: 800px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	z-index: -1;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	color: #0b2534;
	z-index: 1;
}

.inner #content {
	padding: 0 0 80px 0;
}
.inner.events #content {
	padding-bottom: 0;
}

.inner.special #content {
	background: #ffffff;
	min-height: 50px;
	padding: 0 0 0 0;
}

.contentWrap {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 60px 0 60px 0;
}

.contentBox {
	width: 90%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

.contentBox.tybb {
	border-top: 1px solid #90928d;
	padding-top: 30px;
	margin-top: 50px;
}
	.contentBox .contentItem {
		margin-top: 50px;
	}

.contentBox .txt.tybb {
	border-bottom: 1px solid #90928d;
	padding-bottom: 30px;
}

.contentBox .txt span {
	font-size: 16px;
	margin: 14px auto 0 auto;
	display: block;
}

.contentBox .txt span.note {
	font-size: 14px;
}



/*===================sp=*/
@media screen and (max-width: 860px) {
	#content {
		font-size: 3.4vw;
	}
	.contentWrap {
		padding: 8vw 0 8vw 0;
	}
	.contentBox .contentItem {
		margin-top: 30px;
	}

}

/*====================*/

/*-----------------------------------------------------------
	h1- setting
-----------------------------------------------------------*/
#content h2 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
	color: #0b2534;
	font-size: 25px;
}

#content h2 .txt {
	color: #262626;
	font-size: 15px;
}

#content h3 {
	width: 100%;
	margin: 0 auto 30px auto;
	color: #0b2534;
	font-size: 20px;
}

#content h3.f30 {
	font-size: 30px;

}

#content h3.tybb {
	border-bottom: 2px solid #90928d;
	padding-bottom: 10px;
	margin-bottom: 50px;
}

/*===================sp=*/
@media screen and (max-width: 860px) {
	#content h3 {
		font-size: 4.4vw;
	}

	#content h3.f30 {
		font-size: 5.0vw;
		margin-bottom: 8vw;
	}


}

/*====================*/


/*-----------------------------------------------------------
	#main setting
-----------------------------------------------------------*/
#main {}

.inner #main {
	width: 100%;
	height: 200px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	color: #262626;
	font-size: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #a5a8b6;
}
.inner #main h2 .txt {
	color: #262626;
	font-size: 15px;
}
.inner #main h2 {
	width: 300px;
	padding-top: 20px;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	.inner #main {
		background-size: cover !important;
	}
	
	.inner #main h2 {
		width: 66%;
		padding-top: 20px;
	}

}

/*====================*/


/*-----------------------------------------------------------
	bnr,btn setting
-----------------------------------------------------------*/

.contentBox .bnr {
	width: 60%;
	max-width: 240px;
	margin: 0 auto 0 auto;
}

.contentBox .bnr:hover {
	opacity: 0.7;
}

.contentBox .bnr01 {
	width: 60%;
	max-width: 350px;
	margin: 0 auto 0 auto;
}

.contentBox .bnr01:hover {
	opacity: 0.7;
}

.contentBox .btn {
	width: 60%;
	max-width: 370px;
	margin: 0 auto 0 auto;
}

.btn01 {
	background: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.10);
	position: relative;
}

.btn01 a {
	text-decoration: none;
}

.btn01 a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a .btn01 {
	text-decoration: none;
}

.btn01:hover {
	opacity: 0.7;
}

.btn02 {
	border: 1px solid #464646;
	color: #989898;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.btn02 a {
	color: #989898;
	text-decoration: none;
}

.btn03 {
	border: 1px solid #3a6bc8;
	color: #3a6bc8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.btn03 a {
	color: #3a6bc8;
	text-decoration: none;
}

.btn04 {
	border: 2px solid #000000;
	color: #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.btn04 a {
	color: #000000;
	text-decoration: none;
}


.contentBox .btn_ticket {
	width: 350px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	background: #707e99;

}

.contentBox .btn_ticket a {
	height: 70px;
	color: #0b2534;
	font-size: 17px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.contentBox .btn_ticket a:before {
	content: "";
	width: 77px;
	height: 42px;
	background: url(../img/icon/ticket.svg) no-repeat center center;
	background-size: 100% auto;
	position: relative;

}

.contentBox .btn_ticket p {
	padding: 0 0 0 10px;
	line-height: 1;
}

.contentBox .btn_access {
	width: 350px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	background: #707e99;

}

.contentBox .btn_access a {
	height: 70px;
	color: #0b2534;
	font-size: 17px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.contentBox .btn_access a:before {
	content: "";
	width: 24px;
	height: 42px;
	background: url(../img/icon/point.svg) no-repeat center center;
	background-size: 100% auto;
	position: relative;

}

.contentBox .btn_access p {
	padding: 0 70px 0 70px;
	line-height: 1;
}

.contentBox .btn_contact {
	width: 280px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	background: #707e99;

}

.contentBox .btn_contact a {
	height: 70px;
	color: #0b2534;
	font-size: 17px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.contentBox .btn_contact a:before {
	content: "";
	width: 40px;
	height: 25px;
	background: url(../img/icon/main_b.svg) no-repeat center center;
	background-size: 100% auto;
	position: relative;

}

.contentBox .btn_contact p {
	padding: 0 0 0 10px;
	line-height: 1;
}


/*===================sp=*/
@media screen and (max-width: 860px) {

	.contentBox .btn_ticket {
		width: 100%;
	}

	.contentBox .btn_access {
		width: 100%;
	}

}

/*====================*/

/*-----------------------------------------------------------
	list setting
-----------------------------------------------------------*/
.contentBox .list01 {
	width: 100%;
}

.contentBox .list01 li {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.40);
	padding: 10px 0 10px 0;
}

.contentBox .list01 li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;

	text-decoration: none;
}

.contentBox .list01 li:hover {
	opacity: 0.7;
}

.contentBox .list01 li .data {
	width: 15%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.contentBox .list01 li .thumb {
	width: 32px;
	height: 32px;
	font-size: 11px;
	position: relative;
	display: none;
}

.contentBox .list01 .date {
	width: 130px;
	margin: 0 0 0 15px;
	font-size: 16px;
	line-height: 32px;
	color: #0b2534;
}

.inner .contentBox .list01 .date {
	color: #0b2534;
	width: 100px;
}

.contentBox .list01 .tit {
	width: 85%;
	line-height: 32px;
	color: #0b2534;
}

.inner .contentBox .list01 .tit {
	width: 100%;
	color: #0b2534;
	margin: 0 0 0 15px;
}

.contentBox .list01 div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.contentBox .list01 .cat {
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height: 1.6;
	color: #ffffff;

	text-align: center;
	background: #28263e;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


.contentBox .list02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.contentBox .list02 li {
	position: relative;
	padding: 10px 0 10px 0;
}

.contentBox .list02 .img {
	line-height: 0;
}

.contentBox .list02 .tit {
	min-height: 65px;
	padding: 15px 0 13px 0;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.contentBox .list02 .txt {
	font-size: 14px;
	color: #000000;
	padding: 13px 0 0 0;
}

.contentBox .list02 .details {
	font-size: 14px;
	color: #000000;
	padding: 13px 0 0 0;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.contentBox .list02 .details li {
	font-size: 14px;
	margin: 0 8px 10px 0;
	padding: 0 0 0 0;
}

.contentBox .list02 .details li p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.contentBox .list02 li.cs {
	width: 960px !important;
	height: 220px !important;
	background: #f2f2f2;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
	text-align: center !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.contentBox .list02 li.cs p {
	margin: 0 auto 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.40);
}

.contentBox .list03 {
	width: 100%;
}

.contentBox .list03 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	border-top: 1px solid rgba(0, 0, 0, 0.40);
	padding: 20px 0 20px 0;
}

.contentBox .list03 li .listL {
	width: 190px;
	font-size: 16px;
	font-weight: bold;
}

.contentBox .list03 li .listR {
	width: 510px;
	font-size: 16px;
}

.contentBox .list03 li p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.eventdetailsBox table {
	width: 100%;
}

.eventdetailsBox table tr {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	border-top: 1px solid rgba(0, 0, 0, 0.40);
	padding: 20px 0 20px 0;
	text-align: left;
}

.eventdetailsBox table tbody th {
	width: 190px;
	font-size: 16px;
	font-weight: bold;
}

.eventdetailsBox table tbody td {
	width: 510px;
	font-size: 16px;
}

.eventdetailsBox table tbody p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contentBox .list04 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.contentBox .list04 li {
	position: relative;
	padding: 10px 0 10px 0;
	background: #ffffff;

}

.contentBox .list04 li a {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-ms-flex-line-pack: justify;
	align-content: space-between;

}

.contentBox .list04 .img {
	width: 17.5%;
	line-height: 0;
}

.contentBox .list04 .txtBox {
	width: 73%;
	line-height: 0;
	margin-right: 5%;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.contentBox .list04 .tit {
	padding: 15px 0 0 0;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: #707e99;
}

.contentBox .list04 .details {
	font-size: 14px;
	color: #000000;
	padding: 15px 0 15px 0;
	line-height: 1;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.contentBox .list04 .details li {
	font-size: 14px;
	margin: 0 8px 0 0;
	padding: 0 0 0 0;
}

.contentBox .list04 .details li p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.contentBox .list04 .details .presented {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1;

}

.contentBox .list04 .details .presented p {
	padding: 0 5px 0 0;
	font-size: 10px;

	display: inline-block;
	vertical-align: middle;
}

.contentBox .list04 .details .presented img {
	width: 56px;
	line-height: 0;
}

.contentBox .list04 li.cs {
	width: 960px !important;
	height: 220px !important;
	background: #f2f2f2;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
	text-align: center !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.contentBox .list04 li.cs p {
	margin: 0 auto 0 auto;
	font-size: 22px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.40);
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	.contentBox .list01 li {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		border-bottom: 1px solid rgba(0, 0, 0, 0.40);
		padding: 10px 0 10px 0;
	}

	.contentBox .list01 .date {
		width: 20%;
		margin: 0 0 0 0;
		line-height: 1.2;
		color: #0b2534;
	}

	.contentBox .list01 li .data {
		width: 100%;
		margin: 0 0 0 0;
		line-height: 1.2;
		color: #0b2534;
	}

	.contentBox .list01 .txt {
		width: 70%;
		color: #0b2534;
		line-height: 1.4;
	}

	.contentBox .list01 .tit {
		width: 100%;
		line-height: 1.4;
	}
	.inner .contentBox .list01 .tit {
		color: #0b2534;
		width: 100%;
		line-height: 1.4;
		margin: 3vw 0 0 0;
	}

}

/*====================*/

/*-----------------------------------------------------------
	.pageNavi setting
-----------------------------------------------------------*/
.pageNavi {
	width: 100%;
	margin: 0 auto 0 auto;

	display: flex;
	flex-wrap: wrap;
}


/*-----------------------------------------------------------
	movie setting
-----------------------------------------------------------*/
.movie {
	margin: 0 auto 0 auto;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.movie iframe,
.movie object,
.movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video {
	margin: 0 auto 30px auto;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-----------------------------------------------------------
	col setting
-----------------------------------------------------------*/

.contentColWrap {
	width: 100%;

	position: relative;
}

.contentColMenu {
	width: 220px;
	position: absolute;
	top: 0px;
	bottom: auto;
}

.contentColMenu. {
	position: fixed;
	top: 0;
	bottom: 0;
}

.contentColMain {
	width: 700px;
	padding: 0 0 0 260px;
}


/*-----------------------------------------------------------
	icon setting
-----------------------------------------------------------*/

/*ストーリー*/
.icon_story {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_story:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_story.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_story {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_story:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_story.svg) no-repeat center center;
	background-size: 30px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*システム*/
.icon_system {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_system:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_system.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_system {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_system:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_system.svg) no-repeat center center;
	background-size: 33px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*料金*/
.icon_price {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_price:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_price.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_price {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_price:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_price.svg) no-repeat center center;
	background-size: 32px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*料金*/
.icon_sale {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_sale:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_sale.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_sale {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_sale:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_sale.svg) no-repeat center center;
	background-size: 34px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*人*/
.icon_people {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_people:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/people_b.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_people {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_people:before {
	content: "";
	width: 30px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/people_b.svg) no-repeat center center;
	background-size: 28px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_people {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_people:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/people_b.svg) no-repeat center center;
	background-size: 13px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.icon_schedule {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_schedule:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_schedule.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_schedule {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_schedule:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_schedule.svg) no-repeat center center;
	background-size: 31px auto;
	position: absolute;
	left: 0;
	top: 0;
}


/*よくある質問*/
.icon_faq {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_faq:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_faq.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_faq {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_faq:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_faq.svg) no-repeat center center;
	background-size: 31px auto;
	position: absolute;
	left: 0;
	top: 0;
}


/*利用制限*/
.icon_limitations {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_limitations:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_limitations.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_limitations {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_limitations:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_limitations.svg) no-repeat center center;
	background-size: 33px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*グッズ*/
.icon_goods {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_goods:before {
	content: "";
	width: 8%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_goods.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 1%;
	top: 0;
}

h4.icon_goods {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_goods:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_goods.svg) no-repeat center center;
	background-size: 21px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*レポート*/
.icon_report {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_report:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_report.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_report {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_report:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_report.svg) no-repeat center center;
	background-size: 26px auto;
	position: absolute;
	left: 0;
	top: 0;
}

/*レポート*/
.icon_privilege {
	position: relative;
	padding: 0 0 0 15%;
}

.icon_privilege:before {
	content: "";
	width: 10%;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_privilege.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}

h4.icon_privilege {
	position: relative;
	padding: 0 0 0 40px;
}

h4.icon_privilege:before {
	content: "";
	width: 35px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/e_privilege.svg) no-repeat center center;
	background-size: 26px auto;
	position: absolute;
	left: 0;
	top: 0;
}


li p.icon_watch {
	position: relative;
	padding-left: 17px !important;
}

li p.icon_watch:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/watch_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_watch {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_watch:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/watch_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

li p.icon_time {
	position: relative;
	padding-left: 17px !important;
}

li p.icon_time:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/time_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_time {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_time:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/time_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

li p.icon_people {
	position: relative;
	padding-left: 17px !important;
}

li p.icon_people:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/people_b.svg) no-repeat center center;
	background-size: 13px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_people {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_people:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/people_b.svg) no-repeat center center;
	background-size: 13px auto;
	position: absolute;
	left: 0;
	top: 0;
}

li p.icon_place {
	position: relative;
	padding-left: 17px !important;
}

li p.icon_place:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/point_b.svg) no-repeat center center;
	background-size: 12px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_place {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_place:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/point_b.svg) no-repeat center center;
	background-size: 12px auto;
	position: absolute;
	left: 0;
	top: 0;
}

li p.icon_start {
	position: relative;
	padding-left: 17px !important;
}

li p.icon_start:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/start_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_start {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_start:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/start_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

li p.icon_price {
	position: relative;
	padding-left: 17px !important;
}

li p.icon_price:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/price_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}

.inner li p.icon_price {
	position: relative;
	padding-left: 17px !important;
}

.inner li p.icon_price:before {
	content: "";
	width: 15px;
	height: 100%;
	font-size: 11px;
	background: url(../img/icon/price_b.svg) no-repeat center center;
	background-size: 15px auto;
	position: absolute;
	left: 0;
	top: 0;
}


/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/
#main {
	padding: 0 0 50px 0;
}

	#mainvisual  {
		position: relative;
		width: 100%;
		max-width: 960px;
		max-height: 700px;
		margin: 25px auto 25px auto;
		padding: 0 0 0 0;
		position: relative;
		box-sizing: border-box;
	}
		#mainvisual > div {
			margin: 0 auto 0 auto;
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			max-width: 100%;
			border-radius: 15px;
			pointer-events: none;
			background: #000000;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.40);

		}
		#mainvisual video {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#mainvisual iframe,
		#mainvisual object,
		#mainvisual embed {
			position: absolute;
			top: -10%;
			left: -27%;
			width: 154%;
			height: 120%;
		}

#main #mainslide .slide:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	pointer-events: none;
}

#main #mainslide {
	width: 100%;
	max-width: 1014px;
	max-height: 700px;
	margin: 10px auto 0 auto;
	padding: 0 0 25px 0;
	position: relative;
}

#main #mainslide .slide:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	pointer-events: none;
}

#main #mainslide .slide {
	width: 100%;
	max-width: 1014px;
	margin: 0 auto 0 auto;
	padding: 25px;
	position: relative;
	opacity: 0;
}

#main #mainslide .slide.slick-initialized {
	opacity: 1;
}

#main #mainslide .slide .slick-slider .slick-track,
#main #mainslide .slide.slick-slider .slick-list {
	z-index: 2;
}

#main #mainslide .slide .slick-next {
	width: 12%;
	height: auto;
	max-width: 74px;
	right: 0;
	z-index: 1;
}

#main #mainslide .slide .slick-prev {
	width: 12%;
	height: auto;
	max-width: 74px;
	left: 0;
	z-index: 1;
	right: auto;
}

#main #mainslide .slide .slick-prev:before {
	width: 100%;
	content: '';
	font-family: '';
	font-size: 0;
	line-height: 0;
	padding-top: 100%;
	opacity: 1;
	margin-left: -40%;
	display: block;
	position: relative;

	background: url(../img/icon/arrow_03_bl.svg) no-repeat left center;
	background-size: 100% 100%;

	filter:
		drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.1)) drop-shadow(1px 0 0 rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 0 rgba(0, 0, 0, 0.1)) drop-shadow(0px -1px 0 rgba(0, 0, 0, 0.1));
}

#main #mainslide .slide .slick-next:before {
	width: 100%;
	content: '';
	font-family: '';
	font-size: 0;
	line-height: 0;
	padding-top: 100%;
	opacity: 1;
	margin-left: 40%;
	display: block;
	position: relative;

	background: url(../img/icon/arrow_03_bl.svg) no-repeat left center;
	background-size: 100% 100%;

	filter:
		drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.1)) drop-shadow(1px 0 0 rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 0 rgba(0, 0, 0, 0.1)) drop-shadow(0px -1px 0 rgba(0, 0, 0, 0.1));

	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#main #mainslide .slide .slick-prev:hover,
#main #mainslide .slide .slick-prev:hover {
	opacity: 0.7;
}

#main #news {
	width: 90%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: none;
}

#main #news .newsbox {
	background: #FFFFFF;
	padding: 20px 20px 15px 20px;
	font-size: 16px;
	color: #000000;
	line-height: 1.2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.10);
	border: 1px solid rgba(0, 0, 0, 0.02);
	display: flex;
}

#main #news .newsbox a {
	text-decoration: none;
	color: #000000;
}
#main #news .newsbox a:hover {
	opacity: 0.7;
}

#main #news .newsbox p {
	overflow: hidden;
	line-height: 1.6;
}
#main #news .newsbox p.tit {
	font-weight: 700;
	margin-right: 20px;
}


@keyframes newsan {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-100%)
	}
}


#topmenu {
	width: 90%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
}

.inner #topmenu {
	background: none;
}

#topmenu ul {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#topmenu .menu_about {
	width: 100%;
	background: #404040;
	font-size: 16px;
	color: #ffffff;
}

#topmenu .menu_about a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 25px 0 25px 0;
	z-index: 1;
}

#topmenu .menu_about p {
	width: 700px;
	padding: 0 0 0 40px;
	margin: 0 auto 0 auto;
}

#topmenu .menu_about .movieBox {
	width: 200px;
	padding: 0 10px 0 0;
	position: relative;
	z-index: 10;
}

#topmenu .menu_about .movieBox .video {
	margin-bottom: 0;
	padding-bottom: 50%;
}

#topmenu .menu_gamesevents {
	width: 213px;
	background: #707e99;
	margin: 33px 0 0 0;
	display: flex;
	align-items: center;
}

#topmenu .menu_goods {
	width: 213px;
	background: #4d7888;
	margin: 33px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#topmenu .menu_support {
	width: 213px;
	background: #459e90;
	margin: 33px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#topmenu .menu_access {
	width: 213px;
	background: #707e99;
	margin: 33px 0 0 0;
	display: flex;
	align-items: center;
	align-items: flex-end;
}

#topmenu .menu_faq {
	width: 213px;
	background: #707e99;
	margin: 33px 0 0 0;
	display: flex;
	align-items: center;
	align-items: flex-end;
}

#topmenu .menu_bnr {
	width: 100%;
	max-width: 380px;
	margin: 50px auto 0 auto;
}

#topmenu .menu_gamesevents p,
#topmenu .menu_goods p,
#topmenu .menu_support p,
#topmenu .menu_access p,
#topmenu .menu_faq p {
	margin: 0;
	line-height: 0;
}


/*===================sp=*/
@media screen and (max-width: 1100px) {}

/*====================*/

/*===================sp=*/
@media screen and (max-width: 860px) {
	
	#mainvisual  {
		width: 100%;
		max-width: 100%;
		max-height: 450px;
		margin: 0 auto 25px auto;
		padding: 0 0 0 0;
		overflow: hidden;
	}
		#mainvisual > div {
			padding-bottom: 450px;
			padding-bottom: 115.4%;
			border-radius: 0;
		}
		#mainvisual video {
			position: absolute;
			top: 0;
			left: -60%;
			width: 220%;
			height: 100%;
		}
		#mainvisual iframe,
		#mainvisual object,
		#mainvisual embed {
			position: absolute;
			top: -10%;
			left: -90%;
			width: 280%;
			height: 120%;
		}

	#main #mainslide .slide {
		width: 92%;
		max-width: 92%;
		margin: 0 auto 0 auto;
		padding: 2%;
		position: relative;
	}

	#main #mainslide {
		padding-bottom: 25px;
	}

	#topmenu {
		padding: 20px 0 0 0;
	}

	#topmenu ul li.menu_about {
		width: 100% !important;
		height: auto;
	}

	#topmenu ul li {
		width: 48% !important;
		height: auto;
	}

	#topmenu .menu_about p {
		width: 90%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}

	#topmenu .menu_about .movieBox {
		width: 200px;
		padding: 20px 0 0 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 10;
	}
	#topmenu .menu_about .movieBox .video {
		margin-bottom: 0;
		padding-bottom: 50%;
	}
	#topmenu .menu_gamesevents {
		margin-top: 20px;
	}
	#topmenu .menu_support {
		margin-top: 20px;
	}
	#topmenu .menu_goods {
		width: 225px;
		background: #4d7888;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#topmenu ul li.menu_access {
		margin-top: 20px;
		justify-content: center;
	}
	#topmenu ul li.menu_faq {
		margin-top: 20px;
		justify-content: center;
	}
	#topmenu .menu_bnr {
		width: 100% !important;
		max-width: 100%;
		margin: 20px auto 0 auto;
	}

#main #news .newsbox {
	padding: 20px 15px 15px 15px;
	display: block;
}
#main #news .newsbox p.tit {
	margin-right: 0;
	margin-bottom: 5px;
}


		
}

/*====================*/

/*-----------------------------------------------------------
	#announce setting
-----------------------------------------------------------*/
/*
body.index {
	padding-top: 33px;
}
#announce {
	position: relative;
	background: #aac8e3;
	width: 100%;
	height: 33px;
	z-index: 1000;
	position: fixed;
	top: 0;
}

	#announce p {
		width: 100%;
	}
		#announce p a,
		#announce p span {
			width: 100%;
			background: #aac8e3;
			display: block;
			padding: 10px;
			box-sizing: border-box;
			text-decoration: none;
			font-weight: 700;
			font-size: 13px;
			line-height: 1;
			text-align: center;
			letter-spacing: 0.05em;
			color: #000000;
		}
*/

					/*===================sp=*/@media screen and (max-width: 860px) {

/*
body.index {
	padding-top: 0;
}
.index .footbtn .footbtnbtn {
	bottom: 40px;
}
#announce {
	height: 36px;
	bottom: 0;
	top: auto;
}
	#announce p {
	}
		#announce p a,
		#announce p span {
			font-size: 13px;
			line-height: 1.2;
		}
*/

					}/*====================*/

/*-----------------------------------------------------------
	#about setting
-----------------------------------------------------------*/
#about {}

.inner #about h2 {
	width: 582px;
	margin: 0 auto 0 auto;
}
.inner #about .contentBox .contentItem h3 {
	margin-bottom: 15px;
}

.inner #about .lead {
	margin: 30px auto 0 auto;
}

.inner #about .mv {
	margin: 40px auto 0 auto;
}

.inner #about .ticket {}

.inner #about .ticket h5 {
	font-size: 20px;
	font-weight: normal;
	margin: 50px auto 0 auto;
}

.inner #about .ticket .btn {
	margin: 10px 0 0 0;
}
.inner #about .ticket .note {
	margin: 20px auto 0 auto;
}

.inner #about .booking {}

.inner #about .access {
	margin: 50px auto 0 auto;
}
.inner #about .access h5 {
	font-size: 20px;
	font-weight: normal;
}
.inner #about h5 span {
	font-size: 16px;
}

.inner #about .access .btn {
	margin: 10px 0 0 0;
}

.inner #about .access .txt {
	margin: 30px 0 0 0;
}

.inner #about .pageNavi {
	width: 100%;
	max-width: 780px;
	margin: 0 auto 0 auto;
	justify-content: space-between;
}

.inner #about .pageNavi .btn {
	width: 350px;
	margin: 30px 0 0 0;
}

.inner #about .pageNavi .btn a {
	color: #000000;
	text-decoration: none;
}

.inner #about .pageNavi .btn .img {
	overflow: hidden;
	line-height: 0;
}

.inner #about .pageNavi .btn .txt {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 0 0;
}


.inner #about .access h5 {
	font-size: 20px;
	font-weight: normal;
	margin: 50px auto 0 auto;
}

.inner #about .access h5 span {
	font-size: 16px;
}

/*===================sp=*/
@media screen and (max-width: 860px) {


	.inner #about h2 {
		width: 94%;
		margin: 0 auto 0 auto;
	}
	.inner #about .contentBox .contentItem h3 {
		margin-bottom: 15px;
	}

	.inner #about .ticket h5,
	.inner #about .access h5 {
		font-size: 4.6vw;
	}

	.inner #about .access h5 span {
		font-size: 3.4vw;
	}

	.inner #about .pageNavi .btn {
		width: 100%;
		margin: 0 auto 4vw auto;
	}

	.inner #about .pageNavi .btn .txt {
		font-size: 3.8vw;
	}

	.inner #about .access h5 span {
		font-size: 3.8vw;
	}

}

/*====================*/

/*-----------------------------------------------------------
	#access setting
-----------------------------------------------------------*/
#access {}

.inner #access .mv {
	margin: 0 auto 0 auto;
}

.inner #access h5 {
	font-size: 20px;
	font-weight: normal;
	margin: 30px auto 0 auto;
}

.inner #access .txt {
	font-size: 16px;
}

#map {
	width: 100%;
	height: 400px;
	margin: 40px auto 20px auto;
}

/*===================sp=*/
@media screen and (max-width: 860px) {


	.inner #access .txt {
		font-size: 3.8vw;
	}

}

/*====================*/

/*-----------------------------------------------------------
	#inquiry setting
-----------------------------------------------------------*/
#inquiry {}

.inner #inquiry .mv {
	margin: 0 auto 0 auto;
}

.inner #inquiry h5 {
	font-size: 20px;
	font-weight: normal;
	margin: 30px auto 0 auto;
}

.inner #inquiry .txt {
	font-size: 16px;
}


/*-----------------------------------------------------------
	#news setting
-----------------------------------------------------------*/
#news {
	width: 100%;
	position: relative;
	background: #a5a8b6;
}

#news h2 {
	width: 280px;
	margin: 0 auto 0 auto;
	font-size: 15px;
}
	#news h2 .txt {
		color: #0b2534;
	}

#news #newsslide {
	width: 100%;
	margin: 40px auto 0 auto;
}

#news #newsslide .slide02 div {
	margin: 0 5px 0 5px;
}

#news .newslist ul {
	width: 100%;
	margin: 30px auto 0 auto;
}

#news .newslist .btn {
	width: 100%;
	max-width: 100%;
	text-align: right;
	margin: 20px 0 0 0;
}

#news .newslist .btn a {
	font-size: 14px;
	color: #0b2534;
	text-decoration: none;
	position: relative;
	padding: 0 12px 0 0;
}

#news .newslist .btn a:after {
	content: "";
	width: 12px;
	height: 100%;
	font-size: 14px;
	background: url(../img/icon/arrow_01_bl.svg) no-repeat right center;
	background-size: 5px auto;
	position: absolute;
	right: 0;
	top: 0;
}

#news .newslist .btn a:hover {
	opacity: 0.7;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	#news h2 {
		width: 52%;
		margin: 0 auto 0 auto;
	}

}

/*====================*/



.inner #news {
	background: none;
}

#news .articleBox {
	width: 960px;
	margin: 0 auto 0 auto;
}

#news .articleBox .head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.40);

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
}

#news .articleBox .data {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

#news .articleBox .thumb {
	width: 32px;
	height: 32px;
	font-size: 11px;
	position: relative;
	display: none;
}

#news .articleBox .date {
	color: #0b2534;
	width: 100px;
	margin: 0 0 0 0;
	font-size: 16px;
	line-height: 32px;
}

#news .articleBox .head .tit {
	width: 100%;
	margin: 20px 0 20px 0;
	font-size: 30px;
	line-height: 32px;
	color: #0b2534;
	text-align: left;
	line-height: 1.4;
}

#news .articleBox .data div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

#news .articleBox .data .cat {
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height: 1.6;
	color: #ffffff;

	text-align: center;
	background: #28263e;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#news .articleBox .data .share {

	display: flex;
	margin-left: auto;
}

#news .articleBox .data .share li {
	margin-right: 5px;
}

#news .articleBox .article {
	margin: 30px 0 0 0;
}

#news .articleBox .article .tit {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	margin: 50px 0 10px 0;
}

#news .articleBox .txt {
	font-size: 16px;
	margin: 0 0 30px 0;
}

#news .articleBox .txt p {
	margin: 0 0 25px 0;
}

#news .articleBox .txt span {
	font-size: 20px;
}

#news .articleBox .txt span.note {
	font-size: 14px;
}

#news .articleBox .btn {}

#news .articleBox .btn {
	width: auto;
	background: #707e99;
	color: #0b2534;

	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0 30px 0;
}

#news .btn.btn01.btn_nm a {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #0b2534;
	padding: 10px 3% 10px 3%;
	display: block;
}

#news .articleBox .img {
	margin: 0 0 30px 0;
}

#news .articleBox .img.tyS {
	max-width: 500px;

}

#news .articleBox .img img {
	width: auto;
	max-width: 100%;

}

#news .articleBox .introBox {
	width: 100%;
	margin: 50px auto 0 auto;
}

#news .articleBox .introBox .tit {
	border: 5px solid rgba(181, 51, 57, 0.58);
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0 15px 0;
}

#news .articleBox .introBox .txtBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0 0 0;
}

#news .articleBox .introBox .txtBox .txt {
	width: 55%;
}

#news .articleBox .introBox .txtBox .img {
	width: 40%;
	margin: 0 0 0 0;
}

#news .articleBox .introBox .txtBox .img img {
	width: 100%;
	margin: 0 0 20px 0;
}






/*===================sp=*/
@media screen and (max-width: 860px) {

	#news .articleBox {
		width: 90%;
		margin: 0 auto 0 auto;
	}

	#news .articleBox .data .share {
		width: 100%;
		justify-content: flex-end;
		margin: 4vw 0 0 0;

		order: -1;
	}

	#news .articleBox .head .tit {
		width: 100%;
		margin: 4vw 0 4vw 0;
		font-size: 4.4vw;
		line-height: 1.4;
	}

	#news .articleBox .introBox .txtBox .txt {
		width: 100%;
	}

	#news .articleBox .introBox .txtBox .img {
		width: 100%;
	}


}

/*====================*/

/*-----------------------------------------------------------
	#schedule setting
-----------------------------------------------------------*/
#schedule {
	width: 100%;
	position: relative;
	background: #a5a8b6;
}
.inner #schedule {
	padding-bottom: 100px;
}

#schedule h2 {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	color: #262626;
}
	#schedule h2 span {
		display: inline-block;
		border-bottom: 5px solid #303a5f;
	}

#content h3.tybb {
	margin-bottom: 20px;
}

#schedule .txt {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

#ticket_api {
	/*
			display: none;
			opacity: 0;
			transition: opacity 0.3s;
*/
}

#ticket_api.show {
	display: block;
	opacity: 1;
}

#schedule .menu_gamesevents {
	width: 30%;
	background: #707e99;
	margin: 0 auto 50px auto;

}

#schedule .menu_gamesevents p {
	width: 50%;
	padding: 10px 10px 10px 10px;
	margin: 0 auto 0 auto;
	line-height: 0;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

.inner #schedule {
	padding-bottom: 60px;
}
	#schedule h2 .note {
		font-size: 2.4vw;
	}

	#schedule .txt .note {
		font-size: 2.4vw;
	}

	#schedule .menu_gamesevents {
		width: 60%;
		background: #707e99;
		margin: 0 auto 40px auto;

	}

	#schedule .menu_gamesevents p {
		width: 45%;
		padding: 10px 10px 10px 10px;
		margin: 0 auto 0 auto;
		line-height: 0;
	}

}

/*====================*/

.ticketWrap {
	margin: 30px auto 0px auto;
	padding: 0 0 0 0;
	position: relative;
}

.navimBox {
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.navimBox a {
	color: #0b2534;
	text-decoration: none;
	font-size: 14px;
}

.naviWrap {
	width: 100%;
	margin: 0 auto 0 auto;
	/* 		overflow: hidden; */
	position: relative;
}

.ticketWrap .naviBox {
	height: 55px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

.ticketWrap .naviBox .prevBtn {
	width: 18px;
	height: 55px;
	z-index: 5;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: -38px;

	background: url(../img/icon/arrow_02_bl_s_p.svg) no-repeat right center;
	background-size: 18px auto;

/*
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
*/
}

/*
			.ticketWrap .naviBox .prevBtn:before {
				content: '';
				width: 12px;
				height: 12px;
				border: 0;
				border-top: solid 3px #626262;
				border-right: solid 3px #626262;
				top: 50%;
				left: 50%;
				-webkit-transform: translate3d(-50%, -50%, 0);
				transform: translate3d(-50%, -50%, 0);
				-webkit-transform: rotate(-135deg);
				transform: rotate(-135deg);
				margin: -8px 0 0 -3px;
				position: absolute;
			}
*/

.ticketWrap .naviBox .nextBtn {
	width: 18px;
	height: 55px;
	z-index: 5;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: -38px;

	background: url(../img/icon/arrow_02_bl_s_n.svg) no-repeat right center;
	background-size: 18px auto;
}

/*
			.ticketWrap .naviBox .nextBtn:before {
				content: '';
				width: 12px;
				height: 12px;
				border: 0;
				border-top: solid 3px #626262;
				border-right: solid 3px #626262;
				top: 50%;
				left: 50%;
				-webkit-transform: translate3d(-50%, -50%, 0);
				transform: translate3d(-50%, -50%, 0);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				margin: -8px 0 0 -10px;
				position: absolute;
			}
*/
.ticketWrap .naviBox .prevBtn:hover,
.ticketWrap .naviBox .nextBtn:hover {
	opacity: 0.7;
}

.ticketWrap .naviBox .prevBtn span,
.ticketWrap .naviBox .nextBtn span {
	display: none;
}

.ticketWrap .naviBox .comm {
	width: 100%;
	top: 25px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	position: relative;
	display: none;
}

.ticketWrap .naviBox ul {
	height: 55px;
	list-style: none;
	display: flex;
	overflow-x: scroll;
	overflow-scrolling: touch;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}

.ticketWrap .naviBox ul::-webkit-scrollbar {
	height: 0;
}

.ticketWrap .naviBox ul li {
	margin: 0 2px 0 0;
	position: relative;
	cursor: pointer;
	opacity: 0.85;
}

.ticketWrap .naviBox ul li .scheduleBox {
	background: #ffffff;
	display: block;
	width: 130px;
	height: 55px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	color: #676767;
	text-align: center;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.ticketWrap .naviBox ul li.cr {
	opacity: 1.0;
}

.ticketWrap .naviBox ul li.cr .scheduleBox {
	background: #aac8e3;
}

.ticketWrap .naviBox ul li .scheduleBox:hover {
	opacity: 0.7;
}

.ticketWrap .naviBox ul li .scheduleBox .date {
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #262626;
	top: 0;
	line-height: 1;
	height: 55px;
	display: flex;
}

.ticketWrap .naviBox ul li .scheduleBox .date .m {
	padding: 7px 5px 0 7px;
	text-align: left;
}
.ticketWrap .naviBox ul li .scheduleBox .date div {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0 7px 7px 0;
	margin-left: auto;
}

.ticketWrap .naviBox ul li .scheduleBox .date div .d {
	font-size: 25px;
	padding-right: 3px;
}
.ticketWrap .naviBox ul li .scheduleBox .date div .w {
	font-size: 12px;
	flex: 0 0 auto;
	display: block;
}
.ticketWrap .naviBox ul li .scheduleBox .date .m span {
letter-spacing: -0.13em;
padding-right: 2px;
}
.ticketWrap .naviBox ul li .scheduleBox .date div .d span {
letter-spacing: -0.07em;
}

.ticketWrap .naviBox ul li .scheduleBox .state {
	bottom: 10px;
	width: 100%;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	color: #676767;
	margin-top: 10px;
}

.ticketWrap .naviBox ul li .scheduleBox .state span {
	font-size: 10px;
	font-weight: 500;
}

.ticketWrap .naviBox ul li .scheduleBox.present .state span {
	color: #32b16c;
}

.ticketWrap .naviBox ul li .scheduleBox.present .state span:before {
	content: "○";
}

.ticketWrap .naviBox ul li .scheduleBox.sold .state {
	color: #9d9d9d;
}

.ticketWrap .naviBox ul li .scheduleBox.sold .state span:before {
	content: "✕";
}

.ticketWrap .naviBox ul li .scheduleBox.few .state {
	color: #960b0b;
}

.ticketWrap .naviBox ul li .scheduleBox.few .state span:before {
	content: "△";
}


.ticketWrap .detailsWrap {
	width: 100%;
	height: auto;
	max-width: 960px;
	margin: 40px auto 0 auto;
	opacity: 1;

	overflow: hidden;
	transition: all 0.7s 0.2s;
}

.ticketWrap .detailsWrap.loading {
	opacity: 0;
	transition-duration: 0s;
	transition-delay: 0s;
}

.ticketWrap .detailsWrap .detailsBox {
	background: #ffffff;
	padding: 20px 20px 20px 20px;
	margin: 0 0 10px 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

.ticketWrap .detailsWrap .detailsBox .img {
	width: 160px;
	line-height: 0;
}

.ticketWrap .detailsWrap .detailsBox .detail {
	width: 710px;

}

.events .contentColMain .ticketWrap .detailsWrap .detailsBox .detail {
	width: 450px;

}

.events #event .contentColMain #schedule.eventdetailsBox p.tit {
	margin-top: 0;
	font-size: 25px;
	margin-bottom: 40px;
}

.events .ticketWrap .detailsWrap .detailsBox .detail .tit {
	margin-top: 0;
	font-size: 25px;
}

.events .contentColMain .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox {
	width: 80px;
}

.events .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .time {
	margin-top: 0;
}

#event .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .time {
	margin-top: 0;
}

.events .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .ticket {
	margin-top: 5px;
}

#event .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .ticket {
	margin-top: 5px;
}

.ticketWrap .detailsWrap .detailsBox .detail a {
	text-decoration: none;
}

.ticketWrap .detailsWrap .detailsBox .detail .tit {
	font-size: 25px;
	color: #0b2534;
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 40px;
}

.ticketWrap .detailsWrap .detailsBox .detail .date {
	font-size: 16px;
	color: #0b2534;
	text-decoration: none;
	margin: 20px auto 20px auto;
}

.ticketWrap .detailsWrap .detailsBox .timeWrap {
	display: flex;
	flex-wrap: wrap;
	width: 110%;
	margin: 0 auto 0 auto;
}

.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox {
	width: 135px;
	margin: 0 10px 10px 0;
	padding: 10px 0 8px 0;
	background: #f2f2f2;
	text-align: center;
	line-height: 1.2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}

.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .time {
	font-size: 20px;
	font-weight: bold;
	color: #383838;
}

.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .ticket {
	color: #3a6bc8;
	font-size: 14px;
	margin: 5px 0 0 0;
	text-decoration: underline;
	height: 20px;
}

.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .detail_link {
	margin: 15px 0px;
}

.ticketWrap .detailsWrap .detailsBox .no_events {
	text-align: center;
	margin: 100px auto;
	width: 100%;
	opacity: 0.5;
}

.events #event .ticketWrap .naviBox ul li .scheduleBox .date div .d {
	font-size: 28px;
	padding-right: 5px;
}

#event .contentColMain .eventdetailsBox .d span {
	font-size: 28px;
}

#event .contentColMain .eventdetailsBox .btnBox {}

#event .contentColMain .eventdetailsBox .btnBox p {
	margin-top: 10px;
}


.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap {
	border-top: 1px solid #e8dbc8;
	padding-top: 10px;
	margin-top: 20px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .otherPlayguideTitle {
	width: 100%;

	color: rgba(10, 36, 51, 0.69);
	margin-bottom: 10px;
}

.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .ticketBox {
	width: 23%;
	margin-right: 10px;
}

.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .ticketBox a div {
	width: 99%;
	margin: 0 1% 10px 0;
	padding: 10px 0 8px 0;
	background: #ffffff;
	text-align: center;
	line-height: 1.2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #ffffff;
	position: relative;
}

.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .ticketBox a div:after {
	content: "";
	height: 100%;
	right: 10px;
	top: 0;
	width: 5px;
	background: url(../img/icon/arrow_02_b.svg) no-repeat left center;
	background-size: 100% auto;
	position: absolute;
}

.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .ticketBox a p {
	padding-right: 15px;
}

.ticketWrap .detailsBox .details .otherPlayguidesWrap .ticket {}


#ticket_api .stock_status_symbols {
	top: 70%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	height: 20px;
}

#ticket_api .stock_status_symbol_0 {
	width: 16px;
	height: 16px;
	border-radius: 100px;
	background-color: #707e99;
	position: absolute;
}

#ticket_api .stock_status_symbol_2 {
	width: 4px;
	height: 20px;
	background: #919191;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	overflow: visible;
	position: absolute;
}

#ticket_api .stock_status_symbol_2:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 4px;
	margin-top: -2px;
	background: #919191;
}

#ticket_api .stock_status_symbol_1 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 16px 8px;
	border-color: #0000 #0000 #dfb92e #0000;
	position: absolute;
}


/*===================sp=*/
@media screen and (max-width: 860px) {

	#schedule h2 {
		width: 100%;
		margin: 0 auto 0 auto;
		font-size: 4vw;
	}

	.ticketWrap .naviBox {
		height: 75px;
	}

	.ticketWrap .naviBox .prevBtn {
		width: 18px;
		height: 75px;
		z-index: 5;
		-webkit-transition: all .3s;
		transition: all .3s;
		cursor: pointer;
		position: absolute;
		top: 0;
		left: -20px;
	}

	.ticketWrap .naviBox .nextBtn {
		width: 18px;
		height: 75px;
		z-index: 5;
		-webkit-transition: all .3s;
		transition: all .3s;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: -20px;
	}

	.ticketWrap .naviBox ul {
		height: 75px;
	}

	.ticketWrap .naviBox ul li .scheduleBox {
		width: 95px;
		height: 75px;
	}

	.ticketWrap .naviBox ul li .scheduleBox .date {
		font-size: 3.8vw;
		height: 75px;

		display: flex;
		flex-wrap: wrap;
	}

	.ticketWrap .naviBox ul li .scheduleBox .date .m {
		width: 90%;
		padding: 10px 5% 0 5%;
		text-align: left;

	}

	.ticketWrap .naviBox ul li .scheduleBox .date div {
		width: 100%;
		display: block;
		padding: 0 2% 10px 0;
	}

	.ticketWrap .naviBox ul li .scheduleBox .date div .d {
		font-size: 6.6vw;
		padding-right: 5%;
		padding-left: 5%;
	}

	.ticketWrap .naviBox ul li .scheduleBox .date div .w {
		font-size: 13px;
	}

	.ticketWrap .detailsWrap .detailsBox .img {
		width: 20%;
	}

	.ticketWrap .detailsWrap .detailsBox .detail {
		width: 75%;
		margin: 0 0 0 5%;
	}

	.events .contentColMain .ticketWrap .detailsWrap .detailsBox .detail {
		width: 75%;
		margin: 0 0 0 5%;
	}

	.events .ticketWrap .detailsWrap .detailsBox .detail {
		width: 75%;
		margin: 0 0 0 5%;
	}

	.ticketWrap .detailsWrap .detailsBox .detail .tit {
		font-size: 3.8vw;
		margin-bottom: 4vw
	}

	.ticketWrap .detailsWrap .detailsBox .timeline {
		position: relative;
		display: block;
		width: 100%;
		white-space: nowrap;
		overflow-x: scroll;
	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap {
		display: inline-block;
		width: 103%;

	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox {
		display: inline-block;
		width: 47%;
		margin-right: 3%;
		padding: 2vw 0 2vw 0;
	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox.moreBtn {
		width: 97%;
	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox.sp {
		display: inline-block !important;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: none;
	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .time {
		font-size: 3.8vw;
	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .ticket {
		font-size: 2.8vw;
	}

	.ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .detail_link {
		margin: 3vw 0;
	}

	.events #event .contentColMain #schedule.eventdetailsBox p.tit {
		font-size: 3.8vw;
		margin-bottom: 4vw;
	}

	.events .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox {
		width: 47%;
	}

	.events .contentColMain .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox {
		width: 47%;
	}

	.events .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox.moreBtn {
		width: 97%;
	}

	#event .contentColMain .eventdetailsBox .btnBox {
		width: 70%;
		margin-bottom: 8vw;
	}

	#event .contentColMain .eventdetailsBox .btnBox p {
		width: 100%;
		max-width: 100%;
		margin-top: 2vw;
	}

	.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .otherPlayguideTitle {
		font-size: 3.2vw;
	}

	.ticketWrap .detailsWrap .detailsBox .otherPlayguidesWrap .ticketBox {
		width: 100%;
		margin-right: 0;
	}

}

/*====================*/



/*-----------------------------------------------------------
	#gamesevent setting
-----------------------------------------------------------*/
#gamesevent {
	width: 100%;
	position: relative;
}

#gamesevent h2 {
	width: 460px;
	margin: 0 auto 0 auto;
	font-size: 15px;
}

#gamesevent .explain {
	margin: 50px auto 0 auto;
	padding: 0 30px 20px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#gamesevent .explain .explainBox {
	width: 280px;
	color: #000000;
}

#gamesevent .explain .explainBox .tit {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 0;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#gamesevent .explain .watch .tit:before {
	content: "";
	width: 25px;
	height: 24px;
	font-size: 14px;
	background: url(../img/icon/watch.svg) no-repeat left center;
	background-size: 20px 24px;
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.inner #gamesevent .explain .watch .tit:before {
	background: url(../img/icon/e_watch.svg) no-repeat left center;
	background-size: 20px 24px;
}

#gamesevent .explain .people .tit:before {
	content: "";
	width: 27px;
	height: 22px;
	font-size: 14px;
	background: url(../img/icon/people.svg) no-repeat left center;
	background-size: 22px 22px;
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.inner #gamesevent .explain .people .tit:before {
	background: url(../img/icon/e_people.svg) no-repeat left center;
	background-size: 22px 22px;
}

#gamesevent .explain .time .tit:before {
	content: "";
	width: 25px;
	height: 24px;
	font-size: 14px;
	background: url(../img/icon/time.svg) no-repeat left center;
	background-size: 20px 24px;
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.inner #gamesevent .explain .time .tit:before {
	background: url(../img/icon/e_time.svg) no-repeat left center;
	background-size: 20px 24px;
}

#gamesevent .explain .explainBox .txt {
	font-size: 13px;
	margin: 20px 0 0 0;
}


#gamesevent .list02 {
	width: 985px;
}

#gamesevent .list02 li {
	width: 220px;
	margin: 45px 25px 0 0;
	padding: 0 0 0 0;
}

#gamesevent .list02 li a {
	text-decoration: none;
}

#gamesevent .list02 li ul li {
	width: auto;
	margin: 0 5px 5px 0;
	padding: 0 0 0 0;
}

#gamesevent .list02 li:hover {
	opacity: 0.7;
}

#gamesevent .list02 li.cs:hover {
	opacity: 1.0;
}

#gamesevent .list04 {
	width: 985px;
}

#gamesevent .list04 li {
	width: 465px;
	margin: 20px 25px 0 0;
	padding: 0 0 0 0;
}

#gamesevent .list04 li a {
	text-decoration: none;
}

#gamesevent .list04 li ul li {
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#gamesevent .list04 li:hover {
	opacity: 0.7;
}

#gamesevent .list04 li.cs:hover {
	opacity: 1.0;
}

#gamesevent .btn {
	width: 100%;
	max-width: 245px;
	margin: 50px auto 0px auto;
	text-align: center;
}

#gamesevent .btn a {
	font-size: 16px;
	text-decoration: none;
	position: relative;
	padding: 20px 0 20px 0;
	text-align: center;
	display: block;
	font-weight: bold;
}

#gamesevent .btn a:hover {
	opacity: 0.7;
}


/*===================sp=*/
@media screen and (max-width: 860px) {

	#gamesevent {
		padding-bottom: 14vw;
	}

	#gamesevent h2 {
		width: 85%;
	}

	#gamesevent #gamesevent {
		width: 106%;
	}

	#gamesevent #gamesevent li {
		width: 44%;
		margin: 20px 6% 0 0;
		padding: 0 0 0 0;
	}

	#gamesevent #gamesevent li ul li {
		width: auto;
		margin: 0 5px 5px 0;
		padding: 0 0 0 0;
	}

	#gamesevent .list02 {
		width: 102%;
	}

	#gamesevent .list02 li {
		width: 48%;
		margin: 8vw 2% 0 0;
	}

	#gamesevent .list02 li ul li {
		width: auto;
		margin: 0 5px 5px 0;
	}

	#gamesevent .list04 {
		width: 100%;
	}

	#gamesevent .list04 li {
		width: 100%;
		margin: 8vw 0 0 0;
	}

	#gamesevent .list04 li ul li {
		width: auto;
		margin: 0 5px 5px 0;
	}

	#gamesevent .explain {
		margin: 8vw auto 0 auto;
		padding: 0 5% 4vw 5%;
	}

	#gamesevent .explain .explainBox {
		margin-bottom: 4vw;
	}

	#gamesevent .btn {
		margin: 8vw auto 0px auto;
	}

}

/*====================*/


.inner #gamesevent {
	background: none;
	padding-bottom: 0;
}

.inner #gamesevent .contentBox {
	margin: 0 auto 100px auto;
}

.inner #gamesevent .pageNavi {
	width: 960px;
	margin: 0 auto 50px auto;
	justify-content: space-between;
}

.inner #gamesevent .pageNavi .btn {
	width: 300px;
	max-width: 300px;
	margin: 0 0 0 0;
	background: #0b2534;
	overflow: hidden;
}

.inner #gamesevent .pageNavi .btn:hover {
	opacity: 0.7;
}

.inner #gamesevent .pageNavi .btn a {
	color: #ffffff;
	text-decoration: none;
}

.inner #gamesevent .pageNavi .btn .txt {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	position: relative;
}

.inner #gamesevent .pageNavi .btn .txt:before {
	content: "";
	width: 100%;
	height: 12px;
	font-size: 14px;
	background: url(../img/icon/arrow_02_w.svg) no-repeat center bottom;
	background-size: 9px 12px;
	position: absolute;
	left: 0;
	bottom: -12px;
	display: block;

	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}




/*===================sp=*/
@media screen and (max-width: 860px) {


	.inner #gamesevent .pageNavi {
		width: 70%;
		margin: 0 auto 8vw auto;
		justify-content: space-between;
	}

	.inner #gamesevent .pageNavi .btn {
		width: 100%;
		max-width: 100%;
		margin: 0 0 4vw 0;
		background: #0b2534;
	}

	.inner #gamesevent .pageNavi .btn .txt {
		font-size: 3.8vw;
	}

}

/*====================*/

/*-----------------------------------------------------------
	#event setting
-----------------------------------------------------------*/

#event {}

#event .mv {
	width: 100%;
	margin: 0 0 40px 0;
}

#event .eventdetailsWrap .eventdetailsMenu {
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	float: left;
}

#event .eventdetailsWrap .eventdetailsMenu .btn {
	width: 220px;
	background: #707e99;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0 15px 0;
	margin-bottom: 20px;
}

#event .eventdetailsWrap .eventdetailsMenu .btn a {
	color: #000000;
	text-decoration: none;
}

#event .eventdetailsWrap .eventdetailsMenu ul {
	background: #f2f2f2;
	margin: 0 0 0 0;
	padding: 15px 15px 15px 15px;
	margin-bottom: 20px;
}

#event .eventdetailsWrap .eventdetailsMenu ul li {
	margin: 0 0 10px 0;
}

#event .eventdetailsWrap .eventdetailsMenu ul li a {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#event .eventdetailsWrap .eventdetailsMenu ul li:hover {
	opacity: 0.7;
}

#event .eventdetailsWrap .eventdetailsMenu .share {
	padding: 0 0 0 0;
	background: none;

	width: auto;
	display: flex;
	flex-wrap: wrap;

	line-height: 0;
}

#event .eventdetailsWrap .eventdetailsMenu .share li {
	margin: 0 5px 5px 0;
}


#event .contentColMain {
	color: #0b2534;
}

#event .contentColMain h3 {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 50px 0;

}

#event .contentColMain .eventdetailsBox {
	margin: 0 0 70px 0;
}

#event .contentColMain .eventdetailsBox h4 {
	font-size: 25px;
	font-weight: bold;
	border-bottom: 2px solid #90928d;
	line-height: 2;
}

#event .contentColMain .eventdetailsBox p {
	margin: 30px 0 0 0;
	font-size: 16px;
}

#event .contentColMain .eventdetailsBox p span {
	font-size: 20px;
	font-weight: bold;
}

#event .contentColMain .eventdetailsBox p span.note {
	font-size: 14px;
	font-weight: normal;
}

#event .contentColMain .eventdetailsBox p span.fb {
	font-size: 16px;
	font-weight: bold;
}

#event .contentColMain .eventdetailsBox .btnc p.btn {
	margin-left: auto;
	margin-right: auto;
}

#event .contentColMain .eventdetailsBox li p {
	margin: 0 0 0 0;
}

#event #campaign .bnr {
	width: 500px;
	max-width: 500px;
	margin: 0 auto 0 auto;
}


#event #bannerlist.eventdetailsBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#event #bannerlist.eventdetailsBox .bnr {
	width: 32%;
	margin: 0 0 15px 0;
	line-height: 0;
}

#event #bannerlist.eventdetailsBox:after {
	content: "";
	width: 32%;
	display: block;
}


/*===================sp=*/
@media screen and (max-width: 860px) {

	#event #bannerlist.eventdetailsBox .bnr {
		width: 48%;
		max-width: 48%;
		margin: 0 0 15px 0;
	}

	#event #bannerlist.eventdetailsBox:after {
		content: "";
		width: 48%;
		max-width: 48%;
		display: block;
	}

	#event .contentColMain .eventdetailsBox p span.fb {
		font-size: 3.8vw;
	}


}

/*====================*/


#event .imgBox {
	margin: 30px auto 0 auto;
}

#event .imgBox:first-child {
	margin: 0 auto 0 auto;
}

#event .imgBox .img {
	margin: 0 auto 10px auto;
	line-height: 0;
}

#event .imgBox .cap {
	font-size: .8em;
	color: #918f8f;
}

/*===================sp=*/
@media screen and (max-width: 860px) {}

/*====================*/


#event .eventdetailsBox .systemlist {
	margin: 50px auto 0 auto;
}

#event .eventdetailsBox .systemlist ul {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
}

#event .eventdetailsBox .systemlist li {
	width: 100px;
	margin: 0 10px 0 0;
	padding: 15px 15px 15px 15px;
	text-align: center;
	background: #f2f2f2;
}

#event .eventdetailsBox .systemlist li .tit {
	font-size: 12px;
	color: #858585;
}

#event .eventdetailsBox .systemlist li .icon {
	width: 100%;
	height: 37px;
	font-size: 12px;
	color: #858585;
	margin: 10px 0 10px 0;
}

#event .eventdetailsBox .systemlist li .icon img {
	width: auto;
	height: 100%;
}

#event .eventdetailsBox .systemlist li .txt {
	font-size: 16px;
	color: #000000;
}

#event .eventdetailsWrap .eventdetailsBox .btn {
	width: 350px;
	background: #707e99;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 20px 0;
	text-decoration: none;
}

#event .eventdetailsWrap .eventdetailsBox .btn p {
	margin: 0 0 0 0;
}

#event .eventdetailsWrap .eventdetailsBox .btn a,
#event .eventdetailsWrap .eventdetailsBox a {
	color: #000000;
	text-decoration: none;
}

#event .eventdetailsWrap .eventdetailsBox .txt a {
	color: #707e99;
	text-decoration: underline;
}


.events .faqWrap {
	margin-top: 30px;
}




/*===================sp=*/
@media screen and (max-width: 860px) {

	#event .eventdetailsWrap .eventdetailsMenu {
		display: none;
	}

	#event .contentColMain {
		width: 100%;
		padding: 0 0 0 0;
	}

	#event .contentColMain h3 {
		font-size: 4.4vw;
		margin: 0 0 4vw 0;

	}

	#event .contentColMain .eventdetailsBox {
		margin: 0 0 4vw 0;
	}

	#event #campaign .bnr {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 0 auto;
	}

	#event .contentColMain .eventdetailsBox p {
		font-size: 3.8vw;
	}

	#event .eventdetailsBox .systemlist {
		width: 103%;
	}

	#event .eventdetailsBox .systemlist li {
		width: 26%;
		margin: 0 3% 4vw 0;
		padding: 2vw 2% 2vw 2%;
	}

	#event .eventdetailsBox .systemlist li .tit {
		font-size: 3.2vw;
	}

	#event .eventdetailsBox .systemlist li .txt {
		font-size: 3.8vw;
	}

	#event .contentColMain .eventdetailsBox p span {
		font-size: 3.8vw;
	}
	#event .contentColMain .eventdetailsBox p img {
		width: 100%;
		height: auto;
	}

	.events .contentColMain .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox:hover a {
		opacity: 0.7;
	}

	#event .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .time {
		margin: 0 0 0 0;
	}

	#event .ticketWrap .detailsWrap .detailsBox .timeWrap .timeBox .time {}


	#event .eventdetailsWrap .eventdetailsBox .btn {
		width: 100%;
		max-width: 100%;
		margin: 6vw 0 4vw 0;
	}


}

/*====================*/



.pop_btn .btn {
	display: block;
}

.pop_btn a.btn01 {
	color: #000000 !important;
	text-decoration: none !important;
	cursor: pointer;
	margin-top: 30px;
}

.pop_btn a.btn01:last-child {
	/* 	margin-top: 0; */
}

.pop_btn .txt {
	display: none;
}


#popwrap {
	display: none;
	width: 80%;
	max-width: 700px;
	height: auto;
	margin: 0;
	padding: 5%;

	background-color: #ffffff;
	color: #666666;
	position: fixed;
	z-index: 102;
}

#popbg {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}

#btncls {
	position: absolute;
	height: 45px;
	width: 45px;
	display: block;
	z-index: 10;
	right: 0;
	top: -50px;
}

#btncls::after,
#btncls::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 4px;
	background-color: #FFF;
	margin-top: -2px
}

#btncls::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

#btncls::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}



/*===================sp=*/
@media screen and (max-width: 860px) {}

/*====================*/


#event .goodslist {
	display: block;
	position: relative;
	margin-bottom: 40px
}

#event .goodsitem {
	margin: 30px auto 0 auto;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

#event .goodsitem .imgbox {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 220px;
	-ms-flex: 0 0 220px;
	flex: 0 0 220px;
	width: 220px;
	position: relative
}

#event .goodsitem .imgbox .img {
	background-color: #f7f7f7;
	height: 0;
	overflow: hidden;
	width: 100%;
	padding-top: 70%;
	position: relative
}

#event .goodsitem .imgbox .img img {
	width: auto;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	vertical-align: bottom;
	max-width: 200%
}


#event .goodsitem .txtbox {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 30px;
}

#event .goodsitem .txtbox .tit {
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: none;
}

#event .goodsitem .txtbox .txt {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.6
}

#event .goodsitem .txtbox .txt p {
	margin: 0 auto 5px auto;
}

#event .goodsitem .txtbox .price {
	margin-top: 15px;
}

#event .goodsitem .txtbox .price em,
#event .goodsitem .txtbox .price span {
	display: inline-block;
	vertical-align: baseline;
	font-size: 16px;
}

#event .goodsitem .txtbox .price em {
	font-style: normal;
	font-size: 16px;
}

#event .goodsitem .txtbox .url {
	text-align: right
}



/*===================sp=*/
@media screen and (max-width: 860px) {

	#event .goodsitem .imgbox {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 38%;
		-ms-flex: 0 0 38%;
		flex: 0 0 38%;
		width: 38%;
		position: relative
	}

	#event .goodsitem .txtbox .tit {
		font-size: 3.8vw;
		line-height: 1.6;
		margin-bottom: 5px;
	}

	#event .goodsitem .txtbox .txt {
		font-size: 3.8vw;
		line-height: 1.6;
		margin-bottom: 5px;
	}

	#event .goodsitem .txtbox .price em,
	#event .goodsitem .txtbox .price span {
		font-size: 3.8vw;
	}

}

/*====================*/




#event .reportlist {
	display: block;
	position: relative;
	margin-bottom: 40px
}

#event .reportitem {
	margin: 30px auto 0 auto;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

#event .reportitem .imgbox {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 270px;
	-ms-flex: 0 0 270px;
	flex: 0 0 270px;
	width: 270px;
	position: relative
}

#event .reportitem .imgbox .img {
	background-color: #f7f7f7;
	height: 0;
	overflow: hidden;
	width: 100%;
	padding-top: 70%;
	position: relative
}

#event .reportitem .imgbox .img img {
	width: auto;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	vertical-align: bottom;
	max-width: 200%
}

#event .reportitem .txtbox {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 30px;
}

#event .reportitem .txtbox .tit {
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: none;
}

#event .reportitem .txtbox .txt {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.6
}

#event .reportitem .txtbox .txt p {
	margin: 0 auto 5px auto;
}

#event .reportitem .txtbox .btn {
	width: 100%;
	max-width: 100%;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	#event .reportitem .imgbox {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 42%;
		-ms-flex: 0 0 42%;
		flex: 0 0 42%;
		width: 42%;
		position: relative
	}

	#event .reportitem .txtbox .tit {
		font-size: 3.8vw;
		margin-bottom: 10px;
		border-bottom: none;
	}

	#event .reportitem .txtbox .txt {
		font-size: 3.8vw;
		margin-bottom: 0;
		line-height: 1.6
	}

	#event .reportitem .txtbox .btn {
		padding: 2vw 0 2vw 0;
	}

}

/*====================*/


/*-----------------------------------------------------------
	#faq setting
-----------------------------------------------------------*/
#faq {}

.faq h3 {
	margin: 50px auto 0 auto !important;
}

.faq h3.f30 {
	margin: 0 auto 0 auto !important;
}

.faq h4 {
	margin: 40px auto 0 auto;
}

.faq h5 {
	margin: 40px auto 0 auto;
}

#faq p {
	font-size: 16px;
	line-height: 1.8;
	display: block;
	color: #000000;
}

.faq .faqWrap {
	width: 100%;
	margin: 30px auto 0 auto;
}

#faq ul li {
	margin: 0 0 30px 0;
}

#faq ul li .q {
	font-size: 16px;
	color: #707e99;
	font-weight: bold;
	display: block;
	padding-left: 2em;
	margin: 0 0 10px 0;
}

#faq ul li .q::before {
	content: "Q：";
	display: block;
	float: left;
	font-size: 16px;
	margin-left: -2em;
	text-align: center;
}

.events #faq ul li .q {
	font-size: 16px;
	color: #c68217;
	font-weight: bold;
	display: block;
	padding-left: 2em;
	margin: 0 0 2% 0;
}

.events #faq ul li .q::before {
	content: "Q：";
	display: block;
	float: left;
	font-size: 16px;
	margin-left: -2em;
	text-align: center;
}



#faq ul li .a {
	font-size: 16px;
	line-height: 1.8;
	display: block;
	padding-left: 2em;
	color: #000000;
	margin-bottom: 40px;
}

#faq ul li .a::before {
	content: "A：";
	font-size: 16px;
	display: block;
	float: left;
	margin-left: -2em;
	text-align: center;
}

.faqWrap li .n {
	font-size: 16px;
	line-height: 1.8;
	display: block;
	padding-left: 1em;
	margin: 0 0 10px 0;
}

.faqWrap li .n::before {
	content: "・";
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: -1em;
	width: 1em;
	text-align: center;
}

.inner.faq .pageNavi {
	width: 660px;
	margin: 0 auto 50px auto;
	justify-content: space-between;
}

.inner.faq .pageNavi .btn {
	width: 300px;
	max-width: 300px;
	margin: 0 0 0 0;
	background: #0b2534;
}

.inner.faq .pageNavi .btn:hover {
	opacity: 0.7;
}

.inner.faq .pageNavi .btn a {
	color: #ffffff;
	text-decoration: none;
	padding: 20px 0 20px 0;

	font-size: 16px;
	text-decoration: none;
	position: relative;
	text-align: center;
	display: block;
	font-weight: bold;
}

.inner.faq .pageNavi .btn .txt {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	position: relative;
	color: #ffffff !important;
}

.inner.faq .pageNavi .btn .txt:before {
	content: "";
	width: 100%;
	height: 12px;
	font-size: 14px;
	background: url(../img/icon/arrow_02_w.svg) no-repeat center bottom;
	background-size: 9px 12px;
	position: absolute;
	left: 0;
	bottom: -12px;
	display: block;

	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}


/*===================sp=*/
@media screen and (max-width: 860px) {

	.faq h3 {
		margin: 4vw auto 0 auto !important;
	}

	.inner.faq .pageNavi {
		width: 70%;
		margin: 0 auto 8vw auto;
		justify-content: space-between;
	}

	.inner.faq .pageNavi .btn {
		width: 100%;
		margin: 0 auto 4vw auto;
		background: #0b2534;
	}

	#faq ul {
		width: 100%;
	}

	#faq ul li .q {
		font-size: 3.8vw;
	}

	#faq ul li .q::before {
		font-size: 3.8vw;
	}

	#faq ul li .a {
		font-size: 3.8vw;
		padding-left: 2em;
	}

	#faq ul li .a::before {
		font-size: 3.8vw;
		margin-left: -2em;
		margin-top: 0;
	}

	.faqWrap li .n {
		font-size: 3.8vw;
	}

	.faqWrap ul li .n {
		font-size: 3.8vw;
	}

	.faqWrap ul li .n::before {
		font-size: 3.8vw;
	}
}

/*====================*/





.formBox {
	width: 100%;
	margin: 0 auto 0 auto;
}

.formBox form .note {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	margin: 1% 0 2% 0;
	color: #0b2534;
	opacity: 0.6;
}

.formBox form .required {
	font-size: 14px;
	color: #707e99;
}

.formBox form .q {
	font-size: 16px;
	line-height: 1.5;
	color: #0b2534;
	font-weight: bold;
	margin: 8% 0 4% 0;
}

.formBox form .a {
	width: 100%;
	font-size: 16px;
	line-height: 1.6;
	padding: 0 2px 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
	color: #0b2534;
}

.formBox form table {
	width: 100%;
}

.formBox form .w50 select {
	width: 30%;
}

.formBox form input[type="text"] {
	width: 96%;
	border: 0;
	padding: 5px 2% 5px 2%;
	color: #0b2534;
	font-size: 14px;
	margin: 0 0 0 0;
	background: #f2f2f2;
	outline: none;
}

.formBox form input.typeB[type="text"] {
	width: 96%;
	border: 0;
	padding: 5px 2% 5px 2%;
	color: #0b2534;
	font-size: 14px;
	margin: 0 0 5% 0;
	outline: none;
}

.formBox textarea {
	width: 96%;
	border: 0;
	outline: none;
	padding: 5px 2% 5px 2%;
	color: #0b2534;
	font-size: 16px;
	margin: 0 0 0 0;
	background: #f2f2f2;
}

.formBox input[type="radio"] {
	display: none;
	outline: none;
}

.formBox input[type="radio"]+label {
	position: relative;
	display: inline-block;
	padding: 0 3px 3px 30px;
	cursor: pointer;
	float: left;
	margin: 0 20px 10px 0;
	outline: none;
}

.formBox input[type="radio"]+label.fc {
	clear: left;
}

.formBox input[type="radio"]+label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -13px;
	background: #ffffff;
	border: 1px solid #0b2534;
	border-radius: 100%;
}

.formBox input[type="radio"]:checked+label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 3px;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #0b2534;
	border-radius: 100%;
}

.formBox #submitBtn {
	margin: 50px auto 0 auto;
	border: none;
	outline: none;
	width: 100%;
	height: 49px;
	text-align: center;
	cursor: pointer;
}

.formBox .align-center {
	text-align: center;
	margin: 30px 0 0 0;
}

.formBox input[type="submit"] {
	border: none;
	outline: none;
	width: 100%;
	color: #0b2534;
	text-align: center;
	background: #707e99;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	padding: 2vw 10px 2vw 10px;
	margin: 30px auto 0 auto;
}

.formBox input[type="submit"][disabled] {
	opacity: 0.5;
}

.formBox input[type="submit"]:hover {
	opacity: 0.5;
}

.formBox a {
	width: 100%;
	height: 100%;
	display: block;
	color: #000000;
}

.formBox a:hover {
	text-decoration: none;
}

.formBox #submitBtn:hover {
	opacity: 0.5;
}


@media (min-width: 860px) {

	.formBox {
		width: 100%;
		margin: 0 auto 0 auto;
	}

	.formBox form {
		margin: 20px auto 0 auto;
	}

	.formBox form .note {
		font-size: 16px;
		line-height: 1.5;
		font-weight: normal;
		margin: 15px 0 15px 0;
	}

	.formBox form .q {
		font-size: 20px;
		line-height: 1.6;
		margin: 50px 0 10px 0;
	}

	.formBox form .a {
		width: 100%;
		font-size: 16px;
		line-height: 1.8;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	.formBox form .w50 select {
		width: 20%;
	}

	.formBox form input[type="text"] {
		width: 96%;
		border: 0;
		padding: 1vw 2% 1vw 2%;
		color: #333333;
		font-size: 18px;
		margin: 0 0 0 0;
		background: #f2f2f2;
	}

	.formBox textarea {
		width: 96%;
		border: 0;
		outline: none;
		padding: 1vw 2% 1vw 2%;
		color: #333333;
		font-size: 18px;
		margin: 0 0 0 0;
		background: #f2f2f2;
	}

	.formBox input[type="radio"] {
		display: none;
		outline: none;
	}

	.formBox input[type="radio"]+label {
		position: relative;
		display: inline-block;
		padding: 0 3px 3px 30px;
		cursor: pointer;
		float: left;
		margin: 0 20px 10px 0;
		outline: none;
	}

	.formBox input[type="radio"]+label.fc {
		clear: left;
	}

	.formBox input[type="radio"]+label::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 0;
		width: 20px;
		height: 20px;
		margin-top: -15px;
		background: #ffffff;
		border: 3px solid #0b2534;
		border-radius: 100%;
	}

	.formBox input[type="radio"]:checked+label::after {
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		width: 16px;
		height: 16px;
		margin-top: -10px;
		background: #0b2534;
		border-radius: 100%;
	}

	.formBox #submitBtn {
		margin: 50px auto 0 auto;
		border: none;
		outline: none;
		width: 100%;
		padding: 20px 0 20px 0;
		text-align: center;
		cursor: pointer;
	}

	.formBox #submitBtn:hover {
		opacity: 0.5;
	}

	.formBox #submitBtn:hover {
		opacity: 0.5;
	}
}

/*-----------------------------------------------------------
	#movie
-----------------------------------------------------------*/

#movie {
	position: relative;
	width: 90%;
	max-width: 800px;
	margin: 0 auto 0 auto;
}

/*===================sp=*/
@media screen and (max-width: 860px) {}

/*====================*/


/*-----------------------------------------------------------
	#topmovie
-----------------------------------------------------------*/

#topmovie .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}

#topmovie {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1001;
	display: none;
}

#topmovie.show {
	display: block;
}

#topmovie .movieWrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}



#topmovie .movieBox {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 6px;
	padding-right: 6px;
}

#topmovie .movieBox:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#topmovie .movieBox .mov {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
	cursor: auto;
	line-height: 0;
	width: 98%;
	max-width: 900px;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	opacity: 1;
}

#topmovie .mov .video {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
}

#topmovie iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
	z-index: 1 !important;
}

#topmovie .btn {
	position: absolute;
	top: -40px;
	right: 0;
	width: 30px;
}

/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/

/*------- pagetop setting -------*/

.footbtn {
	margin: 0 auto 0 auto;
}

.footbtn .footbtnbtn {
	padding: 0 0 0 0;
	width: 5%;
	height: auto;
	margin-top: 0;
	position: fixed;
	right: 20px;
	bottom: 20px;
	line-height: 0;
}

/*===================sp=*/
@media screen and (max-width: 750px) {

	.footbtn .footbtnbtn {
		width: 17%;
		right: 2%;
		bottom: 10px;
		z-index: 1000;
	}

}

/*====================*/



#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	line-height: 1.6;
	background: #0b2534;
	text-align: center;
	z-index: 10;
}

.footerWrap.tyB {
	background: #2364aa;
}

.footerWrap.tyC {
	background: #FFFFFF;
	color: rgba(0, 0, 0, 0.60);
}

.footerBox {
	width: 90%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	position: relative;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

#footer .logo {
	width: 226px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

#footer .logo img {
	margin: -30px 0 0 0;
}

#footer .sns {
	width: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: absolute;
	right: 0;
	top: -25px;
	top: -50px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#footer .sns li:hover {
	opacity: 0.7;
}

#footer .sns li.tit {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 12px;
	color: #cccccc;
	font-weight: 600;
}
#footer .sns li.stit {
	color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 20px;
	width: auto !important;
}

#footer .sns li.tit:hover {
	opacity: 1.0;
}

#footer .sns .fb {
	width: 23px;
	margin: 0 10px 0 0;
}
#footer .sns .line {
	width: 23px;
	margin: 0 10px 0 0;
}
#footer .sns .x {
	width: 23px;
	margin: 0 10px 0 0;
}
#footer .sns .insta {
	width: 23px;
	margin: 0 10px 0 0;
}

#footer .footerWrap.tyC .footerBox {
	border-top: 1px solid #9da8ae;
	padding: 50px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer .footerWrap.tyC .logo {
	width: 435px;
	margin: 0 0 0 0;
	padding: 0 25px 0 0;
}

#footer .footerWrap.tyC .logo img {
	margin: 0 0 0 0;
}

#footer .footerWrap.tyC .txt {
	width: 334px;
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
}

#footnavi {
	width: 500px;
	margin: 40px 0 0 0;
	padding: 0 0 50px 0;
	display: flex;
	flex-wrap: wrap;
}

#footnavi li {
	color: #cccccc;
	width: 48%;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	text-align: left;
}

#footnavi li a {
	font-size: 14px;
	line-height: 1.4;
	color: #cccccc;
	text-decoration: none;
}

#footnavi li:before {
	content: "";
	width: 10px;
	height: 100%;
	font-size: 14px;
	background: url(../img/icon/arrow_01_bl.svg) no-repeat center center;
	background-size: 3px auto;
	position: absolute;
	left: 0;
	top: 0;
}

#footnavi li:hover {
	opacity: 0.7;
}

#footnavi li.off {
	opacity: 0.5;
}

#footnavi li.off:hover {
	opacity: 0.5;
}

#footnavi .share {
	width: 100%;
	margin: 25px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#footnavi .share li {
	width: auto;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}

#footnavi .share li:before {
	display: none;
}

#footnavi li.tel {
	width: 100%;
	margin-top: 10px;
}

#footnavi li.tel {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}

#footnavi li.tel a {
	color: #3a6bc8;
	border-bottom: 2px solid #3a6bc8;
	font-weight: 600;
}

#footnavi li.tel:hover {
	opacity: 1.0;
}

#footnavi li.tel:before {
	display: none;
}

.footnavi02 {
	width: 335px;
	margin: 40px 0 0 0;
	padding: 0 0 50px 0;

	display: flex;
	flex-wrap: wrap;
}

.footnavi02 li {
	height: 64px;
}

.footnavi02 li:hover {
	opacity: 0.7;
}

.footnavi02 a {
	width: 100%;
	height: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.footnavi02 .btn_contact {
	width: 160px;
	font-size: 13px;
	color: #989898;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	position: relative;
}

.footnavi02 .btn_contact a:before {
	content: "";
	width: 45px;
	height: 16px;
	font-size: 14px;
	background: url(../img/icon/mail_bl.svg) no-repeat center center;
	background-size: 26px 100%;
	position: relative;

}

.footnavi02 .btn_buy {
	width: 160px;
	font-size: 13px;
	color: #3a6bc8;
}

.footnavi02 .bnr {
	width: 100%;
	margin: 15px 0 0 0;
}

.footnavi02 .bnr:hover {
	opacity: 0.7;
}

#footer .copyright {
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 40px 0 40px 0;
	color: #9da8ae;
}


/*===================sp=*/
@media screen and (max-width: 860px) {

	#footer {
		width: 100%;
		padding: 0 0 0 0;
	}

	#footnavi {
		width: 100%;
		margin: 20px auto 0 auto;
		padding: 0 0 20px 0;
	}

	#footnavi li a {
		font-size: 3.0vw;
	}

	#footnavi li.tel {
		width: 100%;
		margin-top: 10px;
	}

	#footnavi li.tel {
		display: flex;
		flex-wrap: wrap;
		font-size: 2.6vw;
	}

	#footnavi li.tel a {
		color: #3a6bc8;
		border-bottom: 1px solid #3a6bc8;
		font-weight: 600;
		font-size: 2.6vw;
	}

	#footnavi li.tel:hover {
		opacity: 1.0;
	}

	#footnavi li.tel:before {
		display: none;
	}

	#footnavi li {
		width: 47%;
	}

	#footnavi .share {
		display: none;
	}


	#footer .sns {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
		right: 0;
		top: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

	}

	#footer .sns li {
		width: 8% !important;
		margin: 0 2% 0 2% !important;
	}

	#footer .sns li.tit {
		width: 100% !important;
		text-align: center;
		font-size: 3.0vw;
		margin-bottom: 10px !important;
	}

	.footnavi02 {
		width: 100%;
		margin: 20px auto 0 auto;
		padding: 0 0 30px 0;
	}

	.footnavi02 li {
		height: auto;
	}

	.footnavi02 .btn_contact {
		width: 48%;
		height: 60px;
		margin: 0 1% 0 0;
	}

	.footnavi02 .btn_buy {
		width: 48%;
		height: 60px;
		margin: 0 0 0 1%;
	}

	.footnavi02 .bnr {
		margin-top: 4vw;
	}

	#footer .footerWrap.tyC .footerBox {
		border-top: 1px solid #9da8ae;
		padding: 10% 0 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#footer .footerWrap.tyC .logo {
		width: 80%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}

	#footer .footerWrap.tyC .logo img {
		margin: 0 0 0 0;
	}

	#footer .footerWrap.tyC .txt {
		width: 80%;
		margin: 5% auto 0 auto;
		padding: 0 0 0 0;
	}

}

/*====================*/

/*----------------------------------#related setting----------*/
#related {}

.listwrap01 {
	width: 100%;
	padding: 50px 0 30px 0;
	border-bottom: 1px solid #1e5591;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.btn_scrap {
	width: 150px;
	max-width: 150px;
	margin: 0 30px 0 30px;
}

.btn_realdgame {
	width: 139px;
	max-width: 139px;
	margin: 0 30px 0 30px;
}

.btn_scrap:hover,
.btn_realdgame:hover {
	opacity: 0.7;
}

.listwrap02 {}

#related ul {
	width: 100%;
	padding: 10px 0 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#related ul:before,
#related ul:after {
	content: "";
	width: 22.96%;
	display: block;
	order: 2;
}
#related li {
	width: 22.96%;
	margin: 20px 0 0 0;
}

#related li:hover {
	opacity: 0.7;
}

#related li a {
	text-decoration: none;
}

#related li p.bnr {
	width: 100%;
	height: 80px;
	text-indent: -9999px;
}

#related li p.txt {
	font-size: 12px;
	color: #ffffff;
	margin: 15px 0 0 0;
}

#related li a p.txt {
	text-decoration: none;
}

#related li p.txt span {
	font-weight: bold;
}

.bnr_realdgame .bnr {
	background: #ffffff url(../img/logo/realdgame_b.svg) no-repeat center center;
	background-size: 92px 54px;
}

.bnr_shop .bnr {
	background: #ffffff url(../img/logo/shop.svg) no-repeat center center;
	background-size: 113px 40px;
}

.bnr_scrappub .bnr {
	background: #ffffff url(../img/logo/scrappub.svg) no-repeat center center;
	background-size: 94px 14px;
}

.bnr_scrapfunclub .bnr {
	background: #ffffff url(../img/logo/scrapfunclub.svg) no-repeat center center;
	background-size: 64px 42px;
}

.bnr_forkids .bnr {
	background: #ffffff url(../img/logo/forkids.svg) no-repeat center center;
	background-size: 79px 32px;
}

.bnr_nazoken .bnr {
	background: #ffffff url(../img/logo/nazoken.svg) no-repeat center center;
	background-size: 60px 37px;
}

.bnr_thesecretagent .bnr {
	background: #ffffff url(../img/logo/thesecretagent.svg) no-repeat center center;
	background-size: 78px 45px;
}

.bnr_realdgcp .bnr {
	background: #ffffff url(../img/logo/realdgcp.svg) no-repeat center center;
	background-size: 69px 42px;
}

.bnr_playen .bnr {
	background: #ffffff url(../img/logo/playen.svg) no-repeat center center;
	background-size: 65px 43px;
}

.bnr_orientation .bnr {
	background: #ffffff url(../img/logo/orientation.svg) no-repeat center center;
	background-size: 61px 60px;
}

.bnr_wedding .bnr {
	background: #ffffff url(../img/logo/wedding.svg) no-repeat center center;
	background-size: 122px 45px;
}

#related .bnr_standing {
	/* 					width: 470px; */
}

.bnr_standing .bnr {
	background: #ffffff url(../img/logo/standing_s.svg) no-repeat center center;
	background-size: 91.5% auto;
}

/*===================sp=*/
@media screen and (max-width: 860px) {

	#related {
		padding-bottom: 30px;
	}

	.btn_scrap {
		width: 35%;
		max-width: 35%;
		margin: 0 auto 0 auto;
	}

	.btn_realdgame {
		width: 38%;
		max-width: 38%;
		margin: 0 31% 0 31%;
	}

	#related ul {
		width: 102%;
		padding: 3% 0 3% 0;
	}

	#related li {
		width: 48%;
		margin: 3% 2% 0 0;
	}

	#related li a p.txt {
		font-size: 2.6vw;
	}

	#related .bnr_standing {
		/* 					width: 100%; */
	}

	.bnr_standing .bnr {
		background: #ffffff url(../img/logo/standing_s.svg) no-repeat center center;
		background-size: 90% auto;
	}

}

/*====================*/


/*----------------------------------# setting----------*/
#sns {
	margin: 0 auto 0 auto;
	text-align: center;
}

#sns .tit {
	color: #008842;
	font-size: 23px;
	font-weight: bold;
}

#sns .txt {
	font-size: 18px;
	margin: 20px auto 0 auto;
}

#sns .sns {
	width: 70%;
	font-size: 18px;
	margin: 30px auto 0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

#sns .sns a {
	width: 26%;
	margin: 0 3% 0 3%;
	display: block;
	position: relative;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
}

#sns .sns a li {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: space-between;
	padding: 0 0 20px 0;
}

#sns .sns a li:hover {
	opacity: 0.5;
}

#sns .sns a li .txt {
	font-size: 15px;
	font-weight: 500;
	color: #000000;
}

#sns .sns a li.insta .logo {
	width: 50px;
	margin: 25px auto 20px auto;
}

#sns .sns a li.x .logo {
	width: 56px;
	margin: 20px auto 15px auto;
}

#sns .sns a li.line .logo {
	width: 43px;
	margin: 27px auto 20px auto;
}

#sns .sns a li .id {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.50);
	margin: 0 auto 0 auto;
}



/*===================sp=*/
@media screen and (max-width: 860px) {

	#sns .tit {
		font-size: 4.4vw;
	}

	#sns .txt {
		font-size: 3.4vw;
	}

	#sns .sns {
		display: block;
		width: 70%;
	}

	#sns .sns a {
		width: 94%;
		margin: 0 3% 5% 3%;
	}

	#sns .sns a li {
		padding: 0 0 5% 0;
	}

	#sns .sns a li.insta .logo {
		width: 50px;
		margin: 3% auto 1% auto;
	}

	#sns .sns a li.x .logo {
		width: 56px;
		margin: 3% auto 1% auto;
	}

	#sns .sns a li.line .logo {
		width: 43px;
		margin: 3% auto 1% auto;
	}

}

/*====================*/


/*----------------------------------# setting----------*/
# {}

/*===================sp=*/
@media screen and (max-width: 860px) {}

/*====================*/



.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
	text-align: center;
}

.pagination-box {
	display: inline-block;
}

.pagination span,
.pagination a {
	display: block;
	float: left;
	margin: 2px 10px 2px 0;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #0b2534;
	background: #fff;
	border-radius: 50%;
}

.pagination span.page-of {
	background: none;
	color: #0b2534;
}

.pagination a:hover {
	color: #0b2534;
	background: #707e99;
}

.pagination .current {
	padding: 10px 14px 10px 14px;
	background: #707e99;
	color: #0b2534;
}

@media only screen and (max-width: 413px) {
	.pagination {
		font-size: 12px;
		line-height: 12px;
	}

	.pagination span,
	.pagination a {
		padding: 7px 10px 7px 10px;
	}

	.pagination .current {
		padding: 7px 10px 7px 10px;
	}
}