@charset "UTF-8";

main #sec_contents{
margin:0;
}

main #sec_contents section.contents{
	max-width:1025px;
	margin:0 auto;
	padding: 0 50px;
}


main #sec_contents section.contents h3{
	background-image:url("../shop/img/h3_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 10px;
	margin: 0 0 30px;
	font-size:2.2rem;
	font-weight:bold;
}

main #sec_contents section.contents h3.shop_title{
	background-position: left 13px;
}

main #sec_contents section.contents .search_box{
	border-bottom: 1px solid #CCC;
	padding: 0 0 30px;
	margin: 0 0 30px;
}
main #sec_contents section.contents .search_box .key{
	text-align:center;
}
main #sec_contents section.contents .search_box .key p{
	border-bottom:1px solid #999;
	padding: 0 10px;
	display:inline;
}

.ipt_txt{
padding:4px 5px;
border-radius: 3px 0 0 3px;
border: 1px solid #CCC;
 vertical-align: middle;
 width:50%
}

.ipt_submit{
  background-image: url("../shop/img/search_btn.png");
  background-repeat: no-repeat;
  background-color: transparent;
  border:none;
  width:62px;
  height:30px;
  position:absolute;
  margin: 0 0 0 -8px;
	box-shadow: 2px 2px 3px rgba(100,100,100,0.4);
}

.ipt_submit:active{
	box-shadow: none;
}

.city_select {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 2px 5px;
    border: 1px solid #CCC;
    vertical-align: middle;
    background-image: url("../shop/img/select-box-arrow.png");
    background-repeat: no-repeat;
    background-position: 100% center;
}
.city_select select {
    color: #666;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    width: 130%;
}


main #sec_contents section.shop{
	max-width:875px;
	margin:0 auto;
}

.shop h3 {
	font-size: 1.4rem;
	font-weight: bold;
	padding:10px 10px;
	background-color: #F0F0F0;
	border:1px solid #999999;
	border-radius: 4px;
}

main #sec_contents section.shop .map_search{
	margin: 0 0 40px 50px;
}

main #sec_contents section.shop .map_search p{
	border-bottom:1px solid #999;
	padding: 0 10px;
	display:inline;
}

.area_list {
	width:100%;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #CCC;
	margin: 0 0 30px;
}
.district_wrap {
	width:100%;
	margin-bottom:20px;
}
.area_map {
	display: none;
}
.district_wrap h3 {
	margin:0;
	color: #FFFFFF;
	border: 1px solid #cccccc;
	border-radius: 0;
}
.district {
	width:50%;
}
.d01 h3 {
	background-color: #64C0AB!important;
}
.d01 a:hover {
	background-color: #64C0AB!important;
}
.d02 h3 {
	background-color: #5BB16D!important;
}
.d02 a:hover {
	background-color: #5BB16D!important;
}
.d03 h3 {
	background-color: #A8D182!important;
}
.d03 a:hover {
	background-color: #A8D182!important;
}
.d04 h3 {
	background-color: #D7C200!important;
}
.d04 a:hover {
	background-color: #D7C200!important;
}
.d05 h3 {
	background-color: #FDD000!important;
}
.d05 a:hover {
	background-color: #FDD000!important;
}
.d06 h3 {
	background-color: #FABE00!important;
}
.d06 a:hover {
	background-color: #FABE00!important;
}
.d07 h3 {
	background-color: #F08300!important;
}
.d07 a:hover {
	background-color: #F08300!important;
}
.d08 h3 {
	background-color: #DC5310!important;
}
.d08 a:hover {
	background-color: #DC5310!important;
}
.district {
	text-align: left;
	margin:0;
	float: left;
}
.left dd {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.right dd {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.district a {
	display: block;
	color:#000;
	padding:5px 10px;
	background-color: #FFFFFF;
	transition: 0.3s;
}
.district a:hover {
	text-decoration: none;
	color:#FFFFFF;
}

.new_open{
	margin: 0 20px 50px;

}

dl.n_s {
    border: 0px solid #CCC;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: rgb(204, 204, 204);
    padding: 5px;
    border-bottom: 1px dotted #CCC;
    clear: both;
}
dl.n_s dt {
    font-weight: bold;
    margin: 5px 10px 2px 0px;
    padding:5px;
    float: left;
    background-color:#CA0068;
    border-radius:5px;
    color:#FFF;
}
dl.n_s dd {
    color: #333;
    margin: 5px;
    padding:5px;
}

#map {
	width: 90%;
	height: 422px;
	border:1px solid #ccc;
	margin:0 auto 10px;
}

.imap {
	width: 90%;
	height: 424px;
	border:1px solid #ccc;
	margin:0 auto 10px;
}

.imap iframe{
	width: 100%;
	height: 422px;
}


main #sec_contents section.contents .search_cap{
	width:90%;
	margin:0 auto 30px;
	font-size:1.2rem;
}

main #sec_contents section.contents h4{
	background-image:url("../shop/img/h3_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 10px;
	margin: 0 0 30px;
	font-size:1.8rem;
	font-weight:bold;
}

#shop_list {
    width:90%;
	margin:0 auto 70px;
}

#shop_list .list_box_l {
    padding: 5px;
    margin: 0 0 20px;
    background-color:#F9FFF7;
    border-bottom: 1px dotted #CCC;
}

#shop_list .list_box {
    padding: 5px 0px 5px 0px;
    margin: 0 5px 20px 0;
    border-bottom: 1px dotted #CCC;
}

#shop_list .list_box_l .list_box2 {
    padding: 5px 0px 5px 0px;
    margin: 0;
}

#shop_list .list_box_l .list_box2 p{
    margin: 0;
    font-weight:bold;
}

#shop_list .list_box p {
    background: #FFF url(../shop/img/subicon.gif) no-repeat left center;
    padding: 0 0 0 12px;
    margin: 0 0 0 10px;
    text-decoration: underline;
    font-size:1.5rem;
    font-weight:bold;
}

#shop_list .list_box {
    padding: 5px 0px 5px 0px;
    margin: 0 5px 20px 0;
    border-bottom: 1px dotted #CCC;
}

#shop_list p.fga_list01, #shop_list p.fga_list02 {
    background: none !important;
    text-decoration: none !important;
    font-size: 9px;
    line-height: 100%;
    font-weight:normal;
}
#shop_list .list_box p.adre {
    background: none;
    text-decoration: none;
    font-size:1.3rem;
    font-weight:normal;
}

.tboxleft {
    float: left;
    padding: 10px 0 0 0px;
}

.detail_title p.left {
    margin: 0px 10px 7px;
    display: inline;
    line-height: 120%;
}
.tboxright {
    float: left;
}
p.fga_det01 {
    padding: 5px 0 0 10px;
    font-size: 9px;
    margin: 0;
    line-height: 100%;
}
.detail_title p.right {
    margin: 10px 11px 9px;
    display: inline;
    color: #666;
    float:right;
    font-size:1.2rem;
}
.shop_info{
vertical-align: middle;
border-bottom: 1px dotted #CCC;
padding: 5px 0px;
}
.dboxleft {
    padding: 10px 0 0 0;
}
p.fga_det02 {
    padding: 3px 0 0 0;
    font-size: 9px;
    margin: 0;
    line-height: 100%;
}
ul.foodlist li {
    float: left;
    margin: 5px 2px;
}



/* 検索MAP */

.search_map {
	background:#FFF url(../img/shop/search_map/search_map.gif) no-repeat;
	width:640px;
	height:422px;
	overflow:hidden;
}


#tohhoku_map {
	background: url(../img/shop/search_map/tohhoku_area.gif) no-repeat;
    display: none;
    position: relative;
}


#kanto_map {
	background: url(../img/shop/search_map/kanto_area.gif) no-repeat;
    display: none;
    position: relative;
}


#tokai_map {
	background: url(../img/shop/search_map/tokai_area.gif) no-repeat;
    display: none;
    position: relative;
}


#shinhoku_map {
	background: url(../img/shop/search_map/shinhoku_area.gif) no-repeat;
    display: none;
    position: relative;
}


#kansai_map {
	background: url(../img/shop/search_map/kansai_area.gif) no-repeat;
    display: none;
    position: relative;
}


#chugoku_map {
	background: url(../img/shop/search_map/chugoku_area.gif) no-repeat;
    display: none;
    position: relative;
}


#shikoku_map {
	background: url(../img/shop/search_map/shikoku_area.gif) no-repeat;
    display: none;
    position: relative;
}


#kyusyu_map {
	background: url(../img/shop/search_map/kyusyu_area.gif) no-repeat;
    display: none;
    position: relative;
}


#hokkaido,#aomori,#akita,#iwate,#yamagata,#miyagi,#fukushima,
#ibaragi,#tochigi,#gunma,#chiba,#saitama,#tokyo,#kanagawa,#yamanashi,
#niigata,#nagano,#toyama,#ishikawa,#fukui,
#shizuoka,#aichi,#gifu,#shiga,
#mie,#wakayama,#nara,#kyoto,#osaka,#hyogo,
#tottori,#shimane,#okayama,#hiroshima,#yamaguchi,
#kagawa,#tokushima,#kochi,#ehime,
#fukuoka,#kagoshima,#nagasaki,#ooita,#kumamoto,#okinawa {
    display: none;
    position: relative;
    width:600px;
    background-color:#FFF;
    text-align:center;
    border:solid 5px #008551;
    border-radius: 1em;
}


#hokkaido table,#aomori table,#akita table,#iwate table,#yamagata table,#miyagi table,#fukushima table,
#ibaragi table,#tochigi table,#gunma table,#chiba table,#saitama table,#tokyo table,#kanagawa table,#yamanashi table,
#niigata table,#nagano table,#toyama table,#ishikawa table,#fukui table,
#shizuoka table,#aichi table,#gifu table,#shiga table,
#mie table,#wakayama table,#nara table,#kyoto table,#osaka table,#hyogo table,
#tottori table,#shimane table,#okayama table,#hiroshima table,#yamaguchi table,
#kagawa table,#tokushima table,#kochi table,#ehime table,
#fukuoka table,#kagoshima table,#nagasaki table,#ooita table,#kumamoto table,#okinawa table {
width:570px;
    margin:0 auto 10px;
}


#hokkaido table div,#aomori table div,#akita table div,#iwate table div,#yamagata table div,#miyagi table div,#fukushima table div,
#ibaragi table div,#tochigi table div,#gunma table div,#chiba table div,#saitama table div,#tokyo table div,#kanagawa table div,#yamanashi table div,
#niigata table div,#nagano table div,#toyama table div,#ishikawa table div,#fukui table div,
#shizuoka table div,#aichi table div,#gifu table div,#shiga table div,
#mie table div,#wakayama table div,#nara table div,#kyoto table div,#osaka table div,#hyogo table div,
#tottori table div,#shimane table div,#okayama table div,#hiroshima table div,#yamaguchi table div,
#kagawa table div,#tokushima table div,#kochi table div,#ehime table div,
#fukuoka table div,#kagoshima table div,#nagasaki table div,#ooita table div,#kumamoto table div,#okinawa table div {
width:100px;
padding:0px;
margin:5px 5px;
float:left;
background-color:#FFF;
border: 1px solid #008551;
border-radius: 3px;    
box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}


#hokkaido table div input,#aomori table div input,#akita table div input,#iwate table div input,#yamagata table div input,#miyagi table div input,#fukushima table div input,
#ibaragi table div input,#tochigi table div input,#gunma table div input,#chiba table div input,#saitama table div input,#tokyo table div input,#kanagawa table div input,#yamanashi table div input,
#niigata table div input,#nagano table div input,#toyama table div input,#ishikawa table div input,#fukui table div input,
#shizuoka table div input,#aichi table div input,#gifu table div input,#shiga table div input,
#mie table div input,#wakayama table div input,#nara table div input,#kyoto table div input,#osaka table div input,#hyogo table div input,
#tottori table div input,#shimane table div input,#okayama table div input,#hiroshima table div input,#yamaguchi table div input,
#kagawa table div input,#tokushima table div input,#kochi table div input,#ehime table div input,
#fukuoka table div input,#kagoshima table div input,#nagasaki table div input,#ooita table div input,#kumamoto table div input,#okinawa table div input {
border: none;
background-color:transparent;
cursor:pointer;
margin:0;
padding:0;
width:90px;
font-size: 1.2rem;
}

#hokkaido table div:hover,#aomori table div:hover,#akita table div:hover,#iwate table div:hover,#yamagata table div:hover,#miyagi table div:hover,#fukushima table div:hover,
#ibaragi table div:hover,#tochigi table div:hover,#gunma table div:hover,#chiba table div:hover,#saitama table div:hover,#tokyo table div:hover,#kanagawa table div:hover,#yamanashi table div:hover,
#niigata table div:hover,#nagano table div:hover,#toyama table div:hover,#ishikawa table div:hover,#fukui table div:hover,
#shizuoka table div:hover,#aichi table div:hover,#gifu table div:hover,#shiga table div:hover,
#mie table div:hover,#wakayama table div:hover,#nara table div:hover,#kyoto table div:hover,#osaka table div:hover,#hyogo table div:hover,
#tottori table div:hover,#shimane table div:hover,#okayama table div:hover,#hiroshima table div:hover,#yamaguchi table div:hover,
#kagawa table div:hover,#tokushima table div:hover,#kochi table div:hover,#ehime table div:hover,
#fukuoka table div:hover,#kagoshima table div:hover,#nagasaki table div:hover,#ooita table div:hover,#kumamoto table div:hover,#okinawa table div:hover {background-color:#B2DACA;}

.city_name{
	background: url(../shop/img/subicon.gif) no-repeat left center;
text-align:left;font-weight:bold;margin: 5px 0 0 10px;font-size:120%;
float:left;
text-decoration:underline;
padding: 0 0 0 10px;
}

#hokkaido .close,#aomori .close,#akita .close,#iwate .close,#yamagata .close,#miyagi .close,#fukushima .close,
#ibaragi .close,#tochigi .close,#gunma .close,#chiba .close,#saitama .close,#tokyo .close,#kanagawa .close,#yamanashi .close,
#niigata .close,#nagano .close,#toyama .close,#ishikawa .close,#fukui .close,
#shizuoka .close,#aichi .close,#gifu .close,#shiga .close,
#mie .close,#wakayama .close,#nara .close,#kyoto .close,#osaka .close,#hyogo .close,
#tottori .close,#shimane .close,#okayama .close,#hiroshima .close,#yamaguchi .close,
#kagawa .close,#tokushima .close,#kochi .close,#ehime .close,
#fukuoka .close,#kagoshima .close,#nagasaki .close,#ooita .close,#kumamoto .close,#okinawa .close {
margin: 5px 10px 0 0;
opacity:1;
}

#hokkaido .close:hover,#aomori .close:hover,#akita .close:hover,#iwate .close:hover,#yamagata .close:hover,#miyagi .close:hover,#fukushima .close:hover,
#ibaragi .close:hover,#tochigi .close:hover,#gunma .close:hover,#chiba .close:hover,#saitama .close:hover,#tokyo .close:hover,#kanagawa .close:hover,#yamanashi .close:hover,
#niigata .close:hover,#nagano .close:hover,#toyama .close:hover,#ishikawa .close:hover,#fukui .close:hover,
#shizuoka .close:hover,#aichi .close:hover,#gifu .close:hover,#shiga .close:hover,
#mie .close:hover,#wakayama .close:hover,#nara .close:hover,#kyoto .close:hover,#osaka .close:hover,#hyogo .close:hover,
#tottori .close:hover,#shimane .close:hover,#okayama .close:hover,#hiroshima .close:hover,#yamaguchi .close:hover,
#kagawa .close:hover,#tokushima .close:hover,#kochi .close:hover,#ehime .close:hover,
#fukuoka .close:hover,#kagoshima .close:hover,#nagasaki .close:hover,#ooita .close:hover,#kumamoto .close:hover,#okinawa .close:hover {
opacity:0.5;
}

@media (min-width:72em) {

.sp{display:none;}
.area_list {
	margin-bottom: 30px;
	padding-bottom:150px;
}
.area_map {
	display:inherit;
	width:80%;
	margin:0 auto;
}
.district_wrap {
		width:220px;
	}
.district dd {
	width:110px;
}
.d01 {
	position:absolute;
	top:0;
	left:340px;
}
.d02 {
	position:absolute;
	top:400px;
	left:680px;
}
.d03 {
	position:absolute;
	top:175px;
	left:250px;
}
.d04 {
	position:absolute;
	top:480px;
	left:440px;
}
.d05 {
	position:absolute;
	top:0;
	left:90px;
}
.d06 {
	position:absolute;
	top:175px;
	left:0px;
}
.d07 {
	position:absolute;
	top:550px;
	left:200px;
}
.d08 {
	position:absolute;
	top:325px;
	left:0px;
}
}

@media (max-width:72em) {
	main #sec_contents section.shop{
		max-width:1025px;
		margin:0 auto;
		padding:0 50px;
	}
	main #sec_contents section.shop .map_search{
		margin: 0 0 30px;
	}
}

@media (max-width:48em) {
	main #sec_contents section.contents{
		padding: 0 20px;
	}
	.cate_select{
	margin: 0 0 20px;
	}
	.ipt_txt{
	 width:80%
	}
	
	main #sec_contents section.contents .search_box .key{
		text-align:left;
	}
	main #sec_contents section.contents .search_box .key p{
		text-align:left;
		display:block;
		border:none;
	}
	.new_open{
		margin: 0 0 30px;
	}
	
	dl.n_s dt {
		float: none;
		display:table;
		clear:both;
	}
	dl.n_s dd span {
		clear: both;
	}
	
	.city_select {
	margin: 0 0 20px;
	}
	main #sec_contents section.contents .shop_info .col-xs-3{
	clear:both;
	}
	
	main #sec_contents section.contents .shop_info .col-xs-9{
	padding-left:20px;
	}
}
	
@media (max-width:36em) {
	#hokkaido,#aomori,#akita,#iwate,#yamagata,#miyagi,#fukushima,
	#ibaragi,#tochigi,#gunma,#chiba,#saitama,#tokyo,#kanagawa,#yamanashi,
	#niigata,#nagano,#toyama,#ishikawa,#fukui,
	#shizuoka,#aichi,#gifu,#shiga,
	#mie,#wakayama,#nara,#kyoto,#osaka,#hyogo,
	#tottori,#shimane,#okayama,#hiroshima,#yamaguchi,
	#kagawa,#tokushima,#kochi,#ehime,
	#fukuoka,#kagoshima,#nagasaki,#ooita,#kumamoto,#okinawa {
	    width:96%;
	    margin:0 auto;
	}
	#hokkaido table,#aomori table,#akita table,#iwate table,#yamagata table,#miyagi table,#fukushima table,
	#ibaragi table,#tochigi table,#gunma table,#chiba table,#saitama table,#tokyo table,#kanagawa table,#yamanashi table,
	#niigata table,#nagano table,#toyama table,#ishikawa table,#fukui table,
	#shizuoka table,#aichi table,#gifu table,#shiga table,
	#mie table,#wakayama table,#nara table,#kyoto table,#osaka table,#hyogo table,
	#tottori table,#shimane table,#okayama table,#hiroshima table,#yamaguchi table,
	#kagawa table,#tokushima table,#kochi table,#ehime table,
	#fukuoka table,#kagoshima table,#nagasaki table,#ooita table,#kumamoto table,#okinawa table {
	width:90%;
	}
	
	#map {
		width: 100%;
		height: 300px;
	}

	.imap {
		width: 100%;
		height: 302px;
	}

	.imap iframe{
		width: 100%;
		height: 300px;
	}

	main #sec_contents section.contents .search_cap{
		width:100%;
	}
	#shop_list {
	    width:100%;
	}

}


/*年末年始用*/

.holiday {
    overflow-x: auto;
    width: 100%;
    padding: 0;
    margin: 20px 0 10px;
    height: 100%;
}
.nenshi_title {
	margin-bottom: 20px!important;
}
.nenshi_title_ex {
	margin-bottom: 20px!important;
}
#nenmatsu_nenshi_pc {
	width: 100%;
	height: 100%;
}
#nenmatsu_nenshi_sp {
	display: none;
}
.holiday table {
    border: 1px solid #999;
    border-collapse: collapse;
    margin: 0 0 20px;
    width:100%;
    height: 100%;
}
/*各セルの設定*/
.holiday_wrap {
	height: 100%;
}
.holiday_judgment {
    border: 1px solid #999;
    border-collapse: collapse;
    width: auto;
    font-size: 12px;
    text-align: center;
    height: 100%;
}
.holiday_judgment p {
	padding: 10px;
	margin:0;
	letter-spacing: 1.5px;
	height: 50%;
}

#nenmatsu .holiday_judgment p:nth-of-type(1) {
	font-weight: bold;
	border-bottom: 1px solid #999;
	background-color: #ebf6ce;
}
#nenshi .holiday_judgment p:nth-of-type(1) {
	font-weight: bold;
	border-bottom: 1px solid #999;
	background-color: #ebf6ce;
}
.red p:nth-of-type(1) {
	    background-color: #FB5555!important;
    color: #FFF;
    font-weight: bold;
}
.red p:nth-of-type(2) {
	color: #f00;
	}
/*スマホサイズ*/
@media (max-width:500px) {
	.nenshi_title span::after {
		content: "\A" ;
	white-space: pre ;
	}
	.nenshi_title_ex span::after {
		content: "\A" ;
	white-space: pre ;
	}
	#nenmatsu_nenshi_sp {
		display: block;
	}
	#nenmatsu_nenshi_pc {
		display: none;
	}
	#nenmatsu,#nenshi {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	#nenmatsu {
		
	}
	#nenshi {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.holiday_judgment {
		width: 50%;
		height: auto;
		border:none;
	}
	.holiday_judgment:nth-child(odd) {
		border-right: 1px solid #999;
		border-left:  1px solid #999;
	}
	.holiday_judgment:nth-child(even) {
		border-right: 1px solid #999;
	}
	.holiday_judgment:nth-child(-n + 2) {
		border-top:  1px solid #999;
	}
	.holiday_judgment:nth-child(n + 3) {
		border-top:  1px solid #999;
	}
	.holiday_judgment:last-of-type {
		border-bottom: 1px solid #999;
	}
	.holiday_judgment:nth-last-child(2) {
		border-bottom: 1px solid #999;
	}
	}
/*@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .holiday_judgment p {
  	height: auto;
  }
}*/

/*コロナ対応*/
.corona_top_text {
	margin-top: -5px;
	margin-bottom: 30px;
}
.corona_top_text p:nth-of-type(1) {
	font-size: 16px;
	font-weight: bold;
}

.corona_info_title {
	font-weight: bold;

}
.corona_info .corona_info_text1 {
	margin-left: 8px;
	margin-bottom: 5px;
	letter-spacing: 0.5px;

}
.corona_info .corona_info_text2 {
	font-weight: bold;
	color: #f00;
	margin-top: 0;
	line-height: 1.5;
	margin-bottom: 5px;
}
.corona_info .corona_info_text3 {
	margin-left: 8px;
}
@media (min-width:578px) {
	.corona_info {
		width: 90%;
margin: 0 auto 10px;
	}
}
/*コロナのテーブル*/
.corona_table_title {
	font-weight: bold;
	color: #f00;
	margin-top: 10px;
}
.corona_table {
	width: 100%;
	table-layout: fixed;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}
.corona_table td {
	word-wrap:break-word;
	text-align: center;
}
.corona_table_tr1 td {
		font-weight: bold;
	border: 1px solid #999;
	background-color: #ebf6ce;
	padding:10px;
}
.corona_table_tr2 td {
	border: 1px solid #999;
	padding:10px;
}
.corona_table .red {
	color: #FB5555;
	font-weight: bold;
}
@media (max-width:500px) {
	.corona_table_tr2 td {
		letter-spacing: 0.5px;
}
}