@charset "utf-8";

/*
	福島県教育旅行　program/index.html用CSS

	program_winter.css
	create	20170209
*/



/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
.programTitle {
	border-bottom: 2px solid #FF4D4D;
}
.programBox .searchBox .searchBoxBtn {
	background-color: #FF4D4D;
}
.programBox .searchBox form input[type=button] {
	background-color: #FF4D4D;
	background-image: -webkit-linear-gradient(270deg,rgba(255,77,77,1.00) 0%,rgba(255,77,77,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,77,77,1.00) 0%,rgba(255,77,77,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,77,77,1.00) 0%,rgba(255,77,77,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,77,77,1.00) 0%,rgba(255,77,77,1.00) 100%);
}
.programBoxList .btnMore a {
	background-color: #FF4D4D;
}
.programBox > .pager {
	background-color: #FF4D4D;
}
.programBox .btnMore a {
	background-color: #FF4D4D;
}


/* 詳細ページ用 */
.programTitle2 {
	border-bottom: 2px solid #FF4D4D;
}
#main .programData h3 {
	color: #FF4D4D;
}
#main .dataBox h4 {
	color: #FF4D4D;
}
#main .dataBox table th {
	background-color: #FF4D4D;
}
#main .areaInfo h4 {
	color: #FF4D4D;
}





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

}





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

	.programTitle {
		color: #FF4D4D;
	}
	.programBoxList .btnMore a {
		border: 2px solid #FF4D4D;
		color: #FFF;
	}
	.programBoxList .btnMore a:hover::after {
		background: #FFF;
		color: #FF4D4D;
		font-weight: bold;
	}
	.programBoxList .btnMore a:hover {
		color: #FF4D4D;
	}
}