@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
$共通
$1280px
$960px
$768px
$480px
$320px
*/


/*---------------------------------------------------------------*\
	$共通
\*---------------------------------------------------------------*/
main {
}
/*---------------------------------------------------------------*\
	$イベント情報
\*---------------------------------------------------------------*/
.event_area_bg {
}
.event {
	padding: 60px 0 80px;
	background-color: #f7f7f7;
}
.event_area {
	margin: 0 auto;
	width: 1000px;
}
.event_area ul {
	margin: 50px auto 0;
	letter-spacing: -0.4em;
}
.event_area ul li {
	background-color: #fff;
	border: 1px dashed #ccc;
	display: inline-block;
	margin: 0 0 50px;
	padding: 30px 0 35px;
	vertical-align: top;
	width: calc(100% / 1);
}
.event_title {
	font-family: "Oswald", sans-serif;
	font-size: 2.4rem;
	font-weight: normal;
	margin: 0 0 10px;
	text-align: center;
}
.event_title span {
	font-size: 1.2rem;
	padding: 0 0 0 10px;
	vertical-align: middle;
	color: #999;
}
.event_text {
	line-height: 2;
	margin: 10px auto 0;
	text-align: center;
	width: 90%;
}
.event_text span.coupon_title {
	background-color: #ED4B7E;
	border-radius: 100px;
	color: #fff;
	display: block;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.8rem;
	letter-spacing: 0.6rem;
	margin: 20px auto 15px;
	padding: 10px 35px;
	text-align: center;
	width: 35%;
}
.event_text span.campaign_title, .event_text span.academy_title {
	background-color: #EDB92D;
	border-radius: 100px;
	color: #fff;
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 1.8rem;
	margin: 20px auto 15px;
	padding: 10px 35px;
	text-align: center;
	width: 35%;
}
.event_text span.academy_title {
	background-color: #34D3C1;
}
.event_text span.price {
	color: #ED4B7E;
	font-family: "Oswald", sans-serif;
	font-size: 2.3rem;
	padding: 0 5px;
	vertical-align: sub;
}
.campaign_pop {
	margin: 20px auto 0;
	width: 70%;
}
.campaign_pop img {
	width: 100%;
	height: auto;
}
ul.academy_list {
	letter-spacing: -0.4em;
	margin: 30px auto 0;
	width: 90%;
}
ul.academy_list li {
	background-color: #eee;
	border: medium none;
	border-radius: 4px;
	color: #444;
	display: inline-block;
	font-size: 1.2rem;
	margin: 0 1%;
	padding: 20px 20px 25px;
	text-align: center;
	width: calc(92% / 4);
}
ul.academy_list li br {
	display: none;
}
.link_btn {
	margin: 20px auto 0 !important;
}
#campaign img{
	display:inline;
}
/*---------------------------------------------------------------*\
	$1280px （PCディスプレイの主要サイズ）
\*---------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
}

/*---------------------------------------------------------------*\
	$960px （大きめのタブレット・ノートPC）
\*---------------------------------------------------------------*/
@media screen and (max-width: 960px) {
}

/*---------------------------------------------------------------*\
	$768px （大きめのスマホ・小さめのタブレット用、iPadなど）
\*---------------------------------------------------------------*/
@media screen and (max-width: 768px) {
}

/*---------------------------------------------------------------*\
	$480px  (スマホ用、iPhone6以下)
\*---------------------------------------------------------------*/
@media screen and (max-width: 480px) {
/*---------------------------------------------------------------*\
	$サロン一覧
\*---------------------------------------------------------------*/
.event {
	padding: 30px 0;
}
.event_area {
	width: 90%;
}
.event_area ul {
	margin: 30px auto 0;
}
.event_area ul li {
	margin: 0 0 20px;
	padding: 20px 0;
}
.event_title span {
	display: block;
}
.event_text {
	text-align: left;
}
.event_text span.coupon_title, .event_text span.campaign_title, .event_text span.academy_title {
	width: 100%;
}
.event_text br {
	display: none;
}
ul.academy_list {
	margin: 20px auto 0;
}
ul.academy_list li {
	padding: 20px;
	text-align: center;
	width: calc(100% / 1);
}
ul.academy_list li:last-child {
	margin: 0;
}
ul.academy_list li br {
	display: block;
}
.campaign_pop {
	width: 90%;
}
}

/*---------------------------------------------------------------*\
	$320px  (スマホ用、iPhone4,5,5s以下)
\*---------------------------------------------------------------*/
@media screen and (max-width: 320px) {
}