@charset 'UTF-8';

/** |READ ME| **************************************************************************************

index_sp.css
Ver.201809

----------------------------------------------------------------------------------------------------

01. ヘッダー
02. ホーム
　02-01. フロントロウ
　02-02. 施設情報
　02-03. EXHIBITION
　02-04. PICK UP
　02-05. INFORMATION
　02-06. About LIVING CULTURE
　02-07. フリップフロップ

************************************************************************************** |READ ME| **/





/** |01. ヘッダー| >> ***************************************************************** >> START **/


.site {}


/** |01. ヘッダー| << ******************************************************************* << END **/





/** |02. ホーム| >> ******************************************************************* >> START **/
.main-v {
	min-height: 100vh;
    max-width: 100%;
    margin: 0 auto;
	}



	/** [メインビジュアル] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/



.main-mv{
    position: relative;
    display: inline-block;
	
  width: 100%;
  height: 768px;
  background-image: url(/img/top/frn_img_splash.jpg);
  background-repeat: no-repeat;
background-size: cover;
	background-position: center;
}
	
	

.main-mv img{
  position: absolute;
    left: 16px;
    bottom: 496px;
   	width: 253px;
    height: 102px;
}



						/* キャプション */

.main-tx p {
  position: absolute;
  width: 343px;
  
  display: flex;
  align-items: flex-start;
  top: 320px;
  left: 16px;
  
  font-weight: 400;
	font-family: 'UD新ゴ R', sans-serif;
  font-size: 14px;
  line-height: 150%;
  color: #FFFFFF;
}



		
						
				/** [リスト（固定表示）] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/
.textbox1{
margin: 0px 16px 0px 16px;
}
.textbox1 h2 {
	line-height: 119.52%;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #545859;
	margin: 24px 0px 24px 0px;
	
	}
			
.textbox1 h3 {
	letter-spacing: -0.02em;
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #545859;
	margin: 0px 0px 8px 0px;

	}


.textbox1 dt {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #545859;
	margin: 0px 0px 28px 0px;
	}


	.btn-more a{
	border: 1px solid #706C6C;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	position: relative;
	text-align: center;
	text-decoration: none;
	outline: none;
	width: 124px;
		margin: 0px 0px 0px 0px;
		
	}

	.btn-more:hover a {
			background-color: #545859;
					border-color: #fff;
					color: #fff;
		width: 124px;
		
				}


	
.btn-more a:hover::after {opacity: 0.1;}


.imgright1 img {
	 width: 100%;
  height: 100%;
	margin: 20px 0px 0px 0px;
}

.textbox2{
margin: 0px 16px 0px 16px;
}

.textbox2 h2 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #545859;
	margin: 72px 0px 16px 0px;
	
	}

.textbox2 p {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #545859;
	margin: 0px 0px 88px 0px;
	}

.imgleft1 img {
	 width: 100%;
  height: 100%;
	margin: 20px 0px 0px 0px;
}

.imgleft2 img {
	 width: 100%;
  height: 100%;
	margin: 20px 0px 0px 0px;
}


.textbox3{
margin: 0px 16px 0px 16px;
}		

.textbox3 h3 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #545859;
	margin: 56px 0px 0px 0px;
	text-align: right;

	}

.textbox3 h4 {
	line-height: 1.25;
	font-weight: 600;
	font-family: 'UD新ゴ R', sans-serif;
    font-size: 24px;
	color: #545859;
	margin: 16px 0px 8px 0px;
text-align: right;
	}

.textbox3 dt {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #545859;
	margin: 0px 0px 28px 0px;
	}


.textbox4{
margin: 0px 16px 0px 16px;
}	
	


.textbox4 h3 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #545859;
	margin: 56px 0px 0px 0px;
	text-align: right;

	}

.textbox4 h4 {
	line-height: 1.25;
	font-weight: 600;
	font-family: 'UD新ゴ R', sans-serif;
    font-size: 24px;
	color: #545859;
	margin: 16px 0px 8px 0px;
text-align: right;
	}

.textbox4 dt {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #545859;
	margin: 0px 0px 28px 0px;
	}

.btn-more2 a{
	border: 1px solid #706C6C;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 16px;
	
	width: 124px;
	height: 34px;
	line-height: 36px;
	position: relative;
	text-align: center;
	text-decoration: none;
	outline: none;
	width: 124px;
		margin: 0px 0px 20px 0px;		
	}

	.btn-more2:hover a {
			background-color: #545859;
					border-color: #fff;
					color: #fff;
		width: 124px;
				}


	
.btn-more a:hover::after {opacity: 0.1;}