@charset "utf-8";

/*
	福島県教育旅行
	メルマガ 夏用CSS
	magazine/index.html

	magazine_summer.css
	create	20170614
*/



/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */

/* 登録・解除フォーム */
.magazineBox .btnMore a {
	background-color: #FFFFFF;
}
.magazineBox .btnBox .btnMore2 a {
	background-color: #FF4D4D;
}
.formToroku h1 {
	color: #FF4D4D;
	border-bottom: 1px solid #FF4D4D;
}
.formKaijo h2 {
	color: #FF4D4D;
	border-bottom: 1px solid #FF4D4D;
}
.formToroku form input[type=button],.formKaijo form input[type=button],.searchBox form input[type=button] {
	background-color: #0080FF;
	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%);
}

/* メルマガバックナンバー */
.magazineList h1 {
	color: #FF4D4D;
	border-bottom: 1px solid #FF4D4D;
}
.searchBox .searchBoxBtn {
	background-color: #FF4D4D;
}
.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%);
}
.magazineBox .btnMore a {
	border-color: #FF4D4D;
	background-color: #FF4D4D;
	color: #FFF;
}
.magazineList .btnMore a {
	background-color: #FF4D4D;
}
.magazineList .btnBox .btnMore2 a {
	background-color: #FF4D4D;
}


/* 詳細ページ */
.magazineDisp h1 {
	border-bottom: 1px solid #FF4D4D;
}
.magazineMenu ul li {
	background-color:#FF4D4D;
}





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

}





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

	.magazineBox .btnMore a {
		color: #FF4D4D;
		background-color: #FFFFFF;
		border-color: #FF4D4D;
		font-weight: bold;
	}
	.magazineBox .btnMore a:hover {
		color: #FFFFFF;
		background-color: #FF4D4D;
	}
	.magazineBox .btnMore a:hover::after {
		background: #FF4D4D;
	}
	.magazineBox .btnBox .btnMore2 a {
		color: #FF4D4D;
		background-color: #FFFFFF;
		border-color: #FF4D4D;
		font-weight: bold;
	}
	.magazineBox .btnBox .btnMore2 a:hover {
		color: #FFFFFF;
		background-color: #FF4D4D;
	}
	.magazineBox .btnBox .btnMore2 a:hover::after {
		background: #FF4D4D;
	}
	.formToroku form input[type=button],.formKaijo form input[type=button] {
		background-color: #FF4D4D;
	}

	/* メルマガ バックナンバー */
	.magazineList .btnMore a {
		color: #FF4D4D;
		background-color: #ffffff;
		border-color: #FF4D4D;
		font-weight: bold;
	}
	.magazineList .btnMore a:hover {
		color: #ffffff;
		background-color: #FF4D4D;
	}
	.magazineList .btnMore a:hover::after {
		background: #FF4D4D;
	}
	.magazineList .btnBox .btnMore2 a {
		color: #FF4D4D;
		background-color: #FFFFFF
		border-color: #FF4D4D;
	}
	.magazineList .btnBox .btnMore2 a:hover {
		color: #FFFFFF;
		background-color: #FF4D4D;
		font-weight: bold;
	}
	.magazineList .btnBox .btnMore2 a:hover::after {
		background: #FFF;
	}
}