@charset "utf-8";
@import url("css/sp-menu.css");
* {margin: 0 auto;}
html,
body {
  height: 100%;
}
ol, ul{
list-style: none;
}
ol,ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body{
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体","游ゴシック","Yu Gothic","YuGothic","メイリオ","Meiryo",sans-serif;
font-size: 14px; 
color:#343434;
line-height:1.8;
border-top: 3px solid #59c3dd;
letter-spacing: 0em;
}
.pc{
	display:none;
}
.spblock{
	display:block;
}
img{
	max-width:100%;
}
a{
text-decoration:none;
color:#343434;
}
a:hover{
color:#ee7700;
text-decoration:none;
}
a:active, a:focus{
outline: 0;
}
img{
border:0;
}
.clear{
clear:both;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
margin:0 0 0 0px;
}
.red{
color:#FF0000;
}
.strong{
font-weight: bold;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
nav ul li a,ul.hednavi li a,ul.categorytag li a{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
.spmgt60{
	margin-top:60px;
}

.hedback{
	background:url(images/hedline.jpg) repeat-x;
	background-size:22px 13px;
}
#header {
position: relative;
border-bottom:1px solid #e6e6e6;
}
#header h1 {
font-size:10px;
font-weight:normal;
text-align:center;
color:#36b6e0;
padding-top:13px;
}
#header h2 {
	width:40%;
	margin:8px auto 0px;
	max-width:200px;
}
#header h2 img{
	width:100%;
}
#header h2 a{
	display:block;
}
.hedillust{
	display:none;
}
ul.hednavi{
	display:none;
}
.serchback{
	display:none;
}
nav{
	display:none;
}
.fixed01{
    position: fixed !important;
    z-index: 9999;
    top: 0px !important;
    margin-top: 0px !important;
}
.container{
    margin: 0 auto 20px;
    width: 100%;
    padding-top:20px;
}
.spinner{
	width:94%;
	margin:0 auto;
}
.navi-menu a {
	display: block;
}
.navi-menu.toggle dt,.navi-menu.toggle dd{
	line-height: 1.4; 
	margin-left: 0; 
	font-size: 12px;
	 box-sizing: border-box; 
}
.navi-menu.toggle dt a, .navi-menu.toggle dd a{
	display: block;
	padding: 11px 5px 7px 0px;
}
.navi-menu.toggle dd a{
	padding-left:12px;
}
.navi-menu.toggle dt:hover, .navi-menu.toggle dd:hover{ 
	background-color: #e1ebfd; 
}
.navi-menu.toggle dt p, .navi-menu.toggle dd p{ 
	padding: 0 20px 0 0;
}
.navi-menu.toggle dt img{
    vertical-align: middle;
    margin-right: 8px;
}
dl.navi-menu dt.top-cate {
	font-size: 13px;
	letter-spacing:1.4px;
	background:#f5f5f5;
}
.navi-menu.toggle dt { 
	padding: 18px 5px 10px 15px;
	height:60px;
}
.navi-menu.toggle dd {
	padding-left: 18px;
}
.navi-menu.toggle dt, .navi-menu.toggle dd {
	border-bottom: 1px solid #e5e5e5;
}
.navi-menu dt a{
	font-size:14px;
	font-weight:bold;
	color:#212121 !important;
}
.navi-menu dd a, .navi-menu dd a:link, .navi-menu dd a:visited {
	color: #545454;
}
.toggle dt {
	display: block;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	}
 .toggle dt:after { 
	 position: absolute; 
	 right: 15px; 
	 top: 20px; 
	 font-family: "Font Awesome 5 Free";
	 content: "\f107";
	 font-weight: 900;
     font-size: 14px;
     color:#2a2a2a; 
} 
.toggle dt.toggle-on:after { 
	right: 15px; 
	top: 20px; 
	font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: 900;
    color:#2a2a2a;
    font-size: 14px;
} 
.toggle dd { 
	display: none;  
	box-sizing: border-box; 
	font-size: 12px; 
	color: #000000; 
}
dd.push { display: block; }
dd.push a, dd.push a:link, dd.push a:visited { color: #CC0000; }
#footer{
}
#footerContents{
	background:url(images/hedline.jpg);
	background-size:22px;
	padding-top:30px;
	padding-bottom:10px;
	margin-top: 0px;
	border-top:1px solid #59c3dd;
}
#footerContents ul{
	overflow:hidden;
	width:80%;
	margin:6px auto 8px;
}
#footerContents ul li{
	float:left;
	width:47%;
	margin-right:6%;
	margin-bottom:13px;
	text-align:center;
	font-size:12px;
}
#footerContents ul li:nth-child(2n){
	margin-right:0;
}
#footerContents ul li:nth-child(2n+1){
	clear:both;
}
#footerContents ul li a{
	display:block;
	background:#fff;
	padding:4px 0 2px;
	border-radius:4px;
}
#footerContents ul li a:hover{
	display:block;
	background:#8b8b8b;
	color:#fff;
	padding:4px 0 2px;
	border-radius:4px;
}
#footer p{
	text-align:center;
}
.footlogo{
	text-align:center;
}
.add{
	text-align:center;
	font-size:12px;
	margin-top:7px;
}
.copy{
	text-align:center;
	font-size:10px;
	color: #fff;
	padding:8px 0 2px;
	background: #59c3dd;
}
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 8px;
	z-index: 9999;
	background: #000;
	border-radius: 4px;
	text-align:center;
	line-height:1.4em;
}
#page-top a {
	color: #fff;
	display: block;
	padding: 5px 6px 3px 5px;
}
#page-top a:hover {
	background: #f77d00;
	color: #fff;
	padding: 5px 6px 3px 5px;
	border-radius: 4px;
}
#slider{
	margin: -8px auto 0;
	width: 100%;
}
#slider img{
	width: 100%;
	vertical-align: bottom;
}
ul.sliderlist{
	overflow:hidden;
	width:87%;
	margin:0 auto;
}
ul.sliderlist li{
	float:left;
	width:31%;
	margin-bottom:8px;
	margin-right:3.5%;
	word-break: break-all;
}
ul.sliderlist li:nth-child(3n){
	margin-right:0;
}
ul.sliderlist li:nth-child(3n+1){
	clear:both;
}
ul.sliderlist li:last-child{
	display:none;
}
ul.sliderlist li img{
	width:100%;
	margin-bottom:2px;
}
ul.sliderlist li .pickup_name{
	font-size:9px;
	line-height: 1.4;
	color:#676767;
}
ul.sliderlist li .pickup_price{
	font-size:11px;
	text-align:right;
	color: #BB4B5F;
}
ul.sliderlist li .pickup_price span{
	font-size:9px;
	color: #343434;
	padding-left:2px;
}
.pickupitemarea h2{
	margin-bottom:20px;
	font-size:24px;
	font-family: 'Tenor Sans', sans-serif;
	line-height:1.4;
	text-align:center;
}
.pickupitemarea h2 span{
	display:block;
	font-size:16px;
	font-weight:normal;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing:1px;
	color:#59c3dd;
}
.container h2{
	margin-bottom:20px;
	font-size:24px;
	font-family: 'Tenor Sans', sans-serif;
	line-height:1.4;
	text-align:center;
}
.container h2 span{
	display:block;
	font-size:16px;
	font-weight:normal;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing:1px;
	color:#59c3dd;
}
ul.categorytag{
	overflow:hidden;
	text-align:center;
	margin-bottom:10px;
}
ul.categorytag li{
	display:inline-block;
	font-size:10px;
	margin-right:3px;
	margin-bottom:5px;
}
ul.categorytag li a{
	background:#f1e9da;
	border-radius:4px;
	padding:5px 10px 3px;
}
ul.categorytag li a:hover{
	background:#59c3dd;
	color:#fff;
	border-radius:4px;
	padding:7px 15px 5px;
}
ul.productlist{
	overflow:hidden;
	width:92%;
	margin:0 auto 50px;
}
.productlist li{
	width:31%;
	margin-bottom:8px;
	margin-right:3.5%;
	word-break: break-all;
	float:left;
	font-size:10px;
}
.productlist li:first-child{
	width:48%;
	margin-right:4%;
}
.productlist li:nth-child(2){
	width:48%;
	margin-right:0;
}
.productlist li:nth-child(3n+5){
	margin-right:0;
}
.productlist li:nth-child(3n+3){
	clear:both;
}
.productlist li:last-child{
	display:none;
}
.productlist li img{
width:100%;
}
.productlist li .pickup_price{
	text-align:right;
	color: #BB4B5F;
	font-size:13px;
	margin-top:3px;
}
.productlist li .pickup_price span{
	font-size:10px;
	color: #343434;
	padding-left:3px;
}
.pickback{
	margin:50px 0 80px;
}
#pickupitem h2{
	margin-bottom:20px;
	font-size:24px;
	font-family: 'Tenor Sans', sans-serif;
	line-height:1.4;
}
#pickupitem h2 span{
	display:block;
	font-size:16px;
	font-weight:normal;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing:1px;
	color:#59c3dd;
}
.serchbox form input{
padding:10px;
}
.serchbox{
	background: #ededed;
	padding:16px 14px 15px;
	margin-bottom:7px;
}
.serchtext{
	background: -moz-linear-gradient(top, #f6f6f6, #eae9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6),to(#eae9e9));
    /* IE 5.5-7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eae9e9', GradientType=0);
/* IE 8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eae9e9', GradientType=0)";
/* IE 10 */
background: linear-gradient(to bottom, #f6f6f6, #eae9e9);
border:1px solid #dbdbdb;
	text-align:center;
	box-shadow: 0px 0px 2px 1px #fff inset;
	padding:5px 0 2px;
	font-size:13px;
}
.serch{
	background:#fff;
	border:1px solid #dbdbdb;
	padding: 10px 2px 10px 10px;
}
.search_text{
	width:68%;
	height:30px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 2px 2px 3px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 2px 2px 3px -2px rgba(0,0,0,0.5);
    box-shadow: inset 2px 2px 3px -2px rgba(0,0,0,0.5);
    padding-left:10px;
    color:#000;
}
.serchbutton {
    text-indent: -9999px;
    background: url(images/search.png) no-repeat;
    background-size: 67px 28px;
    border: none;
    width:65px;
    height:28px;
}
























ul.catelist{
	margin: 0px auto 0px;
width: 100%;
overflow:hidden;
padding-top:20px;
}
ul.catelist li{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	width:100%;
}
ul.catelist li img{
	width:100%;
	border:1px solid #c2c2c2;
}
ul.catelist li:nth-child(3n){
	margin-right:0;
}
.pickupimg img{
	border:1px solid #cacaca;
	padding:2px;
	margin-top:12px;
}




.subP #maincontainer.guide h2{
	border-bottom:3px solid #79b2e3;
	line-height:1.4;
	font-size:21px;
	color:#4a4a4a;
	letter-spacing: 0.1em;
	margin-bottom:20px;
	text-align:left;
}
.subP #maincontainer.guide h3{
	border-bottom: 1px dashed;
	font-size: 17px;
	padding-left: 5px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top:20px;
}

.subP #maincontainer{
	margin-top:-3px;
}
.guide dl{
	margin:0 8px;
	margin-bottom:40px;
}
.guide dl dt{
	color:#363636;
	font-size:19px;
	background:url(images/guide/gudeborder.png) no-repeat left 8px;
	background-size:6px 18px;
	padding-left:16px;
	font-weight:normal;
}
.guide dl dd{
	margin-top:10px;
	margin-bottom:50px;
}
.guide dl dd img{
	margin:10px 0 0;
}
.guide dl dd a{
	color:#0b50e4;
	text-decoration: underline;
}
.guide dl dd a:hover{
	color:#ee7700;
}
.guide dl dd span.minfont{
	color:#444444;
	padding:0 3px;
	font-size:13px;
}
.guide dl dd span.highlight{
	color:#e40000;
	padding:0 3px;
	font-size:16px;
	font-weight:bold;
}
table.postage {
    width: 100%;
    margin: 20px 0 ;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size:14px;
}
.postage th {
	display:block;
    text-align: center;
    font-weight:normal;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#f0efee;
    background-position:left top;
    padding:10px 5px 8px;
}
.postage.txcenter td{
    text-align: center;
}
.postage td {
	display:block;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    padding:10px 10px 8px 15px;
}
.attentionlist{
	margin-top:15px;
	margin-bottom: 40px;
}
.attentionlist li{
	list-style-type: square;
	margin-left: 18px;
	margin-bottom: 10px;
	font-size:14px;
}
.attentionlist li ul{
	margin-top:10px;
	margin-bottom:15px;
}
.attentionlist li ul li{
	list-style-type: circle;
	margin-bottom:1px;
}
.fts14{
	font-size:14px;
}
.mgt80{
	margin-top:80px;
}
table.card {
    width: 100%;
    margin: 20px 0 ;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size:12px;
}
table.card th {
	display:block;
    text-align: center;
    font-weight:normal;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#f0efee;
    background-position:left top;
    padding:10px 5px 8px;
}

table.card td {
	display:block;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    padding:10px 10px 8px 15px;
}
table.bank {
    width: 100%;
    margin: 10px 0 ;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size:14px;
}
table.bank th {
	width:140px;
    text-align: center;
    font-weight:normal;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#f0efee;
    background-position:left top;
    padding:10px 5px 8px;
}

table.bank td {
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:10px 10px 8px 15px;
}
span.red{
	color:#d40000 !important;
}
.subP #maincontainer .ranking h2{
	background:#efefef;
	font-size:15px;
	padding:5px 0 2px 10px;
	color:#4a4a4a;
	margin-bottom:20px;
	border:1px solid #d6d6d6;
}

ul.rankinglist{
	overflow:hidden;
	margin-bottom:10px;
}
.rankinglist li{
	width:144px;
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	font-size:11px;
}
.rankinglist li:nth-child(5n){
	margin-right:0;
}
.rankinglist li:nth-child(5n+1){
	clear:both;
}
.rankinglist li img{
width:142px;
border:1px solid #9f9f9f;
}
.rankinglist li .pickup_price{
	text-align:right;
	color:#000;
	font-size:13px;
}
.rankinglist li .pickup_price span{
	font-size:10px;
}
.ranktitle{
	font-weight:bold;
	font-size:15px;
	color:#797979;
}
.gold{
	background:url(images/ranking/gold.png) no-repeat left 3px;
	background-size:24px;
	padding-left:30px;
}
.silver{
	background:url(images/ranking/silver.png) no-repeat left 3px;
	background-size:24px;
	padding-left:30px;
}
.brown{
	background:url(images/ranking/brown.png) no-repeat left 3px;
	background-size:24px;
	padding-left:30px;
}
.nextlink{
	text-align:right;
}
.nextlink a{
	color:#3798ff;
	text-decoration: underline;
}
.nextlink a:hover{
	color:#ee7700;
}
.mgt50{
	margin-top:50px;
}

.newsbn{
	width: 100%;
	margin: 20px auto 0;
}
.list{
	margin-left:10px;
}
.list li{
	display:inline;
	margin-left:5px;
}
.u{
	border-bottom:1px bold black;
}
.mgt70{
	margin-top:57px;
}
.salebnarea{
	overflow:hidden;
	width:75%;
	margin:0 auto;
}
.salebnarea li{
	margin-bottom:10px;
}
.salebnarea li img{
	width:100%;
}

/* 2018.09.29追記 */
.pcpickuparea h2{
	background:#f8f5ed;
	letter-spacing:2px;
	padding:4px 0 2px 20px;
	font-size:14px;
	border:none !important;
}
ul.pcpickup{
	overflow:hidden;
	margin:10px 0;
}
ul.pcpickup li{
	float:left;
	width:31.5%;
	margin-right:2.75%;
	font-size:12px;
	margin-bottom:10px;
}
ul.pcpickup li .pickup_price{
	display:none;
}
ul.pcpickup li img{
	width:100%;
	vertical-align: bottom;
}
ul.pcpickup li:nth-child(3n){
	margin-right:0;
}
ul.pcpickup li:nth-child(3n+1){
	clear:both;
}
ul.couponlist{
	overflow:hidden;
	margin:0 auto;
}
ul.couponlist li{
	float:left;
	width:49%;
	margin-right:2%;
}
ul.couponlist li img{
	width:100%;
}
ul.couponlist li:nth-child(2n){
	margin-right:0;
}
ul.couponlist li:nth-child(2n+1){
	clear:both;
}
ul.couponlist li:nth-child(3){
	margin-right:0;
	margin-left:25%;
}
.coupontitle{
	font-size:20px;
	margin:0px 0 0px;
	font-weight:bold;
	text-align:center;
}
.coupontitle span.wao{
	color:#59c3dd;
	padding:0 10px;
	font-size:26px;
}
.coupontext{
	text-align:center;
	background:#e8e8e8;
	color:#c30000;
	font-weight:bold;
	font-size:12px;
	padding:3px 0 0px;
	margin:0px auto 10px;
}
.coupontext span{
	display:block;
}




/* 商品ページカスタマイズ用css */
.campaignarea{
	width:100%;
	line-height:2em;
	border:2px solid #00aaed;
	background:#fafafa;
	padding:20px 15px 0;
	margin:0 auto 35px;
	letter-spacing: 0.15em;
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
}
.campaignarea.gorgeous{
	border:4px solid #2b3248;
	background:#f8f9fb;
}
.camphead{
	color:#ffffff;
	background:#59c3dd;
	padding:4px 5px 2px;
	font-weight:bold;
	font-size:21px;
	border-radius:5px;
	text-align:center;
}
.campaignarea.gorgeous .camphead{
	background:#3c4771;
}
.camptitle{
	font-size:19px;
	margin-top:8px;
	padding-bottom:4px;
	border-bottom:6px solid #59c3dd;
	text-align:center;
}
.campaignarea.gorgeous .camptitle{
	border-bottom:6px solid #3c4771;
}
.camptitle span{
	padding:0 5px;
	font-weight:bold;
	font-size:1.2em;
	color:#c00000;
	display:block;
}
.eventlist{
	overflow:hidden;
	margin-top:18px;
}
.eventlist li{
	overflow:hidden;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #999999;
	color:#000;
	font-size:14px;
	letter-spacing: 0em;
	line-height:1.7;
}
.eventlist.undercontents li{
	margin-bottom:10px;
	padding-bottom:10px;
}
.eventlist li:last-child{
	border-bottom:none;
	margin-bottom:0;
}
.eventlist li img{
	width:50%;
}
.eventimg{
	text-align:center;
}
.eventlist li .eventcatch{
	display:inline-block;
	color:#000;
	font-size:20px;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #fbfc00 60%);
}
.campaignarea.gorgeous .eventlist li .eventcatch{
	background: none;
	color:#2b3248;
	margin-bottom:6px;
}
.campaignarea.gorgeous .eventlist li .eventcatch span{
	border-bottom:2px dotted #2b3248;
	padding-bottom:3px;
}
.eventlist li .eventtitle{
	font-size:19px;
	font-weight:bold;
	color:#ff4400;
	margin:7px 0 7px;
	line-height:1.5;
}
.campaignarea.gorgeous .eventlist li .eventtitle{
	color:#c00000;
}
.eventlistlink{
	font-size:0.9em;
	margin-top:5px;
}
.eventlistlink a{
	color:#1662f9;
	text-decoration:underline;
	display:block;
}
.eventlist.undercontents li .eventtitle{
	margin:7px 0 0px;
}
.eventlist li span.servicecaution{
	font-size:0.8em;
	font-weight:bold;
}

.campheadtitle{
	text-align:center;
	color:#db0000;
	font-size:24px;
	font-weight:bold;
}
.campheadtitle span.wao{
	display:none;
	
}

.assurance{
	background:#00abed;
	padding:10px 11px;
	color:#fff;
	overflow:hidden;
	width:92%;
}
.assuranceimg img {
    width: 30%;
    float: left;
    margin-right: 8px;
    margin-top:5px;
}
.assurancetitle{
	color:#fff800;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
.assurance span.servicecaution{
	font-size:0.8em;
	font-weight:bold;
}