@charset "utf-8";
/* CSS Document */
@media screen and (min-width:768px){
	
/*///////////////////////////////////////////

全体

///////////////////////////////////////////*/
.clear {
	clear:both;
}
.bousai_wrap {
	padding:0 10px;
	margin-bottom:50px;
}
.bousai_wrap p {
	font-size: 17px;
	line-height: 145%;
	margin: 15px 0 25px;
}
.bousai_title {
    margin: 80px auto 40px;
    font-size: 1.5rem;
}

	
.bousai_width{
	width: 100%;
	margin: 0 auto;
}	
.bousai_title_br{/*トップを除く各ページの見出し、長いものはSP版のみ改行させる*/
	display: none;
	}
	
/*///////////////////////////////////////////

ＴＯＰ

///////////////////////////////////////////*/
	.bousai_mainVisual a{
		display: block;
		margin: 15px auto;	
	}
	.bousai_img{
		margin: 0 auto;
	}
	.bousai_area_introduction_wrap{
		margin-bottom:50px;
	}
	.bousai_area_introduction{
		width: 100%;
	}
    
    .bousai_area_introduction_photo{
        margin-bottom: 24px;
    }

	.bousai_area_introduction p{
		font-size: 1rem;
	}
	
/*　動画サイズ　*/
.movieDetailIn iframe{
	width: 70%;
}
	
/*　support　リスト　*/
.support {
	margin:0 auto;
	margin-top:20px;
}

	.support dl{
		flex-direction: row;
		}
	
	.support dt{
	    justify-content: center;
		margin-bottom: 0;
		padding: 1.5em 0.25em;;
		width: 22%;
		}
    
    .support dt:first-of-type,.support dd:first-of-type{
        border-top: 1px solid #333; 
    }    
	.support dd{
		padding: 1.5em 1.25em;
		width: 78%;
        font-size: 1rem;
        border-bottom: 1px solid #333; 
	}
	
	/*--------　ひまわりプロジェクト　--------*/
.himawari{
	background-color: #FF9800;
	font-size: 17px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px !important;
	border-radius:5px;
	display:block;
	margin: 40px auto;
	padding: 15px 0;
	color: #ffffff !important;
	box-shadow: 1px 1px 1px 1px #9c9c9c;
	pointer-events: none;/*リンクの無効化*/
}
.himawari:hover{
	background-color:#ff980099;

}

/*--------　「117KOBEぼうさい委員会」メンバーの集合写真　--------*/
.group_photo {
	margin-bottom: 20px;
}

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

メニュー

///////////////////////////////////////////*/
@media screen and (min-width:1024px){    
    .bousai_menu {
        /*max-width: 800px;*/
        /*margin:50px auto 80px;*/
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
    }
    .bousai_menu li {
        width: 24%;
        font-size: 18px;
        line-height: 120%;
    }
    .bousai_menu li a {
        position: relative;
        font-weight: bold; 
        color: #333;
        margin-bottom: 2px;
        transition: 0.2s;
    }
    .bousai_menu span {
        font-size:100%;
    }
    .circle_back{
        width: 2rem;
        height: 2rem;
        top: 50%;
        transform: translateY(-50%);
        left: 0%;
        position: absolute;
    }
}	

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

認定式・特典のお知らせ

///////////////////////////////////////////*/
.ninteishiki {
	display:block;
}
.ninteishiki dt{
	font-size: 17px;
	color: #fff;
	background-color: #667E93;
	padding: 8px;
	text-shadow: 1px 1px 1px #333;
	border: 1px solid #667E93;
}	
.ninteishiki dd{
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 145%;
	padding:30px;
	border: 1px solid #667E93;
}
.ninteishiki ul{
	list-style:none;
	margin:15px 0;
	line-height:1.2em;
	font-size:15px;
}
.ninteishiki ul li{
	margin-bottom:10px;
	padding-left:1em;
	text-indent:-1em;
}
.ninteishiki_img{
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;
}
.ninteishiki_img img{
	margin:1px;
	zoom:0.8;
}
.bousai_linklogo {
	width:200px;
	margin:30px auto;}

.bousai_linklogo ul li {
	margin:15px 0;}


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

取り組み

///////////////////////////////////////////*/
.torikumi_list {
	list-style:none;
}
.torikumi_list li{
	display: block;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}	
.torikumi_list li p {
	padding:10px 10px 10px 55px;
	margin:0;
}
.torikumi_event {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 15px;
	border: 1px solid #CCC;
	padding-bottom: 0;
	background-color: #E9E9E9;
}
.torikumi_event dt {
	font-size: 17px;
	color: #fff;
	margin-bottom: 10px;
/*
	background-color: #667E93;
*/
	padding: 10px;
}
.torikumi_event dd {
	font-size:15px;
	margin-bottom: 15px;
	line-height: 1.3em;
	padding: 0 5px;
}
.no_num {
	background-image: none;
	padding-bottom: 15px;
}
.no_num p {
	padding:15px 20px 15px 20px !important;
}

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

取得について

///////////////////////////////////////////*/
.syutoku_info {
	display:block;
	width:600px;
	margin:0 auto;
	padding-left: 20px;
}
.syutoku_list li{
	display: block;
	width: 600px;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 1px solid #AAA5A5;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.syutoku_list li p {
	padding:10px 10px 10px 55px;
	margin:0;
}
.syutoku_event {
    display: block;
    margin: 0 auto 30px;
    padding: 25px;
    border: 1px solid #CCC;
    background-color: #E9E9E9;
    font-size: 95%;
    line-height: 1.4em;
    /* letter-spacing: 0em; */
}
.syutoku_event span{
	font-size:105%;
	font-weight:bold;
}
.syutoku_event dd {
    font-size: 1em;
    margin-bottom: 15px;
    line-height: 1.2em;
}
    
.webkentei_btn a {/*20240728リニューアル*/
	margin: 0 auto 30px;
    font-size: 19px;
    line-height: 1.2em;
}

/*
.webkentei_btn a:hover {
	text-decoration:none;
	color:#f1f1f1;
	background: -moz-linear-gradient(top,#02a6dd 0%,#0387ca);
    background: -webkit-gradient(linear, left top, left bottom, from(#01a9e0), to(#0080c1));
}
*/

/*「ぼうさいマスターになるには」画像*/
.step_img_pc{
	display: block;
    margin:30px auto 60px;
}
.step_img_sp{
	display: none;
}
	
/*WEB検定はこちらから*/
.here{
	font-weight:bold;
	text-align: center;
}

.here p{
	margin-bottom:5px;
}


.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-bottom:50px;
	text-align: center;
}

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

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

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

/*事務局名*/
.name{
	text-align:right;
	font-weight:bold;
}

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

.reference a {
    font-size: 20px;
}
.reference p {
    margin: 5px 0;
}


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

防災WEB検定

///////////////////////////////////////////*/
.manga {
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
.manga_btn a {
    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;
}
.manga img {
    width: 100%;
    border: #000 1px solid;
    margin: 20px 0;
}
.kentei_oubo {
    width: 600px;
    margin: 0 auto;
    text-align: center}
.kentei_oubo p {
    line-height: 1.2em;
}
.btn {
    text-align: center;
    display: block;
    font-size: 16px;
    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: 330px;
    padding: 12px 0;
}
#comment {
    display: inline-block;
    font-weight: bold;
    font-size: 120%;
}
.kentei_oubo{
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
.oubo_btn a {
    width: 300px;
    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;
}



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

クイズ検定解答と解説

///////////////////////////////////////////*/
.answer_box{
	margin:0 auto;
	margin-bottom: 45px;
}
.answer_table{
	font-size:26px !important;
}
.answer_table th, .answer_table td{
	padding:8px 4px;
	text-align: center;
    vertical-align: middle;
	border:1px dotted rgb(150, 150, 150);
}
.answer_table span{
	text-decoration:underline;
}
.answer_table th{
	font-size:15px;
	width: 51px;
}
.answer_table th:not(.answer_table_title){
    writing-mode:horizontal-tb;
    text-orientation:mixed;
}
.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(2) {
	text-align:center; 
	font-size: 110%;
}
.answer_table tr:nth-child(1) {
  	background:#E8D2AE;
	border: #999 1px solid
}
.answer_table td:nth-child(2) {
	text-align:left;
	width: 289px;
}
.answer_table td:nth-child(3) {
	color: #F00;
	font-weight:bold;
    padding: 3px;
    width: 40px;
}
.answer_table td:nth-child(4) {
	color: #22296A;
	text-align:left;	
}
.answer_table td{
	font-size:14px !important;
	font-weight:400;
	line-height:1.5;
}


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

右カラムＦＢ部分

///////////////////////////////////////////*/
.fb_bousai {
    width: 300px;
    height: 590px;
}
	
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 100%;
}

/*20181126*/

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

.earthquake a:hover {
	background-color: rgba(0,0,0,0.4);
	text-decoration: none;
}


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

避難所体験

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

.hinanjo_info {
	display: block;
	width: 550px;
	margin: 0 auto 50px;
	padding: 15px;
	border: 1px solid #CCC;
	padding-bottom: 0;
	margin-bottom: 50px;
	background-color: #E9E9E9;
}
.hinanjo_info dt {
	font-size: 17px;
	color: #fff;
	margin-bottom: 10px;
	background-color: #667E93;
	padding: 10px;
}
.hinanjo_info  dd {
	font-size:17px;
	margin-bottom: 15px;
	line-height: 145%;
	padding: 0 5px;
	margin-bottom:20px;
}
.hinanjo_info p{
	font-size: 17px;
	padding-left:1em;/*2行名以降一字下げ*/
	text-indent:-1em;/*2行名以降一字下げ*/
	margin:0;

}

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


}