/*
Theme Name: nfc
Theme URI: http://www.sofu.co.jp/
Author: Sofu Web-solution
Author URI: http://www.sofu.co.jp/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@charset "utf-8";
/* CSS Document */

/* ------ Tags init ------ */
:link,:visited{text-decoration:none;}
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td,artilce,section,aside,nav{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var{font-style:normal;font-weight:400;}
q:before,q:after{content:'';}
a{outline:none;text-decoration:underline;}
hr{background-color:#000;border:0;color:#000;height:1px;}
a img,:link img,:visited img{border:none;}
address{display:inline;font-style:normal;}
strong{font-weight:bolder;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
input,textarea,{margin:0;padding:0;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
a:focus{outline:none;}

/* ------  clearfix ------ */
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}
.both{clear:both;}

/* ------  common ------ */
body{color:#222222;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;font-size:16px;line-height:1.6;overflow-y:scroll;text-size-adjust:none;}
a{color:#0066cc;text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:bottom;}
h1,h2,h3,h4,h5{font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif; font-weight:700;}

.sans {font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;font-weight:700;}
.serif {font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;font-weight:700;}

.al-center{text-align:center;}
.al-left{text-align:left;}
.al-right{text-align:right}

.text-primary{color:#337ab7;}/*青*/
a.text-primary:hover{color:#286090;}
.text-success{color:#3c763d;}/*緑*/
a.text-success:hover{color:#2b542c;}
.text-info{color:#31708f;}/*水色*/
a.text-info:hover{color:#245269;}
.text-warning{color:#8a6d3b;}/*黄色*/
a.text-warning:hover{color:#66512c;}
.text-danger{color:#a94442;}/*赤*/
a.text-danger:hover{color:#843534;}

.bg-primary{color:#fff;background-color:#337ab7;}/*青*/
a.bg-primary:hover{background-color:#286090;}
.bg-success{background-color:#dff0d8;}/*緑*/
a.bg-success:hover{background-color:#c1e2b3;}
.bg-info{background-color:#d9edf7;}/*水色*/
a.bg-info:hover{background-color:#afd9ee;}
.bg-warning{background-color:#fcf8e3;}/*黄色*/
a.bg-warning:hover{background-color:#f7ecb5;}
.bg-danger{background-color:#f2dede;}/*赤*/
a.bg-danger:hover{background-color:#e4b9b9;}

/* grid system */
.row{ /*height:1px; min-height:1px;*/ }
.row:after{ clear:both; content:""; display:block; height:0; visibility:hidden;}
.row * { box-sizing:border-box; }
.row .col-1 { width:8.33%; }
.row .col-2 { width:16.66%; }
.row .col-3 { width:25%; }
.row .col-4 { width:33.33%; }
.row .col-5 { width:41.66%; }
.row .col-6 { width:50%; }
.row .col-7 { width:58.33%; }
.row .col-8 { width:66.66%; }
.row .col-9 { width:75%; }
.row .col-10 { width:83.33%; }
.row .col-11 { width:91.66%; }
.row .col-12 { width:100%; } 
.row [class*="col-"] { float: left; padding: 15px; }
.row [class*="col-"] img { width:100%; height:auto; max-width:100%; }


@media screen and (max-width:600px){
.row + .row { margin-top:20px; }
.row .col-1,
.row .col-2,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9,
.row .col-10,
.row .col-11,
.row .col-12 { width: 100%;} 
.row [class*="col-"] { float: none; padding: 0; margin-bottom:15px; }
.row [class*="col-"]:last-child { margin-bottom:0; }
}

/* ------ WordPress BlockEditor Custom ------ */

@media screen and (max-width: 768px){
.column-wrap,
.wp-block-columns.has-2-columns { flex-direction: row; flex-wrap: nowrap; }
}

@media screen and (max-width: 600px){
.column-wrap,
.wp-block-columns.has-2-columns { flex-direction: column; }
}

@media (max-width: 600px){
.wp-block-column:not(:last-child),
.wp-block-column:nth-child(odd) { margin-right: 0; }
.wp-block-column:not(:first-child),
.wp-block-column:nth-child(even) { margin-left:0; }
}



/* ------ body ------ */
body { min-width:1200px; }
.wrapper { position:relative; }
.container { width:1200px; margin:0 auto; position:relative; padding:30px 15px; box-sizing:border-box; }

@media screen and (max-width:960px){
body { margin: 0; min-width:0;}
img { max-width:100%; height: auto;}
.wrapper { overflow:hidden; }
.container { width:100%; }
}

@media screen and (max-width:600px){
body { font-size:13px; }
.container { padding:15px; }
}

/* ------ header ------ */
.header-sub-menu { text-align:right; background-color:#4fc9e0; }
.header-sub-menu .container { padding:10px 0; }
.header-sub-menu,
.header-sub-menu a { color:#fff; font-size:13px; font-weight:normal; }
.header-sub-menu ul { display:inline-block; }
.header-sub-menu li {  margin:0 15px; }
.header-sub-menu li:before { color:#a7e4ef; margin-right:5px; }
.header { position:relative;  }
.header .container { z-index:100; }
.header .logo {}
.header .logo img{}

@media screen and (max-width:960px){
.header-sub-menu { display:none; }
.header .container { padding:0; }
.header .logo { padding:8px 15px 10px; }
}

@media screen and (max-width:600px){
.header .logo { padding: 12px 8px 12px; }
.header .logo img { width:240px; }
}

/* ------ home-main-visual ------ */
.home-main-visual { position:relative; top:0; z-index:10; margin-top:-120px; overflow:hidden; }
.home-main-visual li { width:100%; min-height:760px; display:block; }
.home-main-visual .bx-wrapper { }
.home-main-visual .bx-wrapper img { width:100%; }
.home-main-visual .bx-wrapper .bx-viewport { border:0; left:0; box-shadow:none; background:none; overflow:visible !important;}
.eyecatch { position:absolute; top:150px; left:-100px; z-index:102; } 

@media screen and (max-width:1380px){
.eyecatch { position:absolute; left:20px; }
}

@media screen and (max-width:960px){
.home-main-visual { margin-top:0; }
.home-main-visual li { min-height:480px; }
.eyecatch img { width:300px; height:auto; }
}

@media screen and (max-width:600px){
.home-main-visual li { min-height:280px; }
.eyecatch { top:120px; left:0; }
.eyecatch img { width:160px; }
}

/* ------ global-nav ------ */
.home .global-nav { display:none; }
.global-nav { width:800px; margin:0; position:absolute; top:20px; right:15px; }
.global-nav * { box-sizing:border-box;  }
.global-nav ul { border-left:1px solid #ccc; }
.global-nav li { width:calc(100% / 6); width:133px; float:left; text-align:center; border-right:1px solid #ccc; }
.global-nav li a { font-size:14px; color:#222; padding:70px 0 15px; display:block; line-height:1; }
.global-nav li a:hover { color:#06c; }
.global-nav li.menu-item-59 a { background:url("cmn/imgs/nav_01.png") no-repeat; background-position:center 8px; background-size:45% auto; }
.global-nav li.menu-item-60 a { background:url("cmn/imgs/nav_02.png") no-repeat; background-position:center 8px; background-size:45% auto; }
.global-nav li.menu-item-61 a { background:url("cmn/imgs/nav_03.png") no-repeat; background-position:center 8px; background-size:45% auto; }
.global-nav li.menu-item-62 a { background:url("cmn/imgs/nav_04.png") no-repeat; background-position:center 8px; background-size:45% auto; }
.global-nav li.menu-item-63 a { background:url("cmn/imgs/nav_05.png") no-repeat; background-position:center 8px; background-size:45% auto; }
.global-nav li.menu-item-64 a { background:url("cmn/imgs/nav_06.png") no-repeat; background-position:center 8px; background-size:45% auto; }
.snav { display:none; }
.menu-button{ display:none; }

@media screen and (max-width:960px){
.global-nav { display:none; }
.snav { display:block; }
.home .snav { width:100%; position:absolute; z-index:102; }
.snav ul { opacity:0 !important; }
.snav ul.flexnav-show { opacity:1 !important; }
.menu-button{ display:block; }
.menu-trigger,
.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu-trigger { position: relative; width: 100%; height: 24px; }
.menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #fff; border-radius: 0px; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 9px; }
.menu-trigger span:nth-of-type(3) { bottom: 3px; }
.menu-trigger span:nth-of-type(3):after{ content:"メニュー"; display:inline-block; white-space:nowrap; font-size:10px; font-weight:bold; color:#fff; margin-top:10px; margin-left:-4px; }
.menu-button-wrap{ width:20%; max-width:50px; position:absolute; top:15px; right:15px;  }
.menu-button { border:none; background:#4fc9df; text-align:center; padding:10px 10px 15px 10px; line-height:1; }
.menu-button .touch-button{ display:none; }
.menu-button.active { padding:10px 10px 15px 10px;}
.menu-button.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); }
.menu-button.active span:nth-of-type(2) { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); top: 10px; }
.menu-button.active span:nth-of-type(3) { background-color:rgba(255, 255, 255, 0); }
.menu-button.active span:nth-of-type(3):after { content: "閉じる"; margin-left: 0px; }
.flexnav { background:#d7f6ff; position:relative; z-index:999; }
.flexnav li { width:100%; text-align:left; color:#222; }
.flexnav li a { background-color:initial; color:#222; padding:15px 10px; padding-left:0; border-bottom: 1px solid #fff; transition:height .6s 0.3s; }
.flexnav li a i { margin-right:10px; font-size:11px; }
.flexnav li a .sub { font-size:12px; margin-left:10px; }
.flexnav.flexnav-show li a { color:#222; padding-left:14px; }
.flexnav .touch-button { width:55px; height:55px; background:#69d2f3; }
.flexnav .touch-button .navicon { color:#fff; }
.flexnav li ul li a { background:#fff; color:#69d2f3; }

}

@media screen and (max-width:600px){
.menu-button-wrap { top:7px; right:7px; }
.flexnav .touch-button { width:50px; height:50px; }
}

/* ------ breadcrumbs ------ */
.breadcrumbs { font-size:14px; padding:5px 0; margin:20px 0 0; position:relative; box-sizing:border-box; border-top:1px solid #4fc9df; }
.breadcrumbs .container { padding:5px 15px; }
.breadcrumbs i.fas { color:#33cccc; margin-right:5px; }
.breadcrumbs a { color:#33cccc; }

@media screen and (max-width:960px){
.breadcrumbs { margin:0; }
.breadcrumbs .container { white-space:nowrap; overflow-x:auto; }
}

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

.breadcrumbs { font-size:10px; padding:0; }
.breadcrumbs .container { padding:5px 10px; }

}

/* ------ page-title ------ */
.page-title { background:#abf0ff; background:url("cmn/imgs/page_title_bk.jpg") repeat top center ; text-align:center; }
.page-title .title { font-size:30px; margin:20px 0; }

@media screen and (max-width:960px){
.page-title .title { font-size:28px; margin:10px 0; }
}

@media screen and (max-width:600px){
.page-title .title { font-size:19px; margin:0; }
.page-title .container { padding:15px 0; }
}

/* ------ body-content ------ */
.body-content * { box-sizing:border-box; }
.body-content p { margin-bottom:15px; }
.body-content a { text-decoration: underline; }
.body-content a:hover { text-decoration: none; }
.body-content ul, 
.body-content ol { margin: 20px 0 20px 20px; padding: 0; }
.body-content ul { list-style: disc outside; }
.body-content ol { list-style: decimal outside; }
.body-content h1 { font-size:32px; font-weight:bold; margin-bottom:20px;}
.body-content h2 { font-size:24px; font-weight:bold; margin-bottom:20px;}
.body-content h3 { font-size:19px; font-weight:bold; margin-bottom:15px;}
.body-content h4 { font-size:17px; font-weight:bold;}
.body-content h5 { font-weight:bold;}
.body-content img { max-width:100%; height:auto; }
.body-content table { border-collapse:collapse; margin-bottom:20px; background:#fff;}
.body-content table th,
.body-content table td { font-size:15px; border:1px solid #95c7da; padding:15px 20px;}
.body-content table th { font-weight:bold; padding:15px 20px; background:#d9f5fc;}
.body-content .unit { margin-bottom:40px;}
.body-content .in-unit { margin-bottom:20px;}

@media screen and (max-width:960px){
.body-content { overflow-x:auto; }
.body-content p { line-height:2; }
}

@media screen and (max-width:600px){
.body-content h2 { font-size:17px; }
.body-content h3 { font-size:15px; }
.body-content table th,
.body-content table td { font-size:13px; padding:10px 15px;}
}

/* ------ common-style 汎用スタイル ------ */
.common-style h2 { font-size:22px; background:url("cmn/imgs/title_bk.jpg") left bottom repeat-x; padding:8px 0 10px 50px; position:relative; }
.common-style h2:before { content:url("cmn/imgs/title_deco.png"); display:block; position:absolute; top:7px; left:18px; }
.common-style h3 { font-size:19px; font-weight:bold; margin-bottom:15px; padding-left:20px; position:relative;}
.common-style h3:before { content:url("cmn/imgs/title_deco2.png"); display:block; position:absolute; top:4px; left:0;}

@media screen and (max-width:600px){
.common-style h2 { font-size:17px; }
.common-style h3 { font-size:15px; }
}

/* ------ home ------ */
.home-global-nav { background:rgba(255, 255, 255, 0.8); margin-top:-131px; position:relative; z-index:101; }
.home-global-nav .container { padding:20px 0 10px; }
.home-global-nav * { box-sizing:border-box; }
.home-global-nav ul { border-left:1px solid #fff; }
.home-global-nav li { width:calc(100% / 6); float:left; text-align:center; border-right:1px solid #fff; }
.home-global-nav li a { color:#222; padding:70px 0 15px; display:block; line-height:1; }
.home-global-nav li.menu-item-59 a { background:url("cmn/imgs/nav_01.png") no-repeat; background-position:center 10px; background-size:30% auto; }
.home-global-nav li.menu-item-60 a { background:url("cmn/imgs/nav_02.png") no-repeat; background-position:center 10px; background-size:30% auto; }
.home-global-nav li.menu-item-61 a { background:url("cmn/imgs/nav_03.png") no-repeat; background-position:center 10px; background-size:30% auto; }
.home-global-nav li.menu-item-62 a { background:url("cmn/imgs/nav_04.png") no-repeat; background-position:center 10px; background-size:30% auto; }
.home-global-nav li.menu-item-63 a { background:url("cmn/imgs/nav_05.png") no-repeat; background-position:center 10px; background-size:30% auto; }
.home-global-nav li.menu-item-64 a { background:url("cmn/imgs/nav_06.png") no-repeat; background-position:center 10px; background-size:30% auto; }
.home-global-nav li a:hover { color:#06c; }
/* .home-global-nav li a:hover { background-color:rgba(255, 255, 255, 0.7); }*/

@media screen and (max-width:960px){
.home-global-nav { margin-top:0; }
.home-global-nav .container { padding:15px; }
.home-global-nav li { width:calc(100% / 3); border:1px solid #a7e4ef; }
.home-global-nav li:nth-child(2) { border-left:0; }
.home-global-nav li:nth-child(3) { border-left:0; }
.home-global-nav li:nth-child(4) { border-top:0; }
.home-global-nav li:nth-child(5) { border-top:0; border-left:0; }
.home-global-nav li:nth-child(6) { border-top:0; border-left:0; }
.home-global-nav li a { font-size:15px; white-space:nowrap; background-size:60px auto !important; }
}

@media screen and (max-width:600px){
.home-global-nav .container { padding:5px; }
.home-global-nav li a { font-size:11px; background-size:45px auto !important; background-position:center 8px !important; padding: 55px 0 10px; }
}

.home .body-content .container { width:100%; padding:0; }
.home .body-content a { text-decoration:none; } 
.home .body-content a:hover { color:#06c; }
.home .body-content ul,
.home .body-content ol { list-style:none; margin:0; }
.home .body-content .section-body { width:1200px; margin:0 auto; padding:30px 15px; }

@media screen and (max-width:960px){
.home .body-content .section-body { width:100%; }
}

@media screen and (max-width:600px){
.home .body-content .section-body { padding:20px 15px; }
}

/* トップ 特集エリア */
.home .special-contents { background:url("cmn/imgs/bk_lightblue.jpg") repeat; }
.home .special-contents h2 { font-size:20px; text-align:center; position:relative; margin-bottom:10px; }
.home .special-contents h2:after { content:""; width:120px; height:5px; display:inline-block; background:#69d2f3; position:absolute; bottom:-8px; left:0; right:0; margin:0 auto; }
.home .special-contents h3 { font-size:30px; text-align:center; margin-bottom:0; }
.home .special-contents h3 b { font-size:40px; font-weight:bold; }
.home .special-contents li { width:calc(100% / 3 - 20px); margin:10px; float:left; }
.home .special-contents li img { width:100%; height:auto; border:1px solid #4fc9df; }
.home .special-contents li .thumb { display:block; margin-bottom:10px;  }
.home .special-contents li .thumb:hover { opacity:.7; }
.home .special-contents li .cat { color:#fff; font-size:12px; background:#9090ff; padding:2px 12px; display:inline-block; margin-right:5px; border-radius:3px; }
.home .special-contents li .date { font-size:13px; font-weight:normal; padding:2px 0; display:inline-block; }
.home .special-contents li .title { color:#222; font-size:18px; display:block; margin:5px 0; }
.home .special-contents li .title:hover { color:#06c; }

@media screen and (max-width:960px){
.home .special-contents li .title { font-size:16px; }
.home .special-contents li { width:calc(50% - 20px); }
}

@media screen and (max-width:600px){
.home .special-contents h2 { font-size:17px; }
.home .special-contents h3 { font-size:19px; }
.home .special-contents h3 b { font-size:32px; }
.home .special-contents li { width:100%; margin:0 0 20px; }
}

/* トップ 美食旅エリア */
.home .tourism-contents h2 { color:#4fc9df; font-size:26px; text-align:center; position:relative; margin-bottom:10px; line-height:1.8;}
.home .tourism-contents h2 img { margin-left:5px; }
.home .tourism-contents ul { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.home .tourism-contents ul::-webkit-scrollbar{ height: 10px; }
.home .tourism-contents ul::-webkit-scrollbar-track{ background: #fff; border-left: solid 1px #ececec; }
.home .tourism-contents ul::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 10px; box-shadow: inset 0 0 0 2px #fff; }
.home .tourism-contents li { width:calc(100% / 4 - 20px); margin:10px; display:inline-block; vertical-align:top; }
.home .tourism-contents li img { width:100%; height:auto; border:1px solid #4fc9df; }
.home .tourism-contents li .thumb { display:block; }
.home .tourism-contents li .thumb:hover { opacity:.7; }
.home .tourism-contents li .cat { color:#fff; font-size:14px; text-align:center; background:#4ec6dc; padding:5px 0;}
.home .tourism-contents li .text { color:#222; font-size:15px; background:#d7f6ff; padding:10px; min-height:120px; white-space:normal;  }

@media screen and (max-width:960px){
.home .tourism-contents li { width:200px; }
.home .tourism-contents li .text { font-size:14px; }
}

@media screen and (max-width:600px){
.home .tourism-contents h2 { font-size:21px; }
.home .tourism-contents h2 img { display:block; margin:0 auto; }
}

/* トップ お知らせエリア */
.home .news .section-body { position:relative; }
.home .news h2 { color:#4fc9df; font-size:26px; padding:5px 0 15px 15px; background:url("cmn/imgs/home_info_kei.png") left bottom repeat-x; }
.home .news .more { color:#fff; font-size:14px; background:#69d2f3; border-radius:5px; padding:5px 20px; display:inline-block; position:absolute; top:40px; right:30px; }
.home .news .more:hover { color:#fff; }
.home .news ul { overflow-y:auto; -webkit-overflow-scrolling: touch; height:260px; }
.home .news ul::-webkit-scrollbar{ width: 10px; }
.home .news ul::-webkit-scrollbar-track{ background: #fff; border-left: solid 1px #ececec; }
.home .news ul::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 10px; box-shadow: inset 0 0 0 2px #fff; }
.home .news li { padding:10px 15px; border-bottom:1px dotted #ccc; }
.home .news li .date { color:#999; font-size:14px; margin-right:15px; }
.home .news li .cat { color:#fff; font-size:11px; background:#69d2f3; display:inline-block; padding:2px 10px; border-radius:3px; margin-right:15px; }
.home .news li .title a { color:#222; }
.home .news li .title a:hover { color:#0066cc; text-decoration:underline; }
.home .news .cat-id-5 .cat { background:#697cf3; }
.home .news .cat-id-12 .cat { background:#a3e27d; }

@media screen and (max-width:960px){
.home .news li .date { margin-right:10px; }
.home .news li .cat { margin-right:0; }
.home .news li .title { display:block; margin:5px 0 0; }
}

@media screen and (max-width:600px){
.home .news h2 { font-size:21px; }
.home .news .more { font-size:13px; top:25px; right:15px; }
}

.home .feature { }
.home .feature h2 { font-size:36px; position:relative; padding:20px 0 0; margin:0; }
.home .feature h2:before { content:""; width:140px; height:140px; background:#d9f5fc; border-radius:500px; display:block; position:absolute; top:-20px; left:200px; z-index:-1;  }

@media screen and (max-width:960px){
.home .feature h2 { font-size:27px; }
.home .feature h2:before { left:20px; }
}

@media screen and (max-width:600px){
.home .feature h2 { font-size:21px; }
.home .feature h2:before { left:0px; }
}

.home .feature-content { }
.home .feature-content .section-body { position:relative; }
.home .feature-content h3 { font-size:20px; color:#069; margin:0 0 15px; }
.home .feature-content h4 { font-size:26px; margin:0 0 15px; }
.home .feature-content p { font-size:15px; background:url("cmn/imgs/home_note_bk.png"); line-height:35px; }
.home .feature-content .box { width:50%; float:left; }
.home .feature-content .in-box + .in-box { margin-top:40px; }
.home .feature-content a.btn { font-size:14px; background:#fff; display:inline-block; padding:3px 50px; border:1px solid #06c; border-radius:50px; }
.home .feature-content a.btn:hover { color:#fff; background:#06c; }

@media screen and (max-width:960px){
.home .feature-content .box { width:100%; float:none; }
}

@media screen and (max-width:600px){
.home .feature-content h4 { font-size:16px; }
.home .feature-content p { font-size:13px; background:none; line-height:1.6; }
.home .feature-content p br { display:none; }
.home .feature-content a.btn { display:block; padding:5px 0; text-align:center; }
}

.home .fresh-fish-center { background:url("cmn/imgs/bk_lightblue.jpg") repeat; }
.home .fresh-fish-center .box-content .img { margin:20px 0; }
.home .fresh-fish-center .box-content .img img { border:3px solid #fff; display:inline-block; }
.home .fresh-fish-center .box-content .img img + img { margin:0 0 0 10px;}
.home .fresh-fish-center .box-content .img .kani { position:absolute; top:-30px; right:0px; margin:0; border:0; }
.home .fresh-fish-center .box-img .sakana { margin-left:-40px; }

@media screen and (max-width:960px){
.home .fresh-fish-center .box-img { display:none; }
}

@media screen and (max-width:600px){
.home .fresh-fish-center .box-content .img .kani { width:120px; top: -10px; }
.home .fresh-fish-center .box-content .img img { width:calc(50% - 10px);}
}

.home .restaurant .section-body { padding:50px 15px; }
.home .restaurant .fukuura-img { position:absolute; top:80px; right:20px; }
.home .restaurant .key-west-img { width:500px; position:absolute; top:380px; right:20px; }
.home .restaurant .key-west-img img { float:left; }
.home .restaurant .key-west-img img + img { float:right; }
.home .online-shop { background:url("cmn/imgs/bk_green.jpg") repeat;  }
.home .online-shop .echigon { width:200px; position:absolute; top:160px; right:0; }
.home .online-shop .yk-logo { margin-bottom:15px;}

@media screen and (max-width:960px){
.home .restaurant .fukuura-img,
.home .restaurant .key-west-img { display:block; position:static; margin:20px 0; }
.home .restaurant .key-west-img { width:100%; }
.home .online-shop .box-img,
.home .online-shop .echigon { display:none; }
.home .restaurant .key-west-img img,
.home .restaurant .key-west-img img + img { float:none;  }
.home .restaurant .key-west-img img { width:calc(50% - 10px);}
.home .restaurant .key-west-img img + img { margin-left:10px; }
}

@media screen and (max-width:600px){
.home .restaurant .section-body { padding:20px 15px; }
}

.home .koibito-misaki { background:url("cmn/imgs/bk_pink.jpg") repeat; }
.home .koibito-misaki h3 { color:#c00; }
.home .koibito-misaki .box-content .img { margin:20px 0; }
.home .koibito-misaki .box-content .img img { border:3px solid #fff; display:inline-block; }
.home .koibito-misaki .box-content .img img + img { margin:0 0 0 10px;}
.home .koibito-misaki .box-img { text-align:center; position:relative; z-index:100; }
.home .koibito-misaki .box-img:after { content:""; width:140px; height:140px; background:#ffe3f9; border-radius:500px; display:block; position:absolute; top:0px; right:30px; z-index:-1; opacity:.8; }

@media screen and (max-width:960px){
.home .koibito-misaki .box-img { display:none; }
}

@media screen and (max-width:600px){
.home .koibito-misaki .img img { width:calc(50% - 10px);}
}

/* トップ 下部バナー */
.home .banners li { width:25%; float:left; text-align:center; padding:10px; }

@media screen and (max-width:960px){
.home .banners li { width:50%; }
}

@media screen and (max-width:600px){
.home .banners li { padding:5px; }
}

.home .access-map { margin:30px 0 0;}
.home .access-map h2 { color:#4fc9df; }
.home .access-map iframe { margin:0 0 20px; }
.home .access-map a.btn { font-size:14px; color:#4fc9df; background:#fff; display:inline-block; padding:5px 50px; border:1px solid #4fc9df; border-radius:50px; }
.home .access-map a.btn:hover { color:#fff; background:#4fc9df; }
.home .access-map a.btn + a.btn { margin-left:20px; }

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

}

@media screen and (max-width:600px){
.home .access-map iframe { height:240px; }
.home .access-map a.btn,
.home .access-map a.btn + a.btn { display:block; width:calc(100% - 30px); margin:10px auto; }
}

/* ------ welcome はじめての方へ ------ */
.page-5 .body-content h2.catch { font-size:28px; text-align:center; color:#4586d6; background:none; padding-bottom:20px; margin-bottom:0;}
.page-5 .body-content h2.catch + p { text-align:center; font-weight:normal; line-height:2; margin-bottom:70px;}
.page-5 .body-content h2 { font-size:28px; text-align:center; color:#0587b9; background:url("cmn/imgs/welcome_title_kei.png") center bottom no-repeat; padding-bottom:20px; }
.page-5 .body-content h2 + p { text-align:center; margin-bottom:30px;}
.page-5 .body-content .unit { position:relative; }
.page-5 .body-content .unit .in-unit { float:left; width:calc(100% / 3 - 20px); min-height:430px; margin:0 30px 30px 0; background:#fff; box-shadow:0 0 5px #ccc; }
.page-5 .body-content .unit .in-unit:nth-child(3n){ margin-right:0; }
.page-5 .body-content .unit .in-unit { padding:15px;}
.page-5 .body-content .unit .in-unit .img { margin-bottom:10px;}
.page-5 .body-content .unit .in-unit .img img { width:100%;}
.page-5 .body-content .unit .in-unit h3 { font-size:20px; color:#73af25;}
.page-5 .body-content .unit .in-unit .btn { text-align:center; margin:5px 0;}
.page-5 .body-content .unit .in-unit .btn a:hover {}

@media screen and (max-width:768px) {
.page-5 .body-content .unit .in-unit { float:left; width:calc(50% - 10px); margin:0 20px 20px 0; min-height:430px; }
.page-5 .body-content .unit .in-unit:nth-child(3n) { margin-right:20px; }
.page-5 .body-content .unit .in-unit:nth-child(2n){ margin-right:0; }
.page-5 .body-content .unit .in-unit p { line-height:1.6; }
}

@media screen and (max-width:600px) {
.page-5 .body-content h2.catch { font-size:21px; }
.page-5 .body-content h2 { font-size:19px; }
.page-5 .body-content h2.catch + p { margin-bottom:40px; }
.page-5 .body-content h2.catch + p,
.page-5 .body-content h2 + p,
.page-5 .body-content p { font-size:14px; line-height:1.6; }
.page-5 .body-content h2.catch + p { text-align:left; }
.page-5 .body-content .unit .in-unit h3 { font-size:19px; margin-bottom: 5px;}
.page-5 .body-content .unit .in-unit { width:100%; margin:0 0 20px 0; min-height:0; }
.page-5 .body-content .unit .in-unit p { line-height:1.6; }
.page-5 .body-content .unit .in-unit .img img { width:100%; }
}

/* ------ special 特集 固定ページ ------ */
.page-13 .body-content .container { width:100%; margin:auto; padding:0; }
.page-13 .body-content .section-body { width:1200px; margin:0 auto; padding:30px 15px; }
.page-13 .body-content .readtext { line-height:2; }
.page-13 .body-content ul { list-style:none; margin:0; }
.page-13 .body-content a { text-decoration:none; }
.page-13 .pickup .section-body { padding-top:0; padding-bottom:0; }
.page-13 .special-contents-unit .section-body { padding-top:0; }

.page-13 .pickup li { position:relative; }
.page-13 .pickup li .ribbon{ display:inline-block; position:absolute; top:-6px; right:12px; z-index:2; width:40px; text-align:center; color:#FFF; font-size:17px; background:linear-gradient(#ff785b 0%, #e95738 100%); border-radius:2px 0 0 0; margin:0; padding:10px 0; }
.page-13 .pickup li .ribbon:before{ position:absolute; content:''; top:0; right:-6px; border:none; border-bottom:solid 6px #cf4a2d; border-right:solid 6px transparent; }
.page-13 .pickup li .ribbon:after{ content:''; position:absolute; left:0; top:100%; height:0; width:0; border-left:20px solid #e95738; border-right:20px solid #e95738; border-bottom:10px solid transparent; }

@media screen and (max-width:960px){
.page-13 .body-content .section-body { width:100%;}
}

@media screen and (max-width:960px){
.page-13 .content .al-center { text-align:left; }
}


/* ------ tourism 美食旅 固定ページ ------ */
.page-15 .body-content a { text-decoration:none; }
.page-15 .body-content .readtext { line-height:2; }
.page-15 .tourism-search { margin:40px 0; }

@media screen and (max-width:960px){
.page-15 .content .al-center { text-align:left; }
}

/* ------ access アクセス・交通情報 ------ */
.page-17 .body-content .indent { padding:0 135px;}
.page-17 .body-content .indent h3 { margin-top:30px;}
.page-17 .body-content table { width:100%; margin-bottom:50px;}
.page-17 .body-content table th { width:15%;}

@media screen and (max-width:768px) {
.page-17 .body-content .indent { padding:0;}
.page-17 .body-content table th { width:auto;}
}

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

/* ------ company 会社紹介 ------ */
.page-19 .body-content .indent { padding:0 135px;}
.page-19 .body-content table { width:100%; }
.page-19 .body-content table + h2{ margin-top:40px;}
.page-19 .body-content table th { width:20%;}
.page-19 .body-content .rinen { font-size:24px; color:#004c98; padding-bottom:20px; text-indent:-1em; padding-left:1em;}

@media screen and (max-width:768px) {
.page-19 .body-content .indent { padding:0;}
.page-19 .body-content table th { width:auto;}
.page-19 .body-content .rinen { font-size:18px; padding-bottom:10px;}
}

@media screen and (max-width:600px) {
.page-19 .body-content table th { white-space:nowrap; }
.page-19 .body-content .rinen br{ display:none; }
}


/* ------ contact お問い合わせ ------ */
.page-21 .section-inner { width:1000px; margin:40px auto; }
.page-21 table { width:100%; background:none; }
.page-21 table tr { border-top:1px solid #4fc9e0;  }
.page-21 table tr:last-child { border-bottom:1px solid #4fc9e0; }
.page-21 table th,
.page-21 table td { border:0; background:0; }
.page-21 table th { font-weight:normal; width:50%; }
.page-21 table th:before { color:#4fc9e0; content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight:900; margin-right:10px; }
.page-21 table td { color:#4589d2; font-size:16px; font-weight:bold; }
.page-21 .reservation { font-size:18px; font-weight:bold; }
.page-21 .wpcf7 { background:#eafcfe; padding:40px 0; box-sizing:border-box; margin-bottom:30px;}
.page-21 .wpcf7 table { margin:40px 0; }
.page-21 .wpcf7 .section-inner { margin:0 auto; }
.page-21 .wpcf7 .notice { color:#ff6666; }
.page-21 .wpcf7 .wpcf7-response-output { background:#fff; width:1000px; margin:20px auto 0; padding:20px; }
/* cf7 */
.wpcf7 table th,
.wpcf7 table td { border:0; }
.wpcf7 table th { width:25%; white-space:nowrap; }
.wpcf7 table td { width:70%; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { padding:5px 10px; font-size:16px; border:1px solid #999; border-radius:2px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; width:90%; min-width:180px;}
.wpcf7 .asterisk { color:#d10000; margin-left:10px; }
span.wpcf7-not-valid-tip { color:#e84d49; }
.wpcf7 .confirm { text-align:center; }
.wpcf7 .confirm .wpcf7-list-item-label { cursor:pointer; }
.wpcf7 .submit { text-align:center; margin-top:20px; }
.wpcf7 input[type="submit"] { color:#fff; background:#3399cc; border:0; border-radius:5px; padding:10px 40px; font-size:16px; font-weight:bold; font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif; cursor:pointer; -webkit-appearance: none; }
.wpcf7 .wpcf7-submit:disabled { background:#999; }

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

.page-21 .section-inner { width:100%; margin:40px auto; }
.page-21 .wpcf7 { padding:30px 30px; }
.page-21 .wpcf7 th,
.page-21 .wpcf7 td { width:100%; display:block; }
.page-21 .wpcf7 th { padding-bottom:0; }
.page-21 .wpcf7 td { padding-top:10px; }
.page-21 .wpcf7 .wpcf7-response-output { width:100%; }
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 textarea { width:100%; }

}

@media screen and (max-width:600px){
.page-21 table th,
.page-21 table td { width:100%; display:block; padding-left:0; padding-right:0; }
.page-21 table th { padding-bottom:0; }
.page-21 table td { padding-top:10px; }
.page-21 .wpcf7 { padding:15px; }
.page-21 .wpcf7 table { margin:15px 0; }
}

/* ------ privacy-policy 個人情報の取扱 ------ */
.page-90 .body-content .indent { padding:0 135px;}

@media screen and (max-width:960px){
.page-90 .body-content .indent { padding:0;}
}

/* ------ reservation キーウエストご予約フォーム ------ */
.page-463 .wpcf7 table { background:none; }
.page-463 .wpcf7 table tr { border-bottom:1px solid #4fc9e0;  }
.page-463 .wpcf7 table tr:last-child { border-bottom:1px solid #4fc9e0; }
.page-463 .wpcf7 table th,
.page-463 .wpcf7 table td { border:0; background:0; }
.page-463 .wpcf7 table th { font-weight:normal; width:20%; }
.page-463 .wpcf7 table th:before { color:#4fc9e0; content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight:900; margin-right:10px;  }
.page-463 .wpcf7 { padding:40px 0; box-sizing:border-box; }
.page-463 .wpcf7 .inner { padding:50px 80px; background:#eafcfe; margin-bottom:30px;}
.page-463 .notice { color:#ff6666; font-size:14px;}
.page-463 .wpcf7 .wpcf7-response-output { background:#fff; width:1000px; margin:20px auto 0; padding:20px; }
.page-463 #number,
.page-463 #crew,
.page-463 #tourguide { width:200px; }

@media screen and (max-width:960px){
.page-463 .wpcf7 { padding:30px 0;}
.page-463 .wpcf7 table { width:100%; }
.page-463 .wpcf7 th,
.page-463 .wpcf7 td { width:100%; display:block; }
.page-463 .wpcf7 th { padding-bottom:0; }
.page-463 .wpcf7 td { padding-top:10px; }
.page-463 .wpcf7 .wpcf7-response-output { width:100%; }
.page-463 input[type="text"], 
.page-463 input[type="email"], 
.page-463 textarea { width:100%; }
.page-463 .wpcf7 .inner { padding:20px;}
}

@media screen and (max-width:600px){
.page-463 table th,
.page-463 table td { width:100%; display:block; padding-left:0; padding-right:0; }
.page-463 table th { padding-bottom:0; }
.page-463 table td { padding-top:10px; }
.page-463 .wpcf7 { padding:15px 0; }
}


/* ------ sitemap サイトマップ ------ */
.page-92 .main { padding:0 135px;}
.page-92 .body-content ul#sitemap_list { list-style:none;}
.page-92 .body-content ul#sitemap_list a { color:#222; text-decoration:none; }
.page-92 .body-content ul#sitemap_list a:before { color:#4fc9e0; content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight:900; margin-right:10px; }
.page-92 .body-content ul#sitemap_list li li a:before { content:"\f105"; }
.page-92 .body-content ul#sitemap_list li.home-item,
.page-92 .body-content ul#sitemap_list li.page_item { border-bottom:2px solid #95c7da; padding:15px;}
.page-92 .body-content ul#sitemap_list li.page_item ul.children li { list-style:none; border-bottom:none; padding:10px 0 0 30px;}
.page-92 .body-content ul { margin:0; padding:0;}

@media screen and (max-width:768px) {
.page-92 .main { padding:0;}
}

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

/* ------ news お知らせ ------ */
.category-news .main,
.post-cat-news .main { float:left; }
.category-news .sidebar,
.post-cat-news .sidebar { float:right; }
.category-news .main,
.post-cat-news .main { width:calc(100% - 360px); }
.category-news .sidebar,
.post-cat-news .sidebar { width:320px; }

/* サイドバー */
.sidebar .sidebar-unit h4 { background:#a9ebf7; padding:10px 15px; }
.sidebar .sidebar-unit ul { margin:20px 15px; }
.sidebar .sidebar-unit li { list-style:none; position:relative; }
.sidebar .sidebar-unit li + li { margin-top:10px; }
.sidebar .sidebar-unit li a { color:#222; font-size:15px; text-decoration:none; padding: 0 0 0 20px; display:block; }
.sidebar .sidebar-unit li a:before { content:""; width:8px; height:8px; background:#4fc7df; position:absolute; top:7px; left:0; border-radius:100%; }
.sidebar .sidebar-unit li a:hover { color:#06c; }

@media screen and (max-width:960px){
.category-news .main,
.post-cat-news .main,
.category-news .sidebar,
.post-cat-news .sidebar { float:none; width:100%; }
.category-news .sidebar,
.post-cat-news .sidebar { margin-top:40px; }
}

/* ------ news お知らせ 記事 ------ */
.post-cat-news .body-content h1 { font-size:24px; border-bottom:3px solid #a9ebf7; padding:0 0 20px; }
.post-cat-news .body-content .post-meta { font-size:14px; margin-bottom:15px; }
.post-cat-news .body-content .post-meta .addtoany_shortcode { display:inline-block; margin-left:10px; }
.post-cat-news .body-content .back { margin-top:40px; }
.post-cat-news .body-content .back .btn { background:#4fc7df; color:#fff; text-decoration:none; padding:10px 60px; display:inline-block; border-radius:3px; }

@media screen and (max-width:600px){
.post-cat-news .body-content h1 { font-size:18px; padding:0 0 10px; margin-bottom:10px; }
.post-cat-news .body-content .post-meta { font-size:12px; }
}

/* ------ news お知らせ 一覧 ------ */
.category-news .body-content table,
.category-news .body-content th,
.category-news .body-content td { border:0; background:0; }
.category-news .body-content th { padding:10px; }
.category-news .body-content td { padding:10px; }
.category-news .body-content th { width:140px; }
.category-news .body-content td { border-bottom:1px solid #ccc; }
.category-news .body-content h2 { font-size:18px; margin:0; }
.category-news .body-content h2 a { color:#222; text-decoration:none; display:block; }
.category-news .body-content .post-meta { margin:0 0 10px; }
.category-news .body-content .cat { color:#fff; font-size:12px; background:#69d2f3; padding:2px 12px; display:inline-block; margin-right:5px; border-radius:3px; }

@media screen and (max-width:600px){
.category-news .body-content th { width:100px; }
.category-news .body-content th img { width:100%; height:auto; }
.category-news .body-content .post-meta { font-size:12px; margin:0 0 5px; }
.category-news .body-content h2 { font-size:15px; }
}

/* ページャー */
.wp-pagenavi { text-align:center; margin:40px 0 0; }
.wp-pagenavi span { color:#666; }
.wp-pagenavi a { border:1px solid #4fc7df; }
.wp-pagenavi a,
.wp-pagenavi span { font-size:14px; border:1px solid #ccc; display:inline-block; margin:3px; padding:5px 15px; }
.wp-pagenavi a:hover, 
.wp-pagenavi span.current { border:1px solid #4fc7df; background:#4fc7df; color:#fff; }

/* ------ special 特集 記事 ------ */
.post-cat-special-contents .body-content .container { width:100%; padding:0; margin:0; }
.post-cat-special-contents .body-content .section-body { width:1200px; padding:15px; margin:0 auto; }
.post-cat-special-contents .title-image .section-body,
.post-cat-special-contents .post-meta .section-body,
.post-cat-special-contents .post-content .section-body { width:1000px; }
.post-cat-special-contents .title-image .section-body { padding-bottom:0; }
.post-cat-special-contents .post-meta { font-size:14px; }
.post-cat-special-contents .post-meta .section-body { padding:15px; }
.post-cat-special-contents .post-meta .addtoany_shortcode { display:inline-block; }
.post-cat-special-contents .body-content h2 { background:url("cmn/imgs/special_title_bk.png") left bottom no-repeat; padding-bottom:10px; margin-top:30px;}
.post-cat-special-contents .body-content h3 { color:#0587b9; margin-top:30px;}
.post-cat-special-contents .body-content .back { margin-top:40px; }
.post-cat-special-contents .body-content .back .btn { background:#4fc7df; color:#fff; text-decoration:none; padding:10px 60px; display:inline-block; border-radius:3px; }

.post-cat-special-contents .body-content hr { border:none; background:url("cmn/imgs/special_opening_bk.png") bottom center no-repeat; padding:10px 0; margin-bottom:40px;}
.post-cat-special-contents .body-content .unit p { margin-bottom:20px;}
.post-cat-special-contents .body-content .unit .img { margin:15px 0;}
.post-cat-special-contents .body-content .box { background:#e9f9fd; padding:20px 50px; margin:30px 0; border-radius:5px;}
.post-cat-special-contents .body-content .box h3 { margin-top:0;}

.post-cat-special-contents .body-content .row h3 { margin-top:0;}
.post-cat-special-contents .body-content .row img + img { margin-top:10px;}

.post-cat-special-contents .body-content .shop-btn a { display:inline-block; background:#fff; color:#0587b9; text-decoration:none; padding:5px 30px; border-radius:5px; border:2px solid #0587b9; margin-bottom:20px;}
.post-cat-special-contents .body-content .shop-btn a:hover { opacity: 0.7;}
 

@media screen and (max-width:960px){
.post-cat-special-contents .title-image .section-body { width:100%; padding:0; }
.post-cat-special-contents .body-content .section-body { width:100%; }
.post-cat-special-contents .body-content .box { padding:20px ; margin:15px 0;}

}

@media screen and (max-width:600px){
.post-cat-special-contents .post-meta { font-size:11px; }
.post-cat-special-contents .post-meta .section-body { padding:15px 15px 0 15px; }
.post-cat-special-contents .post-meta .addtoany_shortcode { display:block; text-align:center; margin-top:20px; }

}

/* ------ special 特集 カテゴリー ------ */
.category-banner .box { width:calc(100% / 3 - 40px); float:left; margin-right:20px; }
.category-banner .box:nth-child(4n) { margin-right:0; }
.category-banner .box img { width:100%; height:auto; }
.category-special-contents .body-content .container { width:100%; margin:auto; padding:0; }
.category-special-contents .body-content .section-body { width:1200px; margin:0 auto; padding:30px 15px; }
.category-special-contents .body-content ul { list-style:none; margin:0; }
.category-special-contents .body-content a { text-decoration:none; }

/* 特集サムネイル表示 */
.special-contents-unit ul { list-style:none; margin:0; }
.special-contents-unit li { width:calc(100% / 3 - 40px / 3); margin:0 20px 20px 0; float:left; min-height:335px; }
.special-contents-unit li:nth-child(3n) { margin-right:0; }
.special-contents-unit li img { width:100%; height:auto; border:1px solid #4fc9df; }
.special-contents-unit li .thumb { display:block; margin-bottom:10px;  }
.special-contents-unit li .thumb:hover { opacity:.7; }
.special-contents-unit li .cat { color:#fff; font-size:12px; background:#9090ff; padding:2px 12px; display:inline-block; margin-right:5px; border-radius:3px; }
.special-contents-unit li .date { font-size:13px; font-weight:normal; padding:2px 0; display:inline-block; }
.special-contents-unit li .title { color:#222; font-size:18px; display:block; margin:5px 0; }
.special-contents-unit li .title:hover { color:#06c; }

@media screen and (max-width:960px){
.special-contents-unit li { width:calc(50% - 10px); }
.special-contents-unit li:nth-child(3n) { margin-right:20px; }
.special-contents-unit li:nth-child(2n) { margin-right:0; }
}

@media screen and (max-width:600px){
.special-contents-unit li { width:100%; margin:0 0 20px; min-height:0;}
}

/* 特集カテゴリー一覧 */
.special-categories { background:#d6f5fa; }
.special-categories ul { list-style:none; margin:20px 0 0; }
.special-categories li { width:calc(25% - 20px); margin:0 20px 20px 0; float:left; }
.special-categories li a { color:#222; font-weight:normal; display:block; background-size:60px auto !important; background-position:6px 12px !important; border:1px solid #1ab0c4; border-radius:3px; padding:22px 0 22px 70px; }
.special-categories li a:hover { opacity:.8; }

@media screen and (max-width:960px){
.special-categories li { width:calc(50% - 10px); }
.special-categories li:nth-child(2n) { margin-right:0; }
}

@media screen and (max-width:600px){
.special-categories li { width:100%; margin: 0 0 10px 0; }
}

/* ------ tourism 美食旅 カテゴリー ------ */
.category-tourism-contents .body-content .container { width:100%; margin:auto; padding:0; }
.category-tourism-contents .body-content .section-body { width:1200px; margin:0 auto; padding:30px 15px; }
.category-tourism-contents .body-content ul { list-style:none; margin:0; }
.category-tourism-contents .body-content a { text-decoration:none; }

@media screen and (max-width:960px){
.category-tourism-contents .body-content .section-body { width:100%; padding:15px; }
}

@media screen and (max-width:600px){
.category-tourism-contents .tourism-search .section-body { padding:0; }
}

/* ------ tourism 美食旅 記事 ------ */
.post-cat-tourism-contents .body-content .container { width:100%; padding:0; margin:0; }
.post-cat-tourism-contents .body-content .section-body { width:1200px; padding:15px; margin:0 auto; }
.post-cat-tourism-contents .title-image .section-body,
.post-cat-tourism-contents .post-meta .section-body,
.post-cat-tourism-contents .post-content .section-body { width:1000px; }
.post-cat-tourism-contents .title-image .section-body { text-align:center; }
.post-cat-tourism-contents .post-meta { font-size:14px;}
.post-cat-tourism-contents .post-meta .addtoany_shortcode { display:inline-block; }
.post-cat-tourism-contents  .post-content h2 { background:url("cmn/imgs/special_title_bk.png") left bottom no-repeat; padding-bottom:10px; margin-top:30px;}
.post-cat-tourism-contents  .post-content h3 { color:#0587b9; margin-top:30px;}

.post-cat-tourism-contents  .body-content .unit p { margin-bottom:20px;}
.post-cat-tourism-contents  .body-content .unit .img { margin:15px 0;}
.post-cat-tourism-contents  .body-content .box { background:#e9f9fd; padding:20px 50px; margin:30px 0; border-radius:5px;}
.post-cat-tourism-contents  .body-content .box h3 { margin-top:0;}

.post-cat-tourism-contents  .body-content .row h3 { margin-top:0;}
.post-cat-tourism-contents  .body-content .row img + img { margin-top:10px;}

.post-cat-tourism-contents .body-content hr { border:none; background:url("cmn/imgs/special_opening_bk.png") bottom center no-repeat; padding:10px 0; margin-bottom:40px;}
.post-cat-tourism-contents .body-content .al-center img { margin-bottom:20px;}
.post-cat-tourism-contents .body-content .add { border:1px dotted #0687b9; padding:15px; margin:15px 0; border-radius:5px;}



@media screen and (max-width:960px){
.post-cat-tourism-contents  .body-content .section-body { width:100%;}
.post-cat-tourism-contents  .body-content .unit { margin-bottom:20px;}
.post-cat-tourism-contents  .body-content .box { padding:20px ; margin:15px 0;}
}

@media screen and (max-width:600px){
.post-cat-tourism-contents .title-image .section-body { padding:0; }
.post-cat-tourism-contents .post-meta { font-size:11px; }
.post-cat-tourism-contents .post-meta .addtoany_shortcode { display:block; text-align:center; margin-top:20px; }
.post-cat-tourism-contents .post-meta .section-body { padding-bottom:0; }

}

/* 美食旅 絞り込み機能 */
.tourism-search { background:#d6f5fa; padding:30px 40px; border-radius:5px; }
.tourism-search a { text-decoration:none; }
.tourism-search .section-body { width:1000px !important; }
.tourism-search select { font-size:16px; padding:2px 4px 5px;}
.tourism-search .category-select { width:40%; float:left; }
.tourism-search .season-select { width:60%; float:left; }
.tourism-search .season-select ul { margin:20px 0 0; list-style:none; }
.tourism-search .season-select li { width:calc(50% - 10px); margin:0 10px 10px 0; float:left; }
.tourism-search .season-select li:nth-child(2n) { margin-right:0; }
.tourism-search .season-select li a { color:#222; font-weight:normal; display:block; background-size:32px auto !important; background-position:10px 10px !important; border:1px solid #1ab0c4; border-radius:3px; padding:15px 0 13px 60px; }
.tourism-search .season-select li a:hover { opacity:.8; }
.tourism-search .season-select li.spring a { background:url("cmn/imgs/season_select_spring.png") no-repeat left center, #fff; }
.tourism-search .season-select li.summer a { background:url("cmn/imgs/season_select_summer.png") no-repeat left center, #fff; }
.tourism-search .season-select li.autumn a { background:url("cmn/imgs/season_select_autumn.png") no-repeat left center, #fff; }
.tourism-search .season-select li.winter a { background:url("cmn/imgs/season_select_winter.png") no-repeat left center, #fff; }

@media screen and (max-width:960px){
.tourism-search { padding:30px 20px; }
.tourism-search .section-body { width:100% !important; }
.tourism-search .category-select,
.tourism-search .season-select { width:100%; float:left; }
.tourism-search .category-select { margin-bottom:20px; }
.tourism-search .season-select li { width:100%; margin:0 0 10px; }
}

@media screen and (max-width:600px){
.tourism-search { padding:20px 15px; margin:20px 0; }
.tourism-search .category-select { margin:0 0 20px 0; }
.tourism-search .category-select,
.tourism-search .season-select { width:100%; float:none; }
}

/* 美食旅 サムネイル表示 */
.tourism-contents-unit ul { margin:0; list-style:none; }
.tourism-contents-unit li { width:calc(100% / 4 - 15px); float:left; margin:0 20px 20px 0; }
.tourism-contents-unit li:nth-child(4n) { margin-right:0; }
.tourism-contents-unit li img { width:100%; height:auto; border:1px solid #4fc9df; }
.tourism-contents-unit li .thumb { display:block; }
.tourism-contents-unit li .thumb:hover { opacity:.7; }
.tourism-contents-unit li .cat { color:#fff; font-size:15px; text-align:center; background:#4ec6dc; padding:5px 0;}
.tourism-contents-unit li .text { color:#222; font-size:15px; background:#d7f6ff; padding:10px; min-height:120px; white-space:normal;  }

@media screen and (max-width:960px){
.tourism-contents-unit li { width:calc(50% - 10px); }
.tourism-contents-unit li:nth-child(2n) { margin-right:0; }
.tourism-contents-unit li .text { font-size:14px; }
}

@media screen and (max-width:600px){
.tourism-contents-unit li { width:calc(50% - 5px); margin: 0 10px 20px 0; }
.tourism-contents-unit li .cat { font-size:11px; }
.tourism-contents-unit li .text { font-size:13px; min-height:0; }
}

/* ------ 記事ページカスタムフィールド ------ */

/* 基本情報・マップ */
.post-custom-content .rows-unit h4 { font-size:20px; text-align:center; margin:0 0 10px; }
.post-custom-content .rows-unit table { margin:15px auto;}
.post-custom-content .rows-unit th { width:30%; }
.post-custom-content .rows-unit td p { margin:0; }
.post-custom-content .rows-unit td p + p { margin:15px 0 0; }

.post-custom-content table { border-collapse:collapse; margin-bottom:20px; background:#fff; border-top:1px solid #95c7da;}
.post-custom-content table th,
.post-custom-content table td { font-size:15px; border:none; border-bottom:1px solid #95c7da; padding:15px 30px;}
.post-custom-content table th { font-weight:bold; padding:15px 30px; background:#fff;}

@media screen and (max-width:960px){
.post-custom-content .rows-unit,
.post-custom-content .acf-map { width:100%; }
}

@media screen and (max-width:600px){
.post-custom-content .acf-map { height:200px !important; }
.post-custom-content table td { font-size:13px; padding:10px 15px;}
}

/* カラーミー埋め込みコード（カスタムフィールド部分） */
.colorme-items-unit .item { width:calc(25% - 20px); float:left; margin-right:20px; }
.colorme-items-unit .cartjs_product_img { width:100% !important; border:1px solid #ccc; padding:0 40px !important; }
.colorme-items-unit .cartjs_product_table table { width:100% !important; }
.colorme-items-unit .cartjs_product_table th,
.colorme-items-unit .cartjs_product_table td { border:1px solid #ccc; }
.colorme-items-unit .cartjs_product_table th { background:#eeffc4; }
.colorme-items-unit .cartjs_product_table td { font-size:16px !important; font-weight:normal !important; }
.colorme-items-unit .cartjs_cart_in input[type="submit"] { width:100% !important; height:40px !important; background:#0462c0 !important; -webkit-appearance:none !important; }
.colorme-items-unit .cartjs_sk_link_other { width:100% !important; }
.post-cat-news .colorme-items-unit .item { width:calc(50% - 10px); margin:0 5px; }

@media screen and (max-width:960px){
.colorme-items-unit .item { width:calc(50% - 10px); }
.colorme-items-unit .item:nth-child(odd){ margin-right:0; }
}

@media screen and (max-width:960px){
.colorme-items-unit .item { width:100%; margin:0; }
.post-cat-news .colorme-items-unit .item { width:100%; margin:0; }
}

/* カラーミー埋め込みコード（本文挿入時） */
.post-content .cartjs_box table th { background:none; }
.post-content .cartjs_box table th, 
.post-content .cartjs_box table td { border:0;  }

/* 関連ページ */
.related-posts-unit { }
.related-posts-unit ul { margin:0; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.related-posts-unit ul::-webkit-scrollbar{ height: 10px; }
.related-posts-unit ul::-webkit-scrollbar-track{ background: #fff; border-left: solid 1px #ececec; }
.related-posts-unit ul::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 10px; box-shadow: inset 0 0 0 2px #fff; }
.related-posts-unit li { width:calc(100% / 4 - 20px); margin:10px; display:inline-block; vertical-align:top; }
.related-posts-unit li img { width:100%; height:auto; border:1px solid #4fc9df; }
.related-posts-unit li .thumb { display:block; }
.related-posts-unit li .thumb:hover { opacity:.7; }
.related-posts-unit li .cat { color:#fff; font-size:15px; text-align:center; background:#4ec6dc; padding:5px 0;}
.related-posts-unit li .text { font-size:15px; background:#d7f6ff; padding:10px; min-height:120px; white-space:normal;  }

@media screen and (max-width:960px){
.related-posts-unit li { width:200px; }
.related-posts-unit li .text { font-size:14px; }
}

/* ------ footer ------ */
footer * { box-sizing:border-box; }
.footer-sitemap { background:#e9f9fb; border-top:5px solid #4fc9df; margin:20px 0 0; }
.footer-sitemap i.fas { color:#4fc9df; margin-right:10px;}
.footer-sitemap ul { width:calc(25% - 20px) ; float:left; }
.footer-sitemap ul + ul { margin-left:20px; }
.footer-sitemap li { border-bottom:1px solid #4fc9df; position:relative; }
.footer-sitemap li.sub { border-bottom:1px dotted #4fc9df; }
.footer-sitemap li a { color:#666; font-size:14px; display:block; padding:8px 5px; }
.footer-sitemap li.sub a { padding-left:20px; }
.footer-sitemap li.sub a:before { background:#4fc9df; content:""; width:9px; height:2px; display:block; position:absolute; top:17px; left:0; }
.footer { }
.footer .logo { }
.footer p { font-size:14px; }
.footer .name { font-size:16px; margin:10px 0 0; }
.footer .address { margin:0 0 15px; }
.footer .btn { color:#fff; font-size:14px; background:#4fc9df; padding:5px 60px; }
.footer-menu { margin:40px 0; }
.footer-menu li { font-size:14px; display:inline-block; line-height:1; }
.footer-menu li a { color:#4fc9df; padding:2px 20px; border-right:1px solid #4fc9df; }
.footer-menu li:last-child a{ border-right:0; }
.footer .copyright { font-size:14px; }

@media screen and (max-width:960px){
.footer-sitemap ul { width:100%; }
.footer-sitemap ul + ul { margin:20px 0 0; }
}

@media screen and (max-width:600px){
.footer-sitemap .container { display:none; }
.footer-menu li { font-size:10px; }
.footer-menu li a { padding:0 10px; }
}

/* 特集　追加CSS */
.drone-form { background:#d9f5fc; padding:10px 40px; border-radius:10px;}
.drone-form .required { background:#b55353; color:#fff; font-size:11px; padding:2px 10px; margin-left:8px; position:relative; top:-2px; }
.drone-form .wpcf7 input,.drone-form .wpcf7 textarea { margin:5px 0;}
.drone-form .wpcf7 input[type="submit"],
.drone-form .wpcf7 input[type="text"],
.drone-form .wpcf7 input[type="email"],
.drone-form .wpcf7 textarea { width:100%;}

@media screen and (max-width:600px){
.drone-form { padding:10px 20px;}
}

/* いいねボタン */
.rating-unit { text-align:center; margin:30px 0; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.rating-unit img { vertical-align:middle; }
.rating-comment { position:relative; background:#a9ebf7; margin-bottom:25px !important; padding:20px 0;  }
.rating-comment:before { content: ""; position: absolute; bottom: -28px; left: 50%; margin-left: -14px; border: 14px solid transparent; border-top-color:#a9ebf7; }

/* ブロックエディタ */
.wp-block-file .wp-block-file__button { background:#2fbbe7; }