@charset "UTF-8";
/* CSS Document */



/****************************************************************************************************
初期設定
****************************************************************************************************/
.pcOnly {
	display: block;
}
img.pcOnly,
span.pcOnly,
i.pcOnly {
	display: inline;
}
.spOnly {
	display: none;
}

html,body{
	text-align: center;
	font-family : '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'HGS明朝E', 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt" 1;
	scroll-padding-top: 100px;
	background: #FFF;
	font-size: 15px;
	min-width: 1300px;
}

* {
	box-sizing: border-box;
}
img {
	vertical-align: top;
}
a {
	color: #000;
	text-decoration: none;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	transition: opacity 300ms;
}
a:hover {
	opacity: .5;
}



/****************************************************************************************************
wayp
****************************************************************************************************/

.wayp {
	opacity:0;
	-webkit-transform: translate(0, 0) scale(1.05);
	transform: translate(0, 0) scale(1.05);
	-webkit-transition: opacity 1000ms, transform 500ms ease-out;
	transition: opacity 1000ms, transform 500ms ease-out;
}
.wayp.active {
	opacity:1;
	-webkit-transform: translate(0, 0) scale(1.0);
	transform: translate(0, 0) scale(1.0);
}
.fade {
	opacity:0;
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms;
}
.fade.active {
	opacity:1;
}
.slide-down {
	opacity:0;
	-webkit-transform: translate(-30px, 0);
	transform: translate(-30px, 0);
	-webkit-transition: opacity 1000ms, transform 1000ms ease-out;
	transition: opacity 1000ms, transform 1000ms ease-out;
}
.slide-up {
	opacity:0;
	-webkit-transform: translate(30px, 0);
	transform: translate(30px, 0);
	-webkit-transition: opacity 1000ms, transform 1000ms ease-out;
	transition: opacity 1000ms, transform 1000ms ease-out;
}
.slide-in {
	opacity:0;
	-webkit-transform: translate(-100px, 0);
	transform: translate(-100px, 0);
	-webkit-transition: opacity 1000ms, transform 500ms ease-out;
	transition: opacity 1000ms, transform 500ms ease-out;
}
.slide-in2 {
	opacity:0;
	-webkit-transform: translate(100px, 0);
	transform: translate(100px, 0);
	-webkit-transition: opacity 1000ms, transform 500ms ease-out;
	transition: opacity 1000ms, transform 500ms ease-out;
}
.slide-down.active,
.slide-up.active,
.slide-in.active,
.slide-in2.active {
	opacity:1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.delay1 { transition-delay: 100ms; }
.delay2 { transition-delay: 200ms; }
.delay3 { transition-delay: 300ms; }
.delay4 { transition-delay: 400ms; }
.delay5 { transition-delay: 500ms; }
.delay6 { transition-delay: 600ms; }
.delay7 { transition-delay: 700ms; }
.delay8 { transition-delay: 800ms; }
.delay9 { transition-delay: 900ms; }
.delay10 { transition-delay: 1000ms; }



/****************************************************************************************************
header
****************************************************************************************************/
#header {
	position: absolute;
	left: 0;
	right: 0;
	top: 26px;
	margin: auto;
	z-index: 100;
}



/****************************************************************************************************
main
****************************************************************************************************/
#main {
	position: relative;
	background: #48BCAC;
}
#main figure {
	position: relative;
}
#main figure img {
}
#main figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #000;
	font-size: 0.866rem;
}



/****************************************************************************************************
chance
****************************************************************************************************/
#chance {
	background: url(../img/chance-bg.png);
}



/****************************************************************************************************
info
****************************************************************************************************/
#info {
	background: url(../img/info-bg.png);
}



/****************************************************************************************************
bukken
****************************************************************************************************/
#higashinada-block,
#nada-block {
	padding-bottom: 100px;
}
#higashinada-ttl,
#nada-ttl {
	padding: 10px 0;
	background-image: linear-gradient(45deg, rgb(230,230,230), rgb(255,255,255) 50%, rgb(230,230,230));
}
.bukken-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 40px;
	width: 1200px;
	margin: auto;
	padding: 60px 0 0 0;
}
.bukken-box {
	width: 580px;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.bukken-box a {
	display: block;
}
.bukken-inner {
	padding: 20px;
	background: #A4A56C;
	color: #FFF;
}
.bukken-text p {
	font-size: 1.333rem;
	font-weight: bold;
	line-height: 1.6;
}
.bukken-text p sup {
	font-size: 60%;
	vertical-align: top;
}
.bukken-text h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	margin-top: 15px;
	padding: 0.3em 0;
	border-top: 1px solid rgba(255,255,255,.5);
	border-bottom: 1px solid rgba(255,255,255,.5);
	font-size: 1.733rem;
	line-height: 1.6;
}
.bukken-text h3 .sub {
	font-size: 0.866rem;
}
.bukken-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	margin-top: 20px;
}
.bukken-photo {
	position: relative;
}
.bukken-photo figure {
	position: relative;
}
.bukken-photo figcaption {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	color: #FFF;
	font-size: 0.666rem;
	font-weight: bold;
	text-shadow:
		0 0 5px rgba(0,0,0,1),
		0 0 5px rgba(0,0,0,1),
		0 0 5px rgba(0,0,0,1);
}
.bukken-note {
	position: absolute;
	left: -20px;
	top: 15px;
}
.bukken-point ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	gap: 5px;
}
.bukken-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	padding: 0.6em;
	background: #403000;
	color: #FFF;
	font-size: 1.6rem;
}

#nada-block .bukken-inner {
	background: #9298B1;
}
#nada-block .bukken-link {
	background: #002040;
}
.caption {
	width: 1200px;
	margin: auto;
	margin-top: 100px;
	padding: 1.6em 0 0 0;
	border-top: 1px solid rgba(0,0,0,.15);
	font-size: 0.733rem;
	line-height: 1.6;
	text-align: left;
}



/****************************************************************************************************
mg
****************************************************************************************************/
#mg {
	padding-bottom: 100px;
}
#mg-ttl {
	padding: 10px 0;
	background-image: linear-gradient(45deg, rgb(211,198,158), rgb(255,255,255) 50%, rgb(211,198,158));
}
#mgs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 2px;
	margin-top: 2px;
}
#mgs > * {
	width: 50%;
}
#mgs > * img {
	width: 100%;
	height: auto;
}



/****************************************************************************************************
footer
****************************************************************************************************/
#footer {
	padding: 25px 50px;
	background: #000;
}
#copyright {
	color: #FFF;
	font-size: 0.8rem;
}




@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	初期設定
	****************************************************************************************************/
	html,
	body {
		min-width: initial;
		min-width: auto;
		scroll-padding-top: 0;
		font-size: 3.466vw;
	}
	img {
		width:100%;
		height:auto;
	}
	a {
		-webkit-transition:none;
		transition:none;
	}
	a:hover {
		opacity:1;
	}
	.pcOnly,
	img.pcOnly,
	span.pcOnly,
	i.pcOnly {
		display:none;
	}
	.spOnly {
		display:block;
	}
	span.spOnly {
		display:inline;
	}
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	
	.wayp {
		opacity:0;
		-webkit-transform: translate(0, 3vw);
		transform: translate(0, 3vw);
		-webkit-transition: all 700ms ease-out;
		-moz-transition: all 700ms ease-out;
		transition: all 700ms ease-out;
	}
	.slide-down {
		opacity:0;
		-webkit-transform: translate(-3vw, 0);
		transform: translate(-3vw, 0);
		-webkit-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}
	.slide-up {
		opacity:0;
		-webkit-transform: translate(3vw, 0);
		transform: translate(3vw, 0);
		-webkit-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}
	.slide-in {
		opacity:0;
		-webkit-transform: translate(-10vw, 0);
		transform: translate(-10vw, 0);
		-webkit-transition: opacity 1000ms, transform 500ms ease-out;
		transition: opacity 1000ms, transform 500ms ease-out;
	}
	.slide-in2 {
		opacity:0;
		-webkit-transform: translate(10vw, 0);
		transform: translate(10vw, 0);
		-webkit-transition: opacity 1000ms, transform 500ms ease-out;
		transition: opacity 1000ms, transform 500ms ease-out;
	}
	.delay1 { transition-delay: 100ms; }
	.delay2 { transition-delay: 200ms; }
	.delay3 { transition-delay: 300ms; }
	.delay4 { transition-delay: 400ms; }
	.delay5 { transition-delay: 500ms; }
	.delay6 { transition-delay: 600ms; }
	.delay7 { transition-delay: 700ms; }
	.delay8 { transition-delay: 800ms; }
	.delay9 { transition-delay: 900ms; }
	.delay10 { transition-delay: 1000ms; }
	
	
	
	/****************************************************************************************************
	header
	****************************************************************************************************/
	#header {
		top: 3vw;
	}
	#wakohre {
		width: 20vw;
		margin: auto;
	}
	
	
	
	/****************************************************************************************************
	main
	****************************************************************************************************/
	#main {
		overflow: hidden;
		padding-top: 4vw;
	}
	#main figure img {
		width: 106%;
		margin-left: -3%;
	}
	#main figure figcaption {
		font-size: 0.533rem;
	}
	
	
	
	/****************************************************************************************************
	chance
	****************************************************************************************************/
	#chance {
		background: none;
		padding: 4vw;
	}
	
	
	
	/****************************************************************************************************
	bukken
	****************************************************************************************************/
	#higashinada-block,
	#nada-block {
		padding-bottom: 4vw;
	}
	#higashinada-ttl,
	#nada-ttl {
		overflow: hidden;
		padding: 2vw 0;
	}
	#higashinada-ttl img,
	#nada-ttl img {
		width: 180%;
		margin-left: -40%;
	}
	.bukken-block {
		gap: 4vw;
		width: 100%;
		padding: 4vw;
	}
	.bukken-box {
		width: 100%;
	}
	.bukken-inner {
		padding: 4vw;
	}
	.bukken-text p {
		font-size: 1.066rem;
	}
	.bukken-text h3 {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 0.5em;
		margin-top: 0.5em;
		padding: 0.5em 0;
		font-size: 1.2rem;
	}
	.bukken-text h3 .sub {
		font-size: 0.533rem;
	}
	.bukken-info {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 1vw;
		margin-top: 4vw;
	}
	.bukken-photo figcaption {
		font-size: 0.533rem;
	}
	.bukken-note {
		width: 20vw;
		left: -4vw;
		top: 4vw;
	}
	.bukken-point ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 1vw;
	}
	.bukken-link {
		gap: 2vw;
		font-size: 1.2rem;
	}
	.bukken-link img {
		width: 4vw;
		height: auto;
	}
	
	.caption {
		width: 92vw;
		margin-top: 10vw;
		font-size: 0.533rem;
	}
	
	
	
	/****************************************************************************************************
	mg
	****************************************************************************************************/
	#mg {
		overflow: hidden;
		padding-bottom: 10vw;
	}
	#mg-ttl {
		padding: 2vw 4vw;
	}
	#mgs {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2px;
		margin-top: 2px;
	}
	#mgs > * {
		width: 100%;
	}
	
	
	
	/****************************************************************************************************
	footer
	****************************************************************************************************/
	#footer {
		padding: 4vw 4vw;
	}
	#copyright {
		font-size: 0.666rem;
	}
}

@media screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	float
	****************************************************************************************************/
	#pagetop {
		width: 5vw;
	}
	
	
	
}