@charset "utf-8";
/*======================================================================
||
||   index.css
||
======================================================================*/

#mv {
	width:100%;
	margin:0 auto;
}
#pickup {
	background:#E9F0EA;
	padding:47px 0 50px;
}
#newer {
	background:#F8F7EB;
	padding:47px 0 50px;
}

#pickup h1,
#newer h1,
#magazine h1,
#news h1,
#topics h1{
	height:52px;
	text-indent:-9999px;
	margin:0 0 46px;
}
#pickup h1{background:url(../img/index/pickup.png) no-repeat center top;}
#newer h1{background:url(../img/index/newer.png) no-repeat center top;}
#magazine h1{background:url(../img/index/magazine.png) no-repeat center top;}
#topics h1{
	background: url(../img/topic/title.png) no-repeat left top;
	width: 197px;
	height: 58px;
	margin: 0 auto 46px;
	padding-right: 52px;
}
.inner {
    width: 1200px;
    margin: 0 auto;
}

/*---list---*/
.lists {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	flex-wrap:wrap;
}
#pickup .lists,
#newer .lists{
	display:block;
}
.boxs {
	width:275px;
	display:block;
	margin-right:calc(100px / 3);
	margin-bottom:30px;
	background:#fff;
	position:relative;
}

#pickup .boxs,
#newer .boxs{
	float:left;
	margin-right:33.3px;
}
#topics .boxs{
	width:320px;
	min-height:355px;
	float:left;
	margin-right:60px;
}
#pickup .boxs.box4,
#pickup .boxs.box8,
#newer .boxs.box4,
#newer .boxs.box8,
#topics .boxs.box2{
	margin-right:0;
}
.imgwrap {
	width:275px;
	height:200px;
	overflow:hidden;
	position:relative;
}

@media only screen and (max-device-width: 480px) {
#pickup .boxs.box5,
#pickup .boxs.box6,
#pickup .boxs.box7,
#pickup .boxs.box8	{
	margin-right:0;
}
.imgwrap {
	width:275px;
	height:200px;
	overflow:hidden;
	position:relative;
}
}

#topics .imgwrap{
	width:320px;
	height:232px;
}
.imgwrap > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
/*	min-height: 100%;
	margin: auto;*/
  min-width: 100%;
  min-height: 0;
}
.imgwrap.vertically > img {
/*  min-width: 100%;
  min-height: 0;*/
}

.imgwrap .mini_icon {
	display:block;
	width:116px;
	height:32px;
	position:absolute;
	right:0;
	bottom:0;
	text-indent:-9999em;
}
.gourmet_box .imgwrap .mini_icon {
	background:#F08300 url(../img/gourmet/mini_icon.png) no-repeat center center;
}
.event_box .imgwrap .mini_icon {
	background:#E60012 url(../img/event/mini_icon.png) no-repeat center center;
}
.life_box .imgwrap .mini_icon {
	background:#B4D78D url(../img/life/mini_icon.png) no-repeat center center;
}

.boxs .new {
	display:block;
	width:80px;
	height:52px;
	position:absolute;
	top:-12px;
	left:-26px;
	text-indent:-9999em;
	background:url(../img/common/new.png) no-repeat;
}

.boxs dl {
	padding:10px;
	line-height:1.3em;
	margin:0;
}
.boxs dt {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.boxs dd {
	color:#868687;
	font-size:13px;
	line-height:1.4em;
	margin:0;
}

.gourmet_box dd,
.life_box dd{
	background:url(../img/common/icon_1.png) no-repeat left 4px;
	background-size:10px auto;
	padding-left:15px;
	line-height:1.5em;
}
.boxs .e_date{
	background: url(../img/common/icon_3.png) no-repeat left 4px;
	background-size:10px auto;
	padding-left:15px;
}
.boxs .e_place{
	background: url(../img/common/icon_2.png) no-repeat left 4px;
	background-size:10px auto;
	padding-left:15px;
}
.event_box dd.first{
	display:none;
}

.boxs > a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-indent:-9999em;
}
#mv-slider{
	width:50%;
	float:left;
}
#mv-new-pick{
	width:50%;
	float:right;
}
#mv-new-pick .lists{
	display:block;
	width:100%;
}
#mv-new-pick .lists .boxs{
	float:left;
}
#mv-slider .bx-wrapper .bx-viewport{
	box-shadow:none;
	border:none;
	left:0;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
	background:url(../img/index/prev.png) no-repeat;
	width:45px;
	height:45px;
	top:307px;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	background:url(../img/index/next.png) no-repeat;
	width:45px;
	height:45px;
	top:307px;
}
.bx-wrapper .bx-prev{
	left:0;
}
.bx-wrapper .bx-next{
	right:0;
}
.mv-slider .boxs {
	width:650px;
	height:720px;
	margin:0;
}
.mv-slider .imgwrap {
	width:100%;
	height:615px;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.mv-slider .imgwrap > img{
	max-width:none !important;
/*	margin-left:-187px;*/
	height:615px;
}
.mv-slider .imgwrap.vertically > img{
	margin-left:0;
}
#mv-new-pick .boxs {
	width:50%;
	height:360px;
	margin:0;
}
#mv-new-pick .imgwrap {
	width:100%;
	height:255px;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
#mv-new-pick .imgwrap > img{
	width:100%;
	min-height:100%;
}
#mv .boxs .new{
	display:none;
}
#pickup .inner,
#newer .inner,
#topics .inner{
	position:relative;
}
#topics .search_list{
	max-width:1080px;
	margin:0 auto;
}
#topics .imgwrap img{
	width:384px;
	height:auto;
	margin-left:-32px;
}
.more{
	width:105px;
	height:31px;
	position:absolute;
	top:10px;right:0;
}
.more a{
	height:31px;
	display:block;
	text-indent:-9999px;
	background:url(../img/index/list_link.png) no-repeat;
}

/*		マガジン
-------------------------------*/
#magazine {
	background:#E8F1FA;
	padding:47px 0 50px;
}
#magazine .bx-wrapper{
	margin-bottom:0;
}
#magazine .bx-wrapper .bx-viewport{
	background:none;
	border:none;
	box-shadow: none;
	left:0;
}
#magazine .mg-slider li{
	width:375px !important;
}
#magazine .boxs{
	width:375px;
	height:400px;
	text-align:center;
	margin:0;
}
#magazine .boxs:nth-child(3n){
	margin-right: 0;
}
#magazine .boxs h2{
	font-size:14px;
	margin:0;
}
#magazine .imgwrap{
	width:auto;
	height:243px;
	margin:45px 0 22px;
}
#magazine .imgwrap img{
	width:auto;
	height:243px;
	position:static;
	margin:0 auto;
}
#magazine .imgwrap.vertically > img{
	min-width:auto;
}
.m-logo img{
	width:auto;
	height:24px;
	margin:0 auto 10px;
}
#magazine .bx-wrapper .bx-pager{
	display:none;
}
#magazine .bx-wrapper .bx-controls-direction a.bx-prev{
	background:url(../img/index/mg-prev.png) no-repeat center center;
	top:47%;
	left:-45px;
}
#magazine .bx-wrapper .bx-controls-direction a.bx-next{
	background:url(../img/index/mg-next.png) no-repeat center center;
	top:47%;
	right:-45px;
}
/*		お知らせ
-------------------------------*/
#news {
	padding:47px 0 0;
}
#news h1{
	background:url(../img/index/news.png) no-repeat center top;
	margin-bottom:40px;
}
#news dl{
	width:985px;
	display:table;
	border-bottom:solid 2px #000;
	margin:0 auto 37px;
	padding-bottom:25px;
	font-size:14px;
	line-height:2em;
}
#news dl dt{
	width:126px;
	display:table-cell;
	font-weight:bold;
}
#news dl dd{
	display:table-cell;
	margin:0;
	padding-right:20px;
}
.home #contents{
	padding-bottom:15px;
}


/*======================================================================
||
||    Media Queries
||
======================================================================*/
@media screen and (max-width: 768px) {
#mv {
	width:100%;
	margin:0;
}
#mv-slider{
	width:100%;
	float:none;
	min-height:326px;
}
#mv-slider .bx-wrapper .bx-viewport{
	height:auto !important;
	min-height:326px;
}
.mv-slider .imgwrap {
	width:100%;
	height:232px;
}
.mv-slider .imgwrap > img{
	width:100% !important;
	height:auto;
	margin-left:0;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
	background-size:22px auto;
	width:22px;
	height:22px;
	top:120px;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	background-size:22px auto;
	width:22px;
	height:22px;
	top:120px;
}
.bx-wrapper .bx-prev{
	left:0;
}
.bx-wrapper .bx-next{
	right:0;
}
.mv-slider .boxs {
	width:100%;
	height:auto;
	min-height:306px;
	margin:0;
}
#mv-new-pick{
	width:auto;
	float:none;
}
.mv_pick,
#pickup,
#newer,
#magazine,
#news{
	padding:34px 0 15px;
}
#pickup h1,
#newer h1,
#magazine h1,
#news h1,
#topics h1{
	height:40px;
	text-indent:-9999px;
	margin:0 0 30px;
}

#pickup h1{
	background:url(../img/index/pickup_m.png) no-repeat center top;
	background-size:162px auto;
}
#newer h1{
	background:url(../img/index/newer_m.png) no-repeat center top;
	background-size:186px auto;
}
#magazine h1{
	background:url(../img/index/magazine_m.png) no-repeat center top;
	background-size:145px auto;
}
#news h1{
	background:url(../img/index/news_m.png) no-repeat center top;
	background-size:83px auto;
}
#topics h1{
	width:100%;
	background: url(../img/topic/title_m.png) no-repeat center top;
	background-size:auto 39px;
	padding:0;
}
.inner {
    width: auto;
    margin:0;
    padding:0;
}
.imgwrap .mini_icon {
	display:block;
	width:67px;
	height:18px;
	position:absolute;
	right:0;
	bottom:0;
	text-indent:-9999em;
}
.gourmet_box .imgwrap .mini_icon {
	background:#F08300 url(../img/gourmet/mini_icon.png) no-repeat center center;
	background-size:auto 13px;
}
.event_box .imgwrap .mini_icon {
	background:#E60012 url(../img/event/mini_icon.png) no-repeat center center;
	background-size:auto 13px;
}
.life_box .imgwrap .mini_icon {
	background:#B4D78D url(../img/life/mini_icon.png) no-repeat center center;
	background-size:auto 13px;
}
#mv-new-pick .imgwrap{
	height:130px;
}
#mv-new-pick .imgwrap > img{
	width:100%;
	height:auto;
	position:absolute;
}
#mv-new-pick .boxs {
	height:auto;
}
.boxs .new {
	display:block;
	width:40px;
	height:26px;
	position:absolute;
	top:-7px;
	left:-14px;
	text-indent:-9999em;
	background:url(../img/common/new.png) no-repeat;
	background-size:40px auto;
}
.boxs dl{
	padding:5px 10px 5px;
}
#mv-new-pick .lists{
	display:flex;
}
#mv-new-pick .lists .boxs{
	float:none;
}
#pickup .lists,
#newer .lists{
	display:flex;
}
#pickup .boxs,
#newer .boxs{
	float:none;
}
#topics .boxs{
	width:250px;
	min-height:278px;
	float:none;
	margin:0 auto 16px;
}
#topics .boxs.box2{
	margin:0 auto 20px;
}
#topics .imgwrap{
	width:250px;
	height:182px;
}
#topics .imgwrap img{
	width:300px;
	height:auto;
	margin-left:-25px;
}

/*	ピックアップ
----------------*/
#pickup .boxs,
#newer .boxs{
	width:42.5%;
	height:auto;
	margin:0 5%;
	margin-bottom:20px;
	background:#fff;
	position:relative;
}
#pickup .box1,
#pickup .box3,
#newer .box1,
#newer .box3,
#newer .box5,
#newer .box7{
	margin-right:0;
}
#pickup .imgwrap,
#newer .imgwrap{
	width:100%;
	height:110px;
	overflow:hidden;
	position:relative;
}
#pickup .imgwrap a img,
#newer .imgwrap a img{
	width:100%;
	height:auto;
	margin-left:0;
}
.more{
	width:100%;
	padding-top:10px;
	position:static;
}
.more a{
	width:84px;
	height:25px;
	background:url(../img/index/list_link_m.png) no-repeat;
	background-size:84px auto;
	margin:0 auto;
}
/*		マガジン
-------------------------------*/
#magazine{
	padding-bottom:40px;
}
#magazine .mg-slider li{
	width:290px !important;
}
#magazine .boxs{
	width:375px;
	height:340px;
	text-align:center;
	margin:0;
}
#magazine .boxs:nth-child(3n){
	margin-right: 0;
}
#magazine .boxs h2{
	font-size:14px;
	margin:0;
}
#magazine .imgwrap{
	width:auto;
	height:195px;
	margin:35px 0 17px;
}
#magazine .imgwrap img{
	width:auto;
	height:195px;
	position:static;
	margin:0 auto;
}
#magazine .imgwrap.vertically > img{
	min-width:auto;
}
.m-logo img{
	width:auto;
	height:19px;
	margin:0 auto 7px;
}
#magazine .bx-wrapper{
	width:290px;
}

#magazine .bx-wrapper .bx-pager{
	display:block;
}
#magazine .bx-wrapper .bx-controls-direction a.bx-prev,
#magazine .bx-wrapper .bx-controls-direction a.bx-next{
	display:none;
}
#magazine .bx-wrapper .bx-pager.bx-default-pager a{
	background:#fff;
	width:7px;
	height:7px;
}
#magazine .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#000;
}
/*		お知らせ
-------------------------------*/
#news{
	padding-bottom:0;
}
#news h1{
	height:64px;
	border-bottom:solid 1px #B5B5B6;
	margin-bottom:22px;
}
#news dl{
	display:block;
	width:auto;
	border-bottom:solid 1px #B5B5B6;
	margin:0 0 22px;
	padding:0 15px 20px;
	font-size:12px;
	line-height:1.8em;
}
#news dl dt{
	display:block;
	width:auto;
	font-size:13px;
	margin-bottom:7px;
}
#news dl dd{
	display:block;
	padding-right:0;
}

.home #contents{
	padding-bottom:0;
}

}