@charset "UTF-8";
/*
Theme Name: XeoryExtensionChild
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/

/* フォント追加 */
@font-face {
    font-family: 'SmartFontUI';
    src: url("fonts/03スマートフォントUI.otf") format('woff');
    /* medium */
    font-weight: normal;
    font-style: normal;
}

/* メインビジュアル */
body.home #main_visual {
    background-image: url(/wp-content/uploads/2025/09/TopImg.png) !important;
    background-position: center top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-color: #000 !important;

    /*height: auto, 100%;*/
}

/* メインビジュアル：ボタン */
#main_visual a,
#main_visual .disabled-button {
    width: 25%;
    padding: 13px;
    display: block;
    margin: 0;
    color: #fff;
    border: solid white 2px;
    border-radius: 5px;
    background-color: #ffa500;
    text-decoration: none;
    font-family: 'SmartFontUI';
    font-size: 2.0vw;
    font-weight: bold;
    position: absolute;
    right: 10%;
    bottom: 12%;
}

#main_visual .disabled-button {
    background-color: #ccc;
    cursor: not-allowed;
}

/* 可用性通知文字 */
#main_visual .availability-notice {
    color: red;
    font-family: 'SmartFontUI';
    font-size: 1.8vw;
    font-weight: bold;
    text-align: center;
    position: absolute;
    right: 10%;
    bottom: 6%;
    width: 25%;
    margin: 0;
}

#main_visual a:hover {
    background-color: #d2691e;
}

/* トップページ：見出しの突起を消す */
body.home .tri-border {
    display: none;
}

/* 固定・投稿ページの背景色を変更 */
/*
#content {
    background-color:#faf0e6 !important;
    }

#content .post-meta-area{
    background-color:#faf0e6 !important;
    }

#content .post-content{
    background-color:#faf0e6 !important;
    }
#content .post-footer{
    background-color:#faf0e6 !important;
    }
*/

/* 固定・投稿ページの文字サイズを変更 */
.post-content {
    font-size: 17px;
    line-height: 1.8em;
}

@media (min-width: 768px) {
    .post-content {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .post-content {
        font-size: 19px;
    }
}

#content .post-author {
    display: none !important;
}

.text {
    text-align: center;
}

.attention_img {
    text-align: center;
    margin: auto;
}

body.home #main_visual .logo {
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 55%;
    display: block;
}

body.home #main_visual .topimg {
    display: none;
}

@media screen and (max-width: 1025px) {
    body.home #main_visual {
        background-image: url(/wp-content/uploads/2025/09/TopImg2.png) !important;
        background-position: center top !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-color: #000 !important;
        height: 100%;
    }

    body.home #main_visual .logo {
        position: absolute;
        bottom: 80%;
        left: 10%;
        width: 85%;
        display: block;
    }

    body.home #main_visual .topimg {
        width: 60%;
        position: absolute;
        right: 20%;
        bottom: 46%;
        display: block;
    }

    #main_visual a,
    #main_visual .disabled-button {
        width: 36%;
        padding: 13px;
        display: block;
        margin: 0;
        color: #fff;
        border: solid white 2px;
        border-radius: 5px;
        background-color: #ffa500;
        text-decoration: none;
        font-family: 'SmartFontUI';
        font-size: 2.0vw;
        font-weight: bold;
        position: absolute;
        right: 32%;
        bottom: 72%;
    }

    #main_visual .disabled-button {
        background-color: #ccc;
        cursor: not-allowed;
    }

    /* モバイル版の可用性通知文字 */
    #main_visual .availability-notice {
        color: red;
        font-family: 'SmartFontUI';
        font-size: 2vw;
        text-align: center;
        position: absolute;
        right: 0%;
        bottom: 67%;
        width: 36%;
        margin: 0;
    }

    #main_visual a:hover {
        background-color: #d2691e;
    }

}

/* Tablet-specific fixes (iPad等)：768px〜1025pxの幅でロゴとボタンが重なる問題を回避 */
@media screen and (min-width: 768px) and (max-width: 1025px) {
    /* ロゴを少し上へ、幅を縮める（ボタン領域を確保） */
    body.home #main_visual .logo {
        bottom: 82% !important;
        left: 20% !important;
        width: 60% !important;
        display: block;
        z-index: 1;
    }

    /* トップ画像の位置を微調整 */
    body.home #main_visual .topimg {
        width: 40% !important;
        right: 30% !important;
        bottom: 44% !important;
        display: block;
        z-index: 0;
    }

    /* ボタンをロゴより下に配置し、幅と位置を調整 */
    #main_visual a,
    #main_visual .disabled-button {
        width: 36% !important;
        right: 32% !important;
        bottom: 72% !important;
        font-size: 1.8vw !important;
        z-index: 2;
    }

    /* 可用性通知の位置も調整 */
    #main_visual .availability-notice {
        right: 24% !important;
        bottom: 66% !important;
        width: 36% !important;
        font-size: 1.9vw !important;
    }
}

#footer .wrap {
    padding: 30px 0;
}



#footer .row .gr6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

#footer .row .gr4 {
    width: 350px;
    padding-left: 15px;
    padding-right: 15px;
}



img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

img.attention_img {
    width: 50%;
    height: auto;
    display: block;
    text-align: center;
    border-top: dashed;
    border-top-width: 3px;
    border-top-color: #EEEEEE;
    margin-top: 15px;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
}

a.metaverseButton {
    padding: 9px;
    width: 20%;
    display: block;
    margin: 0;
    color: #fff;
    border: solid white 2px;
    border-radius: 5px;
    background-color: #ffa500;
    text-decoration: none;
    font-family: 'SmartFontUI';
    font-size: 1.8vw;
    font-weight: bold;
    position: absolute;
    left: 41%
}

a.metaverseButton:hover {
    background-color: #d2691e;
}


.message-box {
    max-width: 70%;
    margin: 40px auto;
    padding: 20px;
    background-color: #fff8dc;
    border: 2px solid #f0c040;
    border-radius: 10px;
    text-align: center;
    font-size: 1.2em;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.post-title {
    text-align: center;
    margin-bottom: 20px;
}


.button-container {
    text-align: center;
    margin-top: 20px;
}



/* ページを閉じるボタン */
.bottom-button {
    background: #f5a623;
}

.bottom-button:hover:not(:disabled) {
    background: #d48806;
}