@charset "utf-8";
/* CSS Document */
:root{
    --primary-color:#00A0E9;
    --dark-color:#3c2f21;
}
.bousai_area *, .bousai_area * *{
	font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bousai_area body,.bousai_area p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .018em;
	margin:0 auto;
	color: var(--dark-color);}

.clear {
	clear:both;
	}

.bousai_mainVisual{
	text-align: center;
	margin: 15px auto;
}
.bousai_mainVisual a{
	display: block;
}
.bousai_img{
	margin: 0 auto;
}

/* TOPを除く各ページの見出し */
.bousai_title {
    display:flex;
    flex-direction: column; 
    align-items: center;
    width: min(100%,20em);
	text-align: center;
	margin: 0 auto 24px;
	font-size:1.25rem;
	font-weight: bold;
	line-height: 1.6;	
}
.bousai_title::after{
    content: "…";
    color: var(--primary-color);
    font-size: 32px;
    line-height: 0.1;
}

/*///////////////////////////////////////////

メニュー

///////////////////////////////////////////*/

.bousai_menu {
	width: 100%;
	margin-bottom:32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bousai_menu li {
	width: 100%;
	height: 3rem;/*height: 5rem;*/
	font-size: 16px;
	/*line-height: 120%;*/
	text-align: center;
    border-bottom: 1px solid #333;
}
.bousai_menu li a {
	position: relative;
    padding-left: 8%;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
	font-weight: bold; 
	color: #333;
	transition: 0.2s;
}
.bousai_menu li:hover{
    border-bottom: 1px solid var(--primary-color);
}
.bousai_menu li a:hover{
	text-decoration:none;
	opacity: 0.8;
    color: var(--primary-color);
}

.bousai_menu span {
	font-size:100%;
}
.circle_back {
    top: 50%;
    transform: translateY(-50%);
    left: 0%;
    position: absolute;
    width: 2rem;/*3*/
    height: 2rem;/*3*/
    padding: 0.5rem;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);/*rgba(0,160,233, 0.3)*/
	transition: background 1s;
}
.bousai_menu li a .circle_back img{
    vertical-align: baseline;
}
    
/*hover時*/
.bousai_menu li a:hover .circle_back{
    opacity: 0.8;
    border: 1px solid var(--primary-color);
    transition: all .4s;
    left: 3%;
}

/*　開いているページのナビの色を変更する　*/
.bousai_top .bousai_menu li:first-child,
.torikumi .bousai_menu li:nth-child(2),
.member .bousai_menu li:nth-child(3),
.syutoku .bousai_menu li:nth-child(4)
{
    border-bottom: 1px solid var(--primary-color);
}
.bousai_top .bousai_menu li:first-child a,
.torikumi .bousai_menu li:nth-child(2) a,
.member .bousai_menu li:nth-child(3) a,
.syutoku .bousai_menu li:nth-child(4) a{
	text-decoration:none;
    color: var(--primary-color);
}
/*
.bousai_top .bousai_menu li:first-child a .circle_back,
.torikumi .bousai_menu li:nth-child(2) a .circle_back,
.member .bousai_menu li:nth-child(3) a .circle_back,
.syutoku .bousai_menu li:nth-child(4) a .circle_back
    {
        transform: translateY(-50%) scale(1.3);
    }
*/

.bousai_top .bousai_menu li:first-child a .circle_back img,
.torikumi .bousai_menu li:nth-child(2) a .circle_back img,
.member .bousai_menu li:nth-child(3) a .circle_back img,
.syutoku .bousai_menu li:nth-child(4) a .circle_back img
    {
        display: none;
    }


/*
.bousai_menu li a:hover .circle_back img{
    display: none;
}
*/

/*複数色の丸装飾*/
/*
.circle_green {
    background: rgba(74,158,8, 0.3);
}
.circle_pink {
    background: rgba(238,3,92, 0.3);
}
.circle_orange {
    background: rgba(255,152,0, 0.3);
}
*/


.newsTitle{
	font-weight: bold;
	display: block;
    text-align: center;
}

.newsTitle span{
	font-weight: 600;
}

@media screen and (min-width:480px){
    .bousai_menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap:1rem;
        align-items: stretch;
        justify-content: space-between;
    }

    .bousai_menu li {
        width: 48%;
        height: 4.6rem;
        font-size: 16px;
        line-height: 120%;
        text-align: left;
    }
    .bousai_menu li a {
        padding: 15px 8px 15px 2.5em;
        height: 4.6rem;
        }

    .circle_back {
    /*top: 22%;*/
        left: 3%;
        position: absolute;
    }
    .bousai_menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap:1rem;
        align-items: stretch;
        justify-content: space-between;
    }

    .bousai_menu li {
        width: 48%;
        height: 4.6rem;
        font-size: 16px;
        line-height: 120%;
        text-align: left;
    }
    .bousai_menu li a {
        padding: 15px 8px 15px 2.5em;
        height: 4.6rem;
        }

    .circle_back {
        left: 3%;
        position: absolute;
    }
}

/*///////////////////////////////////////////

TOPページ

///////////////////////////////////////////*/
	.bousai_area_introduction_wrap{
		width: 100%;
        position: relative;
	}
    .bousai_area_introduction_wrap::before,.bousai_area_introduction_wrap::after {
        content: "";
        display: block;/*inline-block*/
        position: absolute;
        aspect-ratio: 1 / 1;
        background:linear-gradient(197.37deg, #7450DB -0.38%, rgba(138, 234, 240, 0) 101.89%), linear-gradient(115.93deg, #3E88F6 4.86%, rgba(62, 180, 246, 0.33) 38.05%, rgba(62, 235, 246, 0) 74.14%), radial-gradient(56.47% 76.87% at 6.92% 7.55%, rgba(62, 136, 246, 0.7) 0%, rgba(62, 158, 246, 0.182) 52.16%, rgba(62, 246, 246, 0) 100%), linear-gradient(306.53deg, #2EE4E3 19.83%, rgba(46, 228, 227, 0) 97.33%); background-blend-mode: normal,normal,normal,normal,normal,normal;                
        border-radius: 50%;
        filter: blur(8px);
        opacity: .1;
        transform: rotate(135deg);
    }	

.bousai_area_introduction_wrap::before{
        top: 5%;
        left: 3%;
        width: min(45vw,294px);
}
.bousai_area_introduction_wrap::after{
        bottom: 5%;
        right: 5%;
        width: min(50vw,286px);   
}



.bousai_area_introduction{
		max-width: 100%;
		width: 100%;
		padding: 1rem 0;
	}

	.bousai_area_introduction p{
		margin-bottom: 1rem;
		line-height: 1.6;
        font-size: 0.875rem;
	}

	.bousai_area_introduction .introduction_inner{
		width: 100%;
		margin-bottom: 20px;
	}
	.introduction_inner img{
		width: 100%;
		max-width: 100%;
	}
/*
	.introduction_message::before{
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width:50%;
		height: 50%;
		background: rgba(0,160,233,0.1);
		border-radius: 50%;
		filter: blur(25px);
	}
	.introduction_message::after{
		content: "";
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 0;
		width:50%;
		height: 50%;
		background: rgba(242,228,169,0.3);
		border-radius: 50%;
		filter: blur(25px);
	}
*/


/*--認定式---------------------*/
	.info_master {
		padding:10px;
		}
	.ninteishiki {
		display:block;
		}

	.ninteishiki dt{
	font-size:19px;
	color: #fff;
	background-color: #667E93;
	padding:10px;
	font-weight:bold;
	border: 1px solid #667E93;
		}

	.ninteishiki dd{
	margin-bottom: 15px;
		padding: 10px;
		border: 1px solid #667E93;
		font-size: 16px;
		line-height: 1.47384;
		font-weight: 300;
		letter-spacing: .018em;
		}
	.ninteishiki ul{
		list-style:none;
		margin:15px 0;
		line-height:1.2em;
		font-size:95%;	
	}
	.ninteishiki ul li{
		font-size:95%;
		margin-bottom:1.5em;
		padding-left:1em;
		text-indent:-1em;
	}
	.ninteishiki_img{
		margin:0 auto;
		text-align:center;
		margin-bottom:5px;
	}
	.ninteishiki_img img{
		margin:3px;
	}
/*認定式、タブレット*/
@media screen and (max-width: 768px) and (min-width: 415px) {
.ninteishiki_img img{
	zoom:0.8;
}
}

/*--動画のサイズ---------------------*/
.movieDetailIn{
	text-align: center;
	margin-bottom: 60px;
}

.movieDetailIn iframe{
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/*--　「117KOBEぼうさい委員会」メンバーの集合写真　--------*/
.group_photo {
    position: relative;
    display: grid;
    place-items:center;
}    
/* .group_photo:before{
    position: absolute;
    content: "";
    width:calc(100% - 2%);
    height: calc(100% - 2%);
    border: 1px solid var(--primary-color);
} */
.group_photo img {
    width: 100%;
}

/*--　support、リスト　--------*/
.support {
	width:100%;
	margin:0 auto;
	margin-top:20px;
	}

.support dl{
	display: flex;
	flex-flow: column wrap;
	width: 100%;
}

.support dt{
	position: relative;
	width: 100%;
	padding: 0.25em 0.5em;/*padding: 0.25em;*/
	line-height: 1.5;
	color: #3c2f21;
	font-weight: bold;
    border-bottom: 1px solid #333;
	display: flex;
    align-items: center;
    gap:4px;
}
.support dt:before{
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background: var(--primary-color);
}
.support dt span{
	font-weight: normal;
	line-height: 1.5;
}

.support dd{
        font-size: 0.9375rem;
	    line-height: 1.5em;
		width: 100%;
        padding: 0.5em;
		/*padding: 1.25em 1em;*/
		align-items: center;
}

.support .support_links{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 8px;
}


/*///////////////////////////////////////////

取り組みページ

///////////////////////////////////////////*/
.torikumi_list {
	list-style:none;
    counter-reset: number 0;
	}

.torikumi_list li{
    position: relative;
    display: block;
    width: 97%;
    margin: 0 auto;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
	}
.torikumi_list li p {
	padding:10px 10px 10px min(12vw,2.75em);/*left55px*/
	margin:0;
	}

.torikumi_list li:before{
    position: absolute;
    top:0;/*top: 50%;*/
    /*transform: translateY(-50%);*/
    left: 0;    
    counter-increment: number 1;
    content: counter(number,decimal-leading-zero) " ";
    font-size: min(10vw,2.5em);
    line-height: 1;
    font-weight: 700;
}

.torikumi_event {
    display: block;
    padding: 10px;
    background-color: #E9E9E9;
    margin: 15px 0;/*15px*/
 }
.torikumi_event dt {
    font-size: 100%;
    color: #fff;
    margin-bottom: 5px;
    background-color: var(--primary-color);/*#667E93*/
    padding: 6px;
    font-weight: bold;
	}
.torikumi_event dd {
    font-size: 15px;
    margin-bottom: 15px;
    padding: 0 5px;
	line-height: 1.3;
	}

.no_num {
	background-image: none;
	padding-bottom: 15px;
	}
.no_num p {
	padding: 15px 20px 15px 20px !important;
	}
.no_num a{
	font-weight:bold;
}
/*///////////////////////////////////////////

メンバー紹介ページ

///////////////////////////////////////////*/
.member_list img{
		width: 100%;
		vertical-align: bottom;
	}

ul.member_list{
		padding: min(4vw,12px);
		display: grid;
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 24px 16px;
	}


	@media screen and (min-width:375px) {
		ul.member_list{
			grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
		}
	}

	@media screen and (min-width:480px) {
		ul.member_list{
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		}
	}


	li.member_list_item{
		width: min(100%,200px);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap:0.5rem;
		position: relative;
	}

	.member_photo_wrap{
		flex-grow: 0;
	}
	.member_table{
		flex-grow: 1;
		display: grid;
		justify-content: center;
		text-align: center;
		width: 100%;
		padding: 0.5rem;
		border:1px solid #A5A5A5;
	}
	.member_name .chairman{
		position: absolute;
		top: 0;
		right: 0;
		padding: 0.25rem;
		background: #A5A5A5;
		font-size: 12px;
		color: #fff;
	}
	.member_name strong{
		font-weight: 600;
		font-size: clamp(0.9375rem,2.35vw,1.125rem);
		border-bottom: 2px dotted #555;
		padding-bottom: 0.125rem;
	}
	.member_school-year{
		font-size: clamp(0.875rem,2.07vw,0.9735rem);
		padding-top: 0.75rem;
		line-height: 1.2;
	}


/*///////////////////////////////////////////

取得についてページ

///////////////////////////////////////////*/
.syutoku_info {
display: block;
margin: 0 auto;
padding: 10px 20px;
	}

.syutoku_info a{
	font-weight:bold;
	color:#0066cc;
	text-decoration:underline;
}


/*動画*/
.bousai_video {
background-color: #ccc;
width:95%;
margin:0 auto;
padding: 5px 0 0 0;
margin-bottom:15px;
	}

.bousai_video ul {
list-style-type: none;
display: block;
width: 100%;
margin: 0 auto;
	}

.bousai_video ul a{
display: block;
width: 90%;
margin-left: 15px;
background-color: #DFDFDF;
padding: 7px;
height: auto;
overflow: hidden;
	}

.bousai_video ul li img{
	display:block;
	margin:0 auto;
	}
	
.bousai_video ul li p {
font-size: 14px;
display: block;
	}


.dogatitle {
	background-color: #333;
color: #FFF;
text-shadow: 1px 1px 1px #000;
padding: 5px 10px;
margin-left: 15px;
margin-right: 15px;
}

.bousai_video ul a {
display: block;
width: 90%;
margin: 5px auto;
background-color: #DFDFDF;
padding: 7px;
height: auto;
overflow: hidden;
}

.bousai_video ul li img {
display: block;
float: left; 
margin: 0 ;
margin:5px 20px 10px 16px;
padding:0;
background-color: #DFDFDF;
height: 135px;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
}

.bousai_video ul li p {
font-size: 14px;
margin: 5px 0;
padding: 15px 15px;
}

.bousai_video ul li span {
display: block;
font-size: 110%;
line-height: 112%;
/* font-weight: bold; */
padding-bottom: 5px;
font-weight: bold;
}


.oubo_form {
display: block;
padding: 15px 20px;
font-size: 20px;
border: 1px solid #667E93;
max-width: 300px;
width:60%;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
border-radius: 5px;
color: #fff;
font-weight: bold;
background: rgb(212,228,239); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZTRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzljY2NlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzljY2NlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzZhYTNjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzljY2NlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGU0ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(212,228,239,1) 0%, rgba(156,204,237,1) 12%, rgba(156,204,237,1) 12%, rgba(106,163,204,1) 48%, rgba(156,204,237,1) 91%, rgba(212,228,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(12%,rgba(156,204,237,1)), color-stop(12%,rgba(156,204,237,1)), color-stop(48%,rgba(106,163,204,1)), color-stop(91%,rgba(156,204,237,1)), color-stop(100%,rgba(212,228,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(156,204,237,1) 12%,rgba(156,204,237,1) 12%,rgba(106,163,204,1) 48%,rgba(156,204,237,1) 91%,rgba(212,228,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(156,204,237,1) 12%,rgba(156,204,237,1) 12%,rgba(106,163,204,1) 48%,rgba(156,204,237,1) 91%,rgba(212,228,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(156,204,237,1) 12%,rgba(156,204,237,1) 12%,rgba(106,163,204,1) 48%,rgba(156,204,237,1) 91%,rgba(212,228,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(212,228,239,1) 0%,rgba(156,204,237,1) 12%,rgba(156,204,237,1) 12%,rgba(106,163,204,1) 48%,rgba(156,204,237,1) 91%,rgba(212,228,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#d4e4ef',GradientType=0 ); /* IE6-8 */
}

.oubo_form span {
	color:#fff;
	color:#333;
	text-shadow: 1px 1px 1px #333;
	}
	
.syutoku_event{display: block;padding: 15px 20px;background-color: #E9E9E9;margin: 15px 0;}
.syutoku_event span {
    /* font-size: 105%; */
    font-weight: bold;
}	
.syutoku_event h1{
	font-size: 18px;
	font-weight:bold;
}
	
/*「ぼうさいマスターになるには」画像*/
.step_img_sp{
	width:90%;
	max-width: 380px;
	margin: 30px auto 20px;
    display: block;
}
.step_img_pc{
		display: none;
	}

/*WEB検定はこちらから*/
.here{
	font-weight:bold;
	text-align: center;
}
.here p::before{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	background:URL("./img/yajirushi.png") no-repeat;
	background-size:contain;
	margin-right:10px;
}

.here p::after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	background:URL("./img/yajirushi.png") no-repeat;
	background-size:contain;
	margin-left:10px;
}


/*期限*/
.limit{
	margin:50px 0;
	text-align: center;
}

.limit p{
	color:#C31114;
	font-weight: bold;
}


/*注意書き*/
.note{
	text-align: left;
	display: inline-block;
}

.note p{
	margin:25px 5px;
	font-size:14px;
	font-weight:normal;
}

/*お詫び文*/
.apology{
	padding: 0 15px;
}

/*事務局名*/
.name{
	text-align:right;
	margin-top: 30px;
	font-weight:bold;
	padding-right:15px;
}

/*参考サイト表記*/
.reference  {
    text-align: center;
		padding-bottom: 30px;
}

.reference a {
    font-size: 18px;
	color: #003366;
}




/*///////////////////////////////////////////

検定ページ

///////////////////////////////////////////*/

#comment{
	font-weight:bold;
	font-size:120%;
}
.manga{
	margin:0 auto 30px;
	text-align:center;
}
.kentei_oubo{
	margin:0 auto;
	text-align:center;
	line-height:1.2em;
}
.kentei_oubo p{
	margin:15px;
}
.kentei_oubo ul{
	margin:15px;
}
.kentei_oubo ul li{
	line-height:120%;
}
.manga_btn a {
	/* display:block; */
	/* text-decoration:none; */
	/* border-radius: 5px; */
	/* padding: 10px 20px; */
	display: inline-block;
	text-decoration: none;
	background: #667e93;
	color: rgba(255, 255, 255, 0.91);
	font-weight: bold;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	box-shadow: 0px 0px 0px 5px #667e93;
	border: solid 2px #667e93;
	transition: .4s;
	margin: 0 10px;
	font-size: 90%;
	}

.manga_btn a:hover {
border: solid 2px #FFFFFF;
text-decoration:none;}
	
/*20151015追加*//*20240728リニューアル*/
.webkentei_btn a {
	display:block;
	width:min(90%,400px);
	margin:10px auto 25px;
	padding:10px 0;
	background-color:var(--primary-color);
	color:#FFF;
	font-weight:700;
/*box-shadow:#039 0 3px 0;*/
	text-align:center;
	text-decoration:none;
	line-height:1.3em;
	border-radius: 999px;
	}

.webkentei_btn a:hover{
    transition: all .35s ease;
    transform: scale(.9);
    opacity: 1;
}


/*解答・解説はこちら*/
/*
.bousai_area .btn {
    text-align: center;
    display: block;
    font-size: 100%;
    margin: 30px auto;
    background: #F38B09;
    border: 2px solid #FFF;
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    width: 60%;
    padding: 12px 10px;
}
*/

/*/受験・応募フォームはこちら/*/
.oubo_btn a {
	width:80%;
	background-color: #00BCD4;
	display:block;
	text-decoration:none;
	padding: 15px 0;
	color:#FFF;
	border-radius: 8px;
	margin:10px auto 20px;
	font-weight:bold;
	transition: .4s;
	border:2px solid  #00BCD4;
	text-align:center;
	}
	
.oubo_btn a:hover {
	text-decoration:none;
	background-color:#ffffff;
	border:2px solid  #00BCD4;
	color: #00BCD4;}

.sonae img {
	border:#000 1px solid;
	margin:20px 0;
	width:99%;}


/*///////////////////////////////////////////

【ぼうさいマスター】クイズ検定解答と解説

///////////////////////////////////////////*/

.answer_box{
	width:100%;
	margin:0 auto;
	margin-bottom: 45px;
}
.answer_table{
	width:100%;
	font-size: 90%;
}
.answer_table span{
	text-decoration:underline;
}
.answer_table th, .answer_table td{
	padding:7px 3px;
	text-align: center;
	line-height:1.3em;
    vertical-align: middle;
	border:1px dotted rgb(169, 154, 141);
}
.answer_table th{
	font-size:15px;
	font-weight:bold;
	width:10%;
}
.answer_table th:not(.answer_table_title){
    writing-mode:vertical-rl;
    text-orientation:upright;
}

.answer_table .text-combine{
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
  text-decoration: none;
  font-weight: bold;
}


.answer_table th:nth-child(1)  {
	width:10%;
	font-weight: bold;
}
.answer_table tr:nth-child(2n-1) {
  	 background:#F9F5E7;
 	 padding:5px 0;
}
.answer_table tr:nth-child(2n) {
  	 background: #FFF;
 	 padding:5px 0;
}
.answer_table tr:nth-child(1) {
  	 background:#E8D2AE;
	 border:1px solid rgb(169, 154, 141);
}
.answer_table td:nth-child(2) {
	text-align:left;
}
.answer_table td:nth-child(3) {
	width:10%;
	color: #F03;
	padding:3px;
	font-weight:bold;
	font-size:110%;
}
.answer_table td:nth-child(4) {
	color:#06C;
	padding: 10px 3px;
	text-align:left;
}
.answer_table tr:nth-child(2) {
	padding:0;
}
.answer_table td:nth-child(5) {
	text-align:left;
}


/*--------　ひまわりプロジェクト　--------*/
.himawari{
	background-color: #FF9800;
	font-size: 95%;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px !important;
	border-radius:5px;
	display:block;
	margin:0 auto;
	padding: 15px 0;
	color: #ffffff !important;
	box-shadow: 1px 1px 1px 1px #9c9c9c;
	pointer-events: none;/*リンクの無効化*/
}
.himawari:hover{
	background-color:#ff980099;

}


/*20181126*/

.earthquake {
	background: url(../img/shinsai.jpg);
	overflow: hidden;
	background-size: cover;
	width: 86%;
}
.earthquake a {
	display: block;
	background-color: rgba(0,0,0,0.6);
	text-decoration: none;
}
.earthquake a h1 {
    color: #fff;
    font-size: 130%;
    font-weight: normal;
    letter-spacing: 0.08em;
    padding: 60px 0 30px;
    line-height: 1.3em;
}
.earthquake a h2 {
	font-size: 80%;
    color: #fff;
    padding: 0 0 60px;
    font-weight: normal;
}


/*///////////////////////////////////////////

避難所体験

///////////////////////////////////////////*/

.hinanjo_info {
    display: block;
    padding: 10px;
    background-color: #E9E9E9;
    margin: 15px 15px 30px;
 }
.hinanjo_info dt {
    font-size: 100%;
    color: #fff;
    margin-bottom: 5px;
    background-color: #667E93;
    padding: 6px;
    font-weight: bold;
}
.hinanjo_info dd {
    font-size: 16px;
    margin-bottom: 15px;
    padding: 0 5px;
}

.hinanjo_info p{
	font-size: 16px;
	margin-top:10px;
	padding-left:1em;/*2行名以降一字下げ*/
	text-indent:-1em;/*2行名以降一字下げ*/
	margin:0;

}
.note{
	margin-top:30px;
	padding:0 10px;
}

.limit .note p{
	margin:5px;
	padding-left:1em;/*2行名以降一字下げ*/
	text-indent:-1em;/*2行名以降一字下げ*/
}

/*ページ上部へ戻るボタン*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 100%;
	z-index: 10;
}
#page-top a {
    background: var(--primary-color);
    opacity: 0.7;
    text-decoration: none;
    color: #fff;
    width: 36px;
    height: 36px;
    padding: 5px 0;
    text-align: center;
    display: grid;
    place-items:center;
    border-radius: 50%;
    margin: 45px 5px;
}
#page-top a img.arrow-top{
    width: 16px;
    transform: rotate(-90deg);
}

#page-top a :hover{
    opacity: 0.6;
}