/* フォントサイズ最低16px */
.bcs_i_area p {font-size: 16px}

/*********header**********/
header nav ul li { width: 24%; font-size: 12px; text-align: center; float: left; position: relative;white-space: nowrap; }
header nav ul li a { width: 100%; padding: 13px 0px 0px; color: rgb(51, 51, 51); display: block; }
header nav ul li a img { width: 25px; margin: 0px 0px 3px; }

/*.pc_only{display:none!important;}*/
.index{width:100%;}

.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
}

.bcs_i_area img{max-width:100%}


/* ヘッダー下エリア */
section .bcs_breadcrumb{margin-bottom:0}
.bcs_i_area_head .allshop_info{background:#008CD1}
.bcs_i_area_head .allshop_info a p{font-size:16px;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}

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

/* ページトップお知らせ枠 */
.shop_info_area{
    margin: 0;
    padding: 5px 10px;}
.shop_info_area li{
    background-color: #FEFAC1;
    padding: 5px;
    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;}

/* 電話番号・地図アイコン */
.icon_call ,.icon_mail{text-align:left;color: #000;margin-bottom:5px;}
.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(85% / 3);
    margin: 2.5%;
    color: #008CD1;
    float: left;
}
#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:0;
    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: 90%;
    height: 90%;
    overflow-y: scroll;
}
#info_detail_floor .modal_content_in{
    position: relative;
    padding: 40px 20px 20px;
}

#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(../img/icon_close.png);
    height: 4px;
    position: absolute;
    bottom: 0px;
    top: 15px;
    right: 15px;}

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

#info_detail_floor .fl_wrap .fl_top{
	border-bottom: 1px solid #707070;
	padding: 3% 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:20px;
	font-weight:bold;
	display: inline-block;
	vertical-align: middle;
}
#info_detail_floor .fl_wrap .fl_top p:first-child{
	font-size:22px;
	width: 14%;
}
#info_detail_floor .fl_wrap .fl_top p:first-child span{
	font-size:30px;
}
/*地下フロアレイアウト調整*/
#info_detail_floor .fl_wrap .fl_top p.bf:first-child{
	width: 20%;
}
#info_detail_floor .fl_wrap .fl_bottom{
	padding: 3% 2%;
}
#info_detail_floor .fl_wrap .fl_bottom p{
	margin-bottom: 3%;
}
#info_detail_floor .fl_wrap .icon img{
	margin-right: 2%;
}

.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:0;
    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: 90%;
    height: 90%;
    overflow-y: scroll;
}
#pop_area .modal_content_in{
    position: relative;
    padding: 40px 20px 20px;
}

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


/* 旧フロアガイドデザイン（テーブルレイアウト） */
table.floor{width: 100%}
.floor tr,
.floor td{
	display:block;
    margin: auto;}
td.number,
td.categry,
td.service{display:none}
.floor tr td:nth-of-type(1){
    background-color: #e4e4e4;
    padding: 4px 10px;
	margin:5px auto}
.floor tr td:nth-of-type(3){color:#777;margin-top: 6px;margin-bottom: 10px;}
.floor tr td:nth-of-type(2),
.floor tr td:nth-of-type(3){padding: 0 10px;}
table.floor .open_contents{margin:0;padding:10px 0;border-top:1px dashed #888;}



/*PCで4列をモバイル2列に*/
#pop_area .bcs_i_bulk4{
    width:46%;
    float:left;
    height: 320px;
}
#bottom_area .bcs_i_bulk4{
    width:46%;
    float:left;
}
#pop_area .bcs_i_bulk4,
#bottom_area .bcs_i_bulk4{
	margin: 2%;
}

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

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


/* 最下部リンク */
#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 .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: 14px}
#shop_access .access dl dd{font-size: 14px}
#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;font-size: 16px}
.maplink span:before{
    content: url(../img/icon_map.png);
    padding-right: 4px;
    vertical-align: -webkit-baseline-middle;
}


#bcs_i img.musume {width: 160px; float: right;}

/* 駐車場 */
.parking_service p {margin-top:5px;text-align:left;font-size: 16px;}
.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;font-size:15px}


/* 店舗案内 ネット取り置き部分 */
#nettorioki {padding-right:0;padding-left: 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 p{font-size: 15px}
#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:2.5%;
    }
#nettorioki .bcs_i_cf_block,
#nettorioki .bcs_i_cf_block .bcs_i_bulk1{margin:5px 0}


/*********矢印を縮小*********/
.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 auto 10px;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 auto 10px;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 auto 40px}
div#info_others .bcs_i_cf_block{margin:0}
div#info_others .bcs_i_cf_block .bcs_i_bulk1{margin:0}



/* リンクのアルキャンペーンに矢印の表示 */
.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: 1vw;
    color:#fff;
    transform:rotate(-45deg)
}

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