@charset "utf-8";
/*クリア//*/
div:after,ul:after, h1, h2, section {
content: "";
display: block;
clear: both;
}
h3, p {clear: both;}
table {border-collapse: collapse;}
table th, table td {border: 1px solid #B4B4B4;}
table th {background-color: #EFEFEF;}
@media all and (min-width: 920px) {
h3, p {clear: none;}
}

/*PCのみ改行*/
br {display:none;}
/*スマホでも改行*/
br.force {display:inline;}
/*スマホのみ改行*/
br.mobile {display:inline;}
@media all and (min-width: 920px) {
br {display:inline;}
br.mobile {display:none;}
}
.spNone { display: none;}
@media screen and (min-width: 920px){
.spNone { display: inline;}
}

body,button {
margin: 0;
background-color: #EDE7E3;
font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; /*2019/5/1 追加*/
font-weight: 500;
font-size: 17px;
line-height: 1.75em; /*2019/5/1 変更*/
color: #333333;
}

button {
font-weight: bold;
border-style: none;
}

a:link {
color: #1a0dab;
/*color: #0000ff;*/
text-decoration: none;
}
a:visited {
color: #660099;
/*color: #000080;*/

}
a:hover {
color: #ea0101;
text-decoration: underline;
}
a:active {
color: #ea0101;
}

.line-end {
  text-decoration: line-through;
}

.l-map-button a {
color: #FFFFFF;	
text-decoration: none;
white-space: nowrap;
}
.l-map-button a:hover {
color: #FFFFFF;	
text-decoration: none;
}

/*ヘッダー/////////*/
header {
background-color: #ea0101;
border-bottom: 1px solid #e62f2f;
}
@media all and (min-width: 920px) {
header {
min-width: 1110px;
background-color: #ea0101;
border-top: 3px solid #464646;
border-bottom: 8px solid #e62f2f;
}
}

header .head{
width: calc(100% - 76px);
max-width: calc(100% - 76px);
margin: 0 auto;
float: left;
}
header h1{
width: calc(100% - 76px);
max-width: calc(100% - 76px);
margin: 0 auto;
display: inline-block;
}
@media all and (min-width: 920px) {
header h1,header .head {
width: 1050px;
padding-left: 30px;
}
}

header h1,header .head {
margin: 0px;
padding-top: 10px;
font-size: 16px;
color: #FFFFFF;/* 2018/11/21追加;*/
text-align: center;
}
@media all and (min-width: 920px) {
header h1,header .head {
text-align: left;
}
}

header h1 #logo,header .head #logo {/* 2018/11/21追加;*/
width: 120px;
height: 30px;
margin-bottom: 3px;
}
@media all and (min-width: 920px) {/* 2018/11/21追加;*/
header h1,header .head {
padding-top: 12px;
}
header h1 #logo,header .head #logo {
width: 176px;
height: 44px;
margin-bottom: 0px;
}
}

#top_title p {
padding-top: 5px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 5px;
margin: 0px;
font-weight: bold;
}
/*ハンバーガーメニュー*/

/*チェックボックス等は非表示に*/
.nav-unshown {
display:none;
}

/*アイコンのスペース*/
#nav-open {
display: inline-block;
width: 30px;
height: 22px;
vertical-align: middle;
padding:10px;
float: left;
}

@media all and (min-width: 920px) {
#nav-open {
display:none;
}
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
position: absolute;
height: 3px;/*線の太さ*/
width: 25px;/*長さ*/
border-radius: 3px;
background: #FFF;
display: block;
content: '';
cursor: pointer;
}
#nav-open span:before {
bottom: -8px;
}
#nav-open span:after {
bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
display: none;/*はじめは隠しておく*/
position: fixed;
z-index: 99;
top: 0;/*全体に広がるように*/
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
overflow: auto;
position: fixed;
top: 50px;
left: 0;
z-index: 9999;/*最前面に*/
width: 90%;/*右側に隙間を作る*/
max-width: 330px;/*最大幅*/
height: 100%;
background: #fff;/*背景色*/
transition: .3s ease-in-out;/*滑らかに表示*/
-webkit-transform: translateX(-105%);
transform: translateX(-105%);/*左に隠しておく*/
}

#nav-input:checked ~ #nav-close {
display: block;/*カバーを表示*/
opacity: .5;
}

#nav-input:checked ~ #nav-content {
opacity: 1;
}

#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);/*中身を表示（右へスライド）*/
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.drawer__title {
position: relative;
padding: 7px 15px;
font-size: 20px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
background-color: #e62f2f;
color: #FFFFFF;
}
.drawer__title .close {
 display: inline-block;
 padding: 5px 3px;
}
.drawer__title .close span {
 height: 30px;
 margin: 0 20px 0 7px;
}
.drawer__title .close span:before {
 left: -13px;
 width: 30px;
}

.close {
 display: none;
 position: absolute;
 z-index: 999999;
 top: 0;
 right: 0;
 padding: 0 15px 10px;
 cursor: pointer;
 -webkit-animation: animScale 2s ease 0s 1 normal;
   animation: animScale 2s ease 0s 1 normal;
}
.close span {
 display: inline-block;
 position: relative;
 width: 3px;
 height: 45px;
 margin: 0 20px 0 7px;
 padding: 0;
 background: #FFF;
 transition: .3s ease-in-out;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.close span:before {
 display: block;
 position: absolute;
 top: 50%;
 left: -20px;
 width: 45px;
 height: 3px;
 margin-top: -2px;
 background: #FFF;
 content: "";
}

/*ここまで、ハンバーガーメニュー*/

/*ハンバーガーボタン*/

/* ボタン共通 */
.Button_Open {
overflow: hidden;
height: 40px;
padding: 0;
margin-left: 20px;
margin-top: 15px;
border-radius: 5px;/* CSS3草案 */  
/*-webkit-border-radius: 5px;*//* Safari,Google Chrome用 */  
/*-moz-border-radius: 5px;*//* Firefox用 */  
}

#nav-drawer .Button_Open {
width: calc(100% - 40px);
}

article section .Button_Open {
min-width: 250px;
max-width: 290px;
/*width:250px;*/
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
@media all and (min-width: 920px) {
article section .Button_Open {
margin-left: 38px;
margin-right: 23px;
}
}
article section .Button_Open a:link,article section .Button_Open a:visited,article section .Button_Open a:hover,article section .Button_Open a:active {
font-weight: normal;
color: #000000;
text-decoration: none;
padding: 0;
margin: 0;
}

.Button_Open a {
display: block;
position: relative;
/*z-index: 100;*/
text-align:center;
background: #ea0101;
color: #fff;
font-size: 16px;
line-height: 40px;
text-decoration:none;
}
.Button_Open a:hover {
background: #ea0101;/*マウスオーバーカラー*/
}
.Icon a:before {/*白いひし型 */
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 20px;
width: 10px;
height: 10px;
margin-top: -6px;
background: #fff;
}
.Icon a:after {/*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 18px;
width: 10px;
height: 10px;
margin-top: -6px;
background: #ea0101;
}
.Icon_Gray a:before {/*グレーひし型 */
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 10px;
width: 10px;
height: 10px;
margin-top: -6px;
background: #b2b2b2;
}
.Icon_Gray a:after {/*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 8px;
width: 10px;
height: 10px;
margin-top: -6px;
background: #ededed;
}

.Icon a:hover:after {/*「after要素」のマウスオーバー（カラーを合わせる） */
background: #ea0101;
}
.Icon_Gray a:hover:after {
background: #ededed;
}
.Gray a {
background: #ededed;
color: #000;
}
.Gray a:hover {
background: #ededed;
}

/*ここまで、ハンバーガーボタン*/

/*ナビゲーション//*/
nav#global {
display:none;
}
@media all and (min-width: 920px) {
nav#global {
display: block;
float: right;
margin-right: 65px;
padding-top: 30px;
}
}

nav#global ul {
margin: 0px;
}

nav#global li {
list-style-type: none;
/*display: inline;*/
/*余白を出さない為に下記に*/
display:table-cell;
}

nav#global_under {
padding: 0px;
margin: 0px;
padding-top: 10px;
padding-bottom: 5px;
background-color: #464646;
text-align: center;
}

nav#global_under li {
list-style-type: none;
}
@media all and (min-width: 920px) {
nav#global_under li {
/*display:table-cell;*/
display: inline;
}
}

nav#global li a, nav#global_under li a {
text-decoration: none;
color: #FFFFFF;	
padding-right: 15px;
margin-right: 15px;
background-image: url(/images/sen.png);
background-repeat: no-repeat;
background-position: right 0px bottom 5px;
}

/*サイト内検索//*/

#searchform {  
height: 26px;
background-color: #444444;
border: 2px solid #444444;
border-radius: 3px;
}

.searchform_b {
/*height: 26px;*/
background-color: #fff;
margin-top: 20px;
margin-bottom: 25px;
}

.searchform_b,.searchform_under {
/*height: 26px;*/
background-color: #fff;
margin-top: 20px;
margin-bottom: 25px;
}

.searchform_under {
padding-left: 10px;
padding-right: 10px;
}
@media all and (min-width: 920px) {
.searchform_under {
padding-left: 38px;
padding-right: 23px;
}
}

.keywords {
width: 150px;
color: #333333;
margin-left: 3px;
margin-top: 2px;
}

.keywords_b,.keywords_side {
/*width: 350px;*/
height: 23px;
color: #333333;
margin-left: 3px;
margin-top: 2px;
margin-right: 5px;
}


@media all and (min-width: 920px) {
.keywords_b {
width: 350px;
}
}

.keywords_side {
margin-left: 10px;
width: 235px;
}


#searchBtn {
vertical-align: middle;
margin-right: 3px;	
}
.searchBtn_b {
vertical-align: middle;
margin-right: 3px;
padding: 5px;
background-color: #444444;
border-radius:3px;
}


#relatedsearches1 {
padding-left: 10px;
padding-right: 10px;
background-color: #FFFFFF;
/*    min-height: 200px;*/
}

@media all and (min-width: 920px) {
#relatedsearches1 {
padding-left: 38px;
padding-right: 23px;
}
}


/*ページ送り/////////*/
ul.pageNav01 {
margin: 0 0 10px;
padding: 10px 10px 5px;
background: #eee;
text-align: center;
}
ul.pageNav01 li {
display: inline;
margin: 0 2px;
padding: 0;
}
ul.pageNav01 li span,
ul.pageNav01 li a {
display: inline-block;
margin-bottom: 5px;
padding: 1px 8px;
background: #fff;
border: 1px solid #aaa;
text-decoration: none;
vertical-align: middle;
}
ul.pageNav01 li a:hover {
background: #eeeff7;
border-color: #00f;
}

/*メインコンテンツ//////*/
.main {
margin: 0 auto;
padding: 0px;
}
@media all and (min-width: 920px) {
.main {
margin: 0 auto;
width: 1050px;
padding-left: 30px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}	
}

hr {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
border-top: 1px solid #b9b9b9;
opacity: 0.6;
}

@media all and (min-width: 920px) {
hr {
margin-left: 38px;
margin-right: 23px;
}
}

/*画像//*/
figure{
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
}

figcaption {
font-size: 16px;
margin: 5px 0 0;
text-align: center;
color: #999;
}

/*ナビゲーション//*/
nav#breadcrumbs ol {
float: left;
font-size: 14px;
line-height: 1.5em;
/*This SVG is used in combination with some of the following libraries:
Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fe3434" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" /></svg>');
background-repeat: no-repeat;
background-position: 10px 0px;
background-size: 1.5em;
/*background-image: url(/images/home.png);
background-size: 16px auto;
background-repeat: no-repeat;
background-position: 10px 0px;*/
/* 2019/05/09追加;*/
list-style-type: none;
margin-block-start: 10px;
margin-block-end: 10px;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 30px;
}
nav#breadcrumbs ol li {
display: inline;
list-style-type: none;
}
nav#breadcrumbs ol li:before {
content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
content:"";
}
nav#breadcrumbs ol li a {
color: #333333;
text-decoration: none;
}
nav#breadcrumbs ol li a:hover {
color: #ea0101; 
}
.main #description {
margin-top: 12px;
margin-right: 0px;
margin-left: 6px;
margin-bottom: 25px;
font-weight: normal;
}
@media all and (min-width: 920px) {
.main #description {
}
}
article {
background-color: #FFFFFF;
border-right: 1px solid #D7D1CE;
border-bottom: 1px solid #D7D1CE;
}
@media all and (min-width: 920px) {
article {
float: left;
width: 730px;
}
}

.modal img { 
max-width: 100%; 
height:auto;
}

#link_iframe {	
position: absolute;
z-index:1;
}

article section {
padding-bottom: 10px;
}
@media all and (min-width: 920px) {
article section {
padding-bottom: 30px;
}
}

article section .toc {
width: auto;
border: 1px solid #b9b9b9;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

@media all and (min-width: 920px) {
article section .toc {
margin-left: 38px;
margin-right: 23px;
}
}

.toc_list {
width: auto;
border: 2px solid #b9b9b9;
margin: 10px;
padding:10px;
}

.toc_list p {
font-weight: bold;
margin: 0px;
background-color: #e0edff;
padding-left: 20px;
}

.toc_list ul{
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
padding-left:30px;
margin: 10px;
}
.toc_list ul ul {
margin-block-start: 0px;
margin-block-end: 0px;
padding-left:20px;
padding-top:15px;
margin:0px;
}

.toc_list ul li {
margin-left: 0px;
/*padding-bottom: 15px;*/
margin-bottom: 15px;
list-style-type: decimal;
}

.toc_list ul li a {
padding: 0;
margin: 0;
}
@media all and (min-width: 920px) {
.toc_list {
margin-left: 38px;
margin-right: 23px;
}
.toc_list ul li {
margin-left: 20px;
}
}

article section h1 {
margin: 0; /*2019/03/05*/
/*background-color: #E94709;*/
/*DBから設定の為ページに記載*/
/*min-height: 48px;*/
/*20190109*/
font-weight: bold;
font-size: 22px; /*2019/5/1 変更*/
line-height: 1.5em;
/*color: #FFFFFF;*/
/*DBから設定で上書き*/
padding-top: 16px;
padding-left: 18px;
padding-right: 10px;/*2019/05/02*/
/*2019/04/15修正*/
padding-bottom: 10px;
/*padding-bottom: 0px;*/
}

article section h1 strong {
/*background-color: #E94709;*/
/*DBから設定の為ページに記載*/
}

article section .h1-sub {
font-weight: bold;
font-size: 18px;
margin: 0;
line-height: 30px;
/*2019/04/15追加*/
padding-top: 0px;
padding-left: 18px;
padding-bottom: 10px;
}
@media all and (min-width: 920px) {
article section h1 {
padding-left: 28px;
padding-right: 23px;/*2019/05/02*/
min-height: 35px;
}
article section h1 strong {
float: left;/*20190109*/
}
article section .h1-sub {
float: right;
padding-top: 3px;
padding-right: 28px;
line-height: 28px;
}
}

article section a,p,h2,h3,#area_search,.quote,.detail,.near {
padding-left: 10px;
padding-right: 10px;
}
@media all and (min-width: 920px) {
article section a,p,h2,h3,#area_search,.quote,.detail,.near {
padding-left: 38px;
padding-right: 23px;
}
}

article section p a,article section .detail a,.topimg a {
margin: 0;
padding: 0;
}

.title {
font-size: 18px;
font-weight: bold;
line-height: 24px;
}

.bold {
font-weight: bold;
}

article section h2,.h3,.h3end {
margin-left: 10px;
margin-right: 10px;
font-size: 18px;
padding-top: 10px;
padding-bottom: 3px;
margin-top: 20px;
line-height: 1.5em; /*2019/5/1 変更*/
position: relative;
padding: 0.6em;
border-radius: 3px;
background: #e0edff;/*e0edff*/  
}

.h2 {
font-size: 20px;
	background: #fff;
	border-radius: 0;
	border-bottom: 5px solid #E42525;
}

.h2end,.h3end {
background: #ededed;  
}

article section h2:after,.h3:after,.h3end:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}

.h2:after {
	border: none;
}

.h2end:after,.h3end:after {
border-top: 15px solid #ededed;
}

.toc_list h2 {
font-size: 16px;
padding-top: 10px;
padding-bottom: 0px;
margin-top: 0px;
line-height: 26px;
background-image: none;
}

.near {
line-height: 30px;
}
.near a {
padding: 0;
margin: 0;
}

@media all and (min-width: 920px) {
article section h2,.h3,.h3end {
margin-left: 38px;
margin-right: 23px;
background-position: 38px 0%;
}
}

article section a :not(.appreach){
font-size: 16px;
}

article section a:link {
font-weight: bold;
/*color: #ea0101;*/
text-decoration: none;
}

article section .appreach a:link {
font-weight: normal;
color: #000000;
text-decoration: none;
}

article section a:hover {
text-decoration: none;
}
article section table th a,article section table th a:link {
margin: 0px;
text-decoration: none;
}
article section table td a,article section table td a:link {
margin: 0px;
text-decoration: none;
}

article section img :not(.topimg){
vertical-align: middle;
margin-left: 5px;
}
@media all and (min-width: 920px) {
article section a {
margin-left: 20px;	
}
article section img :not(.topimg){
margin-left: 20px;
}
}

article section .topimg ,figure {
max-width: 100%;
height: auto;
margin-left: 0px;
}

@media all and (min-width: 920px) {
article section .topimg ,figure{
margin-left: 38px;
margin-right: 23px;
}

/*figure:first-of-type {
height: 352px;
}*/

}

article section .search_no {
font-size: 16px;
font-weight: normal;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 10px;
}
article section .search {
font-weight: normal;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 0px;
}

article section ul li .search_link{
font-size: 16px;
}

article section .detail {
margin-left: 0px;
}
article section .detail.top {
margin-left: 0px;
}
article section .detail a {
margin-left: 0px;
}

article section .quote {
font-weight: normal;
margin-top: 5px;
/*white-space: nowrap;*/
margin-bottom: 10px;
}

article section .title {
font-size: 18px;
font-weight: bold;
line-height: 1.5em; /*2019/5/1 変更*/
}

article section .api {
float: right;
}

article section .quote a ,.api a {
font-weight: normal;
text-decoration: none;
margin: 0px;
color: #000000;
/*//上のarticle section aを上書き*/
padding-left: 0px;
padding-right: 0px;
}

article section img,.quote amp-img,p amp-img {/*2019/03/05*/
display: block;
border: 1px solid #D1CFCF;
}

.h1_img {/*2020/07/11*/
display: block;
border: none;
}

article section ul {
/*margin: 0; iphoneで表示が変に
padding: 0;
list-style-type: none;*/
}
article section ul li span {
font-weight: normal;
margin-left: 5px;
}

article section h2 strong {
color: #ea0101;
background: linear-gradient(transparent 60%, #ffff66 60%);	
}

.subtitle {
/*color: #ea0101;*/
font-weight: bold;
font-size: 18px;
line-height: 26px;
}
.subtitle_high {
color: #ea0101;
background: linear-gradient(transparent 60%, yellow 60%);
font-weight: bold;
font-size: 18px;
line-height: 26px;
}

article section p strong :not(h3) {
color: #ea0101;
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.detail strong {
color: #FF0000;
}

article section .end {
background: linear-gradient(transparent 60%, #dedede 60%);
}

article section p strong :not(h3) {
color: #FF0000;
}

article section h3 {
/*margin-top: 5px;*/
font-size: 17px;
font-weight: bold;
}

.h3end {
font-weight: normal;
}

.h3end:before {
content: "【終了】";
}

article section time {
font-size: 16px;
color: #FFFFFF;
background-color: #757575;
padding: 8px;
display: inline-block;
border-radius:5px;
}

.updated,.published {
font-weight: bold;
color: #FFFFFF;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
background-color: #7b7a7a;
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
display: inline-block;
}
.published {
font-weight: normal;
background-color: #7b7a7a;
}
.da {
color: #FFFFFF;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
background-color: #7b7a7a;
}
@media all and (min-width: 920px) {
.da {
margin-left: 38px;
margin-right: 23px;
}
}
article section h3 time {
color: #FFFFFF;
background-color: #757575;
margin-left: 5px;
margin-right: 5px;
padding: 8px;
border-radius:5px;
}

article section h3 #shop {
font-weight: normal;
margin-left: 10px;
margin-bottom: 5px;
}

article section h3 #shop_info {
font-weight: bold;
margin-bottom: 5px;
}

article section .pagination {
font-weight: normal;
margin-left: 10px;
margin-bottom: 5px;
}

article section .pagination a {
margin: 0;
padding: 0;
font-weight: normal;
text-decoration: none;
}

article section .shop_name {
font-weight: bold;
margin-top: 5px;
margin-bottom: 3px;
}

.shop_name a {
font-weight: bold;
margin-top: 5px;
margin-bottom: 3px;
margin-left: 0px;
padding: 0;
text-decoration: underline;
}

.Shop_URL {
margin-top: 5px;
text-align: center;
}
.map {
margin-top:10px;
}
.profile{
float: left;
}

/*都道府県名検索//////////*/
#area_search {
border: 1px solid #f2f2f3;
}
#area_search h4 {
float: left;
width: 40px;
margin: 0;
padding: 0;
color: #fff;
text-align: center;
line-height: 35px;
font-weight: normal;
}
@media all and (min-width: 920px) {
#area_search h4 {
display: block;
width: 100px;
font-weight: bold;
}
}

#area_search ul {
background:#f2f2f3;
margin-top: 0px;
margin-bottom: 10px;
line-height: 25px;

}
@media all and (min-width: 920px) {
#area_search ul {
/*幅が狭い時そろえる*/
padding-left: 100px;
line-height: 35px;
}
}
#area_search ul.end {
margin-bottom: 0px;
}
#area_search ul li {
list-style-type: none;
float: left;
padding-left: 15px;
color: #777777;
}

#area_search a {
list-style-type: none;
float: left;
padding: 0;
font-weight: normal;
margin: 0;
text-decoration: none;
}

.hide {
display: none;
}
@media all and (min-width: 920px) {
.hide {
display: block;
}
}

/*店舗リスト/////////*/
.pref_data{
width: calc(100% - 20px);
border-collapse: collapse;
margin-left: 10px;
margin-right: 10px;
}
@media all and (min-width: 920px) {
.pref_data{
width: calc(100% - 61px);
margin-left: 38px;
margin-right: 23px;
}
}
.pref_data th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.pref_data td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/*右ナビ////////*/
aside {
width: 300px;
display: none;
}
@media all and (min-width: 920px) {
aside {
float: right;
display: block;
}
}

aside {
background-color: #FFFFFF;
border: 1px solid #D7D1CE;
margin-bottom: 30px;
}

aside #logo_side {
background-color: #D5CFCC;
text-align: right;
}

aside #logo_side img {
vertical-align: bottom;
}

aside ul {
display: inline;
list-style-type: none;
}
aside ul a {
color: #333333;
text-decoration: none;
}
aside ul li {
margin-bottom: 10px;
margin-left: 15px;
}

.sidenav {
padding-left: 15px;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
background-color: #D5CFCC;
height: 23px;
font-weight: bold;
}

/*フッター//////*/
.pagetop {
height: 25px;
text-align: center;
background-color: #EDE7E3;
border-bottom: 45px solid #999694;
margin-top: 10px;
}
.pagetop img {
cursor: pointer;
}
footer {
text-align: center;
background-color: #464646;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
padding-top: 0px;
}
footer a:link,footer a:visited,footer a:hover,footer a:active {
color: #FFFFFF;	
text-decoration: none;
}
footer img,footer amp-img {
margin-right: 15px;
top: 4px;
position: relative;
}

/*店舗検索ボタン////*/
article section a.social-button,article section a.social-button:link,article section a.social-button:hover {
font-size: 16px;
font-weight: normal;
color: #FFF;
text-decoration: none;
}
@media all and (min-width: 920px) {
section #out {
float: left;
}
}

article section .geocode {
cursor: pointer;
background-color: #0099cb;
background-image: url(/images/gps.png);
background-repeat: no-repeat;
background-size: 5% auto;
background-position: 15px 8px;
padding-left: 40px;
padding-right: 20px;
}

/* 点滅 */
.geo_red{
color: #e62f2f;
font-weight: bold;
margin: 10px;
padding: 10px;
}

.blinking{
-webkit-animation: blink 1.0s ease-in-out infinite alternate;
-moz-animation: blink 1.0s ease-in-out infinite alternate;
animation: blink 1.0s ease-in-out infinite alternate;
margin: 20px;
padding: 20px;
color: #e62f2f;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

/*ソーシャルボタン////*/
.lsf {
margin-right: 3px;
font-size: 18px;
}
.l-map-button {
overflow: hidden;
margin: 0px;
padding-top: 10px;
padding-bottom: 0px;
line-height: 30px;
text-align: center;
}
@media all and (min-width: 920px) {
.l-map-button {
margin-top: 0px;
margin-right: 0px;
margin-left: 38px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
}
.l-social-button {
/*overflow: hidden;*/
padding-top: 10px;
padding-right: 0;
padding-left: 0;
padding-bottom: 5px;
margin-left: 10px;
/*text-align: center;*/
text-align: left;
height: 45px;/*2021/2/13*/
}
@media all and (min-width: 920px) {
.l-social-button {
/*text-align: left;*/
margin-left: 38px;
width: 400px;/*200629*/
}
}
.l-social-button div {
display: inline-block;
}
.social-button {
height: 20px;
width: 80px;
border-radius: 3px;
color: white;
text-align: center;
margin: 0;
font-size: 0.8em;
padding: 9px 10px;
text-decoration: none;
}

.fb_iframe_widget > span {
vertical-align: baseline !important;
}
.waku{
	display: flex;
	flex-wrap: wrap;
	border: 1px dotted #3F3F3F;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
@media all and (min-width: 920px) {
	.waku{
	margin-left: 38px;
	margin-right: 23px;
	}
	.waku p{
		padding: 0px;
		margin-left: 10px;
		margin-right: 10px;
	}
}

.in {
	width: 50%;
	box-sizing: border-box;
}
/*@media all and (min-width: 920px) {
.in {
width: 50%;
box-sizing: border-box;
}
}*/

/*topに戻る*/
/*#page-top {
position: fixed;
bottom: 10px;
right: 5px;
font-size: 87%;
opacity:0.9;
z-index: 1;
}
#page-top a {
background: rgba(102, 102, 102, 1);
text-decoration: none;
color: #fff;
width: 80px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}*/

#page-top{
/*opacity: 0.6;*/
/*cursor:pointer;*/
/*background:#FFF;*/
background : none;
/*border:none;*/
/*border-radius:50px;*/
/*box-shadow:0 2px 8px rgba(0,0,0,.2), 0 0 8px rgba(0,0,0,.1);*/
/*color:#fff;*/
/*font-size:24px;*/
width: 56px;
height: 56px;
/*line-height:56px;*/
outline:none;
position:fixed;
padding: 0;
right:16px;
bottom:16px;
/*transition:.3s cubic-bezier(.4,0,.2,1);*/
visibility:hidden;
width:56px;
z-index:19999;}

#page-top:active{
/*background:#424242;*/
/*box-shadow:0 8px 24px rgba(0,0,0,.2), 0 0 24px rgba(0,0,0,.1);*/
/*transform:translateY(-1px);*/
}
.page-top-trigger{
height:0;
position:absolute;
top:400px;
width:0;
}



/*アプリーチ*/
.appreach {
text-align: left;
padding: 10px;
border: 1px solid #7C7C7C;
overflow: hidden;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
}
@media all and (min-width: 920px) {
.appreach {
margin-left: 38px;
margin-right: 23px;
}
}
.appreach:after {
content: "";
display: block;
clear: both;
}
.appreach p {
margin: 0;
}
.appreach a:after {
display: none;
}
.appreach__icon {
float: left;
border-radius: 10%;
overflow: hidden;
margin: 0 3% 0 0 !important;
width: 25% !important;
height: auto !important;
max-width: 120px !important;
/*2019/05/09*/
display: inline-block;
border: none;	
}
.appreach__detail {
display: inline-block;
font-size: 20px;
line-height: 1.5;
width: 72%;
max-width: 72%;
}
.appreach__detail p {
/*2019/05/09*/
margin: 0px;	
padding: 0px;
}
.appreach__detail:after {
content: "";
display: block;
clear: both;
}
.appreach__name {
font-size: 16px;
line-height: 1.5em !important;
max-height: 3em;
overflow: hidden;
}
.appreach__info {
 font-size: 12px !important;
}
.appreach__developper, .appreach__price {
 margin-right: 0.5em;
}
.appreach__posted a {
margin-left: 0.5em;
}
.appreach__links {
float: left;
height: 40px;
margin-top: 8px;
white-space: nowrap;
}

.appreach__links a:last-child {
margin-left: 0.5em;
}
.appreach__aslink,.appreach__gplink{
/*2019/05/09*/
margin: 0px;	
padding: 0px;
}
.appreach__aslink img {
height: 40px;
width: 135px;
/*2019/05/09*/
display: inline-block;
border: none;
}
.appreach__gplink img {
height: 40px;
width: 134.5px;
/*2019/05/09*/
display: inline-block;
border: none;
}
.appreach__star {
position: relative;
font-size: 14px !important;
height: 1.5em;
width: 5em;
}
.appreach__star__base {
position: absolute;
color: #737373;
}
.appreach__star__evaluate {
position: absolute;
color: #ffc107;
overflow: hidden;
white-space: nowrap;
}

.movie{
position:relative;
width:100%;
padding-top:56.25%;
}
.movie iframe{
position:absolute;
top:0;
/*right:0;*/
width:100%;
height:100%;
}

amp-lightbox {
padding: 12px ;
color: #fff ;
background-color: #333 ;
}

amp-fit-text {
/*white-space: normal;*/
/*font-size: 18px;*/
}

.carousel {
padding-left: 10px;
padding-right: 10px;
}
@media all and (min-width: 920px) {
.carousel {
padding-left: 38px;
padding-right: 23px;
}
}

.slide {
font-size: 16px;
padding-left: 30px;
padding-right: 30px;
}

.btn-icon {
display: inline-block;
min-width: 250px;
/*max-width: 180px;*/
text-align: left;
background-color: #E42525;
font-size: 16px;
color: #FFF;
padding: 8px 16px 8px 16px;
border-radius: 4px;
position: relative;
}

.btn-icon:link,.btn-icon:visited,.btn-icon:hover,.btn-icon:active {
color: #FFF;
text-decoration: none;
font-weight: bold;
}

.btn-icon:hover {
opacity: 0.8;
}

amp-social-share{margin-right: 5px;}
.ampsnsl{float:left;}

@media all and (min-width: 920px) {
/*amp-social-share{margin-right: 10px;}*/
.ampsnsl{float:left;}
}


.arrow-up {
/*display: block;
text-align:center;*/
/*padding-right: 10px;*/
/*https://ics.media/entry/17522/*/
}

.fa {
/* 領域を確保する */
width: 1em;
height: 1em;
/* 前後の間隔を確保する */
margin: 0 0.25em;
/* 文字列と高さをあわせる */
vertical-align: -0.125em;
/*text-align:center;*/
/* 文字色をあわせる */
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}

.fa2 {
opacity: 0.6;
width: 56px;
height: 56px;
}

.center_iframe{
display: block;
margin: auto;
}

.fblike{
overflow: hidden;
height: 40px;
width: 100px;
}

.gcse-search table {
    border-color: #FFF;
}
.gcse-search table th, table td {
    border: 0px solid #FFF;
}

table.terms {
width: calc(100% - 20px);
margin-left: 10px;
margin-right: 10px;
border-collapse: collapse;
}
table.terms,
table.terms th,
table.terms td {
border: 1px #b9b9b9 solid;
padding: 2px;
}

@media all and (min-width: 920px) {
table.terms {
width: calc(100% - 61px);
margin-left: 38px;
margin-right: 23px;
}
}

table.terms a {
padding-left: 0px;
padding-right: 0px;
}

/*ampでレイアウトが崩れない用*/
.px1 {
}

/*.terms {
width: auto;
margin: 10px;
padding:10px;
}

@media all and (min-width: 920px) {
.terms {
margin-left: 38px;
margin-right: 23px;
}
}*/

nav#category {
padding: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: left;
margin-left: 0px;
}

nav#category ul {
padding-inline-start: 10px;
margin-block-start: 0px;
margin-block-end: 0px;
}

nav#category li {
list-style-type: none;
display:inline-block;
line-height: 40px;
white-space: nowrap;
}
@media all and (min-width: 920px) {
nav#category ul {
padding-inline-start: 38px;
}
nav#category li a {
margin-left: 0px;
}
}

nav#category li a {
padding-left: 38px;
padding-right: 15px;
text-decoration: none;
color: #000;
font-size: 16px;
font-weight: normal;
display: inline;
height: 100%;
width: 100%
}

nav#category li:nth-child(1) {
background: url(/images/icon/fast_food.png) no-repeat;
}

nav#category li:nth-child(2) {
background: url(/images/icon/restaurant.png) no-repeat;
}

nav#category li:nth-child(3) {
background: url(/images/icon/japanese_food.png) no-repeat;
}

nav#category li:nth-child(4) {
background: url(/images/icon/chinese_food.png) no-repeat;
}

nav#category li:nth-child(5) {
background: url(/images/icon/meat.png) no-repeat;
}

nav#category li:nth-child(6) {
background: url(/images/icon/sushi.png) no-repeat;
}

nav#category li:nth-child(7) {
background: url(/images/icon/shabushabu.png) no-repeat;
}

/*nav#category li:nth-child(8) {
background: url(/images/icon/noodles.png) no-repeat;
}*/

nav#category li:nth-child(8) {
background: url(/images/icon/sweets.png) no-repeat;
}

nav#category li:nth-child(9) {
background: url(/images/icon/coffee.png) no-repeat;
}

nav#category li:nth-child(10) {
background: url(/images/icon/delívery.png) no-repeat;
}

nav#category li:nth-child(11) {
background: url(/images/icon/drinks.png) no-repeat;
}

/*nav#category li:nth-child(11) {
background: url(/images/icon/karaoke.png) no-repeat;
}
*/
/*nav#category li:nth-child(13) {
background: url(/images/icon/hotel.png) no-repeat;
}*/

nav#category li:nth-child(12) {
background: url(/images/icon/convenience.png) no-repeat;
}

nav#category li:nth-child(13) {
background: url(/images/icon/campaign.png) no-repeat;
}

nav#category li:nth-child(14) {
background: url(/images/icon/all.png) no-repeat;
}

nav#category li:nth-child(n+1){
background-size: 35px auto;
}

.red_txt{font-weight:bold;color:#EB0000;}

.boilerplate {
margin: 2px;
font-size: 14px;
color: #585858;
text-align: center;
}

@media all and (min-width: 920px) {
.boilerplate {
text-align: left;
margin-top: 5px;
margin-left: 30px;
}
}

.pr_txt:after {
content: "【PR】";
}