@charset "UTF-8";

/*======================================
	お知らせ詳細
=======================================*/

h2 img {
    margin-bottom: 20px;
}
#main_wrap {
	padding: 1.5em 1.5em;
	margin-bottom: 3em;
}

/* 一覧にもどるボタン */

.btn_more div{
	width: 200px;
	margin:0 auto;
}
.btn_more p{
	background-position: 15px center;
	padding-left:20px;
}

/*======================================
	スマホ（320px）
=======================================*/
body {
}

main {
	margin: 0;
}

h3 {
    background-color: #84b131;
    border-radius: 0.3em;
    color: #fff;
    font-size: 120%;
    margin-bottom: 1em;
    padding: 0.5em 1em;
}

/* スポット詳細 */
#main_wrap dl {
	overflow: hidden;
	border-bottom: dotted 1px #9e9e9e;
	background: url(../img/spot/spot_detail_back_1x1.png) repeat-y 0 0;
	background-size: 25% 1px;
	margin-top: 1em;
	margin-bottom: 1em;
}
#main_wrap dt {
	width: 20%;
	clear: left;
	float: left;
	margin: 0;
	padding: 0.5em 2.5%;
	border-top: dotted 1px #9e9e9e;
	overflow: hidden;
}
#main_wrap dd {
	width: 70%;
	float: left;
	margin: 0;
	padding: 0.5em 2.5%;
	border-top: dotted 1px #9e9e9e;
	overflow: hidden;
}

#news_image_list {
	margin-bottom: 1em;
}
#news_image_list img {
	margin-right: 1em;
	margin-bottom: 1em;
}

/* 動画 */
.iframeBox {
	position: relative;
	width: 100%;
	margin-bottom: 0.5em;
	padding-top: 56.25%;
}
.iframeBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}




/*======================================
	タブレット
=======================================*/
/*
@media screen and (min-width: 768px) and (max-width: 979px) {
@media screen and (min-width: 768px) {
@media screen and (min-width: 600px) {
*/
@media screen and (min-width: 600px) {

}


/*======================================
	PC
=======================================*/
@media screen and (min-width: 800px) {


}





/*
#main_wrap ul {
	margin-left: 2em;
	margin-bottom: 4em;
}
#main_wrap ul li {
	margin-bottom: 0.5em;
}
*/
#main_wrap ul li {
	border-bottom: solid 1px #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#main_wrap ul li:last-child {
	border-bottom: none;
}



@media screen and (max-width: 599px) {

	h2,
	#main_wrap{
		margin-left: 3%;
		margin-right: 3%;
	}

	#main_wrap {
		padding: 1em 0.5em;
		margin-bottom: 3em;
	}

}


p.news_list_date {
	color: #b81c22;
}







#main_wrap span.icon {
	color: #fff;
	padding: 0 0.5em;
	font-size: 85%;
}
#main_wrap span.icon1 {
	background-color: #0068a4;
}
#main_wrap span.icon2 {
	background-color: #deb800;
}
#main_wrap span.icon3 {
	background-color: #060;
}



span.new {
	color: #f00;
	font-weight: bold;
	font-size: 85%;
}