@charset "utf-8";
/*
=======================================
  Reset CSS
=======================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
  display:block;
}

html{
  -webkit-text-size-adjust: 100%;
}

body{

  line-height: 1.9;/* 1.8〜1.9くらいが、最も目が疲れにくい黄金比です */

}

/*全体のフォントの指定はbody{}で行う*/
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}



img{
  border: 0;
  max-width: 100%;
  height: auto;
}

/*img画像のフルード化*/
img{
	border: 0;
	/*フルードイメージ化設定*/
	max-width: 100%;
	height: auto;
}

p {
  margin-top: 0;
  margin-bottom: 1.8em; /* 1文字分より少し広めに空けることで、読みやすさが劇的に向上します */
}

/* --- 見出しのカスタマイズ --- */

/* 中見出し(h2)：記事の大きな区切り */
h2 {
    margin-top: 2.5em;      /* 上の文章との間隔を広く取る */
    margin-bottom: 1.2em;   /* 下の文章との間隔 */
    padding: 0.6em 0.8em;   /* 文字の周りの余白 */
    background-color: #f0f4f7; /* 薄いグレーブルーの背景 */
    border-left: 6px solid #00A1C6; /* 左側にアクセントカラーの棒 */
    font-size: 1.5em;       /* 文字を少し大きく */
    font-weight: bold;      /* 太字に */
    line-height: 1.4;
}

/* 小見出し(h3)：さらに細かい区切り */
h3 {
    margin-top: 2.0em;      /* 上との間隔 */
    margin-bottom: 1.0em;   /* 下との間隔 */
    border-bottom: 2px solid #00A1C6; /* 下線を入れて強調 */
    padding-bottom: 0.4em;
    font-size: 1.25em;      /* h2よりは少し小さく */
    font-weight: bold;
}



ul,ol{
  list-style-type: none;
}

table {
  border-collapse: collapse; 
  border-spacing: 0;
}

img, input, select, textarea { 
  vertical-align: middle;
}

a {
  color: #000000; /*リンク付きの文字も黒にする。（リンク先を示す文字の色の標準は青色のようだ）*/
  transition: 0.5s;
}
a:hover {
  color: #d53e04; /*オレンジっぽい色*/
}
a:hover img {
  opacity: 0.7; /*透明にする*/
}

*{box-sizing: border-box;} /*全ての要素をborder-boxにする*/
*::before, *::after{box-sizing: inherit;} /*疑似要素のborder-boxは親要素の値を承継する*/

/*SNSボタン非表示*/
.entry-header .sns_btn__ul{ 
	display: none; }

/*
=========================================
  Base Layout
=========================================
*/

.contents{
	padding: 10px;
}

/*container*/
.container{
	/*最大940pxで固定して中央寄せ*/
	max-width: 940px;
	margin: 0 auto;
	/*コンテナ左右に余白*/
	padding-left: 20px;
	padding-right: 20px;
}


/*grid*/
@media screen and (min-width: 768px){
	/*汎用2カラム、3カラム指定*/
	.pc-grid-col2,
	.pc-grid-col3,
	.pc-grid-col4{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	/*2カラムの列幅*/
	.pc-grid-col2 .col{
		width: 48.9361%;
	}

	/*3カラムの列幅*/
	.pc-grid-col3 .col{
		width: 31.9148%;
	}

	/*3カラムの列幅*/
	.pc-grid-col4 .col{
		width: 23.4042%;
	}

}


/*
=========================================
  Modules（Block）
=========================================
*/

/*header*/

/*ロゴエリアを中央に*/
.header-SiteName{
	text-align: center;	
}




.home-Hero{
	position: relative;
	/*height: 500px;*/
	height: calc(100vh);
	background: url(../img/rebun2140.jpg) center center no-repeat; /*フォルダを一つ遡るので../を使用する*/
	/*背景画像のフルード化*/
	background-size: cover;
}

.home-Hero-title{
	position: absolite;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 640px;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	text-align: center;
}

.home-Hero-logo{
	padding-top: 100px;
	margin-bottom: 20px;
	
	text-align: center;	/*中央寄せ*/
	font-size: 40px; /*タイトルロゴのフォントサイズ*/
	
	font-family: 'Cardo', serif; /*フォントitalic*/
	font-style: italic;
	color: #fff;/*header-logoの色を指定。白抜きにした*/
}
.home-Hero-msg{
	line-height: 1.8;
	/*中央寄せ*/
	text-align: center;	
	/*フォントサイズ調整*/
	font-size: 20px;/*ヘッダーメッセージのフォントサイズ*/
	color: #fff;/*header-msgの色を指定。白抜きにした*/
}


/*global nabigation*/
.gnav{
	/*background: #d8c7a0;*/  /*ナビの背景色*/
	background: rgba(255, 255, 255, 0.5);
}
.gnav-inner{
	text-align: center;
	margin: 10px;
	position: fixed; /*固定化*/
	left: 0;
	top: 0;
	z-index: 1; /*前面に！*/

}

.gnav ul{
	margin: 10px; /*トップ画像との隙間*/
}

.gnav li{
	display: inline;
	margin: 10px;　/*各要素間の隙間*/

}

.gnav a{
	text-decoration:none; /*　リンクの下線を消す　*/
}

.gnav a:hover{
	background: #ecdfc2;　/*薄茶色*/
}





/*
これらを適用するかどうか？
*/

/*区切り文字は「Breadcrumb NavXT」で設定する。*/
/*パンくずリストの装飾。青い帯*/
.breadCrumb {
	padding: 10px 15px; /*帯の太さ、端っことの隙間*/
	color: #FFFFFF;
	background-color: #00A1C6;
	font-size: 0.875rem;
}

.breadCrumb a {
	text-decoration: none;
	color: #FFFFFF;
}

.breadCrumb a:hover,
.breadCrumb a:focus {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
/*
これらを適用するかどうか？
*/

.col-md-4{ /*カテゴリーページ、月別ページの個別記事リンクの間隔の指定index.phpで調整する。*/
 padding: 20px;
}

/*section*/
.section{
	margin: 40px 0; /*セクション間のマージンの調整*/
}


/*ボタン*/
.btn{
	text-align: center;/*ボタンの中央寄せ*/
}

.sec-btn a{/*a要素を指定したので領域全体にリンクが張られることになった。*/
	text-align: center;
	font-style: normal;
	margin-top: 15px;
	display: inline-block;
	width: 70%;
	max-width: 200px;
	padding: 8px 0;
	border-radius: 2em;
  border: 1px solid #000000; /*周りの線*/
	text-decoration: none;
	font-size: 16px;　/*フォントサイズ*/
}

/*ボタンエリアの領域を反転させる*/
.sec-btn a:hover{
	background: #ecdfc2;
}


/*banner*/
.banner-list li{

	/*margin-bottom: 20px;*/
	width: 100%; /*各項目の幅の調整。モバイルの幅に合わせて100％とする。text-align: centerでは調整できなかった。*/
}
.banner-list li img{
	border: #fff 5px solid;
	box-sizing: border-box;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


/*バナー画像に文字を埋め込む*/
.banner-img{/*親div*/
	position: relative;
}

.banner-img p{
	position: absolute;
	color: white;/*文字は白に*/
	font-size: 2em;/*太字に*/
	font-family: Quicksand, sans-serif;/*googlefont。このフォントをいじると文字の位置がずれてしまう。*/
	top: 50%;
	left: 50%;
	-ms-transfrom: translate(-50%,-50%);
	-webkit-transfrom: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;


}

.banner-img img{
	width: 100%;
}

.banner-img{
	margin: 5px;
}



/*バナーボタン形態*/
.banner-btn{
	text-align: center;/*ボタンの中央寄せ*/
}



.banner-sec-btn li{
	display: inline-block;/*横並びにする*/
	width: 180px;
	margin: 20px 10px;

	border-radius: 2em;/*角を丸くする*/
	border: 1px solid #000000;　/*周りの線*/
}


.banner-sec-btn a{
	display: block;/*親要素であるli要素いっぱいに幅を広げる*/
	padding: 10px;
	font-size: 18px;
	text-decoration: none;/*下線を消去*/
}


/*バナーボタンエリアの領域を反転させる*/
.banner-sec-btn a:hover{
	background: #ecdfc2;
}




/*footerフッター*/
.footer{
	padding: 20px 0;

}

.footer {
	border-top: 70px solid #00A1C6; /* フッターの青っぽい帯 */
}

.footer-inner{
	text-align: center;

}


.footer-nav a{
	/*text-decoration:none;*/ /*　リンクの下線を消す　*/
}



/*アーカイブ*/
@media screen and (min-width: 768px){
	.row{
		display: flex;
	}
}

/*コンテンツとアーカイブの幅の設定*/
@media screen and (min-width: 768px){
	.col-md-9{
		width: 65.9574%;
	}
	.col-md-3{
		width: 31.9148%;
	}
}

/*コンテンツとサイドバーの空間*/
.col-md-3{
	margin: 15px;
}


/*copyright*/
.copyright{
	text-align: center;
}


/*
pagetop
*/
.pagetop{
	width: 45px;
	height: 45px;
	position: fixed;
	right: 10px;
	bottom: 70px;
}

.pagetop a{
	display: block;
	width: 45px;
	height: 45px;
	padding-top: 10px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}

.pagetop a:hover{
	background: rgba(255, 255, 255, 0.5);
	color: #59220d;
}

.pagetop a::before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: 1px solid #59220d;
	border-right: 1px solid #59220d;
	transform: rotate(-45deg);
}
/*
pagetop
*/




/*ナビを同一列に。PCのみ。モバイルは、二段に。*/
@media screen and (min-width: 768px){
	.post-links{
		display: flex;
	}

	/*width指定により左右に別れた*/
	.postlink-prev,
	.postlink-next {
		width: 50%;
	}

　/*サンプルサイトの設定そのまま*/
	.content-Nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

  .content-Nav_Prev,
  .content-Nav_Next {
	width: 50%;
}
　/*サンプルサイトの設定そのまま終了*/
}
/*ナビを同一列に。PCのみ。モバイルは、二段に。終わり*/


	/*タグエリアの装飾*/
ul.content-Tags {
	margin-top: 30px;
	margin-bottom: 30px;
}

.content-Tags {
	font-size: 0.875rem;
}

.content-Tags li {
	display: inline-block;
	margin-right: .3em;
}

.content-Tags a {
	display: block;
	padding: .3em .7em;
	text-decoration: none;
	color: #00A1C6;
	border: 1px solid #00A1C6;
	border-radius: 1em;
}
	/*タグエリアの装飾*/


	/*ページめくりの部分*/
.content-Footer {
	margin-top: 45px;
	margin-bottom: 45px;
}

.content-Nav {
	color: #767268;
	border-top: 1px dotted #D5D1CA;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
}

.content-Nav a {
	text-decoration: none;
	color: #767268;
}

.content-Nav a:hover,
.content-Nav a:focus {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

.content-Nav_Prev,
.content-Nav_Next {
	margin-bottom: 15px;
}

.content-Nav_Next {
	text-align: right;
}

	/*ページめくりの部分*/



.postlink-prev a{
	text-decoration:none; /*　リンクの下線を消す　*/
}

/*次の項目へのリンクを右寄せ*/
.postlink-next{
	text-align: right;
}

.postlink-next a{
	text-decoration:none; /*　リンクの下線を消す　*/	
}



/*ページナビの設定*/
.page-navi{
	/*周りのコンテンツとの間隔*/
	margin: 20px 20px;

}

/*
=========================================
  Modules（Parts）
=========================================
*/

/*Heading*/
.heading{
	margin-bottom: 15px;
	border-bottom: #4d941a 1px solid;
	color: #4d941a;
	font-weight: nomal;
	/*フォントitalic*/
	font-family: 'Cardo', serif;
	font-style: italic;
	overflow: hidden;
	position: relative;
}

/*ポッドアイコン*/
.heading::before{
	content: "";
	display: inline-block;
	width: 35px;
	height: 26px;
	margin-right: 5px;
	background: url(../img/ico_pot.svg) no-repeat;
	background-size: contain;
	position: relative;
	bottom: -3px;
}

.heading .more{
	float: right;
	display: inline-block;
	padding: 5px 5px 5px 10px;
	background: #4d941a;
	border-radius: 2em;
	color: #fff;
	text-decoration: none;
	line-height: 1;
}

.heading .more:hover{
	opacity: 0.7;
}


/*三角アイコン*/
.heading .more::after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	border: transparent 5px solid;
	border-left-color: #fff;
	vertical-align: middle;
}


/*　新着順全記事一覧　*/
/*　サムネイル　*/
.zenkiji_img{
	float: left; /*　左寄せ　*/
	width: 50px; /*　サイズ幅　*/
        height: 50px; /*　サイズ高さ */
	margin-right: 10px; /*　サムネと文字の隙間　*/
}
/*　全体　*/
.yokonarabi{ 
	display:inline-block;
	width:100%;
	padding-bottom: 12px; /*　余白下　*/
padding-top: 12px; /*　余白上　*/
border-bottom: 1px solid #e3e3e3; /*　区切り線　*/
}
/*　リンク　*/
.yokonarabi a{
	text-decoration:none; /*　リンクの下線を消す　*/
	color: #3b3b3b; /*　文字色　*/
} 





/*
個別記事の設定
*/

/*画像との隙間*/
.article-meta{
	margin: 5px 0px;
}

.atticle-title{
	text-align: center;
}



.article-meta-time{
	text-align: right; /*年月日表示を右寄せ*/
}

.article-meta-category{
	text-align: right; /*右寄せ*/
}

.article-meta-category a{
	padding: 0px 3px;
	border: 1px solid #000000;
	color: #000000;
	text-decoration:none; /*　リンクの下線を消す　*/
	font-size: 16px; /*フォントサイズの調整*/
}

/*カテゴリエリアの領域を反転させる*/
.article-meta-category a:hover{
	background: #ecdfc2;
}


/*
=========================================
  Utilities
=========================================
*/

/* マージン
---------------------------------*/
.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}

/* 左右行揃え
---------------------------------*/
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }


/* フロート／フロート解除
---------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fl-img{ float: left; margin-right: 10px; margin-bottom: 10px;}
.fr-img{ float: right; margin-left: 10px; margin-bottom: 10px;}
.clear{ clear:both; }

/* clearfix */
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both; 
}

/*icon fonts*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?mp503x');
  src:  url('fonts/icomoon.eot?mp503x#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?mp503x') format('truetype'),
    url('fonts/icomoon.woff?mp503x') format('woff'),
    url('fonts/icomoon.svg?mp503x#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-pinterest:before {
  content: "\ead1";
}

/*投稿記事の配列を横にする*/
.module-Article_Item_Link {
	display: flex;
	align-items: flex-start; /* 👈 【重要】これを追記：画像と文章の上端（頭）を綺麗に揃える */
	text-decoration: none;
	color: #43413B;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*画像の大きさの調整*/
.module-Article_Item_Img {
	width: 30%;
	margin-right: 15px;
}

/*他のコンテンツとの色分け*/
.module-Article_Item_Meta {
	color: #767268;
}

/*他のコンテンツとの隙間*/
ul.module-Article_Item_Meta {
	margin-top: 15px;
}

/*カテゴリ、日付を横表示に*/
.module-Article_Item_Meta li {
	display: inline-block;
}

/*カテゴリ表示の後の/を入れるため*/
.module-Article_Item_Cat:after {
	display: inline-block;
	width: 1px;
	height: 1em;
	margin-right: .3em;
	margin-left: .5em;
	content: "";
	transform: skew(-10deg) translateY(0.1em);
	background-color: #767268;
}

/*投稿記事ページのカテゴリ日付表示の装飾*/
.content-Meta {
	color: #767268;
	font-size: 0.875rem;
}

.content-Meta a {
	text-decoration: none;
	color: #767268;
	display: inline-block;
	margin-top: 15px;
}

.content-Meta a:hover {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

.content-Meta .content-Meta_Date:before {
	content: "/";
}

.module-Article_Item_Img{
	width: 31.9148%;

}

.module-Article_Item_Body{
	width: 65.9574%;

}


/*
ページナビpaginationの設定
*/

.pagination {
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
}

.pagination .nav-links {
	font-family: "Noto Sans JP", sans-serif, sans-serif;
}

.pagination .page-numbers {
	display: inline-block;
	padding: .5em 1em;
	text-decoration: none;
	color: #3B4043;
	border: 2px solid #edeceb;
	border-radius: 0.2em;
	background-color: #F7F6F5;
	font-size: 0.875rem;
}

.pagination .page-numbers:hover {
	border-color: #00A1C6;
}

.pagination .page-numbers.current {
	color: #FFFFFF;
	border-color: #00A1C6;
	background-color: #00A1C6;
}

.pagination .page-numbers.dots {
	padding: 0 .5em;
	border: none;
	background-color: transparent;
}

.pagination .page-numbers {
	font-size: 1rem;
}

/*
ページナビpaginationの設定終わり
*/

/*お問い合わせのはみ出る部分をレスポンシブ対応する*/
.form-width { max-width: 100%;}


/*ウィジェットエリアの見出しの装飾。wpから登録する場合フォントはbody{}で指定したものになる*/
.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
	margin-bottom: 1em;
	padding-top: .5em;
	border-top: 2px solid #00A1C6;　/*上の青っぽい線*/
	font-size: 1.125rem;	
}

/*下線なくす。色を変える。*/
.widget_block a {
	text-decoration: none;
	color: #3B4043;
}


.widget_block a:hover,
.widget_block a:focus {
	text-decoration: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
}

/*見出しの文字が大きくなった。*/
.widget_block ul:not([class]) {
	padding-left: 1.2em;
}

.widget_block iframe {
	max-width: 100%;
}

/*表面上何の変化もなかった*/
.widget_block select {
	max-width: 100%;
	display: inline-block;
	box-shadow: none;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ctitle%3Earw-down%3C%2Ftitle%3E%3Cpath%20d%3D%22M16%2024l-14.7-14.7%201.3-1.3%2013.4%2013.4%2013.4-13.4%201.3%201.3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center right 8px;
	background-color: #FFFFFF;
	border-radius: 0;
	border: 1px solid #767268;
	padding: .3em 1.5em .3em .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1rem;
}

/*リンク先にポインタを寄せると下線が表示されるようになった*/
.widget_block select::-ms-expand {
	display: none;
}

/*表面上何の変化もなかった*/
.widget_block .wp-block-button__link {
	color: #00A1C6;
}

/*表面上何の変化もなかった*/
.widget_block .wp-block-button__link:hover {
	text-decoration: none;
}


/*ループの下の点線*/
.module-Article_Item {
	border-bottom: 1px dotted #D5D1CA;
}

/*ループの上の点線*/
.module-Article_Item:first-of-type {
	border-top: 1px dotted #D5D1CA;
}

/*カテゴリリストに下線を引く。ただし、最後の要素には引かない。⇒:not(:last-child)*/
.wp-block-categories-list li:not(:last-child),
.wp-block-categories__list li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

/*アーカイブリストに下線を引く。ただし、最後の要素には引かない。⇒:not(:last-child)*/
.wp-block-archives-list.wp-block-archives li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}



.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter {
	text-align: center;
}

/*wpから出力されるカテゴリリストのフォーマットの調整*/
.wp-block-categories-list,
.wp-block-categories__list {
	padding-left: 0;
	list-style-type: none;
}

.wp-block-categories-list li,
.wp-block-categories__list li {
	padding: .5em 0;
}

.wp-block-categories-list li:not(:last-child),
.wp-block-categories__list li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

/*wpから出力されるアーカイブリストのフォーマットの調整*/
.wp-block-archives-list.wp-block-archives {
	list-style-type: none;
	padding-left: 0;
}

.wp-block-archives-list.wp-block-archives li {
	padding: .5em 0;
}

.wp-block-archives-list.wp-block-archives li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

/*トップページの表題*/
.home-News_Title,
.home-Style_Title,
.home-ShopInfo_Title {
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 45px;
}

.home-News_Title span,
.home-Style_Title span,
.home-ShopInfo_Title span {
	display: block;
	margin-top: .5em;
	color: #00A1C6;
	font-size: 0.75rem;
}

/*PCのみ。*/
@media screen and (min-width: 768px){
	.home-News_Title,
	.home-Style_Title,
	.home-ShopInfo_Title {
		font-size: 2.25rem;
	}

	.home-News_Title span,
	.home-Style_Title span,
	.home-ShopInfo_Title span {
		font-size: 1rem;
	}
}


/*
ハンバーガーメニュー用CSS
*/


/*モバイル用*/

.header {
	padding-top: 15px;
}

.header-SiteName {
	margin-left: 15px;
	margin-bottom: 15px;
}

.header-SiteName_Link {
	display: block;
	width: 200px;
	text-decoration: none;
	color: #43413B;
}

.header-Tagline {
	font-weight: bold;/* 太字にして主張を強める */
	display: block;
	text-transform: none;/* 日本語なのでuppercaseは不要です */
	color: #555;/* 文字色を少し濃くして読みやすく */
	font-size: 0.85rem;/* 0.625rem（約10px）から 0.85rem（約13.6px）へアップ */
	width: 90%; /*ナビと被らないようにするモバイル*/
	text-align: left;
	margin-top: 5px;/* ロゴとの隙間を少し作る */
}

.header-NavToggle {
	position: absolute;
	top: 15px;
	right: 100%;
	width: 40px;
	height: 40px;
	padding: 0 5px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	border: none;
	background-color: transparent;
}

.header-NavToggle_Bar {
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	transition: all .2s ease-in-out;
	background-color: #43413B;
}

.header-NavToggle_Bar::before,
.header-NavToggle_Bar::after {
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	transition: all .2s ease-in-out;
	background-color: #43413B;
}

.header-NavToggle_Bar:before {
	transform: translateY(-9px);
}

.header-NavToggle_Bar:after {
	transform: translateY(7px);
}

.header-NavToggle[aria-expanded="true"] .header-NavToggle_Bar {
	background-color: transparent !important;
}

.header-NavToggle[aria-expanded="true"] .header-NavToggle_Bar:before {
	transform: translateY(0) rotate(45deg);
	background-color: #43413B;
}

.header-NavToggle[aria-expanded="true"] .header-NavToggle_Bar:after {
	transform: translateY(-2px) rotate(-45deg);
	background-color: #43413B;
}

/*メニューがハンバーガーになる。*/

.header-Nav {
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	width: 260px;
	height: 100%;
	margin-right: -260px;
	transition: margin-right .2s ease-in-out;
	background-color: #F7F6F5;
}

body.is-DrawerActive .header-Nav {
	margin-right: 0;
}

.header-Nav_Items {
	overflow-y: auto;
}

.header-Nav li {
	border-bottom: 1px dashed #D5D1CA;
}

.header-Nav a {
	position: relative;
	display: block;
	padding: 0.7em 15px;
	text-decoration: none;
	color: #43413B;
	overflow-wrap: break-word;
}

.header-Nav a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	content: "";
	transition: all .2s ease-in-out;
	background-color: #00A1C6;
}

.header-Nav .search-form {
	padding: 15px;
}

.header-Nav .search-field {
	max-width: 10em;
}


/*周りの線の色等の変更*/
.search-field {
	min-height: 1.5em;
	padding: .2em;
	border: 1px solid #767268;
	border-radius: 0.2em;
}

/*検索ボタンの装飾*/
.search-submit {
	min-height: 1.5em;
	padding: .2em .7em;
	color: #FFFFFF;
	border: 1px solid #43413B;
	border-radius: 0.2em;
	background-color: #43413B;
}







/*PCのみ。*/
@media screen and (min-width: 768px){


.header {
	display: flex;　/*PCはフレックス*/
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 15px;
	align-items: flex-end;
}

/*ここの設定でトップページのロゴ＆キャッチフレーズの大きさが決まる*/
.header-SiteName {
	margin-bottom: 0;
	width: 400px;
}

/*ここの設定でトップページのロゴの大きさが決まる*/
.header-SiteName_Link {
	width: 300px; 
}

.header-Tagline {
	font-size: 1.1rem;
	font-weight: bold;      /* 太字にする */
	color: #444;            /* PCでは少し濃いめが映えます */
	width: 100%; /*パソコン用の設定*/
	text-align: left;
	margin-top: 8px;        /* ロゴとのバランス調整 */
}

.header-NavToggle {
	display: none;
}

body:after {
	content: none;
}

.header-Nav {
	position: inherit;
	width: auto;
	margin-right: auto;
	background-color: transparent;
	flex: 1;
}

.header-Nav_Items {
	display: flex;
	flex-direction: row;
	height: auto;
	margin-bottom: 0;
	flex: 1;
	justify-content: flex-end;
}

.header-Nav li {
	position: relative;
	border-bottom: none;
}

.header-Nav a {
	padding: .5em 1em;
	text-align: center;
}

.header-Nav a:hover,
.header-Nav a:focus {
	outline: none;
}

.header-Nav a:hover:after,
.header-Nav a:focus:after {
	width: 100%;
}

/*PC用の記述。ないとハンバーガーメニューから、はみ出る。*/
.header-Nav .search-form {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0;
	width: 260px;
}

/*PC用の記述。ないとハンバーガーメニューから、はみ出る。*/
.header-Nav .search-field {
	min-width: 12em;
}

}

/*
ハンバーガーメニュー用CSS
*/

/*
カラーパレット
*/

.has-skyblue-background-color {
	background-color: #00A1C6;
}

.has-skyblue-color {
	color: #00A1C6;
}

.has-light-skyblue-background-color {
	background-color: #ECF5F7;
}

.has-light-skyblue-color {
	color: #ECF5F7;
}

.has-light-gray-background-color {
	background-color: #F7F6F5;
}

.has-light-gray-color {
	color: #F7F6F5;
}

.has-gray-background-color {
	background-color: #767268;
}

.has-gray-color {
	color: #767268;
}

.has-dark-gray-background-color {
	background-color: #43413B;
}

.has-dark-gray-color {
	color: #43413B;
}

/*
カラーパレット
*/

/*
フォントサイズ
*/

.has-x-small-font-size {
	font-size: 0.875rem;
}

.has-small-font-size {
	font-size: 1rem;
}

.has-normal-font-size {
	font-size: 1.125rem;
}

.has-large-font-size {
	font-size: 1.5rem;
}

.has-huge-font-size {
	font-size: 2.25rem;
}

/*
フォントサイズ
*/


/*
ボタンブロック
*/

.wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1C6;
	border: 1px solid #00A1C6;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}
/*
ボタンブロック
*/


/*
矢印付き
*/
.wp-block-button.is-style-arrow .wp-block-button__link {
	display: flex;
	align-items: center;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: '';
	margin-left: 0.5em;
	width: 10px;
	height: 18px;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 15a1 1 0 01-.77-1.64L5.71 8 1.39 2.63a1 1 0 01.15-1.41A1 1 0 013 1.37l4.83 6a1 1 0 010 1.27l-5 6A1 1 0 012 15z' fill='%23fff'/%3E%3C/svg%3E");
}
/*
矢印付き
*/

/*
幅固定
*/
.wp-block-button.is-style-fixed .wp-block-button__link {
	width: 80vw;
	max-width: 20em;
	font-size: 1rem;
}
/*
幅固定
*/




/*
ボタンブロック
*/
.widget_block .wp-block-button__link {
	color: #00A1C6;
}

.widget_block .wp-block-button__link:hover {
	text-decoration: none;
}

.wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1C6;
	border: 1px solid #00A1C6;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button__link:visited {
	color: #00A1C6;
	background-color: #FFFFFF;
}

.wp-block-button__link:hover {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(150%);
}

.wp-block-button.is-style-fill .wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:focus,
.wp-block-button.is-style-fill .wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-fixed .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid #00A1C6;
	padding: 1em;
}

.wp-block-button.is-style-fixed .wp-block-button__link:hover,
.wp-block-button.is-style-fixed .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(100%);
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: #00A1C6;
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):focus {
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link {
	display: flex;
	align-items: center;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: '';
	margin-left: 0.5em;
	width: 10px;
	height: 18px;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 15a1 1 0 01-.77-1.64L5.71 8 1.39 2.63a1 1 0 01.15-1.41A1 1 0 013 1.37l4.83 6a1 1 0 010 1.27l-5 6A1 1 0 012 15z' fill='%23fff'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-arrow .wp-block-button__link:hover{
	filter: contrast(150%);
}



.wp-block-button.is-style-fixed .wp-block-button__link {
	width: 80vw;
	max-width: 20em;
	font-size: 1rem;
}
/*
ボタンブロック
*/