@charset "UTF-8";
/*========================================================
  Corp Style 
========================================================*/

/* Store
========================================================*/
#store {
    width:100%;
}

#store #top_head {
	width: 960px;
	height: 100px;
	margin: 0 0 25px 0;
}
#store #top_map #map {
	position: relative;
	background: url(../img/top_map_bg.jpg) no-repeat 0 0;
	width: 960px;
	height: 500px;
	margin: 0 0 40px 0;
}
#store #top_map #map ul {
	position: absolute;
}
#store #top_map #map ul li {
	float: left;	
	margin: 0 3px 3px 0;
}
#store #top_map #map ul li a.rollover:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#store #top_map #map ul#area01 { width: 95px; top: 79px; left: 776px; }
#store #top_map #map ul#area02 { width: 95px; top: 214px; left: 706px; }
#store #top_map #map ul#area03 { width: 190px; top: 339px; left: 704px; }
#store #top_map #map ul#area04 { width: 95px; top: 194px; left: 476px; }
#store #top_map #map ul#area05 { width: 190px; top: 159px; left: 249px; }
#store #top_map #map ul#area06 { width: 95px; top: 190px; left: 114px; }
#store #top_map #map ul#area08 { width: 95px; top: 343px; left: 64px; }



#store .page_head {
	background: url(../img/head_bg.gif) no-repeat 0 0;
	width: 880px;
	height: 65px;
	margin: 0 0 50px 0;
	padding: 35px 0 0 80px;
	font-size: 1.8em;
	color: #FFF;
}
#store #store_list {
}
#store #store_list #tabs {
	overflow: hidden;
	padding: 0 30px;
}
#store #store_list #tabs li {
	float: left;
	width: 300px;
	height: 60px;
	line-height: 60px;
	margin: 0 5px 0 0;
	text-align: center;
}
#store #store_list #tabs li a {
	display: block;
	background: url(/common/img/bg-dotted01.png);
    background-size: 375px auto;
    font-size: 20px;
    font-weight: bold;
}
#store #store_list #tabs li#tab_list a {
}
#store #store_list #tabs li#tab_list a:hover ,
#store #store_list #tabs li#tab_list a.on,
#store #store_list #tabs li#tab_map a:hover ,
#store #store_list #tabs li#tab_map a.on {
	background: #c00;
    color: #fff;
    text-decoration: none;
}

#store #store_list #filter_block {
	padding: 40px;
	border: 10px solid #C00;
	overflow: hidden;
}
#store #store_list #filter_block .title {
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	border-bottom: 3px solid #C00;
	font-size: 16px;
	font-weight: bold;
}
#store #store_list #filter_block .title i {
	margin: 0 .5em 0 0;
	color: #c00;
	font-size: 1.2em;
	vertical-align: middle;
}
#store #store_list #filter_block .filt_wrapper {
	margin: 0 0 20px 0;
	overflow: hidden;
}
#store #store_list #filter_block #filt_type {
	float: left;
	width: 370px;
	overflow: hidden;
}
#store #store_list #filter_block #filt_type h3 {
	background: url(../img/filter_title_bg.gif) repeat 0 0;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	font-size: 1.1em;
	font-weight: bold;
}
#store #store_list #filter_block #filt_type ul li {
	float: left;
	margin: 0 12px 0 0;
}
#store #store_list #filter_block #filt_type ul li.last {
	margin: 0 0 0 0;
}
#store #store_list #filter_block #filt_type ul li input {
	margin: 0 5px 0 0;
}
#store #store_list #filter_block #filt_type .type,
#store #store_list #filter_block #filt_serv .serv {
	display: inline-block;
	padding: 2px 8px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}
#store #store_list #filter_block #filt_type input[type="checkbox"],
#store #store_list #filter_block #filt_serv input[type="checkbox"] {
	cursor: pointer;
}
	#store #store_list #filter_block #filt_type .type-1 { background: #000060; }
	#store #store_list #filter_block #filt_type .type-2 { background: #72a400; }
	#store #store_list #filter_block #filt_type .type-3 { background: #ff7272; }

#store #store_list #filter_block #filt_serv .serv {
	border-radius: 4px;
}
	#store #store_list #filter_block #filt_serv .serv-1 { background: #2483a2; }
	#store #store_list #filter_block #filt_serv .serv-2 { background: #3668a1; }
	#store #store_list #filter_block #filt_serv .serv-3 { background: #ff7271; }
	#store #store_list #filter_block #filt_serv .serv-4 { background: #fb9939; }
	#store #store_list #filter_block #filt_serv .serv-5 { background: #e65594; }
	#store #store_list #filter_block #filt_serv .serv-6 { background: #4bac6c; }
	#store #store_list #filter_block #filt_serv .serv-7 { background: #84538c; }
	#store #store_list #filter_block #filt_serv .serv-8 { background: #5f61a6; }

#store #store_list #filter_block #filt_serv {
	float: right;
	width: 460px;
	overflow: hidden;
}
#store #store_list #filter_block #filt_serv h3 {
	background: url(../img/filter_title_bg.gif) repeat 0 0;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	font-size: 1.1em;
	font-weight: bold;
}
#store #store_list #filter_block #filt_serv ul li {
	float: left;
	margin: 0 15px 10px 0;
}
#store #store_list #filter_block #filt_serv ul li.last {
	margin: 0 0 0 0;
}
#store #store_list #filter_block #filt_serv ul li input {
	margin: 0 4px 0 0;
}


#store #store_list #filter_block #filt_city {
	width: 100%;
	margin: 0 0 40px 0;
	overflow: hidden;
}
#store #store_list #filter_block #filt_city h3 {
	background: url(../img/filter_title_bg.gif) repeat 0 0;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	font-size: 1.1em;
	font-weight: bold;
}
#store #store_list #filter_block #filt_city .caption {
	text-align: right;
}
#store #store_list #filter_block #filt_city .area_head {
	margin: 0 0 5px 0;
	padding: 0 36px 0 0;
}
#store #store_list #filter_block #filt_city .area_head strong {
	font-size: 1.1em;
	font-weight: bold;
}
#store #store_list #filter_block #filt_city ul {
	margin: 0 0 20px 0;
	overflow: hidden;
}
#store #store_list #filter_block #filt_city ul li {
	float: left;
	margin: 0 4px 4px 0;
}
#store #store_list #filter_block #filt_city ul li a {
	display: block;
	width: 96px;
	padding: 8px 0;
	border: 2px solid #DDD;
	text-align: center;
}
#store #store_list #filter_block #filt_city ul li a.sel {
	background: #DDD;
}
#store #store_list #filter_block #map {
	width: 856px;
	height: 446px;
	margin: 60px 0 0 0;
	border: 2px solid #DDD;
}
#store #store_list #filter_block #map .infowin {
	width: 204px;
}
#store #store_list #filter_block #map .infowin p.storename {
	background: url(../img/infowin_mark.gif) no-repeat 0 center;
	padding: 8px 0 8px 32px;
	font-size: 0.9em;
	line-height: 1.2;
}
#store #store_list #filter_block #map .infowin p.storetype {
	background: url(../img/infowin_bg.gif) repeat 0 0;
	padding: 8px;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2;
}
#store #store_list #filter_block #map .infowin p.storetype img {
	margin: 2px 4px 2px 0;
	vertical-align: bottom;
}


#store #store_list #filter_block .filt_btn {
	text-align: center;
}
#store #store_list #filter_block .filt_btn #flt_btn {
	background: url(../img/btn_filter.gif) no-repeat 0 0;
	width: 244px;
	height: 44px;
	border: 0px;
}

#store #store_list #list_block {
	margin: 0 0 0 0;
	padding: 40px;
	border: 10px solid #C00;
	border-top: none;
}
#store #store_list #list_block .title {
	margin: 0 0 0 0;
	padding: 0 0 15px 2px;
	border-bottom: 3px solid #C00;
	font-weight: bold;
}
#store #store_list #list_block .filter_val {
	margin: 20px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: bold;
}
#store #store_list #list_block table {
	width: 100%;
}
#store #store_list #list_block table th ,
#store #store_list #list_block table td {
	border: 1px solid #DDD;
	padding: 8px;
}
#store #store_list #list_block table th {
	background: #C00;
	font-weight: bold;
	color: #FFF;
}
#store #store_list #list_block table .s_name { width: 150px; }
#store #store_list #list_block table .s_type { width: 94px; text-align: center; }
#store #store_list #list_block table .s_address { width: 174px; }
#store #store_list #list_block table .s_tel { width: 113px; }
#store #store_list #list_block table .s_service {
	width: 250px;
	padding: 8px 3px 8px 8px;
}
#store #store_list #list_block table .s_type img {
	margin: 2px 0 2px 0;
	vertical-align: bottom;
}
#store #store_list #list_block table .s_service img {
	margin: 2px 5px 2px 0;
	vertical-align: bottom;
}
#store #store_list #list_block table tr.even td {
	background: #F6F6F6;
}



#store #store_detail #detail_block {
	background: url(../img/filter_title_bg.gif) repeat 0 0;
	margin: 0 0 50px 0;
	padding: 30px;
}
#store #store_detail #detail_inner {
	background: #FFF;
	padding: 50px;
}
#store #store_detail #detail_block #store_head {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #C00;
	overflow: hidden;
}
#store #store_detail #detail_block #store_head h1 {
	float: left;
	background: url(../img/head_mark.gif) no-repeat 0 0;
	padding: 9px 0 9px 50px;
	font-size: 1.6em;
	line-height: 1.2;
}
#store #store_detail #detail_block #store_head h1 span {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}
#store #store_detail #detail_block #store_head h1 span img {
	margin: 0 2px;
}
#store #store_detail #detail_block #store_head a {
	float: right;
}

#store #store_detail #detail_block #store_body {
	overflow: hidden;
}
#store #store_detail #detail_block #store_body #body_l {
	float: left;
	width: 420px;
}
#store #store_detail #detail_block #store_body #body_l table {
	width: 420px;
	margin: 0 0 20px 0;
}
#store #store_detail #detail_block #store_body #body_l table th ,
#store #store_detail #detail_block #store_body #body_l table td {
	border: 1px solid #DDD;
	padding: 8px;
}
#store #store_detail #detail_block #store_body #body_l table th {
	width: 104px;
	font-weight: bold;
	vertical-align: top;
}
#store #store_detail #detail_block #store_body #body_l table .s_service {
	padding: 8px 3px 8px 8px;
}
#store #store_detail #detail_block #store_body #body_l table .s_service img {
	margin: 2px 5px 2px 0;
	vertical-align: bottom;
}

#store #store_detail #detail_block #store_body #body_r {
	float: right;
	width: 350px;
}
#store #store_detail #detail_block #store_body #body_r #map {
	width: 346px;
	height: 346px;
	margin: 0 0 20px 0;
	border: 2px solid #DDD;
}

#store #store_detail #detail_block #store_body #body_l #recruit {
	background: url(../img/filter_title_bg.gif) repeat 0 0;
	padding: 5px;
}
#store #store_detail #detail_block #store_body #body_l #recruit_inner {
	background: #FFF;
	padding: 5px 15px 8px;
	text-align: center;
	overflow: hidden;
}
#store #store_detail #detail_block #store_body #body_l p {
	padding: 5px 0 5px;
}
#store #store_detail #detail_block #store_body #body_l a {
}



#store .to_storetop {
	margin: 50px 0 70px 0;
	text-align: center;
}


#store #topics {
	margin: 0 0 50px 0;
	overflow: hidden;
}
#store #topics #topics_l {
	float: left;
	width: 640px;
}
#store #topics #topics_r {
	float: right;
	width: 300px;
}
#store #topics h2 {
	margin-bottom: 10px;
	padding: 12px 22px;
	border-top: 3px solid #C00;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 150%;
}
#store #topics p {
	margin-bottom: 10px;
}

#store #banners {
	padding: 0 0 30px 0;
	overflow: hidden;
}
#store #banners ul {
	overflow: hidden;
}
#store #banners ul li {
	float: left;
	margin: 0 20px 0 0;
}

#store a.rollover:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#store input:hover.rollover {
	opacity:0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
}

/***** バナー *****/
#bnrbox {
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
}

@media screen and (max-width: 767px) {

	#store #topics #topics_l {
		float: none;
		width: auto;
	}
	#store #store_detail #detail_block #store_body #body_r #map {
		width: 100%;
	}
	#map-sp {
		margin: 0 0 15px;
	}
	#map-sp .map-sp-item > dd {
		margin: 0 0 15px;
	}
	#map-sp .map-sp-item > dt {
		position: relative;
		margin: 0 0 10px;
		padding: 10px;
		border-style: solid;
		border-width: 2px;
		font-size: 17px;
		font-weight: bold;
	}
		/* 各エリアスタイル */
		#map-sp .map-sp-item .hokkaido { border-color: #ddd2e2; }
		#map-sp .map-sp-item .tohoku   { border-color: #bceaed; }
		#map-sp .map-sp-item .kanto    { border-color: #ffcc81; }
		#map-sp .map-sp-item .chubu    { border-color: #dcedc0; }
		#map-sp .map-sp-item .kinki    { border-color: #f1c3cf; }
		#map-sp .map-sp-item .chugoku  { border-color: #ffe681; }
		#map-sp .map-sp-item .kyushu   { border-color: #f8dab9; }

	#map-sp .map-sp-item > dt::before {
		content: "\e904";
		display: inline-block;
		line-height: 1;
		margin-right: 5px;
		font-size: 30px;
		font-family: kokumin;
		vertical-align: middle;
	}
		/* 各エリアスタイル */
		#map-sp .map-sp-item .hokkaido::before { color: #ddd2e2; }
		#map-sp .map-sp-item .tohoku::before   { color: #bceaed; }
		#map-sp .map-sp-item .kanto::before    { color: #ffcc81; }
		#map-sp .map-sp-item .chubu::before    { color: #dcedc0; }
		#map-sp .map-sp-item .kinki::before    { color: #f1c3cf; }
		#map-sp .map-sp-item .chugoku::before  { color: #ffe681; }
		#map-sp .map-sp-item .kyushu::before   { color: #f8dab9; }

	#map-sp .map-sp-item .ico_acrdn {
		position: absolute;
		right: 5px;
		top: 12px;
		width: 30px;
		height: 30px;
	}
	#map-sp .map-sp-item .ico_acrdn::before,
	#map-sp .map-sp-item .ico_acrdn::after {
		content: "";
		position: absolute;
		right: 8px;
		width: 50%;
		height: 3px;
		border-radius: 10px;
		transition: .3s;
	}
		/* 各エリアスタイル */
		#map-sp .map-sp-item > .hokkaido .ico_acrdn::before,
		#map-sp .map-sp-item > .hokkaido .ico_acrdn::after { background: #ddd2e2; }
		#map-sp .map-sp-item > .tohoku .ico_acrdn::before,
		#map-sp .map-sp-item > .tohoku .ico_acrdn::after   { background: #bceaed; }
		#map-sp .map-sp-item > .kanto .ico_acrdn::before,
		#map-sp .map-sp-item > .kanto .ico_acrdn::after    { background: #ffcc81; }
		#map-sp .map-sp-item > .chubu .ico_acrdn::before,
		#map-sp .map-sp-item > .chubu .ico_acrdn::after    { background: #dcedc0; }
		#map-sp .map-sp-item > .kinki .ico_acrdn::before,
		#map-sp .map-sp-item > .kinki .ico_acrdn::after    { background: #f1c3cf; }
		#map-sp .map-sp-item > .chugoku .ico_acrdn::before,
		#map-sp .map-sp-item > .chugoku .ico_acrdn::after  { background: #ffe681; }
		#map-sp .map-sp-item > .kyushu .ico_acrdn::before,
		#map-sp .map-sp-item > .kyushu .ico_acrdn::after   { background: #f8dab9; }

	#map-sp .map-sp-item .ico_acrdn::before {
		top: 13px;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#map-sp .map-sp-item .ico_acrdn::after {
		top: 13px;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#map-sp .map-sp-item .active .ico_acrdn::after {
		top: 13px;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#map-sp .map-sp-item .map-sp-item-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#map-sp .map-sp-item .map-sp-item-box > li {
		border-color: #ddd;
		border-style: solid;
		font-size: 15px;
	}
	#map-sp .map-sp-item .map-sp-item-box > li a {
		display: block;
		position: relative;
		padding: 10px 15px;
	}
		/* 1カラム */
		#map-sp .map-sp-item .map-sp-item-box--col-1 > li {
			width: 100%;
			border-width: 0 0 1px;
		}
		/* 2カラム */
		#map-sp .map-sp-item .map-sp-item-box--col-2::after {
			content: "";
			position: relative;
			top: -1px;
			width: 100%;
			border-bottom: solid 1px #fff;
		}
		#map-sp .map-sp-item .map-sp-item-box--col-2 > li {
			width: 50%;
			border-width: 0 1px 1px 0;
		}
	#map-sp .map-sp-item .map-sp-item-box--col-2 > li:nth-child(2n) {
		border-right: none;
	}
	#map-sp .map-sp-item .map-sp-item-box > li a::after {
		content: "\e900";
		position: absolute;
		right: 15px;
		top: 50%;
		font-family: kokumin;
		font-size: 10px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		/* 各エリアスタイル */
		#map-sp .map-sp-item .hokkaido + dd .map-sp-item-box > li a::after { color: #ddd2e2; }
		#map-sp .map-sp-item .tohoku + dd .map-sp-item-box > li a::after   { color: #bceaed; }
		#map-sp .map-sp-item .kanto + dd .map-sp-item-box > li a::after    { color: #ffcc81; }
		#map-sp .map-sp-item .chubu + dd .map-sp-item-box > li a::after    { color: #dcedc0; }
		#map-sp .map-sp-item .kinki + dd .map-sp-item-box > li a::after    { color: #f1c3cf; }
		#map-sp .map-sp-item .chugoku + dd .map-sp-item-box > li a::after  { color: #ffe681; }
		#map-sp .map-sp-item .kyushu + dd .map-sp-item-box > li a::after   { color: #f8dab9; }

	#store #store_detail #detail_block {
		padding: 5px;
	}
	#store #store_detail #detail_inner {
		padding: 15px;
	}
	#store #store_detail #detail_block #store_head {
		text-align: center;
	}
	#store #store_detail #detail_block #store_head h1 {
		float: none;
		margin: 0 0 30px;
		padding: 50px 0 0;
		background-position: 50% 0;
	}
	#store #store_detail #detail_block #store_head h1 span {
		display: block;
		padding: 0;
	}
	#store #store_detail #detail_block #store_head a {
		float: none;
	}
	#store #store_detail #detail_block #store_body #body_l,
	#store #store_detail #detail_block #store_body #body_r {
		float: none;
		width: 100%;
	}
	#store #store_detail #detail_block #store_body #body_l table {
		width: 100%;
	}
	#store #store_detail #detail_block #store_body #body_l table th,
	#store #store_detail #detail_block #store_body #body_l table td {
		display: block;
		width: 100%;
	}
	#store #store_detail #detail_block #store_body #body_l #recruit {
		margin: 0 0 15px;
	}
	#store #banners {
		text-align: center;
	}
	#store #banners ul > li {
		width: 49%;
		margin: 0 0 15px 2%;
	}
	#store #banners ul > li:nth-child(2n+1) {
		margin-left: 0;
	}
	#store #store_list #tabs {
		margin: 0 0 30px;
		padding: 0;
	}
	#store #store_list #tabs li {
		width: 50%;
		height: 60px;
		margin: 0;
	}
	#store #store_list #tabs li a {
		width: 100%;
		height: 100%;
		font-size: 16px;
	}
	#store #store_list #filter_block #filt_type,
	#store #store_list #filter_block #filt_serv {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
	#store #store_list #filter_block {
		margin: 0 0 30px;
		padding: 0;
		border: none;
	}
	#store #store_list #filter_block .filt_wrapper {
		margin: 0;
	}
	#store #store_list #list_block {
		padding: 0;
		border: none;
	}
	#store #store_list .basic-table-scroll {
		overflow-x: scroll;
	}
	#store #store_list #list_block table {
		width: 800px;
	}
	#store #store_list #filter_block #filt_type ul li,
	#store #store_list #filter_block #filt_type ul li.last,
	#store #store_list #filter_block #filt_serv ul li,
	#store #store_list #filter_block #filt_serv ul li.last {
		margin: 0 0 10px 8%;
		width: 46%;
	}
	#store #store_list #filter_block #filt_type ul,
	#store #store_list #filter_block #filt_serv ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#store #store_list #filter_block #filt_type ul li:nth-child(2n+1),
	#store #store_list #filter_block #filt_serv ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	#store #store_list #filter_block #filt_type .type,
	#store #store_list #filter_block #filt_serv .serv {
		margin: 0 0 0 14%;
		padding: 6px;
		width: 86%;
		text-align: center;
	}
	#store #store_list #filter_block #filt_type label,
	#store #store_list #filter_block #filt_serv label {
		position: relative;
		display: block;
	}
	#store #store_list #filter_block #filt_type input[type="checkbox"],
	#store #store_list #filter_block #filt_serv input[type="checkbox"] {
		position: absolute;
		top: 8px;
		left: 0;
	}
	#store #store_list #filter_block #filt_city ul {
	}
	#store #store_list #filter_block #filt_city ul li {
		width: 32%;
		margin: 0 0 2% 2%;
	}
	#store #store_list #filter_block #filt_city ul li:nth-child(3n+1) {
		margin-left: 0;
	}
	#store #store_list #filter_block #filt_city ul li a {
		width: 100%;
	}


} /* ----- media END ----- */


@media screen and (max-width: 374px) {
	#store #store_list #filter_block #filt_type .type,
	#store #store_list #filter_block #filt_serv .serv {
		/*width: 9em;*/
		font-size: 12px;
	}

} /* ----- media END ----- */