@charset "utf-8";
.page{
font-weight:normal;font-size: 105%;
}


/* ヘッダ */
.page-header{text-align:left;width: 100%;height: 146px;z-index:10;position:relative;}
.page-header a{color:#000;}

.page-header .h-logo{
margin: 30px 30px 0 30px;
display: inline-block;
vertical-align: top;
float: left
}
.page-header .h-menu{
margin: 35px 115px 0 0;
display: inline-block;
vertical-align: top;float: right;
}
.page-header .h-menu .menu-u{display: inline-block;vertical-align: middle;margin-right: 40px;}
.page-header .h-menu .box{display: inline-block;vertical-align: middle;}
.page-header .h-menu .box p{margin-right: 12px;}
.page-header .h-menu .box p .s-box{margin-right: 5px;}
.page-header .h-menu .menu-u li{
display: inline-block;
vertical-align: top;
font-size: 12px;
margin-right: 20px;
padding: 5px 0 5px 20px;
}
.page-header .h-menu .menu-u .m-a{
background: url(../images/p-h-icon01.png) no-repeat center left;
background-size: 17px;
}
.page-header .h-menu .menu-u .m-b{
background: url(../images/p-h-icon02.png) no-repeat center left;
background-size: 17px;
}
.page-header .h-menu .menu-u .m-c{
background: url(../images/p-h-icon03.png) no-repeat center left;
background-size: 17px;
}
.page-header .h-menu .menu-s{margin-top: 25px;}
.page-header .h-menu .menu-s li{
display: inline-block;
vertical-align: top;
margin-right: 20px;border-right: 1px solid #000;
padding-right: 20px;
}
.page-header .h-menu .menu-s .last{
display: inline-block;
vertical-align: top;
margin-right: 20px;border-right: none;
padding-right: 20px;
}
.page-header .h-menu .box p{display: inline-block;vertical-align: top;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1500px){
.page-header .h-logo img{width: 270px !important;}
}
@media screen and (max-width:1350px){
.page-header {min-width: 100%;}
.page-header .h-menu{display:none;}
}

@media screen and (max-width:1350px){
.page-header{text-align:left;width: 100%;height: 78px;}
.page-header .h-logo{margin: 15px 20px 0 20px;}
.page-header .h-logo{width: 178px !important;}
.page-header .h-logo img{width: 178px !important;}
.page-header .l-copy .l-inner {display:none;}
.page-header .r-box{display: none;}
}

@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

/*ページタイトル*/
.pagetitle {
height:100vh;
height:calc(100vh - 146px);
width:100% ; 
overflow: hidden ; min-height:380px;
}

#p-title{clear: both;position: relative;}

#p-title .title-giza-u{background:url(../images/giza-w_02.png) repeat-x center bottom;
height:7px;width:100%;margin-top:0;z-index:2;position:absolute;top:0;left:0;}
#p-title .title-giza-s{background:url(../images/giza-w_01.png) repeat-x center bottom;
height:7px;width:100%;margin-top:-7px;z-index:2;position:absolute;bottom:0;left:0;}

#p-title .title-box{position:absolute;bottom:50px;left:50px;
background: url(../images/main-copy-bg.png) no-repeat right top;
background-size:97px auto;
padding: 100px 70px 0 0;margin-right:35px;
}

#p-title h1 {
color:#fff; letter-spacing: 0.05em;
font-size:40px;line-height:1.2;
font-weight:normal;
border-bottom:1px solid #fff;
display:inline-block;padding-bottom:10px;
}
#p-title .subtitle {
color:#fff; 
font-size:12px;line-height:1;margin-top:15px;letter-spacing:0.2em;
}

/*ページタイトル背景画像*/

/*ベース*/
.title-base {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/08.jpg);
background-image: ;
background-repeat:no-repeat;
background-position:0% 100%;
background-size:cover !important;
background-blend-mode:darken;
}
/*米子城について 歴史 アクセス*/
.title-about {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/base.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover !important;
background-blend-mode:darken;
}
/*映像で楽しむ*/
.title-movie {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/06.jpg);
background-repeat:no-repeat;
background-position:70% 80%;
background-size:cover !important;
background-blend-mode:darken;
}

/*ギャラリー*/
.title-gallery {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/02.jpg);
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;
background-blend-mode:darken;
}
/*Q&A*/
.title-qanda {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/04.jpg);;
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;
background-blend-mode:darken;
}
/*お知らせ　イベント　調査報告　重要なお知らせ　ブログ*/
.title-news{
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/07.jpg);
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;;
background-blend-mode:darken;
}
/*お問い合わせ 送信完了*/
.title-contact {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/12.jpg);
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;
background-blend-mode:darken;
}

/*米子城下町*/
.title-castletown {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/01.jpg);
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;
background-blend-mode:darken;
}

/*周辺観光*/
.title-sightseeing {
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/13.jpg);
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;
background-blend-mode:darken;
}

/*食*/
.title-gourmet{
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/gourmet.jpg);
background-repeat:no-repeat;
background-position:50% 100%;
background-size:cover !important;
background-blend-mode:darken;
}

/*商品*/
.title-goods{
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/15.jpg);
background-repeat:no-repeat;
background-position:50% 100%;
background-size:cover !important;
background-blend-mode:darken;
}

/*宿泊*/
.title-stay{
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/yado.jpg);
background-repeat:no-repeat;
background-position:20% 80%;
background-size:cover !important;
background-blend-mode:darken;
}

/*見どころマップ*/
.title-map{
background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%),url(../header/05.jpg);
background-repeat:no-repeat;
background-position:0% 0%;
background-size:cover !important;
background-blend-mode:darken;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1230px){
.pagetitle {
height:100vh;
height:calc(100vh - 78px);
width:100%; 
text-align: left ;
}
}
@media screen and (max-width: 600px){
#p-title .title-box{
bottom:50px;left:30px;
background: url(../images/main-copy-bg.png) no-repeat right top;
background-size:70px auto;
padding: 70px 50px 0 0;margin-right:30px;
}
#p-title h1 {font-size:30px;}
}

@media screen and (max-width: 480px){
.pagetitle {
min-height:320px;
}
#p-title .title-box{
bottom:50px;left:25px;
background: url(../images/main-copy-bg.png) no-repeat right top;
background-size:70px auto;
padding: 75px 20px 0 0;margin-right:15px;
}
#p-title h1 {font-size:26px;}
}
/*--------------------------------------------------------------------------------*/


/*▼中面設定*/
.conts .all-width{margin:80px auto 80px auto;line-height:2.0;width: 1000px;min-width: 1000px;}

#breadcrumbs{
background-color: #EBE9DC;
font-size: 13px;
font-family: "Noto-m", sans-serif;
padding: 12px 110px 12px 24px;
border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;
position: relative;
margin-bottom:60px;
line-height:1.3;
}

#breadcrumbs ul li:before {
content: "";
color:#E7EAD5;
position: absolute;
left: 0;
top: 0;
}

#breadcrumbs ul {
width: 100%;
text-align: left;margin:0;padding: 0;
}
#breadcrumbs ul li {
display: inline-block;
vertical-align: top;margin:0;padding:0 4px;
}

#breadcrumbs .kumo{position: absolute;top:-12px;right:10px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1050px){
.conts .all-width{display: block;margin: 60px auto;width:93%;min-width:93%;}
}
@media screen and (max-width: 600px){
.conts .all-width{margin: 30px auto 40px auto;}
#breadcrumbs{padding: 12px 24px;margin-bottom:30px;}
#breadcrumbs .kumo{position: absolute;top:-18px;right:10px;}
#breadcrumbs .kumo img{width:70px;height:auto;}
}
/*--------------------------------------------------------------------------------*/

/* 見出しh2〜h6 */
.conts h2{text-align:left;font-size:32px;color:#00546C;margin:45px 0 25px 0;letter-spacing:0.1em;padding:0 0 0 55px;line-height:1.3;
background: url(../images/p-h2-line.png) no-repeat left 50%;
background-size:40px 2px;
}

.conts h3{
color: #222;
font-size: 25px !important;
letter-spacing: normal;
margin:45px 0 15px 0;padding:8px 0 10px 20px;line-height: 1.3;letter-spacing:0.05em;
border-left:4px solid #E7EAD5;
border-bottom:1px solid #E7EAD5;
font-family: "Noto-m", sans-serif;
font-weight:normal;
}


.conts h4{color: #666;font-size: 21px !important;letter-spacing:0.05em;line-height: 1.3;margin:45px 0 15px 0;}

h5{color: #666;font-size: 21px !important;letter-spacing:0.05em;line-height: 1.3;margin:0 0 15px 0;}

.magin-25{margin:25px 0 15px 0 !important;}
.magin-15{margin:15px 0 15px 0 !important;}

/*投稿記事枠画像最大値*/
.conts img{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{
float: left;
margin: 3px 20px 10px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 10px 20px;
}
.alignnone{display: block;}

/*中ページフッタバナー無し*/
#no-banner{margin:100px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
.conts h2{font-size: 28px !important;}
.conts h3{font-size: 24px !important;}
}
@media screen and (max-width: 480px) {
.conts h2{font-size: 24px !important;margin-bottom:40px;
padding:0 0 0 28px;
background: url(../images/p-h2-line.png) no-repeat left 50%;
background-size:20px 2px;
}
.conts h3{font-size: 22px !important;}
.conts h4{font-size: 20px !important;}
/*中ページフッタバナー無し*/
#no-banner{margin:50px 0 0 0;}
}

/*--------------------------------------------------------------------------------*/

/*リスト*/
.conts ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 2em;
}
.conts ul li {
position: relative;line-height: 1.8;
padding-left: 1.6em;line-height: 1.3;
margin-bottom: 0.8em;
}
.conts ul li:before {
content: "●";
color:#E7EAD5;
position: absolute;
left: 0;
top: 0;
}

/*ページ内カテゴリ名のulli設定を削除*/
.conts .category ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0;
}
.conts .category ul li {
position: relative;line-height: 1;
padding-left: 0;
}

.conts .category ul li:before {
content: "";
color:none;
position: static;
left: 0;
top: 0;

}

/*ナンバー付リスト*/
.conts ol {
counter-reset: ordered_num;
background: none;
overflow: hidden;
margin-bottom: 1.2em;
}
.conts ol li {
text-indent: -1.7em;
padding-left: 1.7em;
margin-bottom: 0.5em;line-height:1.3;
}
.conts ol li:before {
counter-increment: ordered_num;
content: counter(ordered_num);
font-weight:normal;
background-color: #00546C;
display: inline-block;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.6em;
border-radius: 50%;
margin-right: 0.6em; 
text-indent: 0;
text-align: center;
vertical-align:middle; 
margin-bottom:0.3em;
}


/* テーブル */
table {
width: 100%;
padding: 0;
margin-bottom: 2.5em;
border-collapse: collapse;
vertical-align: top;
border: 1px solid #000;line-height:1.6;
}
table caption {
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 0.7em 0.7em;
}
table th, table td {
border: 1px solid #000;
padding: 1.5em 1.5em;font-size: 1rem;
}
table th {
background: #F6F3EE;
font-weight: normal;
width: 30%;
border-right: 1px solid #000;
}
table thead th {
font-size: 0.9rem;
background-color:  #F6F3EE;
color: #fff;
}
.table_line {
border: none;
}
.table_line th {
background: none;
border-left: 0;
border-right: 0;
text-align: left;
border-right: 1px solid #000;
}
.table_line td {
border-left: 0;
border-right: 0;
vertical-align: middle;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 540px) {
table th, table td {font-size:14px;}
table th {white-space: normal;width: 32%;}
}
/*--------------------------------------------------------------------------------*/

/*背景色ベージュバック枠*/
.bg-box{background:#F6F3EE !important ;padding:30px 40px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.bg-box{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

/*お問い合わせフォーム*/
.formbox textarea{width:100%;height: 7em;}
.formbox input{width:60%;}
.formbox input,textarea{
padding: 6px;
border: 1px solid #ccc;
font-size: 16px ;
}
.formbox select{font-size: 17px !important;}
.formbox input[type="submit"]{
-webkit-appearance: none;

}
.formbox dl{margin: 25px 0 0 0;}
.formbox dd{margin: 0 0 15px 0;}
.formbox .formbuttan{text-align: center;margin: 20px 0;}
.formbox .formbuttan input{
color: #fff;padding: 14px 0 !important;border: 1px solid #00546C; width: 386px !important;font-size:16px !important;
background:#00546C;font-family: "ten-min", serif;font-weight:normal;
}
.formbox .formbuttan input:hover{
color: #fff;opacity: 0.6 !important;
cursor:pointer;
}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*お問い合わせフォーム*/
.formbox input{width:100%;}
.formbox .formbuttan input{width: 100% !important;padding: 14px 0 !important;}
.formbox .formbuttan input:hover{ width: 100% !important;}
}
/*--------------------------------------------------------------------------------*/

.link-btn{
display: inline-block;vertical-align: middle;
line-height: 1;
max-width:500px;
min-width:350px;
font-size:16px !important;background-color:#00546C;
border: 1px solid #00546C;
}
.link-btn a{padding: 18px !important;display: block;color:#fff;}
.link-btn a:hover{text-decoration:none;}
.link-btn:hover{opacity: 0.6 !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.conts .link-btn{min-width:100%;}
}
@media screen and (max-width: 480px){
.conts .link-btn a{width: 100% !important;padding: 20px 0 !important;
font-size:14px !important;}
}
/*--------------------------------------------------------------------------------*/

/*アーカイブ（カテゴリ一覧）ページ*/
.listbox{
font-family: "Noto-m", sans-serif;
display: inline-block;vertical-align: top;
padding-bottom: 20px;margin-bottom: 25px;width:100% !important;border-bottom: 1px dotted #222;
font-size: 14px;
}

.listbox .thumb{float: left;}
.listbox .thumb img{margin: 0 1.5em 0 0;width:140px !important; height:90px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.listbox .title{line-height: 1.3; margin: 18px 0 10px 0;color:#222;}
.listbox .category{line-height:1;
background-color: #666;font-size: 13px;display: inline-block;padding: 6px 25px;color: #fff;
 border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;margin-right: 14px;
}

/*カテゴリーをクラス名にして存在する数だけ用意します。*/
.blog {background-color: #A0D1D3 !important;}
.news {background-color: #EBB8A5 !important;}
.topics {background-color: #E1DEA6 !important;}
.event {background-color: #8fbc8f !important;}
.report{background-color:#d8bfd8 !important;}

.listbox .category a{text-decoration:none;color:#fff;}
.listbox .title br{display: none;}
.listbox a{text-decoration:none;color:#000;}
.listbox .date{font-size: 12px;display: inline-block;}


/*ギャラリーアーカイブ（一覧）ページ*/
.g-listbox{
display: inline-block;vertical-align: top;
padding: 0;width:31.2% !important;
margin: 0 0.8% 30px 0.8%;
line-height: 1.4;
position:relative;
}

.g-listbox a{text-decoration:none;color:#000;}

.g-listbox img{
width:100% !important; padding:0 !important; height:100% !important;
position: absolute;
}

.g-listbox .thumb{width:100% !important; 
height:0 !important;
margin: 0 0 15px 0;
padding-bottom: 65%;
position:relative;
overflow: hidden;
}

.gallery-toplist .title{
position:absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
width: 90%;
color:#fff;text-align: center;
font-size: 20px;
}
.gallery-toplist .sub-en{font-size: 13px;letter-spacing: 0.1em;}
.gallery-toplist .thumb{background-color:#000;margin: 0;}
.gallery-toplist .thumb img{opacity:0.85;}
.gallery-toplist .thumb img:hover{opacity:0.7;}

.g-listbox .date{font-size: 12px;margin-top: 10px;}

/*雲の枠*/
.kumo-list .g-listbox{
display: inline-block;vertical-align: top;
padding: 18px;width:31.2% !important;
margin: 0 0.8% 30px 0.8%;
line-height: 1.4;background:#EBE9DC;
}
.kumo-list .g-listbox a{color:#2fa0ba;}
.kumo-list .g-listbox .title{font-size: 18px;margin: 2px 0 8px 0;color:#2fa0ba;font-weight:bold;}
.kumo-list .g-listbox .exc{font-size: 15px;font-family:none;}
.kumo-list .g-listbox .list-kumo{position:absolute;top: -10px;right: 0;background:;z-index: 5;height: 34px;width: 76px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.g-listbox{
display: inline-block;vertical-align: top;
padding: 0;width:31.2% !important;
margin: 0 0.6% 30px 0.6%;
line-height: 1.4;
}
.kumo-list .g-listbox{
display: inline-block;vertical-align: top;
padding: 18px;width:48.2% !important;
margin: 0 0.5% 30px 0.5%;
line-height: 1.4;background:#EBE9DC;
}
}

@media screen and (max-width: 600px){
.listbox .title{line-height: 1.3; line-height: 1.3;margin: 15px 0 0 0;}
}
@media screen and (max-width: 480px){
.listbox .thumb img{width: 100px !important; height: 100px !important; display: inline-block;vertical-align: top;}
.listbox .category{
background-color: #ddd;font-size: 12px;display: inline-block;padding: 6px 15px;color: #fff;
 border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;margin-right: 14px;
}
.g-listbox{
display: inline-block;vertical-align: top;
padding: 0;width:48% !important;
margin: 0 0.5% 30px 0.5%;
line-height: 1.4;
}

.gallery-toplist .title{font-size: 18px;}
.kumo-list .g-listbox .title{font-size: 16px !important;}
.kumo-list .g-listbox{padding: 18px 14px 14px 14px !important;}
}
/*--------------------------------------------------------------------------------*/

/*ページャー*/
.pager{
text-align: center;
font-size: 13px;
padding:0;margin-top: 0;
}
.pager a{color: #000;}
.pager h2{display: none !important;}

.wp-pagenavi {text-align: center;display: block;margin-top: 5px;}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 2px 3px;
margin: 0px;font-size: 14px;display: inline-block;
}

.p-footer {margin: 20px 0 0 0;}
.p-footer .tenline {margin: 5px 0 10px 0;border: none;}
.p-footer .date {margin: 0 15px;font-size: 13px;display: inline-block;}
.p-footer .category {color:#1B70B5;font-size:15px;margin-right:10px;line-height:1;display: inline-block;}
.p-footer .tag {padding: 0 8px 0 16px;display: inline-block;font-size: 14px;line-height: 2.1;border-left: 1px solid #000;font-family: "Noto-m", sans-serif;}
.p-footer .tag a{background-color:#02546C;text-decoration: none !important;
padding:6px 25px;
color:#fff !important; 
line-height:1;
margin:0 0 8px 4px;
border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
cursor: pointer !important;

}
.p-footer .tag a:hover{opacity:0.7;}

.item-page iframe{display: inline-block !important;margin: 0 20px 20px 0;}
.item-page br{display: none !important;}

.nav-links{font-size:15px;}
.nav-links a{margin:0 5px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.item-page iframe{display: inline-block !important;margin: 0 0 20px 0;}
.item-page{text-align: center !important;}
}
/*--------------------------------------------------------------------------------*/

/*動画で楽しむ*/
.movie-box{
display: inline-block;
width: 47.2%;vertical-align: top;margin:0 1% 30px 1%;
line-height: 1.3;
}
.box_youtube{
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
margin-bottom: 10px;
  }
  .box_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
.movie-box{width: 100%;vertical-align: top;margin:0 1% 30px 1%;}
}
/*--------------------------------------------------------------------------------*/

/*食*/
.gourmet-page{border: 2px solid #2fa0ba;font-family:none;padding:30px 40px;}
.gourmet-page h2{
font-size: 35px;margin: 0 0 20px 0;color:#2fa0ba;font-weight:bold;
background:url(../images/gourmet-spot.png) no-repeat left 50%;
background-size: 80px auto;padding: 30px 0 30px 100px;
border-bottom: 6px solid #2fa0ba;margin-bottom: 40px ;
}
.gourmet-page .read{
border-left: 6px solid #2fa0ba;padding-left: 10px;margin-top: 30px ;font-size: 18px ;
}
.gourmet-page .addless{margin-top: 30px ;
background: #fffbd0 ;padding:20px 30px;
}
.gourmet-page ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0 !important;
}
.gourmet-page ul li {
position: relative;line-height: 1.8;
padding-left: 1.6em;line-height: 1.3;
margin: 0.8em 0;
}
.gourmet-page ul li:before {
content: "●";
color:#2fa0ba !important;
position: absolute;
left: 0;
top: 0;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
.gourmet-page{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

.men {
	list-style-type:none;
}
.men > li {
	position:relative;
}
.men > li > ul {
	display:none;
}
.men > li:hover ul {
	display:block;
	position:absolute;
	padding:12px !important;
	margin:0 !important;
	top:1em;
	left:-15px;
	list-style-type:none;
	z-index:10;
background:#fff;
}

.men > li > ul > li {
border:none !important;margin:0 !important;padding:0 !important;
display:block;font-size:14px;
}
.men > li > ul > li a {
padding:5px 0 !important;
display:block;min-width:120px !important;
}

/*見どころマップ*/
#map-page{}
#map-page .bg01 {background:url(../images/map-img/map-suisai-01.png) no-repeat left center;text-align:center;}
#map-page .bg02 {background:url(../images/map-img/map-suisai-02.png) no-repeat left center;text-align:center;}
.iroha{color:#0CADE7;font-weight:bold;}
#map-page .g-listbox .title{color:#ea512d;}

/*ドロっぷメニュー*/
#dropmenu{
  list-style-type: none;
  width: ;
  height: 20px;
  margin: 0;
  padding: 0;
}
#dropmenu li{
  position: relative;
  width: ;
  float: left;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  text-align: center;
border-right: 1px solid #000;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 0 ;
  color: #000;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: ;
  color: ;
}

#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
margin: 0 0 0 -15px;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
border-right: 0px solid #000;
}
#dropmenu li ul li a{
  padding: 10px 10px;
  background: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
overflow: visible;
 height: 26px;
}
#dropmenu li:hover ul li:first-child{
border-top: 0;
}
#dropmenu li:hover ul li:last-child{
border-bottom: 0;
}

#dropmenu .last{
margin-right: 0;border-right: none;
padding-right: 0;
}

.pnf{width: 46.5%;display:block;margin: 0 auto;}


/*Q＆A*/
.qanda-box{
display: inline-block;vertical-align: top;
padding: 18px 25px;width:100% !important;
margin: 0 0 30px 0;
line-height: 1.4;background:#f6f3ee;font-family:none;
position:relative;
}
.qanda-box a{color:#2fa0ba;}
.qanda-box .question{font-size: 22px;margin: 0;
padding: 0 50px 10px 0;
color:#2fa0ba;font-weight:bold;border-bottom:1px dotted #ddd;}
.qanda-box .anther{font-size: 16px;padding-top: 10px;}
.qanda-box .list-kumo{position:absolute;top: -10px;right: 0;z-index: 50;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.qanda-box .question{font-size: 20px;margin: 0;
padding: 0 0 10px 0;}
.qanda-box .list-kumo{position:absolute;top: -25px;right: 0;z-index: 50;}
}
/*--------------------------------------------------------------------------------*/

/*城下町スポット*/
#spot-page .kumo-list .g-listbox{
display: inline-block;vertical-align: top;
padding: 18px;width:23% !important;
margin: 0 0.6% 30px 0.6%;
line-height: 1.4;background:#EBE9DC;
}
#spot-page .g-listbox .thumb{width:100% !important; 
height:0 !important;
margin: 0 0 15px 0;
padding-bottom: 80%;
position:relative;
overflow: hidden;
}
#spot-page .g-listbox .title{color:#ea512d;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#spot-page .kumo-list .g-listbox{
padding: 18px;width:31.3% !important;
margin: 0 0.6% 30px 0.6%;
}
}
@media screen and (max-width: 600px){
#spot-page .kumo-list .g-listbox{
padding: 18px;width:48% !important;
margin: 0 0.6% 30px 0.6%;
}
}
/*--------------------------------------------------------------------------------*/

.area-btn .link-btn {margin:0 10px 10px 0;}

.blogname{margin:15px 0 0 0;text-align:right !important;}