/* all page */
/* color */
.txt_color1{color: #ff5500;} /* メインカラー */
.txt_color2{color: #f6f6f6} /* サブカラー */
.txt_color3{color: #181818} /* アクセントカラー1 */
.txt_color4{color: #f0f0f0} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #ff5500;} /* メインカラー */
.bg_color2{background-color: #000b1a;} /* サブカラー */
.bg_color3{background-color: #192432;} /* アクセントカラー1 */
.bg_color4{background-color: #192432;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ff5500;}
.border_color2{border-color: #f6f6f6}
.border_color3{border-color: #ff5500;}
.border_color4{border-color: #f0f0f0}

.hvr_bg_color1:hover {background-color: #ff5500;}
.hvr_bg_color3:hover {background-color: #192432;}
.hvr_border_color1:hover {border-color: #ff5500;}

.l-mask, .l-mask--gr, .l-mask--top{background-color: #ff5500!important;}
.l-menu__contact a{
    background-color: #40536b;
    color: #fff;
}

.linkStyle{color: #ff5500;}
.l-hdr-toggle__line{background-color: #fff;}

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

/* header */
#pc_nav li span.en, #pc_nav li span.jp{
	color: #fff;
}
#header_contact a.btn_back{
	height: 82px!important;
}
#header {
    background-color: rgba(0,0,0,0.3);
}

/* main img */
header span.before{
	background: rgb(231,20,22);
	background: linear-gradient(180deg, rgba(231,20,22,1) 0%, rgba(243,233,53,1) 100%);
}
header span.after{
	background: rgb(231,20,22);
	background: linear-gradient(0deg, rgba(231,20,22,1) 0%, rgba(243,233,53,1) 100%);
}
/* アニメーション ------------------------------------*/
#vegas{
    position: relative;
}
.ani_fadein{
	display: none;
}
.ani {
animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
opacity: 0;
	z-index: 4;
}
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
	z-index: 4;
  }
}
.main_catch .main_catch1, .main_catch .main_catch2, .main_catch .main_catch3 {
	font-weight: bold;
	font-size: 90px;
	color: #FFFFFF;
	z-index: 4;
	text-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.main_catch .main_catch1{
	animation-delay: 0.6s;
	position: absolute;
	bottom: 50%;
	right: 5%;
	line-height: 1;
}
.main_catch .main_catch2{
	animation-delay: 0.8s;
	position: absolute;
	bottom: 30%;
	right: 5%;
	line-height: 1;
}
.main_catch .main_catch3{
	animation-delay: 1.0s;
	position: absolute;
	bottom: 10%;
	right: 5%;
	line-height: 1;
}

/* main */
/*-------------------------------------------------
動画埋め込み
-------------------------------------------------*/
main .youtube_box{
	position: relative;
	width: 70%;
	padding-top: 36.25%;
	margin: 0 auto;
	margin-bottom: 150px;
}
main .youtube_box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.youtube_box2{
	position: relative;
	height: 100%;
}
.youtube_box2 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* intro */
#top_message p:first-of-type {
    color: #ff5500;
}
#top_message h2, #top_contents1 h3, #top_contents2 h3{
	font-weight: bold;
}
#top_message{
	position: relative;
}
#top_message::before {
    content: "";
    height: 200px;
    width: 2px;
    background-color: #ff5500;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: left bottom;
	position: absolute;
    left: -50px;
    top: -100px;
    display: block;
}
#top_message::after {
    content: "";
    height: 200px;
    width: 2px;
    background-color: #ff5500;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: left bottom;
	position: absolute;
    right: 100px;
    bottom: -50px;
    display: block;
}

/* contents */
#top_contents1 div span.after, #top_contents2 div span.after {
    -webkit-transform: skewX(-26.35deg)!important;
    transform: skewX(-16.35deg)!important;
}
#top_contents2 div span.after {
	right: -40%!important;
}
#top_contents1 h3, #top_contents2 h3 {
    margin-bottom: 20px;
}

/* topcms */
#top_cms h2, #top_cms h3, #top_cms h4, #top_cms p, #top_cms span{
	color: #fff;
}
#top_cms .youtube_box{
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 0;
}

/* footer */
#page-top a{
	color: #fff;
}


/* under page */
#wrap #page_title span.before{
	background: linear-gradient(180deg, rgba(231,20,22,1) 40%, rgba(243,233,53,1) 90%);
}
#wrap #page_title span.after{
	background: linear-gradient(0deg, rgba(231,20,22,1) 40%, rgba(243,233,53,1) 90%);
}
.cate_list{
    justify-content: flex-start;
}
#filter_white {
    background-color: rgba(0,11,26,0.5);
    padding: 200px 0px 100px;
}
#filter_white h2 {
    color: #fff;
}
#cms_1-a .date, .cms_wrap h3 , .cms_wrap p, .cate_title, .cate_txt1, .cms_wrap .box_title1, #page7 h3, #page7 p, #page9 div:nth-of-type(1), #page9 p, #page10 a {
    color: #fff;
}
.cms_box .youtube_box{
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 0;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */
#page6 #cms_4-b .box_wrap {
    justify-content: center;
}

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){
    #cms_2-a .cate .cate_title{
        padding-top: 15px!important;
    }
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.main_catch .main_catch1, .main_catch .main_catch2, .main_catch .main_catch3 {
		font-size: 50px;
	}
	#top_message h2{
	    letter-spacing: 0.8px;
	}
	#top_message::before {
		height: 150px;
		left: -20px;
		top: -70px;
	}
	#top_message::after {
		height: 150px;
		right: 80px;
		bottom: -20px;
	}
	#top_contents1 h3, #top_contents2 h3{
	    text-align: center;
	}
	#top_contents1 h3::before, #top_contents2 h3::before{
	    font-size: 70px;
	}
	#top_contents2 div span.after{
		right: -20% !important;
	}
	#top_contents2{
		margin-bottom: 0;
	}
	.youtube_box2{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin: 0 auto;
		margin-bottom: 100px;
	}
	
    #wrap #page_title span.before{
    	background: linear-gradient(180deg, rgba(231,20,22,1) 0%, rgba(243,233,53,1) 80%);
    }
    #wrap #page_title span.after{
    	background: linear-gradient(0deg, rgba(231,20,22,1) 0%, rgba(243,233,53,1) 80%);
    }
	#cms_4-b .box_wrap {
        justify-content: center;
    }
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.main_catch .main_catch1, .main_catch .main_catch2, .main_catch .main_catch3 {
		font-size: 25px;
	}
	#top_contents1 h3::before{
	    top: -40%;
	}
	#top_contents2 h3::before{
	    top: -30%;
	}
	#top_message::before {
		height: 80px;
		left: -10px;
		top: -30px;
	}
	#top_message::after {
		height: 80px;
		right: 45px;
		bottom: -10px;
	}
	main .youtube_box{
		width: 100%;
		padding-top: 56.25%;
		margin-bottom: 100px;
	}
	
    #wrap #page_title span.before{
    	background: linear-gradient(180deg, rgba(231,20,22,1) 0%, rgba(243,233,53,1) 20%);
    }
    #wrap #page_title span.after{
    	background: linear-gradient(0deg, rgba(231,20,22,1) 0%, rgba(243,233,53,1) 20%);
    }
	
}

/*20220106公開後修正*/
.cms_wrap .sub_cate_title, .cms_wrap .sub_cate_txt1, .cms_wrap .box_title2{
    color: #fff;
}
.youtube_box3{
	position: relative;
	height: 100%;
}
.youtube_box3 iframe{
  position: absolute;
  top: 0;
  right: -40px;
  width: 100% !important;
  height: 100% !important;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.youtube_box3{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
    .youtube_box3 iframe{
      right: 0;
    }
	
}

/*20220203公開後修正*/
.vegas-timer {
    z-index: 3;
}