@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 top.css
 Smartphone用

+++++++++++++++++++++++++++++++ */
/**/
.mode_pc,.mode_tb{display:none;}

/*
タブ
-----------------------------------*/
main{
	overflow-x:hidden;
}
.main_tab li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.main_tab li:nth-child(odd) { padding-right: 2px; }
.main_tab li:nth-child(even) { padding-left: 2px; }
.main_tab a {
    display: block;
    padding: 5px;
    background: #e0e0e0 url(/images/common/bg_texture_bk.png) repeat left top;
    background-size: 12px;
}
.main_tab span {
    position: relative;
    display: block;
    padding: 25px 0 5px;
    background: #fff;
    font-size: 14px;
    text-align: center;
}
.main_tab span:before {
    position: absolute;
    top: 4px;
    left: 50%;
    display: block;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    background-image: url(/top/images/sprite_top.png);
    background-size: 600px auto;
    content: " ";
}
.main_tab .tab_stores:before { background-position: 0 -250px; }
.main_tab .tab_net_shop:before { background-position: -50px -250px; }

.main_tab .current {
    border-top: 2px solid #333;
    background: #f5f5f5 url(/images/common/bg_texture_w.png) repeat left top;
    background-size: 10px;
}

/*
タブコンテンツ
-----------------------------------*/
.box_lgray_texture {padding: 35px 0 20px;}

#ecstore {
    background: #f1f1f1;
padding-bottom:30px!important;
}
#realstore {
    background: #fff;
padding:20px 0;

}
.box_nav{
padding-top:20px;
padding-bottom:20px;
}
/* 見出し */
.heading_tab {
    padding: 10px 0;
    background: #333;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

/* タブコンテンツ本体 */
.wrap_panel { position:relative; }
.main_tab_panel { display: none; }

/* ボタン */
#net_shop .button:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/top/images/sprite_top.png) no-repeat -250px -250px;
    background-size: 600px auto;
    content: " " ;
}

/*
スライダー
-----------------------------------*/
.sp_slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
padding: 0;
}
.sp_slider .swiper-pagination { display: none; }
.sp_slider .swiper-slide img { width: 100%; }
.sp_slider .swiper-button-prev,
.sp_slider .swiper-button-next {
    width: 25px;
    height: 35px;
    background: rgba(255, 255, 255, .6);
    z-index: 15;
    margin-top: -40px;
}
.swiper-button-next, .swiper-button-prev {
    background-image: none;
}
.sp_slider .swiper-button-prev { left: 0; }
.sp_slider .swiper-button-next { right: 0; }
.sp_slider .swiper-button-prev:before,
.sp_slider .swiper-button-next:before {
    position: absolute;
    top: 9px;
    left: 8px;
    display: block;
    width: 9px;
    height: 16px;
    background-image: url(/images/sp_common/sprite_arrow.png);
    background-size: 200px auto;
    content: " ";
}
.sp_slider .swiper-button-prev:before { background-position: -150px 0; }
.sp_slider .swiper-button-next:before { background-position: -50px 0; }
.sp_slider .swiper-button-prev:hover,

.sp_slider a { display: block; }

/* 2017 修正　ネットショップスライダー差分削除 */
/*
スライダー
-----------------------------------*/
#netshop_image.sp_slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
	margin-top:30px;
}
#netshop_image .netshopbnr {
    position: relative;
    overflow: visible;
    width: 150px;
    margin: 10px auto 0;
}


#netshop_image.sp_slider .swiper-pagination { display: none; }
#netshop_image.sp_slider .swiper-slide img { width: 150px; }
#netshop_image.sp_slider .swiper-button-prev,
#netshop_image.sp_slider .swiper-button-next {
    width: 25px;
    height: 35px;
    background: rgba(255, 255, 255, .6);
    z-index: 15;
}
#netshop_image.sp_slider .swiper-button-prev { left: -25px; }
#netshop_image.sp_slider .swiper-button-next { right: -25px; }
#netshop_image.sp_slider .swiper-button-prev:before,
#netshop_image.sp_slider .swiper-button-next:before {
    position: absolute;
    top: 9px;
    left: 8px;
    display: block;
    width: 9px;
    height: 16px;
    background-image: url(/images/sp_common/sprite_arrow.png);
    background-size: 200px auto;
    content: " ";
}
#netshop_image.sp_slider .swiper-button-prev:before { background-position: -150px 0; }
#netshop_image.sp_slider .swiper-button-next:before { background-position: -50px 0; }
#netshop_image.sp_slider .swiper-button-prev:hover,

#netshop_image.sp_slider a { display: block; }

/**/



/*
店舗一覧
-----------------------------------*/
/* 店舗リスト */
.list_store {display:flex;flex-wrap: wrap;justify-content: space-between;margin: 25px 15px 20px;gap: 15px 15px;}
.list_store li {width: calc((100% - 19px) / 2);border: 2px solid #c7c7c7;box-sizing: border-box;text-align:left;font-weight: 600;}
.list_store li a{font-size:13px;padding: 10px;justify-content: center;display: flex;align-items: center;height: calc(100% - 20px);}

.shoplist + .box_button {
    margin: 20px 10px 0;
}


.list_store img { display: none; }


/* primary */
.list_store.primary li {
    position: relative;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.list_store.primary a {
    display: table-cell;
    background: #fff;
    vertical-align: middle;
}
.list_store.primary a:nth-last-child(-n+2) {
    width: 45px;
    height: 45px;
    color: transparent;
    font-size: 8px;
}
.list_store.primary .logo {
    padding-left: 15px;
}
.list_store.primary .floor:before,
.list_store.primary .access:before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    display: block;
    width: 1px;
    background: #ccc;
    content: " ";
}
.list_store.primary .floor:before { right: 90px; }
.list_store.primary .access:before { right: 45px; }
.list_store.primary .floor:after,
.list_store.primary .access:after {
    position: absolute;
    top: 50%;
    display: block;
    height: 25px;
    margin-top: -12px;
    background-image: url(/top/images/sprite_top.png);
    background-size: 600px auto;
    content: " ";
}
.list_store.primary .floor:after {
    right: 55px;
    width: 25px;
    background-position: -150px -250px;
}
.list_store.primary .access:after {
    right: 16px;
    width: 15px;
    background-position: -200px -250px;
}

/* secondary */
.list_store.secondary ,
.list_store.foodshow ,
.list_store.specialty {
/*    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;*/
    background: #fff;
}

.list_store.secondary li ,
.list_store.foodshow li ,
.list_store.specialty li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: table;
    width: 50%;
    border-bottom: 1px solid #ccc;
}
.list_store.secondary li:nth-child(odd) , 
.list_store.foodshow li:nth-child(odd) , 
.list_store.specialty li:nth-child(odd) { 
border-right: 1px solid #ccc; 
}
/*.list_store.secondary li:last-child { border-bottom: none; }*/
.list_store.specialty li:last-child { border-bottom: none; }

.list_store.secondary a ,
.list_store.foodshow a ,
.list_store.specialty a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 100%;
    height: 46px;
    padding: 0 7px 0 15px;
    background: #fff;
    font-size: 13px;
    line-height: 1.2;
    vertical-align: middle;
}

.list_store.secondary a .small ,
.list_store.foodshow a .small ,
.list_store.specialty a .small {
    font-size: 10px;
}


.list_store + .box_button { margin: 20px 10px 0; }

/* tertiary */
.list_store.tertiary {
    background: #fff;
}
.list_store.tertiary li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.list_store.tertiary a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 100%;
    height: 55px;
    padding: 0 15px;
    background: #fff;
    font-size: 13px;
    line-height: 1.2;
    vertical-align: middle;
}
.list_store.tertiary  .logo p{
	display:none;	
}

/*
おすすめ情報
-----------------------------------*/
.recommend { margin-top: 20px; }
.list_topics {
    margin: 0 5px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff;
}
.list_topics .swiper-wrapper { display: block; }
.list_topics .swiper-slide { width: auto; }
.recommend .swiper-button-prev,
.recommend .swiper-button-next,
.list_topics .title + p,
.list_topics .list { display: none; }
.list_topics .title {font-size:13px;}

/*
ネットショップバナー
-----------------------------------*/
/* 2017 修正　ここから */
.list_ec_banner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 2.5px;
}
.list_ec_banner li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding: 2.5px;
}
.list_ec_banner img { width: 100%; }

/* 大バナー */
.list_ec_banner.large li { width: 50%; }
.list_ec_banner.large li.full { width: 100%; }
/* 2017 修正　ここまで */

/*
ネットショップメニュー
-----------------------------------*/
/* 2017 修正　ここから */
/* primary */
.list_ec_nav .mode_pc { display: none; }
.list_ec_nav.primary {
    border-top: 1px solid #ccc;
    background: #fff;
}
.list_ec_nav.primary li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: table;
    width: 50%;
    border-bottom: 1px solid #ccc;
}
.list_ec_nav.primary li:nth-child(odd) { border-right: 1px solid #ccc; }

.list_ec_nav.primary a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 100%;
    height: 46px;
    padding: 0 10px;
    background: #fff;
    font-size: 13px;
    line-height: 1.2;
    vertical-align: middle;
}
/* secondary */
.list_ec_nav.secondary {
    background: #fff;
}
.list_ec_nav.secondary li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: table;
    width: 33.33%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.list_ec_nav.secondary li:nth-child(-n+2) { width: 50%; }
.list_ec_nav.secondary li:nth-child(2),
.list_ec_nav.secondary li:nth-child(5),
.list_ec_nav.secondary li:nth-child(8) { border-right: none; }
/* 2017 修正　ここまで */
.list_ec_nav.secondary a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 100%;
    height: 62px;
    vertical-align: middle;
}
.list_ec_nav.secondary img { width: 100%; }

.list_ec_nav + .box_button { margin: 20px 10px 0; }

/*
お知らせ
-----------------------------------*/
.heading_notice {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.heading_notice:before {
     display: inline-block;
     width: 15px;
     height: 17px;
     margin-right: 5px;
    background: url(/top/images/sprite_top.png) no-repeat -100px -250px;
    background-size: 600px auto;
    content: " ";
    vertical-align: -2px;
}
/*
.list_notice li {
    margin: 10px 15px 0;
    font-size: 14px;
}
.list_notice a { text-decoration: underline; }
*/
/*変更*/
.list_notice li {
	font-size: 14px;
	margin: 8px 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d7d7d7;
	position: relative;
}


.list_notice a {
    text-decoration: none;
}
/*
サイトナビゲーション
-----------------------------------*/
.list_nav_button {
    display: table;
    width: 100%;
    border-spacing: 10px 5px;
}
.list_nav_button li {
    display: table-cell;
    width: 33.33%;
}
.list_nav_button a {
    position: relative;
    display: block;
    height: 24px;
    padding-top: 40px;
    border: 2px solid #333;
    font-size: 12px;
    text-align: center;
}
.list_nav_button:first-child a { height: 34px; }
.list_nav_button a:before {
    position: absolute;
    top: 10px;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-image: url(/top/images/sprite_top.png);
    background-size: 300px auto;
    content: " ";
}
.list_nav_button .serch_shop:before { background-position: 0 -25px; }
.list_nav_button .inquiry:before {
    top: 15px;
    width: 25px;
    height: 15px;
    margin-left: -12.5px;
    background-position: -50px -25px;
}
.list_nav_button .shipping_inquiry:before {
    width: 30px;
    height: 20px;
    margin-left: -15px;
    background-position: -100px -25px;
}
.list_nav_button .corporate:before { background-position: -150px -25px; }
.list_nav_button .recruite:before {
    width: 31px;
    height: 20px;
    margin-left: -15px;
    background-position: -200px -25px;
}
.list_nav_button .gaishou:before { background-position: -250px -25px; }

/*
特集バナー
-----------------------------------*/
.netshopbnr:first-of-type {
    margin-top: 14px;
}
.netshopbnr {
    margin-bottom: 20px;
}
.bnrlist {
    margin-bottom: 36px;
    padding-bottom: 4px;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.bnrlist:last-child {
    margin-bottom: 0;
}
.bnrlist_item {
    display: inline-block;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, .2);
}
.bnrlist_item img{
    width: 100%;
}

.bnrlist_item:first-child {
    margin-left: 10px;
}
.bnrlist_itemLink {
    transition: .3s;
    width: 100%;
    display: block;
    height: 100%;
}
.bnrlist_itemLink:hover {
    opacity: .6;
}

.section{padding:20px 0;}

/*重要なおしらせ*/
.box_important_notice_new{
	background:#fff;
	margin:20px 0 10px 0;
}
.box_important_notice_new .inner_new{
    margin: 0 0 10px 0;
/*	padding:10px;*/
}
.box_important_notice_new .inner_new .heading_notice {
    float: none;
	margin:0 auto 20px auto;
    font-size: 16px;
    font-weight: 300;
	text-align:center;
}


.box_important_notice_new .inner_new .heading_notice:before {
	display:none;
}


.box_important_notice_new .inner_new .list_notice {
    margin-left: 0;
}
.box_important_notice_new .inner_new .list_notice li{
    line-height:1;
    font-size: 12px;
}
.box_important_notice_new .inner_new .list_notice li.other_link{
	margin-right:30px;
    line-height:1;
    text-align:right;
    border-bottom: none;
    position: relative;
}
.box_important_notice_new .inner_new .list_notice li.other_link::before {
	position: absolute;
	bottom: 50%;
	right: -10px;
	display: block;
	width: 5px;
	height: 5px;
	border-bottom:1px solid;
	border-left:1px solid;
	transform: rotate(-135deg) translateY(27%);
	content:
	" ";
	visibility: visible;
}


/*みだし*/
.heading03{
	font-size:22px;
	color:#333;
	letter-spacing:3px;
	margin-bottom: 20px;
}
.heading03 .jp{
	font-size:12px;
	color:#333;
font-weight:normal;
letter-spacing:0.5px;
display:block;
}


#ecshop {
    padding: 20px 0 0;
}
#ecshop .shoplist {
    font-size: 0;
margin-bottom:20px;
}
.netshopping-list{
	margin: 20px 5px;
}
#ecshop .shoplist_item {
    display: inline-block;
    margin-right: 10px;
    transition: .3s;
}
#ecshop .shoplist_item:hover {
    opacity: .6;
}
#ecshop .shoplist_item img{
  width:100%
}

/*スライダーキャプション*/
#ecstore .swiper-slide{background:#fff;border-top:1px solid #ccc;}
.swiper-slide .bnrcap{
	padding: 7px 7px;
	margin:0;
	font-size:12px;
	display:flex;
	align-items: center;
	background: #ececec;
}
.swiper-slide .bnrcap:before{
	background:#ddd;
	color:#222;
	padding:7px;
	margin-right:7px;
	letter-spacing:0.5px;
white-space: nowrap;


}
.box_button {
  width: 95%;
  margin: 0 auto;

}
.swiper-slide .bnrcap.store:before{
	content:"STORE INFO";
}
.swiper-slide .bnrcap.ec:before{
	content:"NET SHOPPING";
}
.swiper-slide .bnrcap.all:before{
	content:"STORE / NET";
}
.swiper-slide .bnrcap.other:before{
	content:"INFORMATION";
}

.netshopping-list .swiper-button-next, .netshopping-list .swiper-button-prev {
 display:none
}