@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* 
===============================================================================================

　SWELL＞子テーマ＞カスタマイズ、ハックを定義する

===============================================================================================
*/


/* 高さ設定
--------------------------------------------------------------- */
.adx-h650 { height: 650px !important; }
.adx-h600 { height: 600px !important; }
.adx-h550 { height: 550px !important; }
.adx-h500 { height: 500px !important; }
.adx-h450 { height: 450px !important; }
.adx-h400 { height: 400px !important; }
.adx-h350 { height: 350px !important; }


/* フッター直前＞スペース削除（SWELLハック）
--------------------------------------------------------------- */
.w-beforeFooter {
	margin: 0;
}


/* リッチカラム
--------------------------------------------------------------- */
/* 「スクロールできます」エリアの非表示
----------------------------------------------- */
.scrolHint-displaynone > .c-scrollHint { display: none; }


/* スクロールバー（横方向）＞非表示
----------------------------------------------- */
.scrollbar-displaynone > .swell-block-columns__inner::-webkit-scrollbar {
	display: none;/* Chrome、Safari、Opera、Edge */
}
.scrollbar-displaynone > .swell-block-columns__inner {
	-ms-overflow-style: none;/* Internet Explorer 10+ */
	scrollbar-width: none;/* Firefox */
}




/* 
===============================================================================================

　SWELL＞子テーマ＞クライアント別設定＞香吟のささやき（ぶんご銘醸）

===============================================================================================
 */


/* 縦書き
--------------------------------------------------------------- */
/* H2＞縦書き+背景画像
----------------------------------------------- */
.adx-h2-vertical-writing {
	writing-mode: vertical-rl;/* 縦書き */
	margin: 3em 0 1em 0.5em !important;
	background-image: url('image/pic000071-32x363.png') !important; /* 背景画像を設定 */
	background-size: 32px 363px !important; /* 背景画像を要素のサイズに合わせる */
	background-repeat: no-repeat !important; /* 画像の繰り返しを無効にする */
	background-position: right top !important;
	padding: 7px !important;
	display: flex; /* フレックスボックスを使用 */
	align-items: flex-start; /* テキストを上に寄せる */
}


/* H2＞縦書き+背景画像
----------------------------------------------- */
.adx-h2-sp {
	background-image: url('image/pic000071-363x32.png') !important; /* 背景画像を設定 */
	background-size: 240px 21px !important; /* 背景画像を要素のサイズに合わせる */
	background-repeat: no-repeat !important; /* 画像の繰り返しを無効にする */
	background-position: left bottom !important;
	padding: 7px !important;
}

/* ページ上部＞段落＞縦書き
----------------------------------------------- */
p.adx-p-vertical-writing {
	writing-mode: vertical-rl;/* 縦書き */
	text-orientation: upright; /* 文字の向きを縦に */
	white-space: normal; /* 自動改行を有効に */
	overflow-wrap: break-word; /* 単語の途中で改行を可能に */
}


/* Responsive
------------------------------- */
@media screen and (min-width:1460px) {
	p.adx-p-vertical-writing {
		font-size: 32px !important;
	}
	p.adx-p-main-margin {
		margin: 0 0 0 150px;
	}
}
@media screen and (min-width:1360px) and (max-width:1459px) {
	p.adx-p-vertical-writing {
		font-size: 31px !important;
	}
	p.adx-p-main-margin {
		margin: 0 0 0 140px;
	}
}
@media screen and (min-width:1260px) and (max-width:1359px) {
	p.adx-p-vertical-writing {
		font-size: 30px !important;
	}
	p.adx-p-main-margin {
		margin: 0 0 0 130px;
	}
}
@media screen and (min-width:1160px) and (max-width:1259px) {
	p.adx-p-vertical-writing {
		font-size: 29px !important;
	}
	p.adx-p-main-margin {
		margin: 0 0 0 120px;
	}
}
@media screen and (min-width:1060px) and (max-width:1159px) {
	p.adx-p-vertical-writing {
		font-size: 28px !important;
	}
	p.adx-p-main-margin {
		margin: 0 0 0 110px;
	}
}
@media screen and (min-width:960px) and (max-width:1059px) {
	p.adx-p-vertical-writing {
		font-size: 27px !important;
	}
	p.adx-p-main-margin {
		margin: 0 0 0 100px;
	}
}
@media screen and (max-width:959px) {
	p.adx-p-vertical-writing {
		font-size: 16px !important;
	}
	p.adx-p-main-margin {
		margin: 0;
	}
}




/* 
===============================================================================================


===============================================================================================
*/
/* 
--------------------------------------------------------------- */
/* 
----------------------------------------------- */
/* Responsive
------------------------------- */
@media screen and (min-width:1281px) {
}
@media screen and (min-width:992px) and (max-width:1280px) {
}
@media screen and (min-width:736px) and (max-width:991px) {
}
@media screen and (max-width:735px) {
}