@charset "UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;vertical-align:bottom;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}

/* base */

@media screen and (min-width: 1000px) { /******   PC以上  ******/
}
@media screen and (max-width: 999px) { /****** tablet以下 ******/
}

@media screen and (min-width: 768px) and (max-width: 999px) { /*** tabletのみ ***/
}

@media screen and (min-width: 768px) { /**** tablet以上 ****/
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
}

@media screen and (min-width: 480px) { /** SP以上 **/
}
@media screen and (max-width: 479px) { /** SP専用 **/
}

html {
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
	font-size: 62.5%; /* 10px */
}
body {
	position:relative;
	width:100%;
	height:100%;
	font-size:1.6rem;
	letter-spacing:0.08em;
	line-height:1;
	color : #231815;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	body {
		font-size:1.4rem;
		letter-spacing:0.05em;
		min-width:320px;
	}
}




p,li,dd,td {
  text-align: justify;
  text-justify: inter-ideograph;
}

h1,h2,h3,h4,h5{
	font-weight: 500;
}

a { /* duration */
	transition: color 0.3s;
}
a:link,
a:visited,
a:hover,
a:active{
	color : #231815;
	text-decoration: none;
}

a.textlink:link,
a.textlink:visited{
	color : #231815;
	text-decoration: underline;
	text-decoration-color: #231815;
}
a.textlink:hover,
a.textlink:active{
	color: #999;
}

a.textlink_blue:link,
a.textlink_blue:visited{
	color : #036eb7;
	text-decoration: underline;
	text-decoration-color: #036eb7;
}
a.textlink_blue:hover,
a.textlink_blue:active{
	color: #0096FC;
}

a.alpha:link,
a.alpha:visited,
a.trans:link,
a.trans:visited {
	transition: opacity 0.3s ease-out;
	opacity: 1;
}
a.alpha:hover,
a.alpha:active {
	opacity: 0.6;
}
a.trans:hover,
a.trans:active {
	opacity: 0;
}


img {
	max-width:100%;
	height:auto;
}


.br_sp,
.text_sp,
.block_sp{
	display:none;
}
.br_pc,
.text_pc{
	display:inline;
}
.block_pc{
	display:block;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.br_sp,
	.text_sp{
		display:inline;
	}
	.block_sp{
		display:block;
	}
	.br_pc,
	.text_pc,
	.block_pc{
		display:none;
	}
}




/****************************************************************************
body
****************************************************************************/

#header{
}
#header_nav{
}
#wrap{
}
#footer{
}








/****************************************************************************
header
****************************************************************************/

#header{
	width: 100%;
	height: 148px;
	background: url(../../img/floor/mainimage-80.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.b-about #header{
	background-image: url(../../img/about/mainimage-80.jpg);
}
.b-use #header{
	background-image: url(../../img/use/mainimage-80.jpg);
}
.b-access #header{
	background-image: url(../../img/access/mainimage-80.jpg);
}
.b-contact #header{
	background-image: url(../../img/contact/mainimage-80.jpg);
}
.b-news #header{
	background-image: url(../../img/news/mainimage-80.jpg);
	background-position: 25% 50%;
}
.b-report #header{
	background-image: url(../../img/report/mainimage-80.jpg);
}
.b-movie #header{
	background-image: url(../../img/news/mainimage-80.jpg);
}




/* 本アップ用トップページ専用の設定 */
[data-box] {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: no-repeat center center;
  background-size: cover;
}

[data-box][data-box="2:1"]:before {
    content: "";
    display: block;
    padding-top: 50%;
    /* 2:1 */ 
}
[data-box][data-box="16:9"]:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    /* 16:9 */ 
}
[data-box] .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main-movie {
	overflow-y: hidden;
}
.main-movie iframe {
	width: 100% !important;
	height: 100% !important;
}





#b-home #header{
	position: relative;
	height: auto;
	background:none;
	text-align: center;
}
#b-home #header h1{
	position: absolute;
	top: 0;
	left: 0;
}

#header h1{
	padding: 21px 0 0 3vw;
	width: 90px;
	height: 106px;
}
#header h1 a{
	display: block;
	width: 100%;
	height: 100%;
}

#b-home.b-home2 #header h1{
	padding: 24px 0 0 3vw;
	width: 108px;
	height: 127px;
}

#btn_menu{
	position:fixed;
	top:0;
	right:0;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border-bottom: solid 1px #000;
	border-left: solid 1px #000;
	z-index: 999;
	background-color: #fff;
/*	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);*/
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-out;
}

#btn_menu a{
	display:block;
	width: 100%;
	height: 100%;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../../img/common/btn_menu.svg) 50% 50% no-repeat;
	background-size:30px 23px;
	border-bottom-left-radius: 6px;
}
#btn_menu.active a{
	background-image:url(../../img/common/btn_close.svg);
	background-size:24px 24px;
}


@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#b-home.b-home2 #header h1{
		padding: 20px 0 0 3vw;
		width: 90px;
		height: 106px;
	}

	#btn_menu.fix {
		visibility: visible;
		opacity: 0.95;
		overflow: visible;
	}

}
@media screen and (min-width: 768px) { /**** tablet以上 ****/
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#header{
		height: 100px;
	}
	#header h1,
	#b-home.b-home2 #header h1{
		padding: 12px 0 0 3vw;
		width: 60px;
		height: 71px;
	}

	#btn_menu {
		visibility: visible;
		opacity: 0.95;
		overflow: visible;
	}

}





/* #header_nav *************************************/

#header_nav_wrap{
	width:100%;
}
#header_nav{
	width:100%;
	background-color: rgba(255,255,255,0.95);
}

.gnav_ul{
	display:flex;
	box-sizing: border-box;
	border-right: solid 1px #A4A4A5;
}
.gnav_li{
	width: calc(100% / 6);
/*	flex-grow: 1; で6分割しようとするとChromeではみ出すので */
	box-sizing: border-box;
	border-left: solid 1px #A4A4A5;
	position: relative;
}

.gnav_a{
	display: block;
	width: 100%;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	position: relative;
}
.gnav_li_home .gnav_a{
	background-image: url(../../img/common/icn_home.svg);	
}
.gnav_li_about .gnav_a{
	background-image: url(../../img/common/icn_about.svg);	
}
.gnav_li_floor .gnav_a{
	background-image: url(../../img/common/icn_floor.svg);	
}
.gnav_li_use .gnav_a{
	background-image: url(../../img/common/icn_use.svg);	
}
.gnav_li_access .gnav_a{
	background-image: url(../../img/common/icn_access.svg);
}
.gnav_li_contact .gnav_a{
	background-image: url(../../img/common/icn_contact.svg);	
}

.gnav_a::before{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	content: "";
	background-repeat: no-repeat;
}
.gnav_li_home .gnav_a::before{
	background-image: url(../../img/common/nav_home.svg);	
}
.gnav_li_about .gnav_a::before{
	background-image: url(../../img/common/nav_about.svg);	
}
.gnav_li_floor .gnav_a::before{
	background-image: url(../../img/common/nav_floor.svg);	
}
.gnav_li_use .gnav_a::before{
	background-image: url(../../img/common/nav_use.svg);	
}
.gnav_li_access .gnav_a::before{
	background-image: url(../../img/common/nav_access.svg);	
}
.gnav_li_contact .gnav_a::before{
	background-image: url(../../img/common/nav_contact.svg);	
}

#b-home .gnav_li_home .gnav_a::before,
.b-about .gnav_li_about .gnav_a::before,
.b-floor .gnav_li_floor .gnav_a::before,
.b-use .gnav_li_use .gnav_a::before,
.b-access .gnav_li_access .gnav_a::before,
.b-contact .gnav_li_contact .gnav_a::before{
	opacity: 0.4;
}


/* 本アップ用トップページ専用の設定 */
.b-home2 #header_nav{
	max-width: 1200px;
	width: 90vw;
	margin: 0 auto;
}
.b-home2 #header_nav.fix{
	width:100%;
	max-width: none;
}
.b-home2 .gnav_li.gnav_li_home{
	border-left: none;
}
.b-home2 .gnav_li.gnav_li_home .gnav_a{
	display: none;
}


@media screen and (min-width: 768px) { /**** tablet以上 ****/

	#header_nav_wrap{
		height: 260px;
	}
	#header_nav{
		height: 260px;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-start;
	}
	#header_nav.fix{
		position: fixed;
		left: 0;
		top:-280px;
		z-index: 400;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
		transition: all 0.3s ease-out;
	}
	#header_nav.fix.active{
		top:0;
	}

	.global_nav{
		margin: 28px 24px;
		max-width:433px;
		width: 40vw;
	}
	.gnav_a{
		height: 198px;
		background-size: 22px 22px;
		background-position: 50% 0;
		opacity: 1;
		transition: all 0.2s ease-out;
	}
	.gnav_a::before{
		background-size: 26px 161px;
		background-position: 50% 34px;
	}
	.gnav_a:hover{
		opacity: 0.4;
	}
	#b-home .gnav_li_home .gnav_a:hover,
	.b-about .gnav_li_about .gnav_a:hover,
	.b-floor .gnav_li_floor .gnav_a:hover,
	.b-use .gnav_li_use .gnav_a:hover,
	.b-access .gnav_li_access .gnav_a:hover,
	.b-contact .gnav_li_contact .gnav_a:hover{
		opacity: 1;
	}

	.sns_link{
		margin: 10px 2.5vw;
		width:70px;
		display: flex;
	}
	.b-home2 .sns_link{
		margin-left: 0;
	}
	.sns_link li{
		flex-grow: 1;
	}
	.sns_link li a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
	}
	.sns_link li a .fa{
		font-size: 24px;
		color: #807F80;
		transition: color 0.2s;
	}
	.sns_link li a .fa.fa-facebook{
		font-size: 22px;
	}
	.sns_link li a:hover .fa{
		color: #ccc;
	}

}
@media screen and (min-width: 1000px) { /******   PC以上  ******/

	#header_nav{
/*		transition: all 0.5s ease-in-out;*/
	}
	#header_nav.fix{
		height: 150px;
		top:-280px;
		justify-content:flex-start;
		transition: all 0.5s ease-in-out;
	}
	#header_nav.fix_pc{
		top:0px;
	}

	.global_nav{
		margin-right: 54px;
	}
/* 本アップ用トップページ専用の設定 */
	.b-home2 .global_nav{
		margin-right: 0;
	}

	#header_nav.fix	.global_nav{
		margin: 15px 24px 15px 0;
		max-width:373px;
		width: 30vw;
	}
	#header_nav.fix	.gnav_a{
		height: 120px;
		background-size: 18px 18px;
	}
	#header_nav.fix	.gnav_a::before{
		background-size: 16px 100px;
		background-position: 50% 20px;
	}
	#header_nav.fix	.sns_link{
		margin: 15px 1.5vw;
		width:60px;
	}
	#header_nav.fix	.sns_link li a{
		height: 30px;
	}
	#header_nav.fix	.sns_link li a .fa{
		font-size: 20px;
	}

/* popup */

	.popup_nav {
		position: absolute;
		top: 205px;
		right: -82px;
		width: 200px;
		padding: 20px;
		z-index: 999;
		background-color: rgba(255,255,255,0.95);
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-out;
	}
	#header_nav.fix	.popup_nav {
		top: 130px;
		right: -88px;
	}
	.gnav_li:hover .popup_nav {
		visibility: visible;
		opacity: 0.95;
		overflow: visible;
	}

	.pnav_li {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.pnav_li a {
		display: block;
		padding: 0.4em;
		margin-top: 0.4em;
		width: auto;
		height: auto;
		color: #949495;
		text-align: center;
		border-bottom: solid 1px rgba(159,160,160,0);
		transition: all 0.2s;
	}
	.pnav_li a:hover {
		border-bottom: solid 1px rgba(159,160,160,1.00);
	}


}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	/* popup */

	.popup_nav {
		display: none;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#header_nav_wrap{
	}
	#header_nav{
		position: fixed;
		left: 0;
		top:-380px;
		height: 360px;
		z-index: 400;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
		transition: all 0.3s ease-out;
	}
	#header_nav.active{
		top:0;
	}

	/* 本アップ用トップページ専用の設定 */
	.b-home2 #header_nav{
		width:100%;
		max-width: none;
	}
	.b-home2 .gnav_li.gnav_li_home{
		border-left: solid 1px #A4A4A5;
	}
	.b-home2 .gnav_li.gnav_li_home .gnav_a{
		display: block;
	}

	.global_nav{
		margin: 70px auto 22px;
		max-width:360px;
		width: 80vw;
	}
	.gnav_a{
		height: 168px;
		background-size: 21px 21px;
		background-position: 50% 0;
	}
	.gnav_a::before{
		background-size: 21px 130px;
		background-position: 50% 30px;
	}

	.sns_link{
		margin: 0 auto;
		max-width:360px;
		width: 80vw;
	}
	.sns_link li{
	}
	.sns_link li a{
		display: flex;
		justify-content:flex-start;
		align-items: center;
		width: 120px;
		height: 32px;
		background: 100% 50% no-repeat;
		background-size: 82px 15px;
	}
	.sns_link li.sns_link_fb a{
		background-image: url(../../img/common/nav_fb.svg);
	}
	.sns_link li.sns_link_insta a{
		background-image: url(../../img/common/nav_insta.svg);
	}
	.sns_link li a .fa{
		font-size: 21px;
		color: #807F80;
		transition: color 0.2s;
	}
	.sns_link li a .fa.fa-facebook{
		font-size: 19px;
	}

}




/* #contact_nav *************************************/

@media screen and (min-width: 768px) { /**** tablet以上 ****/

	
	#contact_nav{
		position: fixed;
		right:0;
		bottom:30px;
		width: 48px;
	    height: auto;
		z-index:300;
		transition: all 0.5s ease-out;

	}
	#contact_nav li a{
		display: block;
		width: 100%;
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-color: #fff;
		border-top: solid 1px #000;
		border-left: solid 1px #000;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		transition: all 0.2s ease-out;
	}
	#contact_nav li.cnav_contact a{
		height: 140px;
		background-image: url(../../img/common/btn_contact.svg);
		background-size: 30px 112px;
	}
	#contact_nav li.cnav_pagetop a{
		height: 184px;
		border-bottom: solid 1px #000;
		background-image: url(../../img/common/btn_pagetop.svg);
		background-size: 30px 156px;
	}
	#contact_nav li a:hover{
		background-color: #eee;
	}


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/


	#contact_nav{
		position:fixed !important;
		bottom:0;
		left:0;
		width:100%;
		height:36px;
		background-color:#fff;
		z-index:400;
		display: flex;
	}
	#contact_nav li{
		flex-grow: 1;
		border-top: solid 1px #000;
	}
	#contact_nav li.cnav_pagetop{
		border-left: solid 1px #000;
	}
	#contact_nav li a{
		display: block;
		width: 100%;
		height: 100%;
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	#contact_nav li.cnav_contact a{
		background-image: url(../../img/common/btn_contact_sp.svg);
		background-size: 103px 18px;
	}
	#contact_nav li.cnav_pagetop a{
		border-bottom: solid 1px #000;
		background-image: url(../../img/common/btn_pagetop_sp.svg);
		background-size: 142px 18px;
	}

}







/****************************************************************************
#content_header
****************************************************************************/

#content_header{
	max-width: 1100px;
	width: 90vw;
	margin: 0 auto;
}
.b-home2 #content_header{
	max-width: 1200px;
}

.content_title{}
.content_nav{}
.cntnav_li{}
.cntnav_li a{}


.content_title{
	width: 50vw;
	height: 52px;
}
.b-movie .content_title{
	height: 290px;
}
.b-movie#b-movie_entry .content_title{
	height: 220px;
}
.content_title img{
	height: 100%;
}
#b-home .content_title{
	height: auto;
	max-height: 25px;
	padding-left: 20px;
}
#b-home .content_title img.canvas_name_logo{
	max-height: 25px;
	padding: 0 10px 10px 0; 
	display: inline-block;
	vertical-align: middle;
}
#b-home.b-home2 .content_title{
	height: auto;
	max-height: 22px;
	padding-left: 0;
}
#b-home.b-home2 .content_title img.canvas_name_logo{
	max-height: 22px;
	padding: 0 10px 10px 0; 
}


.content_nav{
	margin-top: 24px;
	width: 50vw;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.cntnav_li{
	font-size: 1.2rem;
	margin-right: 1em;
}
.cntnav_li a{
	display: block;
	padding: 0.2em;
	margin-top: 0.2em;
	width: auto;
	height: auto;
	color: #949495;
}
#b-home .content_nav{
	padding-left: 20px;
	margin-top: 14px;
}
#b-home .cntnav_li{
	font-size: 1.8rem;
	line-height: 1.8;
	padding-right: 2vw;
}
#b-home.b-home2 .content_nav{
	padding-left: 0;
	margin-top: 8px;
}
#b-home.b-home2 .cntnav_li{
	font-size: 1.4rem;
	line-height: 1.8;
}




@media screen and (min-width: 768px) { /**** tablet以上 ****/

	#content_header{
		margin-top:-260px;
		padding: 28px 0 34px;
		height: 198px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
	}
	#b-home #content_header{
		height: auto;
		padding: 40px 0 20px;
	}
	#b-home.b-home2 #content_header{
		padding: 60px 0 2px;
		height: 198px;
		justify-content: flex-start;
	}
	#b-home.b-home2 .cntnav_li{
		max-width: 40em;
	}

	.b-news .content_nav .btn_back_newsindex,
	.b-report .content_nav .btn_back_reportindex{
		margin-top: 50px;
		margin-bottom: -50px;
	}

	.b-movie #content_header{
		margin-top:-140px;
		margin-bottom: -120px;
	}
	.b-movie#b-movie_entry #content_header{
		margin-top:-160px;
		margin-bottom: -100px;
	}

}
@media screen and (min-width: 1000px) { /******   PC以上  ******/

	#content_header.fix,
	#b-home #content_header.fix,
	.b-movie#b-movie_entry #content_header.fix{
		margin-top:0;
		padding: 15px 0 15px 140px;
		height: 120px;
		width: auto;
		position: fixed;
		left: 0;
		top:-280px;
		z-index: 400;
		background-image: url(../../img/common/logo_canvas.svg);
		background-position: 26px 27px;
		background-repeat: no-repeat;
		background-size: 86px 102px;
		transition: all 0.5s ease-out;
	}
	#content_header.fix .content_title{
		height: 32px;
		padding-bottom: 12px;
	}
	.b-movie #content_header.fix .content_title{
		height: 90px;
		padding-bottom: 6px;
	}
	#content_header.fix_pc,
	#b-home #content_header.fix_pc,
	.b-movie#b-movie_entry #content_header.fix_pc{
		top:0px;
	}

	#content_header.fix .content_nav{
		margin-top: 0;
	}
	.cntnav_li a{
		border-bottom: solid 1px rgba(159,160,160,0);
		transition: all 0.2s;
	}
	.cntnav_li a:hover{
		border-bottom: solid 1px rgba(159,160,160,1.00);
	}

	#b-home #content_header.fix .content_title,
	#b-home #content_header.fix .content_nav{
		display: none;
	}
	.b-news #content_header.fix .content_nav .btn_back_newsindex,
	.b-report #content_header.fix .content_nav .btn_back_reportindex{
		margin-top: 10px;
		margin-bottom: 4px;
	}
	.b-news #content_header.fix .content_nav .btn_more.btn_back_newsindex a,
	.b-report #content_header.fix .content_nav .btn_more.btn_back_reportindex a{
		width: 150px;
		height: 24px;
	}

}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	.b-movie #content_header{
		margin-top:-180px;
		margin-bottom: -80px;
	}

	.content_title{
		height: 46px;
	}
	.b-movie .content_title,
	.b-movie#b-movie_entry .content_title{
		height: 210px;
	}
	#b-home .content_title{	
		width: 40vw;
		padding-left: 10px;
		white-space: nowrap;
	}
	#b-home .content_title img.canvas_name_logo{
		max-height: 18px;
	}
	#b-home .content_nav{
		padding-left: 10px;
		margin-top: 10px;
	}
	#b-home .cntnav_li{
		font-size: 1.6rem;
		line-height: 1.8;
		padding-right: 2vw;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#content_header{
		margin-top: 20px;
	}
	#b-home #content_header,
	#b-home.b-home2 #content_header{
		margin-top: 30px;
	}
	.b-movie #content_header{
		margin-top: 20px;
		margin-bottom: -30px;
	}


	.content_title,
	#b-home .content_title,
	#b-home.b-home2 .content_title{	
		width: 100%;
		box-sizing: border-box;
		height: 22px;
	}
	#b-home .content_title img.canvas_name_logo,
	#b-home.b-home2 .content_title img.canvas_name_logo{
		max-height: 18px;
	}
	.b-movie .content_title,
	.b-movie#b-movie_entry .content_title{
		height: 130px;
	}

	.content_nav{
		width: 100%;
		margin-top: 10px;
	}
	.b-news .content_nav,
	.b-report .content_nav{
		margin-top: 30px;
	}
	#b-home.b-home2 .cntnav_li{
		margin-right: 0;
	}
	.cntnav_li a{
		font-size: 1.0rem;
	}
	#b-home .cntnav_li,
	#b-home.b-home2 .cntnav_li{
		padding-right: 0;
	}

}


/****************************************************************************
#content
****************************************************************************/

#content{
	max-width: 1000px;
	width: 84vw;
	margin: 0 auto;
	padding-top: 78px;
	line-height: 1.5;
}
#b-home #content{
	padding-top: 10px;
}

#b-home .content{
	max-width: 1100px;
	width: 90vw;
	margin: 0 auto;
	line-height: 1.5;
}
#b-home.b-home2 .content{
	max-width: 1200px;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#content{
		padding-top: 33px;
		width: 90vw;
	}
	#b-home #content{
		padding-top: 10px;
	}

}

/****************************************************************************
■ ブログコンテンツ　記事一覧（２段組み） ■
#content.content_2clm
****************************************************************************/

#content.content_2clm{
	max-width: 1100px;
	width: 90vw;
	margin: 0 auto;
}
.content_2clm .section_main{
	width: calc(100% - 220px);
	float: left;
}
.b-report .content_2clm .section_main,
.b-movie .content_2clm .section_main{
	width: calc(100% - 205px);
}
.content_2clm .section_side{
	width: 130px;
	float: right;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/

	.b-news .content_2clm .section_main{
		min-height: 1000px;
	}

}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	.content_2clm .section_main,
	.b-report .content_2clm .section_main,
	.b-movie .content_2clm .section_main{
		width: 100%;
		float: none;
		margin-top: 50px;
	}
	.content_2clm .section_side{
		width: 100%;
		float: none;
	}
	#section_archiveindex{
		margin-top:30px;
	}
	
}

.label_tagindex{
	height: 18px;
	margin: 10px 0 25px;
}
.label_tagindex img{
	height: 100%;
}

#section_archiveindex{
	margin-top:35px;
}
.archivelist_item{
}

.archivelist_item a{
	display: inline-block;
	padding: 2px;
	margin: 2px;
	font-size:1.2rem;
	line-height: 1;
	border-bottom: solid 1px rgba(159,160,160,0);
	transition: all 0.2s;
}
.archivelist_item a:hover{
	border-bottom: solid 1px rgba(159,160,160,1.00);
}


@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#section_tagindex .taglist,
	#section_archiveindex .archivelist{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.archivelist_item a{
		margin: 3px 20px 3px 0;
		font-size:1.4rem;
		line-height: 1;
	}

}

.btn_more_readarticle span{
	margin-top: -36px;
	margin-right: -40px;
}
.btn_more_readarticle span{
	width: 117px;
	height: 25px;
	border: solid 1px #a4a4a5;
	background:#fff url(../../img/common/btn_more_readarticle@2x.png) 50% 50% no-repeat;
	background-size: 92px auto;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
@media screen and (max-width: 479px) { /** SP専用 **/

	.btn_more_readarticle span{
		margin-top: -30px;
		margin-right: -20px;
	}
	.btn_more_readarticle span{
		width: 105px;
		height: 23px;
		background-size: 83px auto;
	}

}







/****************************************************************************
■ ブログコンテンツ　記事個別ページ ■
#content.content_entry
****************************************************************************/

.news_entry{
	padding: 12px;
	border: solid 1px #676768;
}
@media screen and (min-width: 1000px) { /******   PC以上  ******/
	.news_entry{
		margin: 0 2vw;
	}
}
.news_entry .entry_text{
	padding:4.5vw 2.5vw;
}

.section_footer_nav{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width:430px;
	margin: 50px auto;
}


/* YouTube　記事個別ページ  **************************************/
/* .mute_control ***********/

@media screen and (min-width: 768px) { /* PC */
	.entry_movie .mute_control {
		display: none;
	}

	#header .mute_control {
		position: absolute;
		left: 10px;
		bottom: 0;
	}
	#header .mute_control ul {
		width: auto;
		display:flex;
		justify-content: flex-start;
	}
	#header .mute_control ul li {
		width: 44px;
	}
	#header .mute_control ul li button {
		width: 44px;
		height: 40px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		-webkit-appearance: none;
			 -moz-appearance: none;
						appearance: none;
		font-size: 2rem;
		color: #fff;
	}

}

@media screen and (max-width: 767px) {
	.mute_control ul {
		width: auto;
		display:flex;
		justify-content: flex-start;
	}
	.mute_control ul li {
		width: 44px;
	}
	.mute_control ul li button {
		width: 44px;
		height: 40px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		-webkit-appearance: none;
			 -moz-appearance: none;
						appearance: none;
		font-size: 2rem;
		color: #707070;
	}
}






/****************************************************************************
■ HOME #b-home ■
.content
****************************************************************************/

.btn_dl{
	width: 165px;
	height: 26px;
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.btn_dl{
		display: none;
	}
}

/* OPENイベント後　本アップ用 */
/* お知らせ・レポート・交流館だより *****************************/

#home_recent{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 30px;
}
#home_news{
/*	max-width: 672px;*/
	width: auto;
}
#home_news_sub{
	min-width: 350px;
	margin-top: 85px;
	margin-left: 100px;
}
#home_report{
	padding: 4px;
	background: url(../../img/common/bg_slant.png) 0 0 repeat;
}
#home_report_inner{
	padding: 24px 20px;
	background:#fff;
}

#home_bnr_kokonara{
	padding-top: 24px;
}
#home_bnr_kokonara a{
	display: block;
	transition: all 0.3s ease-out;
}
#home_bnr_kokonara a:hover{
	background-color: rgba(255,137,37,0.10);
}

#home_letter{
	padding-top: 4px;
	background: url(../../img/common/bg_slant.png) 0 0 repeat-x;
}
#home_letter .section_inner{
	padding: 24px 0 80px;
	background:#fff;
}

@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#home_recent{
		flex-direction: column;
		justify-content:flex-start;
		align-items: stretch;
	}
	#home_news{
		max-width:none;
	}
	#home_news_sub{
		width: auto;
		min-width:inherit;
		margin-top: 20px;
		margin-left: 0;
	}
	#home_report{
	}

}

.home_section_label{
	height: 32px;
	width: auto;
	margin-bottom: 30px;
}
.home_section_label img{
	height: 100%;
}
#home_news_label.home_section_label{
	margin-bottom: 14px;
}
#home_report_label{
	height: 22px;
	width: auto;
	margin-left: 10px;
	margin-bottom: 20px;
}
#home_letter_label{
	padding:0 10px;
}
#home_letter_label span{
	display: inline-block;
	padding-left: 24px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #00913a;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	#home_letter_label span{
		display: block;
		padding-left: 0;
		padding-top: 5px;
		font-size: 1.2rem;
	}
}

#index_news_body .entrylist{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -27px;
	margin-right: -27px;
}
@media screen and (min-width: 1000px) { /******   PC以上  ******/
	#section_entryindex #index_news_body .entrylist{
		margin-top: -27px;
	}
}
#index_report_body .entrylist{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
#home_report_body .entrylist{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items:stretch;
}
#index_letter_body .entrylist{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -18px;
	margin-right: -18px;
	margin-bottom: 15px;
}

#index_news_body .entrylist_item{
	width: calc(100% / 3 - 10px);
	margin: 5px;
	padding: 0;
	box-sizing: border-box;
	background: url(../../img/common/bg_slant.png) 0 0 repeat;
	transition: all 0.2s ease-out;
}
#index_news_body .entrylist_item a.entry_link{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 22px;
	background: #fff;
	transition: all 0.2s ease-out;
}
.b-news #index_news_body .entrylist_item a.entry_link{
	padding: 26px;
}

#index_report_body .entrylist_item{
	width: calc(100% / 3 - 30px);
	margin: 20px 15px;
	padding: 3px;
	box-sizing: border-box;
	background: url(../../img/common/bg_slant.png) 0 0 repeat;
	transition: all 0.2s ease-out;
}
#index_report_body .entrylist_item a.entry_link{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 22px;
	background: #fff;
	transition: all 0.2s ease-out;
}

#home_report_body .entrylist_item{
}
#home_report_body .entrylist_item a.entry_link{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 15px 10px;
	background-color:rgba(0,0,0,0);
	transition: all 0.2s ease-out;
}

#index_letter_body .entrylist_item{
	width: calc(100% / 6 - 24px);
	margin: 12px;
	padding: 0;
	box-sizing: border-box;
	background: url(../../img/common/bg_slant.png) 0 0 repeat;
	transition: all 0.2s ease-out;
}
@media screen and (min-width: 1000px) { /******   PC以上  ******/
	.b-letter #index_letter_body .entrylist_item{
		width: calc(100% / 6 - 16px);
		margin: 8px;
	}
}
#index_letter_body .entrylist_item a.entry_link{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 18px;
	background: #fff;
	transition: all 0.2s ease-out;
}
@media screen and (max-width: 999px) { /****** tablet以下 ******/
	#index_letter_body .entrylist_item{
		width: calc(100% / 5 - 10px);
		margin: 5px;
	}
	#home_letter #index_letter_body .entrylist_item:nth-child(6){
		display: none;
	}
}


@media screen and (min-width: 1000px) { /******   PC以上  ******/
	#index_news_body .entrylist_item:hover{
		padding: 4px;
	}
	#index_news_body .entrylist_item:hover a.entry_link{
		padding: 18px;
		background-color:#f6f6f6;
	}
	.b-news #index_news_body .entrylist_item:hover a.entry_link{
		padding: 22px;
	}
	#index_report_body .entrylist_item a.entry_link:hover{
		background-color:#f3f3f3;
	}
	#home_report_body .entrylist_item a.entry_link:hover{
		background-color:rgba(0,0,0,0.04);
	}
	#index_letter_body .entrylist_item:hover{
		padding: 4px;
	}
	#index_letter_body .entrylist_item:hover a.entry_link{
		padding: 14px;
		background-color:#f6f6f6;
	}
}
@media screen and (min-width: 768px) { /**** tablet以上 ****/
	#index_report_body .entrylist{
		margin-top: -40px;
		margin-bottom: 180px;
		align-items: flex-start;
	}
	#index_report_body .entrylist_item:nth-child(3n+1){
		margin-top: 80px;
		margin-bottom: -80px;
	}
	#index_report_body .entrylist_item:nth-child(3n+2){
		margin-top: 160px;
		margin-bottom: -160px;
	}
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	#index_news_body .entrylist_item{
		width: calc(100% / 2 - 10px);
	}
	.b-home2 #index_news_body .entrylist_item:nth-child(5),
	.b-home2 #index_news_body .entrylist_item:nth-child(6){
		display: none;
	}
	#index_report_body .entrylist_item{
		width: calc(100% / 2 - 30px);
	}

	#index_letter_body .entrylist_item{
		width: calc(100% / 2 - 10px);
		margin: 5px;
	}
	#home_letter #index_letter_body .entrylist_item:nth-child(6),
	#home_letter #index_letter_body .entrylist_item:nth-child(5),
	#home_letter #index_letter_body .entrylist_item:nth-child(4),
	#home_letter #index_letter_body .entrylist_item:nth-child(3){
		display: none;
	}
}
@media screen and (max-width: 479px) { /** SP専用 **/
	.home_section_label{
		height: 28px;
		margin-bottom: 14px;
	}
	#home_news_label{
		margin-left: 10px;
	}

	#index_news_body .entrylist{
		margin-left: -10px;
		margin-right: -10px;
	}
	#index_news_body .entrylist_item a.entry_link{
		padding: 10px;
	}

	#index_report_body .entrylist{
		margin-left: -10px;
		margin-right: -10px;
	}
	#index_report_body .entrylist_item{
		width: calc(100% / 2 - 20px);
		margin: 20px 10px;
	}
	#index_report_body .entrylist_item a.entry_link{
		padding: 10px;
	}

}

.entry_date{
	padding: 3px 0;
	font-size: 1.1rem;
	line-height: 1;
	color: #4F4C4B;
}
#index_news_body .entry_date{
	color: #E77610;
	text-align: right;
}
#index_letter_body .entry_date{
	color: #868687;
	text-align: left;

}

.entry .entry_date{
	font-size: 1.8rem;
	line-height: 1;
}
.news_entry .entry_date{
	color: #E77610;
}
.report_entry .entry_date{
	text-align: right;
	padding-bottom: 5px;
}
.movie_entry .entry_date{
	font-size: 1.4rem;
}

.entry_img,
.entry_img2{
	position: relative;
}
.entry .entry_img img{
	width: 100%;
	max-height: 560px;
	object-fit: cover;
}
#index_news_body .entrylist_item .entry_img,
#index_report_body .entrylist_item .entry_img{
	overflow: hidden;
}
#index_news_body .entrylist_item .entry_img img,
#index_report_body .entrylist_item .entry_img img{
	margin-top: -10px;
	margin-bottom: -10px;
}
#index_letter_body .entrylist_item .entry_img{
	padding-bottom: 3px;
}
#index_letter_body .entrylist_item .entry_img img{
	border: solid 1px #bbbcbc;
}

.entry_img2:before {
    content: "";
    display: block;
    padding-top: 70.71%;/* 297:210 */
}
.entry_img2 img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}

#home_report_body .entry_img{
	width: 96px;
	height: auto;
	padding-right: 10px;
	float: left;
}
#home_report_body .entry_img2{
	width: 106px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#home_report_body .entry_img2 img{
	width: 106px;
	height: 75px;
	object-fit: cover;
}

.entry_img .entry_cat,
.entry_img2 .entry_cat{
	position: absolute;
	top: 5px;
	left: 5px;
	width:52px;
	height: 52px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.entry_img .entry_cat.cat_event,
.entry_img2 .entry_cat.cat_event{
	background-image: url(../../img/common/icn_cat_event@2x.png);
}
.entry_img .entry_cat.cat_info,
.entry_img2 .entry_cat.cat_info{
	background-image: url(../../img/common/icn_cat_info@2x.png);
}
.entry_img .entry_cat.cat_pickup,
.entry_img2 .entry_cat.cat_pickup{
	background-image: url(../../img/common/icn_cat_pickup@2x.png);
}
@media screen and (max-width: 479px) { /** SP専用 **/
	.entry_img .entry_cat,
	.entry_img2 .entry_cat{
		top: 3px;
		left: 3px;
		width:42px;
		height: 42px;
	}
}

.news_entry .entry_img .entry_cat{
	position: absolute;
	top:auto;
	bottom: -40px;
	left: -40px;
	width:200px;
	height: 200px;
}
.news_entry .entry_img .entry_cat.cat_event{
	background-image: url(../../img/common/icn_cat_event_l@2x.png);
}
.news_entry .entry_img .entry_cat.cat_info{
	background-image: url(../../img/common/icn_cat_info_l@2x.png);
}
.news_entry .entry_img .entry_cat.cat_pickup{
	background-image: url(../../img/common/icn_cat_pickup_l@2x.png);
}
@media screen and (max-width: 999px) { /****** tablet以下 ******/
	.news_entry .entry_img .entry_cat{
		bottom: -20px;
		left: -4vw;
		width:20vw;
		height:20vw;
	}
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.news_entry .entry_img .entry_cat{
		bottom: -10px;
		left: -5vw;
		width:18vw;
		height:18vw;
	}
}

.entry_title{
	padding: 10px 0;
	line-height: 1.4;
	color: #4F4C4B;
	font-weight: bold;
}
#index_news_body .entry_title{
	color: #00913A;
}
#home_report_body .entry_title{
	padding: 0 0 6px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#index_letter_body .entry_title{
	padding: 0 0 4px;
	color: #00913A;
}
.movlist_item_body .entry_title{
	padding: 8px 0 5px;
}
.entry .entry_title{
	font-size: 2.7rem;
	line-height: 1.4;
	font-weight: bold;
}
.news_entry .entry_title{
	color: #00913a;
}
.report_entry .entry_title{
	padding: 20px 0 10px;
}
.movie_entry .entry_title{
	padding: 20px 0 0;
}

.entry_body{
	color: #3E3A39;
}
#index_news_body .entry_body{
	font-size: 1.3rem;
	line-height: 1.5;
	color: #036EB7;
}
#index_report_body .entry_body{
	font-size: 1.3rem;
	line-height: 1.5;
}
#home_report_body .entry_body{
	font-size: 1.2rem;
	line-height: 1.4;
}
.entry .entry_body{
	padding-top:3.2vw;
/*	font-size: 1.7rem;*/
	line-height: 1.82;
}
.report_entry .entry_body{
	padding:4vw 3.5vw;
}
.entry .entry_body p + p{
	padding-top: 16px;
}

.entry_body_imgbox{
}
.entry .entry_body .mt-image-center,
.entry .entry_body .entry_body_img{
	display: block;
	margin: 40px auto 20px !important;
	width: 100%;
	max-width: 780px;
	text-align: center;
}
.entry .entry_body blockquote,
.entry .entry_body .entry_body_img_caption{
	margin: 0 auto 20px;
	padding-top: 0;
	width: 100%;
	max-width: 780px;
	font-size: 1.2rem;
	line-height: 1.4;
}







@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.entry .entry_date{
		padding-top: 10px;
		font-size: 1.4rem;
		line-height: 1;
	}
	.entry .entry_title{
		font-size: 2.0rem;
		line-height: 1.4;
	}
	.entry .entry_body{
		font-size: 1.4rem;
		line-height: 1.82;
	}

}
@media screen and (max-width: 479px) { /** SP専用 **/

	#index_news_body .entry_title,
	#index_report_body .entry_title{
		font-size: 1.4rem;
	}
	#index_news_body .entry_body,
	#index_report_body .entry_body{
		font-size: 1.2rem;
		line-height: 1.4;
	}

}



.entry_eventinfo{
	margin-top: 50px;
}
.label_eventinfo{
	padding-bottom: 4px;
	margin-bottom: 15px;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: solid 1px #9FA0A0;
}


.entry_tags{
	padding: 5px 0;
}
.entry .entry_tags{
}
.news_entry .entry_tags{
	padding: 40px 0 0;
}
.entry_tag{
	display: inline-block;
	padding:4px 7px 3px;
	margin: 2px;
	font-size: 1.1rem;
	line-height: 1;
	color: #4F4C4B;
	border: dashed 1px #ccc;
}
.movlist_item_info .entry_tag{
	padding:3px 8px 2px;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	background-color: #888;
	border: none;
	border-radius: 8px;
}

.taglist_item .entry_tag,
.entry .entry_tag{
	padding:6px 10px 5px;
	font-size: 1.2rem;
	line-height: 1;
	background-color:rgba(0,0,0,0);
	transition: all 0.2s;
}
.entry .entry_tag{
	margin: 4px;
}
.b-movie .taglist_item .entry_tag,
.b-movie .section_label_blog .entry_tag,
.b-movie .entry .entry_tag{
	color: #888;
	background-color: #fff;
	padding:5px 12px 3px;
	border: none;
	border-radius: 10px;
}
.b-movie .entry .entry_tag{
	color: #fff;
	background-color: #888;
	margin: 6px 4px;
}
@media screen and (min-width: 1000px) { /******   PC以上  ******/

	.taglist_item .entry_tag:hover,
	.entry .entry_tag:hover{
		background-color:rgba(0,0,0,0.04);
	}
	.b-movie .taglist_item .entry_tag:hover{
		color: #fff;
		background-color: #888;
	}
	.b-movie .entry .entry_tag:hover{
		color: #888;
		background-color: #fff;
	}

}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	.taglist_item .entry_tag{
		padding:6px 12px 5px;
		margin: 4px;
		font-size: 1.2rem;
		line-height: 1;
	}

}


#home_recent .btn_more{
	padding-top: 15px;
}

.archive_label_letter{
	display: inline-block;
	margin: 2em 0 1em -6px;
	padding: 0.5em 1.5em;
	font-size: 1.125em;
	font-weight: 700;
	color: #74706f;
	letter-spacing: 0.1em;
	background-color: #fff;
	position: relative;
}
.archive_label_letter::before{
	position: absolute;
	top: -4px;
	left: -4px;
	display: block;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	content: "";
	background: url(../../img/common/bg_slant.png) 0 0 repeat;
	z-index: -1;
}


/* YouTube  **************************************/

.content_wrap_gray{
	background-color: #E0E1E1;
	padding: 50px 0;
}
.b-movie .content_wrap_gray{
	background-color: #E0E1E1;
	padding: 30px 0;
}
@media screen and (max-width: 999px) { /****** tablet以下 ******/
	.content_wrap_gray{
		padding: 20px 0;
	}
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.b-movie .content_wrap_gray{
		padding: 20px 0;
	}
}

#home_movie{
	margin-bottom: -30px;
	padding-bottom: 70px;
	background:url(../../img/home/bg_youtube@2x.png) 20px 100% no-repeat;
	background-size: 70% auto;
}	
#content.content_2clm_movie{
	padding-top: 90px;
	padding-bottom: 90px;
	background-image:url(../../img/movie/bg_movie01@2x.png), url(../../img/movie/bg_movie02@2x.png);
	background-position:  15% 0, 10% 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: 68% auto, 80% auto;
}
@media screen and (min-width: 1000px) { /******   PC以上  ******/
	#b-movie_list #content.content_2clm_movie{
		background-position:  30% 70px, 10% 100%;
	}
}
#content.content_entry_movie{
	padding-top: 50px;
	padding-bottom: 90px;
	background-image:url(../../img/movie/bg_movie02@2x.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 80% auto;
}	

#home_movie_label{
	position: relative;
	width:100%;
	height: auto;
	margin-top: -80px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../img/home/label_youtube@2x.png) 0 0 no-repeat;
	background-size: 94% auto;
}
#home_movie_label::before {
    content: "";
    display: block;
    padding-top: 20%;
}

@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#home_movie{
		margin-bottom: 0;
		padding-bottom: 50px;
		background:url(../../img/home/bg_youtube_ta@2x.png) 0 100% no-repeat;
		background-size: 75% auto;
	}
	#content.content_2clm_movie{
		padding-top: 100px;
		padding-bottom: 90px;
		background-position:  50% 0, 50% 100%;
		background-size: 85% auto, 100% auto;
	}	
	#content.content_entry_movie{
		background-size: 100% auto;
	}	

	#home_movie_label{
		margin-top: -30px;
		background-image: url(../../img/home/label_youtube_ta@2x.png);
		background-size: 98% auto;
	}
	#home_movie_label::before {
		padding-top: 28%;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/


	#home_movie{
		padding-bottom: 70px;
		background-size: 100% auto;
	}
	#content.content_2clm_movie{
		padding-top: 80px;
		padding-bottom: 90px;
		background-image:url(../../img/movie/bg_movie01_sp@2x.png), url(../../img/movie/bg_movie02_sp@2x.png);
		background-size: 100% auto, 100% auto;
	}	
	#content.content_entry_movie{
		padding-top: 25px;
		padding-bottom: 70px;
		background-image:url(../../img/movie/bg_movie02_sp@2x.png);
		background-size: 100% auto;
	}	

	#home_movie_label{
		margin-top: -40px;
		background-image: url(../../img/home/label_youtube_sp@2x.png);
		background-size: 100% auto;
	}
	#home_movie_label::before {
		padding-top: 40%;
	}

}

/* .movlist **************************************/
.movlist {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.movlist_item {
	width: calc(calc(100% / 2) - 40px);
	padding: 4px;
	margin:15px 15px;
	background:#fff url(../../img/common/bg_slant.png) 0 0 repeat;
}
.movlist_item_inner{
	padding: 15px 15px 5px;
	background:#fff;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/

	.movlist {
		margin-left: -20px;
		margin-right: -20px;
	}
	.movlist_item {
		width: calc(calc(100% / 2) - 50px);
		padding: 4px;
		margin:24px 20px;
	}

	#home_movielist{
		align-items:flex-start;
	}
	#home_movielist .movlist {
		margin: 0 -10px;
	}
	#home_movielist .movlist_item {
		width: calc(calc(100% / 3) - 30px);
		margin-left:10px;
		margin-right:10px;
	  }
	#home_movielist .movlist_item:nth-child(1){
		margin-top: -10px;
	}
	#home_movielist .movlist_item:nth-child(2){
		margin-bottom: 10px;
	}
	#home_movielist .movlist_item:nth-child(3){
		margin-top: -25px;
	}

}
@media screen and (min-width: 768px) and (max-width: 999px) { /*** tabletのみ ***/
	#home_movielist{
		align-items:flex-start;
	}
	#home_movielist .movlist_item:nth-child(1){
		margin-top: -25px;
	}
	#home_movielist .movlist_item:nth-child(2){
		margin-top: 20px;
	}
	#home_movielist .movlist_item:nth-child(3){
		display: none;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	#home_movielist_item03{
		display: none;
	}
	.movlist_item {
		width: calc(calc(100% / 1) - 30px);
	}
}
@media screen and (min-width: 768px) { /**** tablet以上 ****/
	#index_movie_body .movlist{
		padding-bottom: 40px;
		align-items: flex-start;
	}
	#index_movie_body .movlist_item:nth-child(2n+1){
		margin-top: 80px;
		margin-bottom: -80px;
	}
}


.movlist_item_thumb {
}
.movlist_item_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  display: flex;
	justify-content: center;
	align-items: center;
}
.movlist_item_play {
	display: block;
	width:36px;
	height:36px;
  background:url(../../img/common/icn_play.svg) center no-repeat;
	background-size: contain;
	text-indent:-9999px;
	text-decoration: none;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/
	.movlist_item_mask {
		opacity: 0;
		overflow:visible;
		border:0px solid rgba(255,255,255,0.40);
		box-sizing:border-box;
		transition: all 0.4s ease-in-out;
	}
	.movlist_item_play {
		opacity:0;
		transform:scale(0,0);
		transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	}
	.movlist_item_thumb:hover .movlist_item_mask {
		 opacity:1;
		 border:18px solid rgba(255,255,255,0.40);
	}
	.movlist_item_thumb:hover .movlist_item_play {
		 opacity:1;
		 transform:scale(1,1);
		 transition-delay:0.1s;
	}
}
@media screen and (max-width: 999px) { /****** tablet以下 ******/
	.movlist_item_play {
		opacity:0.8;
	}
}

.movlist_item_body{
}

.movlist_item_info{
	margin:10px -6px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: nowrap;
}
.movlist_item_info .entry_date{
	padding: 3px 0;
}
.movlist_item_info .entry_tags{
	padding: 1px 0;
}

.movlist_info{
	margin:20px 0 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: nowrap;
}
.movlist_info .entry_date{
	margin-bottom: 8px;
}





/* スケジュール・利用案内 **************************************/

.fc-toolbar h2 {
	font-size: 2.2rem;
}

a.fc-event{
	color : #fff;
}

a.fc-event.eventcolor_orange{
	background-color:#E77610;
}
a.fc-event.eventcolor_green{
	background-color:#00913A;
}
a.fc-event.eventcolor_blue{
	background-color:#036EB7;
}
a.fc-event.eventcolor_brown{
	background-color:#7E5E53;
}

a.fc-event.reportcolor_orange{
	color:#E77610;
	background-color: #fff;
	border: solid 1px #E77610;
}
a.fc-event.reportcolor_green{
	color:#00913A;
	background-color: #fff;
	border: solid 1px #00913A;
}
a.fc-event.reportcolor_blue{
	color:#036EB7;
	background-color: #fff;
	border: solid 1px #036EB7;
}
a.fc-event.reportcolor_brown{
	color:#7E5E53;
	background-color: #fff;
	border: solid 1px #7E5E53;
}




/* SNS **************************************/

#home_info,
#home_sns{
	display:flex;
	justify-content: space-between;
	align-items: stretch;
}
#home_info{
	padding-top: 90px;
}
#home_schedule{
	width:calc(77% - 50px);
	margin-left: 50px;
}
#home_usage{
	width: 23%;
}

/*
#home_sns{
	max-width: 1040px;
	margin: 100px auto 40px;
}
#home_fb{
	width:calc(50% - 20px);
}
#home_insta{
	width:calc(50% - 20px);
	margin-left: 40px;
}
*/
#home_fb{
	width:calc(50% - 25px);
	max-width: 500px;
}
#home_insta{
	flex-grow: 1;
	width:calc(50% - 25px);
	margin-left: 50px;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/

	#home_info{
		flex-direction: row-reverse;
	}

}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#home_info{
		flex-direction: column;
		justify-content:flex-start;
		align-items: stretch;
	}
	#home_schedule{
		width: auto;
		margin-left: 0;
	}
	#home_usage{
		margin-top: 40px;
		width: auto;
	}

	#home_fb{
		width:calc(50% - 15px);
	}
	#home_insta{
		width:calc(50% - 15px);
		margin-left: 30px;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#home_sns{
		flex-direction: column;
		justify-content:flex-start;
		align-items: stretch;
		margin: 40px auto 40px;
	}
	#home_fb{
		margin-top: 20px;
		width: auto;
		height: 400px;
	}
	#home_insta{
		margin-top: 50px;
		width: auto;
		margin-left: 0;
	}

}

#home_usage_label{
	padding-left:3px;
	padding-right:3px;
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}
#home_usage_label .btn_more_detail{
	margin-bottom: -5px;
}

#home_usage_body{
	padding: 10px 22px 30px;
	background-color: rgba(0,0,0,0.05);
	border-radius: 13px;
}

#home_schedule_body{
	padding: 20px;
	height: calc(100% - 60px);
	box-sizing: border-box;
	border: solid 1px #7B7A7B;
}
#home_schedule_body_sp{
	display: none;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#home_schedule_body{
		display: none;
	}
	#home_schedule_body_sp{
		display: block;
		padding-bottom: 20px;
	}

}

.home_usage_list{}
.home_usage_list dt{
	padding-top: 20px;
	padding-bottom: 3px;
/*	font-size: 1.8rem;*/
	font-weight: bold;
}
.home_usage_list dd{
	font-size: 1.4rem;
}
.home_usage_list .btn_l_line.btn_l_line_mail a{
	width: 240px;
	height: 28px;
	margin-top: 6px;
}
#home_usage_list_address .map_googlemap{
	padding-top:6px;
	
}


#home_sns .home_section_label{
	height: 24px;
}
#home_sns .home_section_label .fa{
	font-size: 29px;
	color: #807F80;
	vertical-align: bottom;
}
#home_sns .home_section_label .fa.fa-facebook{
	font-size: 27px;
}
#home_sns .home_section_label img{
	padding-left: 8px;
}

#home_fb_body{
	height: calc(100% - 60px);
	box-sizing: border-box;
	border: solid 1px #7B7A7B;
}
.fb-page,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
	height: 100% !important;
}
#home_insta_body{
}

/* リンク **************************************/

.linklist{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: 2em;
}
.linklist_item{
	margin: 8px;
}

@media screen and (min-width: 768px) { /**** tablet以上 ****/

	.linklist_item{
		max-width: 366px;
	}
	.linklist_item a{
		display: block;
		background-color:rgba(236,236,236,0);
		transition: all 0.2s ease-out;
	}
	.linklist_item a:hover{
		background-color:rgba(236,236,236,1.00);
	}

}






/****************************************************************************
.section
****************************************************************************/


/* .effect1, .effect2 ********************/

.effect1 {
	margin-top: 30px;
	transition: .5s;
} 
.effect2 {
	transition: .5s;
	transition-delay: .2s;
}







/* section.section ********************/

.section + .section{
	margin-top:80px;
}

.section_label{
	position: relative;
	padding-bottom: 4px;
	margin-bottom: 50px;
	font-size: 3rem;
	line-height: 1.3;
	border-bottom: solid 1px #9FA0A0;
}
.section_label::before{
	position: absolute;
	left:-42px;
	top:4px;
	width: 27px;
	height: 27px;
	background: url(../../img/common/icn_about.svg) 50% 50% no-repeat;
	background-size: contain;
	content: "";
}
#b-floor .section_label::before{
	background-image: url(../../img/common/icn_floor.svg);
}
#b-use .section_label::before{
	background-image: url(../../img/common/icn_use.svg);
}
#b-access .section_label::before{
	background-image: url(../../img/common/icn_access.svg);
}
#b-contact .section_label::before{
	background-image: url(../../img/common/icn_contact.svg);
}

.section_label_blog{
	padding-bottom: 4px;
	margin-bottom: 50px;
	font-size: 1.6rem;
	line-height: 1.3;
	border-bottom: solid 1px #9FA0A0;
}
.section_label_blog img{
	height: 18px;
	width: auto;
	padding-right: 16px;
	vertical-align: middle;
}
.section_label_blog .entry_tag{
	padding:5px 12px 4px;
	margin: 2px;
	font-size: 1.4rem;
	line-height: 1;
	vertical-align: text-bottom;
}


.section_body + .section_body{
	padding-top:40px;
}
.sbody_narrow{
	padding-left:80px;
	padding-right:80px;
}
.sbody_middle{
	padding-left:40px;
	padding-right:40px;
}


@media screen and (max-width: 999px) { /****** tablet以下 ******/

	.section_label::before{
		left:-36px;
		top:5px;
		width: 25px;
		height: 25px;
	}
	.sbody_narrow{
		padding-left:4vw;
		padding-right:4vw;
	}
	.sbody_middle{
		padding-left:3vw;
		padding-right:3vw;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.section + .section{
		margin-top:60px;
	}

	.section_label{
		padding-bottom: 3px;
		margin-bottom: 30px;
		margin-left: 5px;
		font-size: 1.6rem;
		line-height: 1.3;
	}
	.section_label::before{
		left:-17px;
		top:2px;
		width: 14px;
		height: 14px;
	}

	.section_body + .section_body{
		padding-top:20px;
	}
	.sbody_narrow{
		padding-left:3vw;
		padding-right:3vw;
	}
	.sbody_middle{
		padding-left:2vw;
		padding-right:2vw;
	}


}








/* 　見出し類　 */






/* 　本文中の画像　 */

.fig_center,
.img_center{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.fig_right,
.img_right{
	display:inline-block;
	width:45%;
	margin-left:5%;
	margin-bottom:20px;
	float:right;
}
.fig_left,
.img_left{
	display:inline-block;
	width:45%;
	margin-right:5%;
	margin-bottom:20px;
	float:left;
}

.fig_right,
.fig_left{
	width:60%;
}

.fig_right.img_tate,
.img_right.img_tate,
.fig_left.img_tate,
.img_left.img_tate{
	width:37%;
}

.fig_bg_wht{
	padding: 10px 20px;
	background-color: #fff;
}

@media screen and (max-width: 969px) { /****** tablet以下 ******/

	.fig_right,
	.fig_left,
	.fig_right.img_tate,
	.fig_left.img_tate{
	width: 100%;
	box-sizing: border-box;
	float: none;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	}

	.fig_bg_wht{
		padding: 10px 5vw;
	}

}
@media screen and (max-width: 479px) { /* sp */
	.img_right,
	.img_left{
		width:57%;
	}
	.img_right.img_tate,
	.img_left.img_tate{
		width:45%;
	}
}

.fig_center img + img,
.img_center img + img,
.fig_right img + img,
.img_right img + img,
.fig_left img + img,
.img_left img + img,
.fig_right br + img,
.img_right br + img,
.fig_left br + img,
.img_left br + img{
	margin-top:5px;
}

.fig_center a + a,
.img_center a + a,
.fig_right a + a,
.img_right a + a,
.fig_left a + a,
.img_left a + a{
	display:inline-block;
	margin-top:5px;
}


.img_caption{
	padding-top:6px;
	text-align:center;
	font-size: 1.2rem;
}
.img_right .img_caption{
	text-align:right;
}
.img_left .img_caption{
	text-align:left;
}


.ta-right{
	text-align:right;
}
.ta-left{
	text-align:left;
}
.ta-center{
	text-align:center;
}


/* 　コンテンツボックス　 */

.bg_gray{
	background-color: #f0f0f0;
}
.box_line{
	margin: 10px 0;
	padding: 30px;
	border: solid 1px rgba(154,121,81,0.2);
}
.box_doubleline{
	margin: 10px 0;
	padding: 30px;
	border: double 4px rgba(154,121,81,0.2);
}
.box_gray{
	margin: 10px 0;
	padding: 20px;
	background-color: #f0f0f0;
}
.section_body .box_gray:first-child{
	margin-top: 0;
}
.box_dotline{
	margin: 10px 0;
	padding: 30px;
	border: dotted 3px #6BC3ED;
}
@media screen and (max-width: 479px) { /* sp */
	.box_line,
	.box_doubleline,
	.box_gray,
	.box_dotline{
		padding: 20px 5vw;
	}
}





/* 　ボタン類　 */

.btn_center{
  display: flex;
	justify-content: center;
}
.btn_left{
  display: flex;
	justify-content: flex-start;
}
.btn_right{
  display: flex;
	justify-content: flex-end;
}


.btn_l_line{
}
.btn_l_line a{
  display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0.4em 2em;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	background-color:#FFFFFF;
	border: solid 1px #4C4948;
	border-radius: 12px;
	transition: all 0.2s ease-out;
}
.btn_l_line.btn_l_line_s a{
	padding: 0.4em 1.6em;
	font-size: 1.4rem;
}
.btn_l_line a .btn_text{
	position: relative;
	display: inline-block;
	padding: 1px 0 0 30px;
}
.btn_l_line a .btn_text::before,
.btn_l_line a .btn_text::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn_l_line a .btn_text::before{
	width: 20px;
	height: 20px;
	background: #E60012;
}
.btn_l_line a .btn_text::after{
	left: 4px;
	width: 6px;
	height: 6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn_l_line.btn_l_line_mail a{
	width: 272px;
	height: 32px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:#fff url(../../img/common/btn_form.svg) 50% 50% no-repeat;
	background-size: 90% 90%;
}


.btn_more a{
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: 50% 50% no-repeat;
	background-size: contain;
/*	transition: all 0.2s;*/
	opacity: 1;
}
.btn_more.btn_backnumber a{
	width: 159px;
	height: 34px;
	background-image:url(../../img/letter/btn_backnumber@2x.png);
}
.btn_more.btn_more_read a{
	width: 125px;
	height: 32px;
	background-image:url(../../img/common/btn_readmore@2x.png);
}
.btn_more.btn_more_detail a{
	width: 130px;
	height: 30px;
	background-image:url(../../img/common/btn_detail@2x.png);
}
.btn_more.btn_more_see a{
	width: 154px;
	height: 34px;
	background-image:url(../../img/common/btn_seemore@2x.png);
}
.btn_more.btn_prev_page a{
	width: 132px;
	height: 32px;
	background-image:url(../../img/common/btn_prev_page@2x.png);
}
.btn_more.btn_next_page a{
	width: 132px;
	height: 32px;
	background-image:url(../../img/common/btn_next_page@2x.png);
}
.btn_more.btn_prev_entry a{
	width: 126px;
	height: 31px;
	background-image:url(../../img/common/btn_prev_entry@2x.png);
}
.btn_more.btn_next_entry a{
	width: 126px;
	height: 31px;
	background-image:url(../../img/common/btn_next_entry@2x.png);
}
.btn_more.btn_prev_report a{
	width: 127px;
	height: 31px;
	background-image:url(../../img/common/btn_prev_report@2x.png);
}
.btn_more.btn_next_report a{
	width: 128px;
	height: 31px;
	background-image:url(../../img/common/btn_next_report@2x.png);
}
.btn_more.btn_back_newsindex a{
	width: 197px;
	height: 31px;
	background-image:url(../../img/common/btn_back_newsindex@2x.png);
}
.btn_more.btn_back_reportindex a{
	width: 197px;
	height: 31px;
	background-image:url(../../img/common/btn_back_reportindex@2x.png);
}

.btn_area{
	padding: 0.8em 0;
}



@media screen and (min-width: 768px) { /**** tablet以上 ****/

	.btn_l_line a:hover{
		color: rgba(255,255,255,1);
		background-color:#4C4948;
	}
	.btn_l_line a:hover .btn_text::before{
		background: #fff;
	}
	.btn_l_line a:hover .btn_text::after{
		border-top: 3px solid #E60012;
		border-right: 3px solid #E60012;
	}

	.btn_l_line.btn_l_line_mail a:hover{
		background-color:#eee;
	}

	.btn_more a:hover{
		opacity: 0.5;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.btn_l_line a{
		border-radius: 8px;
	}
	.btn_l_line.btn_l_line_mail a{
		width: 185px;
		height: 22px;
	}

}




/* dt dd リスト */
dl.clear{
}

dl.clear dt{
	width:5em;
	float:left;
	clear:left;
}
dl.clear dd{
	margin-left:6em;
	padding-bottom:15px;
}

dl.clear.dl_info dt{
	width:6em;
	font-size: 2.4rem;
}
dl.clear.dl_info dd{
	margin-left:10em;
	padding-top: 6px;
	padding-bottom:36px;
}

dl.clear.dl_eventinfo dt{
	width:6em;
	font-weight: bold;
}
dl.clear.dl_eventinfo dd{
	margin-left:7em;
	padding-bottom:10px;
}


@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	dl.clear.dl_info dt{
		width:5em;
		font-size: 1.4rem;
	}
	dl.clear.dl_info dd{
		margin-left:6em;
		padding-top: 2px;
		padding-bottom:20px;
	}

	dl.clear.dl_eventinfo dd{
		margin-left:6em;
	}

}

dl.clear.underline{
	padding-bottom:0;
	margin-bottom:10px;
	border-bottom:solid 1px rgba(188,167,144,0.40);
}
dl.clear.underline dt,
dl.clear.underline dd{
	padding-top:4px;
	padding-bottom:4px;
	border-top:solid 1px rgba(188,167,144,0.40);
}
dl.clear.underline dt{
}
dl.clear.underline dd{
}
dl.clear.underline dt.firstChild,
dl.clear.underline dd.firstChild{
	border-top:none;
}




.list_ind,
.list_ind2{
	margin-bottom:10px;
}
.ind,
.list_ind li{
	padding-left:1em;
	text-indent:-1em;
}
.ind2,
.list_ind2 li{
	padding-left:2em;
	text-indent:-2em;
}
.list_ind li + li,
.list_ind2 li + li{
	margin-top:6px;
}
.list_ind li li,
.list_ind2 li li{
	margin-top:0;
}


/* table 表 **********************************************/


table {
    width: 100%;
/*    table-layout: fixed;*/
    border-collapse: collapse;
    border-spacing: 0;
}

table.table_underline tr {
    box-sizing: border-box;
    border-bottom: 1px solid #9FA0A0;
}
table.table_wht th,
table.table_underline th,
table.table_line th {
    z-index: -1;
    box-sizing: border-box;
    padding: 16px 2.3vw;
    text-align: left;
    vertical-align: top;
	font-weight: normal;
}
table.table_wht td,
table.table_underline td,
table.table_line td {
    box-sizing: border-box;
    padding: 16px 2.3vw;
    vertical-align: middle;
}
table.table_wht th,
table.table_wht td {
    padding: 16px 1vw;
}
table.table_wht thead th,
table.table_underline thead th,
table.table_line thead th {
    padding: 10px 1vw;
	font-size: 1.5rem;
	line-height: 1.2;
	vertical-align: middle;
	text-align: center;
}
@media screen and (min-width: 1000px) { /******   PC以上  ******/

	table.table_wht th,
	table.table_underline th,
	table.table_line th {
		padding: 16px 20px;
	}
	table.table_wht td,
	table.table_underline td,
	table.table_line td {
		padding: 16px 20px;
	}
	table.table_wht th,
	table.table_wht td {
		padding: 16px 10px;
	}
	table.table_wht thead th,
	table.table_underline thead th,
	table.table_line thead th {
		padding: 10px 10px;
	}

	table.table_genmen{
		font-size: 1.5rem;
	}

}

table.table_line tr {
    box-sizing: border-box;
    border-right: 1px solid #9FA0A0;
    border-top: 1px dashed #9FA0A0;
}
table.table_line.table_line2 tr {
    border-top: 1px solid #9FA0A0;
}
table.table_line tr:first-child{
    border-top: 1px solid #9FA0A0;
}
table.table_line tr:last-child{
    border-bottom: 1px solid #9FA0A0;
}
table.table_line th{
    border-left: 1px solid #9FA0A0;
}
table.table_line td{
    border-left: 1px solid #9FA0A0;
}
table.table_line.table_line2 td + td{
    border-left: 1px dashed #9FA0A0;
}
table.table_line.table_line2 th + th{
    border-left: 1px dashed #9FA0A0;
}


.nowrap{
	white-space:nowrap;
}
.table_notice{
	padding-top:6px;
	font-size: 1.5rem;
}

/* ご利用案内 */
.b-use table.table_underline th {
	color: #036EB7;
}
.b-use table.table_underline th.th_floor{
	padding: 26px 40px 26px 20px;
	font-size: 3.3rem;
	line-height: 1;
}
.areaname{
	white-space:nowrap;
	font-size: 1.7rem;
}
#fee table.table_underline td .ta-center,
#fixture table.table_underline td .ta-center {
	white-space:nowrap;
}
#fixture table.table_underline td .areaname {
	white-space:normal;
}
.b-use .table_notice{
	color: #036EB7;
}
.b-use .table_notice.black{
	color: #231815;
}



@media screen and (max-width: 999px) { /****** tablet以下 ******/

	/* SPとtabletで縦にする */
	table.table_underline_sp thead {
		display:none;
	}
	table.table_underline_sp tbody th {
		display:block;
	}
	table.table_underline_sp tbody td {
		display:block;
		padding: 6px 1vw;
	}
	table.table_underline_sp tbody td:first-child {
		padding-top: 18px;
	}
	table.table_underline_sp tbody td:last-child {
		padding-bottom: 18px;
	}
	table.table_underline_sp tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
	}
	table.table_underline_sp tbody td p {
		padding-left:6em;
		text-align: left;
	}

	/* ご利用案内 */
	.b-use table.table_underline th.th_floor{
		padding-left:5px;
	}
	table.table_underline_sp tbody td p.areaname{
		padding-left:5.5em;
	}
	.b-use table.table_underline_sp tbody td::before {
		color: #036EB7;
	}

	table.table_genmen{
		font-size: 1.3rem;
	}

}


@media screen and (max-width: 767px) { /**** tablet未満 ****/
	

	table.table_underline th ,
	table.table_underline td{
		padding: 12px 1vw;
	}
	table.table_wht th,
	table.table_wht td {
		padding: 6px 1vw;
	}
	table.table_underline thead th,
	table.table_line thead th {
		padding: 10px 1vw;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.table_notice{
		font-size: 1.2rem;
	}


	/* ご利用案内 */
	.b-use table.table_underline th.th_floor{
		padding: 16px 10px 16px 5px;
		font-size: 2.4rem;
	}
	.areaname{
		font-size: 1.5rem;
	}
	table.table_underline_sp tbody td p.areaname{
		padding-left:5.5em;
		font-size: 1.5rem;
	}



}




/* ページごとの指定 ************************************
********************************************************/


/* CANvasについて ************************************/

#b-about #content{
	max-width:none;
	width: 100%;
}
#b-about #content .content_wrap{
	max-width: 1300px;
	width: 84vw;
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#b-about #content{
		width: 100%;
	}
	#b-about #content .content_wrap{
		width: 90vw;
	}

}

.img_concept_kokonara{
	padding-top:10px;
}

.concept_text{
	padding:20px 5vw 20px 0;
}
#concept .img_right{
	margin-top: -30px;
	margin-left: 0;
	margin-right: 5%;
}

@media screen and (max-width: 999px) { /****** tablet以下 ******/
	.concept_text{
		padding:0;
	}
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#concept .img_left,
	#concept .img_right{
		width:100%;
		padding: 10px 5vw 0;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		box-sizing: border-box;
		float: none;
	}

}


.history_copy{
	text-align: right;
	padding-bottom:20px;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.history_copy{
		padding-bottom:5px;
	}
}
.history_copy img{
	width: 80vw;
	max-width: 550px;
}

.history_label{
	padding-bottom:20px;
}
.history_label img{
	max-height: 34px;
}

#history01{
	padding-bottom: 48px;
	background:url("../../img/about/arrow_down_ora@2x.png") 50% 100% no-repeat;
	background-size: 63px auto;
}
.history01_wrap{
	width:100%;
	background-color: rgba(231,118,16,0.54);
	position: relative;
	z-index: -2;
}

#history02{
	padding-bottom: 48px;
	background:url("../../img/about/arrow_down_gre@2x.png") 50% 100% no-repeat;
	background-size: 63px auto;
}
.history02_wrap{
	padding:50px 0;
	width:100%;
	background-color:rgba(0,145,58,0.35);
	position: relative;
	z-index: -2;
}

#history03{
	padding-bottom: 60px;
}
.history03_wrap{
	padding:50px 0;
	width:100%;
	background-color:rgba(3,110,183,0.44);
	position: relative;
	z-index: -2;
}



.ws_flow_label{
	width:50vw;
	max-width: 282px;
	padding-bottom: 20px;
}
.ws_flow li{
	margin: 12px 0;
	width: 100%;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/

	#history_ws_flow{
		padding:50px 0;
	}
	.ws_flow li{
		width: 68%;
	}
	.ws_flow01{
		padding-left: 0;
		position: relative;
	}
	.ws_flow01::before{
		position: absolute;
		top:-60px;
		right: -36vw;
		width: 25vw;
		max-width: 320px;
		height: 20vw;
		content: "";
		background: url(../../img/about/ws_flow_img01_2@2x-80.jpg) 0 0 no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.ws_flow02{
		padding-left: 14%;
		position: relative;
	}
	.ws_flow02::before{
		position: absolute;
		top:8px;
		left: -12vw;
		width: 25vw;
		max-width: 320px;
		height: 20vw;
		content: "";
		background: url(../../img/about/ws_flow_img02_2@2x-80.jpg) 0 0 no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.ws_flow03{
		padding-left: 30%;
	}
	.ws_flow04{
		padding-left: 20%;
	}
	.ws_flow05{
		padding-left: 5%;
		position: relative;
	}
	.ws_flow05::before{
		position: absolute;
		top:-30px;
		right: -36vw;
		width: 25vw;
		max-width: 320px;
		height: 20vw;
		content: "";
		background: url(../../img/about/ws_flow_img03_2@2x-80.jpg) 0 0 no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.ws_flow06{
		padding-left: 16%;
	}
	.ws_flow07{
		padding-left: 20%;
	}
	.ws_flow08{
		padding-left: 26%;
		position: relative;
	}
	.ws_flow08::before{
		position: absolute;
		top:8px;
		left: -4vw;
		width: 25vw;
		max-width: 320px;
		height: 20vw;
		content: "";
		background: url(../../img/about/ws_flow_img04_2@2x-80.jpg) 0 0 no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.ws_flow09{
		padding-left: 32%;
	}

}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#history_ws_flow{
		padding-top: 200px;
		padding-bottom: 200px;
		background-image: url(../../img/about/ws_flow_img01_sp_2@2x-80.jpg),url(../../img/about/ws_flow_img02_sp_2@2x-80.jpg);
		background-repeat: no-repeat;
		background-position: 100% 20px, 50% 100%;
		background-size: auto 180px;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#history_ws_flow{
		padding-top: 160px;
		padding-bottom: 160px;
		background-position: 100% 20px, 50% 100%;
		background-size: auto 140px;
	}

}


.aboutlogo_logo{
	padding-right: 5vw;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.aboutlogo_logo01{
	width:20%;
}
.aboutlogo_logo02{
	width:68%;
}





/* アクセス ************************************/

.map_googlemap iframe{
 width: 100%;
 height: 285px;
 box-sizing: border-box;
 border: solid 1px #ccc;
}

.accessmap,
.accessmap2,
.park_map{
	width:100%;
	max-width: 786px;
	margin: 0 auto;
}
.park_map{
	max-width: 800px;
}
.accessmap2{
	max-width: 850px;
}

.label_access{
	padding: 20px 0 20px 74px;
	font-size: 1.9rem;
	line-height: 1.3;
	background: 30px 50% no-repeat;
	background-size: 24px 34px;
}
.label_access_train{
	background-image:url(../../img/access/icn_train.svg);
}
.label_access_car{
	background-image:url(../../img/access/icn_car.svg);
}

@media screen and (min-width: 768px) { /**** tablet以上 ****/

	#b-access .section_body + .section_body{
		padding-top:60px;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#b-access .sbody_narrow{
		padding-left:0;
		padding-right:0;
	}

}


/* ご利用案内 ************************************/

.flow_02{
	position:relative;
}
.flow_btn{
	width: 70%;
	height: 80%;
	position:absolute;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.flow_btn2{
	height: 90%;
}
.flow_btn_inner{
	width: 100%;
	height: auto;
	padding: 5px 0;
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.flow_dl{
	display:block;
	margin: 0 8px;
}

.flow_btn_note{
	padding-top: 1em;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/

.flow_dl{
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0);
	opacity: 1;
	transition: all 0.2s;
}
.flow_dl:hover{
	opacity: 0.6;
}
	
	.flow_btn_note{
		font-size: 1.5rem;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#flow .sbody_narrow{
		padding-left:0;
		padding-right:0;
	}
/*	.flow_btn{
		width: 86%;
	}*/
	.flow_btn_inner{
		padding: 2px 0;
	}
	.flow_dl{
		margin: 0 3px;
	}

	.flow_btn_note{
		padding-top: 0.5em;
	}

}


/* 施設のご紹介 ************************************/


#outline .btn_l_line.btn_l_line_mail{
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width: 999px) { /****** tablet以下 ******/
	#outline .btn_l_line.btn_l_line_mail{
		display: block;
		margin-top: 5px;
	}
}

#floormap_map1,
#floormap_map2{
	position: relative;
}
#floormap_map1{
}
#floormap_map2{
	padding-top: 80px;
}

.icn_wifi_kinen{
	padding: 0 20px;
	height: 41px;
}
.icn_wifi_kinen img{
	height: 100%;
}

.floor_map1,
.floor_map2{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
	max-width: 1042px;
}
.floor_map1 img,
.floor_map2 img{
}
.text_floor1{
	position: absolute;
	left: 52px;
	bottom:40px;
	width: 197px;
	height: auto;
}
.text_floor2{
	position: absolute;
	left: 52px;
	bottom:40px;
	width: 171px;
	height: auto;
}

#floormap_info{
	position: relative;
	margin-top:60px;
	padding-top: 60px;
}
#floormap_info::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: repeating-linear-gradient(-90deg, #9FA0A0, #9FA0A0 2px, #fff 2px, #fff 8px);
}

.floormap_info_ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.floormap_info_li{
	width: calc(100% / 3 - 50px);
	padding: 0 25px 50px;
}
.floormap_info_label{
	text-align:center;
	padding-bottom: 10px;
}
.floormap_info_text{
	padding: 0 8px;
	line-height:2;
	letter-spacing: 0;
}
.floormap_info_text .br_pc{
	display: none;
}
.floormap_info_text .small{
	display: block;
	line-height: 1.6;
	color: #5E5D5C;
}


@media screen and (max-width: 999px) { /****** tablet以下 ******/

	.icn_wifi_kinen{
		padding: 0;
	}
	.text_floor1{
		left: 22px;
		bottom:10px;
		width: 20vw;
		height: auto;
	}
	.text_floor2{
		left: 22px;
		bottom:10px;
		width: 18vw;
		height: auto;
	}

	.floormap_info_li{
		width: calc(100% / 2 - 50px);
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#floormap_map1{
	}
	#floormap_map2{
		padding-top: 40px;
	}
	.icn_wifi_kinen{
		padding-left: 10px;
		height: 24px;
	}
	.text_floor1{
		left: 12px;
		bottom:6px;
	}
	.text_floor2{
		left: 12px;
		bottom:6px;
	}

	#floormap_info{
		margin-top:40px;
		padding-top: 40px;
	}
	.floormap_info_li{
		width: 100%;
		padding: 0 0 40px;
	}
	.floormap_info_label{
		width:75%;
		max-width: 300px;
		margin: 0 auto;
		padding-bottom: 18px;
	}
	.floormap_info_text{
		width:85%;
		max-width: 400px;
		margin: 0 auto;
		line-height:1.8;
	}
	.floormap_info_text .small{
		font-size: 1.0rem;
		line-height:1.8;
	}


}
















/* wp-pagenavi */

.wp-pagenavi{
	margin-top:30px;
	margin-bottom: 40px;
	text-align:center;
}
@media screen and (max-width: 969px) { /****** tablet以下 ******/
	.wp-pagenavi{
		margin-top:20px;
		margin-bottom: 20px;
	}
}

.wp-pagenavi span{
	display:inline-block;
}

/* wp-pagenavi 前へ・次へ */

.nav_pre_next .wp-pagenavi{
	display: flex;
	justify-content:space-between;
	align-items: center;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	background-color:#FFFFFF;
	border: solid 3px #E60012;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_arch,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next{
	padding: 0;
	margin: 0;
	min-width: 7em;
	border: none;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_arch a,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a{
	position: relative;
	display: inline-block;
	padding: 1em;
	border: none;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a{
	padding-left: 2em;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a{
	padding-right: 2em;
}

.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::before,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::before,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::after,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::before,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::after{
	left: auto;
	right: 0;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::before,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::before{
	width: 20px;
	height: 20px;
	background: #E60012;

}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::after,
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::after{
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::after{
	left: 7px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::after{
	right: 7px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

@media screen and (min-width: 970px) { /******   PC以上   ******/
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a:hover,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_arch a:hover,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a:hover{
		color: #E60012;
	}

}
@media screen and (max-width: 969px) { /****** tablet以下 ******/
	.nav_pre_next .wp-pagenavi{
		background-color:#E60012;
		padding: 0 0.5em;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_arch a,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a{
		position: relative;
		display: inline-block;
		padding: 1em 0.5em;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a{
		padding-left: 1.5em;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a{
		padding-right: 1.5em;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_arch a,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a{
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1;
		color: #fff;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::before,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::before{
		width: 12px;
		height: 12px;
		background: #fff;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::after,
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::after{
		width: 4px;
		height: 4px;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_prev a::after{
		left: 4px;
		border-left: 2px solid #E60012;
		border-bottom: 2px solid #E60012;
	}
	.nav_pre_next .wp-pagenavi span.wp-pagenavi_next a::after{
		right: 4px;
		border-top: 2px solid #E60012;
		border-right: 2px solid #E60012;
	}


}


.wp-pagenavi span.wp-pagenavi_prev{
}
.wp-pagenavi span.wp-pagenavi_arch{
}
.wp-pagenavi span.wp-pagenavi_next{
}


.jirei_index .wp-pagenavi a,
.jirei_index .wp-pagenavi .current{
	display:inline-block;
	padding:5px 10px 3px;
	margin:0 4px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	background-color: #999;
	transition: all 0.2s;
}
.jirei_index .wp-pagenavi .current{
	background-color:#E60012;
}
.jirei_index .wp-pagenavi a:hover{
	background-color:#E60012;
}

.wp-pagenavi .pages{
	display:none;
}

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

	.wp-pagenavi span.wp-pagenavi_prev a,
	.wp-pagenavi span.wp-pagenavi_arch a,
	.wp-pagenavi span.wp-pagenavi_next a{
		margin:0;
		padding-left:2vw;
		padding-right:2vw;
		font-size: 1.2rem;
	}

}




/* お問い合わせ form  ***************************/

#label_tel_fax{
	display:flex;
	justify-content: space-between;
}
#label_tel_fax p{
	width: 47.03%;
	max-width: 395px;
}
#mail{
	margin-top:55px;
}
#label_mail{
	display:flex;
	justify-content: center;
}
#label_mail p{
	width: 65%;
}

.box_slantline{
	padding:6px;
	background: url(../../img/common/bg_slant.png) 0 0 repeat;
	background-size: 7px 7px;
}
.box_slantline_inner{
	background: #fff;
	padding: 30px 5vw;
}

.label_form{
	padding-bottom: 38px;
	margin-bottom: 40px;
	border-bottom: solid 1px #B6B7B7;
	text-align: center;
}
.label_form img{
	max-width: 400px;
	width:70%;
}


@media screen and (max-width: 999px) { /****** tablet以下 ******/
	.box_slantline{
		padding:5px;
		background-size: 6px 6px;
	}
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#label_tel_fax p{
		width: 49%;
	}
	#mail{
		margin-top:20px;
	}
	#label_mail p{
		width: 75%;
	}
	.box_slantline{
		padding:4px;
		background-size: 5px 5px;
	}
	.box_slantline_inner{
		padding: 20px 4vw;
	}
	.sbody_narrow#contact_form,
	.sbody_narrow#label_tel_fax{
		padding-left: 0;
		padding-right: 0;
	}

	.label_form{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}


}






/* フォーム */


#form_contact table.table_wht th{
}

#contact_form .mw_wp_form_input th label{
	display: block;
	padding-top: 10px;
}
.must{
	display:inline-block;
	margin-left: 8px;
	padding: 4px 6px 2px;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: bold;
	background-color:#807F80;
	color:#fff;
	border-radius: 4px;
}

#contact_form input[type="text"],
#contact_form textarea{
	width: 100%;
	box-sizing: border-box;
	padding:2px;
	background-color:#fff;
	border:solid 1px #5F6061;
	border-radius:0;
	-webkit-appearance: none;
}
#contact_form select {
	padding:2px;
	background-color:#fff;
	border:solid 1px #5F6061;
	border-radius:0;
/*	-webkit-appearance: none;*/
}
#contact_form input[type="file"]{
	width: 100%;
}
#contact_form input[type="checkbox"],
#contact_form input[type="radio"]{
	vertical-align: middle;
}

#contact_form input[type="text"]#zip1{
	width: 4em;
}
#contact_form input[type="text"]#zip2{
	width: 5em;
}
/*#contact_form input[type="text"]#address2{
	width: 60%;
}*/
.form_notice,
#mail2,
#spref,
#address,
#address1,
#address2,
#datem2,
#dated2,
#hour2,
#strt{
	margin-top: 4px;
}
#contact_form input[type="text"].tel{
	width: 5em;
}

#contact_form .form_zip,
#contact_form .form_notice{
	display: inline-block;
}
#contact_form .form_mail2{
	display: block;
}

.label_kouji,
.label_mailmaga,
.label_register,
.label_time,
.label_area{
	display:inline-block;
	padding: 2px 2em 2px 0;
}


.form_terms{
	margin: 50px 0 0;
	padding: 20px 10px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
.form_terms_iframe{
  display: inline-block;
	width: 100%;
	height: 300px;
	margin: 20px 0 30px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #f9f9f9;
  overflow:auto; /* scrollからautoに変更 */
  -webkit-overflow-scrolling:touch;
}
.form_terms_iframe iframe{
  width:100%;
  height:100%;
  border:none;
  display:block;
}

/* iframe の中 #b-terms ***************/
#b-terms #header,
#b-terms #footer{
	display: none;
	}

@media screen and (max-width: 479px) { /* sp */
	#b-terms{
			min-width: 300px;
			width: 300px; /* for iPhone7 */
			margin: 0 auto;
	}
	#terms{
		padding-left: 3%;
		padding-right: 3%;
	}
}
#terms {
    font-size: 1.2rem;
    line-height: 1.8;
    word-wrap: break-word;
    padding: 20px 5%;
}

#terms h2{
	padding: 0 0 20px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
#terms h3{
	padding: 20px 0;
	font-size: 1.4rem;
	font-weight: bold;
}
/* iframe の中 #b-terms ここまで *******/

.form_terms_check{
	text-align: center;
}
.form_terms_check input[type="checkbox"]{
	display: inline-block;
	margin-right: 16px;
}
@media screen and (max-width: 767px) {

	.form_terms{
		margin: 30px 0 0;
		padding: 20px 0;
	}

}



.form_notice{
	margin-top: 30px;
}

.form_btn{
	margin-top: 30px;
	text-align: center;
}

.form_btn input[type="submit"],
.form_btn input[type="button"] {
	-webkit-appearance: none;
	display:inline-block;
	width:auto;
	height:auto;
	padding:14px 70px;
	margin-left:10px;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1;
	color:#fff;
	border:solid 1px #807F80;
	border-radius:4px;
	background-color: #807F80;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0);
	transition: all 0.2s;
}
.form_btn input[type="submit"]:hover,
.form_btn input[type="button"]:hover{
	color:#807F80;
	background-color:#fff;
}
.form_btn input[type="button"] {
	-webkit-appearance: none;
	padding:12px 40px;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}

/* エラーメッセージ */
.errmsg,
.mw_wp_form .error{
	display:inline-block !important;
	margin-top:3px;
	margin-left: 5px;
	padding:4px 8px;
	background-color:#E60012;
	border-radius:0;
	font-size:1.2rem;
	line-height: 1;
	font-weight:bold;
	color:#fff !important;
}

/* 確認画面 */
.mw_wp_form_confirm #sec01,
.mw_wp_form_confirm .form_notice,
.mw_wp_form_confirm .form_mail2,
.mw_wp_form_confirm .addbtn{
	display:none;
}

@media screen and (min-width: 970px) { /******   PC以上   ******/

	.sbody_confirm{
		padding-top: 150px;
	}

}

.sbody_confirm .label_form{
	font-size: 2.2rem;
	font-weight: 700;
}

/* 完了画面 */
#thx,
.mw_wp_form_complete{
	padding:0 40px 30px;
	line-height: 2;
}
#thx h4.section_copy_thx,
.mw_wp_form_complete h4.section_copy_thx{
	padding:20px 0 30px;
	font-size:1.8rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	color:#E60012;
}
#thx p + ul,
#thx p + p,
.mw_wp_form_complete p + p{
	padding-top:20px;
}

@media screen and (max-width: 767px) { /**** tablet未満 ****/
	

	#form_contact table.table_wht th,
	#form_contact table.table_wht td{
		display:block;
		box-sizing: border-box;
		width: 100%;
	}
	#form_contact table.table_wht th{
		padding-bottom: 0;
	}
	.must{
		font-size: 0.8rem;
		float: right;
	}

	.form_btn input[type="submit"],
	.form_btn input[type="button"] {
		padding:12px 30px;
	}

	#thx,
	.mw_wp_form_complete{
		padding:20px 5vw;
	}
	#thx h4.section_copy_thx,
	.mw_wp_form_complete h4.section_copy_thx{
		padding:10px 0 20px;
	}

}



/****************************************************************************
#content_footer
****************************************************************************/







/****************************************************************************
footer
****************************************************************************/


#footer{
	width: 94vw;
	margin: 80px auto 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: solid 1px #231815;
	display: flex;
	justify-content:flex-start;
	align-items: flex-start;
}

.footer_info{
	padding: 0 2vw;
	font-size: 1.4rem;
	line-height: 1.4;
}
.footer_info h1{
	padding-bottom: 20px;
}
.footer_info h1 .logo_w{
	width: 178px;
	height: 23px;
}
.footer_copy{
	padding-top: 20px;
	font-size: 1rem;
	color: #949495;
}


.fnav_ul{
	padding-top: 2px;
	display: flex;
	justify-content: flex-start;
}
.fnav_li{
	flex-grow: 1;
	flex-shrink: 1;
	width: auto;
	padding: 0 2vw;
}
.fnav_a{
	display: block;
	width: auto;
	height: auto;
	padding: 0.5em;
	font-size: 1.3rem;
	transition: all 0.2s ease-out;
}
.b-kokonara .fnav_li_kokonara .fnav_a,
.b-about .fnav_li_about .fnav_a,
.b-floor .fnav_li_floor .fnav_a,
.b-use .fnav_li_use .fnav_a,
.b-access .fnav_li_access .fnav_a,
.b-contact .fnav_li_contact .fnav_a{
	opacity: 0.4;
}

@media screen and (min-width: 1000px) { /******   PC以上  ******/

	.fnav_a:hover{
		opacity: 0.4;
	}
	.b-kokonara .fnav_li_kokonara .fnav_a:hover,
	.b-about .fnav_li_about .fnav_a:hover,
	.b-floor .fnav_li_floor .fnav_a:hover,
	.b-use .fnav_li_use .fnav_a:hover,
	.b-access .fnav_li_access .fnav_a:hover,
	.b-contact .fnav_li_contact .fnav_a:hover{
		cursor: default;
	}

}
@media screen and (max-width: 999px) { /****** tablet以下 ******/

	#footer_nav{
		display:none;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#footer{
		margin-top: 50px;
		padding-top: 20px;
		padding-bottom: 65px;
	}
	.footer_info{
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.footer_info h1{
		padding-bottom: 12px;
	}
	.footer_info h1 .logo_w{
		width: 150px;
		height: 20px;
	}
	.footer_copy{
		padding-top: 10px;
	}

}


/* ■#b-home HOMEのfooter *************************************/






/****************************************************************************
汎用クラス
****************************************************************************/

.hidden{
  height: 0px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.center{
	text-align:center;
}

.small{
	font-size:1.2rem;
	line-height:1.6;
}
.x-small{
	font-size:1rem;
	line-height:1.5;
}
.xx-small{
	font-size:0.8rem;
	line-height:1.5;
}


.large{
	font-size:1.8rem;
	line-height:1.75;
}
.x-large{
	font-size:2.2rem;
	line-height:1.5;
}
.xx-large{
	font-size:2.8rem;
	line-height:1.4;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/


	.small{
		font-size:1.0rem;
		line-height:1.4;
	}
	.x-small{
		font-size:0.8rem;
		line-height:1.4;
	}
	.xx-small{
		font-size:0.8rem;
		line-height:1.4;
	}

	.large{
		font-size:1.4rem;
		line-height:1.75;
	}
	.x-large{
		font-size:1.6rem;
		line-height:1.5;
	}
	.xx-large{
		font-size:2.2rem;
		line-height:1.4;
	}

}


.blue{
	color:#036EB7;
}
.red,
.notice{
	color:#e60012;
}
.gray{
	color:#ccc;
}
.black{
	color : #231815;
}

strong{
	font-weight:bold;
	font-style:normal;
	color:#E77610;
}
em{
	font-weight:bold;
	font-style:normal;
}