@charset "UTF-8";

/*======================================
	サイドバー
=======================================*/


#sidebar .sidebar_spot_search {
}
#sidebar .sidebar_spot_search h2 img {
	width: 75%;
	max-width: 200px;
	min-width: 120px;
	margin: 12px 0 0 10px;
}
#sidebar #sidebar_spot_purpose h2 img {
	width: 72%;
}
#sidebar #sidebar_spot_area h2 img {
	width: 72%;
}
#sidebar .sidebar_spot_search ul {
	background-color: #fff;
	margin: 10px;
	margin: 3% 5% 5% 5%;
}
#sidebar .sidebar_spot_search ul li {
	/*height: 44px;
	line-height: 44px;*/
	border-bottom: dotted 1px #ddd;
	margin-bottom: 0;
	overflow: hidden;
}
#sidebar .sidebar_spot_search ul li img {
	width: 30px;
	max-width: 30px;
	width: 15%;
	margin: 0 10px 0 6px;
}
#sidebar .sidebar_spot_search ul li a {
	display: block;
	font-size: 100%;
	color: #333;
	text-decoration: none;
	padding:8px 20px 8px 30px;
	/*white-space: nowrap;*/
}
#sidebar .sidebar_spot_search ul li a img{
	margin-left:-25px;
}

/* 歴史人物伝・モデルコース・立谷沢川流域 */
#sidebar #sidebar_history,
#sidebar #sidebar_corse,
#sidebar #sidebar_ryuiki{
	border:solid 1px #747374;
	background-color: #f4f2f3;
}
#sidebar #sidebar_history h2 img,
#sidebar #sidebar_corse h2 img,
#sidebar #sidebar_ryuiki h2 img{
	margin-bottom: 0;
	padding:3% 0 0 3%;
	width: 100%;
	max-width:200px;
}
#sidebar #sidebar_history ul,
#sidebar #sidebar_corse ul,
#sidebar #sidebar_ryuiki ul{
	background-color: #fff;
	margin: 10px;
	margin: 3% 5% 5% 5%;
}
#sidebar #sidebar_history li,
#sidebar #sidebar_corse li,
#sidebar #sidebar_ryuiki li{
	height: 44px;
	line-height: 44px;
	border-bottom:dotted 1px #b3b3b4;
	margin-bottom: 0;
	overflow: hidden;
}
#sidebar #sidebar_history ul li a,
#sidebar #sidebar_corse ul li a,
#sidebar #sidebar_ryuiki ul li a {
	display: block;
	font-size: 90%;
	color: #333;
	text-decoration: none;
	background: url(../img/side/feature_arrow.png) no-repeat right 5px center;
	background-size: 14px 14px;
	white-space: nowrap;
	padding-left:0.5em;
}
#sidebar #sidebar_history ul .active_mk,
#sidebar #sidebar_corse ul .active_mk,
#sidebar #sidebar_ryuiki ul .active_mk,
#sidebar #sidebar_history ul li a:hover,
#sidebar #sidebar_corse ul li a:hover,
#sidebar #sidebar_ryuiki ul li a:hover{
	background-color: #e8e3f1;
}

/* イベントお知らせ */
#sidebar #sec_news{
	background-color: #dce5ec;
	border:solid 1px #62b6e2;
	overflow: hidden;
}
#sidebar #sec_news h3 img{
	margin-bottom: 0;
	padding:5% 0 0 5%;
	width: 65%;
	max-width:120px;
}
#sidebar #sec_news ul{
	background-color: #fff;
	margin: 10px;
	margin: 3% 5% 5% 5%;
}
#sidebar #sec_news li{
	border-bottom:dotted 1px #b3b3b4;
	margin-bottom: 0;
	overflow: hidden;
	padding:0.5em;
}
#sidebar #sec_news ul a {
	display: block;
	background-color: #fff;
	font-size: 100%;
	color: #333;
}
#sidebar #sec_news a:hover{
	opacity:0.5;
}
#sidebar #sec_news p.p_date{
	font-weight:bold;
	color:#004ea2;
	font-size:95%;
}
#sidebar #sec_news #sec_news_more{
	margin:0 auto;
	width:50%;
	max-width:176px;
	margin-bottom: 1.0em;
}


/* ジャンル */
#sidebar_spot_category {
	background-color: #f5eee5;
	border-color: #d2bc9e;
}
#sidebar #sidebar_spot_category ul li.active_mk,
#sidebar #sidebar_spot_category ul li a:hover {
	background-color: #fffedb;
}
#sidebar_spot_category ul li a {
	background: url(../img/side/spot_category_arrow.png) no-repeat right 5px center;
	background-size: 14px 14px;
}
#sidebar_spot_category h2 {
	background: url(../img/side/spot_category_arrow_s.png) no-repeat right 5% bottom 15px;
	background-size: 30px 30px;
}

/* 目的 */
#sidebar_spot_purpose {
	background-color: #f4e2ea;
	border-color: #db79a1;
}
#sidebar #sidebar_spot_purpose ul li.active_mk,
#sidebar #sidebar_spot_purpose ul li a:hover {
	background-color: #fff0f3;
}
#sidebar_spot_purpose ul li a {
	background: url(../img/side/spot_purpose_arrow.png) no-repeat right 5px center;
	background-size: 14px 14px;
}
#sidebar_spot_purpose h2 {
	background: url(../img/side/spot_purpose_arrow_s.png) no-repeat right 5% bottom 15px;
	background-size: 30px 30px;
}

/* エリア */
#sidebar_spot_area {
	background-color: #e2efcc;
	border-color: #78b883;
}
#sidebar #sidebar_spot_area ul li.active_mk,
#sidebar #sidebar_spot_area ul li a:hover {
	background-color: #edfac4;
}
#sidebar_spot_area ul li a {
	background: url(../img/side/spot_area_arrow.png) no-repeat right 5px center;
	background-size: 14px 14px;
}
#sidebar_spot_area h2 {
	background: url(../img/side/spot_area_arrow_s.png) no-repeat right 5% bottom 15px;
	background-size: 30px 30px;
}




/* バナー一覧 */
#side_banner_list li {
	margin-bottom: 0.5em;
	text-align: center;
}

/* バナー（特集） */
#side_banner_list ul.box {
	background: url(../img/top/special.png) no-repeat 0.5em 1.0em;
	background-size:60%;
	background-color:#fffde6;
	padding: 3.0em 0.5em 1.0em 0.5em;
}
#side_banner_list .box li{
	max-width: 300px;
	margin: 0 auto;
	margin-bottom: 1.0em;
}
#side_banner_list .box li img{
	width: 100%;
}

#side_banner_list .box li p{
	background: url(../img/arrow2.png) no-repeat left 2px;
	background-size:1.0em;
	margin-top:0.3em;
	text-align:left;
	padding-left:1.3em;
	font-size:90%;
}


/*======================================
	スマホ（320px）
=======================================*/
@media screen and (max-width: 599px) {
	#sidebar {
		max-width: 400px;
		margin: 0 auto;
		margin-bottom: 3em;
	}
	#side_banner_list li img {
		max-width: 300px;
	}
	
	/* バナー（特集） */
	#side_banner_list ul.box {
		padding-top: 5.0em;
	}
}



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

	#sidebar_spot_category h2,
	#sidebar_spot_purpose h2,
	#sidebar_spot_area h2 {
		background:none;
	}
}






/*======================================
	PC（960px + 10px x 2 ～）
=======================================*/
@media screen and (min-width: 980px) {


}