/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/*-----------------------------------
プログレスバーの改造
------------------------------------*/

#ruigehond006_wrap {
    max-width: 98%;
}

#ruigehond006_bar {
    position: relative;
    overflow: visible;
    max-width: 98%;
}

#ruigehond006_bar::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -14px;
    transform: translate(50%, -50%); /* 中央揃え */
    width: 50px; /* アイコンの幅 */
    height: 50px; /* アイコンの高さ */
    background-image: url('https://jimmy-blog.com/wp-content/uploads/2025/03/e4fec4fd1754b6974d6940dff836e400.png'); /* アイコン画像のURL */
    background-size: contain; /* アイコンを枠に合わせる */
    background-repeat: no-repeat;
    z-index: 10; /* アイコンが他の要素より前に表示されるように */
}

/*-----------------------------------
シークバーのスマホ表示の横幅調整
------------------------------------*/
@media only screen and (max-width: 600px) {
    #ruigehond006_wrap {
        max-width: 96%;
    }

    #ruigehond006_bar::after {
        width: 33px; /* アイコンの幅 */
        height: 33px; /* アイコンの高さ */
    }
}
/*-----------------------------------
ヘッダーを常に表示させたい
------------------------------------*/
@media screen and (max-width: 960px) {
    #header-full {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background-color: #fff; /* 背景色 */
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 影をつける */
    }
}
/* 横画面ではならないようにする */
@media screen and (max-width: 960px) and (orientation: landscape) {
    #header-full {
        position: relative !important;
    }

    body {
        padding-top: 0 !important;
    }
}
/* トップページではやらない */
@media screen and (max-width: 960px) {
    body.home #header-full {
        position: relative !important;
    }

    body.home {
        padding-top: 0 !important;
    }
}