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

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;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin:0;padding:0;
	font-size:17px;
	background: #faf9f3;
	background-image: url(../img/kumo01.webp);
}

a{text-decoration:none;}

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


span.txbr{display: inline-block;}

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

.vert{color:#1a6b6d;}
.bleuciel{color:#30abc1;}


/*------------------------------------------
全体のフェード
------------------------------------------*/
/*
.fadeIn {
	opacity: 0;
	transition: 1s;
}
.fadeIn.is-show {
	opacity: 1;
}
*/

.fadeIn_down {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1s ease 0s;

}
.fadeIn_down.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
/*---------*/
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 10px);

	transition: all 1.2s ease 0.2s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}


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

.fadeIn_down_late {
	opacity: 0;
	transform: translate(0, -20px);

	/*trandision:アニメーションさせるもの/秒数/アニメーションタイプ/遅延*/
	transition: all 1s ease 0.4s;

}
.fadeIn_down_late.is-show {
	transform: translate(0, 0);
	opacity: 1.4;
}
/*---------*/


.fadeIn_up_late {
	opacity: 0;
	transform: translate(0, 20px);
	transition: 1s;

}
.fadeIn_up_late.is-show {
	transform: translate(0, 0);
	opacity: 1;
}


/*---------------------------------
　リンク
-----------------------------------*/
/*
a.txt_line_link {
	box-shadow: inset 0 0 0 0 #da007f;
	color: #fff;
	padding:3px 8px 3px 8px;
	margin:10px 0;

	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;

	background-color:#000;
	text-decoration:none;
	display:inline-block;
}
*/

/*---------------------------------
	　 -------------
	　|   > link    |　←これ
	　 -------------
-----------------------------------*/

.kimono_link{
	display:inline-block;

	position: relative;
	text-decoration: none;
	color: #000;

	background-color:#fff;
	padding:20px 40px 20px 20px;
	border:1px solid #CCC;

	width:100%;max-width:400px;
	margin-bottom:2em;
}


.kimono_link .material-symbols-outlined{
	transition:transform .3s ease;
	vertical-align: bottom;
	line-height: 1;
}




/*---------------------------------
　ホバーアニメーション可能なデバイスのみに適用
-----------------------------------*/
@media (any-hover: hover) {
	.kimono_link:hover::before  {transform: translateX(5px);}

	.kimono_link:hover .material-symbols-outlined{
		transform:translateX(5px);
	}

}


/*------------------------------------------
　テキスト
------------------------------------------*/

h2 img.title{ max-width:200px;margin-top:-30px;}
h3{font-weight:bold;}
h3.midashi{
	margin-top:0%;padding-bottom:5px;margin-bottom:20px;
	font-family: "Zen Old Mincho", serif;font-size:1.6em;
	font-size:clamp(1.2em, 3vw , 1.6em);line-height:clamp(1.4em, 3vw, 1.6em);
}


.bold{font-weight:bold;}
#main_text section:nth-of-type(even) {background-color:#FFF;color:#333;}
.text_grid{display:grid;grid-template-columns:20% 1fr;width:95%;max-width:1000px;margin:0 auto;gap:30px;padding:50px 0;}


@media (max-width: 720px) {
	.text_grid{display:grid;grid-template-columns:1fr;width:90%;padding:20px 0;}
	h2 img.title{
		display:block;
		max-width:150px;
		margin:0 auto;
	}
}

/*----------------------------
　トップに戻るボタン
-----------------------------*/
.right_icon{
	display: none;
}

.pagetop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index:99;
	font-weight:bold;
}

.pagetop a {
	display: block;
	text-align: left;
	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: 50px;
	right: 0px;
	z-index:99;
	font-weight:bold;
	max-width:140px;
}


.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;*/
	opacity: 0.6;
	/*transform: rotate(-5deg) scale(1.2);*/
	padding:0 0 0 0;
	/*filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.6;*/
}

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



/*---------------------------------
　main
-----------------------------------*/
main{
	background: #F4DEDD;
	background: url("../img/main_bg.svg") top center / 100% auto no-repeat, linear-gradient(90deg,#FBDBDA 0%, #FBDBDA 31%, rgba(212, 236, 243, 1) 31%, rgba(212, 236, 243, 1) 100%);
}

#main_inner{
	width:90%;max-width:900px;padding:40px 0;margin:0 auto;display:grid;grid-template-columns:143fr 800fr 143fr;gap:20px;
}

#main_title_left{
	max-width:143px;padding-top:10%;
}
#main_title_kimono{
	max-width:800px;padding-top:5%;
}
#main_title_right{
	max-width:147px;
}

@media (max-width: 900px) {
	#main_inner{width:95%;padding:20px 0;gap:8px;}

	#main_title_left{
		align-self: end;
	}
	#main_title_kimono{
		padding-top:11%;
	}
}

#main_day{background-color:#fff;}
#main_day_grid{display:grid;grid-template-columns:1fr 1fr;padding:40px 20px;box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto;gap:30px;}
#main_day_grid img{max-width:500px;}



/*---------------------------------
　イントロダクション
-----------------------------------*/

/*---------------------------------
 みどころ
-----------------------------------*/

/*---------------------------------
 開催概要
-----------------------------------*/

/*---------------------------------
 観覧料
-----------------------------------*/
.ticket_table{
	display:grid;grid-template-columns:150px 1fr;border-bottom:5px dotted #d4f1fc;padding:20px;
}


/*---------------------------------
　展示構成
-----------------------------------*/
.midashi_tenji{padding-left: 1.3em;position: relative;}
.midashi_tenji::before {
	content: "■\0020";   /* ■ + EM SPACE */
	color: #FFCFCF;
	position: absolute;
	left: 0;top: 0;
}

/*第1章*/
.tenji_grid{width:90%;max-width:950px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;}
.sakuhin_no{display:block;width: fit-content;margin:10px auto 0 auto;}
.sakuhin_name{font-family: Zen Old Mincho, serif;font-weight:bold;}
.tenji_03{width:90%;max-width:500px;margin:1em auto;align-items:center;}

/*第2章*/
#tenji_section2{width:90%;max-width:950px;margin:0 auto;}
.tenji_section2_hana{position: absolute;z-index:-1;}

.tenji_04_grid{display:grid;width:100%;max-width:1000px;margin:0 auto;grid-template-columns:2fr 3fr;gap:20px;}
.tenji_04_ex{margin:0;width:100%;padding:30px;background-color:#ebebe3;box-shadow: 6px 6px #7f6b22;box-sizing:border-box;}
#tenji04_flex{display:flex; flex-direction:column; justify-content:center; width:100%;}


/*.tenji_04{width:100%;max-width:1000px;margin:1em auto;align-items:center;}*/
.tenji_05_img{width:100%;max-width:1000px;}
.tenji_05_ex{margin:-50px auto 0 auto;width:100%;max-width:900px;padding:80px 30px 30px 30px;background-color:#ebebe3;box-shadow: 6px 6px #7f6b22;}

.tenji_06_grid{display:grid;width: fit-content;max-width:1000px;margin:0 auto;grid-template-columns:3fr 2fr;gap:20px;}
#tenji06_flex{display:flex;flex-direction:column; justify-content:center; width:100%;}
#tenji_section4{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}


.important{display:inline-block;background-color:#5b4906;color:#FFF;padding:0 10px;margin-bottom:5px;border-radius:5px;}

.tenji_kikan{display:inline-block;color:#FFF;padding:0 10px;margin-bottom:5px;border-radius:5px;align-self: flex-start;}
.zenki	{background-color:#893d46;}
.kouki	{background-color:#305a87;}

.zenki_sp{display:none;}.zenki_pc{display:inline-blox;}

.tenji07 {
	position: relative;
	display: inline-block;
}

.tenji07 img {
	display: block;
}

.tenji07_text {
	position: absolute;
	top: 20px;
	right: 0px;
	width:51%;
	padding:20px;
	background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1045px) {.tenji07_text {top: 10px;}}
@media (max-width: 920px) {.tenji07_text {top: 0px;padding:2%;}}
@media (max-width: 720px) {
	.tenji07 {
		position: static;
		display:block;
	}
	.tenji07_text {
		position: static;
		top:0;right:0;width:100%;padding:20px;
	}

}



@media (max-width: 640px) {

	h3.midashi_tenji{margin-bottom:5px;}

	.tenji_05_img{width:100%;max-width:auto;}
	.tenji_05_ex{margin:5px auto auto auto;width:100%;max-width:auto;padding:20px;}
	.zenki_sp{display:block;width:300px;margin:0 auto;}
	.zenki_pc{display:none;}

	.tenji_04_grid{gap:10px;}.tenji_05_ex{padding:20px;}
	.tenji_04_ex{margin-top:5px;}


	.tenji_06_grid{grid-template-columns:1fr 2fr;gap:10px;}
	.tenji_04_ex{padding:20px;}

	.tenji_06_grid div:nth-child(1) {order: 2;margin:5px auto auto auto;}
	.tenji_06_grid div:nth-child(2) {order: 1;}

}

@media (max-width: 540px) {
	.tenji_04_ex{padding:10px;}
}

@media (max-width: 420px) {
	.tenji_04_grid{grid-template-columns:1fr;gap:0px;}
	.tenji_04_img{display:block;margin:0 auto 0 auto;max-width:420px;}
	.tenji_04_ex{padding:20px;margin:5px auto auto auto;}


	.tenji_06_grid{grid-template-columns:1fr;max-width:400px;gap:0px;}
	.tenji_06_img{display:block;margin:0 auto 0 auto;max-width:300px;}
	.tenji_06_ex{margin:5px auto auto auto;width:100%;padding:20px;}
	.tenji_06_kikan{max-width:300px;margin:0 auto;}

}

/*----------------------------
　イベント
-----------------------------*/

.event_grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
	margin:0px auto;
	width:100%;
}

.event_card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #f5dce5;
	border-radius:18px;
	overflow:hidden;
	text-decoration:none;
	color:#444;
	box-shadow:0 8px 18px rgba(0,0,0,0.05);
	cursor:pointer;
}

.event_card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 28px rgba(0,0,0,.08);
}

.event_card img{
	width:100%;
	height:250px;
	object-fit:cover;
}


.event_body{
	padding:10px 24px 24px 24px;
	font-size:0.9em;
}

.event_title{
	color:#b35f83;
	font-size:1.3em;
	padding:24px 24px 0 24px;
}

.event_title_colorbox{
	color:#b35f83;
	font-size:1.3em;
}

.event_tips{
	padding-bottom:24px;
}

.event_body dl{
	display:grid;
	grid-template-columns:auto 1fr;gap:10px;
	margin:0 0 24px;
}

.event_body dt{
	color:#999;
}


.btn{
	padding: 12px 20px;
	text-decoration: none;
	border-radius: 9999px;
	display: inline-block;
	transition: 0.2s;
	background:#FFCECE;
	color:#8b4b65;
	border-radius:9999px;
}

.event_card:hover .btn{
	opacity:0.8;
}

.event_inline{
	width:100%;
	max-width:640px;
	box-sizing:border-box;
}

.event_inline_text{padding:0 24px;}
.event_inline_text img{padding:12px 0 24px 0;}
.event_inline>.event_body{font-size:1em;padding:20px 24px;}
.event_inline>.event_body dl{font-size:1em;padding:10px 0;}
.event_inline_attention{background-color:#ffefef;color:#a32828;padding:10px 20px;border-radius:5px;margin-bottom:10px;}

@media (max-width: 720px) {
	.event_grid{
		gap:10px;
	}

}

@media (max-width: 640px) {
	.event_grid{grid-template-columns:1fr;max-width:368px;gap:24px;}
}

/*----------------------------
　フッター
-----------------------------*/


footer{
	background:#faf9f3;color:#000;
	padding: 30px;
}

#sponsor{
	display:grid;
	grid-template-columns:auto 1fr;gap:20px 15px;
	width: fit-content;margin:0 auto;
}

.footer {
	text-align: center;
	margin-top: 40px;
}

#toi{background-color:#FFF;border-radius:8px;margin:20px auto;padding:20px;width:fit-content;}
#toi_grid{display:grid;grid-template-columns:1fr;gap:0;}
#toi_grid div{display:grid;grid-template-columns:auto 1fr;gap:7px;}
#footer_copy{font-size:0.8em;text-align:center;}

@media (max-width: 768px) {
	#toi_grid div{grid-template-columns:auto;gap:0px;}
	#toi_grid div div:first-child {font-weight:bold;padding-top:10px;}
}

@media (min-width: 0px) and (max-width: 450px) {
	#footer_copy{font-size:0.7em;line-height:1.8em;}
}

/*---------------------------------
　トップページ以外のheader
-----------------------------------*/
@media (max-width: 1024px) {

	#main_day_grid{width:95%;gap:10px;padding:20px 20px;}

	/*---------------------------------
	　アクセス
	-----------------------------------*/
/*
	#access_grid{grid-template-columns:1fr;}
	#access_left{order:1;padding-top:0em;}
	#access_right{}
	#googlemap{border:1px solid #ccc;height:350px;}


	#parking_grid{
		grid-template-columns:1fr 1fr;
		place-content: center;
		place-items: center;

	}

	#parking_right{padding-top:0;}

	.parking_indent{
		padding-left:0em;
	}
*/

	#sponsor{
		grid-template-columns:1fr;gap:0;
	}
	#sponsor > div:nth-child(odd) {font-weight:bold;}
	#sponsor > div:nth-child(even) {margin-bottom: 15px;}


}



/*:::::PC|TAB表示:::::*/

@media (min-width: 720px) {
 /*メイン画像をPCスマホで切り替え表示させる時用*/
.original_pc_tenji07 { display:inline-block; }
.original_sp_tenji07 { display:none;}
} 

/*:::::SP表示:::::*/
@media (min-width: 0px) and (max-width: 719px) {

	 /*メイン画像をPCスマホで切り替え表示させる時用*/
	.original_pc_tenji07 { display:none; }
	.original_sp_tenji07 { display:inline-block; }

}/* //@media SP */

@media (min-width: 640px) {
 /*メイン画像をPCスマホで切り替え表示させる時用*/
.original_pc { display:inline-block; }
.original_sp { display:none;}
} /* //@media PC|TAB*/

/*:::::SP表示:::::*/
@media (min-width: 0px) and (max-width: 639px) {

	 /*メイン画像をPCスマホで切り替え表示させる時用*/
	.original_pc { display:none; }
	.original_sp { display:inline-block; }

}/* //@media SP */

/* SNS */
#s-share{
	display:flex;align-items: flex-start;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:1em;
	text-align:center;
	max-width:320px;
}

.s-share-btn{padding:2px;flex:1;}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}