﻿/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */



@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

body,#intro h2, #contents1 h2, #contents2 h2, #top_cms h2, #top_info h2, #f_contact .con_bt, .more_bt a, #top_info .more_bt2 a {
        font-family: "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#header.head_fix #pc_nav ul {
    height: 100px;
}

#f_contact a span.hover_box {
    background-color: #06C755;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

#f_contact .f_contact_bt {
    background-color: #06C755;
}

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

#header.head_fix #pc_nav ul {
    height: 70px;
}

}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#main_img {
    width: 80vw;
    margin-right: 0;
    border-radius: 50px 0 0 50px;
    overflow: visible !important;
}

#main_img .txt {
    z-index: 10;
    top: 25%;
    left: -15%;
    line-height: 1.6;
}

#main_img h2{
    font-weight: normal;
    font-size: 4.5vw;
    line-height: 1.6;
}

#main_img::before {
    background-color: var(--color2);
    width: 120vw;
    left: -20vw;
    opacity: 0.4;
}

/* 2025-11-27 */

#main_img h2{ 
  font-family: "Yuji Syuku", serif;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

#main_img {
    width: 100vw;
    margin-right: auto;
    border-radius: 0;
}

#main_img .txt {
    width: 80% !important;
    top: auto;
    bottom: 0;
    background-color: #ffffff;
    padding: 20px 30px;
    border-radius: 0 30px 0 0;
    left: 0;
}

#main_img h2 {
    font-size: 6.5vw;
}

#main_img::before {
    width: 100vw;
    left: 0;
}

.vegas-timer {
    z-index: 11;
}

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    
.vegas-animation-kenburnsUpRight {
    background-position: 65% 50%!important;
}
    
#main_img {
    height: 85vh!important;
    width: 95vw;
}
    
#main_img .txt {
    width: 80% !important;
        bottom: 0%;
        padding: 15px 10px;
    border-radius: 0 30px 0 0;

}

#main_img h2 {
    font-size: 5.5vw;
}

#main_img .txt > div {
    color: #4d4d4d;
}

}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.intro_title {
        z-index: 5;
    transform: translate(30%, -10%);
}

.intro_title h2 {
    border-radius: 20px;
        line-height: 1.7;
}

#intro figure, #contents2 .cate_box {
    border-radius: 20px;
}

#intro {
    background-image: url(../img/intro_bg.png);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: -5% 100%;
}

#contents1 .img_box figure {
    border-radius: 25px;
}

#contents2 .contents2_bg::before {
    opacity: 0.4;
}

/* 2025-11-27 */

#intro h2, #contents1 h2, #contents2 h2, #top_cms h2 {
    font-family: "Yuji Syuku", serif;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

.intro_title {
    transform: none;
}

.intro_title h2 {
    margin: 0 auto;
    padding: 30px 30px 15px;
}

#intro {
    background-size: 55%;
    background-position: 50% 60%;
}

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

#contents1 {
    background-color: var(--color2);
}

#intro {
    background-size: 90%;
    background-position: 50% 75%;
}


}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.g_type2 .cate_box{width: 23%!important;margin: 0 1%;}
.g_type2 > div{justify-content: flex-start;align-items: flex-start;}
.g_type2 .modal_bt{cursor: pointer}
.g_type2 .modal_bg{top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 9998;}
.g_type2 .modal_box{max-height: 80%;overflow-y: auto;z-index: 9999;}
.g_type2 .close_bt{cursor: pointer}
.modal_box{max-width: 827px!important;}
.g_type2 .main_image_box{height: 50vh;}
.g_type2 .main_image_box img{width: auto;height: 100%;}

/* 2025-11-27 */
/* 
#page_title h2 {
        font-family: "Yuji Syuku", serif;
        font-weight: normal;
} */

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){


}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

.g_type2 .cate_box{width: 50%!important;}
.g_type2 .cate_box {margin: 0 auto 20px;}
.g_type2 .main_image_box { height: 37vh;}

}


