body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", Osaka, sans-serif;
	color:#333333;
	font-size:16px;
	line-height:2.0;
}
img{
	margin:0;
	padding:0;
	vertical-align: bottom;
}

header{
	position:relative;
	padding: 0 10px;
	background-color:#00324a;
	color:#c1ebff;
}
header h1{

}

#topimage{
	margin-bottom:20px;
}
#topimage img{
	width:100%;
	height:auto;
}
#topimage2{
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	background:url(/images/notice/mainimage_bg.png) 0 0 #eee;
}
#topimage2 img{

}

section{
	width:1000px;
	margin:0 auto 50px ;
	padding-bottom:50px;
	border-bottom:1px solid #eee;
}
.wrap{

}
#system h1,#discount h1, #job h1{
	margin:0 0 15px;
	text-align:center;
}

/*--- shopinfo ------------------------------------------------------*/
#shopinfo .wrap{
	text-align:center;
}
#shopinfo .wrap p{
	margin:15px 0 40px;
}
#shopinfo .playimg{
	margin:0;
}
#shopinfo .playimg img{
	width:100%;
	height:auto;
}
#shopinfo h2{
	margin:40px auto 0;
	text-align:center;
}
#shopinfo ul{
	width:90%;
	margin:0 auto;
}
#shopinfo li{
	margin-top:10px;
	padding:10px;
	background-color:#ddfbff;
}
#shopinfo li img{
	width:285px;
	heighth:auto;
}
#shopinfo p{
	margin:5px;
	line-height:1.5;
}

/*--- system ------------------------------------------------------*/
#system p{
	text-align:center;
}
#system .priceimg{
	margin:20px 0;
	text-align:center;
}
#system ul.system {
	display:-webkit-flex;
	display:flex;
	justify-content:center;

}
#system ul.system li {
	margin: 0 5px 0 0;
	padding: 0 15px;
	font-size:18px;
	background: #ff6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#system div.system {
	margin: 10px 0 0;
	font-size:14px;
}
#system div.system ul li {
	text-align:center;
}
#system div.system ul li span{
	margin-right:5px;
	color:#26bdd4;
}

/*--- discount ------------------------------------------------------*/
#discount{
	
}
#discount ul{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#discount li{
	-webkit-flex-grow: 1;
	flex-grow:1;
	margin: 0 5px 10px;
	padding:20px;
	text-align:center;
	background-color:#fff8bd;
}
#discount li h2{
	text-align:center;
}
#discount p{
	font-size:12px;
	line-height:18px;
}
#discount > p{
	text-align:center;
}

/*--- job ------------------------------------------------------*/
#job h2{
	margin-bottom:15px;
}
#job div {
	text-align:center;
}
#job div a{
	display:block;
	margin-bottom:15px;
	padding:0;
	line-height:14px;
	font-size:12px;
	border:5px solid #ccc;
}
#job div a:hover{
	border:5px solid #ea75a7;
}
#job div a img{
	width:100%;
}

footer{
	text-align:center;
}
footer a{
	color:#ffffff;
}
footer address{
	padding:15px 0;
	color:#fff;
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #54d8eb 0%, #00b2cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#54d8eb 0%,#00b2cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0f9ff 0%,#54d8eb 0%,#00b2cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#00b2cc',GradientType=0 ); /* IE6-9 */	
}
footer address span{
	font-size:20px;
}
footer small{
	display:block;
	background-color:#00324a;
	color:#c1ebff;
	}

@media screen and ( max-width:1000px )
{
section{
	width:100%;
}
#system h1 img,
#discount h1 img,
#job h1 img{
	width:90%;
}
.wrap{
	margin:0 15px;
}
#topimage2{
	padding:0;
}
#topimage2 img{
	width:100%;
	height:auto;
}
#shopinfo .h1_explanation img{
	width:80%;
}
#shopinfo .playimg{
	margin:0 15px;
}
#system .priceimg img{
	width:100%;
}

#discount li img{
	width:100%;
	height:auto;
}
#job div a{
	width:90%;
	margin:0 auto;
	border:3px solid #ccc;
}
#job h2{
	margin-bottom:10px;
}
#job h2 img{
	width:80%;
	height:auto;
}

}

@media screen and ( max-width:700px )
{
body{
	font-size:14px;
	line-height:1.7;
}

header h1{
	font-size:14px;
}
#shopinfo .h1_explanation img{
	width:100%;
}
#shopinfo h2 img{
	width:40%;
}
#shopinfo li img{
	width:60%;
}
#system ul.system li {
	padding:0 10px;
	font-size:12px;
}
#system div.system {
	font-size:12px;
}
#discount ul{
	display:block;
}
#discount li img{
	width:60%;
	height:auto;
}
#discount > p{
	margin:0 15px;
	text-align:left;
}
}