<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*　共通　*/
.campaign {
    max-width: 1000px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    font-weight: 500;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
li {
    list-style: none;
}
.campaign img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

/*　スマホ用　*/
@media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
.menu_3 {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu_3 li {
    flex-basis: calc(50% - 10px);
    margin-bottom: 10px;
}
.menu_2 {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu_2 li {
    flex-basis: calc(100% - 10px);
    margin-bottom: 10px;
    text-align: center;
}
.menu_2 li img.button {
    width: 70%;
    margin: 20px 0 30px 0;
}
.matome2,.matome3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.matome2 li {
    flex-basis: calc(50%);
    margin: 0;
    padding: 0;
}
.matome3 li {
    flex-basis: calc(33.3%);
    margin: 0;
    padding: 0;
}
.yoko2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
}
.yoko2 li {
    flex-basis: calc(95%);
    margin: 5px;
}
/* アンカーリンクをクリックしたときのスクロール位置の微調整 */ :target::before {
    content: "";
    display: block;
    height: 13vw; /* ヘッダーの高さ分の補正 */
    margin: -13vw 0 0; /* ヘッダーの高さ分をマイナスマージンで補正 */
}
.pc_switch {
    display: none !important;
}
.sp_switch {
    display: block !important;
}
    hr{
        margin: 30px 0;
    }
}

/*　PC用　*/
@media screen and (min-width:768px) {
/*　画面サイズが768pxからはここを読み込む　*/
.menu_3 {
    list-style: none;
    padding: 0;
    margin: 30px 0 80px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu_3 li {
    flex-basis: calc(33.3% - 15px);
    margin-bottom: 15px;
    text-align: center;
}
.menu_2 {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu_2 li {
    flex-basis: calc(50% - 10px);
    margin-bottom: 10px;
    text-align: center;
}
.menu_2 li img.button {
    width: 70%;
    margin: 20px 0 20px 0;
}
.category_yoko2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0; /* マージンをゼロに設定 */
}
.category_yoko2 li {
    flex-basis: calc(32%);
    margin: 0px;
    padding: 0;
}
.matome2,.matome3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.matome2 li {
    flex-basis: calc(50% - 0px);
    margin: 0;
    padding: 0;
}
.matome3 li {
    flex-basis: calc(33.3% - 0px);
    margin: 0;
    padding: 0;
}
.yoko2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.yoko2 li {
    flex-basis: calc(50% - 10px);
    margin: 5px;
}
/* アンカーリンクをクリックしたときのスクロール位置の微調整 */ :target::before {
    content: "";
    display: block;
    height: 10rem; /* ヘッダーの高さ分の補正 */
    margin: -10rem 0 0; /* ヘッダーの高さ分をマイナスマージンで補正 */
}
/* フローティングバナーのスタイル */
.floating-botan {
    position: fixed;
    left: 3px;
    padding: 10px;
    border-radius: 5px;
}
/* ボタンのスタイル */
.l_button {
    display: inline-block;
    width: 140px; /* ボタンの幅を指定 */
    height: 65px; /* ボタンの高さを指定 */
    padding: 10px 10px;
    background-color: #FFA103;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    text-align: center; /* テキストを中央揃えにする */
    font-weight: bold; /* テキストを太字にする */
}
/* ボタンのホバー時のスタイル */
.l_button:hover {
    background-color: #D7322E;
}
/*福箱　ボタン*/
.image-container {
    position: relative;
    display: inline-block; /* 画像とボタンを横に配置 */
}
.overlay-link1 {
    position: absolute;
    top: 59%; /* 画像の上端に配置したい場合は 0% に変更 */
    left: 7%;
    cursor: pointer;
    text-decoration: none; /* リンクの下線を削除 */
}
.overlay-link2 {
    position: absolute;
    top: 59%; /* 画像の上端に配置したい場合は 0% に変更 */
    left: 54%;
    cursor: pointer;
    text-decoration: none; /* リンクの下線を削除 */
}
.pc_switch {
    display: block !important;
}
.sp_switch {
    display: none !important;
}
    hr{
        margin: 40px 0;
    }
}</pre></body></html>