@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

/*======================================================
『調べる学習ガイド』（こどものサイト共通スタイル）
======================================================*/
body{
	background-color:white;}

#bg_header_and_main{
	background-color:rgba(36,107,179,0.25);/*#246BB3(青)*/
	background-image:url(../images/bg_main.png), url(../images/bg_water_firework.webp), url(../images/bg_main_base.jpg);
	background-position:center top, center top, center top;
	background-repeat:repeat-y, no-repeat, repeat;
	background-size:auto auto, auto auto, auto auto;
	padding-bottom:2.0rem;}

main table{
border-collapse:collapse;
border-spacing:0;}

#bg_main_ctt{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	background-color:#FFF;}

#page-title h1{
	font-family: "M PLUS 1", sans-serif;
	text-shadow:1px 1px 2px var(--headerBackgroundColor), -1px 1px 2px var(--headerBackgroundColor), -1px -1px 2px var(--headerBackgroundColor), 1px -1px 2px var(--headerBackgroundColor),
	2px 2px 2px var(--headerBackgroundColor), -2px 2px 2px var(--headerBackgroundColor), -2px -2px 2px var(--headerBackgroundColor), 2px -2px 2px var(--headerBackgroundColor);}


/*こどもサイトトップのメイン画像*/
body#kids h2{
	padding: 2.0rem 1.0rem 1.0rem;
	background:#f2d40c url(../images/kidssite/bg_kids_main_map.jpg) center top no-repeat;
	background-size:cover;}/*#f2d40c:黄*/

body#kids h2 img{
	display:block;
	margin-right:auto;
	margin-left:auto;}

@media(min-width:576px){
	body#kids h2 img.img-smp{display:none;}}

@media(max-width:575.9px){
	body#kids h2{
		padding: 0.5rem 0;}

	body#kids h2 img.img-pc{
		display:none;}

	body#kids h2 img{
		min-height:250px;}}





body[id^="kids"] #page-title{
	position:relative;
	background-image: url(../images/kidssite/bg_h1_ashiato_mimi_left.png), url(../images/kidssite/bg_h1_ashiato_mimi_right.png), url(../images/bg_h1_wave.png);
	background-position: left top, right top, left center;
	background-repeat:no-repeat,no-repeat, repeat;
	background-size:auto auto, auto auto, cover;/* 幅x高さ */
	z-index:200;}

body[id^="kids"] header nav{
	background-color:#F5F5F5;
	position:relative;
	z-index:100;
	margin:0 auto;
	box-shadow:0 0 5px #CCC;}/*box-shadow: 左右の向きpx 上下の向きpx ぼかしpx 広がりpx 色 内側指定;*/

body[id^="kids"] main h2, body[id^="kids"] main h3, body[id^="kids"] main h4{
	font-family: "M PLUS 1", sans-serif;}

[id^="kids-"] h2{
	width:calc(100% - 3.0rem);
	max-width:1280px;
	font-size:3.0rem;
	padding:2.0rem;
	background: url("../images/bg_machinami_blue_1952x213.png") center center / cover no-repeat;
	margin-left:auto;
	margin-right:auto;}/*共通スタイル*/

[id^="kids-"] h2 span{
	display:block;
	font-size:1rem;
	font-weight:700;}

[id^="kids-"] h2 ruby rt:not(h2 span ruby rt){
	font-size:28%;}

[id^="kids-"] h2 + hr{
	width:calc(100% - 3.0rem);
	height:1px;
	margin:0 auto;
	background:#206165 url(../images/spacer.gif) center center no-repeat;/*緑*/}/*共通スタイル*/

[id^="kids-"] h2 + section{
	margin-top:0;
	padding-top:0;}/*共通スタイル*/

/*ルビ関連*/
body[id^="kids"] ruby, body[id^="kids-"] ruby{
	ruby-position:over; /* ルビの位置を上側に固定 */}

body[id^="kids"] ruby rt, body[id^="kids-"] ruby rt{
	line-height:1;
	margin-bottom: -0.1em; /* 隙間の空き具合に応じて数値を微調整してください */}/*共通スタイル*/

@media(max-width:991.9px){
	body[id^="kids"] ruby rt, body[id^="kids-"] ruby rt{
		font-size:35%;
		margin-bottom: -1em; /* 隙間の空き具合に応じて数値を微調整してください */
		margin-bottom: -0.3em; /* 隙間の空き具合に応じて数値を微調整してください */}

	[id^="kids-"] h2 ruby rt{
		margin-bottom:-0.5em;
		margin-bottom:0;}

	[id^="kids-"] h2 span ruby rt{
		font-size:45%;}

	#intro ruby rt{
		font-size:50%;
		margin-bottom:-0.3em;}

	table.tbl-timeline ruby rt{
		font-size:50%;}}


@media(max-width:575.9px){
	[id^="kids-"] h2{
		padding:2.0rem 1.0rem;}

	#intro > .intro-container{
		padding-right:1.0rem;
		padding-left:1.0rem;}}

#intro >hr, hr{
	height:1.0rem;
	width:100%;
	background:transparent url(../images/hr_mimi-chan.png) center center no-repeat;
	border:none;}

p.intro-txt{
	font-size:1.1rem;}

[class^="list-design"]{
	margin-top:0;}



/*======================================================
調べる学習ガイド（kids.html）
======================================================*/
body#kids #intro{
	position:initial;/*リセット*/}

body#kids #intro > .intro-container{
	display:block;/*flexを解除*/}

body#kids section#design_pattern02 [class^="ctt0"] h3{
	position:relative;
	padding-bottom:0.1em;
	padding-top:0;}

body#kids section#design_pattern02 [class^="ctt0"] h3 > span{
	position:relative;
	z-index:500;}

body#kids section#design_pattern02 [class^="ctt0"] h3 ruby{
	line-height:1.0;}

body#kids section#design_pattern02 [class^="ctt0"] h3 rt{
	line-height:1.0;
	margin-top:0.05em;
	padding-top:0;
	padding-bottom:0;
	font-size:35%;
	margin-bottom: -1em;/* 隙間の空き具合に応じて数値を微調整してください */}

/*各コンテンツの背景（ベース）*/
[class^="ctt0"]{
	width:calc(100% - 4.0rem);
	border-radius:10px;
	margin:0 auto 2.0rem;
	position:relative;}

/*各コンテンツの虫眼鏡の背景*/
section#design_pattern02 [class^="ctt0"]::before{
	position:absolute;
	bottom:0;
	right:0;
	content:" ";
	width:100%;
	height:100%;
	display:inline-block;
	background:transparent url(../images/kidssite/bg_section_ctt.png) right bottom no-repeat;
	background-size:contain;
	opacity:0.5;}


.ctt01{
	border:2px solid #F25BA1;
	background-color:#FAEDF7;}/*ピンク*/

.ctt02{
	border:2px solid #8C7127;
	background-color:#FAF7ED;}/*黄土色*/

.ctt03{
	border:2px solid #0B7BB7;
	background-color:#EDF7FA;}/*水色*/

.ctt04{
	border:2px solid #8C2742;
	background-color:#FAEDF0;}/*赤紫*/

.ctt01 h3, .ctt02 h3, .ctt03 h3, .ctt04 h3{
	color:#FFF;}

.ctt01 h3{
	background-color:#F25BA1;
	text-shadow:1px 1px 3px #F25BA1, -1px -1px 3px #F25BA1, -1px 1px 3px #F25BA1, 1px -1px 3px #F25BA1, 
	0px 1px 3px #F25BA1, 0 -1px 3px #F25BA1, -1px 0 3px #F25BA1, 1px 0 3px #F25BA1;}/*ピンク*/

.ctt02 h3{
	background-color:#8C7127;
	text-shadow:1px 1px 3px #8C7127, -1px -1px 3px #8C7127, -1px 1px 3px #8C7127, 1px -1px 3px #8C7127, 
	0px 1px 3px #8C7127, 0 -1px 3px #8C7127, -1px 0 3px #8C7127, 1px 0 3px #8C7127;}/*黄土色*/

.ctt03 h3{
	background-color:#0B7BB7;
	text-shadow:1px 1px 3px #0B7BB7, -1px -1px 3px #0B7BB7, -1px 1px 3px #0B7BB7, 1px -1px 3px #0B7BB7, 
	0px 1px 3px #0B7BB7, 0 -1px 3px #0B7BB7, -1px 0 3px #0B7BB7, 1px 0 3px #0B7BB7;}/*水色*/

.ctt04 h3{
	background-color:#8C2742;
	text-shadow:1px 1px 3px #8C2742, -1px -1px 3px #8C2742, -1px 1px 3px #8C2742, 1px -1px 3px #8C2742, 
	0px 1px 3px #8C2742, 0 -1px 3px #8C2742, -1px 0 3px #8C2742, 1px 0 3px #8C2742;}/*赤紫*/



/*リストを横並びにするスタイル*/
[class^="ctt0"] .contents-wrap{
	display:flex;
	flex-wrap:wrap;}

.item.arrow{
	position:relative;}

.item.arrow::before{
	z-index:100;}/*ここがないと裏側にまわる*/

.item.arrow::before{
	transform: rotate(45deg);
	box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 1);}

.item.arrow::after {
	transform: rotate(-45deg);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 1);}

section.list-design1 [class^="ctt"] h3,
section.list-design1 [class^="ctt"] h4{
	color:#FFF;
	border-top-right-radius:7px;
	border-top-left-radius:7px;}



/*===== 戸田の歴史を調べてみよう =====*/
section[id^="design_pattern"] .ctt01 h3::after{
	position:absolute;
	right:0.5rem;
	bottom:2px;
	content:"";
	display:inline-block;
	width:70px;
	height:80px;
	background:transparent url(../images/kidssite/ico_mimi-houkokusho_80.png) center center no-repeat;
	background-size:contain;
	z-index:10;}

/*===== 昔から大切にされているもの =====*/
section[id^="design_pattern"] .ctt02 h3::after{
	position:absolute;
	right:0.5rem;
	bottom:2px;
	content:"";
	display:inline-block;
	width:3.48rem;
	height:3.0rem; /*48px*/

	width:102px;
	height:80px;
	background:transparent url(../images/kidssite/ico_haniwa.png) center center no-repeat;
	background-size:contain;
	z-index:10;}

/*===== 戸田の昔話、戸田の伝説 =====*/
section[id^="design_pattern"] .ctt03 h3::after{
	position:absolute;
	right:0.5rem;
	bottom:2px;
	content:"";
	display:inline-block;
	width:3.33rem;
	height:3.0rem; /*48px*/

	width:72px;
	height:80px;
	background:transparent url(../images/kidssite/ico_mimi-yomikikase.png) center center no-repeat;
	background-size:contain;
	z-index:10;}

/*===== 本で調べてみよう =====*/
section[id^="design_pattern"] .ctt04 h3::after{
	position:absolute;
	right:0.5rem;
	bottom:2px;
	content:"";
	display:inline-block;
	width:45px;
	height:80px;
	background:transparent url(../images/kidssite/ico_remi-san_80.png) center center no-repeat;
	background-size:contain;
	z-index:10;}

/*デザイン案２（採用されたデザイン案）*/
section#design_pattern02 [class^="ctt"]{
	margin-bottom:5.0rem;}

section#design_pattern02 [class^="ctt"]:last-child{
	margin-bottom:1.0rem;}

section#design_pattern02 .item{
	border-width:2px;
	background-color:#FFF;}

section#design_pattern02 .item img{
	border-radius:0;}

section#design_pattern02 .item p{
	display:block;
	border-radius:0;
	letter-spacing:0;
	text-shadow:1px 1px 2px var(--accentColor), -1px -1px 2px var(--accentColor), -1px 1px 2px var(--accentColor), 1px -1px 2px var(--accentColor), 0px 1px 2px var(--accentColor), 0 -1px 2px var(--accentColor), -1px 0 2px var(--accentColor), 1px 0 2px var(--accentColor);/*#AC1552はコントラスト比AAA*/}

section#design_pattern02 .item p rt{
	font-size:35%;
	font-weight:700;}

.multiple-link a.arrow{
	color:#FFF;
	background-color:var(--accentColor);}

.multiple-link .arrow::before, .multiple-link .arrow::after{
	background-color:#FFF;}

/*外部リンクアイコン*/
section#design_pattern02 .item p span.material-symbols-outlined{
	font-size:1.0em;
	line-height:1.25;
	transform: translateY(0.15em);}

[id^="design_pattern"].list-design1-circle .item{
	border-width:2px;}

@media(max-width:991.9px){
	body#kids section#design_pattern02 [class^="ctt0"] h3{
		padding-left:0.5em;}

	section#design_pattern02 .item p rt{
		margin-bottom: -0.5em; /* 隙間の空き具合に応じて数値を微調整してください */}}


/*======================================================
年表をみる（kids_timeline.html）
======================================================*/
body#kids-timeline h2 span{
	margin-bottom:1.0em;}

body#kids-timeline section.list-design{
	background-color:#FFF;}

#intro #guide{
	line-height:1.4;
	padding:1.0rem;
	margin-bottom:1.8rem;
	background-color:#FAF7ED;}

#intro #guide p{
	font-size:88%;
	margin-bottom:0.5em;}

#intro #guide p:nth-child(2){
	margin-bottom:1.0em;}

#intro #guide img{
	width:100%;
	max-width:520px;}

.box-tbl-timeline{
	width:calc(100% - 2rem);
	margin-right:auto;
	margin-left:auto;}

table.tbl-timeline{
	width:100%;
	min-width:700px;
	border-collapse:separate;
	font-size:113%;
	border:1px solid #444;
	border-radius:16px;

	border-spacing:0;
	margin-right:auto;
	margin-left:auto;}

table.tbl-timeline th, table.tbl-timeline td{
	border:1px solid #444;
	padding:0.5em;}

table.tbl-timeline th{
	background:#bde5ee;/*薄い水色*/
	font-weight:700;}

table.tbl-timeline thead th{
	white-space:nowrap;
	background-color:#fedc5e;/*黄色*/
	border-bottom:2px solid var(--borderColor);}

table.tbl-timeline td{
	border-top:0;
	border-bottom:2px dotted #767676;}

table.tbl-timeline td ruby rt{
	margin-top:1em;}

table.tbl-timeline [id^="era-"] th, table.tbl-timeline [id^="era-"] td{
	border-top:1px solid #444;}

table.tbl-timeline [id^="era-"] th{
	vertical-align:top;}

table.tbl-timeline tr.tr_jidai-end td, table.tbl-timeline tr:last-child>*{
	border-bottom:1px solid #444;}

/*補正*/
table.tbl-timeline td.td-bdr-b-solid{
	border-bottom:1px solid #444;}

/*テーブル左上のセル*/
table.tbl-timeline thead th:first-child{
	border-radius: 14px 0 0 0;}


/*テーブル右上のセル*/
table.tbl-timeline thead th:last-child{
    border-radius: 0 14px 0 0;}

/*テーブル左下のセル*/
tr#era-gendai>th{
    border-radius: 0 0 0 14px;}

/*テーブル右下のセル*/
table.tbl-timeline tr:last-child td:last-child{
    border-radius: 0 0 14px 0;}

.scroll-hint-text{font-family:meiryo, sans-serif;}

table.tbl-timeline .thumb{
	padding-top:0.5rem;
	margin-bottom:0.5rem;}

table.tbl-timeline .thumb + .thumb{
	padding-top:0.5rem;}

table.tbl-timeline .thumb>a{
	display:inline-block;
	background-color:#EEE;
	padding:5px;}

table.tbl-timeline .thumb>a:hover img, table.tbl-timeline .thumb>a:active img{
	transform: scale(1.2);
	transition-duration: 0.5s;
	opacity: 0.75;}

table.tbl-timeline figure{
	margin:0;
	text-align:center;}

span.img_on{
	position:relative;
	display:block;
	overflow:hidden;
	background-color:#303010;/*濃いカーキ*/
	border:1px solid #303010;}

table.tbl-timeline .thumb a span.img_on::after{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	transition: .5s;
	background:rgba(0,0,0,0.55) url(../images/kidssite/ico_mushimegane_kuwashiku.png) 45% 40% no-repeat;
	background-size: 60% 60%;
	border-radius:50%;
	box-shadow:0px 0px 1px black;}


table.tbl-timeline figure img{
	width:100%;
	display:block;
	max-width:200px;
	margin-right:auto;
	margin-left:auto;
	transition-duration: 0.5s;}

table.tbl-timeline figure img.tate{
	width:auto;
	max-height:200px;}

table.tbl-timeline figcaption{
	padding:0;
	margin-top:0.25em;
	max-width:202px;}

table.tbl-timeline .guide figcaption::before{
	content:"【しらべかたガイド】";}

table.tbl-timeline figcaption ruby rt{
	margin-top:0.25em;}

table.tbl-timeline a:hover figcaption,
table.tbl-timeline a:active figcaption{
	background-color:#F2E996;/*"学習のヒント"と同じ黄色*/}

table.tbl-timeline a:hover, table.tbl-timeline a:active{
	opacity:1;}

/*リンクのないサムネイルのスタイル*/
table.tbl-timeline .thumb.nolink{
	display:block;
	background-color:#EEE;
	padding:5px;
	width: fit-content;
	width: -moz-fit-content;
	max-width:230px;
	margin-top:1em;}

table.tbl-timeline .thumb.nolink figure img{
	margin-left:0;
	margin-right:0;
	display:block;
	margin-bottom:5px;
	border:1px solid #303010;}

/*サムネイルが2つ以上あるとき*/
table.tbl-timeline .box-flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	padding-top:0.5rem;}

table.tbl-timeline .box-flex > div{
	margin-right:0.5rem;}

table.tbl-timeline .box-flex > div:last-child{
	margin-right:0;}

/*======================================================
文化財をみる（kids_bunkazai.html）
======================================================*/
#kids-bunkazai h2 span{
	margin-bottom:0.5em;}

[id^="kids-bunkaizai-pattern"] h3{
	width:calc(100% - 2rem);
	margin-right:auto;
	margin-left:auto;
	padding-left:0;
	padding-right:0;
	background:transparent url(../images/bg_h3_ashiato_lightgray_opacity.png) left bottom repeat-x;
	background-size:auto 16px; /* 幅x高さ */}

[id^="kids-bunkaizai-pattern"] h3::before{
	content:"";
	width:80px;
	height:65px;
	display:inline-block;
	vertical-align:bottom;
	line-height:1.0;
	background:transparent url(../images/kidssite/ico_haniwa.png) left bottom no-repeat;
	background-size:contain;}


/*上部のページ内リンク*/
#ul_inpage-link{
	display:flex;
	flex-wrap:wrap;
	width:90%;
	margin:0 auto 2.5em;
	justify-content:center;}

#ul_inpage-link li{
	margin:0 0.5em 0.5em;}

#ul_inpage-link li a{
	background-color:rgba(242,212,12,0.3);/*薄い黄色*/
	padding:0.2em 0.75em;
	border-radius:1.2em;
	text-decoration:none;
	border:1px dotted #999;
	padding:0.8em 0.75em 0.2em;}

#ul_inpage-link li a:hover, #ul_inpage-link li a:active{
	color:#FFF;
	background-color:var(--accentColor);/*#1c548c*/
	text-decoration:underline;}

#ul_inpage-link ruby rt, #ul_inpage-link ruby rp{
	font-size:56%;/*初期値：50%*/
	position:relative;
	z-index:200;}

#ul_inpage-link ruby rt{padding-top:0.5em;}

#kids-bunkaizai-pattern03 p.link-desc{
	width:calc(100% - 1.0rem);
	margin-right:auto;
	margin-left:auto;
	font-size:75%;
	text-align:right;}

#kids-bunkaizai-pattern03 p.link-desc span.link-adeac,
#kids-bunkaizai-pattern03 p.link-desc span.link-gaibu{
	display:inline-block;
	white-space:nowrap;
	margin-bottom:0.2em;}

#kids-bunkaizai-pattern03 p.link-desc span.link-adeac-ico::before,
#kids-bunkaizai-pattern03 p.link-desc span.link-gaibu-ico::before{
	position: relative;
	color:white;
	display:inline-block;
	line-height:1.0;
	text-align:center;
	vertical-align:middle;
	padding:0.4em 0.4em 0.3em 0.4em;
	border-radius:50%;
	margin-right:0.2em;}

#kids-bunkaizai-pattern03 p.link-desc span.link-adeac-ico::before{
	content:"青";
	background-color:#004098;}/*ADEACの青*/

#kids-bunkaizai-pattern03 p.link-desc span.link-gaibu-ico::before{
	content:"緑";
	background-color:#206165;}/*緑*/

#kids-bunkaizai-pattern03 p.link-desc span.link-adeac-ico::after,
#kids-bunkaizai-pattern03 p.link-desc span.link-gaibu-ico::after{
	content:"\22C5\22C5\22C5";
	color:#262626;
	font-size:75%;
	margin-right:0.2em;
	display:inline-block;}

#kids-bunkazai section h4{
	background-color:#EEE;
	margin-bottom:0.5em;}



/*文化財を見る：パターン3*/
#kids-bunkaizai-pattern03 .item ul{
	width:calc(100% - 1.0rem);
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0.5rem;}

#kids-bunkaizai-pattern03 .item ul li{
	border-radius:0.25em;}

#kids-bunkaizai-pattern03 .item ul li rt{
	font-size:63%;/*初期値：50%*/}

#kids-bunkaizai-pattern03 .item ul li a img{
	width:auto;
	height:auto;
	min-height:auto;
	display:inline-block;}


@media(max-width:575.9px){
	#ul_inpage-link{justify-content:start;}

	#kids-bunkaizai-pattern03 p.link-desc span.link-gaibu{
		display:block;}}


/*======================================================
昔話・伝説（kids_stories.html）
======================================================*/
#kids-stories .multiple-link a.arrow{
	background-color:white;
	border:1px dotted #CCC;}

#stories_folktales h3, #stories_legends h3{
	width:calc(100% - 2rem);
	margin-right:auto;
	margin-left:auto;
	padding-left:0;
	padding-right:0;
	background:transparent url(../images/bg_h3_ashiato_mimi_yellow_opacity.png) left bottom repeat-x;
	background-size:auto 16px; /* 幅x高さ */}

#stories_folktales h3::before, #stories_legends h3::before{
	content:"";
	width:65px;
	height:65px;
	display:inline-block;
	vertical-align:bottom;
	line-height:1.0;
	background:transparent url(../images/kidssite/ico_mimi-book_r.png) left bottom no-repeat;
	background-size:contain;}

#stories_folktales h4, #stories_legends h4{
	background-color:#EEE;}

#stories_folktales .item h4 span::before{
	content:"【";}

#stories_folktales .item h4 span::after{
	content:"】";}

#stories_folktales .item > p.location,
#stories_legends .item > p.location{
	/*padding:1rem 1.5rem;(adeac_styleの値);*/
	padding-top:0.5rem;
	padding-bottom:0.5rem;}

#stories_folktales .item > p.location::before,
#stories_legends .item > p.location::before{
	content:"";
	display:inline-block;
	width:1.6em;
	height:1.6em;
	background:transparent url(../images/kidssite/ico_stories_location.png) center bottom no-repeat;
	background-size:contain;
	margin-right:0.5rem;
	transform: translateY(2px);}

#stories_folktales .item div.hint, #stories_legends .item div.hint{
	grid-area:hint;
	padding:0.5rem;
	font-family:"M PLUS 1", sans-serif;
	font-weight:bold;
	min-height:80px;
	background:#F2E996 url(../images/kidssite/ico_mimi-hint.png) right bottom no-repeat;
	/*薄黄色：#F2E996(242,233,150)*/
	padding-right:70px;
	border:1px solid orange;
	border-radius:10px;
	margin:0 0.5rem 0.5rem;}

#stories_folktales .item div.hint a:hover,#stories_folktales- .item div.hint a:active,
#stories_legends .item div.hint a:hover, #stories_legends .item div.hint a:active{
	color:white;
	background-color:var(--accentColor);
	text-decoration:none;
	opacity:1;}

/*はみ出たルビのマウスオーバー時の対応*/
#stories_folktales .item div.hint a:hover rt,#stories_folktales .item div.hint a:active rt,
#stories_legends .item div.hint a:hover rt, #stories_legends .item div.hint a:active rt{
	background-color:var(--accentColor);
	transition:0.5s;}

#stories_folktales .item div.hint span.ico-hint,
#stories_legends .item div.hint span.ico-hint{
	background-color:#EAC73F;/*オレンジ*/
	background:linear-gradient(180deg, transparent 0%, transparent 60%, #EAC73F 60%, #EAC73F 90%, transparent 90%, transparent 100%);}

#stories_folktales .item div.hint span.ico-hint::after,
#stories_legends .item div.hint span.ico-hint::after{
	content:"";
	display:inline-block;
	width:1.2em;
	height:1.3em;
	background:transparent url(../images/kidssite/ico_hint.png) left bottom no-repeat;
	background-size:contain;
	transform: translateY(1px);}

#kids-stories .item ul.ul-btn{
	padding:0.5rem 1.5rem 1.5rem;
	line-height:1.2;}

#stories_folktales .item > ul li,
#stories_legends .item > ul li{
	line-height:1.0;}

#stories_folktales .item ul.ul-btn img,
#stories_legends .item ul.ul-btn img{
	width:auto;
	height:auto;
	min-height:auto;}

#stories_folktales p.link-desc{
	width:calc(100% - 1.0rem);
	margin-right:auto;
	margin-left:auto;
	font-size:75%;
	text-align:right;}

#stories_folktales p.link-desc span.link-adeac,
#stories_folktales p.link-desc span.link-gaibu{
	font-size:200%;
	display:inline-block;
	transform:translateY(1px);
	line-height:1.0;
	vertical-align:bottom;}

#stories_folktales p.link-desc span.link-adeac{
	color:#004098;}/*ADEACの青*/

#stories_folktales p.link-desc span.link-gaibu{
	color:var(--accentColor);}/*緑*/



/*======================================================
写真をみる／フォトギャラリー（kids_photo-gallery.html）
======================================================*/
#kids-gallery .intro-container + hr{
	visibility:hidden;}

#kids-gallery #area-photos{
	width:calc(100% - 3.0rem);
	background-color:#000;
	margin-right:auto;
	margin-left:auto;
	border-bottom:5px solid #000;/*下に余白を作れないためボーダーで対応*/}

#kids-gallery #area-photos #head{
	background-color:#000;
	padding-top:5px;
	overflow:hidden;}

#head ul li:first-child{
	margin-top:0;}



/*======================================================
地図からさがす（/kids_map/index.html）
======================================================*/
#kids-map h3{
	text-align:left;
	width:calc(100% - 2rem);
	margin-right:auto;
	margin-left:auto;
	padding-left:0;
	padding-right:0;
	background:transparent url(../images/bg_h3_ashiato_lightgray_opacity.png) left bottom repeat-x;
	background-size:auto 16px; /* 幅x高さ */}

#kids-map h3::before{
	content:"";
	width:80px;
	height:65px;
	display:inline-block;
	vertical-align:bottom;
	line-height:1.0;
	background:transparent url(../images/kidssite/ico_haniwa.png) left bottom no-repeat;
	background-size:contain;}

#kids-map [class^="list-design"] .list-txt{
	display:inline-block;/*"display:grid"を解除*/}

#box_kids-map{
	width:calc(100% - 3rem);
	margin-right:1.5rem;
	margin-left:1.5rem;}

iframe#kids-map-iframe{
	width:100%;
	height:500px;
	border:1px solid #767676;}

#box_kids-map a.detail::before{
	content:"";
	display:inline-block;
	width:1.8em;
	height:1.5em;
	background:transparent url(../images/kidssite/ico_kids_zoom-out-map.png) left center no-repeat;
	background-size:contain;
	transform: translateY(5px);}

#box_kids-map a.detail:hover::before, #box_kids-map a.detail:active::before{
	background:transparent url(../images/kidssite/ico_kids_zoom-out-map_on.png) left center no-repeat;
	background-size:contain;
	transform: translateY(5px);}

#box_kids-map a.detail:hover, #box_kids-map a.detail:active{
	background-color:#f7e561;}


/*===== フッターエリア =====*/
footer{
	color:white;
	background-color:var(--borderColor);
	background-image:url(../images/bg_footer_wave.png);
	background-position:left top -20px;
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:0;}

footer a{
	color:white;
	padding:0.2em;}

footer nav#footer-links a:hover, footer nav#footer-links a:active{
	color:white;
	text-decoration:underline;
	opacity:1;}

#footer-links ul li::before, #footer-links ul li:last-child::after{
	background:rgba(244,233,216,0.5);}/*#E0E9D8(244,233,216)*/

button#sns-btn img:hover, button#sns-btn img:active{
	opacity:0.8;}

@media(max-width:630px){
	footer{
		padding-top:0.5rem;}}