@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
*/

/* フォントサイズ */
.font07 {
	font-size: 0.7em;
}

/* カテゴリーごとの色分け */

/* ママ活 */
.categoryid-17 {
	--color_main: #550044;
	--color_htag: #550044;
	--border01: solid 1px var(--color_main);
	--border02: double 4px var(--color_main);
}

/* パパ活 */
.categoryid-23 {
	--color_main: #FF3399;
	--color_htag: #FF3399;
	--border01: solid 1px var(--color_main);
	--border02: double 4px var(--color_main);
}

/* 不倫 */
.categoryid-52 {
	--color_main: #CDAAFF;
	--color_htag: #CDAAFF;
	--border01: solid 1px var(--color_main);
	--border02: double 4px var(--color_main);
}

/* 表内のテキストを縦方向に中央揃えする */
.post_content td,
.post_content th {
	vertical-align: middle;
}

/* tebleのキャプション固定 */
figure.fix-cap figcaption {
	text-align: center;
	background: #fff;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 5;
}

/* 記事内CVボックス */
.ad-box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 5% 7%;
	font-size: 0.9em;
}

.ad-box-m {
	background-color: #F2F8E8;
}

.ad-box-p {
	background-color: #F7DFDF;
}

.ad-box span img,
.ad-box ul {
    display: table;
    margin: 0 auto;	
}

.ad-box ul li {
	margin: 0.7em 0 !important;
}

.ad-box .swell-block-button {
	margin-bottom: 1em;
}

.ad-box-m .swell-block-button__link,
.ad-box-m .has-border.-border01 {
	background-color: #22a100 !important;
}

.ad-box-p .swell-block-button__link,
.ad-box-p .has-border.-border01 {
	background-color: #f72222 !important;
}

.ad-box .has-border.-border01 {
	margin-top: 1em;
}

/* トップページ日付表示 */
time.c-postTimes__modified.icon-modified {
	font-size: 12px;
}

/******************************
広告関連タグ
******************************/

/* JSリンク */
.web {
	cursor: pointer;
	text-decoration: underline;
	color: #1558d6;
}

.web:hover {
	color: #ccc;
}

/* JSリンクボタン（立体） */
[class*=is-style-btn_] span.swell-block-button__link {
	background: var(--the-btn-bg);
	border-radius: var(--the-btn-radius, 0);
	display: inline-block;
	letter-spacing: var(--swl-letter_spacing, 1px);
	line-height: 1.5;
	margin: 0;
	min-width: var(--the-min-width);
	padding: var(--the-padding);
	position: relative;
	text-decoration: none;
	width: var(--the-width);
}

.is-style-btn_solid span.swell-block-button__link {
	box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark));
	color: #fff;
	font-weight: 700;
	transition: box-shadow .25s, -webkit-transform .25s;
	transition: transform .25s, box-shadow .25s;
	transition: transform .25s, box-shadow .25s, -webkit-transform .25s;
	z-index: 1;
}

.is-style-btn_solid span.swell-block-button__link:hover {
	box-shadow: 0 0 0 transparent !important;
	-webkit-transform: translate3d(0, 4px, 0);
	transform: translate3d(0, 4px, 0)
}

.swell-block-button span.swell-block-button__link {
	text-align: center;
}

.p-breadcrumb__list {
    flex-wrap: wrap; //記事名が長い場合は折り返す
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block!important; //記事名の表示
    opacity: 1; //記事名を半透明にしない
    white-space: pre-wrap;//記事名が長い場合は折り返す
}