@charset "UTF-8";
/* common CSS */
h1,h2{font-weight:bold;}
.h1-title{background:url('../img/icon/marker-kjm.png') no-repeat center left 5px;border-bottom:solid 2px #1a274c;}
.h2-title{background:url('../img/icon/marker-kjm.png') no-repeat center left 5px #eeeeee;border-radius:3px;margin:5px;padding:5px 0 4px 22px;}
.h2-search{border-bottom:2px solid #1a274c}
.underline{text-decoration:underline;}

/* column definition */
#content{display:flex;flex-flow:column wrap;}

/* information */
#info{border:1px solid #00135d;}
.info-title{background:#00135d;color:#ffffff;text-align:center;}
.info-cont,.info-cont p,.info-cont a{font-size:0.9em;text-align:center;line-height:1.6;}

/*for chirashi pc*/
.chirashi.pc{margin: 5px 0;width: 218px;}

/* for left column arealist */
#arealist,#group-store{padding:0;border:solid 1px #555555;border-radius:5px;}
#arealist ul,#group-store ul{margin:5px;}
#arealist li{background:url('../img/icon/marker-link.png') no-repeat scroll right 5px center transparent;border-bottom:solid 1px #999999;height:29px;}
#group-store li{border-bottom:solid 1px #999999;height:29px;}
#arealist li:last-child,#group-store li:last-child{border-bottom:none;}
#arealist li a,#group-store li a{color:#333333;text-decoration:none;padding:5px;display:block;}
#arealist li.selected{background:#00135d;}
#arealist li.selected > a{color:#ffffff;}
#arealist li:hover,#group-store li:hover{background:#00135d;}
#arealist li#shikoku.selected{background:#4b4b4b;}
#arealist li:hover > a,#group-store li:hover > a{color:#ffffff;}
.menufixed{position:fixed;z-index:999;top:0;}
.scrollbox{margin-left:240px;}

/* for Dropdown list */
#arealist li ul{display:none;width:0;}
#arealist li ul li{border:solid 1px #333333;border-radius:3px;background:none #ffffff;}
#arealist li:hover ul{display:block;position:relative;top:-40px;left:199px;padding-left:12px;}
#arealist li:hover ul li:last-child{border-bottom:solid 1px #333333;}
li#shikoku{background:none;}

/* only shoplist index Japan map menu */
#main-menu li{background:none;}

/* only shoplist index shopnews */
#shopnews{border:solid 1px #555555;border-radius:5px;overflow-y:auto;}
#shopnews dl{display:table;border-bottom:dotted 1px #333333;}
#shopnews dt{text-align:center;display:table-cell;}
#shopnews dt span{background:#e50010;color:#ffffff;}
#shopnews dd{display:table-cell;vertical-align:top;}
#shopnews dl:last-child{border:none;margin:0;}
#shopnews dd span{color:#0000aa;}

/*for areanavigation :*/
.checkbox div{display:inline-block;margin:1% 0 0;}
.selector{display:none;}

/* for arealist */
#list{background:#eeeeee;}
.area{background:#ffffff;}
.area h2{background:none;}
.area li{font-weight:bold;border-top:solid 1px #999999;line-height:1.5em;}
.area li .list_item span.name{display:block;width:100%;}
.area li .list_item a{text-decoration:none;}
.area li.bic .list_item span.name::before{content:url('../img/logo/kb.png');}
.area li.kjm .list_item span.name::before{content:url('../img/logo/kjm.png');}
.area li.ol .list_item span.name::before{content:url('../img/logo/outlet.png');}
.area li.reol .list_item span.name::before{content:url('../img/logo/re.outlet.png');}
.area li.sofmap .list_item span.name::before{content:url('../img/logo/sk.png');}
.area li.closed a{padding:8px 0 8px 5px;width:420px;color:#333333;text-decoration:none;float:left;}
.area li.closed a:hover{text-decoration:none;}
.area li.closed p{background:url("../img/logo/phone.png") no-repeat center right 150px;font-size:12px;line-height:1.2em;font-weight:bold;padding-left:527px;}
.area li.closed_recently a,.area li.colsed_recently_k a,.area li.closed_recently p,.area li.colsed_recently_k p{color:#999999;display:inline-block;text-decoration:none;}
.area li.closed_recently{background:url('../img/logo/kb_close.png') no-repeat 5px center;}
.area li.colsed_recently_k{background:url('../img/logo/kjm_close.png') no-repeat 5px center;}
.area ul li a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.area ul li.closed a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.area li .list_item img{display:inline-block;vertical-align:top;}
.area li .list_item span.list_ex{display:inline-block;vertical-align:top;}
.area li .list_item span.access,.area li .list_item span.time,.area li .list_item span.tel{display:block;}
.area li .list_item span.access:before{content:'\3012';}
.area li .list_item span.telno{display:inline-block;vertical-align:top;width:140px;}
.area li .list_item span.tel{background:url('../img/logo/phone.png') no-repeat center left 10px;padding:0 0 0 30px;}
.area li .list_item span.telnote{font-size:0.65em;margin-left:240px;}
.area li .list_item span.telno span.telnote{margin:-60px;white-space:nowrap;}
.area li a.map{display:inline-block;}
.area li a.map img{width:100%;}
div[id*="close_shop"]{border:1px solid #999999;bouder-radius:10px;padding:2%;margin-bottom:10px;}
div[id*="close_shop"] a{text-decoration:underline;color:#0000aa;float:none;padding:5px 0;width:auto;}

/* for item icon */
.items{border:solid 1px #00135d;border-radius:10px;}
.items p{color:#ffffff;background:#00135d;text-align:center;border-radius:9px 9px 0 0;}
.items span{display:inline-block;margin:3px;padding:0;text-align:center;text-indent:100%;white-space:nowrap;overflow:hidden;}
.items span a{display:block!important;width:100%!important;height:100%!important;}
.items span a:hover{background-color:rgba(255,255,255,0.5);background-blend-mode:lighten;}
.course{background:url('../img/icon/course.png') no-repeat center center / contain;}
.station{background:url('../img/icon/station.png') no-repeat center center /contain;}
.mini4{background:url('../img/icon/mini4.png') no-repeat center center / contain;}
.buy{background:url('../img/icon/buy.png') no-repeat center center / contain;}
.game{background:url('../img/icon/game.png') no-repeat center center / contain;}
.toy{background:url('../img/icon/toy.png') no-repeat center center / contain;}
.massage{background:url('../img/icon/massage.png') no-repeat center center / contain;}
.suitcase{background:url('../img/icon/suitcase.png') no-repeat center center / contain;}
.nitiyouhin{background:url('../img/icon/commo.png') no-repeat center center / contain;}
.ipad{background:url('../img/icon/ipad.png') no-repeat center center /contain;}
.gaming{background:url('../img/icon/gaming-pc.png') no-repeat center center /contain;}
.mac{background:url('../img/icon/mac.png') no-repeat center center /contain;}
.a_watch{background:url('../img/icon/applewatch.png') no-repeat center center / contain;}
.futon{background:url('../img/icon/futon.png') no-repeat center center /contain;}
.pillow{background:url('../img/icon/pillow.png') no-repeat center center /contain;}
.liquor{background:url('../img/icon/liquor.png') no-repeat center center /contain;}
.bicycle{background:url('../img/icon/bicycle.png') no-repeat center center /contain;}
.drug{background:url('../img/icon/drug.png') no-repeat center center /contain;}
.glasses{background:url('../img/icon/glasses.png') no-repeat center center /contain;}
.hearing{background:url('../img/icon/hearing.png') no-repeat center center /contain;}
.hearing_bc{background:url('../img/icon/hearing_bc.png') no-repeat center center /contain;}
.watch{background:url('../img/icon/watch.png') no-repeat center center /contain;}
.d_iphone{background:url('../img/icon/d_iphone.png') no-repeat center center / contain;}
.a_iphone{background:url('../img/icon/a_iphone.png') no-repeat center center / contain;}
.s_iphone{background:url('../img/icon/s_iphone.png') no-repeat center center / contain;}
.y_iphone{background:url('../img/icon/y_iphone.png') no-repeat center center / contain;}
.uq_iphone{background:url('../img/icon/uq_iphone.png') no-repeat center center / contain;}
.r_mobile{background:url('../img/icon/r_mobile.png') no-repeat center center / contain;}
.sim{background:url('../img/icon/sim.png') no-repeat center center / contain;}
.support{background:url('../img/icon/support.png') no-repeat center center / contain;}
.support_spl{background:url('../img/icon/support_spl.png') no-repeat center center / contain;}
.gcoat{background:url('../img/icon/glasscoat.png') no-repeat center center / contain;}
.business_ex{background:url('../img/icon/houjin.png') no-repeat center center / contain;}
.business_c{background:url('../img/icon/houjin_concurrent.png') no-repeat center center / contain;}
.ouenbin{background:url('../img/icon/ouenbin.png') no-repeat center center / contain;}
.reform{background:url('../img/icon/reform_icon.png') no-repeat center center / contain;}
.dpe{background:url('../img/icon/print.png') no-repeat center center / contain;}
.bungu{background:url('../img/icon/bungu.png') no-repeat center center / contain;}
.gacha{background:url('../img/icon/gacha.png') no-repeat center center / contain;}
.kids{background:url('../img/icon/kidsarea.png') no-repeat center center / contain;}
.reuse{background:url('../img/icon/reuse.png') no-repeat center center / contain;}
.taxfree{background:url('../img/icon/taxfree.png') no-repeat center center /contain;}
.netkeep{background:url('../img/icon/netkeep.png') no-repeat center center /contain;}
.tire{background:url('../img/icon/tire.png') no-repeat center center /contain;}
.car_supply{background:url('../img/icon/car_supply.png') no-repeat center center /contain;}
.new,.new2nd{display:inline-block;margin:1%;border:1px solid #e50010;border-radius:10px;position:relative;}
.new:before{content:'6.15 new';position:absolute;top:0;left:0;color:#ffffff;font-weight:normal;background:#e50010;border-radius:9px 0 0 0;font-size:10px;padding:0 1em}
.new2nd:before{content:'6.29 new';position:absolute;top:0;left:0;color:#ffffff;font-weight:normal;background:#e50010;border-radius:9px 0 0 0;font-size:10px;padding:0 1em}


/* for mobile Browser */
@media screen and (min-width: 320px) and (max-width: 767px){
    .pc{display: none;}
/* グリッド解除・共用部 */
.grid{width:auto;margin:auto;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto}
.grid12{width:auto}
.first{margin-left:0;clear:left}
body{width:100%;overflow:hidden;}
h1{font-size:8vw;}
.h1-title{padding:1% 1% 0;padding-left:1.5em;}
h2{font-size:6vw;}
.small{font-size:3vw;}

/*column definition */
#content{width:96%;margin:1% 2%;}
#main{order:1;}
#menu{order:2;}
#banner-area{order:3;padding:0 0 10%;}

/* information */
#info{width:96%;margin:2%;}

/* for left column arealist */
#arealist,#group-store{margin:1%;width:96%;}
ul.banner{width:96%;margin:0 1%;padding:0;}
ul.banner li{margin:0;padding:0;}
ul.banner li img{width:100%;}

/* only shoplist index shopnews */
#shopnews{width:96%;height:40vh;margin:0 1% 1%;order:3;}
#shopnews dl{margin:0 0 1%;padding:0 1%;width:96%;max-height:31vh;}
#shopnews dt{text-align:center;font-size:3vw;;padding:1vh 4vw;width:15vw;}
#shopnews dt span{font-size:2vw;white-space:nowrap;line-height:1.5em;padding:1%;}
#shopnews dd{font-size:3vw;margin:0 0 2%;padding:0 0 2%;}

/*for arealist */
#list{margin:2% 0;padding:1%;}
.area{margin:0 0 2%;padding:0 0 1%;}
.area:last-child{margin:0 0 1%;}
.area h2{padding:0 0 0 1%;}
.area li{padding:0.9%;margin:0 1% 0;}
.area li .list_item{positon:relative;}
.area li .list_item span.name{padding:1%;font-size:5vw;}
.area li .list_item span.name::before{width:100%;display:block;height:2em;}
.area li.closed_recently a,.area li.colsed_recently_k a{padding:1% 0 1% 45%;}
.area li.closed_recently a span,.area li.closed_recently_k a span{color:#999999;}
.area li.closed_recently p,.area li.closed_recently_k p{display:none;}
.area li .list_item img{width:30%;margin:1%;}
.area li .list_item span.list_ex{width:65%;margin:1%;font-size:3.5vw;}
.area li .list_item span.tel{color:#0000aa;text-decoration:underline;}
.area li a.map{width:100%;font-size:small;}
.area li a.map img{width:30px;vertical-align:middle;}
div[id*="close_shop"]{font-size:4vw;}

/* for item icon */
.items{margin:2%;}
.items span{width:16vw;height:10vh}
#support{width:90%;margin:5%;font-size:4.5vw;}
#support a{border:1px solid #ccc;border-right:2px solid #999;border-bottom:2px solid #999;margin:5px 10px;padding:5px;color:#000;outline:none;}

#footer{width:100%;}

.pc{display:none;}

/* 店舗で受け取りサービス追記*/
.tolinkbtn_gray a {
    font-size:3.5vw !important;
}
.accepblock {
    text-align: center;
    margin-bottom: 20px;
}
/*.fontS {
    font-size: 80% !important;
    padding-right: 28px;
    background: #eeeeee url('../img/banner/arrow-right-s_black.png') no-repeat 90% 50%;
}*/

}
/* for PC screen */
@media screen and (min-width: 768px){
*{font-size:15px;}
h1{font-size:25px;}
.h1-title{padding:5px 0 4px 22px;}
h2{font-size:18px;}
.small{font-size:0.85rem;}

/*column definition */
#content{max-width:940px;height:1000px;margin: auto;}
#main{width:700px;}

/* infomation */
#info{width:698px;margin:10px 0;}
.info-cont,.info-cont p,.info-cont a{margin:5px 0;}

/* for left column arealist */
#arealist,#group-store{margin:5px 0;width:218px;}

/* only shoplist index shopnews */
#shopnews{margin-bottom:10px;height:200px;widtg:698px;}
#shopnews dl{margin:0 0 5px;padding:0 5px;width:683px;}
#shopnews dt{width:120px;text-align:center;left;font-size:12px;padding:1px 10px;}
#shopnews dt span{font-size:10px;line-height:1.5em;padding:2px;}
#shopnews dd{font-size:14px;margin:0 0 5px;padding:0 0 5px;width:582px;min-height:40px;}

/*for arealist */
#list{margin:10px 0;padding:5px;}
.area{margin:0 0 10px;padding:0 0 5px;}
.area:last-child{margin:0 0 5px;}
.area h2{padding:0 0 0 5px;font-size:23px;}
.area li{padding:3px;margin:0 5px 0;}
.area li .list_item a{display:inline-block;width:600px;height:100%;vertical-align:middle;}
.area li .list_item span.name{background-size:200px 30px!important;padding:10px 0 10px 220px;font-size:23px;position:relative;}
.area li .list_item span.ss_name{font-size:18px;}
.area li .list_item span.name::before{margin:0 10px 0 0;position:absolute;top:5px;left:0;width:50%;height:1em;}
.area li.closed_recently a,.area li.colsed_recently_k a{width:305px;padding:10px 0 10px 140px;}
.area li .list_item img{width:145px;}
.area li .list_item span.list_ex{width:450px;margin:0 0 0 5px;font-size:0.9rem;}
.area li .list_item span.access{width:450px;padding:0;font-size:0.9em;margin-top:-10px;}
.area li .list_item span.time,.area li .list_item span.tel{white-space:nowrap;font-size:1.05rem;display:inline-block;}
.area li .list_item span.time{width:310px;}
.area li .list_item span.tel{width:100px;vertical-align:top;}
.area li a.map{width:50px;vertical-align:bottom;margin-left:10px;font-size:xx-small;}
div[id*="close_shop"],div[id*="close_shop"] a{font-size:12px;}
#controler{position:relative;width:100%;height:1em;}
.checkbox{position:absolute;top:0;left:0;}
.selector{position:absolute;top:0;right:0;width:200px;}

#footer{width:940px;margin: auto;}

/* for item icon */
.items{cursor:default;margin:10px 0;}
.items p{padding:5px;margin:0 0 10px;font-size:0.8rem;}
.items span{width:60px;height:60px;}
.mobile{display:none;}

/* 店舗で受け取りサービス追記*/
.accepblock {
    zoom: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}
.accepblock_2 {
    margin: 0 auto;
    /*float: left;*/
    width: 70%;
}
.accepblock_3{
	text-align:center;
	width:65%;
}
.pc_mha {
    margin-left: auto !important;
    margin-right: auto !important;
}

.tolinkbtn_gray a {
    color: #333;
    margin: 0 30px 0 0;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    background: #efefef;
    display: block;
    /*position: relative;
    text-align:center;*/
    text-decoration: none;
    font-size:14px;
}
.fontS {
    font-size: 80% !important;
    padding-right: 28px;
    background: #eeeeee url('../img/banner/arrow-right-s_black.png') no-repeat 90% 50%;
}

/*.font_accept{
	font-size:14px; !important;
}*/
.accepblock_2 img:hover {
  opacity: 0.7;
}
.tolinkbtn_gray a:hover {
  text-decoration: underline;
  color: #000066;
}
}