﻿
.linkStyle{color: var(--color1);
          border-bottom:solid 1px;
}
.linkStyle:hover{
	color:　var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}
/* ----------------　all　---------- */

.sc_nav .logo img {
    max-width: 200px;
}
.shop_link {
    display: none;
}

/* ------------------------------　TOP　---------- */
#video, #bg_video {
    filter: none;
}
.top_header .shop_link {
    display: none;
}
#main_img {
    background: #000611;
}
.main_img_bg {
    height: 80%;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
}
.main_img_bg img {
    height: auto;
    object-fit: cover;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
.main_img_bg:before,.main_img_bg:after {
    content: "";
    position: absolute;
    width: 15%;
    height: 20%;
    z-index: 1;
}
.main_img_bg:before {
    top: -30px;
    left: -35px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.main_img_bg:after {
    bottom: -40px;
    right: -50px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.fv_box{
    z-index: 1;
}
.main_img_catch {
    height: 100%;
    position: absolute;
    pointer-events: none;
}
.main_img_catch:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: -70px;
    background-image: url(../img/fv2.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: right top;
    z-index: 2;
}
/* .main_img_filter:before {
     content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    mix-blend-mode: overlay;
    clip-path: polygon(0 0%, 100% 0%, 0% 100%);
    z-index: 1;
} */
/* #main_img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    mix-blend-mode: overlay;
    clip-path: polygon(0 0%, 100% 0%, 0% 100%);
    z-index: 1;
} */
.main_img_box {
    width: 100%;
    height: 100%;
}
.intro_title span {
    max-height: initial;
    font-family: "Corinthia", serif;
    letter-spacing: 0px;
    font-size: 5.3vw;
}
.top_cms_title h4 {
    font-family: "Corinthia", serif;
    letter-spacing: 0;
    font-size: 60px;
    font-weight: normal;
}
#top_gallery a .bg_color1 {
    transition: all .3s;
}
#top_gallery a:hover .bg_color1 {
    background: #fff;
    color: #000611;
}
/* ------------------------------　下層ページ　---------- */
#page_title h2 {
    font-family: "Corinthia", "Shippori Mincho B1", serif;
    font-size: 80px;
    letter-spacing: 3px;
}
/* 会社情報 */
/* お問い合わせ */
.fa-check-square:before {
    color: #010021;
}
/* プライバシーポリシー */
/* サイトマップ */



/*---------------------------------------------------------------------------
			          タブレット
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
/* --------------------　all　---------- */
#page_title h2 {
    font-size: 60px;
}
/* --------------------　TOP　---------- */
    .top_video, .top_header #main_img, #video {
        height: 90vh;
    }
.main_img_bg {
    top: 54%;
    left: 50%;
}
.main_img_bg:before {
    top: -40px;
    right: -35px;
    left: auto;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: none;
}
.main_img_bg:after {
    bottom: -30px;
    right: auto;
    left: -30px;
    border-bottom: 1px solid #fff;
    border-right: none;
    border-left: 1px solid #fff;
}
.main_img_catch:before {
    top: -60px;
    right: auto;
    left: 0px;
    background-size: 70%;
    background-image: url(../img/fv2_tb.png);
    background-position: left top;
}
.fv_box .width_100-max {
    max-width: 60px;
}

.intro_title span {
    font-size: 8.3vw;
}
/* --------------------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*---------------------------------------------------------------------------
		            	スマホ
---------------------------------------------------------------------------*/
@media screen and (max-width: 667px){
/* --------------------　all　---------- */
body {
    overflow: hidden;
}
#menu_bt {
    top: 12px;
}
.shop_link {
    display: none !important;
}
.main_img_bg {
    top: 52%;
}
.fix_btn a {
    border: 1px solid #fff;
}
/* --------------------　TOP　---------- */
.top_video, .top_header #main_img, #video {
    height: 80vh;
}
.main_img_catch:before {
    top: -30px;
    background-size: 80%;
    background-image: url(../img/fv2_tb.png);
    background-position: left top;
}
.main_img_bg:before {
    top: -20px;
    right: -20px;
}
.main_img_bg:after {
    bottom: -25px;
    left: -20px;
}
    .intro_title span {
        font-size: 9vw;
    }
/* --------------------　下層ページ　---------- */
    #page_title h2 {
        font-size: 40px;
        letter-spacing: 0;
    }
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}