@charset "utf-8";

/* ---------------------------------------------------------------- common ---- */

main#content{
	position: relative;
	background: #FFF;
	width: 100%;
	padding: 100px 0;
}

/*	SP */
@media screen and (max-width: 896px){
	main#content{
		padding: 60px 0;
	}

}

#title-area{
	margin: 30px auto 40px auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	text-align: left;
}

#title-area h1{
	font-size: 2.8rem;
	font-weight: bold;
}

#title-area h1:before{
	content: "";
	width: 40px;
	height: 2px;
	background: #000;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

section{
	margin-bottom: 60px;
}

main section:last-child{
	margin-bottom: 0;
}


/* ---------------------------------------------------------------- NEWS ---- */

main.news ul{
	margin-bottom: 40px;
}

main.news ul li{
	margin-bottom: 30px;
}

main.news ul li a{
	display: block;
	color: #000;
	position: relative;	
}

main.news ul li .title{
	line-height: 1.4;
}

main.news ul li #sticky_tag{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	padding: 5px 0;
	background: #E02D24;
	color: #FFF;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

main.news ul li .image{
	width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
	background: #000;
}

main.news ul li .image img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;	
	object-fit: cover;
}

/*	SP */
@media screen and (max-width: 896px){
	main.news ul li{
		margin-bottom: 20px;
	}

	main.news ul li:nth-child(odd){
		padding-right: 7px;
		padding-left: 0;
	}

	main.news ul li:nth-child(even){
		padding-left: 7px;
		padding-right: 0;
	}
}

/* ---------------------------------------------------------------- ページナビゲーション ---- */

.wp-pagenavi {
	clear: both;
	text-align:center;
}

.wp-pagenavi a,
.wp-pagenavi span{
	background-color: #ababab;
	border: #ababab 1px solid;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	padding: 3px 0!important;
	margin: 0 5px;
	display: inline-block;
	color: #FFF;
	width: 3rem;
	text-align: center;
}

.wp-pagenavi a:hover{
	color: #FFF;
	background-color: #000;
	border-color: #000!important;
}

.wp-pagenavi span.current{
	color: #FFF;
	background-color: #000;
	border-color: #000!important;
}

/*	SP */
@media (max-width: 896px){
	.wp-pagenavi {
		clear: both;
		text-align:center;
		margin: 30px auto 0;
	}
}

/* ---------------------------------------------------------------- news-post ---- */

main.news-page .post-tit-area{
	margin-bottom: 60px;
}

main.news-page .post-tit-area .image{
	float: left;
	width: 50%;
	height: 360px;
	overflow: hidden;
	position: relative;
	background: #000;
}

main.news-page .post-tit-area .image img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;	
	object-fit: cover;
}

main.news-page .post-tit-area .post-tit{
	float: right;
	width: 50%;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
}

main.news-page .post-tit-area .post-tit div.wrap{
	padding: 60px;
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

main.news-page .post-tit-area .post-tit div.wrap .tit{
	font-size: 2.0rem;
	margin-bottom: 10px;
	font-weight: bold;
}

#shere{
	margin-top: 20px;
}

.sd-title,.sd-content{
	display: inline-block;
}

.sd-content{
	margin-left: 15px;
}

div.sharedaddy h3.sd-title:before{
	display: none!important;
}

.jp-sharing-input-touch .sd-content ul li{
	padding-left: 0!important;
}

.article-content p{
	margin-bottom: 20px;
}

.article-content h2{
	font-size: 1.8rem;
	margin-bottom: 20px;
	padding: 5px 15px;
	border-left: 2px solid #000;
	font-weight: bold;
}

.article-content h3{
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.6rem;
}

.article-content a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
}

.article-content ul{
	margin-bottom: 20px;
}

.article-content a::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

.article-content a:hover::after {
	transform: scale(1, 1);
}

.article-content figure,
.article-content img{
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

.article-content figcaption{
	font-size: 80%;
	font-style: italic;
	display: block;
}

.article-content .wp-block-embed{
	margin-bottom: 20px;
}

.article-content .wp-block-embed-youtube .wp-block-embed__wrapper{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.article-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

main.news-page .btn{
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

/*	SP */
@media (max-width: 896px){

	main.news-page .post-tit-area{
		margin-bottom: 30px;
	}

	main.news-page .post-tit-area .image{
		display: none;
	}

	main.news-page .post-tit-area .post-tit{
		float: none;
		width: 100%;
		position: static;
	}

	main.news-page .post-tit-area .post-tit div.wrap{
		padding: 20px;
		position: static;
		width: 100%;
		transform: translateY(0%);
	}

}

/* ---------------------------------------------------------------- SCHEDULE-MONTH ---- */

main#tribe-events-pg-template #title-area{
	max-width: 1200px;
	width: 90%;
}

main#tribe-events-pg-template{
	padding: 100px 0;
}

#tribe-events-content-wrapper{
	width: 90%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	position: relative;	
}

#tribe-events-content{
	margin-bottom: 0!important;
}

#tribe-events-content table.tribe-events-calendar{
	margin: 0 0 .6em!important;
}

#tribe-events-content table.tribe-events-calendar .wrap{
	display: flex;
	flex-direction: column;
	width: 100%;
}

#tribe-events-content table.tribe-events-calendar .wrap div.cat_1f-2f{
	order: 0;
}

#tribe-events-content table.tribe-events-calendar .wrap div.cat_2f{
	order: 1;
}

#tribe-events-content table.tribe-events-calendar .wrap div.cat_1f{
	order: 2;
}

.tribe-is-responsive.tribe-mobile .tribe-events-page-title{
	margin-top: 0!important;
}

.tribe-events-page-title{
	font-size: 24px!important;
	margin-bottom: 0!important;
}

h2.tribe-events-page-title p{
	display: inline-block;
}

h2.tribe-events-page-title p:first-child{
	font-size: 80%;
}

.head_week{
	text-indent: -9999px;
}

.tribe-events-calendar thead th{
	background-color: #333!important;
}

#tribe-events-content .tribe-events-calendar td{
	color: #000!important;
}

.head_week{
	position: relative;
}

.head_week:after{
	text-indent: 1px;
}

#tribe-events-月曜日:after{
	content: "MON";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

#tribe-events-火曜日:after{
	content: "TUE";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

#tribe-events-水曜日:after{
	content: "WED";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

#tribe-events-木曜日:after{
	content: "THU";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

#tribe-events-金曜日:after{
	content: "FRI";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

#tribe-events-土曜日:after{
	content: "SAT";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

#tribe-events-日曜日:after{
	content: "SUN";
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}

.tribe-events-calendar thead th#tribe-events-金曜日{
	background: #FF8611!important;
	border-left: #FF8611!important;
	border-right: #FF8611!important;
}

.tribe-events-calendar thead th#tribe-events-土曜日{
	background: #243FAC!important;
	border-left: #243FAC!important;
	border-right: #243FAC!important;
}

.tribe-events-calendar thead th#tribe-events-日曜日{
	background: #FC5042!important;
	border-left: #FC5042!important;
	border-right: #FC5042!important;
}

#tribe-events-content .tribe-events-calendar td:hover{
	background: transparent!important;
	box-shadow: none!important;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-has-events{
	background: #f9f9f9;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present{
	background: #fcf8e3!important;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-has-events:hover{
	background: #f9f9f9!important;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present:hover{
	background: #fcf8e3!important;
}

.tribe-events-calendar td div[id*=tribe-events-daynum-]{
	padding: 10px!important;
}

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a{
	background-color: transparent!important;
	color: #000!important;
	font-size: 1.4em!important;
	font-weight: 500!important;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured{
	background: transparent!important;
	color: #000!important;
	padding: 0!important;
}


#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-family: 'Poppins', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif!important;
	font-size: 120%!important;
}

#tribe-events-content table.tribe-events-calendar h3.tribe-events-month-event-title a{
	color: #000!important;
}

.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a, .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a{
	opacity: 1!important;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a:hover{
	background: #cccccc;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title{
	padding: 6px calc(5% + 8px)!important;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title a:hover{
	background: #cccccc;
}

#tribe-events-content .tribe-events-month-event-title .cate{
	color: #333;
	background: #E4E4E4;
	text-align: center;
	margin-bottom: 10px;
	padding: 3px 0;
}

ul.tribe-events-sub-nav a{
	color: #000!important;
}

ul.tribe-events-sub-nav a span{
	display: none;
}

ul.tribe-events-sub-nav li.tribe-events-nav-next a,
ul.tribe-events-sub-nav li.tribe-events-nav-previous a{
	position: relative;
	width: 80px;
	display: block;
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-ms-transition: .2s ease-in;
	transition: .2s ease-in;
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.tribe-events-sub-nav li.tribe-events-nav-next a:hover,
ul.tribe-events-sub-nav li.tribe-events-nav-previous a:hover{
	filter: alpha(opacity=70);
	opacity: .7;
	text-decoration: none;
	cursor: pointer!important;
}

ul.tribe-events-sub-nav li.tribe-events-nav-next a{
	padding-right: 20px;
}

ul.tribe-events-sub-nav li.tribe-events-nav-next a:before{
	content: ">";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

ul.tribe-events-sub-nav li.tribe-events-nav-previous a{
	padding-left: 20px;
}

ul.tribe-events-sub-nav li.tribe-events-nav-previous a:before{
	content: "<";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.tribe-events-event-body a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
}

/*	SP */
@media screen and (max-width: 896px){
	#tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before{
		display: none!important;
	}
	

	main#tribe-events-pg-template{
		padding: 60px 0;
	}

	.tribe-mobile-day-heading {
		font-size: 20px!important;
		margin-bottom: 0!important;
	}

	.tribe-events-calendar td.mobile-active{
		background: #FFF!important;
	}

	.tribe-events-calendar td.tribe-events-present.mobile-active{
		background: #fcf8e3!important;
	}
	
	#tribe-events-content .tribe-events-calendar td.tribe-events-has-events.mobile-active div[id*=tribe-events-daynum-],
	#tribe-events-content .tribe-events-calendar td.tribe-events-has-events.mobile-active div[id*=tribe-events-daynum-] a,
	#tribe-events-content .tribe-events-calendar td.tribe-events-has-events.mobile-active{
		background: #f9f9f9!important;
	}

	#tribe-events-content .tribe-events-calendar td.tribe-events-has-events.mobile-active.tribe-events-present div[id*=tribe-events-daynum-],
	#tribe-events-content .tribe-events-calendar td.tribe-events-has-events.mobile-active.tribe-events-present div[id*=tribe-events-daynum-] a,
	#tribe-events-content .tribe-events-calendar td.tribe-events-has-events.mobile-active.tribe-events-present{
		background: #fcf8e3!important;
	}

	#tribe-events-header .tribe-events-sub-nav li a{
		display: inline-block!important;
		padding-top: 0!important;
		padding-bottom: 0!important;
	}

	.tribe-events-sub-nav li a{
		background: none!important;
	}

	.tribe-events-calendar .tribe-events-has-events:after{
		background-color: #777!important;
	}

	.tribe-events-calendar .mobile-active.tribe-events-has-events:after{
		background-color: #000!important;
	}

	#tribe-mobile-container .type-tribe_events{
		padding: 0!important;
	}

	#tribe-mobile-container .type-tribe_events h4{
		margin-bottom: 0!important;
		font-size: 1.6rem!important;
	}

	#tribe-mobile-container .type-tribe_events .tribe-events-read-more{
		margin-top: 0!important;
		padding: 15px 0;
	}

	#tribe-mobile-container .tribe-events-event-body p{
		display: inline-block;
		vertical-align: middle;
	}

	#tribe-mobile-container .tribe-events-event-body p:after{
		display: inline-block;vertical-align: top;
		color: #FFF;
		background-color: #333;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
		text-align: center;
		margin-right: 5px;
		padding: 2px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		width: 60px;
	}

	#tribe-mobile-container .tribe-events-event-body p.cat_2f:after{
		content: "2F";
	}

	#tribe-mobile-container .tribe-events-event-body p.cat_1f:after{
		content: "1F";
	}

	#tribe-mobile-container .tribe-events-event-body p.cat_1f-2f:after{
		content: "1F&2F";
	}

	#tribe-mobile-container .tribe-events-event-body h4{
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 70px);
	}

}
/* ---------------------------------------------------------------- SCHEDULE-single ---- */

.tribe-events-notices{
	background: #DDD!important;
	border: none!important;
	text-shadow: none!important;
	color: #333!important;
}

#tribe-events-content.tribe-events-single{
	max-width: 1024px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

h1.tribe-events-single-event-title{
	font-size: 2.4rem;
	font-weight: bold;
}

.tribe-events-single .event_ph{
	width: 48%;
	float: left;
}

.tribe-events-single .event_ph img{
	width: 100%;
	height: auto;
}

.tribe-events-single .event_info01{
	float: right;
	width: 48%;
}

.tribe-events-single .event_info01 .btn{
	margin-bottom: 20px;
}

.tribe-events-single .btn a{
	background: #d8383f;
	color: #FFF;
	font-weight: bold;
	border: none;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

.tribe-events-single .btn a:hover{
	background: #333;
	border: none;
}

.tribe-events-single .event_info01 .tag{
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.tribe-events-single .event_info01 .tag p{
	display: inline-block;
	padding: 2px 8px;
	color: #000;
	border: 1px solid #000;
	margin-right: 8px;
	margin-bottom: 8px;
	background: #FFF;
	font-weight: 500;
}

.tribe-events-single .event_info01 .cast{
	margin-bottom: 20px;
}

.tribe-events-single .event_info01 .charge span,
.tribe-events-single .event_info01 .open span,
.tribe-events-single .event_info01 .close span{
	display: inline-block;
	vertical-align: top;
}

.tribe-events-single .event_info01 span.left{
	width: 80px;
}

.tribe-events-single .event_info01 .charge a{
	color: #000;
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-ms-transition: .2s ease-in;
	transition: .2s ease-in;
	opacity: 1;
	filter: alpha(opacity=100);
	text-decoration: underline!important;
}

.tribe-events-single .event_info01 .charge a:hover{
	filter: alpha(opacity=70);
	opacity: .7;
	cursor: pointer!important;
}

.tribe-events-single #post-wrap{
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.tribe-events-single #post-wrap strong{
	font-weight: bold;
}

.tribe-events-single #post-wrap a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
}

.tribe-events-single #post-wrap a::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

.tribe-events-single #post-wrap a:hover::after {
	transform: scale(1, 1);
}

.tribe-events-single #post-wrap p{
	max-width: 100%;
	position: relative;
	height: auto;
	display: block;
	margin-bottom: 2rem;
}

.tribe-events-single #post-wrap .youtube{
	position: relative;
	max-width: 100%;
	padding-top: 56.25%;
}

.tribe-events-single #post-wrap .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.tribe-events-single #post-wrap img{
	max-width: 100% !important;
	height: auto !important;
}

.tribe-events-single .ticket-last{
	margin-top: 60px;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.tribe-events-single .cal_back.top{
	margin-bottom: 30px;
}

.tribe-events-single .cal_back.last{
	margin-top: 60px;
}

.tribe-events-single .cal_back a{
	color: #000;
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-weight: bold;
}

.tribe-events-single .cal_back a:before{
	content: "<";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/*	SP */
@media screen and (max-width: 896px){
	.tribe-events-single .event_ph{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.tribe-events-single .event_info01{
		width: 100%;
		float: none;
	}

	.tribe-events-single .ticket-last{
		margin-top: 30px;
	}

	.tribe-events-single #post-wrap{
		padding-top: 15px;
		margin-top: 15px;
	}
}


/* ---------------------------------------------------------------- SPACE RENTAL ---- */

main.rental section .inner{
	max-width: 750px;
}

main.rental .main{
	width: 100%;
	height: 400px;
	background: url("../img/rental/main.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	margin-bottom: 60px;
}

main.rental h2{
	text-align: center;
	font-size: 2.6rem;
	margin-bottom: 30px;
	font-weight: 500;
}

main.rental .btn{
	width: 240px;
	margin-left: auto;
	margin-right: auto;
}

/*	SP */
@media (max-width: 896px){
	main.rental .main{
		height: 200px;
	}
}

/* ---------------------------------------------------------------- EQUIPMENT ---- */


main.equipment .main{
	width: 100%;
	height: 400px;
	background: url("../img/equipment/main.jpg") no-repeat 50% 50%;
	-webkit-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	margin-bottom: 60px;
}

main.equipment h2{
	text-align: center;
	font-size: 2.6rem;
	margin-bottom: 30px;
	font-weight: 500;
}

/*	SP */
@media (max-width: 896px){
	main.equipment .main{
		height: 200px;
	}
}

main.equipment ul li{
	margin-bottom: 20px;
	height: 200px;
}

main.equipment ul li div.wrap{
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	padding: 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

main.equipment ul li div p.eq{
	font-weight: 500;
	font-size: 1.8rem;
}

main.equipment ul li div p.eq:after{
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

/* ---------------------------------------------------------------- ACCESS ---- */

main.access #ggmap{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 55%;
	position: relative;
}

main.access #ggmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

main.access ul{
	margin-top: 40px;
}

main.access ul li a{
	color: #000;
	text-decoration: underline;
}

main.access li{
	margin-bottom: 20px;
}

main.access li p{
	display: inline-block;
	vertical-align: middle;
}

main.access li p.en{
	width: 100px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	font-weight: bold;
}

main.access li p.text{
	width: calc(100% - 110px);
}

main.access .btn{
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

/*	SP */
@media (max-width: 896px){

	main.access li p.en{
		width: 100%;
		display: block;
	}

	main.access li p.text{
		width: 100%;
		display: block;
	}
}


/* ---------------------------------------------------------------- CONTACT ---- */

main.contact #title-area{
	max-width: 750px;
	width: 90%;
}


main.contact .wpcf7{
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

main.contact .wpcf7 label{
	display: block;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

main.contact .wpcf7 .label{
	width: 200px;
	display: inline-block;
	vertical-align: top;
}

main.contact .wpcf7 .label span{
	font-size: 80%;
	color: red;
}

main.contact .wpcf7 .input{
	width: calc(100% - 220px);
	display: inline-block;
}

input[type="text"],
input[type="email"]
{
	background: #f2f2f2;
	border: 1px solid #dddddd;
	padding: 10px;
	box-sizing: border-box;
	-webkit-transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 100%;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	font-size: 16px;
}

input[type="text"]:hover,
input[type="email"]:hover {
	background: #fff;
}
input[type="text"]:focus,
input[type="email"]:focus {
	background: #fff;
}

textarea {
	background: #f2f2f2;
	border: 1px solid #dddddd;
	padding: 10px;
	box-sizing: border-box;
	-webkit-transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	font-size: 16px;
}

textarea:hover {
	background: #fff;
}

input[type="submit"] {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	color: #000;
	background: #fff;
	text-align: center;
	padding: 15px;
  	position: relative;
  	border: 2px solid #000;
  	margin-top: 60px;
  	font-weight: 500;
}

input[type="submit"]:hover {
	color: #FFF;
	background: #000;
  	border: 2px solid #000;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	transition: all .1s linear;
}

.wpcf7 span.alert,
.wpcf7 span.wpcf7-not-valid-tip{
	display: block;
	font-size: 80%;
	padding-top: 10px;
}

.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing{
	border: none;
	background: #000;
	color: #FFF;
}

.wpcf7 div.wpcf7-mail-sent-ok{
	border: none;
	background: #f1f1f1;
	color: #000;
}

main.contact .privacy a{
	color: #000;
	text-decoration: underline;
}


/*	SP */
@media (max-width: 896px){
	main.contact .wpcf7 .label{
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	main.contact .wpcf7 .input{
		width: 100%;
		display: block;
	}
}

/* ---------------------------------------------------------------- TICKET ---- */

.select-area {
  position: relative;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}

.select{
	position: relative;
}

.select:after {
  content: '>';
  display: block;
  color: #000;
  font-size: 2rem;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -1.5rem;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 10px 20px 10px 10px;
  font-size: 16px;
  background-color: #f2f2f2;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

main.contact .wpcf7 .input.select.select-number{
  width: 60px;
}