/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 08:53:09 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*==============================================================
reCAPTCHA
==============================================================*/
/*----v3のロゴを非表示----*/
/*.grecaptcha-badge {visibility: hidden;}*/

/*==============================================================
アンカー
==============================================================*/
html {scroll-behavior: smooth !important;}

/*==============================================================
基本フォント
==============================================================*/
/*----どんな媒体でも基本を同じフォントに統一する----*/
body, html {font-size:16px; color:#171717;}
body {font-family: 'Noto Serif JP', sans-serif; font-weight:500;}
.eng {font-family: 'EB Garamond', sans-serif;}

/*==============================================================
表示・非表示
==============================================================*/
/*----PC表示----*/
.pc {display:block;}
.sp {display:none;}
/*----タブレット時に非表示----*/
@media screen and (max-width: 991px) {.tab {display:none;}}
/*----スマホ表示----*/
@media screen and (max-width: 780px) {
	.pc {display:none;}
	.sp {display:block;}}

/*==============================================================
動画・iframe
==============================================================*/
/*----動画下の余白を消す----*/
video, iframe {vertical-align: bottom !important; max-width:100%;}
video {display:block;}

/*==============================================================
shortcodes ultimate
==============================================================*/
/*----自動挿入pタグのmargin-bottomを消す----*/
.su-animate>p:first-child, .su-animate>p:last-child, .su-animate + p:nth-of-type(1) {margin:0;}

/*==============================================================
共有
==============================================================*/
/*----------------------------------------------------
余白関連
----------------------------------------------------*/
body.page .mainSection {margin-bottom:0;}
/*----EdgeやIEでSP時にのみ出る邪魔な余白を消す----*/
@media screen and (max-width:780px) {
	.panel-grid>div.panel-grid-cell:last-child {margin-bottom:0 !important;}}
/*----タイトルや文末に余計なmargin-bottomを入れたくない時----*/
.last {margin-bottom:0 !important;}
/*----margin-topを入れたい時----*/
.mt {margin-top:16px !important;}
.mt2 {margin-top:32px !important;}
.mt3 {margin-top:48px !important;}
.mt4 {margin-top:64px !important;}
@media (max-width:780px) {
	.mt.sp_last {margin-top:0 !important}
	.mt2.sp_last {margin-top:0 !important;}
	.mt3.sp_last {margin-top:0 !important;}
	.mt4.sp_last {margin-top:0 !important;}}
/*----margin-bottomを入れたい時----*/
.mb {margin-bottom:16px !important;}
.mb2 {margin-bottom:32px !important;}
.mb3 {margin-bottom:48px !important;}
.mb4 {margin-bottom:64px !important;}
.mb5 {margin-bottom:80px !important;}
.mb6 {margin-bottom:96px !important;}
/*----padding-bottomを入れたい時----*/
.pb6 {padding-bottom:96px !important;}
/*----------------------------------------------------
div
----------------------------------------------------*/
div {line-height: 1.9;}
/*----------------------------------------------------
p
----------------------------------------------------*/
p {margin-bottom:16px;}
/*----------------------------------------------------
a
----------------------------------------------------*/
/*----投稿記事内のリンクは下線つける----*/
.single-post .entry-body a {text-decoration:underline;}
/*----------------------------------------------------
dl, ol, ul
----------------------------------------------------*/
/*----余白設定----*/
dl, ol, ul {margin-top: 0; margin-bottom:16px; padding-left:1rem;}
/*----------------------------------------------------
li
----------------------------------------------------*/
/*----リストの行の高さ(pタグと一緒にする)----*/
li {line-height: 1.9; margin-bottom: 0;}
/*----リストに下線引きたいとき----*/
li.line {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted #ccc;}
/*----------------------------------------------------
ul.ind / リストスタイルを好きなものにしたいとき
----------------------------------------------------*/
ul.ind {list-style:none; text-indent:0; padding-left:1rem;}
ul.ind li {text-indent:-1rem;}
/*----------------------------------------------------
テーブル
----------------------------------------------------*/
/*----ブラウザごとのtable横幅自動調整機能が邪魔してるのでOFFにする----*/
table {
	margin-bottom:16px;
	table-layout:fixed; width:100%;
	border-spacing: 0;/*境界の余白を無くす*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示する*/
}
td, th {font-size:1rem; font-weight:normal; padding:16px;}
/*----------------------------------------------------
display:inline-block;
----------------------------------------------------*/
.block {display: inline-block;}/*----リンク設定したとき行全体にリンクがかからないようにする----*/
.block_left {display: inline-block; text-align:left;}/*----左揃えのまま中央揃えしたいときに使う（※更にdiv.cenで囲わないと効かない）----*/
/*----------------------------------------------------
文字関連
----------------------------------------------------*/
.ind {text-indent: 1rem;}/*----1文字インデント----*/
.bol {font-weight:bold;}/*----太文字----*/
.b500 {font-weight:500;}
.white {color:#fff;}/*----白文字----*/
.red {color:red;}/*----赤文字----*/
.blue {color:blue;}/*----青文字----*/
.cap {text-transform: capitalize;}/*----先頭だけ大文字----*/
.upp {text-transform: uppercase;}/*----全て大文字----*/
.low {text-transform: lowercase;}/*----先頭だけ大文字----*/
.sha {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);}
/*----------------------------------------------------
画像関連
----------------------------------------------------*/
img.aligncenter, img.alignleft, img.alignright {margin-bottom: 0px;}
/*----拡大縮小----*/
.scl img, img.scl {transform: scale(0.95); transition-duration: 0.3s;}
.scl img:hover, img.scl:hover {transform: scale(1); transition-duration: 0.3s;}
/*----------------------------------------------------
整列関連
----------------------------------------------------*/
.cen {text-align:center;}/*----中央揃え----*/
.lef {text-align:left;}/*----左揃え----*/
.rig {text-align:right;}/*----右揃え----*/
/*----pc時は中央揃え----*/
.cen_pc {text-align:center;}
@media (max-width:780px) {.cen_pc {text-align:left;}}
/*----sp時は中央揃え----*/
.cen_sp {text-align:left;}
@media (max-width:780px) {.cen_sp {text-align:center;}}
/*----pc時は右揃え----*/
.rig_pc {text-align:right;}
@media (max-width:780px) {.rig_pc {text-align:left;}}

.cen_tab {display:table; margin:0 auto;}

/*==============================================================
IE・Edge
==============================================================*/
/*----------------------------------------------------
（IE11）brの改行箇所が豆腐に文字化けしないようにする
----------------------------------------------------*/
@media all and (-ms-high-contrast:none) {br {font-size: 0px;}}
/*----------------------------------------------------
（IE11）ページヘッダー
----------------------------------------------------*/
/*----Lightning ProがIEサポート外なので、IE専用ページヘッダー画像を設定----*/
@media all and (-ms-high-contrast:none) {
	body .page-header {
		position:relative; background:transparent; background-repeat:no-repeat; background-position:center center; background-size:cover;}}