@charset "utf-8";

/*
	福島県教育旅行
	トップページ夏用CSS
	/index.html

	index_summer.css
*/



/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
#main h3 {
	background-color: #FF9326;
}
#main .mainBlock form .btn {
	background-color: #FF9326;
}
#main .mainBlock .newsBox .btnMore a {
	background-color: #FF9326;
}
#main .mainBlock .melmagaBox .btnMore a {
	background-color: #FF9326;
}
#main .mainBlock .movieBox .btnMore a {
	background-color: #FF9326;
}
#main .blockBox2 .btnMore a {
	background-color: #FF9326;
	color: #FFFFFF;
}
#main .mainBlock .searchBlock .catBox h5 {
/*	background-color: #FF9326; */
}



@media screen and (min-width: 768px){
	/*	約768px以上の画面向けスタイル（タブレット） */

}





@media screen and (min-width: 980px){
	/*	約980px以上の画面向けスタイル（PC） */

	#main .mainBlock .newsBox .btnMore a,
	#main .mainBlock .melmagaBox .btnMore a,
	#main .mainBlock .movieBox .btnMore a,
	#main .mainBlock form .btn {
		color: #FF9326;
		background-color: #FFFFFF;
		border: 3px solid #FF9326;
	}
	#main .mainBlock .newsBox .btnMore a:hover,
	#main .mainBlock .melmagaBox .btnMore a:hover,
	#main .mainBlock .movieBox .btnMore a:hover,
	#main .mainBlock form .btn:hover {
		color: #FFFFFF;
		background-color: #FF9326;
	}

	#main .blockBox2 .btnMore a {
		background-color: #FF9326;
		border: 1px solid #FF9326;
		color: #FFFFFF;
	}
	#main .blockBox2 .btnMore a:hover {
		color: #FF9326;
		font-weight: bold;
	}
	#main .blockBox2 .btnMore a:hover::after {
		background: #FFFFFF;
	}
}