/*
Theme Name: tsurigunokishi
Theme URI:
Description: tsurigunokishi theme
Version: 1.0.0
Author: Sofu System Co.,Ltd. 
Author URI: https://www.sofu.co.jp/
License:
License URI:
Text Domain: tsurigunokishi
Tested up to: 5.6
Requires PHP: 7.4
*/

@charset "utf-8";

:root {
  --main-color: #093190;
}

/* 初期化 */
: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,figure{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 img,:link img,:visited img{border:none;}
address{font-style:normal;display:inline;}
strong{font-weight:bolder;}
blockquote:before,blockquote:after,q:before,q:after{content:'';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;}

body{color:#222;font-family:"Noto Sans JP", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴProN", "ヒラギノ角ゴ Pro W3";font-size:16px;line-height:1.7;}
body *{ box-sizing:border-box; }
a{color:#222; text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:bottom;}
.container img { max-width:100%; height:auto; }

@media (min-width: 1024px){ 
	a:hover{text-decoration:underline;}
}

/* フォント */
.noto { font-family: "Noto Sans JP" }
.serif { font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.en { font-family:'Montserrat', sans-serif;  }

/* ブロックエディタ最適化設定 */
.wp-block-image figcaption { text-align:center;}
.blocks-gallery-caption { text-align:center; width:100%; }
.wp-block-quote { border-left:3px solid #ccc; padding-left:20px; margin-bottom:25px; }
.blocks-gallery-grid { margin:0 !important; }
.wp-block-file .wp-block-file__button { background:#333; border-radius:3px; box-shadow: rgba(88, 88, 88, 0.5) 0px 3px 5px -2px; display:inline-block; padding: 8px 24px; margin-left:15px; }
.wp-block-file .wp-block-file__button:before { font-family:"FontAwesome"; font-weight:600; content:"\f019"; display:inline-block; margin-right:8px; }
.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption { font-size:13px; background: rgb(0 0 0 / 35%); padding:5px 0; }
.wp-block-table { margin:0; }

@media (min-width: 768px){ 
	.blocks-gallery-grid .blocks-gallery-image figcaption, 
	.blocks-gallery-grid .blocks-gallery-item figcaption, 
	.wp-block-gallery .blocks-gallery-image figcaption, 
	.wp-block-gallery .blocks-gallery-item figcaption { font-size:15px; padding:10px 0; }
	.wp-block-embed-youtube iframe { min-height:400px; }
}

@media (min-width: 1024px){ 
	.wp-block-embed-youtube iframe { min-height:450px; }

}

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

/* グリッドカラム */
.c-row{ min-height:1px; }
.c-row:after{ clear:both; content:""; display:block; height:0; visibility:hidden;}
.c-row [class*="c-col-"] { margin-bottom:15px; }
.c-row [class*="c-col-"]:last-child { margin-bottom:0; }

@media (min-width: 1024px){ 
	.c-row * { box-sizing:border-box; }
	.c-row .c-col-1 { width:8.33%; }
	.c-row .c-col-2 { width:16.66%; }
	.c-row .c-col-3 { width:25%; }
	.c-row .c-col-4 { width:33.33%; }
	.c-row .c-col-5 { width:41.66%; }
	.c-row .c-col-6 { width:50%; }
	.c-row .c-col-7 { width:58.33%; }
	.c-row .c-col-8 { width:66.66%; }
	.c-row .c-col-9 { width:75%; }
	.c-row .c-col-10 { width:83.33%; }
	.c-row .c-col-11 { width:91.66%; }
	.c-row .c-col-12 { width:100%; } 
	.c-row [class*="c-col-"] { float: left; padding: 15px; margin-bottom:0; }
	.c-row [class*="c-col-"] img { max-width:100%; height:auto; }
}

/* 汎用ボタン */
.c-btn { color:var(--main-color); font-size:14px; font-weight:500; background:#fff; display:inline-block; position:relative; padding:10px 24px; min-width:240px; }
.c-btn.has-icon { padding-right:40px; }
.c-btn.has-icon:before { content: "\f105"; font-family: "FontAwesome"; font-weight: 600; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition:right .3s; }
.c-btn.has-border { border:1px solid var(--main-color); }

@media (min-width: 768px){ 
	.c-btn { font-size:16px; }
}

@media (min-width: 1024px){ 
	.c-btn:hover { color:#fff; background:var(--main-color); text-decoration:none; }
	.c-btn.has-icon:hover:before { color:#fff; right:15px; }
}

/* レイアウト */
.wrapper { overflow-x:hidden; }
.container { padding-left:15px; padding-right:15px; position:relative; max-width:100% !important; }
.sp-hidden { display:none; }
.al-center { text-align:center;}

@media (min-width: 768px){
	.container { width:100%; padding-left:15px; padding-right:15px; }
}

@media (min-width: 1024px){
	body { min-width:1024px; }
	.container { width:1024px; min-width:1024px; margin:0 auto;}
	.sp-hidden { display:block; }
	.pc-hidden { display:none; }
}

@media (min-width: 1200px){
	.container { width:1200px; min-width:1200px;}
}

/* 固定ヘッダー */
.main { margin-top:51px; }

@media (min-width: 1024px){
	.main { margin-top:0; }
}

/* ヘッダー */
.header { background:#fff; position:relative; height:51px; }
.header .container { padding-left:5px; height:51px; display:flex; align-items:center;}
.header .logo img { width:auto; height:28px; }

@media (min-width:1024px){
	.header,
	.header .container { height:auto; padding-left:15px;  }
	.header { padding:20px 0; }
	.header .container { justify-content:space-between;  }
	.header .logo img { height:56px; }
}

/* ヘッダー > グローバルナビ */
.global-nav { display:none; }

@media (min-width:1024px){
	.global-nav { display: block; margin-top: 15px; }
	.global-nav .container { padding: 0; position: relative; }
	.global-nav ul { display: flex; justify-content: right; align-items: center; }
	.global-nav ul li { text-align: center; transition: .2s; margin:0 20px; position: relative; }
	.global-nav ul li:last-child { margin-right: 0; }
	.global-nav ul li a { color: #222; font-size: 16px; font-weight: 500; text-align:left; display: block; position: relative; padding-bottom: 10px; }
	.global-nav ul li a:hover { color:#1a8ad2; text-decoration: none; }
	.global-nav li ul li.current_page_item a, 
	.global-nav li.current_page_item ul li a { color: #fff; border: 0; }
	.global-nav li ul li.current_page_item a:before, 
	.global-nav li.current_page_item ul li a:before { display: none; }
	.global-nav li ul { display: block; position: absolute; z-index: 1000; left: 50%; transform: translateX(-50%); visibility: hidden; max-height: 0; overflow: hidden; transition: max-height 0.8s ease; width:240px; }
	.global-nav li ul li { font-size: 14px; width: 100%; border: 0; margin: 0; }
	.global-nav li ul li a { color: #fff !important; font-size: 15px; font-weight: normal; text-align: left; background: var(--main-color); border-top:1px solid #fff; padding: 10px 20px; }
	.global-nav li:hover ul { visibility: visible; max-height: 300px; }
	.global-nav li ul li a:hover { color: #fff; background:#; }
	.global-nav li:hover ul:after { transition: all .2s ease-out; content: ""; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; z-index: 1000; border-bottom-color: var(--main-color); }
	.global-nav .menu-item-has-children:hover a:after { transform: rotate(180deg); transition: .2s; }
	.global-nav .menu-item-has-children .sub-menu a:after { display: none; }
	.global-nav .menu-item-has-children a:after { color: var(--main-color); content: "\f107"; font-family: "FontAwesome"; font-weight: 400; display: inline-block; margin-left: 8px; position:absolute; right:-15px; }
}

/* ヘッダー > モバイルメニュー */
.sp-menu{ width:50px; height:50px; position:absolute; right:0; top:0; }
.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 { background-color:var(--main-color); border-radius: 0px; position: absolute; left: 0; width: 100%; height: 2px; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 8px; }
.menu-trigger span:nth-of-type(3) { bottom: 5px; }
.menu-button { text-align:center; line-height:1; border:none; background:none;padding:15px 12px 10px 12px; }
.menu-button .touch-button{ display:none; }
.menu-button.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); top:-2px; }
.menu-button.active span:nth-of-type(2) { -webkit-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); top: 8px; }
.menu-button.active span:nth-of-type(3) { background-color:rgba(255, 255, 255, 0); }

@media (min-width:1024px){
	.sp-menu,
	.sp-nav { display:none; }
	.flexnav { display:none; }
}

.sp-nav .sofunav.show-menu { padding-bottom:100px;}
.sp-nav .sofunav div.nav a { border-bottom:1px solid #e8e8e8;}

@media (min-width:768px){
}

@media (min-width:1024px){
}

/* メインビジュアル */
.home-visual { background:#f7f7f7; line-height:1; padding-top:20px; padding-bottom:12px;}
.home-visual .slick-slide img { width:100%; height:auto; }
.home-visual .slick-slide { margin:0 10px; }
.home-visual .slick-dots { display: flex !important; justify-content: center; bottom:-34px; }
.home-visual .slick-dots li { margin: 0 5px; }
.home-visual .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 2px solid var(--main-color); cursor: pointer; outline: none; padding:4px; position: relative; }
.home-visual .slick-dots li.slick-active button { background: var(--main-color); border-color: var(--main-color); }
.home-visual .slick-dots li button::before { content: ""; }

@media (min-width:768px){
	.home-visual { padding-top:25px; padding-bottom:20px; }
	.home-visual .slick-dots { bottom:-38px; }
}

@media (min-width:1024px){
	.home-visual { padding-top:30px; padding-bottom:30px; }
	.home-visual .slick-dots { bottom:-42px; }
}

/* ホーム > 店舗情報 */
.home .shopinfo { margin-top:40px; margin-bottom:30px; }
.home .shopinfo .info { background:url("cmn/imgs/top_shop_bk.jpg") no-repeat top right; }
.home .shopinfo .info .text { padding:20px;  }
.home .shopinfo h2 { color:var(--main-color); font-size:18px; font-weight:bold; padding-bottom:6px; border-bottom:1px solid var(--main-color); margin-bottom:15px; position:relative;}
.home .shopinfo h2::after { content: ''; background-image: url("cmn/imgs/top_shop_deco.png"); background-repeat: no-repeat; position: absolute;
right: -20px; top: 50%; width: 100px; height: 200px; transform: translateY(-50%); z-index:99; }
.home .shopinfo .address  { font-size:15px; line-height:1.6; }
.home .shopinfo .address .tel { font-size:31px; display:inline-block;}
.home .shopinfo .address .tel a { text-decoration:none; }
.home .shopinfo .notice { font-size:12px; margin-top:10px; }
.home .shopinfo .more { text-align:center; margin-top:15px; } 
.home .shopinfo .map { margin-top:20px; }

@media (min-width:580px){
	.home .shopinfo .container { display:flex; flex-wrap:wrap; gap:20px; }
	.home .shopinfo .info { width:calc(50% - 10px); }
	.home .shopinfo .info .text { padding:25px; }
	.home .shopinfo .more { text-align:left; } 
	.home .shopinfo .map { width:calc(50% - 10px); margin-top:0; }
	.home .shopinfo .map iframe { height:100% !important; }
}

@media (min-width:1024px){
	.home .shopinfo { margin-top:50px; margin-bottom:40px; }
	.home .shopinfo h2 { font-size:19px; margin-bottom:25px; }
	.home .shopinfo .container { gap:40px; }
	.home .shopinfo .info { width:calc(50% - 20px); }
	.home .shopinfo .info .text { padding-bottom:30px; }
	.home .shopinfo .map { width:calc(50% - 20px); }
	.home .shopinfo .address { font-size:16px; }
	.home .shopinfo .notice { font-size:14px; }
}

/* ホーム > カレンダー */
.home .page-content .calendar { max-width:800px; margin-left:auto; margin-right:auto; }

/* ホーム > セール情報 */
.home .saleinfo { background:url("cmn/imgs/top_bk.jpg") no-repeat top center; background-size:cover; padding:30px 0; margin-top:30px; }
.home .saleinfo .heading { text-align:center; margin-bottom:40px; }
.home .saleinfo .heading h2 { font-size:21px; font-weight:bold; line-height:1.6; display:inline-block; position:relative; }
.home .saleinfo .heading h2 .point { color:#ff9632; font-size:32px; display:block; }
.home .saleinfo .heading h2:before,
.home .saleinfo .heading h2:after { content: ""; position: absolute; top: 4px; height: 50px; color:#ff9632; }
.home .saleinfo .heading h2:before { border-left: solid 3px; left:-30px; top:50%; transform: rotate(-26deg) translateY(-50%); }
.home .saleinfo .heading h2:after { border-right: solid 3px; right:-30px; top:50%; transform: rotate(26deg) translateY(-50%); }
.home .saleinfo .more { text-align:center; margin-top:30px; }

.saleinfo-list-item { display:flex; flex-wrap:wrap; }
.saleinfo-list-item + .saleinfo-list-item { margin-top:20px; }
.saleinfo-list-item .post-thumbnail { width:140px; }
.saleinfo-list-item .post-thumbnail img { border:1px solid #ccc; width:100%; height:110px; object-fit: cover; }
.saleinfo-list-item .post-content { width:calc(100% - 140px); padding-left:20px;}
.saleinfo-list-item .post-content .posted-on { color:#999; font-size:14px; font-weight:bold; }
.saleinfo-list-item .post-content .entry-title { font-size:17px; font-weight:bold; word-break:break-all;  }

@media (min-width:768px){
	.home .saleinfo { padding:60px 0; margin-top:60px; }
	.home .saleinfo .heading h2 { font-size:24px; }
	.home .saleinfo .heading h2 .point { font-size: 38px; display:inline; margin:0 5px;}

	.saleinfo-list { display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; }
	.saleinfo-list-item { flex-direction: column; width:33.33%; padding:0 15px; margin-bottom:30px; }
	.saleinfo-list-item + .saleinfo-list-item { margin-top:0; }
	.saleinfo-list-item .post-thumbnail { width:100%; margin-bottom:10px; }
	.saleinfo-list-item .post-thumbnail img { height:160px; }
	.saleinfo-list-item .post-content { width:100%; padding:0; }
	.saleinfo-list-item .post-content .posted-on { font-size:15px; }
	.saleinfo-list-item .post-content .entry-title { font-size:18px; }
}

@media (min-width:1024px){
	.home .saleinfo { margin-top:80px; }
	.home .saleinfo .heading h2 { font-size:30px; }
	.home .saleinfo .heading h2 .point { font-size:48px; }
	.saleinfo-list-item { padding:0 20px; }
	.saleinfo-list-item .post-thumbnail img { height:200px; }
	.saleinfo-list-item .post-thumbnail { margin-bottom:15px; }
	.saleinfo-list-item .post-content .posted-on { font-size:16px; margin-bottom:5px; }
	.saleinfo-list-item .post-content .entry-title { font-size:19px; }
	.saleinfo-list-item .post-thumbnail a:hover img { opacity:.7; transition:.3s; }
	.saleinfo-list-item .post-content .entry-title a:hover { color:#1a8ad2; text-decoration:none; }
}

@media (min-width:1200px){
	.saleinfo-list-item .post-thumbnail img { height:220px; }
}

/* ホーム > お知らせ */
.home .news { padding:30px 0; }
.home .news h2 {  font-size:26px; font-weight:bold; line-height:1.6; margin-bottom:20px; }
.home .news .more { text-align:center; margin-top:30px; }
.news-list-item { display:flex; flex-wrap:wrap; }
.news-list-item + .news-list-item { margin-top:20px; }
.news-list-item .post-thumbnail { width:140px; }
.news-list-item .post-thumbnail img { border:1px solid #ccc; width:100%; height:110px; object-fit: cover; }
.news-list-item .post-content { width:calc(100% - 140px); padding-left:20px;}
.news-list-item .post-content .posted-on { color:#999; font-weight:bold; }
.news-list-item .post-content .entry-title { font-size:15px; font-weight:bold; word-break:break-all; }

@media (min-width:768px){
	.home .news { padding:60px 0; }
	.home .news h2 { font-size:30px; }
	.news-list { display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; }
	.news-list-item { flex-direction: column; width:33.33%; padding:0 15px; margin-bottom:30px; }
	.news-list-item + .news-list-item { margin-top:0; }
	.news-list-item .post-thumbnail { width:100%; margin-bottom:10px; }
	.news-list-item .post-thumbnail img { height:160px; }
	.news-list-item .post-content { width:100%; padding:0; }
	.news-list-item .post-content .posted-on { font-size:15px; }
	.news-list-item .post-content .entry-title { font-size:18px; }
}

@media (min-width:1024px){
	.news-list-item { flex-direction: column; width:25%; padding:0 15px; margin-bottom:30px; }
 	.news-list-item .post-thumbnail img { height:160px; }
	.news-list-item .post-thumbnail { margin-bottom:15px; }
	.news-list-item .post-content .posted-on { font-size:16px; margin-bottom:5px; }
	.news-list-item .post-content .entry-title { font-size:18px; }
	.news-list-item .post-thumbnail a:hover img { opacity:.7; transition:.3s; }
	.news-list-item .post-content .entry-title a:hover { color:#1a8ad2; text-decoration:none; }
}

@media (min-width:1200px){
	.news-list-item .post-thumbnail img { height:180px; }
}

/* ホーム > リンク */
.home .extrainfo { background:url("cmn/imgs/top_bk.jpg") no-repeat top center; background-size:cover; padding:30px 0; }
.home .extrainfo h2 {  font-size:26px; font-weight:bold; line-height:1.6; margin-bottom:20px; }
.home .extrainfo h2 .sub { font-size:16px; }
.home .extrainfo .sns a { display:inline-block; }
.home .extrainfo .sns a + a { margin-top:10px;  }

.home .extrainfo .link { margin-top:30px; }
.home .extrainfo .link li + li { margin-top:10px; }
.home .extrainfo .link li a { color:var(--main-color); font-size:19px; font-weight:bold; background:#fff; border:1px solid var(--main-color); display:block; padding:18px 20px; position:relative; }
.home .extrainfo .link li a:before { content: "\f105"; font-family: "FontAwesome"; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition:right .3s; }

@media (min-width:768px){
	.home .extrainfo { padding:60px 0; }
	.home .extrainfo h2 { font-size:30	px; }
	.home .extrainfo .container { display:flex; flex-wrap:wrap; }
	.home .extrainfo .sns { width:50%; padding-right:15px; }
	.home .extrainfo .sns a + a { margin-top:15px;  }
	.home .extrainfo .link { width:50%; padding-left:15px; margin-top:0; }
}

@media (min-width:1024px){
	.home .extrainfo { padding:80px 0; }
	.home .extrainfo .link li a { padding:20px 25px; }
	.home .extrainfo .link li a:hover { color:#fff; background:var(--main-color); text-decoration:none; transition:.2s; }

}

/* ホーム > 採用情報 */
.home .recruit { padding:30px 0; }
.home .recruit .container { text-align:center; }

@media (min-width:768px){
	.home .recruit { padding:60px 0; }
}

@media (min-width:1024px){
	.home .recruit a:hover img { opacity:.7; transition:.2s; }
}

/* フッター */
.footer { background:url("cmn/imgs/ft_bk.jpg") no-repeat top center; background-size:cover; padding:40px 0; margin-top:60px; }
.footer, .footer a { color:#fff; }
.footer .footer-sitemap ul { display:flex; flex-wrap:wrap; }
.footer .footer-sitemap ul li { width:50%; margin-bottom:15px; }
.footer .footer-sitemap ul li a { color:#fff; font-size:14px; padding-left:30px; position:relative; }
.footer .footer-sitemap ul li a:before { content: "\f105"; font-family: "FontAwesome"; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); transition:right .3s; }

.footer .footer-content { margin-top:60px;  }
.footer .footer-content .logo { text-align:center; margin-bottom:15px; }
.footer .footer-content .logo img { width:160px; }
.footer .footer-content .address { font-size:14px; text-align:center; }

@media (min-width:768px){
	.footer { margin-top:80px; }
	.footer .footer-sitemap ul { flex-wrap: nowrap; justify-content: space-around;}
	.footer .footer-sitemap ul li { text-align:center; width:100%; margin-bottom:0; }
	.footer .footer-sitemap ul li a { padding:0; display:block; }
	.footer .footer-sitemap ul li a:before { display:none; }
	.footer .footer-sitemap ul li a:after { content:""; width:1px; height:24px; background:#fff; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); }
	.footer .footer-sitemap ul li:last-child a:after { display:none; }

	.footer .footer-content .logo img { width:224px; }
	.footer .footer-content .address { font-size:16px; }
}

@media (min-width:1024px){
	.footer { margin-top:100px; }
	.home .footer { margin-top:0; }
	.footer .footer-sitemap .container { width:1000px; max-width:1000px !important; min-width: 1000px !important; }
	.footer .footer-content .logo img { width:320px; }
}

/* パンくずリスト */
.breadcrumbs { font-size:12px; background:#f4f4f4; padding:8px 0; position:relative; box-sizing:border-box; white-space:nowrap; overflow-x:auto; }
.breadcrumbs i { font-size:15px; margin-right:8px; position:relative; top:1px;}
.breadcrumbs a { color:#1a8ad2; }
.breadcrumbs .separate { margin-left:8px; margin-right:8px; }
.breadcrumbs .separate:before { content: ""; display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); border-top: 1px solid #222; border-right: 1px solid #222; position: relative; top: -1px; margin:0 5px 0 2px; }

@media (min-width:1024px){
	.breadcrumbs { padding:8px 0; }
}

/* サイドバーありレイアウト */
.container.has-sidebar .sidebar { margin-top:60px; margin-bottom:40px; }

@media (min-width:1024px){
	.container.has-sidebar { display:flex; flex-wrap:wrap; }
	.container.has-sidebar .content-area { width:calc(100% - 300px); padding-right:30px;}
	.container.has-sidebar .sidebar { width:300px; padding-left:30px; margin-bottom:0; }
}

@media (min-width:1200px){

}

/* サイドバー */
.sidebar .widget { margin-bottom:30px; }
.sidebar .widget h4 { font-size:18px; font-weight:bold; border-bottom:2px solid var(--main-color); margin-bottom:15px;}
.sidebar .widget h4.widget-title:before { content: ''; display: inline-block; background: url("cmn/imgs/side_uki.png") no-repeat; background-size: 32px 42px; width: 32px; height:50px; vertical-align: middle; margin-right: 5px;}

.sidebar .recent-post li { display:flex; flex-wrap:wrap; margin-bottom:15px; }
.sidebar .recent-post li .post-thumbnail { width:110px; }
.sidebar .recent-post li .post-thumbnail img { border:1px solid #ccc; width:100%; height:110px; object-fit: cover; }
.sidebar .recent-post li .post-content { width:calc(100% - 110px); padding-left:20px;}
.sidebar .recent-post li .post-content .posted-on { color:#999; font-size:14px; }
.sidebar .recent-post li .post-content .entry-title { font-size:15px; word-break:break-all; }

.sidebar .category li { margin-bottom:10px; }
.sidebar .category li a { font-size:16px; padding-left:30px; position:relative; }
.sidebar .category li a:before { content: "\f105"; color:var(--main-color); font-family: "FontAwesome"; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); transition:right .3s; }




/* アーカイブ */
.post-list-item { display:flex; flex-wrap:wrap; }
.post-list-item + .post-list-item { margin-top:20px; }
.post-list-item .post-thumbnail { width:140px; }
.post-list-item .post-thumbnail img { border:1px solid #ccc; width:100%; height:110px; object-fit: cover; }
.post-list-item .post-content { width:calc(100% - 140px); padding-left:20px;}
.post-list-item .post-content .posted-on { color:#999; font-size:14px; font-weight:bold; }
.post-list-item .post-content .post-category { color:#fff; font-size:12px; background:#ff9632; display:inline-block; padding:1px 16px; margin-left:10px;  }
.post-list-item .post-content .entry-title { font-size:17px; font-weight:bold; word-break:break-all; margin-top:6px; }

@media (min-width:768px){
	.post-list { display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; }
	.post-list-item { flex-direction: column; width:33.33%; padding:0 15px; margin-bottom:30px; }
	.post-list-item + .post-list-item { margin-top:0; }
	.post-list-item .post-thumbnail { width:100%; margin-bottom:10px; }
	.post-list-item .post-thumbnail img { height:160px; }
	.post-list-item .post-content { width:100%; padding:0; }
	.post-list-item .post-content .posted-on { font-size:15px; }
	.post-list-item .post-content .entry-title { font-size:18px; }
}

@media (min-width:1024px){
	.post-list-item .post-thumbnail { margin-bottom:15px; }
	.post-list-item .post-content .posted-on { font-size:16px; margin-bottom:5px; }
	.post-list-item .post-content .entry-title { font-size:19px; }

	.post-list-item .post-thumbnail a:hover img { opacity:.7; transition:.3s; }
	.post-list-item .post-content .entry-title a:hover { color:#1a8ad2; text-decoration:none; }
}

@media (min-width:1200px){
	.post-list-item .post-thumbnail img { height:180px; }
}

/* お知らせ記事 */
.article { padding:30px 0;}
.article .entry-header .posted-on { color:#999; font-size:14px; font-weight:bold; }
.article .entry-header .category { color:#fff; font-size:12px; background:#ff9632; display:inline-block; padding:1px 16px; margin-left:10px; }
.article .entry-header h1 { font-size:21px; font-weight:bold; margin-top:15px; }
.article .page-content { padding-top:15px; }
.article .entry-content .wp-block-image { margin-bottom:15px; }


@media (min-width:768px){
	.article .entry-header h1 { font-size:26px; }
	.article .page-content { padding-top:20px; }
}

@media (min-width:1024px){
	.article .entry-header h1 { font-size:29px; }
}



/* ページタイトル */
.page-title { padding:20px 0px 10px;}
.page-title h1, 
.page-title .title { font-size:28px; font-weight:bold; }
.page-title h1:before { content: ''; display: inline-block; background: url("cmn/imgs/pagetitle_deco.png") no-repeat; background-size: 51px 60px; width: 51px; height:60px; vertical-align: middle; margin-right: 5px;}

@media (min-width:768px){
	.page-title { padding:30px 0 20px;}
	.page-title h1, 
	.page-title .title { font-size:28px;}
	.page-title h1:before { background-size: 59px 70px; width: 59px; height:70px; margin-right:10px;}
}

@media (min-width:1024px){
	.page-title h1, 
	.page-title .title { font-size:36px;}
	.page-title h1:before { background-size: 76px 90px; width: 76px; height:90px; margin-right:10px;}
}

/* ページ汎用 */
.page-content { font-size:16px; }
.page-content p { margin-bottom:15px; }
.page-content a { color:#1a8ad2; text-decoration:none; }
.page-content ul, 
.page-content ol { margin: 20px 0 20px 30px; padding: 0; }
.page-content ul { list-style: disc outside; }
.page-content ol { list-style: decimal outside; }
.page-content ul li + li,
.page-content ol li + li { margin-top:15px; }
.page-content h2 { color:#fff; font-size:20px; font-weight:bold; background:var(--main-color); margin:0 0 20px; padding:5px 10px 5px 30px; position:relative;}
.page-content h2:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:20px; height:5px; background:#ffff00;}
.page-content h3 { color:#222; font-size:18px; font-weight:bold; background:#dcebfe; margin-bottom:15px; padding:5px 10px 5px 30px; position:relative;}
.page-content h3:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:20px; height:2px; background:var(--main-color);}


.page-content h4 { color:#222; font-size:17px; font-weight:bold;}
.page-content h5 { font-weight:bold;}
.page-content * + h2 { margin-top:40px; }
.page-content * + h3 { margin-top:30px; }
.page-content a[target="_blank"]:after { font-size:12px; font-family:"FontAwesome"; font-weight:600; content:"\f08e"; display:inline-block; margin:0 8px 0 5px;}
.page-content .wp-block-image a[target="_blank"]:after { display:none; }
.page-content figcaption { font-size:14px;}

@media (min-width:768px){
	.page-content { font-size:16px;}
	.page-content p { margin-bottom:25px; }	
	.page-content h2 { font-size:24px;}
	.page-content h3 { font-size:20px;}
	.page-content figcaption { font-size:16px;}

}

@media (min-width:1024px){
	.page-content { font-size:18px;}
	.page-content p { line-height:1.8; margin-bottom:30px;}
	.page-content a { text-decoration:underline; }
	.page-content a:hover { text-decoration:none; }
}

/* テーブル */
.page-content table { width:100%; margin-bottom:20px; border:0; }
.page-content table th,
.page-content table td { font-size:14px; border:0; border:1px solid #ccc; padding:10px; }
.page-content table th { background:#f5f5f5; padding:15px;}
.page-content table th { width:20%;}
.page-content table td small { display:inline-block; }
.page-content .wp-block-group table:last-child { margin-bottom:20px; }

/* レスポンシブ用テーブル */
@media (max-width:600px){
	.page-content .responsive table { border-top:1px solid #ccc; border-collapse:collapse; width:100%; margin-bottom:20px; }
	.page-content .responsive table th,
	.page-content .responsive table td { font-size:15px; border:0; border-bottom:1px solid #ccc; padding:15px; display:block; width:100%; }
	.page-content .responsive table th { font-weight:bold; border:0; border-bottom:0; padding:7px; }
}

@media (min-width:768px){
	.page-content table th,
	.page-content table th,
	.page-content table td { font-size:16px; padding:10px 15px; }
}

@media (min-width:1024px){
	.page-content table th,
	.page-content table td { font-size:17px; padding:10px 15px;}
	.page-content .responsive table th { padding:15px;}
}

/* アンカーリンク */
.page-content ul.anchor { margin:0 0 30px 10px;}
.page-content ul.anchor li { list-style:none; display:inline-block; margin-right:30px;}
.page-content ul.anchor li a { color:#222; text-decoration:none;}
.page-content ul.anchor li a:before { color:#222; font-weight:600; content:"\f107"; font-family:"FontAwesome"; font-weight:600; margin-right:10px;}
.page-content ul.anchor a:hover { opacity:0.7; transition:0.3s;}

/* メールフォーム */
.wpcf7-form-control-wrap { display:block; margin-top:5px; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select { font-size:16px; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif; line-height:1.6; border:1px solid #999; border-radius:2px;  }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea { box-sizing:border-box; width:100%; padding:7px 10px; }
.wpcf7-form .wpcf7-radio .wpcf7-list-item { font-size:16px; display:inline-block; margin-left:15px; }
.wpcf7-form .wpcf7-radio .wpcf7-list-item + .wpcf7-list-item { margin-top:10px; }
.wpcf7-form .wpcf7-radio label,
.wpcf7-form .wpcf7-acceptance label { cursor:pointer; }
.wpcf7-form .submit { text-align:center; margin-top:20px; }
.wpcf7-form input[type="submit"] { color:#fff; font-size:16px; background:#333; border:0; border-radius:5px; display:block; margin:0 auto; padding:10px 80px; cursor:pointer; -webkit-appearance: none; }
.wpcf7-form .wpcf7-submit:disabled { background:#999; }
.wpcf7-form .title { font-size:16px; font-weight:bold; }
.wpcf7-form p { margin-bottom:25px;}
.wpcf7-form .notice { font-size:12px; background:#eee; margin:-15px 0 25px; padding:5px; }
.wpcf7-form .required { color:#fff; font-size:11px; background:#ec5b66; display:inline-block;  margin-left:10px; padding:2px 7px; position:relative; top:-2px;}
.wpcf7-form .optional { color:#1174ca; font-size:11px; background:#fff; border:1px solid #1174ca; margin-right:10px; padding:2px 7px; position:relative; top:-2px;}

.wpcf7-not-valid-tip { color:#e84d49; font-size:14px; margin-top:3px; }
.use-floating-validation-tip span.wpcf7-not-valid-tip { white-space:nowrap; }
.wpcf7-form .acceptance { text-align:center;} 

/* メールフォーム > 送信完了 */
.wpcf7-form.sent .sent-ok-hidden { display:none; }
.wpcf7 form .wpcf7-response-output { text-align:center; margin:0; padding:15px; }
.wpcf7-mail-sent-ok { text-align:center; background:#f0f6ed; padding-top:20px !important; padding-bottom:20px !important; }

@media (min-width:768px){
	.wpcf7 { padding:25px 20px; }
	.wpcf7-form .notice { padding:5px 10px; }
}

@media (min-width:1024px){
	.wpcf7 { padding:30px; }
	.wpcf7-form .title { font-size:19px; }
}

/* ページャー */
.wp-pagenavi { margin:40px 0; text-align:center; }
.wp-pagenavi span,
.wp-pagenavi a { display:inline-block; padding: 3px 12px; margin:3px; text-decoration:none;}
.wp-pagenavi a:hover, 
.wp-pagenavi span.current { border:1px solid #ccc;  }
.wp-pagenavi span.current { color:#fff; font-weight:normal; background:#eee; }

/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }
.page-id-XX .grecaptcha-badge { visibility: visible; }

/*----------------------------------------
以下、ページ別CSS
------------------------------------------*/

/* 特定ページの幅を狭く（※ページテンプレートで設定可能だが個別調整用） */
.page-id-xx { max-width:1024px; margin-left:auto; margin-right:auto;}

/* 店舗情報 */
#page-8 table th { white-space:nowrap; }
#page-8 :where(.wp-block-columns.is-layout-flex) { gap:1em; }