﻿.en_font{
    font-family: 'Quantico', 'Fahkwang', "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}
/*header*/
#header {
    background-color: rgba(255,255,255,0.65);
}
.header_menu a.txt_white{
    color: #011037;
}
#header .logo.width_20per{
    width: 15%!important;
}
/*SNS link*/
#main .sns_link{
    z-index: 2;
}
#main .sns_link li{
    background-color: rgba(0,0,0,0.0);
}
@media screen and (max-width: 668px){
    #main .sns_link{
    top: 69%;
}
}
/*TOP*/
#main .main_box{
    max-width: 1220px;
    width: 100%;
}
#main .main_box h1.logo{
    max-width: 770px;
    margin-bottom: 10px;
}
#main .main_box .more{
    width: 400px;
    margin-left: 5px;
}
#main .main_box .entry-more{
    width:200px;
    height: 180px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main .more a.bg_color1{
    background-color: rgba(0,0,0,0.0);
}
#main .more a{
    display: flex;
    justify-content: flex-start;
}
#main .more a::before{
    display: none;;
}
#main .main_box .triangle{
    width: 0;
	height: 0;
	border-top:90px solid transparent;
	border-bottom:90px solid transparent;
	border-left: 80px solid  #011037;
}
.back_color{
    background: linear-gradient(rgba(255,255,255,0.5) 0%, rgba(255,255,255,255.975) 20%, rgba(0,0,0,0.975) 80%,rgba(0,0,0,0.5) 100%);
}
@media screen and (max-width: 668px){
    #main .main_box{
        max-width: 90%;
    }
    #main .main_box .entry-more{
        width: 125px;
    }
    .more a:after{
        display: none;
    }
    #main .cms_img1 img{
        height: 110vh;
    }
}

#catch.pd_t-100px{
    padding-top: 150px;
}
#catch.pd_b-100px {
    padding-bottom: 150px;
}
#catch figure:first-child{
    display: none;
}
#catch .catch_txt{
    margin-left: 5%;
    background-color: rgba(255,255,2255,0.65);
}
#catch .catch_txt.txt_white{
    color: #181818;
}
#catch figure:last-child{
    bottom: -5.5%;
    right: 5%;
}
#catch figure.width_25per{
    width: 50%!important;
}
#contents .box_item h2,#contents .box_item p{
    color: #181818;
}
#contents .box .box_item:before{
    background-color: rgb(254 254  254  / 70%);
}
#contents .bg_color1{
    background-color: #011037;
}
#contents .box .box_item:after{
        background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #011037 50.5%) no-repeat bottom left/100% 100%;
}
@media screen and (max-width: 668px){
    #catch .catch_txt{
        margin: 0 auto;
        padding: 40px 40px 60px 40px;
    }
    #catch figure.width_25per{
        width: 90%!important;
    }
}
.shop_info a{
    background-color: #181818;
}
.shop_info h2{
    color: #fefefe;
}
.shop_info__buttonWrap{
    width: 1200px;
    height: 100%;
}
.shop_info .contact h2{
    left: 45%;
}
@media screen and (max-width: 668px){
    .shop_info .contact h2{
        left: 16%;
    }
}
/*下層一般*/
#page_title .sns_link li{
    background-color: rgba(0,0,0,0.0);
}
.cate_title{
    color: #fefefe;
}
#cms_6-d .cate_title{
    color: #fefefe;
}
/*footer*/
@media screen and (max-width: 668px){
    footer .logo a{
        display: flex;
        justify-content: center;
    } 
}