/* ==========================================================================
   グローバル/共通スタイル
   ========================================================================== */

/* 特定の要素を非表示にします */
a#fp-btn-mypage{
    display: none;
}
tr.post_item_969.post_item_type_17 th {
    display: none;
}

/* アンケート欄の調整 */
.questionnaire label {
    display: block;
}
.auth-registp .questionnaire .checkbox-inputtext {
    margin-bottom: 20px;
    width: 100%;
}

/* 特定のページ（購入履歴）のブログリストのスタイル */
body#page-purchase_history-body .blog_list .blog_title {
    display: block;
}
body#page-purchase_history-body .blog_list .blog_title span.date {
    font-size: 10px;
}

/* ==========================================================================
   メインコンテンツとレイアウト
   ========================================================================== */

/* TOP文章のフォントをゴシック体に */
.page-index-html .MainContent .fsv_title h1 {
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* 全画面のグラデーション背景 */
.fsv_bgc {
    background: linear-gradient(130deg, rgba(145, 35, 209, 1) 0%, rgba(54, 165, 244, 1) 50%, rgba(237, 221, 83, 1) 100%);
}
.fsv_bgc .fsv_width {
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
}

/* ギャラリーとテキストのボックスのパディングをなくします */
.col-md-6.text-box,
.col-md-6.gallery-box {
    padding: 0;
}

/* テキストボックスのスタイル */
.col-md-6.text-box {
    padding: 40px 4% 56px;
    display: flex;
    align-items: center;
    height: -webkit-fill-available;
}
.col-md-6.text-box strong {
    font-size: 20px;
    font-weight: 400;
    margin: 24px 0;
    display: block;
}

/* ギャラリーボックスの画像表示設定 */
.column-box.col-md-6.gallery-box,
.column-box.col-md-6.gallery-box * {
    height: 100%;
}
.column-box.col-md-6.gallery-box img {
    object-fit: contain;
}

/* ログインリンクのスタイルとホバー時の効果 */
.login-link-box a {
    background: #36a5f4;
    display: block;
    padding: 6%;
    color: #fff !important;
    font-size: 18px;
    border-radius: 4px;
}
.login-link-box a:hover {
    opacity: .8;
}


/* 箇条書きテキスト調整 */
.col-md-6.text-box ul {
    padding-left: 0;
    list-style: none;
}
.col-md-6.text-box ul li {
    position: relative;
    padding-left: 16px;
}
.col-md-6.text-box ul li::before {
    content: "◼︎";
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}

/* ==========================================================================
   動画プレイヤーとボタン
   ========================================================================== */

/* 動画プレイヤーのコントロールとキャプションを非表示にします */
.plyr__controls,
.plyr__captions {
    display: none;
}

/* 動画の上にウォーターマークを重ねて表示します */
.post-detail .plyr__video-wrapper::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/img/watermark.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: .7;
}

/* オーバーレイされた再生ボタンを前面に表示します */
button.plyr__control.plyr__control--overlaid {
    z-index: 99;
}

/* 動画詳細ページのプレイヤーコンテナ設定 */
.movie-detail .MovieContents_player {
    display: flex;
    flex-wrap: wrap;
}

/* ダウンロード要素の配置を調整します */
.movie-detail div#playerElement_download {
    order: 2;
    width: 100%;
    margin-top: 30px;
}

/* 購入・ダウンロードボタンのスタイルとホバー時の効果 */
a.custom-buy-button,
div#playerElement_download a {
    background: #36a5f4;
    color: #fff !important;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 100%;
}
a.custom-buy-button:hover,
div#playerElement_download a:hover {
    opacity: .8;
}

/* ==========================================================================
   スライダーとフッター
   ========================================================================== */

/* スライダーの余白をなくします */
.slick-slider,
.slick-track,
.slick-initialized .slick-slide {
    margin: 0;
    padding: 0;
}

/* フッターのスタイル */
footer {
    background: #222;
}
footer .container .collapse {
    margin: 40px 0 0;
    max-width: none;
}
footer .navbar-nav a {
    padding: 0 10px;
}
.column-box.col-md-4.footer-logo {
    max-width: 360px;
}

/* ==========================================================================
   レスポンシブデザイン
   ========================================================================== */

@media (max-width: 991px) {
    /* タブレット以下の画面サイズでのテキストボックスの調整 */
    .col-md-6.text-box {
        height: auto;
        align-items: flex-end;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* 背景セクションの表示をブロックに変更 */
    .fsv_bgc .fsv_width {
        display: block !important;
        height: auto;
    }

    /* ニュース要素の余白を調整 */
    .others_news {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    /* スマートフォン以下の画面サイズでのテキストボックスの調整 */
    .col-md-6.text-box {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}



.auth-registp .form-group,.p-mypage-profileedit .form-group {
    border-top: 1px solid #eaeaea;
    padding: 24px 0;
}
.auth-registp .form-group.questionnaire,.p-mypage-profileedit .form-group.questionnaire {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 40px!important;
}

.auth-registp .form-horizontal,.p-mypage-profileedit .form-horizontal {
    width: 100%;
}
.auth-registp .form-horizontal .form-group,.p-mypage-profileedit .form-horizontal .form-group {
    margin: 0;
}
.auth-registp .AuthContents .container,.p-mypage-profileedit .container {
    margin-top: 40px !important;
    max-width: 900px;
    margin-bottom: 100px;
}
.auth-registp .checkbox_div,.p-mypage-profileedit .checkbox_div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.auth-registp .checkbox_div > input,.p-mypage-profileedit .checkbox_div > input {
    width: 16px;
    margin-right: 6px;
}
.auth-registp .checkbox_div > label,.p-mypage-profileedit .checkbox_div > label {
    width: calc(100% - 22px);
}
.auth-registp input#auth-regist-btn,.p-mypage-profileedit input#auth-regist-btn {
    width: 100%;
    height: 40px;
}
.auth-registp input[disabled],.p-mypage-profileedit input[disabled]  {
    display: none;
}
.auth-registp input[disabled] + label ,.p-mypage-profileedit input[disabled] + label  {
    font-weight: 400;
}
a#fp-btn-paid-subscription {
    display: none;
}
@media (max-width:400px) {
  .fsv_title {
    font-size: 22px!important;
  }
}
footer .navbox .navbar-nav > li > a {
    border-bottom: solid 1px #3e3e3e;
}
.form-group.capture input {
    padding: 0;
    border: none;
    box-shadow: none;
}

.questionnaire .col-sm-9 {
    display: flex;
    flex-wrap: wrap;
}
.questionnaire .col-sm-9 .checkbox_div.checkbox_title {
    width: 100%;
}
.fsv_box {
    width: 100%!important;
    left: 0;
}
.fsv_width.layout_row {
    padding-left: 0;
    padding-right: 0;
}

.fsv_title h1 img {
    width: 160px;
    display: inline-block;
}
.fsv_txt img {
    width: 70px;
}
header .navbox .navbar-brand img {
    margin: 0;
    margin-left: 0px;
    margin-top: 0;
}
header h1 {
        display: flex;
    align-items: end;
    font-size: 20px!important;
    margin: 16px 10px 10px 0!important;
}

@media (max-width:1170px) {
header .navbar-brand {
    padding: 0;
}
header h1 {
    margin: 16px 10px 0px 0 !important;
}
}
@media (max-width:768px) {
header h1 {
    margin: 0 10px 0px 0 !important;
}
}
@media (max-width:500px) {
header h1 {
    font-size: 16px !important;
}
header .navbox .navbar-brand img {
    max-width: 160px;
}
.fsv_title h1 {
            font-size: 24px;
}
}
.post-detail aside {
    display: none!important;
}
.post-detail .CustompostContents .CustompostContentsInner {
    width: 100%;
    margin-right: 0;
}
.page-videos-html .custompost_box .row {
    flex-wrap: wrap;
}