@charset "utf-8";

@import url("kaiun.css");
@import url("kaiun_day.css");

div.foot_banner img {
max-width: 100%;
}


@media screen and (min-width: 768px) {

@scope (div.foot_banner){
div.thumbs_area {
	margin-top: 5px;
}

div.thumbs_area ul {
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-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;
}
div.thumbs_area li {
	width:calc(16.66% - 8px);
	margin:0 8px 12px 0;
	padding:0;
	list-style: none;
	line-height: 1.0;
}
div.thumbs_area li img {
	width:100%;
	vertical-align:bottom;
	margin: 0 0 4px 0;
}
div.thumbs_area li a.list_page {
position: relative;
width: 100%;
display: block;
border: #666 1px solid;
border-top: #000071 18px solid;
padding: 2px 0;
}
div.thumbs_area li a.list_page::after {
content: '商品一覧';
position: absolute;
top: -15px;
left: calc(50% - 2em);
font-size: 12px;
color: #fff100;
}
div.live {
background-image: url(../images/bg_live.jpg);
background-repeat: no-repeat;
height: 210px;
width: 670px;
padding-top: 40px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
overflow: hidden;
clear: both;
}
div.live iframe {
width: 100%;
}

div.live_sp_wide {
display: none;
}

}
}



@media screen and (max-width: 767px) {

@scope (div.foot_banner){
div.thumbs_area {
	margin-top: 5px;
}


div.thumbs_area ul {
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-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;
}
div.thumbs_area li {
	width:calc(33% - 5px);
	margin:0 5px 12px 0;
	padding:0;
	list-style: none;
}
div.thumbs_area li img {
	width:100%;
	vertical-align:bottom;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
div.thumbs_area li a.list_page {
position: relative;
width: 100%;
display: block;
border: #666 1px solid;
border-top: #000071 24px solid;
padding: 5px 0;
}
div.thumbs_area li a.list_page::after {
content: '商 品 一 覧';
position: absolute;
top: -22px;
left: calc(50% - 2.5em);
font-size: 18px;
color: #fff100;
}
div.live {
display: none;
}
div.live_sp_wide {
	width: 100%;
	border: #261402 1px solid;
	margin: 0 0 10px 0;
}
div.live_sp_wide iframe {
	width: 100%;
	margin: 10px 0;
}
div.live_sp_wide h3.ttl {
	font-size: 150%;
	font-weight: bold;
	background: #261402;
	color: #fff;
	padding: 6px 0 6px 8px;
}

}
}