@charset "utf-8";

/* category-backnumber.php / category-backnumber_test.php 用（コメントアウト部） */
.custom-backnumber-notice {
    font-size: 14px;
    font-size: 1.4rem;
}

/* category-interview.php / category-interview_test.php 用 */
.custom-list-bg {
    background-color: #fff;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: var(--list-photo-url);
}

.clear-both-menu {
    clear: both;
}

/* header.php 用 (GTM noscript) */
.gtm-noscript {
    display: none;
    visibility: hidden;
}

/* page-contact-thanks.php 用 */
.contact-thanks-msg {
    margin-bottom: 10px;
}

/* インラインスタイル属性の外部化用クラス */
.custom-clear-both { clear: both; }
.custom-gtm-noscript { display: none; visibility: hidden; }
.custom-mb-10 { margin-bottom: 10px; }
.custom-mr-10 { margin-right: 10px; }
.custom-border-none { border: none !important; }
.custom-fb-iframe { overflow: hidden; width: 100%; height: 260px; }
.custom-tw-iframe { width: 127px; height: 20px; }

/* 背景画像の動的URL用（PHPファイル内で --list-photo-url を指定） */
.custom-list-bg {
    background-color: #fff;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: var(--list-photo-url);
}

/* page-test 系の <style> タグ抽出分 */
.custom-adminbar-hide { display:none; }
.custom-html-margin { margin-top: 32px !important; }
.custom-social-hide .list .socialArea { display: none; }

@media screen and ( max-width: 782px ) {
	.custom-html-margin { margin-top: 46px !important; }
}
@-webkit-keyframes custom-bgslide{from{background-position-x:0}to{background-position-x:-200%}}
@keyframes custom-bgslide{from{background-position-x:0}to{background-position-x:-200%}}

.custom-wpp-loading {
	margin:0 auto;width:60px;height:3px;
	background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);
	background-size:200% auto;border-radius:3px;
	-webkit-animation:custom-bgslide 1s infinite linear;
	animation:custom-bgslide 1s infinite linear;
}

/* Facebookのシェアボタンiframe用 */
.custom-fb-iframe-small {
    border: none;
    overflow: hidden;
    height: 21px;
}

/* Twitterのシェアボタンiframe用 */
.custom-tw-iframe {
    width: 127px;
    height: 20px;
}

/* はてなブックマークのボタン画像用（前回作成済みの場合は省略可） */
.custom-border-none {
    border: none !important;
}

/* template-privacy_test.php 用 */
.custom-privacy-title {
    border-bottom: 2px solid #000;
    font-size: 27px;
    font-weight: bold;
}
.custom-mb-25 {
    margin-bottom: 25px;
}
.custom-mb-0 {
    margin-bottom: 0px;
}

/* template-s_count.php 用 */
.custom-scount-pocket-btn { width: 94px !important; }
.custom-scount-social-t { width: 90px !important; }
.custom-font-12rem { font-size: 1.2rem; }
.custom-w-100 { width: 100%; }
.custom-tw-iframe { width: 127px; height: 20px; }
.custom-border-none { border: none !important; }
.custom-li-fb { width: 110px; }
.custom-li-gp { width: 90px; }
.custom-li-hb { width: 117px; }
.custom-li-pk { width: 96px; }
.custom-clear-pad { clear: both; padding: 50px 0 20px; }

/* template-sitepolicy.php 用 */
.custom-privacy-title { border-bottom: 2px solid #000; font-size: 27px; font-weight: bold; }
.custom-mb-25 { margin-bottom: 25px; }
.custom-mb-0 { margin-bottom: 0px; }