@charset "UTF-8";
* {
outline:none!important
}
.main-container a {
text-decoration:none !important;

}
.main-container img {
max-width:100%;
vertical-align:bottom
}
.main-container img[usemap] {
border:none;
height:auto;
max-width:100%;
width:auto
}
.main-container h2 {
font-size:24px;
margin:0 0 20px;
line-height:1.3;
text-align:center
}
.brand-container h2,.price-container h2 {
font-size:22px
}
.menu-container {
margin:0 0 20px
}
.menu-container .nav-box ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #FFF
}
.menu-container .nav-box ul li {
width:25%;
height:60px;
border-right:1px solid #FFF
}
.menu-container .nav-box ul li:last-child {
border-right:none
}
.menu-container .nav-box ul li a {
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
/*display:flex;*/
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
position:relative;
	padding-right: 20px;
	background-color: #095ca8;
	color: #FFF;
}
.menu-container .nav-box ul li.include a {
	background-color: #fcee55;
	color: #095ca8;
	padding-right: 0;
}
.menu-container .nav-box ul li a:after {
content:"";
width:11px;
height:11px;
display:block;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:22px;
right:5%;
}
.menu-container .nav-box ul li.include a:after {
display: none;
}
.feature-container {
margin:0 0 60px;
}
.feature-container .bnr-w1200-container {
margin:0 0 40px
}
.feature-container ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.feature-container .bnr-w380-container {
margin:0 0 25px
}
.feature-container .bnr-w380-container ul li {
width:49%;
margin:0 0 25px
}
.feature-container .bnr-w380-container ul li:nth-child(n+3) {
margin:0
}
.feature-container .bnr-w585-container ul li {
width:48.75%
}
.category-container {
margin:0 0 30px
}
/*
.category-container ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
	margin-bottom: 30px;
}
*/
/*
.category-container ul li a {
border:1px solid #ccc;
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
*/
.category-container ul li a span.txt-label {
font-family:YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN',"メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight:normal;
font-size:1.5vw
}
@media screen and (min-width:1466.66667px) {
.category-container ul li a span.txt-label {
font-size:21px
}

}
.category-container ul.list-img li {
width:32%;
margin:0 0 20px
}
.category-container ul.list-img li a {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding-left:15px
}
.category-container ul.list-img li a span.txt-label span {
font-size:18px;
line-height:1.3;
display:block;
font-size:1.1vw
}
.category-container ul.list-img li.anagiftbana {
/*	width: 49.3%;*/
		width: 100%;
/*    max-width: 560px;*/
}
.category-container ul.list-img li.anagiftbana a {
border: 0;
	padding-left: 0;

}
.category-container ul.list-img li.anagiftbana a img {
width:100%!important;
	max-width:none;

}
@media screen and (min-width:1727.27273px) {
.category-container ul.list-img li a span.txt-label span {
font-size:19px
}

}
.category-container ul.list-img li a img {
width:65%;
max-width:165px
}

.category-container ul.list-noimg li {
width:18.5%;
height:60px;
margin:0 0 20px
}
.category-container p.txt-footnote {
font-size:14px;
color:#ff0000
}
.price-container {
margin:0 0 40px
}
.price-container ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:left
}
.price-container ul li {
margin:0 10px 0 0px;
    border: 1px solid #c9dcff;
    width:calc(20% - 10px)
    
}
.price-container ul li:nth-of-type(1){
margin:0 10px 0 0px;
    border: 0;
}
.price-container ul li:last-child {
margin-right:0
}
.price-container ul li a {
font-size:14px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
    color: #095ca8;
}
/*
.price-container ul li a:before {
content:"";
width:9px;
height:9px;
display:block;
border-top:1px solid #005bac;
border-right:1px solid #005bac;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
margin:0 10px 0 0
}
*/
.brand-container {
margin:0 0 110px
}
.brand-container ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.brand-container ul li {
margin:0 8px 15px
}
.brand-container ul li a {
border:1px solid #ea5404;
border-radius:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:28px;
padding:0 20px;
font-size:16px
}
.brand-container ul li a:before {
content:"#"
}
.ibaraki-container {
/*margin:0 0 0;*/
position:relative
}
.ibaraki-container a {
display:block;
position:absolute;
text-indent:-9999px;
/*
	background-color: #F00;
	opacity: 0.5;
*/
}
.genre_listtopimg .ibaraki-container { margin-bottom: 0; }
.genre_listtopimg { margin: 30px 0 100px; }
.genre_listtopimg .bottom_link { overflow: hidden; }
/*.ibaraki-container a{background-color: #F00; opacity: 0.5;}*/
.ibaraki-container a.link-title { width: 27%; height: 38%; left: 38%; top: 33%; }
.ibaraki-container a.linkA { width: 46%; height: 24%; left: 0; top: 30%; }
.ibaraki-container a.linkB { width: 50%; height: 27%; right: 0%; top: 9%;}
.ibaraki-container a.linkC { width: 56%; height: 28%; left: 46%; top: 37%;}
.ibaraki-container a.linkD { width: 46%; height: 26%; left: 0%; bottom: 19%;}
.ibaraki-container a.linkE { width: 47%; height: 26%; right: 0%; bottom: 4%;}
.ibaraki-container a.linkF { width: 33.6%; height: 5%; left: 8.1%; bottom: 3.4%;}


.ibarakiLink{ margin-bottom: 100px; display: inline-block;}



.ranking-container {
margin-bottom:20px;
padding: auto 30px 0px 30px;
}

.ranking-container .txt-lead {
font-size:20px;
color:#a67f30;
text-align:center;
margin:0 0 30px
}
.ranking-container .item-list.itemlist-page>ul>li .icon-catch-box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0 0 8px
}
.ranking-container .item-list.itemlist-page>ul>li .icon-catch-box span {
font-size:18px;
line-height:1.2;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
max-height:calc( 1.5em * 2);
overflow:hidden
}
.ranking-container .item-list.itemlist-page>ul>li .icon-catch-box img {
width:50px;
margin:0 10px 0 0
}
.ranking-container .item-list.itemlist-page>ul>li .regularprice-box .price-box .txt-price {
text-decoration:none
}

.ranking-container.last-year{
background: #fff1f2;	
}






.menu-container{position: relative;}
.menu-container .mainLink {width: 23.8%; position: absolute; bottom: calc(60px + 3%); left: 39.7%; display: block; padding-top: 9.6%; /*background-color: #C00; opacity: 0.0;*/}
    /* border-radius: 20px;}
.list-text{display:inherit!important; font-size: 0; margin-bottom: 20px;}
.list-text li{ display: inline-block; border-right: 1px solid #CCC; margin: 0 0 5px;}
.list-text li a{padding: 0 20px; border:0!important;}
.list-text li a .txt-label{ font-size: 14px!important; font-family: "Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN",  "sans-serif"!important;}
.bnr-container{margin-top: 50px; margin-bottom: 80px;}
/*
.bnr-container ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
*/
.bnr-container ul li{width:100%; margin-bottom: 30px; }
.bimiArea{background-color: #FFF; border-radius: 0; padding: 0; margin-bottom: 2%;}
.bimiArea .titleArea{font-size: 0; margin-bottom: 1%;}

.bimiArea .bimitit{width:35%;  display: inline-block; margin-bottom:2%; margin-right: 5%; }
.bimiArea .bimilink{width:55%; display: inline-block;}
.bimiArea ul{  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.bimiArea ul li{width:32%; margin-bottom: 2%}
.bimiArea ul li.half{width:49%; margin-right: 2%}
.bimiArea ul li.half:nth-of-type(even){margin-right: 0;}



.brandbana-container ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
margin-bottom: 80px;}

.brandbana-container ul li{width:33%; max-width:366px; margin-bottom: 2%;}
.otherrc-container{margin-bottom: 80px;}

@media screen and (min-width:1450px) {
	.nav-box br{display: none;}}








.ecowrap{overflow: hidden; display: block; font-size: 0; text-align: center; margin-bottom: 0;}
.ecowrap .ecowrap-img{display: inline-block; width:20%; max-width:200px; vertical-align: middle;}
.ecowrap .ecowrap-txt{display: inline-block; width:50%; max-width:460px; font-size: 16px; text-align: left; vertical-align: middle; padding-left: 20px;}
.ecowrap .ecowrap-txt a{color: #5d78df; }
.ecowrap .linkbtn{width:28%; display: inline-block; max-width:280px; vertical-align: middle; border: 1px solid #095ca8; border-radius: 5px; height: 40px;}
.ecowrap .linkbtn a{display: flex; justify-content: center; align-items: center; color: #095ca8; width:100%; height: 100%; position: relative; font-size: 14px}
.ecowrap .linkbtn a::after{ content: ""; right: 10px;width: 8px; height: 8px;border-top: 1px solid #095ca8;	border-right: 1px solid #095ca8;-webkit-transform: rotate(45deg);	transform: rotate(45deg); position: absolute;}

.category-container .categorybox{font-size: 0; text-align: left; display:block; justify-content: center; flex-wrap: nowrap; margin-bottom: 0;}
.category-container .categorybox li{display: inline-block; vertical-align: top; margin-bottom: 1%;}
.category-container .categorybox li a{border: 0;}
.category-container .categorybox li.threecolumn{width:32.6333333%; margin-right: 1%;}
.category-container .categorybox li.threecolumn:nth-of-type(3n){margin-right: 0;}
.category-container .categorybox li.fourcolumn{width:24.2%; margin-right: 1%;}
.category-container .categorybox li.fourcolumn:nth-of-type(4n){margin-right: 0;}
.category-container .categorybox li.fivecolumn{width:19.1%; margin-right: 1%;}
.category-container .categorybox li.fivecolumn:nth-of-type(5n){margin-right: 0;}
.category-container .categorybox li.sixcolumn{width:15.75%; margin-right: 1%;}
.category-container .categorybox li.sixcolumn:nth-of-type(6n){margin-right: 0;}
.category-container .categorybox li.banahalf{width:49%; margin-top: 10px; font-size: 14px; color: #0080c8; vertical-align: middle; margin-right: 2%;}
.category-container .categorybox li.banahalf:nth-of-type(even){margin-right: 0;}
.category-container .categorybox li.addtextarea{width:100%; margin-right: 0%; font-size: 14px; color: #095ca8; vertical-align: middle; }
#price-container li a{display: flex; width:100%; height:100%; justify-content: center; align-items: center;}
#price-container li h2{background-color: #e4f6ff; font-size: 14px; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 0; border: 0; color: #095ca8;}


.ibaraki-pickup{margin-bottom: 80px; overflow: hidden;}
.ibaraki-pickup .titletext{font-size: 34px; font-weight: 500; text-align: center; margin: 0 0 3%;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.ibaraki-pickup .cBox{overflow: hidden; display: block; margin: 0 0 3%;}
.ibaraki-pickup .cBox .leftbox{float: left; margin-right: 2%;}
.ibaraki-pickup .cBox .rightbox{float: right;}
.ibaraki-pickup .cBox .ibarakipict{width:46%; max-width:496px;}
.ibaraki-pickup .cBox .textbox{width:50%;}
.ibaraki-pickup .cBox .textbox p{font-size: 16px; text-align: left; margin-bottom: 2%}
.ibaraki-pickup .cBox .textbox p.leed{font-size: 26px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; color: #095ca8; font-weight: bold;}
.ibaraki-pickup .cBox .textbox p.product{font-size: 18px;}
.ibaraki-pickup .cBox .textbox p.product img{vertical-align: middle;margin-bottom: 1%;}
.ibaraki-pickup .cBox .textbox p.price{font-size: 18px;}
.ibaraki-pickup .cBox .textbox p.price span{font-size: 24px; font-weight:NORMAL;}
.ibaraki-pickup .zanmai{margin:0 auto 0; overflow: hidden;}
.ibaraki-pickup .subpict{overflow: hidden;}
.ibaraki-pickup .subpict .pict{float: left; margin-right: 3%;}
.ibaraki-pickup .cBox .textbox p.price img{width:20px; vertical-align: middle; margin-bottom: 1%}


@media screen and (max-width:1500px) {
.ibaraki-pickup .titletext{font-size: 28px;}
.ibaraki-pickup .cBox .textbox p{font-size: 14px; }
.ibaraki-pickup .cBox .textbox p.leed{font-size: 20px;}
.ibaraki-pickup .cBox .textbox p.product{font-size: 16px;}
.ibaraki-pickup .cBox .textbox p.price{font-size: 14px;}
.ibaraki-pickup .cBox .textbox p.price span{font-size: 18px;}
	.ibaraki-pickup .cBox .textbox p.price img{width:20px;}
	
	
}


.txt-lead { font-size: 20px; color: #a67f30; text-align: center; margin: 0 0 30px;}
.catalog-block{background-color: #cde5fb;padding: 1%; box-sizing: border-box; font-size: 0;}
.catalog-block a{display: inline-block; margin: .7%; width:48.5%; }

.taglist{overflow: hidden; font-size: 0; margin-bottom: 60px; text-align: center;}
.taglist p{display: inline-block; padding: 5px 15px; border: 1px solid #EEE; font-size: 16px; margin-right: 1%; margin-bottom: 1%; border-radius: 100px;}

.price-container ul li a:before {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    border-top: none;
    border-right:none;
    margin: 0 ;
}
.price-container ul li {
    margin: 0 10px 0 0px;
    border: 1px solid #c9dcff;
    width: calc(20% - 10px);
    height: 60px;
}