@charset "UTF-8";

/* ===================================================================
	コンテンツ
		00 基本設定
		01 コンテンツ左
		02 コンテンツ右
=================================================================== */

/* 00 基本設定
--------------------------------------------------------------------*/
#shop_stock_list {
	padding: 40px;
	/* height: 610px; */
	text-align: left;
}
#shop_stock_list h1 {
	background: url(/static/full/images/detail/store.svg) left center no-repeat;
    font-size: 20px;
    padding-left: 38px;
    font-weight: bold;
    margin-bottom: 28px;
}


/* 01 コンテンツ左
--------------------------------------------------------------------*/
.map-canvas {
	display:none;
}

.store_list {
	display:none;
}

.pref_list {
    display: none;
    /* max-height: 250px; */
    /* overflow-y: auto; */
}

#shop_stock_list .stock_info {
	width: 180px;
	float: left;
}
.info_text {
	font-size: 12px;
    line-height: 18px;
    margin-bottom: 30px;
}
.info_text_attention {
	color: #F00;
}
.note {
	font-size: 10px;
	margin-bottom:28px
}
.stock_item {
	width: 100%;
	margin-bottom: 20px;
}
.stock_item th {
	padding-right: 16px;
}
 #shop_stock_list .item_name {
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 0 0;
	margin-bottom: 28px;
}
.sku_select {
    vertical-align: bottom;
}
 .sku_select select {
	border: 1px solid #d6d6d6;
	color: #000;
	height: 32px;
	line-height: 32px;
	margin-bottom: 7px;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	width: 180px;
}
.stock_store {
}
.stock_store .list_title {
	font-weight: bold;
    font-size: 12px;
    display: table;
    padding-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
}

.stock_store .list_data {
    /* margin-bottom: 15px; */
    height: 372px;
    max-height: 372px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.stock_shop_info {
    margin-bottom: 8px;
}

.stock_store .list_data::-webkit-scrollbar {
	width: 7px;
}
.stock_store .list_data::-webkit-scrollbar-thumb {
	background: #4D4D4D;
}
.stock_store .list_data::-webkit-scrollbar-track {
	background: rgba(100,100,100, .5);
}

.stock_store .store_list {
    margin-bottom: 15px;
    width: 100%;
    /* padding: 0 0 0 2%; */
}

.stock_detail_container {
    width: 100%;
    height: 100%;
}

.stock_detail_info {
    display: flex;
    width: 100%;
    border: solid 1px #E6E6E6;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/*

.stock_store ul {
    margin: 15px 0 12px;
    max-height: 250px;
    overflow-y: auto;
}
.stock_store ul::-webkit-scrollbar {
	width: 7px;
}
.stock_store ul::-webkit-scrollbar-thumb {
	background: #4D4D4D;
}
.stock_store ul::-webkit-scrollbar-track {
	background: rgba(100,100,100, .5);
}

.stock_store .store_list {
    margin-bottom: 15px;
    width: 98%;
    padding: 0 0 0 2%;
}
*/
.stock_store .store_item {
    margin: 15px 0 12px;
    display: block;
}

.stock_store .pref_list {
    /* margin-bottom: 15px; */
    width: 100%;
    /* padding: 0 0 0 2%; */
}

.stock_store .pref_item {
    /* margin: 15px 0 12px; */
    display: block;
}

.stock_store .list_title span,
.stock_store .store_list span {
	display: table-cell;
}
.stock_store .store_area {
	width: 70px;
}

.store_list .store_area {
    width: 50px;
}

.stock_store .store_name {
	width: 205px;
}

.store_list .store_name {
	width: 300px;
	padding-right: 20px;
}

.stock_store .store_stock {
	width: 75px;
	min-width: 75px;
}
.stock_store p {
	font-size: 10px;
}

.area_toggle_btn {
    padding: 12px 0;
    display: block;
/*
    background: url(/static/lite/images/menu/navi_allow_down.svg) no-repeat right center;
    background-size: 19px 19px;
*/    
}

.area_toggle_btn.open {
/*    
    background: url(/static/lite/images/menu/navi_allow_up.svg) no-repeat right center;
    background-size: 19px 19px;
*/    
}

.pref_toggle_btn {
    padding: 12px 0;
    display: block;
/*
    background: url(/static/lite/images/menu/navi_allow_down.svg) no-repeat right center;
    background-size: 19px 19px;
*/    
}

.pref_toggle_btn.open {
/*    
    background: url(/static/lite/images/menu/navi_allow_up.svg) no-repeat right center;
    background-size: 19px 19px;
*/    
}

.shop_detail_info {
    background-color: #F8F3E4;
    padding: 13px 15px;
    position: relative;
}

.area_toggle_btn span {
    position:relative;
    font-size: 14px;
}

.pref_toggle_btn span {
	position:relative;
    font-size: 12px;
}

.area_toggle_btn span:before,
.pref_toggle_btn span:before {
    position: absolute;
    top: 9px;
    right: -23px;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #707070;
    transform: translateX(-50%);
}

.area_toggle_btn span:after,
.pref_toggle_btn span:after {
    position: absolute;
    top: 4px;
    right: -13px;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #707070;
    transform: rotate(90deg);
}

.area_toggle_btn.open span:after,
.pref_toggle_btn.open span:after {
    top: 5px;
    right: -23px;
    border-top: none;
}

.pref_toggle_btn span:before {
    top: 8px;
}

.pref_toggle_btn span:after {
    top: 3px;
}

.pref_toggle_btn.open span:after {
    top: 5px;
}

.shop_detail_info__title {
    display:block;
    width: 45px;
}


/* 02 コンテンツ右
--------------------------------------------------------------------*/
#shop_stock_list .stock_detail {
	width: 410px;
	height: 378px;
	float: right;
	position: relative;
}

.shop_loading {
    display:none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}

.stock_detail.load:before {
    content:"";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/static/common/loading.gif);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}
.store_info {
	/* margin-bottom: 30px; */
}
.store_info h2 {
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.store_info p {
	font-size: 12px;
    line-height: 24px;
}

.shop_stock_list_close {
	/* display: inline-block; */
	position: absolute;
	top: 8px;
	right: 11px;
	margin: 0 !important;
	padding-left: 0px !important;
	font-size: 11px !important;
	background: #F8F3E4;
	/* width: 100%; */
	text-align: center;
}

.shop_stock_list_close span {
	/* display: inline-block!important; */
	/* position: relative !important; */
	margin: 17px auto 0;
	padding-left: 17px;
	font-size: 11px;
	background: #F8F3E4 url(/static/lite/images/list/close_modal.svg) left 3px no-repeat;
	background-size: 8px;
}

.map_app_link:before {
    position: absolute;
    content:"";
    left: -16px;
    top: -1px;
    width: 12px;
    height: 16px;
    background-image:url(/static/full/images/detail/map_icon.png);
}

.map_app_link {
    position: relative;
    margin-left: 16px;
}

.map_app_btn {
    display: block!important;
    margin-bottom: 13px;
    margin-top: 3px;
}