@media print{.header, .header_sp, .navi, .weather_info_sp, .search, .footer_sp, .footer{display:none;}} 

img{
	vertical-align:top;
	width:100%;
}

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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline: none;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {height: 100%;}

body {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin:0;padding:0;
	font-size:16px;
	line-height:1.8em;
	color:#FFF;
	font-weight: 450;
	background: #f78ddf;
	background: linear-gradient(90deg, rgba(247, 141, 223, 1) 0%, rgba(40, 191, 184, 1) 100%);
	width: 100%;
	font-family: 'Noto Serif JP', serif;
	overflow-x: hidden;

	position:relative;z-index:0;

}


a {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

/*
a:hover  {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
*/

img {
	height: auto;
/*	width: auto;*/
	max-width: 100%;
	line-height: 100%;
	vertical-align: top;
}


span.txbr{display: inline-block;}

.small{font-size:0.8em;line-height:1.0em;}
.big{font-size:1.5em;line-height:1.0em;}

.bold{font-weight:bold;}
.btm_space{margin-bottom:15px;}
.btm_border{border-bottom:1px solid #DDD;}


.txt_line_link{
	background-image: linear-gradient(90deg, #bac3f2 50%,#FFF 50%);
	background-position: 100%;
	background-size: 250%;
	transition: all 0.3s;
	padding:0 5px 2px 5px;
	position: relative;
	color:#574096;
}
.txt_line_link:before {
	position: absolute;
	content: '';
	bottom: -0px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-right: solid 6px #FFF;
}
.txt_line_link:after {
	position: absolute;
	content: '';
	bottom: -0px;
	left: 0;
	width: 100%;
	border-right: solid 1px #FFF;
}


.txt_line_link:hover{
	background-position: 0%;

	.txt_line_txt{
		background-position: 0%;
		color: transparent;
	}
}

/*背景白*/
.txt_link{
	transition: all 0.3s;
	color:#e4ffb1;
	border-bottom:#e4ffb1 1px solid;
}

.txt_link:hover{
	color:#fff600;
	border-bottom:#fff600 1px solid;
}



.loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #ffd9f0;
	background: linear-gradient(90deg, rgba(255, 217, 240, 1) 0%, rgba(209, 255, 252, 1) 100%);
	z-index: 10005;
}

.loading:after {
	content: "";
	background: url("https://025.teny.co.jp/theme/special/aquarium/img/load.webp") no-repeat;
	background-size: 300px auto;
	width: 300px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	z-index: 10006;
}

p.indent {
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:5px;
}

p.sp_indent {}
.sp_icon{
	display:none;
}


.material-icons{
	/*margin-bottom:10px;*/
	font-size:1em;
	display: inline-flex;
	vertical-align: middle;
}

/* SNS */
/*========= レイアウトのためのCSS ===============*/
/* youtube */
/*
.yt_movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:10px;
}

.yt_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube_flex{display:flex;}
.youtube_flex div{flex:1;}
*/

.zone_img{background-color:#FFF;}
.zone_img a:hover{
	opacity:0.5;cursor: pointer;
}

/*========= body背景色の変化CSS ===============*/
/*------------------------------------------
タイトル下、sp用サブメニュー
------------------------------------------*/
.right_icon{
	display: none;
}

/*------トップに戻るボタン-----*/
.pagetop {
	position: fixed;
	bottom: 10px;
	right: -10px;
	z-index:99;
	font-weight:bold;
}

.pagetop a {
	display: block;
	text-align: left;
	color: #222;
	text-decoration: none;
	padding: 0;
	color:#FFFFFF;
	transition: all 0.3s;
}

.pagetop a:hover  {
	color: #ffff00;
	padding:0 10px 0 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.6;
	/*transform: rotateZ( 360deg );*/
}


/*------トップに戻るボタン-----*/

/*------右下チケットボタン-----*/
.pageticket {
	position: fixed;
	bottom: 60px;
	right: -10px;
	z-index:9;
	font-weight:bold;
}


.pageticket a {
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 0;
	color:#FFFFFF;
	transition: all 0.3s;
}

.pageticket a:hover  {
	color: #ffff00;
	right: 10px;
	padding:0 10px 0 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.6;
}

/*------トップに戻るボタン-----*/


/*泡*/
#awa_con{
	position: absolute;
	top: -50px;
	left: -50px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index:1;
	overflow:hidden;
}

.awa_img{
	position: absolute;
}

.awa0,.awa2,.awa4,.awa6,.awa8{
	width:20px;height:20px;
}
.awa1,.awa3,.awa5,.awa7,.awa9{
	width:40px;height:40px;
}

/*------------------------------------------
メイン画像
------------------------------------------*/
#main{
	background-color:#D91B32;
}

#main_bg{
	position: relative;
	height:1100px;
	background:
		url("https://025.teny.co.jp/theme/special/aquarium/img/main_logo.webp") center 200px / 850px auto no-repeat,
		url("https://025.teny.co.jp/theme/special/aquarium/img/main_kingyo_shiro.webp") 68% 78% / 300px auto no-repeat,
		url("https://025.teny.co.jp/theme/special/aquarium/img/main_aqua.webp") 50% 90% / 400px auto no-repeat,
		url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_left.webp") left bottom / 470px auto no-repeat,
		url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_right.webp") right bottom / 470px auto no-repeat,

		url("https://025.teny.co.jp/theme/special/aquarium/img/main.webp") center top / auto 1000px no-repeat,
		url("https://025.teny.co.jp/theme/special/aquarium/img/bg_aqua.webp") 50% center repeat-x,
		linear-gradient(180deg, transparent 0%, transparent 780px, #000 800px),
		radial-gradient(at 0% 0%, #ec75a9 0px, transparent 50%),/*左上*/
		radial-gradient(at 100% 0%, #00abb3 0px, transparent 50%),/*右上*/

		radial-gradient(at 0 50%,#8bcedd 0px, transparent 50%),/*中段左*/
		radial-gradient(at 100% 50%, #839dc3 0px, transparent 50%),/*中段右*/
		radial-gradient(at 0% 100%, #0f2c8d 0px, transparent 50%),/*左下*/
		radial-gradient(at 100% 100%, #5e1986 0px, transparent 50%)/*右下*/
		#FFF;


	background-blend-mode:
		normal , normal , screen , normal , normal ,
		normal , screen , normal , normal , normal ,
		normal , normal , normal , normal , normal;

}


#koi{position: absolute;width:350px;top:40%;left:10%;animation: 3s ease-in-out infinite alternate main_ani;pointer-events: none;}
#kingyo{position: absolute;width:230px;top:20%;left:74%;animation: 2s ease-in-out infinite alternate main_ani;pointer-events: none;}

@keyframes main_ani {
	0% {transform: translateY(0%);}
	100% {transform: translateY(-70px);}
}

#main_img{
	width:100%;
	text-align:center;
	margin:0 auto;
}

#menu_empty{
	background-color:#D91B32;
}

#main_logo{
	max-width:1000px;
}


/*------------------------------------------
メイン画像
------------------------------------------*/
#main_bn{
	text-align:center;
	display:grid;grid-template-columns:58% 42%;
	width:90%;max-width:1200px;margin:0 auto;gap:0;
	position: absolute;
	right: 0;
	left: 0;
	margin: -135px auto 135px auto;
	place-content: center;
	place-items: center;
}


#main_contents{
	box-sizing:border-box;
	background:url("https://025.teny.co.jp/theme/special/aquarium/img/nami.svg") top center / 100% no-repeat, url("https://025.teny.co.jp/theme/special/aquarium/img/bg_chouchin.svg") top left / 40% auto fixed no-repeat;
	background-blend-mode:darken,normal;
}

#bg_ue{background:url("https://025.teny.co.jp/theme/special/aquarium/img/bg_hanabi.svg");}
#bg_shita{background:url("https://025.teny.co.jp/theme/special/aquarium/img/bg_hanabi2.svg");}
/*------------------------------------------
本文　項目共通
------------------------------------------*/
h1{
	font-size:2.5em;
	box-sizing:border-box;
	/*text-shadow: -2px 3px 3px rgba(0, 28, 255, 0.8);*/
	text-shadow: 2px 3px 3px rgba(57, 57, 147, 0.8);
	line-height:1.8em;
	color:#FFF;
	padding-top:50px;
}

h2{
	font-size:1.2em;
	border-bottom:1px solid #FFF;
}

.text{
	color:#0074bc;
	line-height:2em;
	margin:0 auto;
	font-size:18px;
	padding:0 0 0 0;
	width:100%;max-width:1000px;margin:0 auto;
}

.text_inner{
	color:#FFF;
}


/*------------------------------------------
動画
------------------------------------------*/
/*
#movie{}

#movie_frame{width:100%;max-width:640px;margin:0 auto;}
#movie_title{
	z-index:10;position: relative;border:1px solid #000;padding:5px 20px;background-color:#e61874;color:#fff100;font-weight:bold;font-size:1.3em;width:100%;border-radius:5px;box-sizing:border-box;
}
#movie_img{
	margin-top: -20px;border-radius:5px;box-sizing:border-box;
}
*/



/*------------------------------------------
NGT
------------------------------------------*/
#ngt{width:100%;max-width:1000px;margin:0 auto;padding-top:50px;}

/*------------------------------------------
SNS
------------------------------------------*/
#sns{}

#sns h1{
	font-family: 'Mochiy Pop One', sans-serif;font-weight:normal;
}

#sns .text_inner div h2 {
	position: relative;
	border-bottom:none;
	font-family: 'Mochiy Pop One', sans-serif;
	font-size:3em;line-height:1.5em;padding-bottom:10px;
	/*font-size:clamp(20px, 100%, 95px);line-height:clamp(48px, 4vw, 280px);*/

	font-size: clamp(20px, 5vw, 70px);
	text-shadow: -2px 3px 3px rgba(0, 28, 255, 0.4);

}

#sns .text_inner div h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: repeating-linear-gradient(-45deg, #ffff00, #ffff00 2px, transparent 2px, transparent 4px);
}

#sns_grid{padding:1em;box-sizing:border-box;width:100%;margin:0 auto;display:grid;grid-template-columns:auto auto;gap:20px;padding-top:20px; place-content:center;place-items: center;}

#sns_icon_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:7px;}
#sns_icon_grid img{border-radius:15%;max-width:127px;}

#sns_icon_grid a{
	border-radius:15%;
	box-shadow: 0px 12px 15px -5px #782cb766;
	transition: .3s;
}
#sns_icon_grid a:hover{
	box-shadow: unset;
	transform: translateY(4px);
}

/*------------------------------------------
開催概要
------------------------------------------*/
#gaiyou{}

/*------------------------------------------
入場料
------------------------------------------*/
#ticket{}

/*------------------------------------------
展示ゾーン
------------------------------------------*/
#zone{}

#tenji_text{
	display:grid;grid-template-columns:1fr 150px;gap:10px;
	place-content: center;
	place-items: center;
}

#tenji_text_camera{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}

.tenji_grid{
	display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;
}


.zone_grid{
	display:grid;grid-template-columns:auto 1fr;grid-template-rows: auto auto 1fr;gap:0 5px;
}

.zone_img{
	grid-column-start: 1;
	grid-column-end: 3;
}

.zone_name{
	line-height:1em;font-size:0.5em;display:grid;
	place-content: center start;
	place-items: center start;
}

.zone_title{
	border-left:1px solid #FFF;display:grid;
	place-content: center start;
	place-items: center start;

	padding-left:5px;
}

.zone_text{
	border-top:1px solid #FFF;
	grid-column-start: 1;
	grid-column-end: 3;
}


#photo_spot{
	margin-top:80px;
}

#photo_spot_text{
	font-size:2em;text-align:center;width:100%;max-width:550px;
	display:grid;grid-template-columns:1em auto 1em;margin:1em auto;gap:20px;
	place-items: end;text-shadow: 2px 3px 3px rgba(57, 57, 147, 0.8);
}

#zone_bottom{
	display:grid;grid-template-columns:1fr 350px;gap:10px;
	place-items: start start;

}

#zone_bottom_event{
	display:grid;grid-template-columns:100px 1fr;width:100%;
}

#zone_bottom_event div{
	border-bottom:1px solid #FFF;padding:10px;box-sizing:border-box;
}

#zone_bottom_corner{
	text-align:center;
}

.zone_bottom_event_zone{
	line-height:1em;
}

.zone_bottom_event_corner{
	border-left:1px solid #FFF;
}
/*------------------------------------------
アクセス
------------------------------------------*/
#access{}
/*------------------------------------------
お問い合わせ
------------------------------------------*/
#toi{}

#inner_grid_toi{
	display:grid;grid-template-columns:auto 1fr;gap:0 20px;
}

/*------------------------------------------
fotter
------------------------------------------*/
footer{
	display:grid;
	color:#1b3e77;
	background-color:#FFF;
}

#footer_inner{
	display:grid; grid-template-columns: 100px 1fr;width:90%;max-width:1000px;margin:0 auto;padding:30px 0;
}

#footer_inner div.spo_bn:nth-child(odd){text-align:right;}
#footer_inner div:nth-child(odd){padding-right:1em;}
#footer_copy{font-size:0.8em;text-align:center;}

.footer_spo{
	display:inline-block;box-sizing:border-box;
	padding:0 10px 20px 10px;background-color:#FFF;
	width:auto;
}


.footer_spo img{
	height:38px;width:auto;
}

.footer_spo img.bn_b{
	height:70px;width:auto;
}

.footer_spo img.bn_m{
	height:60px;width:auto;
}





@media (min-width: 0px) and (max-width: 1600px) {


	/*------------------------------------------
	メイン画像
	------------------------------------------*/
	#main_bg{
		--viewport-width: 100vw;
		height: calc(var(--viewport-width) * 0.7);

		background:
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_logo.webp") center 45% / 53% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_kingyo_shiro.webp") 68% 78% / 20% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_aqua.webp") 50% 90% / 400px auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_left.webp") left 120% / 35% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_right.webp") right 120% / 35% auto no-repeat,

			url("https://025.teny.co.jp/theme/special/aquarium/img/main.webp") center top / 55% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/bg_aqua.webp") 50% center repeat-x,
			linear-gradient(180deg, transparent 0%, transparent 80%, #000 85%),
			radial-gradient(at 0% 0%, #ec75a9 0px, transparent 50%),/*左上*/
			radial-gradient(at 100% 0%, #00abb3 0px, transparent 50%),/*右上*/

			radial-gradient(at 0 50%,#8bcedd 0px, transparent 50%),/*中段左*/
			radial-gradient(at 100% 50%, #839dc3 0px, transparent 50%),/*中段右*/
			radial-gradient(at 0% 100%, #0f2c8d 0px, transparent 50%),/*左下*/
			radial-gradient(at 100% 100%, #5e1986 0px, transparent 50%),/*右下*/
			#FFF;

		background-blend-mode:
			normal , normal , screen , normal , normal ,
			normal , screen , normal , normal , normal ,
			normal , normal , normal , normal , normal ;
	}


	#koi{width:20%;}
	#kingyo{width:17%;}
	@keyframes main_ani {
		0% {transform: translateY(0%);}
		100% {transform: translateY(-50px);}
	}
}


@media (min-width: 0px) and (max-width: 1024px) {

	.text{width:90%;}


	/*------------------------------------------
	メイン画像
	------------------------------------------*/
	#main_bg{
		--viewport-width: 100vw;
		height: calc(var(--viewport-width) * 0.75);

		background:
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_logo.webp") center 45% / 53% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_kingyo_shiro.webp") 68% 78% / 20% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_aqua.webp") 50% 90% / 400px auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_left.webp") left 120% / 35% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_right.webp") right 120% / 35% auto no-repeat,

			url("https://025.teny.co.jp/theme/special/aquarium/img/main.webp") center top / 55% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/bg_aqua.webp") 50% center repeat-x,
			linear-gradient(180deg, transparent 0%, transparent 70%, #000 85%),
			radial-gradient(at 0% 0%, #ec75a9 0px, transparent 50%),/*左上*/
			radial-gradient(at 100% 0%, #00abb3 0px, transparent 50%),/*右上*/

			radial-gradient(at 0 50%,#8bcedd 0px, transparent 50%),/*中段左*/
			radial-gradient(at 100% 50%, #839dc3 0px, transparent 50%),/*中段右*/
			radial-gradient(at 0% 100%, #0f2c8d 0px, transparent 50%),/*左下*/
			radial-gradient(at 100% 100%, #5e1986 0px, transparent 50%),/*右下*/
			#FFF;

		background-blend-mode:
			normal , normal , screen , normal , normal ,
			normal , screen , normal , normal , normal ,
			normal , normal , normal , normal , normal ;
	}

	#koi{width:20%;top:50%;left:12%;}
	#kingyo{width:17%;top:22%;left:74%;}
	@keyframes main_ani {
		0% {transform: translateY(0%);}
		100% {transform: translateY(-40px);}
	}

	#main_bn{
		grid-template-columns:1fr;gap:0;
		margin: -20% auto -7% auto;
	}

	#main_bn div{
		width:50%;max-width:500px;margin:0 auto;
	}




#zone_bottom{
	grid-template-columns:1fr;gap:10px;
	place-items: start start;
}

#zone_bottom_event{
	grid-template-columns:100px 1fr;width:auto;
	margin:0 auto;
}

#zone_bottom_event div{
	border-bottom:1px solid #FFF;padding:10px;box-sizing:border-box;
}

#zone_bottom_corner{
	width:100%;max-width:350px;margin:1em auto 0 auto;
}

/*------------------------------------------
NGT
------------------------------------------*/
#ngt{width:90%;}


	/*------------------------------------------
	展示ゾーン
	------------------------------------------*/
	#tenji_text{
		display:grid;grid-template-columns:1fr 25%;gap:10px;
		place-content: center;
		place-items: center;
	}
	#tenji_text_img{
		grid-column: 1 / 3;
	}

	#tenji_text_camera{
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	#tenji_text_main{
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

}

@media (min-width: 0px) and (max-width: 768px) {

	.text{font-size:1.0em;}

	/*------------------------------------------
	メイン画像
	------------------------------------------*/
	#main_bg{
		--viewport-width: 100vw;
		height: calc(var(--viewport-width) * 1.1);

		background:
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_logo.webp") center 45% / 70% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_kingyo_shiro.webp") 78% 75% / 22% auto no-repeat,
			linear-gradient(180deg, transparent 0%, transparent 95%, #000 100%),
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_left.webp") left 130% / 45% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_right.webp") right 130% / 45% auto no-repeat,

			url("https://025.teny.co.jp/theme/special/aquarium/img/main.webp") center top / 85% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/bg_aqua.webp") 50% center repeat-x,
			linear-gradient(180deg, transparent 0%, transparent 80%, #000 85%),
			radial-gradient(at 0% 0%, #ec75a9 0px, transparent 50%),/*左上*/
			radial-gradient(at 100% 0%, #00abb3 0px, transparent 50%),/*右上*/

			radial-gradient(at 0 50%,#8bcedd 0px, transparent 50%),/*中段左*/
			radial-gradient(at 100% 50%, #839dc3 0px, transparent 50%),/*中段右*/
			radial-gradient(at 0% 100%, #0f2c8d 0px, transparent 50%),/*左下*/
			radial-gradient(at 100% 100%, #5e1986 0px, transparent 50%),/*右下*/
			#FFF;

		background-blend-mode:
			normal , normal , normal , normal , normal ,
			normal , screen , normal , normal , normal ,
			normal , normal , normal , normal ;
	}

	#koi{width:26%;top:50%;left:5%;}
	#kingyo{width:22%;top:22%;left:74%;}

	#main_bn{
		margin: -30% auto -7% auto;
	}

	#main_bn div{
		width:60%;max-width:500px;margin:0 auto;
	}



	/*------------------------------------------
	展示ゾーン
	------------------------------------------*/
	.tenji_grid{
		grid-template-columns:1fr 1fr;
	}

	#tenji_text{
		display:grid;grid-template-columns:1fr 25%;gap:10px;
		place-content: center;
		place-items: center;
	}
	#tenji_text_img{
		grid-column: 1 / 2;
	}

	#tenji_text_camera{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	#tenji_text_main{
		grid-column: 1 / 3;
	}


	#photo_spot_text{
		place-items: end center;
	}


	/*------------------------------------------
	お問い合わせ
	------------------------------------------*/
	#toi{}
	#inner_grid_toi{grid-template-columns:1fr;}
	#inner_grid_toi div:nth-child(odd){border-bottom:1px solid #FFF;;}
	#inner_grid_toi div:nth-child(even){padding-bottom:1em;}

	/*------------------------------------------
	footer
	------------------------------------------*/
	#footer_inner{
		grid-template-columns: 1fr;width:80%;
	}


	#footer_inner div.spo_bn:nth-child(odd){
		text-align:left;
	}
	#footer_inner>.spo_bn{padding-top:1em;text-align:left;border-bottom:1px solid #CCC;}

	.footer_spo{
		padding:10px 10px 20px 0;
	}


}



@media (min-width: 0px) and (max-width: 640px) {

	h1{font-size:1.5em;}

	/*------トップに戻るボタン-----*/
	.pagetop a {width:80px;}
	.pagetop a:hover{width:80px;}

	/*------トップに戻るボタン-----*/

	/*------右下チケットボタン-----*/
	.pageticket {bottom: 50px;z-index:99;}
	.pageticket a {width:80px;}
	.pageticket a:hover {width:80px;}
	/*------トップに戻るボタン-----*/


	/*------------------------------------------
	メイン画像
	------------------------------------------*/
	#main_bg{
		--viewport-width: 100vw;
		height: calc(var(--viewport-width) * 1.3);

		background:
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_logo.webp") center 35% / 80% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_kingyo_shiro.webp") 78% 75% / 22% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_aqua.webp") 50% 50% / 400px auto no-repeat,
			linear-gradient(180deg, transparent 0%, transparent 95%, #000 100%),
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_left.webp") left 130% / 50% auto no-repeat,

			url("https://025.teny.co.jp/theme/special/aquarium/img/main_maru_right.webp") right 130% / 50% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/main_sp.webp") center 50% / 95% auto no-repeat,
			url("https://025.teny.co.jp/theme/special/aquarium/img/bg_aqua.webp") 50% center repeat-x,
			linear-gradient(180deg, transparent 0%, transparent 80%, #000 85%),
			radial-gradient(at 0% 0%, #ec75a9 0px, transparent 50%),/*左上*/

			radial-gradient(at 100% 0%, #00abb3 0px, transparent 50%),/*右上*/
			radial-gradient(at 0 50%,#8bcedd 0px, transparent 50%),/*中段左*/
			radial-gradient(at 100% 50%, #839dc3 0px, transparent 50%),/*中段右*/
			radial-gradient(at 0% 100%, #0f2c8d 0px, transparent 50%),/*左下*/
			radial-gradient(at 100% 100%, #5e1986 0px, transparent 50%),/*右下*/



			#FFF;

		background-blend-mode:
			normal , normal , screen , normal , normal ,
			normal , normal , screen , normal , normal ,
			normal , normal , normal , normal , normal ;
	}


	#kingyo{width:22%;top:59%;left:74%;}
	#koi{width:28%;top:52%;left:3%;}


	@keyframes main_ani {
		0% {transform: translateY(0%);}
		100% {transform: translateY(-20px);}
	}

	#main_bn{
		grid-template-columns:1fr;gap:0;
	}

	#main_bn div{
		width:80%;max-width:auto;margin:0 auto;
	}


	/*------------------------------------------
	展示ゾーン
	------------------------------------------*/
	#photo_spot_text{
		font-size:1.5em;
		font-size: clamp(18px, 4vw, 30px);
	}


}

@media (min-width: 0px) and (max-width: 450px) {

	#sns .text_inner div h2 {
		font-size: clamp(10px, 5vw, 70px);
	}
	#sns_icon_grid{gap:10px;}

	#playguide .txbr{
		display:block;
	}
	#playguide br{
		display:none;
	}



	/*------------------------------------------
	展示ゾーン
	------------------------------------------*/
	.tenji_grid{
		grid-template-columns:1fr;
	}




	#footer_inner .footer_spo{
		width:100%;text-align:left;
	}

	.footer_spo{
		padding:10px 10px 10px 0;
	}
	#footer_copy{font-size:0.7em;line-height:1.8em;}

	.footer_spo img{height:35px;width:auto;}
	.footer_spo.ntt>img{height:30px;width:auto;}
	.footer_spo img.bn_b{height:auto;max-height:60px;width:auto;}
	.footer_spo img.bn_m{height:50px;width:auto;}
	.footer_spo.coop>img.bn_m{height:60px;width:auto;}
}