@charset "utf-8";

@media (min-width: 768px) {
/* PC用 */
.sp-show {
	display: none !important;
}
}

@media (max-width: 767px) {
/* tablet用 */
.sp-hide {
	display: none !important;
}
}

@media (min-width: 768px) {
/* PC用 */
img{ max-width: 100%;}
#EventWrap {
	width: 750px;
	margin: auto;
	line-height: 180%;
	text-align: justify;
text-justify: inter-ideograph;
}
#EventWrap a {
}
#EventWrap p {
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
	line-height: 200%!important;
	color: #333;
}
#EventWrap h1 {
	text-align: center;
	margin-bottom: 30px;
}


#EventWrap h2 {
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	color:#333;
	 font-family: Georgia, "Times New Roman", Times, "serif", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"!important;
}


/*
	#EventWrap h2 {
	text-align: left;
	display: inline-block;
	margin-bottom: 0px;
	margin-right: 20px;
	
}
	#EventWrap h2 img{height: 30px; width:auto;}
	
*/

	
	
	#EventWrap .catch{ text-align: left; font-size: 24px; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"!important; line-height: 130%!important; padding-bottom: 0px!important; display: inline-block; border-left: 1px solid #333; padding-left: 20px;}

#EventWrap h3 {
}
#EventWrap .cBox {
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 30px;
}
	#EventWrap .main{ margin-bottom: 30px;}
	#EventWrap .main p{ margin-bottom:0px; text-align: center;}
#EventWrap .cTxt {
	text-align: center!important;
}
#EventWrap .pagenavi {
	display: none;
	overflow: hidden;
	margin-bottom: 50px;
	margin-right: -2%;
}
#EventWrap .pagenavi li {
	float: left;
	width: 31%;
	background-color: #DDDDDD;
	margin-right: 2%;
	text-align: center;
}
#EventWrap .pagenavi li img {
	margin: 2% 0 1% 0;
	height: 21px;
}
#EventWrap .productBox {
	width: 750px;
	margin: auto auto 30px auto;
	overflow: hidden;
}
	#EventWrap .productBox .lImage{float: left; margin-bottom: 20px; width: 340px;}
	#EventWrap .productBox .rImage{float: right; margin-bottom: 20px; width: 340px;}
#EventWrap .detail {
	font-size: 12px!important;
	margin: 0 auto 50px auto!important;
	text-align: left;
	text-justify:none;
	}
#EventWrap .productBox p {
	margin-bottom: 10px!important;
}
#EventWrap .glay {
	background-color: #E6E6E6;
	padding-top: 50px;
}
#EventWrap .foot {/*
	border-top: 1px solid #000;
	padding-top: 30px;*/
}
#EventWrap .message {
	text-align: center;
	font-size: 18px!important;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"!important;
}
	#EventWrap .footbtnWrap{ margin-bottom: 50px;}
#EventWrap .footBtn { margin-bottom: 10px;}
#EventWrap .footBtn li{
	background-color: #727171;
	padding: 1% 0 1% 0;
	text-align: center;
	margin-bottom: 5px;
	

}
	#EventWrap .footBtn li img{ height:34px;}


#EventWrap .pict{position: relative; margin-bottom: 10px;}
#EventWrap .pict p{margin: 0!important;}
#EventWrap .pict .number{position: absolute; left: 30px; bottom: 30px; width:42px; height: auto;}
#EventWrap .pict .number_c{position: absolute; left: 500px; bottom: 30px; width:42px; height: auto;}
	
#EventWrap .slider{ width:100%; clear: both;}
#EventWrap .slider img{ margin-bottom: 10px;}
	#EventWrap .bb{padding-bottom: 30px;}
}

@media (max-width: 767px) {
/* tablet用 */
#EventWrap {
	width: 100%;
	text-align: left;
	margin: 30px auto 30px auto;
	text-align: justify;
text-justify: inter-ideograph;
font-size: 0;
}
#EventWrap img {
	max-width: 100%;
}
#EventWrap p {
	margin-bottom: 5%;
	
}
#EventWrap a {
}
#contents {
	width: 100%;
}
	.cBox p {
	margin-bottom: 10%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
	line-height: 200%!important;
		color: rgba(114,113,113,1.00);
}
#EventWrap h1 {
	text-align: center;
	margin: auto;
	margin-bottom: 3%;
	
}
/*
#EventWrap h2 {
	text-align: center;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, "serif";
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 2%;
	padding-top: 0%;
	color:#333;
	
}
*/
	
	
	#EventWrap h2 {
text-align: center;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	color:#333;
	 font-family: Georgia, "Times New Roman", Times, "serif", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"!important;
}

		
	
	
	#EventWrap .catch{ text-align: center; font-size: 13px; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; line-height: 130%!important;  color: #000; margin-right: 5%; display: inline-block; width:56%;  vertical-align: middle; margin-bottom:2%!important;}
	
	
	
#EventWrap h3 {
}
	.w90{width:90%; margin: auto;}
.cBox {
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 10%;
}

.pagenavi {
	display: none;
	width: 90%;
	overflow: hidden;
margin: auto;
	}
.pagenavi li {
	background-color: #DDDDDD;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
}
.pagenavi li img {
	margin: 2% 0 1% 0;
	max-height: 21px;
}
.productBox {
	width: 100%;
	margin: auto auto 5%;
}
.detail {
	width: 90%;
	margin: auto;
	font-size: 12px!important;

	padding-bottom: 5%;
	text-align: left!important;
	text-justify:none;
}
.productBox p {
	margin-bottom: 3%!important;
}
.glay {
	background-color: #E6E6E6;
	padding-top: 10%;
}
.foot {/*
	border-top: 1px solid #000;
	padding-top: 10%;
	margin-top: 10%;*/
}
.message {
	text-align: center;
	font-size: 14px!important;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"!important;
	color: #707070;
	
}
	#EventWrap .footbtnWrap{ margin-bottom: 5%;}
.footBtn { width: 90%; margin: 0 auto 2% auto;}
.footBtn li{
	background-color: #717171;
	padding: 2% 0 2% 0;
	text-align: center;
	margin-bottom: 2%;}
.footBtn li img{ max-height: 34px;}
	
	#EventWrap .pict{position: relative; margin-bottom: 3%;}
#EventWrap .pict p{margin: 0!important;}
#EventWrap .pict .number{position: absolute; left: 5%; bottom:30px; width:42px; height: auto;}
#EventWrap .pict .number.nonavi{position: absolute; left: 5%; bottom:15px; width:42px; height: auto;}
	
	#EventWrap .pict .number_c{position: absolute; left: 55%; bottom: 7%; width:42px; height: auto;}

	
#EventWrap .cTxt {
	text-align: center!important;
}	
	
#EventWrap .slider{ width:100%; clear: both;}
#EventWrap .slider img{ margin-bottom: 10px;}

	
	
}

/* 共通用 */

.stxt{ font-size: 12px!important;}

