/*.sp_only{display:none!important;}*/

.index{
    width: 1200px;
    margin: 10px auto 0;}


.bcs_i_area h1{
    font-size: 26px;
    margin: 5px 0;
    padding: 0 0 13px 0;
    position: relative;
    border: none;
}

.bcs_i_area h1:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 3px;
    display: block;
    width: 30px;
    height: 5px;
    background: #e60012
}
.bcs_i_area h2{
	margin: 30px 0 0;
    font-size: 22px;
    position: relative;
    padding-left: 12px;}
.bcs_i_area h2:before{
    content: "";
    position: absolute;
    left: 0px;
    display: block;
    width: 5px;
    height: 22px;
    background: #e60012;
    top: 4px;
    bottom: 0;
}

/* ヘッダー下エリア */
section .bcs_breadcrumb{margin-bottom:0}

/* BIC全店共通ヘッダー下テキスト */
.shoplistall_info{border: 2px solid #e60012;}
.shoplistall_info a p{font-size: 14px;color: #e60012;font-weight: bold;text-align: center;padding: 5px;}

.bcs_i_area_head {
	width: 880px;
    margin: 5px auto 0;
}
.bcs_i_area_head .allshop_info{background:#008CD1}
.bcs_i_area_head .allshop_info a p{font-size:14px;color:#fff;padding:10px;text-align:left}
.bcs_i_area_head .shop_img img{max-width:100%}
.shop_info_text ul li{background:#FEFAC1;padding:10px;text-align:left;margin:0 auto 5px}


/* ページトップお知らせ枠 */
.shop_info_area{
    position: relative;
    padding: 0;
    width: 880px;
    margin: 5px auto 0;
}
.shop_info_area ul{
    position: absolute;
    right: 0;
    width: 55%;
}
.shop_info_area li{
    background-color: #FEFAC1;
    padding: 10px;
    margin-bottom: 5px;
}


/* 営業時間 */
.info_pickup_text p{display: inline-block}
.info_pickup_text p:nth-of-type(1){
    border: 1px solid #707070;
    padding: 3px 5px;
    margin: 0 3px 7px 0;
    width: 70px;
    text-align: center;}
.info_pickup_text p:nth-of-type(2){
    margin: 0 3px 7px 0;
    text-align: left;
    vertical-align: text-top;}

/* 電話番号・地図アイコン */
.icon_call ,.icon_mail{text-align:left;color: #000}
.icon_call p:before{
    content: url(../img/icon_call.png);
    padding-right: 4px;
    vertical-align: -webkit-baseline-middle;
}
.icon_mail p:before{
    content: url(../img/icon_mail.png);
    padding-right: 4px;
    vertical-align: -webkit-baseline-middle;
}


/* メニュー */
#bcs_shop_menu ul{
    width:100%;
    min-width: 290px;
}
#bcs_shop_menu ul li{
    width: calc(90% / 6);
    margin-right:2%;
    color: #008CD1;
    float: left;
}
#bcs_shop_menu ul li:last-child{
    margin-right:0;
}

#bcs_shop_menu ul li img{
    width: 60%;
    display: block;
    margin: auto;}

#bcs_shop_menu ul li a{
    display: block;
    text-align: center;
    font-size: 12px;
    border: 1px solid #008CD1;
    box-sizing: border-box;
    padding: 8% 0;
    border-radius: 10px;}


/************フロアガイドモーダル************/

#info_detail_floor .fl_list li{margin: 0 auto 20px}

#info_detail_floor .modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left:50%;
    opacity:1;
    width: 100%;
    z-index:300
}
#info_detail_floor .modal_bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

#info_detail_floor .modal_content{
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 90%;
    overflow-y: scroll;
}
#info_detail_floor .modal_content_in{
    position: relative;
    padding: 5%;
}

#info_detail_floor  .fl_wrap{
	position: relative;
	padding: 15px 0;
	/*z-index: 2;*/
}
#info_detail_floor  .fl_wrap a.js-modal-open {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	z-index: 1
}

#info_detail_floor .close_btn .js-modal-close:after {
	content: url(/bc/c/shop/common/img/icon_close.png);
    height: 4px;
    position: absolute;
    bottom: 0px;
    top: 15px;
    right: 15px;}

#info_detail_floor .fl_wrap{
	background: #f5f5f5;
	padding:0 2%;
}

#info_detail_floor .fl_wrap .fl_top{
	border-bottom: 1px solid #707070;
	padding:2%;
	position: relative;
}
#info_detail_floor .fl_wrap .fl_top:after{
	content: '';
	width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #707070;
    border-right: solid 2px #707070;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 4%;
}

#info_detail_floor .fl_wrap .fl_top p{
	font-size:25px;
	font-weight:bold;
	display: inline-block;
	vertical-align: middle;
}
#info_detail_floor .fl_wrap .fl_top p:first-child{
	font-size:27px;
	width: 7%;
}
#info_detail_floor .fl_wrap .fl_top p:first-child span{
	font-size:35px;
}
/*地下フロアレイアウト調整*/
#info_detail_floor .fl_wrap .fl_top p.bf:first-child{
	width: 10%;
}

#info_detail_floor .fl_wrap .fl_bottom{
	padding: 3% 2% 1%;
}
#info_detail_floor .fl_wrap .fl_bottom p{
	margin-bottom: 2%;
}
#info_detail_floor .fl_wrap .icon img{
	margin-right: 2%;
}

#info_detail_floor .fl_wrap .modal_content .icon{
	margin: 2% 0;
}


#info_detail_floor .floor_image{text-align:center}
#info_detail_floor .floor_image img{width: 70%}

.bcs_i_area #info_detail_floor h3{
	text-align: left;
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0 10px
}



/**モーダル内拡大タン**/
li .modal_content_in .link_btn {
  text-align: center;
  margin:10px 0
}

li .modal_content_in .link_btn a {
    background: #fff;
    color: #707070;
    border:1px solid  #707070;
    margin: auto;
    width: 50%;
    display: block;
    padding: 7px 10px;
    font-size: 16px;
    text-decoration: none;
}


/************#pop_areaモーダル************/

#pop_area .modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left:50%;
    opacity:1;
    width: 100%;
    z-index:300
}
#pop_area .modal_bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

#pop_area .modal_content{
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 90%;
    overflow-y: scroll;
}
#pop_area .modal_content_in{
    position: relative;
    padding: 5%;
}

#pop_area .close_btn .js-modal-close:after {
	content: url(/bc/c/shop/common/img/icon_close.png);
    height: 4px;
    position: absolute;
    bottom: 0px;
    top: 15px;
    right: 15px;}

#pop_area .modal_content_in{text-align:center}
#pop_area .modal_content_in img{width: 100%}



/* 旧フロアガイドデザイン（テーブルレイアウト） */
table.floor {margin-top:10px;box-sizing:border-box;width:100%;border-collapse:collapse;font-size:13px;}
table.floor th,
table.floor td{
font-weight:normal;
border:1px solid #ccc;
vertical-align:middle;
padding:7px;
}
table.floor th{background:#eeeeee;text-align:center;}
table.floor tr td:nth-of-type(1){text-align:center}
table.floor tr td.service_icon,
table.floor tr td:nth-of-type(4){width:60px;text-align:center;}
table.floor tr td.service_icon img,
table.floor tr td:nth-of-type(1) img{max-width:15px;}
/*
table.floor tr:nth-of-type(1){background-color:#eeeeee;text-align:center}
*/
table.floor td{/*width:150px;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;*/}
table.floor th.number{width:40px;text-align:center;}
table.floor th.categry{width:40%}
table.floor th.service{}
table.floor .open_contents{margin:0;padding:10px 0;border-top:1px dashed #888;}



#announce{margin:40px auto;text-align: center}
#announce img{max-width:100%;margin: 0 auto 15px}
#announce .sns {width: 50%;text-align: left}
#announce .sns img{width: 50px;margin-ight:10px}
#announce .sns img.musume {width: 160px}

/* 施設案内・サービスのテキストリンク */
#other_shop ul li ,#service ul li{margin-bottom:5px}

/* 最下部リンク */
#bcs_shop_otherlink{margin-bottom:30px}
#bcs_shop_otherlink ul{
	display:table;
	width:100%;
	border-top: 1px solid #707070;
}
#bcs_shop_otherlink ul li{
    border-bottom: 1px solid #707070;
    padding: 15px 25px 15px 10px;
    color: #333;
    text-align: left;
    background: url(../img/ico_arrow.png) no-repeat right 10px center/8px auto;
    -webkit-background-size: 8px auto;
    -moz-background-size: 8px auto;
    -o-background-size: 8px auto;
    -ms-background-size: 8px auto;
    display: block;
}
#bcs_shop_otherlink ul li a{
	display:block;
}

/* アクセス */

#shop_access .bcs_i_bulk2{width:48%}
#shop_access .bcs_i_bulk2:first-child{margin-right:4%}


#shop_access .access{
text-align:left;margin-bottom:15px;
}
#shop_access .access dl dt{
    display: inline-block;
    padding: 5px 0;
    margin: 5px 5px 0 0;
    text-align: left;
    font-size: 17px;
}
#shop_access .access dl dt span{font-size: 13px}
#shop_access .access dl dd{font-size: 12px}
#shop_access .access dl dd span{
    background-color: #8a8a8a;
    color: #ffffff;
    padding: 2px 5px;
    display: inline-block;
    margin: 0 0 5px 0;
}

.maplink{text-align:left;color: #000;margin:5px 0}
.maplink span:before{
    content: url(../img/icon_map.png);
    padding-right: 4px;
    vertical-align: -webkit-baseline-middle;
}



/* 駐車場 */
.parking_service p {margin-top:5px;text-align:left;}
.parking_service table {margin:10px 0;box-sizing:border-box;width:300px;border-top:1px solid #cccccc;border-left:1px solid #cccccc;text-align:center}
.parking_service table tr:nth-of-type(1){background-color:#eeeeee}
.parking_service table td{width:150px;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;padding:5px}


/* 店舗案内 ネット取り置き部分 */
#nettorioki {padding: 10px 0;}
#nettorioki a{color: #000}
#nettorioki .nettori{
    background-color: #FFEB3B;
    padding: 10px 10px 10px 15px;
    text-align: left;
    position: relative;
}
#nettorioki .nettori{padding:10px 10px 10px 60px;}
#nettorioki .nettori p:first-child{font-size: 17px}
#nettorioki .nettori:after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 4%;
}
#nettorioki .nettori:before{
    content: url(../img/nettori_icon.png);
    padding-right: 4px;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    top:16%;
    left:1.5%;
    }
#nettorioki .bcs_i_cf_block,
#nettorioki .bcs_i_cf_block .bcs_i_bulk1{margin:5px 0}




/* BXSLIDER */
.bx-wrapper { position: relative; margin: 0px auto 50px; padding: 0px; touch-action: pan-y; }
.bx-wrapper img { max-width: 100%; display: block;margin:auto }
.bx-viewport { transform: translateZ(0px); }
.bx-wrapper { -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: 700; color: rgb(102, 102, 102); padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: rgb(102, 102, 102) none repeat scroll 0% 0%; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 5px; outline: 0px none; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; }
.bx-wrapper .bx-pager-item { font-size: 0px; line-height: 0; }
.bx-wrapper .bx-prev { left: 0px; background: rgba(0, 0, 0, 0) url('../img/controls3.png') no-repeat scroll 0px; }
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next { right: 0px; background: rgba(0, 0, 0, 0) url('../img/controls3.png') no-repeat scroll -44px 0; }
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: -44px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -22px; outline: 0px none; width: 44px; height: 44px; text-indent: -9999px; z-index: 10; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* アコーディオン */
div#info_others .op_btn {margin: 5px;padding: 10px;cursor: pointer;background:rgba(0,0,0,0) url(../../../../resources4/sp/single/img/h2_plus.png) no-repeat scroll 10px center/15px auto;padding-left: 35px;color: #333;font-weight: normal;background-color: #eeeeee;}
div#info_others .op_btn h4{margin: 0;font-size: 17px;}
div#info_others .op_btn_minus {margin: 5px;padding: 10px;cursor: pointer;background:rgba(0,0,0,0) url(../../../../resources4/sp/single/img/h2_minus.png) no-repeat scroll 10px center/15px auto;padding-left: 35px;color: #333;font-weight: normal;background-color: #eeeeee;}
div#info_others .op_btn_minus h4{margin: 0;font-size: 17px;}
div#info_others div.op_contents{ display:none;margin: 5px 5px 40px 5px; }


/* リンクのアルキャンペーンに矢印の表示 */
.bcs_i_cf_block .bcs_i_bulk4 {
    position: relative;
}

.bcs_i_cf_block .bcs_i_bulk4 a::after {
    position: absolute;
    content: "\2192";
    top: 0;
    right: 11px;
    color:#fff;
    transform:rotate(-45deg)
}

.bcs_i_cf_block .bcs_i_bulk4 a::before{
    position:absolute;
    content:"";
    top:0;
    right:9px;
    background:#666;
    width:1.5em;
    height:1.5em;
    opacity:.5;
}