@charset "utf-8";

.main .event-banner li .spOnly {
	display:none;
}
#main_sp .event-banner li .pcOnly {
	display:none;
}
#main_sp .event-banner li .spOnly {
	display:block;
}

/* ベースサイズ */
/*----------------------------------------------------------------------------*/
#globalHeaderArea .btnArea_g {
	padding-right: 0;
}

#globalHeaderArea {
	width:auto;
	position: relative;
	margin: 0 auto;
}

#globalHeader,
div#sqexFooter,
#container,
#wrapper {
	min-width: 994px;
}

#globalHeader {
	width:auto;

}
div#sqexFooter {
	width:100%;
	position: relative;
	text-align: center;
}

#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
#wrapper {
	width: 100%;
	margin: auto;
	font-size: 12px;
	background-image:none!important ;

}

/* ベース背景 */
/*----------------------------------------------------------------------------*/

.base-bg {
	min-width: 1000px;
	margin: auto;
	background-image: url(../../img/event/sanpo/bg.jpg) ;
	background-repeat: repeat;
	background-position: center;
}

.header-bg {
	min-width: 100%;
	height:340px;
	margin: auto;
	font-size:0;
	line-height:0;
	background-image: url(../../img/event/sanpo/header_bg.jpg) ;
	background-repeat: repeat-x;
	background-position: center;
}
.header {
	min-width: 1000px;
	height:340px;
	margin: auto;
	font-size:0;
	line-height:0;
	background-image: url(../../img/event/sanpo/header.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
}

.main {
	width: 100%;
	margin:0 auto;
	-webkit-text-size-adjust: none;
	text-align:center;
}

/* イベントリスト */
/*----------------------------------------------------------------------------*/
.content {
	width:100%;
	margin:0 auto;
	font-weight:bold;
	font-size: 16px;
	line-height: 1.7;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3,  Hiragino Kaku Gothic ProN, Meiryo, MS UI Gothic, sans-serif!important;
}
#main_sp .content {
	width:100%;
	font-family: "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, Hiragino Kaku Gothic ProN,Meiryo, Meiryo, "メイリオ", MS UI Gothic, sans-serif!important;
	letter-spacing: normal!important;
	line-height: 1.7;
	margin:0 auto;
}


/* リード文 */
.read-txt {
	font-size:18px!important;
	text-align:center;
	padding:30px 15px;
	position: relative;
	color:#4c1e00;
}
#main_sp .read-txt {
	font-size:32px!important;
	text-align:center;
	padding:30px 15px;
	color:#4c1e00;
}
.strong-txt {
	font-size:16px!important;
	color:#127000;
	font-weight:bold!important;
	text-align:center;
}
#main_sp .strong-txt {
	font-size:26px!important;
}
/* 出演者 */
.cast-txt {
	font-size:18px;
	text-align:left;
	padding:30px 15px;
	color:#4c1e00;
	text-align:left;
}
	#main_sp .cast-txt {
		font-size:26px!important;
		text-align:left;
		padding:30px 15px;
		color:#4c1e00;
		text-align:left;
	}

	/* さんぽ終了のお知らせ */
	.sanpoend {
		width:80%;
		margin:0 auto 30px auto ;
		font-size:16px!important;
		background-color:#fafff3;
		color:#dc0a00;
		padding:20px;
		font-weight:bold!important;
		text-align:center;
		border-radius:30px;
		border:4px solid #dc0a00;
	}
/* リード下の注意 */
.noticeArea {
	width:100%;
	font-size:14px!important;
	background-color:#f4fee3;
	color:#127000;
	padding:20px;
	font-weight:bold!important;
	text-align:center;
}
	.noticeArea ul {
		width:980px;
		text-align:left;
		margin:20px auto 0 auto;
	}

#main_sp .noticeArea {
	width:100%;
	font-size:26px!important;
	padding:20px;
	box-sizing: border-box;
}
#main_sp .noticeArea ul {
		width:97%;
		text-align:left;
		margin:20px auto 0 auto;
	}

/* イベント情報 */
.event-info {
	width:980px;
	margin:30px auto 0 auto;
}
#main_sp .event-info {
	width:99%;
	margin:40px auto 0 auto;
}
/* ページ下部注意書き */
.caution-txt {
	font-size:16px;
	text-align:left;
	padding:30px 15px;
	color:#4c1e00;
}
	#main_sp .caution-txt {
		font-size:26px!important;
		text-align:left;
		padding:30px 15px;
		color:#4c1e00;
	}

/* 応募ボタンまわり */
ul.event-banner {
	margin-bottom:20px;
}
#main_sp ul.event-banner {
	margin-bottom:20px;
}
ul.event-banner li {
	font-size:20px;
	font-weight:bold;
	color:4c1e00;
	position: relative;
}
	#main_sp ul.event-banner li{
		font-size:32px!important;
	}

a.btn-sanpo {
	display:block;
	margin:0 auto;
	width:350px;
	height:60px;
	border-radius:30px;
	font-size:24px;
	color:#fff;
	background-color:#9a3d00;
	line-height:2.5;
	text-decoration: none;
}
	#main_sp .content a.btn-sanpo {
		font-size:40px;
		width:450px;
		height:70px;
		line-height:1.7;
	}
	a.btn-sanpo:hover {
		background-color:#e45a00;
	}
	a.btn-sanpo.disable {
		background-color:#b7cc99!important;
		cursor: default;
	}

/* 受付終了 */
.eo-entry {
	color: #e50000 !important;
	font-size: 24px;
	font-weight: bold;
}
#main_sp .eo-entry {
	font-size: 32px;
}
/* イベント終了 */
.event-end {
	color: #a0b87d !important;
	font-size: 16px;
	font-weight: bold;
}
#main_sp .event-end {
	font-size: 24px;
}
/* イベント終了バナー */
.ico-event-end {
	position: absolute;
	top:0;
	left:0;
	display:block;
	width:980px;
	height:236px;
	background-image :url(../../img/event/sanpo/banner_end.png);
	background-size:auto;
}
.ico-event-end2 {
	position: absolute;
	top:0;
	left:0;
	display:block;
	width:980px;
	height:236px;
	background-image :url(../../img/event/sanpo/banner_end2.png);
	background-size:auto;
}

.txt-strong {
	font-size:22px;
	font-weight:bold;
}
a.btn {
	display:block;
	margin:0 auto;
	width:350px;
	height:60px;
	border-radius:30px;
	font-size:24px;
	color:#fff;

	line-height:2.5;
	text-decoration: none;
}
	#main_sp .content a.btn {
		font-size:40px;
		width:450px;
		height:70px;
		line-height:1.7;
	}

	.btn-sanpo {
		background-color:#9a3d00;
	}
	.btn-shosai {
		background-color:#0065cd;
	}
	.btn-shosai:hover {
		background-color:#21adff;
	}

	.btn-sanpo:hover {
		background-color:#e45a00;
	}
	.btn-sanpo.disable {
		background-color:#b7cc99!important;
		cursor: default;
	}
