#wrap {
/*	background-color: #252a35;
background-image: url("https://www.transparenttextures.com/patterns/carbon-fibre-v2.png");*/

}
#page7 .info_wrap div.bg_color4 {
	background-color: #404040;
}
#filter_white {
	position: inherit;
}
#filter_white h2 {
	color: #fff;position: inherit;z-index: 50;
}
#filter_white p.txt_color1 {
    color: #fff0f5;
    position: inherit;
    z-index: 50;
}
#top_message {
	background: url(Dup/img/bg.jpg) no-repeat 0 0;
	background-size: cover;margin-top: 140px;
}
#top_contents1 h3::before, #top_contents2 h3::before {
	color: #FFF0F5;
}
#page_title {
	background-position: center 85%;
}
#loader{z-index: 9999;}

#loader img {
    animation-name: leftin;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    z-index: 1;
}
#loader img {
    width: 350px;
    height: 300px;
 /*   position: absolute;*/
    top: 50%;
    left: 0;
}
.l-hdr-toggle__line--middle, .l-hdr-toggle__line--bottom, .l-hdr-toggle__line--close, .l-hdr-toggle__line--top {
	background-color: #fff;
}
@keyframes leftin {
	0% {opacity:0;transform: translate(-200px,0);}
	100% {opacity:1;transform: translate(0,0);}
}
@keyframes rightin {
	0% {opacity:0;transform: translate(100px,0);}
	100% {opacity:1;transform: translate(0,0);}
}

body.bg_color2 {
	background-color: #252A35;
}


/*TXT SIZE*/
header#vegas p.Russo {
	font-size: 28px;
	top: 50%;left: 50%;z-index: 1;color: #fff;width: 90%;text-align: center;
}

.youtube_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube_box iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#header ul li a span {
	color: #fff
}








header, #footer_contact {
	position: relative;
}
header:before, #footer_contact:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
	background-color: rgba(39, 11, 20, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#header {
    border-bottom: 1px solid #404040;
    background-color: rgba(0,0,0,0.52);z-index: 100;
}
.vegas-wrapper span.bg_color1 {
	background-color: rgba(0,0,0,0.82);
background-image: url("https://www.transparenttextures.com/patterns/axiom-pattern.png");
}

header span.before {
    width: 400px;
    height: 100%;
    left: -294px;
}
header span.after {
    width: 366px;
    height: 100%;
    right: -304px;
}
#pc_nav li {
    height: 1.5em;
    text-align: center;
     font-size: 18px;
     letter-spacing: 2px;
}     
#pc_nav li span{
      transition: 0.3s;
}

#pc_nav li span:nth-child(1) {display: block;}
#pc_nav li span:nth-child(2) {
     opacity:0;
     position: relative;
     top: -1.8em;
	font-size: 18px;
	color: #ffd4e2
}
#pc_nav li:hover span:nth-child(1) {opacity: 0;}
#pc_nav li:hover span:nth-child(2) {opacity: 1;}
#pc_nav li:hover {
	opacity: 1;
}
#header_contact a.btn_back {
    background-color: #fff0f5;
}
#header_contact span {
	color: #252A35;
}
#footer_contact h3, #footer_contact p, #footer_contact .d_flex {
	position: inherit;
	z-index: 30;font-size: 25px;
}
#page-top a {
	color: #ffc7c7;
}
.l-menu__contact a {
	padding: 10px 0 7px;
}
#footer_contact .c-btn__back {
	padding-left: 22px;left: -15px;
}
#footer_contact i.fa-angle-right {
	margin-left: 14px;
}
/*-----------------------TOP------------------------------------*/
header p.Russo span {
	text-align: center;
}
header p.Russo span::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #fff;
}
#vegas {
    height: 100vh!important;
	margin-bottom: 0;
}
/*.scrollin {
	padding-top: 150px;
}*/
#top_contents2::before {
	left: -105px;
}
#top_contents1::before {
	left: -85px;
}

#top_contents1 .title, #top_contents2 .title {
	color: #ffd2e1;margin-bottom: 10px;
}
.top_contents1_img:before, .top_contents2_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
	background-color: rgba(39, 11, 20, 0.35);
    top: 0;
    left: 0;
    z-index: 1;
}
#top_contents1::before, #top_contents2::before {
    color: #ffd7e5;
}
.cms_title p.txt_color3 {
	color: #fff0f5;
}

@media screen and (max-width: 768px){
	header span.after {
		width: 203px;
	}
	header span.before {
		width: 217px;
	}
	.l-menu__body {
		margin-top: 90px;
	}
	.l-header__toggle {
		top: 34px;
	}
#top_contents1 .title, #top_contents2 .title {
	color: #000;
}
#top_contents1 div span.after, #top_contents2 div span.after {
background-image: url("https://www.transparenttextures.com/patterns/axiom-pattern.png");
}
	.text.opacity06_tb {
		opacity: 1;
	}
#top_contents1 h3::before, #top_contents2 h3:before {
   display: none;
}
	#top_contents1 {position: relative;}
	#top_contents1:before, #top_contents2:before {
    position: absolute;
    top: 10px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    width: 86px;
    height: 73px;
    content: "01";
    z-index: 50;
    font-size: 60px;font-family: "Russo One", "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "YuGothic M", meiryo, sans-serif;
	}
	#top_contents2:before {
		content: "02"
	}

	#top_message p:first-of-type {
		font-size: 16px;
	}

	#page-top {
    border-bottom: 2px solid #6b6b6b;
}
	#footer p.txt_white.font_13 {
		text-align: center;
	}
}
@media screen and (max-width: 660px){
		.l-menu__body {
		margin-top: 27px;
	}
		.l-header__toggle {
		top: 24px;
	}
#loader img {
    width: 250px;
    height: 250px;
}
	.vegas-slide, .vegas-slide-inner {
	background-position: calc( 50% - 90px) calc( 50% )!important;
}
#top_contents1:before, #top_contents2:before {
    
    top: -25px;
	}
	#top_message {
		padding: 20px;margin-top: 80px
	}
	#top_message h2{
		font-size: 21px;
	}
	#top_message p:first-of-type {
		font-size: 14px;
	}
	.top_contents1_box, .top_contents2_box {
    padding: 30px 18px;
}
	
.cate_list li {
	width: 100%;
}	
.cate_list li a{
	width: 100%;box-sizing: border-box;
}
}

/*下層*/
.cate_list li a {
    font-size: 15px;background-color: #f16d99;
}
.cate_list li:hover {
}
.cate_list li:hover a {
	opacity: 1;
    color: #fff0f5;
	background-color: #4a4a4a;
}
.cms_wrap figure {
	margin: 30px auto;
}
#cms_3-e .cate_title {
	text-align: center;
}
h3.cate_title {
    text-align: center;
    display: block;
    border: none;
	background-color: #0a0a0a;color: #fff0f5;
}





@media all and (-ms-high-contrast: none) {
#pc_nav li span:nth-child(2) {
    top: -1.6em;
}
}