@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/bg.jpg);
	margin:0;
}
.container{
	width: 98%;
    max-width: 960px;
    margin: 0 auto;
    padding: 1%;
}

.sp{
	display:none;
}

h1 img{
	width:100%;
	height:auto;
	max-width: 700px;
}

h1{
	display:block;
	text-align:center;
	margin:0!important;
}

hr {
    border-top: 18px solid #ffc600;
}

.item_area h2{
	display:block;
	width:100%;
	background: #ffc600;
    line-height: 2em;
    margin: 30px 0 20px;
	color:#004b9e;
	text-align:center;
}

#list1,#list2,#list3,#list4,#list5,#list6,#list7,#list8,#list9,#list10{
    overflow: hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;F
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#list2, #list3, #list4, #list5,#list6, #list7, #list8, #list9, #list10, #list11{

}

.random{
	overflow:hidden;
	width:100%;
	background:#ffc600;
	padding:30px 0;
}

.randamPOP{
	width: 23%;
    margin: 1%;
    float: left;
}

.random .randamPOP img{
	width:100%;
	height:auto;
}

.catch{
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
}

.strong{
	font-size:1.2em;
	color:#004b9e;
}

.strong a{
	color:#004b9e!important;
}

.mb30{
	margin-bottom:30px;
	display:block;
}

.event{
	overflow:hidden;
}

.event span{
display: inline-block;
width: 48%;
text-align: center;
float: left;
/*background: #004b9e;*/
margin: 0.5%;
border-radius: 15px;

}

.event span img{
	width:100%;
	height:auto;
}

.event span a:hover img{
	opacity: 0.7;
}

.tit_search{
	color:#000;
	font-size:0.8em;
	display:block;
	max-width: 960px;
    margin: 30px auto 0;
}


/*************コンテント***************/

#content{
	overflow: hidden;
    width: 100%;
	max-width: 960px;
	margin: 0 auto;

}

.pagination{
	width: 100%;
	max-width:960px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    font-weight: bold;
	margin: 10px auto;
}

.pagination li{
	display:block;
	float:left;
	margin:0em 1em;
}

.pagination li a{
	color:#000;
}

.POP{
	width: 23%;
    float: left;
    padding: 0.5%;
    margin: 0.5%;
	border-radius:10px;
	text-align: center;
}

.POP img{
	border:1px solid #004b9e;
	width:100%;
	height:auto;
	margin: 5px 0;
}

.buy{
	text-align:center;
}

.buy a{
	font-size:0.8em;
	color:#004b9e;
	font-weight:bold;
	display:block;
	background:#ffc600;
	padding:0.5em;
	text-decoration:none!important;
	border-radius:10px;
	margin-bottom: 5px;
	}
	
@media screen and (max-width: 675px) {
	
.pc{
	display:none;
}

.sp{
	display:block;
}
	
h1 img{
	width:96%;
	height:auto;
}

	
.container{
	width:96%;
	padding:0 0.5%;
}
.item_area h2{
	display:block;
	width:100%;
}

main {
    width: 100%;
}

.item_area {
    overflow: hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#list2, #list3, #list4, #list5,#list6, #list7, #list8, #list9, #list10, #list11{

}

.random{
	overflow:hidden;
	padding:0px 0 30px;
}

.randamPOP{
	width: 46%;
    margin: 2%;
    float: left;
}

.random .randamPOP img{
	width:100%;
	height:auto;
}

.catch{
	font-size:14px;
}

.event{
	overflow:hidden;
}

.event span{
	display:inline-block;
	width:100%;
	text-align:center;
	float: none;
	text-align:center;
}

.event span img{
	width:100%;
	height:auto;
}

/*************コンテント***************/

#content{
	overflow: hidden;
    width: 100%;
}

.pagination{
	width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    font-weight: bold;
}

.pagination li{
	display:block;
	float:left;
	margin:0;
}


.POP{
	width: 48%;
    padding: 0.5%;
    margin: 0.5%;
	text-align: center;
}

.POP img{
    width: 100%;
    height: auto;
}

.buy{
	text-align:center;
	font-size: 0.8em;
}

.buy a{
	font-size:0.8em;
	color:#004b9e;
	font-weight:bold;
	display:block;
	padding:0.5em;
	text-decoration:none!important;
	border-radius:10px;
	}
	
}