/* all page */
/* color */
.txt_color_nomal{color: #141414;}
.txt_color1{color: #141414} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #4c4c4c;} /* アクセントカラー1 */
.txt_color4{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #748595;} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #b5b5b5} /* アクセントカラー1 */
.bg_color4{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #748595;}
.border_color2{border-color: #b5b5b5;}
.border_color3{border-color: #b5b5b5}
.border_color4{border-color: #ffffff}

body{
	background-color: #f0e2d1;
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}

/* top ----------------*/

/* header */
.trans_nav{
	position: relative;
}

.trans_nav li{
    width: 20%;text-align: center;box-sizing: border-box;
}
.sc_nav .trans_nav li{
    width: 160px;
}
footer #footer #footer_links li{
    width: 25%;
}
footer #footer #footer_links li::after{
    display: none;
}

.trans_nav li div{
    position: relative;display: block;
}
.trans_nav li a{
    width: 100%;display: block;
}
.trans_nav li span{
width: 100%;
display: block;
position: absolute;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

}

.trans_nav li .jp{
    letter-spacing: 0;
}

.fadein{
    animation: fadein ease 0.5s forwards;
}
.fadeout{
    animation: fadeout ease 0.5s forwards;
}

@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeout{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}


.sc_nav .logo img {
    max-width: 300px;
}

/* main img */
#video .video{
	border: 20px solid #fff;
}
#video{
	position: relative;
}
#video::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #748595 transparent transparent transparent;
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 1;
}
#video::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: transparent #748595 transparent;
	position: absolute;
	bottom: 0px;
	right: -5px;
	z-index: 1;
}


/* main */

/* intro */
#intro{
    margin-top: 100px;
}

/* contents */
#top_contents1{
	background-color: #fff;
}
#top_contents1 .contents1_txt h3 {
    text-shadow: none;
}
#top_contents2 .contents2_txt h3 span{
	background-color: #f0e2d1;
}

/* topcms */
#top_cms{
	background-color: #f4f4f4;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#top_cms h2 {
    transform: translateY(-80%);
}

/* footer */



/* under page */
#page_title {
    border: 10px solid #fff;
    position: relative;
}
#page_title::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #748595 transparent transparent transparent;
	position: absolute;
	top: -15px;
	left: -15px;
	z-index: 1;
}
#page_title::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: transparent #748595 transparent;
	position: absolute;
	bottom: -15px;
	right: -15px;
	z-index: 1;
}


/* cms1 */
#cms_1-e{
    background-color: #fff;
    padding: 20px;
}

/* cms2 */
#cms_2-b .cate_txt1{
    background-color: #fff;
    padding: 20px;
}

/* cms3 */
#cms_3-b .cate_box{
    background-color: #fff;
}
#cms_3-b .cate_wrap > div.txt_center{
    text-align: left;
}

/* cms4 */
#cms_4-a .cate {
    background-color: #fff;
    padding: 20px;
}

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){
}

@media screen and (max-width: 1280px){
    #video{
        position: relative;
    }
	#video::before{
		top: 0;
		left: 0;
	}
	#video::after{
		bottom: 8px;
        right: 0;
	}
	
	#page_title{
        position: relative;
    }
	#page_title::before{
		top: -10px;
		left: -10px;
	}
	#page_title::after{
		bottom: -10px;
        right: -10px;
	}
	
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#video::before{
		border-width: 60px 60px 0 0;
	}
	#video::after{
		border-width: 60px 60px 0 0;
	}
	
	#page_title::before{
		border-width: 60px 60px 0 0;
	}
	#page_title::after{
		border-width: 60px 60px 0 0;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #video .video {
        border: 10px solid #fff;
    }
	#video::before{
		border-width: 40px 40px 0 0;
	}
	#video::after{
		border-width: 40px 40px 0 0;
	}
	
	#page_title {
        border: 10px solid #fff;
    }
	#page_title::before{
		border-width: 40px 40px 0 0;
	}
	#page_title::after{
		border-width: 40px 40px 0 0;
	}
	
	#intro{
        margin-top: 0;
    }
    
    #cms_1-e .pager li {
        margin-right: 0px !important;
    }
	
	#page07 .box p{
	    letter-spacing: 0.8px;
	}
	
}


/* 公開後修正20210727 ----------------- */
body {
    background-color: #050404;
}
.txt_color_nomal{
	color: #fdfdfd;
}

.sc_nav li a, footer #footer #footer_links li a{
    color: #050404;
}

header #header .shop_link a{
    color: #fdfdfd;
}

#intro .intro_img .intro_title h3{
	color: #fdfdfd;
}

#top_contents2 .contents2_txt h3 span {
    background-color: #050404;
}
#top_contents2 .contents2_txt p {
    color: #fdfdfd;
}

#top_cms .top_cms_box .more a {
    color: #050404;
}
#top_cms .top_cms_box .more a:hover {
    color: #fdfdfd;
}
.top_cms_box .cms_1-e .cate_box h3{
    color: #050404;
}

.H1text{
	color: #fdfdfd;
}


#cate_list_title{
    color: #fdfdfd;
}
#cms_1-e{
    background: none;
}
#cms_3-b .cate_txt1{
    color: #fdfdfd;
}
#cms_4-a .cate {
    background: none;
    padding: 20px;
}
#cms_4-a .cate_title,#cms_4-a h4,#cms_4-a .cate_txt1{
    color: #fdfdfd;
}
#page07{
    background-color: #fff;
    padding: 20px;
}
#page08 .tel_contact h3{
	color: #fdfdfd;
}
#page09 .box_wrap .box h3,#page09 .box_wrap .box p{
    color: #fdfdfd;
}
#page09 .box_wrap .top_txt p{
    color: #000;
}

/*20220127追加*/
body {background-color: #000000;}
#video .video {border: none;}
#video::before, #video::after{display: none;}
#menu_wrap ul li a{color: #333;}
.shop_link a{color: #fff;}

/*20220804公開後修正*/
#map{display: none;}