/*■■ header ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#header h1 {
    pointer-events: none;
}

#loader {
    background-image: url(/Files/img/bg.jpg);
    background-position: center top;
    background-size: cover;
}

.lantern {
    z-index: 99;
    width: auto;
    height: 37%;
    max-height: 360px;
    left: 3%;
    position: fixed;
}

.lantern img {
    height: 100%;
    width: auto;
}

/* タブレット */
@media screen and (max-width: 768px){
    .lantern {
        height: 20%;
        max-height: 200px;
    }
    .pc_txt {display: none;}
    .sp_txt {display: block;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .lantern {
        height: 24%;
        max-height: 160px;
    }
    
    #main_nav .nav li a {
        font-size: 18px;
    }
}

/*■■ 全体 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


:root{
    --font-jp: "Yuji Syuku", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
}

.font_jp {
    font-family: var(--font-jp);
}

#main_nav {
    background-image: url(/Files/img/bg.jpg);
    background-position: center top;
    background-size: cover;
}
body {
    font-size: 18px;
}

/*■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img #slide_wrap{
    background-color: var(--color1);
}

.filter {
    background-color: #330e03;
    width: 100%;
    height: 100vh;
    z-index: 2;
    mix-blend-mode: multiply;
    opacity: 0.2;
}

.main_copy {
    z-index: 2;
    height: 79%;
    max-height: 800px;
    width: auto;
    right: 12%;
    top: 0;
}

.main_copy img {
    height: 100%;
    width: auto;
}

.counter1 {
    z-index: 2;
    width: 110%;
    height: auto;
    bottom: -6%;
}

.sake1 {
    z-index: 2;
    width: 25%;
    height: auto;
    max-width: 480px;
    right: 2%;
    bottom: -9%;
}

.sake2 {
    z-index: 2;
    width: 28%;
    height: auto;
    max-width: 480px;
    left: 2%;
    bottom: -4%;
}

.counter2 {
    z-index: 2;
    width: 110%;
    height: auto;
    bottom: -6%;
}

.con1_title {
    padding-left: 41%;
    padding-right: 23%;
}

#intro, #top_cms .top_cms_box .top_cms_title {
    background-image: url(/Files/img/bg.jpg);
    background-position: center top;
    background-size: cover;
}

.top_cms_title {
        padding: 20px 20px 13px;
}

#top_cms .more a img {
    width: 50px;
    height: 13px;
}

/* タブレット */
@media screen and (max-width: 768px){
    #main_img {
        height: 90vh;
    }
    
    .main_copy {
        height: 55%;
        max-height: 530px;
        right: 5%;
        top: 13%;
    }
    
    .counter1 {
        width: 120%;
        bottom: 2%;
    }
    
    .sake1 {
        width: 41%;
        max-width: 320px;
        right: -3%;
        bottom: -4%;
    }
    
    .sake2 {
        width: 44%;
        max-width: 340px;
        left: -6%;
        bottom: -2%;
    }
    
    .counter2 {
        width: 120%;
        bottom: 0%;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .main_copy {
        height: 52%;
        max-height: 350px;
        right: 50%;
        transform: translate(50%, -50%);
        top: 50%;
    }
    
    .sake1 {
        width: 51%;
        max-width: 210px;
        right: -9%;
        bottom: -5%;
    }
    
    .sake2 {
        width: 53%;
        max-width: 210px;
        left: -9%;
        bottom: -2%;
    }
    
    .top_cms_title {
        margin-bottom: 10px;
    }
    
    .con1_title {
        padding-left: 31%;
        padding-right: 33%;
    }    
    
    #contents2 .con2_title {
        padding: 0px 40px;
    }
}

/* スマホ 320px以下 */
@media screen and (max-width: 320px){
    #intro h2 {
        letter-spacing: -0.05em;
        font-size: 18px;
    }
}

/*■■ cms ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#page_title {
    background-image: url(/Files/img/page_title.jpg);
    background-position: center bottom 60%;
    background-size: cover;
}

.cate_list a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page4 .box_item.flex_top-center {
    justify-content: end;
    align-items: flex-start;
}

#page8 .tel_box {
    background-image: url(/Files/img/bg.jpg);
    background-position: center bottom 60%;
    background-size: cover;
}

/* タブレット */
@media screen and (max-width: 768px){
    .g_type6 .cate_box{
        width: 49%!important;
    }
    
    #page2 .blogListDate {
        width: 35% !important;
    }
    
    #page2 .blogListTitle {
        width: 65% !important;
    }
    
    #page7 #cms_7-c .box_title1 {
        width: 35%;
    }
    
    #page7 #cms_7-c .box_txt1 {
        width: 65%;
    }

}
/* スマホ */
@media screen and (max-width: 667px){
    .g_type6 .box_wrap{	
        width: 100%!important;margin-left: 8px;
    }
    .g_type6 .cate_box{
        width: 48%!important;
    }
    
    #page_title {
        height: 60vh;
        min-height: 60vh;
    }
    
    .cate_list li {
        margin: 5px;
    }
    
    #page2 .blogListDate {
        width: 100% !important;
    }
    
    #page2 .blogListTitle {
        width: 100% !important;
    }
    
}

/* スマホ 320px以下 */
@media screen and (max-width: 320px){
    .cate_list li {
        font-size: 13px;
    }
    
    #cms_3-e .big_cate_title {
        font-size: calc(1rem + 2px);
    }
}

/*■■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#footer .tel a {
    letter-spacing: 4px;
}

#fix_bnr{
	bottom: 10px;
	right: 80px;
	z-index: 5;
	width: 270px;
}

#sns_links li a {
    opacity: 1;
}

#sns_links li a:hover {
    opacity: 0.5;
}

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    #fix_bnr {
        width: 210px;
        left: 0;
        right: 0;
        margin: auto;
    }
}