@charset "utf-8";

/*
	福島県教育旅行
	アクセス用CSS
	access/index.html

	access.css
	create	20170616
*/



/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
#main .accessBox h2 {
	color: #FF4D4D;
	border-bottom: 2px solid #FF4D4D;
}
#main .accessBox .accessMenu p.planeSelect {
	background-image: url(../access/img/plane_on_winter.svg);
	border-color: #FF4D4D;
}
#main .accessBox .accessMenu p.trainSelect {
	background-image: url(../access/img/train_on_winter.svg);
	border-color: #FF4D4D;
}
#main .accessBox .accessMenu p.carSelect {
	background-image: url(../access/img/car_on_winter.svg);
	border-color: #FF4D4D;
}
#main .accessBox .accessMenu p.fukushimaSelect {
	background-image: url(../access/img/fukushima_on_winter.svg);
	border-color: #FF4D4D;
}

/* 飛行機 */
#main .accessBox .planeMeyasu h3 {
	background-color: #FF4D4D;
}

/* 新幹線 */
#main .accessBox .trainMeyasu h3 {
	background-color: #FF4D4D;
}

/* 車 */
#main .accessBox .carMeyasu h3 {
	background-color: #FF4D4D;
}

/* 県内 */
#main .accessBox .fukushimaBlock h3 {
	background-color: #FF4D4D;
}




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

}





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

	#main .accessBox .accessMenu p:hover.plane {
		background-image: url(../access/img/plane_on_winter.svg);
	}
	#main .accessBox .accessMenu p:hover.train {
		background-image: url(../access/img/train_on_winter.svg);
	}
	#main .accessBox .accessMenu p:hover.car {
		background-image: url(../access/img/car_on_winter.svg);
	}
	#main .accessBox .accessMenu p:hover.fukushima {
		background-image: url(../access/img/fukushima_on_winter.svg);
	}
}