@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

#Content .search-box-wrap{
	padding:0;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

.important-info{
	margin:10px 15px 0;
	padding:8px;
	text-align:center;
    background: #EEEEEE;
	color: #333333;
	border:1px solid #EEEEEE;
}

/*--------------------------------------------------------------------------
   search-box
---------------------------------------------------------------------------*/

#Content .search-box{
	position:relative;
	box-sizing:border-box;
	height:38px;
	margin:15px 15px 0;
	padding:0 45px 0 13px;
	border:1px solid #DEDEDE;
}

#Content .search-box .inner{
}
#SearchBox{
	overflow: hidden;
	height: 36px;
	width: 100%;
}
#Content .search-box .title{
	float: left;
	font-weight:bold;
	width: 30%;
	padding-top: 12px;
	line-height: 1;
}
#Content .search-box .search-txt{
	float: left;
	width: 70%;
	height: 36px;
	padding: 0;
	line-height: 1;
	/* reset */
	border-radius:0;
	-webkit-appearance:none;
	border:0;
}
#Content .search-box .search-txt:focus{border:none; outline:none;}

#Content .search-box #SearchBtn{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:36px;
	background:url(../images/index/search_btn.png) no-repeat 0 0;
	background-size:40px 36px;
	text-indent:-9999px;
	/* reset */
	border:0px;
	border-radius:0;
	-webkit-appearance:none;
}

/* MV
-----------------------------------------------------------------*/
#MV{
	margin:15px 0 20px;
	background:#F3F4F8;
	border-bottom:1px solid #DDE0EC;
}
#MV .slider{
	position:relative;
	width: 100%;
}
#MV .inner{
	overflow:hidden;
	position:relative;
	width:100%;
	height:auto;
}
#MV .pager{
	position:relative;
}
#MV .prev{
	position:absolute;
	top:7px;
	left:12px;
}
#MV .next{
	position:absolute;
	top:7px;
	right:12px;
}
#MV .list{
	position:absolute;
	top:0;
	left:0;
	width:20000px;
	height:auto;
}
#MV .list li{
	float:left;
	width:320px;
	height:auto;
}
#MV .list li img{
	width: 100%;
	height: auto;
}
#MV .pointer{
	margin:auto;
	padding:12px 0;
	text-align:center;
}
#MV .pointer li{
	display:inline-block;
}
#MV .pointer li a{
	display:block;
	width:10px;
	height:10px;
	margin:0 4px;
	background:#BFBFBF;
	border-radius:5px;
}
#MV .pointer .active a{
	background:#002C6B;
}


/* separately
-----------------------------------------------------------------*/
#separately{
	margin:0 0 22px 0;
}

/* category-sec
-----------------------------------------------------------------*/
.category-sec{
	margin-bottom: 34px;
}
.category-sec .category-link{
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.category-sec .category-link li{
	float:left;
	padding: 5px;
}
.category-sec .anchor-link{
	margin: 0 15px;
}
.category-sec .anchor-link li{
	margin-top: 10px;
}
.category-sec .anchor-link li a{
	display: block;
	position: relative;
	padding: 10px 14px;
	border: 1px solid #DEE3E8;
	font-size: 109%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.category-sec .anchor-link li a:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 12px;
	height: 8px;
	margin-top: -4px;
	background: url(../shared/images/ico_arrow04.png) no-repeat 0 0;
	background-size: 12px 8px;
}

/* sale-sec
-----------------------------------------------------------------*/
.sale-sec{
	margin-bottom: 34px;
}
.sale-sec table{
	background: #F3F4F8;
}
/* layout-type01 */
.sale-sec .layout-type01{
	width: 100%;
	border-top: 1px solid #DEE3E8;
}
.sale-sec .layout-type01 td a{
	overflow: hidden;
	box-sizing:border-box;
	display: block;
	width: 100%;
	position: relative;
	padding: 10px 30px 10px 15px;
	border-bottom: 1px solid #DEE3E8;
	text-decoration: none;
	word-wrap: break-word;
}
.sale-sec table td a:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 14px;
	height: 14px;
	margin-top:-7px;
	background: url(../shared/images/ico_arrow02.png) no-repeat 0 0;
	background-size: 14px 14px;
}

.sale-sec .layout-type01 td a .img,
.sale-sec .layout-type01 td a .txt-box{
	display: table-cell;
	vertical-align: middle;
}
.sale-sec .layout-type01 td a .img{
	padding-right: 15px;
}
.sale-sec .layout-type01 td a .img img{
	border: 2px solid #015192;
}
.sale-sec .layout-type01 td a .txt-box .txt{
	margin-bottom: 2px;
	font-size: 92%;
	color: #666;
}
.sale-sec .layout-type01 td a .txt-box .sale-name{
	font-weight: bold;
	font-size: 117%;
	color: #333;
}
/* layout-type02 */
.sale-sec .layout-type02{
	width: 100%;
}
.sale-sec .layout-type02 td{
	width: 50%;
	border-bottom: 1px solid #DEE3E8;
	border-right: 1px solid #DEE3E8;
}
.sale-sec .layout-type02 td:last-child{
	border-right: 0;
}
.sale-sec .layout-type02 td a{
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	width: 100%;
	padding: 10px 25px 10px 15px;
	text-decoration: none;
}
.sale-sec .layout-type02 td a .img{
	float: left;
	padding-right: 15px;
}
.sale-sec .layout-type02 td a .img img{
	border: 2px solid #015192;
}
.sale-sec .layout-type02 td a .txt-box{
	overflow: hidden;
	font-size: 84%;
}
.sale-sec .layout-type02 td a .txt-box .txt{
	margin-bottom: 2px;
	color: #666;
	word-wrap: break-word;
	line-height: 1.2;
}
.sale-sec .layout-type02 td a .txt-box .sale-name{
	font-weight: bold;
	color: #333;
	word-wrap: break-word;
	line-height: 1.2;
}

/* ranking
-----------------------------------------------------------------*/
.ranking{
	margin-bottom: 35px;
}
.ranking .inner{
	padding-bottom: 20px;
	background:#F3F4F8;
}
.ranking .ranks{
}
.ranking .ranks h3{
	margin:0 0 15px;
	padding:4px 15px 3px 15px;
	color:#FFF;
	background:url(../images/index/low_ttl_bg_repeat.png) repeat-x 0 0;
	background-size:49px 23px;
}
.ranking .ranks ul{
	overflow:hidden;
	width:294px;
	margin:0 auto;
}
.ranking .ranks li{
	float:left;
	position:relative;
	width:91px;
	margin:0 3px;
}
.ranking .ranks li .pict{
	border:1px solid #E8E8E8;
	margin:0 0 5px;
}
.ranking .ranks li .name{
	display:block;
	overflow:hidden;
	width:91px;
	margin:0 0 3px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}
.ranking .ranks li .name a{
	font-size:84%;
	color:#003F72;
}
.ranking .ranks li .em{
	font-weight:bold;
}
.ranking .ranks li .rank-num{
	position:absolute;
	top:0;
	left:0;
}
.ranking .more-btn{
	margin: 17px 15px 0;
}
.ranking .more-btn a{
	display: block;
	position: relative;
	padding: 10px 14px;
	border: 1px solid #DEE3E8;
	background: #fff;
	font-size: 109%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.ranking .more-btn a:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../shared/images/ico_arrow02.png) no-repeat 0 0;
	background-size: 12px 12px;
}

/* brand-sec
-----------------------------------------------------------------*/
.brand-sec{
	margin-bottom:20px;
}
.brand-sec .ttl-type02{
	margin-bottom: 7px;
}
.brand-sec ul{
	overflow:hidden;
	width:309px;
	margin:0 auto;
}
.brand-sec ul li{
	float:left;
	margin:5px;
}
.brand-sec ul li:last-child{
	margin-left: 6px;
}

/* pickup-sec
-----------------------------------------------------------------*/
.pickup-sec{
	margin-bottom: 19px;
}
.pickup-sec ul{
	border-top: 1px solid #DEE3E8;
	background: #F3F4F8;
}
.pickup-sec ul li{
	border-bottom: 1px solid #DEE3E8;
}
.pickup-sec ul li a{
	overflow: hidden;
	display: block;
	position: relative;
	padding: 10px 30px 10px 15px;
	text-decoration: none;
}
.pickup-sec ul li a:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 14px;
	height: 14px;
	margin-top:-7px;
	background: url(../shared/images/ico_arrow02.png) no-repeat 0 0;
	background-size: 14px 14px;
}
.pickup-sec ul li a .img,
.pickup-sec ul li a .txt-box{
	display: table-cell;
	vertical-align: middle;
}
.pickup-sec ul li a .img{
	padding-right: 15px;
}
.pickup-sec ul li a .img img{
	border: 2px solid #015192;
}
.pickup-sec ul li a .txt-box .txt{
	margin-bottom: 3px;
	font-size: 92%;
	color: #666;
}
.pickup-sec ul li a .txt-box .pickup-name{
	font-weight: bold;
	font-size: 117%;
	color: #333;
	line-height: 1.2;
}


/* bnr-sec
-----------------------------------------------------------------*/
.bnr-sec {
	margin-bottom:19px;
}

.bnr-sec ul {
	padding:0 5px;
	margin:0 auto;
	overflow:hidden;
	width:301px;
}

.bnr-sec li{
	float:left;
	padding:5px;
}




/*--------------------------------------------------------------------------
Index 20190527
---------------------------------------------------------------------------*/
._wrap { padding: 0 2.5%;/*0 16/640*/ }
._wrap img { width: 100%; height: auto; }

#MV { margin: 16px 0 0 0; }

#category_block { padding-right: 0; padding-bottom: 20px; border-bottom: 1px solid #dde0ec; margin-top: 19px; }
#category_block .category_block-slider { margin-top: 18px; display: -webkit-box; display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
#category_block .category_block-slider .slider_block { -webkit-box-flex: 0; flex: 0 0 81.57895%;/*496/608*/ }
#category_block .category_block-slider .slider_block:nth-child(n+2) { margin-left: 4px; }
#category_block .category_block-slider .slider_block .slider_block-list { display: -webkit-box; display: flex; flex-wrap: wrap; }
#category_block .category_block-slider .slider_block .slider_block-list li { width: 32.25806%;/*160/496*/ margin-top: 4px; margin-right: 1.6129%;/*8/496*/ }
#category_block .category_block-slider .slider_block .slider_block-list li:first-child { width: 100%; margin-right: 0; margin-top: 0; }
#category_block .category_block-slider .slider_block .slider_block-list li:nth-child(3n+1) { margin-right: 0; }

#bnr_block { margin-top: 20px; padding-bottom: 20px; }
#bnr_block .bnr_block-list {}
#bnr_block .bnr_block-list li {}
#bnr_block .bnr_block-list li:nth-child(n+2) { margin-top: 8px; }

#ranking_block { overflow-x: hidden; padding-top: 20px; padding-bottom: 20px; background: #FFF; }
#ranking_block h2{ margin: 0 0 30px 0;}
#ranking_block .TopRankingTitle{display: -webkit-box;display: flex; -webkit-box-align: center; align-items: center; font-size: 18px;}
#ranking_block .TopRankingTitle::before{content: ""; width: 25px; height: 25px; background: #fff url(https://www.konaka.jp/sp/images/index/MenuRanking.png) 0 0 no-repeat;
background-size: contain;}

#ranking_block .ranking_block-slider { margin-top: 18px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
#ranking_block .ranking_block-slider li { width: calc(100% / 3 - 10px); }
#ranking_block .ranking_block-slider li a { font-size: 10px;  }
#ranking_block .ranking_block-slider li span.price{ display: block; margin: 10px 0 0 0; font-size: 11.9px; font-weight: bold; color: #000;}
#ranking_block .ranking_block-slider li span.ico {font-size: 14.5px; font-weight: bold; margin: 0 0 10px 0;}
#ranking_block .ranking_block-slider li span.ico.no1 { color: #e7ae00;}
#ranking_block .ranking_block-slider li span.ico.no2 {color: #a0a0a0;}
#ranking_block .ranking_block-slider li span.ico.no3 {color: #ce6027;}
#ranking_block .slick a:link,#ranking_block .slick li a:visited { color: #333; }
#ranking_block .slick .moreBtn{
	text-align: right;
	font-size: 12px !important;
	margin: 20px 0 0 0;
}
#ranking_block .slick .moreBtn a{
	color: #333;
}
#ranking_block .more-btn{	margin: 16px 2.5% 0 0; }
#ranking_block .more-btn a { display: block; position: relative; padding: 10px 14px; border: 1px solid #DEE3E8; background: #fff; font-size: 109%; font-weight: bold; color: #333; text-decoration: none; }
#ranking_block .more-btn a:before { content: ""; position: absolute; top: 50%; right: 15px; width: 12px; height: 12px; margin-top: -6px; background: url(../shared/images/ico_arrow02.png) no-repeat 0 0; background-size: 12px 12px; }

#setPriceBnr{
}
.setPriceBnr-ttl{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 20px 0 5px 0;
	padding: 5px;
	background: #fe0000;

}
#setPriceBnr ul{
}
#setPriceBnr ul li{
}
#setPriceBnr ul li:nth-child(-n+8){
}
#setPriceBnr img{
  width: 100%;
  height: auto;
}

#brand *{
	box-sizing: border-box;

}

#brand .brand_ttl{
	background: #333333;
	font-size: 25px;
	color: #FFF;
	padding: 8px 0;
	text-align: center;
}

#brand .brand_block{
	width: 100vw;
	padding: 48px 2.5% 6.4vw;
}

#brand .brand_block:not(:last-of-type){
	border-bottom: 2px solid #dcdcdc;
}

#brand .brand_block img{
	width: 100%;
}
#brand .brand_block ul{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: 4.6666666vw 0 0 0;
}

#brand .brand_block ul li{
	width: calc(100% / 4 - 2px);
	background: #000;
}
#brand .brand_block ul li:not(:last-of-type){
	margin: 0 2px 0 0;
}
#brand .brand_block ul li a{
	display: block;
	font-size: 3.066666vw;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 3.066666vw 0;
	height: 100%;
}
#brand .brand_block ul li a:link,#brand .brand_block ul li a:visited{
	color: #FFF;
}