@charset "utf-8";

/*
	福島県教育旅行　秋用CSS
*/


/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
header {
	border-top: 5px solid #FF9326;
}
header .naviSp {
	background-color: #FF9326;
}
header .headTitle .headTitle01 {
	color: #FF9326;
}



/* ナビゲーション */
.navi {
	border-top: 1px solid #FF9326;
	border-bottom: 1px solid #FF9326;
}
.navi .headNavi {
	border-bottom: 1px solid #FF9326;
}
.navi .headNavi .headNavi1 {
	border-bottom: 1px solid #FF9326;
}
.navi .mainNavi > ul > li a {
	border-bottom: 1px solid #FF9326;
}
.navi .mainNavi > ul > li > div {
	border-bottom: 1px solid #FF9326;
}
#main .pankuzu {
	border-top: 1px solid #FF9326;
}
#main .mainTitle {
	background-color: #FF9326;
}





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

}





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

	.navi {
		border-top: none;
		border-bottom: none;
	}
	.navi .headNavi {
		border-bottom: none;
	}
	.navi .headNavi .headNavi1 {
		border-bottom: none;
	}
	.navi .headNavi .headNavi1 .nDownload a:hover {
		background-color: #FF9326;
		border: 1px solid #FF9326;
	}
	.navi .headNavi .headNavi1 .nJoseikin a:hover {
		background-color: #FF9326;
		border: 1px solid #FF9326;
	}
	.navi .headNavi .headNavi1 .nInq a:hover {
		background-color: #FF9326;
		border: 1px solid #FF9326;
	}
	.navi .headNavi .headNavi1 .nHome a:hover {
		background-color: #FF9326;
		border: 1px solid #FF9326;
	}
	.navi .nSearchBtn:hover {
		background-color: #FF9326;
		border: 1px solid #FF9326;
	}
	.navi .mainNavi > ul > li a {
		border-bottom: none;
		color: #FF9326;
	}
	.navi .mainNavi > ul > li.select > a {
		color: #333;
	}
	.navi .mainNavi > ul > li:hover a {
		color: #333;
	}
	.navi .mainNavi > ul > li a span {
		background-image: url(../img/fukushima_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select > a span,
	.navi .mainNavi > ul > li:hover > a span {
		background-image: url(../img/fukushima.svg);
	}
	.navi .mainNavi > ul > li a span.info {
		background-image: url(../img/info_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select a span.info,
	.navi .mainNavi > ul > li:hover a span.info {
		background-image: url(../img/info.svg);
	}
	.navi .mainNavi > ul > li a span.course {
		background-image: url(../img/course_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select a span.course,
	.navi .mainNavi > ul > li:hover a span.course {
		background-image: url(../img/course.svg);
	}
	.navi .mainNavi > ul > li a span.access {
		background-image: url(../img/access_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select a span.access,
	.navi .mainNavi > ul > li:hover a span.access {
		background-image: url(../img/access.svg);
	}
	.navi .mainNavi > ul > li a span.movie {
		background-image: url(../img/movie_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select a span.movie,
	.navi .mainNavi > ul > li:hover a span.movie {
		background-image: url(../img/movie.svg);
	}
	.navi .mainNavi > ul > li > a span.program {
		background-image: url(../img/program_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select > a span.program,
	.navi .mainNavi > ul > li:hover > a span.program {
		background-image: url(../img/program.svg);
	}
	.navi .mainNavi > ul > li a span.yaku {
		background-image: url(../img/yaku_select_autmn.svg);
	}
	.navi .mainNavi > ul > li.select > a span.yaku,
	.navi .mainNavi > ul > li:hover > a span.yaku {
		background-image: url(../img/yaku.svg);
	}
	.navi .mainNavi > ul > li > div {
		background-color: rgba(250,242,237,0.9);
	}
	.navi .mainNavi > ul > li > .mainNaviSub {
		border-top: 1px solid #FF9326
	}
	.navi .mainNavi > ul > li > .mainNaviSub ul a {
		border: 3px solid #FF9326;
		background-color: #FF9326;
	}
	.navi .mainNavi > ul > li > .mainNaviSub ul a:hover {
		color: #FF9326;
	}
	.navi .mainNavi > ul > li > .mainNaviSub ul a::before,
	.navi .mainNavi > ul > li > .mainNaviSub ul a::after {
		background-color: #FF9326;
	}
	.navi .mainNavi > ul > li > .mainNaviSub ul li > a:hover span.sisetu {
		background-image: url(../img/sisetu_select_autmn.svg);
	}
	.navi .mainNavi > ul > li > .mainNaviSub ul li > a:hover span.program {
		background-image: url(../img/program_select_autmn.svg);
	}
	.mainNaviSubList ul li:hover {
		border-color: #FF9326!important;
	}
	.mainNaviSubList ul li:hover a span {
		border-color: #FF9326!important;
	}
	.fixed .navi .mainNavi > ul > li.select > a {
		color: #FF9326;
		border-bottom: 2px solid #FF9326;
	}
	.fixed .navi .mainNavi > ul > li:hover > a {
		border-bottom: 2px solid #FF9326;
	}
	footer .footBox .footMenu a:hover {
		background-color: #FF9326;
		border-color: #FF9326;
	}
}