@charset "UTF-8";
/*
		Template: swell
		Theme Name: SWELL CHILD
		Theme URI: https://swell-theme.com/
		Description: SWELLの子テーマ
		Version: 1.1.0
  	Author: mayue Katsuragi
  	AuthorURI: https://mstyle-note.com/
*/

/* ================= 
　SWELLブロック
================= */
/* アイコンbox内・メディアとテキストブロック内フォントカラー
 ---------------------------------------- */ 
[class*="is-style-icon_"], 
.wp-block-media-text, 
.c-balloon__text,
.has-swl-main-thin-background-color {
	color: var(--color_text) !important;
}


/* ================= 
　全体設定
================= */
/* フォント設定＞font family:Open Sans追加
---------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); 
html, body,p { 
/*	font-weight: 300 !important;*/
	font-family: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 2;
}

.broken_link, a.broken_link { /* リンクに下線 */
	text-decoration: underline !important;
}

.c-balloon__text { /* ふきだしフォント&サイズ変更 */
	font-size:  var(--swl-fz--small) !important;
	max-width: 700px !important;
}

/* 丸角調整
---------------------------------------- */
img {
	border-radius: 3px;
}

.p-postList__thumb, 
.p-articleThumb__img,
.c-postThumb { /* 投稿リスト＆記事アイキャッチ画像 */
	border-radius: 2px;
}

.c-postThumb__cat { /* サムネイル上のカテゴリ表示枠 */
	border-radius: 2px !important;
	background-image: none !important;
	margin: 0.25rem 0.2rem;
}

/* SWELLボックス・ページャー・検索フォーム */
.wp-block-group,
[class*=page-numbers],
.c-searchForm__s,
.c-searchForm__submit { 
	border-radius: 2px;
}

/* サムネイルのマウスオーバーカラー無
---------------------------------------- */
:root {
	--color_gradient1: transparent !important;
	--color_gradient2: transparent !important;
}

/* スマホ開閉メニュー下に特商リンク追加
---------------------------------------- */
.spMenu-lower {
	margin-top: 2em;
	text-align: center;
	font-size: .9em;
}

.spMenu-lower a {
	text-decoration: none !important;
}

/* ================= 
　Topページ
================= */
/* ヘッダーロゴ＞上下余白調整
---------------------------------------- */
.-img .c-headLogo__link {
	padding: 0;
}

/* メインビジュアル＞スクロールカラー
---------------------------------------- */
.p-mainVisual__scroll {
	color: #9e9e9e !important;
}

/* メインビジュアル上のメニュー＞テキストカラー
---------------------------------------- */
.l-header.-t-000 {
	--swl-color_top_header: #5e5e5e;
}

/* ================= 
　記事本文
================= */
/* 投稿記事タイトル＞スタイル変更
---------------------------------------- */
.l-mainContent__inner .p-articleMetas {
	padding-bottom: 1.5em;
	border-bottom: solid 1px var(--color_border);
}

/* 箇条書きリストdefaultスタイル変更
---------------------------------------- */
/*.p-toc__list.is-style-index li::before { /* 目次部分
		left: 0;
} -- エラーになっていた部分 */
/*
.post_content ul {
	list-style: none !important;
}
*/
.post_content ul li::marker {
	color: var(--color_main);
}

/* ================= 
　Snow Monkey Formsカスタマイズ
================= */
/* ボタンcolor
---------------------------------------- */
.smf-action .smf-button-control__control {
	background-color: #879979; /*旧color	#c25664*/
	background-image: none;
	border: none;
	border-color: transparent;
	color: #ffffff !important;
}

button:hover { /* 送信btnマウスオーバー */
	opacity: 0.6; /* 透明度 */
}

/* フォーム枠
---------------------------------------- */
.smf-form--business .smf-item {
	border: transparent !important;
}

.smf-form--business .smf-item__col--label {
	border-right: none;
	border-bottom: none;
	background-color: transparent;
}

.smf-item__label {
	display: inline-block; 
}

.smf-item__description {
	display: inline-block; 
	padding-left: 0.5rem;
}

.smf-form--business .smf-item__col {
	padding: 0.5rem !important;
}

/* 入力欄のサイズ
---------------------------------------- */
input.inputName,
input.inputMail {
	width: 90%; 
}

textarea.inputMessage {
	width: 90% !important;
}

/* 入力欄の丸角調整
---------------------------------------- */
.smf-form .smf-item .smf-text-control__control,
.smf-form .smf-item .smf-textarea-control__control,
.smf-form .smf-item .smf-select-control__control,
.smf-form .smf-item .smf-checkbox-control__control {
	--_global--border-radius: 2px !important;
}

.smf-form .smf-item .smf-radio-button-control__control,
.smf-action .smf-button-control__control {
	--_global--border-radius: 0px !important;
}

/* ================= 
　PCハンバーガーメニュー導入
================= */

/* 
 * 開閉メニューのフルスクリーン設定
 * ------------------------------------------------------ */
.p-spMenu__inner {
	--color_menu_text: var(--color_text); /* メニューテキストの色 */
	--color_menu_bg: rgba(255 255 255 / 85%); /* フルスクリーンメニューの背景色 */
	width: 100vw;
}

.p-spMenu__overlay {
	background: transparent;
}

.-right .p-spMenu__inner {
	transform: translateX(0);
	opacity: 0;
	transition: opacity .45s;
}

[data-spmenu=opened] .p-spMenu__inner {
	transform: translateX(0);
	opacity: 1;
}

.p-spMenu__inner::before {
	background: var(--color_menu_bg);
	opacity: 1;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* ------------------------------------------------------
 * フルスクリーンメニュー内の設定
 * ------------------------------------------------------ */
.p-spMenu__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow-y: visible;
	/* padding: 4vw 10vw; */
}

.c-widget__title.-spmenu { /* 開閉メニュー内のタイトルを非表示 */
	display: none!important;
}

.c-spnav a { /* メニューリンクの設定 */
	border-bottom: none;
}

.c-gnav .sub-menu a:before, .c-listMenu a:before {
	content: none;
}

.p-spMenu__inner a {
	text-align: center;
	transition: transform .5s;
}

.p-spMenu__inner a:hover {
	padding-left: inherit;
	padding-right: inherit;
	background-color: inherit;
	transform: scale(1.1)
}

.c-iconBtn { /* 閉じるボタンの設定 */
	color: var(--color_menu_text);
}

@media (min-width: 960px) {
	.-right .p-spMenu__closeBtn {
		right: var(--swl-pad_container,0);
		height: calc(var(--logo_size_pc) + 32px);
	}
}