@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css

----------------------------------------------------------- */

#button_top,
#button_top02,
#button_top03,
#button_top04,
#button_top05,
#button_top06,
#button_top07,
#button_top08,
#button_top09,
#button_top10,
#button_top11,
#button_top12,
#button_top13,
#button_top14,
#button_top15,
#button_top16,
#button_top17,
#button_top18,
#button_top19,
#button_top00,
#button_top20{
cursor: pointer; 
	pointer-events: all;
	background:none;
	border:none;
	}
	
#button_top03{
	margin-bottom:11%;
	}
	
.gal #button_top03{
	margin-bottom:0% !important;
	}		
	
	
#button_top:hover,
#button_top02:hover,
#button_top03:hover,
#button_top04:hover,
#button_top05:hover,
#button_top06:hover,
#button_top07:hover,
#button_top08:hover,
#button_top09:hover,
#button_top10:hover,
#button_top11:hover,
#button_top12:hover,
#button_top13:hover,
#button_top14:hover,
#button_top15:hover,
#button_top16:hover,
#button_top17:hover,
#button_top18:hover,
#button_top19:hover,
#button_top20:hover{
	text-decoration: none;
	color:#3e5063;
	}	

	

.imgWrap_2 a:hover p{
	text-decoration: underline;}





body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	overflow-x:hidden;
	text-align:center;
	font-size:90% !important;
	}
	
/* カラム指定
********************************************************/
.flexboxL { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
@media only screen and (max-width: 768px) {
.flexboxL { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}
}



section{
	
	max-width:1280px;
	margin:0 auto;
	width:100%;
	}
	
	
/*#innner	{
	margin-bottom:8%;
	}*/
	

/* トップページ画像
********************************************************/
.top_pic {
	margin-bottom:0px;

	
}

.top_pic02 {
	margin-bottom: -2px;

	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.top_pic  {
	margin-bottom: -10px;



}

}


/*
@-moz-document url-prefix() {
.top_pic {
	margin-bottom:-7px;

  }
}


@media all and (-ms-high-contrast:none) {
.top_pic {
	margin-bottom:-8px;
	
}
}*/

/* トップページ一番上の動画
********************************************************/
.top_movie{
	margin:0 auto; max-width:1920px;
	width:100%;
	
	}



/* トップページグリッド
********************************************************/





.top_area{
	 padding: 0;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;}
	
.top_area img{

}	


.col_1 div{
	max-width:1278px;
	width:100%;
	float:left;}

.col_2_R div{
	max-width:854px;
	width:66.71875%;
	float:left;}
	
.col_2_R div:nth-child(1){
	max-width:426px;
	width:33.333333333%;
	float:left;}	
	
.col_2_L div{
	max-width:854px;
	width:66.71875%;
	float:left;}
	
.col_2_L div:nth-child(2){
	max-width:426px;
	width:33.333333333%;
	float:left;}		
	
	
.col_3 div{
	max-width:426px;
	width:33.333333333%;	
	float:left;}
	
.col_3 div:nth-child(1){
	max-width:426px;
	width:33.333333333%;	
	float:left;}
	
	
	
/*３カラムのグリッド*/	

.grid_field {
		max-width:1278px;
		margin:0 auto 0;
		padding:0;
		/*background:#3e5063;*/

		
	}
	
.grid_field02 {
		max-width:1278px;
		margin:0 auto 0;
		padding:0;
		/*background:#3e5063;*/

		
	}	
	
	   
	
	
.imgWrap {
	overflow: hidden;
	width:33.333333333%;	/*画像の幅*/
	max-width:426px;
	max-height: 427px;	/*画像の高さ*/
	height:auto;
	float:left;
		position:relative;
		
}


.imgWrap_2 {
	overflow: hidden;
	width:33.333333333%;	/*画像の幅*/
	max-width:426px;
	max-height: 427px;	/*画像の高さ*/
	height:auto;
	float:left;
		position:relative;
		
}



.imgWrap video{
	max-height:426px;
	padding:0;
	margin:0;
	
	
}


.video_g4{
	width: 178%;
	}

	
.grid_field .imgWrap:nth-child(1) {
	overflow: hidden;
	width:33.333333333%;	/*画像の幅*/
	max-width:426px;
	max-height: 427px;	/*画像の高さ*/
	float:left;


		
	}
	
.grid_field02 .imgWrap02:nth-child(1) {
	overflow: hidden;
	width:33.333333333%;	/*画像の幅*/
	max-width:426px;
	max-height: 427px;	/*画像の高さ*/
	float:left;


		
	}	
	

.imgEff {
	position: relative;
    max-width:426px;
	transition-duration: 1s;
	    height: 100%;
			vertical-align: baseline;

}
.imgEff:hover {
	transform:scale(1.2 );
}
.imgEff:before {
	content: "";
	position: absolute;
    width:426px;
	max-height: 427px;
	height:100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* 円形グラデーション */
	transition-duration: 0.3s;
	opacity: 0; /* 見えないように透過しておく */
	
	
}





.imgEff02 {
	position: relative;
    max-width:426px;
	transition-duration: 1s;
	    height: 100%;
			vertical-align: baseline;

}
.imgEff02:hover {
	transform:scale(1.2 );
}
.imgEff02:before {
	content: "";
	position: absolute;
    width:426px;
	max-height: 427px;
	height:100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* 円形グラデーション */
	transition-duration: 0.3s;
	opacity: 0; /* 見えないように透過しておく */
	
	
}


.txt_copy{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
	width:100%;	/*画像の幅*/
	max-width:426px;
	max-height: 427px;
	height:100%;
	pointer-events: none;

}


.txt_copy_taste {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6abbb8;
    font-size: 26px;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 426px;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
	top:-100px;
}


.txt_copy_sub{
	font-size:13px;
	 display: flex;
    justify-content: center;
    align-items: center;
    color: #6abbb8;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 426px;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
		top:-60px;
}


.txt_copy_sub02{
	font-size:13px;
	 display: flex;
    justify-content: center;
    align-items: center;
    color: #6abbb8;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 426px;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
		top:-60px;
}
.txt_galleria{color:#c69c6d !important;}

.txt_grandcafe{color:#ed904e !important;}

.txt_toastina{color:#83633d !important;}

.txt_maihama{color:#b60628 !important;}




.txt_copy_sub03{
	font-size:13px;
	 display: flex;
    justify-content: center;
    align-items: center;
    color: #6abbb8;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 426px;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
		top:0;
}






.imgEff:hover:before {
	opacity: 1; /* マウスオーバーで可視化 */
	
}



.imgWrap .txt{

	
	
	position:absolute;
	left:0;
	bottom:0;
	pointer-events: none;
	text-align:center;
	font-size:26px;
	color:#fff;
	width: 100%;
	box-shadow:10px #000;	
}


.imgEff:before {
	/* 略 */
	
	background: radial-gradient(rgba(0, 0, 0, 0.1), #000000); /* けっこう暗くしないと文字が見にくいので注意 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 22px;
	text-shadow: 0 0 2px #000;

}
.content .imgEff:hover:before {
	/* 略 */
	transform: scale(1.3); /* 文字の拡大率 */
	filter: blur(0); /* ブラー効果を解除 */
}



/*snsカラム*/


.imgWrap_sns {
	overflow: hidden;
        max-width:854px;/*画像のwidth*/
	width: 66.66666667%;
	max-height: 427px;	/*画像の高さ*/
	height:auto;
	float:left;
	position:relative;
	background:#fff;
}





.imgWrap_sns div:nth-child(1) iframe,
.imgWrap_sns div:nth-child(2) iframe,
.imgWrap_sns div:nth-child(3) iframe{
	margin:20px 5px;
	box-sizing:border-box;
}

.imgWrap_sns div:nth-child(3) div{
	margin:20px 5px;
	box-sizing:border-box;
}


.imgWrap_sns div:nth-child(1){
	float:left ;
	max-width:281px;
	width:33%;
	/*background:url(../img/sns_icon01.png) right bottom no-repeat;*/
	height:140px;
}

.imgWrap_sns div:nth-child(2){
		float:left ;
	max-width:281px;
	width:33%;
	/*background:url(../img/sns_icon01.png) right bottom no-repeat;*/
	height:140px;
}

.imgWrap_sns div:nth-child(3){
		float:left ;
	max-width:281px;
	width:33%;
	background:url(../img/sns_icon02.png) right bottom no-repeat;
	height:140px;
}

.imgWrap_sns p:nth-child(4){
	max-width:854px;
    float:left ;
    margin-top:20px;
    padding-top: 20px;
}




/*snsカラム_sp*/


.imgWrap_sns_sp {
	display:none;
}


/*2カラムのグリッド*/	




	
.imgWrap02 {
	overflow: hidden;
        max-width:854px;/*画像のwidth*/
	width: 66.66666667%;
	max-height: 427px;	/*画像の高さ*/
	height:auto;
	float:left;
		position:relative;
}


	





.grid_field .imgWrap02_2 {
	overflow: hidden;
	width: 33.33333333%;
	max-width:426px;
	max-height: 427px;	/*画像の高さ*/
	float:left;
	position:relative;


		
	}
	
.grid_field .imgWrap02_news {
		overflow: hidden;
	width: 33.33333333%;
	max-width:426px;
	max-height: 426px;	/*画像の高さ*/
	float:left;
	position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686c71+0,686c71+50,ffffff+50,ffffff+100 */
background: #686c71; /* Old browsers */
background: -moz-linear-gradient(top, #686c71 0%, #686c71 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #686c71 0%,#686c71 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #686c71 0%,#686c71 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686c71', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

		
	}
	
.grid_field02 .imgWrap02_news {
		overflow: hidden;
	width: 33.33333333%;
	max-width:426px;
	max-height: 427px;	/*画像の高さ*/
	float:left;
	position:relative;

		
	}
	
.galleria {background:#c69c6d !important;}
	
.grandcafe {background:#ed904e !important;}

.toastina {background:#83633d !important;}

.maihama {background:#b60628 !important;}
	
.imgEff_news{
	height:100%;
	background: #686c71;
    padding-bottom: 100%;
	
}



.news_t{
	padding-top: 50px;
	font-size: 120%;
	color: #395064;
	font-weight: bold;
}

.slides p{
	font-size: 80%;
	margin-top: 10px;
	color: #333;
}
.slides p span{
	color: #395064;
	font-weight: bold;
}



.txt_copy_news{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 22px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
	width:100%;	/*画像の幅*/
	max-width:427px;
	max-height: 427px;
	height:100%;
	pointer-events: none;



}


.imgWrap02_news .gran{
	font-size:20px !important;}
	.imgWrap02_news .gran_s{
	font-size:13px !important;}



.imgWrap02_news a{
	text-decoration:none;
	color:#fff;
	
	
	
}

.imgWrap02_news a:hover{
	text-decoration:underline;
	
	
}

.imgWrap02_news ul{
max-width: 340px;
max-height:310px;
position:absolute;
left:-10%;
    margin-left: 20%;
	margin-top: 6%;
	    width: 80%;
	
	
	
}

.imgWrap02_news li{
	text-align:left;
	color:#fff;
	font-size: 14px;
	/*font-size: 11px;*/
    line-height: 1.5;
	margin-bottom:2%;
	padding-left: 1em;
    text-indent: -1em;
	
	
	
}

.imgWrap02_news li:nth-child(1){
	text-align:left;
	color:#fff;
	font-size: medium;
	
	
	
}

.imgWrap02_news li:nth-child(1) span{
	margin-left:170px;
	font-size:80%;
	
	
	
}


.imgWrap02_news ul.gray{
max-width: 340px;
max-height:310px;
position:absolute;
left:-10%;
margin-left: 20%;
margin-top: 8%;
width: 80%;
top:45%;
	
	
}

.imgWrap02_news ul.gray li{
	text-align:left;
	/*color::#686c71;*/
color:#fff;
	font-size:10px;
	margin-bottom:2%;

	
	
	
}


.imgWrap02_news ul.gray li:nth-child(1){
	text-align:left;
	font-size: medium;
	
	
	
}

.imgWrap02_news ul.gray li:nth-child(1) span{
	margin-left:135px;
	font-size:80%;
	
	
	
}
.imgWrap02_news ul.gray li a{
	color:#fff	;
	/*color::#686c71;*/
	
	
}



.imgEff02 {
	position: relative;
    max-width:854px;
	height:100%;
	transition-duration: 1s;
	
	
	
}
.imgEff02:hover {
	transform:scale(1.2 );
}
.imgEff02:before {
	content: "";
	position: absolute;
    width:854px;
	max-height: 426px;
	height:100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* 円形グラデーション */
	transition-duration: 0.3s;
	opacity: 0; /* 見えないように透過しておく */
	
	
}
.txt_copy02{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
    max-width: 854px;
    width: 100%;
    max-height: 427px;
	height:100%;
	pointer-events: none;

}


.imgEff02:hover:before {
	opacity: 1; /* マウスオーバーで可視化 */
	
}



.imgWrap02 .txt{

	
	
	position:absolute;
	left:0;
	bottom:0;
	pointer-events: none;
	text-align:center;
	font-size:26px;
	color:#fff;
	width: 100%;
	box-shadow:10px #000;	
}


.imgEff02:before {
	/* 略 */
	
	background: radial-gradient(rgba(0, 0, 0, 0.1), #000000); /* けっこう暗くしないと文字が見にくいので注意 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 22px;
	text-shadow: 0 0 2px #000;

}
.content .imgEff02:hover:before {
	/* 略 */
	transform: scale(1.3); /* 文字の拡大率 */
	filter: blur(0); /* ブラー効果を解除 */
}
	




/*1カラムのグリッド*/	




	
.imgWrap01 {
	overflow: hidden;
        max-width:1280px;/*画像のwidth*/

		width:100%;
	max-height: 427px;	/*画像の高さ*/
	height:auto;
	float:left;
	position:relative;
    font-size: 70%;
    color: #fff;
}
.imgWrap01 span{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 427px;/*画像のheight*/
	left: 2px;
	z-index:10;
}

.imgWrap01 h4{
	text-align:left;
	margin:28% auto 0;
	font-size:12px;
	max-width:540px;
	width:63.2618501%;
                 
}

.imgWrap01 .h4_2{
	text-align:left;
	margin:28% auto 0;
	font-size:12px;
	max-width:370px;
	width:40%;
                 
}
.imgWrap01 p {

        text-align:center;
        margin-top:213px;
                 
}
.imgWrap01 p a{
        color:#fff;
        text-decoration:none;
        border:1px solid #fff;
        padding:5px;
 
}
.pic_box p a:hover {
        background:#fff;
        color:rgba(239,0,151,1);
}




.imgWrap01 .txt_copy{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
     max-width:1278px;/*画像のwidth*/
    width: 100%;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
    top: -50%;

}



.imgWrap01_sp{ display:none;}




/*Flex thum*/
.flex_thum{
	display:flex;
	justify-content:space-between;
	margin-top:60px;
	}
	
.flex_thum div{
	max-width:102px;
		width:100%;
	}	
	
	
	
.flex_thum02{
	display:flex;
	justify-content:space-between;
	max-width:400px;
	margin:0 auto;
	padding-top: 50px;
	}
	
.flex_thum02 div{
max-width: 257px;
    width: 100%;
		font-weight:bold;
    margin: 5px;
	
	}	
	
.flex_thum02 div font{
	font-size:13px;
	
	}	
	
	
	
	
	
.flex_thum03{
	display:flex;
	justify-content:space-between;

	margin:20px auto;
	}
	
.flex_thum03 div{
	max-width:138px;
	width:100%;
	
	}	



.flex_thum04{
	display:flex;
	justify-content:space-between;
	max-width:282px;

	margin:0 auto;
	}
	
.flex_thum04 div{
	max-width:138px;
	width:100%;
	
	}	
	
	
	
.flex_thum05{
	display:flex;
	justify-content:space-between;

	 margin:18px auto 0;
	}
	
.flex_thum05 div{
	max-width:205px;
	width:100%;
	font-weight: bold;
	
	
	}		
	
	
	
.flex_thum06{
	display:flex;
	justify-content:space-between;
	/*max-width:260px;*/
max-width:300px;
	margin:15px auto 0;
	}
	
.flex_thum06 div{
	/*max-width:80px;*/
	max-width:90px;
	width:100%;
	
	}		
		
	


	

.imgEff01 {
	position: relative;
        max-width:1278px;/*画像のwidth*/
		width:100%;
	transition-duration: 1s;
	
	
	
}
.imgEff01:hover {
	transform:scale(1.2 );
}
.imgEff01:before {
	content: "";
	position: absolute;
    width:1278px;
	max-height: 427px;
	height:100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* 円形グラデーション */
	transition-duration: 0.3s;
	opacity: 0; /* 見えないように透過しておく */
	
	
}
.txt_copy01{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size:26px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
    max-width: 1278px;
    width: 100%;
	max-height: 427px;
	height:100%;
	pointer-events: none;

}


.imgEff01:hover:before {
	opacity: 1; /* マウスオーバーで可視化 */
	
}



.imgWrap01 .txt{

	
	
	position:absolute;
	left:0;
	bottom:0;
	pointer-events: none;
	text-align:center;
	font-size:26px;
	color:#fff;
	width: 100%;
	box-shadow:10px #000;	
}


.imgEff01:before {
	/* 略 */
	
	background: radial-gradient(rgba(0, 0, 0, 0.1), #000000); /* けっこう暗くしないと文字が見にくいので注意 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 22px;
	text-shadow: 0 0 2px #000;

}
.content .imgEff01:hover:before {
	/* 略 */
	transform: scale(1.3); /* 文字の拡大率 */
	filter: blur(0); /* ブラー効果を解除 */
}
	


/*下からスライド*/


.pic_box {
        max-width:852px;/*画像のwidth*/
		/*width:66.71875%;*/
		width: 66.6679%;
        max-height:427px;/*画像のheight*/
		height:100%;
        position:relative;
        overflow:hidden;
        margin:0;
        float:left;
		font-size:10px;
		color:#333;
}
.pic_box span{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 427px;/*画像のheight*/
	left: 0;
}

.pic_box h4{
	text-align:left;
	margin:28% auto 0;
	font-size:12px;
	max-width:540px;
	width:63.2618501%;
                 
}

.pic_box .h4_2{
	text-align:left;
	margin:28% auto 0;
	font-size:12px;
	max-width:370px;
	width:40%;
                 
}
.pic_box p {

        text-align:center;
        margin-top:213px;
                 
}

.pic_box p.grandup {

        text-align:center;
        margin-top:180px;
                 
}

.pic_box p a{
        color:#3e5063;
        text-decoration:none;
        border:1px solid #3e5063;
        padding:5px;
 
}
.pic_box p a:hover {
        background:#3e5063;
        color:rgba(239,0,151,1);
		text-decoration:none !important;
}




.pic_box .txt_copy{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 2px #fff;
	position:absolute;
	z-index:2;
     max-width:854px;/*画像のwidth*/
    width: 100%;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
    top: -50%;

}

.pic_box p  font{
	line-height:1.6;
	font-size:10px;
	display:inline-block;
	font-weight:bold;


}



.sp{ display:none;}

.pc{ display:inline-block;}


.pic_box_sp{ display:none;}






.pic_box02 {
        max-width:426px;/*画像のwidth*/
		width: 33.33333333%;
        max-height:426px;/*画像のheight*/
		height:100%;
        position:relative;
        overflow:hidden;
        margin:0;
        float:left;
		font-size:10px;
		color:#fff;
		    line-height: 2.0;
}
.pic_box02 span{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 427px;/*画像のheight*/
	left: 0px;
	color: #3e5063;
}



.pic_box02 .cs{
	text-align:center;
	margin:58% auto 0;
	font-size:20px;

                 
}

.pic_box02 .txt{
	text-align:center;
	margin:55% auto 0;
	font-size:12px;
	font-weight: bold;

                 
}

.pic_box02 .txt02{
	text-align:center;
	margin:60% auto 0;
	font-size:12px;
	font-weight: bold;

                 
}

.pic_box02 .txt03{
	text-align:center;
	margin:60% auto 0;
	font-size:12px;
	font-weight: bold;

                 
}





.pic_box02 p {

        text-align:center;
        margin-top:213px;
                 
}
.pic_box02 p a{
        color:#3e5063;
        text-decoration:none;
        /*border:1px solid #fff;*/
        padding:5px;

 
}
.pic_box02 p a:hover {
        background:#fff;
        color:#3e5063;
}




.pic_box02 .txt_copy{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 4px #fff;
	position: absolute;
	z-index: 2;
	max-width: 854px;/*画像のwidth*/
	width: 100%;
	max-height: 427px;
	height: 100%;
	pointer-events: none;
	top: -50%;


}

.pic_box02 .txt_copy font {
    font-size: 18px;
	



}



.pic_res_txt {
	padding-top:10%;
	font-size:12px;
}


.pic_res_txt a{
	color:#fff;
	text-decoration:none;
}

.pic_res_txt a:hover{
	color:#fff;
	text-decoration: none;

}



p.no_link a{
    text-decoration: none;
    border: none;

}





.pic_box03 {
        max-width:1278px;/*画像のwidth*/
		width:100%;
        max-height:427px;/*画像のheight*/
		height:100%;
        position:relative;
        overflow:hidden;
        margin:0;
        float:left;
		font-size:10px;
		color:#fff;
}
.pic_box03 span{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 426px;/*画像のheight*/
	left: 2px;
}

.pic_box03 h4{
	text-align:left;
	margin:28% auto 0;
	font-size:12px;
	max-width:540px;
	width:63.2618501%;
                 
}

.pic_box03 .h4_2{
	text-align:left;
	margin:28% auto 0;
	font-size:12px;
	max-width:370px;
	width:80%;
                 
}
.pic_box03 p {

        text-align:center;
        margin-top:213px;
                 
}
.pic_box03 p a{
        color:#fff;
        text-decoration:none;
        border:1px solid #fff;
        padding:5px;
 
}
.pic_box03 p a:hover {
        background:#fff;
        color:rgba(239,0,151,1);
}




.pic_box03 .txt_copy{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
     max-width:1278px;/*画像のwidth*/
    width: 100%;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
    top: -50%;

}








.pic_box04 {
        max-width:426px;/*画像のwidth*/
		width: 33.33333333%;
        max-height:427px;/*画像のheight*/
		height:100%;
        position:relative;
        overflow:hidden;
        margin:0;
        float:left;
		font-size:10px;
		color:#fff;
}
.pic_box04 span{
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 427px;/*画像のheight*/
	left: 0px;
}



.pic_box04 .cs{
	text-align:center;
	margin:58% auto 0;
	font-size:20px;

                 
}

.pic_box04 .txt{
	text-align:center;
	margin:68% auto 0;
	font-size:12px;

                 
}




.pic_box04 p {

        text-align:center;
        margin-top:213px;
                 
}
.pic_box04 p a{
        color:#fff;
        text-decoration:none;
        padding:5px;

 
}
.pic_box04 p a:hover {
        background:#fff;
        color:rgba(239,0,151,1);
}




.pic_box04 .txt_copy{
	/* 略 */
	display: flex; /* 文字の中央配置 */
	justify-content: center; /* 文字の中央配置 */
	align-items: center; /* 文字の中央配置 */
	color: #fff;
	font-size: 26px;
	text-shadow: 0 0 2px #000;
	position:absolute;
	z-index:2;
     max-width:854px;/*画像のwidth*/
    width: 100%;
    max-height: 427px;
    height: 100%;
    pointer-events: none;
    top: -50%;
	margin-top:50%;

}

.pic_box04 .txt_copy font {
    font-size: 18px;
	



}

/*アクセス_sp*/
.grid_field_acc {
		max-width:1280px;
		margin:50px auto 0;
		padding:0;
		background:#fff;
		width: 90%;
		


		
	}
	
.grid_field_acc h4{
	text-align:center;
	font-weight:bold;
padding-bottom:20px;


		
	}	







.pic_box .txt_copy.grandtext {
	top: 70px;}


/* Clearfix*/
	.clearfix { zoom:1; }
	.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	
	


	
	
	
/*フローティングバナー*/	
	
	
#side_req_sns
{
    display: block;
    width: 100%;
    position: fixed;
    right: 5px;
    top: 32.2%;
    z-index: 998;
    text-align: center;
    padding: 0 auto;
	max-width:40px;
}


#side_req_sns a
{
	color:#fff;
	text-decoration:none;
	display: block;
}


#side_req_sns .res_top
{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		  background:#8094BE;
		  padding:5px;
		  font-size:13px;
          height:200px;
		  box-sizing:border-box;
}

#side_req_sns .res_top.request_b
{
		  background:#6BBCB9;
	    height: 100px;
		 
}


#side_req_sns .sns
{
	background:#b3b3b3;
	max-width:29px;
	box-sizing:border-box;
	padding:25px 5px 5px 5px;
	height:170px;

}




/* サイドのsns */

/* facebook */
.sSnsLBtnFb2 {
	margin:0;
	font-size:100%;
}
.sSnsLBtnFb2 a:after{
	font-family: 'FontAwesome';
	content: '\f230';
	color:#fff;
	font-size:16px;
}
/* twitter */
.sSnsLBtnTw2 {
	margin:0;
	font-size:100%;
}
.sSnsLBtnTw2 a:after{
	font-family: 'FontAwesome';
	content: '\f099';
	color:#fff;
	font-size:16px;
}
/* instagram  */
.sSnsLBtnInst2 {
	margin:0;
	font-size:100%;
}
.sSnsLBtnInst2 a:after{
	font-family: 'FontAwesome';
	content: '\f16d';
	color:#fff;
	font-size:16px;
}
/* LINEアット  */
.sSnsLBtnAt2 {
	margin:0;
	font-size:100%;
}
.sSnsLBtnAt2 a:after{
	font-family: 'FontAwesome';
	content: '\f1fa';
	color:#fff;
	font-size:16px;
}
/* tripadvisor   */
.sSnsLBtnTri2 {
	margin:0;
	font-size:100%;
}
.sSnsLBtnTri2 a:after{
	font-family: 'FontAwesome';
	content: '\f262';
	color:#fff;
	font-size:16px;
}

.mt_60{ margin-top:-60px;}

.pb5{ margin-bottom:5px; display:block;}

.pt5{ padding-top:5px;}
.font_w{ color:#fff !important;
text-shadow: 0 0 4px #000;}

.fukidashi{
	max-width:84px;
	margin:5px auto 0;}
	

	
	
.chapel_bg{
   background: url(../img/wedding_top_img04_nomal.jpg) no-repeat top center  !important   ;
	max-width:852px;
	height:426px;

}
.chapel_bg:hover{
  display:block;
  background: url(../img/wedding_top_img04_ov.jpg) no-repeat top center !important  ;
	max-width:852px;
	height:426px;
	
	  -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all  1.0s ease;
}


.chapel_bg:visited{
  display:block;
  background: url(../img/wedding_top_img04_ov.jpg) no-repeat top center !important  ;
	max-width:852px;
	height:426px;
  -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all  1.0s ease;
}






/*フローティングバナー*/	
	
	
#bannerin
{
    display: block;
    width: 100%;
    position: fixed;
    right: 60px;
    top: 450px;
    z-index: 998;
    text-align: center;
    padding: 0 auto;
	max-width:167px;
}

#closebanner

{
    width: 100%;

    position: fixed;
    right: 60px;
    top: 427px;
    z-index: 999;
    text-align: right;
    padding: 0 auto;
	max-width:24px;
}	
	


@media only screen and (max-width: 640px) {
	#bannerin
{

	max-width:100px;
}

}


.gNvArea {
    background: #395064;
    padding: 70px 0;
    position: relative;
}

.typ_1 .gNvArea,
.typ_1 .imgEff_news,
#cuisine.typ_1 .footerBox {
    background: #F8C6BD;
   
}
.typ_2 .gNvArea,
.typ_2 .imgEff_news,
#cuisine.typ_2 .footerBox {
    background: #F7BED8;
   
}



.pic_box02 p.font_xxs{margin-top: 0px !important; letter-spacing: -0.2em; color:#395064;}