@charset "utf-8";

@import "reset.css";
@import "search.css";

@font-face {
        src: url("fonts/NotoSansJP-Regular.woff") format("woff");
        font-family: "Noto Sans JP";
        font-style: normal;
        font-display: optional;
      }
@font-face {
        src: url("fonts/SawarabiMincho-Regular.woff") format("woff");
        font-family: "Sawarabi Mincho";
        font-style: normal;
        font-display: optional;
       } 
/* notserifJP-400 */
@font-face {
    font-family: ' Noto Serif JP ';
    src: url('fonts/NotoSerifJP-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}
/* notserifJP-500 */
@font-face {
    font-family: ' Noto Serif JP ';
    src: url('fonts/NotoSerifJP-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}
/* notserifJP-600 */
@font-face {
    font-family: ' Noto Serif JP ';
    src: url('fonts/NotoSerifJP-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}
/* notserifJP-700 */
@font-face {
    font-family: ' Noto Serif JP ';
    src: url('fonts/NotoSerifJP-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}

* {
/*    box-sizing:inherit !important;*/
    min-width: 0;
    min-height: 0;
}

html {
    font-size: 62.5%/*初期値16pxの87.5%でルートが14px*/ 
}

body {
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    min-width:1300px;
}

a {
    color: #000 !important;
    text-decoration: none;
}

a img{
    transition: all 0.5s ease 0s;
}

a:hover {
    text-decoration: underline;
}

a:hover img{
    opacity:0.7;
}

p{
    margin: 0;
}

.fontB {
    font-weight:500;
    font-weight: bold;
}

.vaM {
	vertical-align: middle;
	display: inline-block !important;
}

.taR {
    text-align: right;
}

.pt5 {
    padding-top: 5px;
}

img.window{
	width: 12px !important;
    height: auto;
}   

.w1300{width:1300px;margin:0 auto;clear:both;}
.w1240{width:1240px;margin:0 auto;clear:both;}

.pc{display:block !important;}
.sp{display:none !important;}
.ssl{display:none !important;}

.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#mainContent {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

/******** header ********/
#header {
    margin:0 auto 20px auto;
    padding:20px 0 10px 0;
    display: block;
    position: relative;
    border-bottom: 2px solid #e4e4e4;
/*    height:139px;*/
}

#header .w1240 {
    position: relative;
}

#header .logo{
    float:left;
    margin: 0;
}
    
#header .logo a{
    background:url("../img/common/header/logo.gif") no-repeat left top;
    width:140px;
    height:130px;
    text-indent:-9999px;
    display:inline-block;
}
    
#header #headLink{
    float:right;
    font-size: 14px; 
    font-size: 1.4rem;
    line-height:30px;
    height:30px;
    width:1025px;
    margin-bottom:68px;
    }    

#header #headLink p{
    float:left;
    line-height:30px;
}

#header #headLink ul li{
    float: right
}

#header #headLink ul li{
    margin-left:25px;
    height:30px;
    float:left;
}

#header #headLink ul li a{
    padding-left:36px;
    display:inline-block;
}

#header #headLink ul li.li01 a{
    background:url("../img/common/header/icn_prelogin.png") no-repeat left center;
    background-size:30px auto;
}

#header #headLink ul li.li06 a{
    background:url("../img/common/header/icn_mypage.png") no-repeat left center;
    background-size:30px auto;
}
    
#header #headLink ul li.li02 a{
    background:url("../img/common/header/icn_login.png?t=202110211837") no-repeat left center;
    background-size:30px auto;
}

/*ログアウト*/
#header #headLink ul li.li02 .logout a {
    background: url("../img/common/header/icn_logout.png?t=202110211837") no-repeat left center;
    background-size:30px auto;
}

/*テスト環境*/
#header #headLink ul li.li02 .logoutButton {
    display: none;
}

#header #headLink ul li.li02 a.block{
    display:inline-block !important;
}

#header #headLink ul li.li03 a{
    background:url("../img/common/header/icn_cart.png") no-repeat left center;
    background-size:30px auto;
}

#header #headLink ul li.li04 a{
    background:url("../img/common/header/icn_sitemap.png") no-repeat left center;
    background-size:30px auto;
}

#header #headLink ul li.li05{
    position:relative;
}
   
#header #headLink ul li.li05 a{
    background:url("../img/common/header/icn_language.png") no-repeat left center;
    background-size:30px auto;
}

#header #headLink ul li.li05 a:after{
    content:"　";
    width:9px;
    height:7px;
    background:url("../img/common/header/arrow_bottom_purpre.png") no-repeat 5px center;
}

#header #headLink ul li.li05:hover ul {
    display:block;
}

#header #headLink ul li.li05 ul{
    display:none;
    position:absolute;
    top:38px;
    border:1px solid #d7d7d7;
    background-color:#fff;
    z-index:10;
    border-radius:3px;
    padding:10px 8px;
}

#header #headLink ul li.li05 ul:before{
    content:" ";
    width:100%;
    height:10px;
    display:inline-block;
    position:absolute;
    top:-10px;
    left:0;
    background:url("../img/common/header/language_arrow_top.png") no-repeat center top;
}

#header #headLink ul li.li05 ul li{
    background:url("../img/common/arrow_right_purple.png") no-repeat left center;
    padding-left:15px;
    margin:0;
}

#header #headLink ul li.li05 ul li.window a{
    background:url("../img/common/icn_window.png") no-repeat right center;
    padding-right:16px;
}

#header #headLink ul li.li05 ul li a{
    background:none;
    padding-left:0;
}

#header #headLink ul li.li05 ul li a:after{
    display:none;
}

#header #headLink ul li.li07 a{
    background:url("../img/common/header/icn_catalog.png") no-repeat left center;
    background-size:30px auto;
}

#header .nav01{
    font-size: 16px; 
    font-size: 1.6rem;
    float:right;
    line-height:40px;
}

#header .nav01 li{
    float:left;
}

#header .nav01 li + li{
    margin-left:50px;
}

#header .nav01 li a{
    background:url("../img/common/icn_circle_arrow_right_09.svg") no-repeat left center;
    padding-left:18px;
    position:relative;
}

#header .nav01 li a:hover{
    text-decoration:none;
}

#header .nav01 li a:after{
    opacity:0;
    content:"　";
    width:100%;
    border-bottom:2px solid #574474;
    position:absolute;
    left:0;
    top:1px;
    transition: all 0.5s ease 0s;
}

#header .nav01 li:hover a:after{
    opacity:1;
    width:100%;
}

#header .pc .nav01 li.li06{
    margin-top:-56px;
    margin-left:40px;
    width:240px;
    line-height:normal;
    font-size: 14px; 
    font-size: 1.4rem;
    position:relative;
    text-align:right;
}

#header .nav01 li.li06 .colorBoxLink{
    margin-bottom:5px;
}

#header .nav01 li.li06 .colorBoxLink a{
    background:url("../img/common/header/arrow_right_arrow_about.png") no-repeat left center;
    padding-left:12px;
}

#header .nav01 li.li06 .colorBoxLink a:hover{
    text-decoration:underline;
}

#header .nav01 li.li06:hover .colorBoxLink a:after{
    display:none;
}

#header .pc .nav01 li.li06 label {
    margin-bottom:7px;
    display:inline-block;
}
    
#header .pc .nav01 li.li06 label + label{
    margin-left:30px;
}

#header .pc .nav01 li.li06 #firstbox,
#header .pc .nav01 li.li06 #secondbox{
    float:left;
}

#header .nav01 form{
    position:relative;
    font-family:Arial, sans-serif;
}
    
#header .nav01 li.li06 form [type="text"]{
    background-color:#f0f0f0;
    height: 40px !important;
    line-height:40px;
    width:200px;
    padding:5px 10px !important;
    border:0;
    box-sizing: border-box;
}

#header .nav01 li.li06 form .kensaku{
    background:url("../img/common/header/bt_search.gif") no-repeat left top;
    background-size:40px auto;
    width:40px;
    height:40px;
    text-indent:-9999px;
    border:0;
    cursor:pointer;
    position:absolute;
    top:0;
}

#header input[type="radio"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:14px !important;
    height:14px;
    border:1px solid #574474;
    border-radius:14px;
    background:transparent;
    opacity:1;
    width:100%;
    margin-right:5px;
    position:relative;
    outline: none;
    vertical-align:middle;
    margin-bottom:3px;
}

#header input[type="radio"]:checked + span{
    position:relative;
}

#header input[type="radio"]:checked:before{
    content: "　";
    width:6px;
    height:6px;
    background:#64517f;
    position:absolute;
    left:3px;
    top:3px;
    border-radius:3px;
    display:block;
}

#header .nav01 .prd{
    display:none;
    position:absolute;
    z-index:100;
    background-color: rgba(255,255,255,0.9);
    padding:30px 0 0 0;
    width:1082px;
    padding-left:218px;
    top:151px;
    left:-30px;
    font-size: 14px; 
    box-sizing: initial;
    font-size: 1.4rem;
}
    
#header .nav01 .prd a:hover dt{
    opacity:0.7;
}

#header .nav01 .prd a:hover dd{
    text-decoration:underline;
}
    
#header .nav01 .prd dl{
    line-height:1;
    width:335px;
    float:left;
    margin:0 25px 40px 0;
}

#header .nav01 .prd dl{
    line-height:1;
    width:335px;
    float:left;
    margin:0 25px 40px 0;
}

#header .nav01 .prd dl dt{
    float:left;
}

#header .nav01 .prd dl dd{
    padding-left:135px;
}

#header .nav01 .prd .coffee dl dd{
    margin-top:-10px;
}

#header .nav01 .prd dl dd h4{
    margin-bottom:5px;
}

#header .nav01 .prd dl dd p{
    line-height:150%;
    margin: 0;
}

#header .nav01 .prd a{
    background:none;
    padding:0;
}

#header .nav01 .prd a.nori{
    background:url("../img/common/header/circle_arrow_right_purple.png") no-repeat left center;
    padding-left:13px;
    margin-right:10px;
}

#header .nav01 .prd a.cha{
    background:url("../img/common/header/circle_arrow_right_green.png") no-repeat left center;
    padding-left:13px;
}

#header .nav01 .prd a.nori:after,
#header .nav01 .prd a.cha:after{
    display:none;
}

#header .nav01 .prd a.nori:hover,
#header .nav01 .prd a.cha:hover{
    text-decoration:underline;
}
    
.clear{ clear:both;}    

/* pickup */
#header .nav01 .li04 .prd{
	width: 1240px;
	padding-left: 30px;
	padding-right: 30px;
}

#header .nav01 .li04 .prd a{
    width:25%;
	float: left;
}

#header .nav01 .li04 .prd dl{
    line-height:1;
	width: initial;
    float: inherit;
    margin:0 0 30px 0;
	display: table;
}

#header .nav01 .li04 .prd dl dt{
	display: table-cell;
	vertical-align: middle;
	float: inherit;
	width: 100px;
}

#header .nav01 .li04 .prd dl dd{
	vertical-align: middle;
	display: table-cell;
	font-weight: bold;
	padding: 0;
    font-size: 16px; 
    font-size: 1.6rem;
}

#header .nav01 .li04 .prd a:after {
	display: none;

}

/******** #foot ********/

#foot{
    margin:30px auto 0 auto;
    width:1210px;
    overflow:hidden;
    line-height:1;
}

#foot > div{
    float:left;
    width:360px;
}

#foot .n03,
#foot .n04{
    width:200px;
}

#foot > div + div{
    margin-left:30px;
}
    
#foot h4{
    margin:0 auto;
    padding:0 0 7px 10px;
    margin-bottom:20px;
    font-size: 18px; 
    font-size: 1.8rem;
    font-weight:normal;
}

#foot .n01 h4{border-bottom:2px solid #64517f;}
#foot .n02 h4{border-bottom:2px solid #e6e700;}
#foot .n03 h4{border-bottom:2px solid #7cb05c;}
#foot .n04 h4{border-bottom:2px solid #7b9237;}
#foot .n04 h4.atenaru{border-bottom:2px solid #bc953d;}
#foot .n04 h4.coffee{border-bottom:2px solid #68503e;}

#foot .n04 h4.coffee{
    padding-left: 0;
}

#foot .n04 h4.coffee a{
    background: url("/common_renew/images/arrow_right_black.png")no-repeat left center;
    padding-left: 10px;
    display: inline-block;
}


#foot ul{
    margin:0 0 25px 10px;
}

#foot ul ul{
    margin:0 0 0 10px;
}

#foot .n01 ul,
#foot .n02 ul{
    float:left;
    width:160px;
}

#foot ul li{
    font-size: 14px; 
    font-size: 1.4rem;
    line-height:120%;
}

#foot ul li a{
    background:url("../img/common/arrow_right_black.png")no-repeat left 5px;
    padding-left:10px;
    margin-bottom:15px;
    display:inline-block;
}

#foot ul a.noLink{
    cursor:default;
    text-decoration:none;
}
    
#foot ul li li a{
    background:none;
    padding-left:0;
}

#foot ul li li:before{
    content:"・";
    vertical-align:top;
}


/******** #footer ********/

#footer {
    margin:0 auto;
    padding:30px 0;
    display: block;
    position: relative;
    line-height: 120%;
    border-top: 1px solid #e4e4e4;
    overflow:hidden;
    font-size: 10px;
    font-size: 1.0rem;
}

#footer .pmark{
    background: url("../img/common/footer/footer_pmark.gif") no-repeat;
    width: 65px;
    height: 65px;
    text-indent: -9999px;
    float:left;
    margin:8px 16px 0 0;
    
    display: none !important;
}

#footer dl {
    background: url("../img/common/footer/footer_info.gif?t=20230101") no-repeat;
    width: 208px;
    height: 81px;
    display: block;
    float: left;
    line-height:1;
}

#footer dl dt.txt {
    width: 208px;
    height: 13px;
    float: inherit;
    display:block;
}
    
#footer dl dt {
    width: 28px;
    height: 22px;
    text-indent: -9999px;
    float: left;
    display:inline-block;
}

#footer dl dd {
    height: 22px;
    text-indent: -9999px;
    width:180px;
    float:left;
    display:inline-block;
}

#footer dl dd a {
    height:22px;
    display:block;
}

#footer .cashless {
	float:left;
	margin-left:35px;
	margin-top:5px;
}
	
#footer #footLink {
    display: inline-block;
    float: right;
}

#footer #footLink ul.sns {
    margin:0 0 5px 0;
    float: right;
}

#footer #footLink ul.sns li{
    margin:0 0 0 10px;
    padding:0;
    border:0;
}

#footer #footLink ul.sns li a:hover{
    transition: all 0.5s ease 0s;
    opacity:0.7;
}

#footer #footLink ul.sns li img{
	width: 40px;
	height: auto;
}

#footer #footLink ul {
    margin-top: 2px;
    float: right;
}

#footer #footLink ul li {
    float: left;
    border-right: solid 1px;
    margin-top: 5px;
    padding: 0 8px;
}

#footer #footLink ul li.last {
    border-right: none;
    padding: 0 0 0 8px!important;
}

#footer #footLink p {
    text-align: right;
    line-height:120%;
    clear:both;
}

#footer #footLink #copy {
    width: 245px;
    height: 12px;
    display: block;
    background: url("../img/common/footer/copyright.gif") no-repeat;
    float: right;
    margin-top: 8px;
    clear:right;
}

#footer #footLink p#copy span{
    display: none;
}

/******** .bt_back ********/
.bt_back{
}

.bt_back a{
    text-indent:-9999px;
    display:inline-block;}

/******** #pankuzu ********/
.fs-c-breadcrumb,
#pankuzu{
    border-bottom: 1px solid #e4e4e4;
    background-color:#f4f4f4;
    height:30px;
    line-height:30px;
}

.fs-c-breadcrumb ol,
#pankuzu p{
    line-height: 30px;
    width: 1240px;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    pa: 0;
    padding: 0;
    letter-spacing: 0.1em;
}

.fs-c-breadcrumb ol li{
    display: none;
}

.fs-c-breadcrumb ol li:first-child,
.fs-c-breadcrumb ol li:last-child{
    display: inline-block;
}

/*body.netshop .fs-c-breadcrumb ol li.netshop,*/
body.nori .fs-c-breadcrumb ol li.netshop,
body.jugetsudo .fs-c-breadcrumb ol li.netshop,
body.sweets .fs-c-breadcrumb ol li.netshop,
body.shizen .fs-c-breadcrumb ol li.netshop,
body.atenaru .fs-c-breadcrumb ol li.netshop,
body.nori .fs-c-breadcrumb ol li.nori,
body.jugetsudo .fs-c-breadcrumb ol li.jugetsudo,
body.sweets .fs-c-breadcrumb ol li.sweets,
body.shizen .fs-c-breadcrumb ol li.shizen,
body.atenaru .fs-c-breadcrumb ol li.atenaru,
body.corporate .fs-c-breadcrumb ol li.corporate{
    display: inline-block;
}

body.netshop.nori .fs-c-breadcrumb ol li.nori,
body.netshop.shizen .fs-c-breadcrumb ol li.shizen,
body.netshop.sweets .fs-c-breadcrumb ol li.sweets,
body.netshop.atenaru .fs-c-breadcrumb ol li.atenaru,
body.netshop.jugetsudo .fs-c-breadcrumb ol li.jugetsudo{
    display: none;
}

.fs-c-breadcrumb h1,
#pankuzu h1{
    display: inline;

}

    
/******* pickupArea ********/
#pickupArea{
    clear: both;
	margin: 100px 0 50px 0;
}

#pickupArea h2{
    line-height:100%;
    margin-bottom:50px;
    text-align:center;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 30px;
	letter-spacing: 0.1em;
	}

#pickupArea h2:after {
    content:" ";
    height:2px;
    width:60px;
    border-bottom: solid 2px #574374;
    display:block;
    margin:12px auto 0 auto;
}

#pickupArea ul{
    width:1300px;
    margin:0 auto;
    overflow:auto; line-height:150%;
    font-size: 16px; 
    font-size: 1.6rem;
    overflow:hidden;
}

#pickupArea ul li{
    width:280px;
    float:left;
	margin: 0 15px;
    }  

#pickupArea ul li img{
	width: 100%;
	height: auto;
    }  

#pickupArea ul li h4{
    font-weight:600;
	margin-top: 5px;
}    

#pickupArea ul li p{
    margin: 0;
}     
    
#pickupArea .slick-prev,
#pickupArea .slick-next{
    width:30px;
    height:60px;
    text-indent:-9999px;
    z-index:10;
    top:35%;
}

#pickupArea.slick-slide{
    opacity:0.3;
}

#pickupArea .slick-slide:hover{
    opacity:0.3;
}
        
#pickupArea .slick-slide.slick-active{
    opacity:1;
}

#pickupArea .slick-slide.slick-active:hover{
    opacity:1;
}

#pickupArea .slick-prev {
    background:url("../img/common/slick_prev.png") no-repeat ;
	background-size: 30px auto;
    left: 0;
}

#pickupArea .slick-next {
    background:url("../img/common/slick_next.png") no-repeat ;
	background-size: 30px auto;
    right: 0;
}
    
@media screen and (max-width: 768px) {    
body {
    min-width:auto;
}
    
.pc{display:none !important;}
.sp{display:block !important;}
a:hover img{opacity: 1 !important; }
a:hover{ text-decoration:none !important;}

#mainContent {
    border-bottom: none;
}    
/******** header ********/
#header {
    margin:0 auto;
    padding:0;
    border-bottom: 0;
    height:50px;
    position:relative;
}

#header .logo{
    margin:15px 10px;
}
    
#header .logo a{
    background:url("../img/common/header/logo_sp.gif") no-repeat left top;
    background-size:103px 20px;
    width:103px;
    height:20px;
}

#header .nav01{
    font-size: 16px; 
    font-size: 1.6rem;
    float:none;
    line-height:auto;
    position:absolute;
    width:100%;
    top:50px;
    z-index:101;
    background:#fff;
    display:none;
}

#header .menuBtn{
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 999;
	}

#header .menuBtn a {
    display: block;
    width: 100%;
    height: 100%;
}
#header .menuBtn span {
	width: 25px;
	height: 1px;
	display: block;
	background: #000f;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
}
#header .menuBtn span:first-child {
	-webkit-transform: translateY(-8px) scale(1);
	-ms-transform: translateY(-8px) scale(1);
	transform: translateY(-8px) scale(1);
	transition: all .4s;
}
#header .menuBtn span:last-child {
	-webkit-transform: translateY(8px) scale(1);
	-ms-transform: translateY(8px) scale(1);
	transform: translateY(8px) scale(1);
	transition: all .4s;
}
/* クローズボタン */
#header .menuBtn.active {
}
#header .menuBtn.active span:first-child {
	-webkit-transform: rotate(-45deg) translateY(0);
	-ms-transform: rotate(-45deg) translateY(0);
	transform: rotate(-45deg) translateY(0);
	transition: all .4s;
}
#header .menuBtn.active span:nth-of-type(2) {
	opacity: 0;
}
#header .menuBtn.active span:last-child {
	-webkit-transform: rotate(45deg) translateY(0);
	-ms-transform: rotate(45deg) translateY(0);
	transform: rotate(45deg) translateY(0);
	transition: all .4s;
}
	
#header .loginBtn {
    position: absolute;
	right: 50px;
    width: 50px;
    height: 50px;
}

#header .loginBtn a{
    text-indent: -9999px;
    display: block;
    height: 100%;
}

#header .loginBtn .login a{
    background:url("../img/common/header/icn_login_sp.png?t=202110211854") no-repeat left top;
	background-size: 50px auto;
}

#header .loginBtn .logout a{
    background:url("../img/common/header/icn_logout_sp.png?t=202110211854") no-repeat left top;
	background-size: 50px auto;
}

#header .nav01 .search{
    clear:both;
    position:relative;
    margin:0;
    border-top:1px solid #dee5e9;
    border-bottom:1px solid #dee5e9;
	vertical-align:bottom;
}
	
#header .nav01 .search .gsc-input-box {
	border-radius:none;
	padding:0;
	margin:0;
}
	
#header .nav01 .search label{
    margin:5px 10px;
}
    
#header .nav01 .search form [type="text"]{
    background-color:#f0f0f0;
    line-height:40px;
    height:48px !important;
    margin:0;
    border-radius:0;
    width:100%;
    padding:4px 10px;
    border:0;
    box-sizing: border-box;
    position:relative;
}

#header .nav01 table.gsc-search-box td{
	background:#000;
}

#header .nav01 .search form .kensaku{
    background:url("../img/common/header/bt_search.gif") no-repeat left top;
    background-size:48px auto;
    width:48px;
    height:48px;
    border-radius:0;
    text-indent:-9999px;
    border:0;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
	padding: 0;
}

#header .nav01 .search .colorBoxLink{
    margin: 5px 0 5px 10px;
    display:inline-block;
    font-size:12px;
}

#header .nav01 .search .colorBoxLink a{
    background:url("../img/common/header/arrow_right_arrow_about.png") no-repeat left center;
    padding-left:12px;
}

#header .nav01 li{
    float:none;
    border-bottom:1px solid #dee5e9;
    margin:0 !important;
}

#header .nav01 li li{
    border-bottom:none;
}

#header .nav01 li li.coffee div{
    position: relative;
    display: inline-block;    
}

#header .nav01 li li.coffee div span{
    position:absolute;
    line-height: 1.2;
    font-size: 7px;
    text-align:center;
    left:-100%;
    top:0;
    width:300%;
}

#header .nav01 li li a{
    background:url("../img/common/header/icn_arrow_right_nav_s.png") no-repeat left center;
    background-size:5px auto;
    margin-left:15px;
}
                
#header .nav01 li a{
    display:block;
    background:url("../img/common/header/icn_plas_nav.png") no-repeat 98% center;
    background-size:15px auto;
    position:relative;
    padding:5px 10px;
}

#header .nav01 li a.active{
    background:url("../img/common/header/icn_minus_nav.png") no-repeat 98% center;
    background-size:15px auto;
}

#header .nav01 li.noLink{
    padding:0 25px;
}
    
#header .nav01 li.noLink a{
    display:inline-block;
    margin-left:25px;
}

#header .nav01 li.link a{
    display:block;
    background:url("../img/common/header/icn_arrow_right_nav.png") no-repeat 98% center;
    background-size:12px auto;
    position:relative;
    padding:5px 10px;
}

#header .nav01 ul li.li06{
    background:url("../img/common/header/icn_prelogin.png") no-repeat 10px 15px;
    background-size:20px auto;
}

#header .nav01 ul li.li07{
/*    background:url("../img/common/header/icn_login.png") no-repeat 10px 15px;
    background-size:20px auto;*/
}

#header .nav01 ul li.li07 .login{
    background:url("../img/common/header/icn_login.png") no-repeat 10px 15px;
    background-size:20px auto;
    display: block;
}

#header .nav01 ul li.li07 .logout{
    background:url("../img/common/header/icn_login.png") no-repeat 10px 15px;
    background-size:20px auto;
    display: block;
}
    
#header .nav01 ul li.li08{
    background:url("../img/common/header/icn_cart.png") no-repeat 10px 15px;
    background-size:20px auto;
}

#header .nav01 ul li.li09{
    background:url("../img/common/header/icn_sitemap.png") no-repeat 10px 15px;
    background-size:20px auto;
}
    
#header .nav01 ul li.li10{
    background:url("../img/common/header/icn_language.png") no-repeat 10px 15px;
    background-size:20px auto;
}

#header .nav01 ul li.li11{
    background:url("../img/common/header/icn_mypage.png") no-repeat 10px 15px;
    background-size:20px auto;
}

#header .nav01 ul li.li12{
    background:url("../img/common/header/icn_catalog.png") no-repeat 10px 15px;
    background-size:20px auto;
}
	
#header .nav01 ul li.li06 a,
#header .nav01 ul li.li07 a,
#header .nav01 ul li.li08 a,
#header .nav01 ul li.li09 a,
#header .nav01 ul li.li10 a,
#header .nav01 ul li.li11 a,
#header .nav01 ul li.li12 a{
    padding-left:35px;
}

#header .nav01 ul li.li10 li a{
    padding-left:10px;
}

#header .nav01 li a:after{
    display:none;
}

#header .nav01 li ul{
    display:none;
}

#header .nav01 .close a{
    text-align:center;
    background-color:#574474;
    color:#fff !important;
    display:block;
    padding:5px 10px;
}
    
/******** footer ********/

#footer {
    margin:0 auto;
    padding:20px 0 20px 0;
    display: block;
    position: relative;
    line-height: 120%;
    border-top:none ;
}

#footer .w1240{
    width:100%;
    height:auto;
}

#footer .pmark{
    background: url("../img/common/footer/footer_pmark.gif") no-repeat;
    width: 65px;
    height: 65px;
    text-indent: -9999px;
    float:left;
    margin:8px 16px 0 0;
}

#footer dl {
    background: url("../img/common/footer/footer_info_sp.gif?t=20230101") no-repeat;
    background-size:300px auto;
    margin:0 auto 15px auto;
    width: 300px;
    height: 127px;
    display: block;
    float: none;
}

#footer dl dt {
    margin-top:5px;
    width: 35px;
    height: 35px;
    clear:both;
    text-indent: -9999px;
}

#footer dl dt.txt{
    display:none;
}
    
#footer dl dd {
    margin-top:5px;
    height:  35px;
    width:265px;
}

#footer dl dd a {
    height: 35px;
    display:inline-block;
    text-indent:-9999px;
    text-align:left;
}

#footer dl dd a{
    display:block;
}

#footer dl dt.txt + dt + dd + dt + dd a {
    display:inline-block;
}

#footer #footLink{
    clear:both;
    font-size: 12px; 
    font-size: 1.2rem;
    line-height:150%;
    float: inherit;
    display: block;
	padding-bottom: 80px;
}

#footer #footLink ul.sns {
    margin: 0 0 20px 0;
    float: inherit;
    text-align: center;
}

#footer #footLink ul.sns li{
    margin: 0 5px;
    float: inherit;
	display:inline-block !important;
	vertical-align:top;
}

#footer #footLink ul.sns li a{
    width:35px;
    height:35px;
}

#footer #footLink ul.sns li.fb a{
    background: url("../img/common/footer/icn_fb.png") no-repeat;
    background-size:35px 35px;
}

#footer #footLink ul.sns li.insta a {
    background: url("../img/common/footer/icn_insta.png") no-repeat;
    background-size:35px 35px;
}
    
#footer #footLink ul.sns li.cashless img {
	height:35px;
	width:auto;
}
	
#footer #footLink p.privacyMark {
    margin:10px 10%;
    text-align:left;
/*    background:url("../img/common/footer/footer_pmark.gif") no-repeat left top;
    background-size:32px auto;
    min-height:32px;
    padding-left:40px;*/
	margin-bottom: 5vw;
}

#footer #footLink hr {
	border-top: 1px solid #e4e4e4;
	margin: 0 0 5vw 0;
}

#footer #footLink #privacyLink {
	float: left;
	padding: 0 0 0 10px;
	font-size: 10px;
    margin: 0;
	font-size: 1.0rem;
}

#footer #footLink #privacyLink a{
	text-decoration: underline !important;
}

#footer #footLink #privacyLink a:hover{
	text-decoration: none !important;
}
	
#footer #footLink #copy {
	padding: 0 10px 0 0;
	float: right;
	background: none;
	width: inherit;
	margin:0;
	font-size: 10px;
	font-size: 1.0rem;
}

#footer #footLink p#copy span {
    display: block;
}
	
#footer02{
    border-bottom: 1px solid #e4e4e4;
	padding: 5vw 0 7vw 0;
	overflow: hidden;
    border-top: 1px solid #e4e4e4;
    margin-top: 5vw;
	}

#footer02 ul{
    width: 90%;
    margin: 0 auto;
	}

#footer02 ul li{
	width: 43%;
	float: left;
	margin-bottom: 3vw;
	}

#footer02 ul li:nth-child(even){
	float: right;
	}

#footer02 ul li a{
	color: #333 !important;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 0 40px;
    display: block;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    line-height: 1.4;
	}

#footer02 ul li:nth-child(1) a{
	background: url("../img/common/footer/nav_icn_01.png") no-repeat left center;
	background-size: 30px auto;
	}

#footer02 ul li:nth-child(2) a{
	background: url("../img/common/footer/nav_icn_02.png") no-repeat left center;
	background-size: 30px auto;
	}
	
#footer02 ul li:nth-child(3) a{
	background: url("../img/common/footer/nav_icn_03.png") no-repeat left center;
	background-size: 30px auto;
	}

#footer02 ul li:nth-child(4) a{
	background: url("../img/common/footer/nav_icn_04.png") no-repeat left center;
	background-size: 30px auto;
	}
	
#footer02 ul li:nth-child(5) a{
	background: url("../img/common/footer/nav_icn_05.png") no-repeat left center;
	background-size: 30px auto;
	}

#footer02 ul li:nth-child(6) a{
	background: url("../img/common/footer/nav_icn_06.png") no-repeat left center;
	background-size: 30px auto;
	}
#footer02 ul li:nth-child(7) a{
	background: url("../img/common/footer/nav_icn_07.png") no-repeat left center;
	background-size: 30px auto;
	}

#footer02 ul li:nth-child(8) a{
	background: url("../img/common/footer/nav_icn_08.png") no-repeat left center;
	background-size: 30px auto;
	}
	
#footer02 ul li.pic {
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	margin-bottom: 0;
	width: 51.5%;
	}

#footer02 ul li.pic:nth-child(9){
	margin-left: -3%;
	}
	
#footer02 ul li.pic:nth-child(10){
	margin-right: -3%;
	}

#footer02 ul li.pic a{
	padding:  1vw;
	display: table;
	color: #000 !important;
    font-size: 10px;
    font-size: 1.0rem;
	height: inherit;
	}

#footer02 ul li.pic a > *{
	vertical-align: middle;
	display: table-cell;
	}

#footer02 ul li.pic span:nth-child(1){
	width: 45%;
	}

#footer02 ul li.pic span:nth-child(2){
	padding-left: 5%;
	}


#footer02 ul li.pic span img{
	width: 100%;
	height: auto;
	}
	
#bottomNav{
	background:#eeeeee;
	position: fixed;
    width: 100%;
    bottom: 0;
	z-index: 100;
	}	
	
#bottomNav + .bg{
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0,0,0,.85);
	}	

#bottomNav ul{
    display: table;
    width: 100%;
	z-index: 101;
	}	

#bottomNav li{
	width: 25%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	position: relative;
    padding-bottom: 10px;
    padding-top: 5px;
	}	

#bottomNav li a.active:after{
    z-index: 100;
    content: "　";
    display: block;
    background: url(../img/common/footer/bottomNav_arrow_bottom.png) no-repeat center top;
    background-size: 12px auto;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
	}	

#bottomNav li img{
	width: 50px;
	height: auto;
	}	
	
#bottomNav li .prd{
	display: none;
	position: fixed;
    bottom: 60px;
    background: #fff;
    width: 100%;
    max-height: calc(100% - 60px);
	padding: 5vw 5%;
    box-sizing: border-box;
	left: 0;
    overflow-y: auto;
	z-index: 100;
	}	
	
#bottomNav li a.active .prd{
	content: "　";
	display: block;
	background: url("../img/common/footer/bottomNav_arrow_bottom.png") no-repeat left top;
	background-size: 12px auto;
	position: absolute;
	top: -10px;
	left:0;
	width: 12px;
	height: 10px;
	}		
#bottomNav li.service .prd{
	padding: 8vw 10%;
	}	

#bottomNav li.shopping .prd a,
#bottomNav li.service .prd a{
	display: block;
	margin-bottom: 5vw;
}

#bottomNav li.shopping .prd dl,
#bottomNav li.service .prd dl{
	display: table;
	width: 100%;
}
	
#bottomNav li.shopping .prd a:last-child,
#bottomNav li.service .prd a:last-child{
	margin-bottom: 0;
}
	
#bottomNav li.shopping .prd dt{
	display: table-cell;
	vertical-align: middle;
	width: 44%;
	padding-right: 4.5%;
}

#bottomNav li.service .prd dt{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	padding-right: 4.5%;
    }	
	
#bottomNav li.shopping .prd dt img,
#bottomNav li.service .prd dt img{
	width: 100%;
	height: auto;
}
	
#bottomNav li.shopping .prd dd,
#bottomNav li.service .prd dd	{
	text-align: left;
	display: table-cell;
	vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
	line-height: 150%;
		}

#bottomNav li.shopping .prd h4{
	font-weight: bold;
	margin-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
		}
	
#bottomNav li.service .prd h4{
	font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
		}

#bottomNav li .search{
    clear:both;
    position:relative;
    margin:0;
	vertical-align:bottom;
	text-align: left;
}
	
#bottomNav li .search .gsc-input-box {
	border-radius:0 !important;
	border: none;
	padding:0;
	margin:0;
}
	
#bottomNav li .search label{
	font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
	margin-right: 10px;
}
	
#bottomNav li #fifthbox,
#bottomNav li #sixthbox{
	margin-top: 2vw;
    position: relative;
    font-family: Arial, sans-serif;
}   
	
#bottomNav li .search form [type="text"]{
    background-color:#f0f0f0;
    line-height:40px;
    height:48px !important;
    margin:0;
    border-radius:0;
    width:100%;
    padding:4px 10px;
    border:0;
    box-sizing: border-box;
    position:relative;
	border: none;
}

#bottomNav li .search #fifthbox .gsc-search-button, #btn_search {
    background: url(../img/common/header/bt_search.gif) no-repeat left top !important;
    background-size: 48px 48px !important;
    width: 48px !important;
    height: 48px !important;
    /* float: right; */
    /* margin-top: -48px; */
    position: absolute;
    z-index: 100;
    opacity: 1 !important;
    right: 0;
	bottom: 0;
}

#bottomNav li .search form .kensaku{
    background:url("../img/common/header/bt_search.gif") no-repeat left top;
    background-size:48px auto;
    width:48px;
    height:48px;
    border-radius:0;
    text-indent:-9999px;
    border:0;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    }/*
#bottomNav li .search form #btn_search{
/*    background: url(../img/common/header/bt_search.gif) no-repeat left top !important;
    background-size: 48px 48px !important;
    width: 48px !important;
    height: 48px !important;
    float: right;
	    position: relative;
    z-index: 100;
    opacity: 1 !important;
    margin-top: 0;
}
	*/
#bottomNav li .search .colorBoxLink{
    margin: 5px 0 5px 10px;
    display:inline-block;
	font-size: 12px;
    font-size: 1.2rem;
}

#bottomNav li .search .colorBoxLink a{
    background:url("../img/common/header/arrow_right_arrow_about.png") no-repeat left center;
    padding-left:12px;
}
	
#bottomNav li input[type="radio"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:16px !important;
    height:16px;
    border:1px solid #574474;
    border-radius:16px;
    background:transparent;
    opacity:1;
    width:100%;
    margin-right:5px;
    position:relative;
    outline: none;
    vertical-align:middle;
    margin-bottom:3px;
}

#bottomNav li input[type="radio"]:checked + span{
    position:relative;
}

#bottomNav li input[type="radio"]:checked:before{
    content: "　";
    width:6px;
    height:6px;
    background:#64517f;
    position:absolute;
    left:4px;
    top:4px;
    border-radius:3px;
    display:block;
}
	
/******** .bt_back ********/
.bt_back {
    position: fixed;
    bottom: 75px;
    right: 0px;
    display:inline-block;
}

.bt_back a{
    font-size: 0;
    text-indent: -999px;
    overflow: hidden;
    background: url("../img/common/footer/bt_back.gif") no-repeat left top;
    background-size: 35px auto;
    height: 35px;
    width: 35px;
    display: block;
}

/******** #pankuzu ********/
.fs-c-breadcrumb,
#pankuzu{
    display:none !important;
}

/******* pickupArea ********/
#pickupArea{
    max-width: 100%;
    min-width: inherit;    
	margin:0 auto;
	padding: 0;
}
	
#pickupArea h2{
    margin-bottom:8vw;
    font-size: 24px;
	}

#pickupArea h2:after {
    content:" ";
    width:40px;
    display:block;
    margin:10px auto 0 auto;
}
	
#pickupArea ul{
    width:100%;
    margin-bottom:0 !important;
}

#pickupArea ul li{
	padding: 0 12px 0 13px;
    width: 225px;
	margin: 0;
	font-size: 14px;
    font-size: 1.4rem;
    }    

#pickupArea ul li img{
    width:100%;
    height:auto;
}
    
#pickupArea ul li + li{
    margin-left:0;
    }        

#pickupArea .slick-active{
    opacity:0.3 !important;
}

#pickupArea .slick-current{
    opacity:1 !important;
}
        
#pickupArea .slider:before,
#pickupArea .slider:after{
    display:none;
    height:100%;
    width:23%;
}

#pickupArea .slick-prev,
#pickupArea .slick-next{
    width:23px;
    height:46px;
    text-indent:-9999px;
    z-index:10;
}
	
#pickupArea .slick-prev {
    background:url("../img/common/slick_prev.png") no-repeat;
    background-size:23px auto;
}

#pickupArea .slick-next  {
    background:url("../img/common/slick_next.png") no-repeat;
    background-size:23px auto;
}
    

}