/*--------リンク・フォント--------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Stint+Ultra+Condensed&display=swap');

body{font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

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


/*--------全体--------*/
main{background-color: #222222;}
.return a.txt_color3 {color: #afafaf;}
    
#pc_nav li a, #top_pc_nav li a, #footer_nav li a {
    font-family: 'Oswald',sans-serif;
    font-size: 1.4em;
}
.back1:before {
    background-image: url(./Dup/img/back_img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.back2:before {
    background-image: url(./Dup/img/item_01.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
    opacity: 0.3;
}
#main_img{
    position:relative;
}
#main_img::before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/catch.png) no-repeat;
    background-size: contain;
    z-index: 3;
    width: 18em;
    height: 59em;
    left: 51.5%;
    top: 49.5%;
    transform: translate(-50%, -50%);
    mix-blend-mode: overlay;
}
@media screen and (min-width: 769px){
#intro_wrap {
    width: 55%;
    margin-left: auto;
    padding: 7% 5%;
}
}

#intro .intro_title h3{
	position: relative;
	z-index: 2;
}
#intro .intro_title h3:before{
    content: 'feel free';
    font-family: 'Stint Ultra Condensed',sans-serif;
    position: absolute;
    top: -60px;
    left: -4px;
    color: rgba(147, 147, 147, .15);
    font-size: 3.5em;
    letter-spacing: 10px;
    text-transform: uppercase;
    z-index: -2;
}
#contents1 .con_box,#contents2 .con_box{color:#fff;}
#contents1:before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_02.png) no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: 0.6;
    width: 32em;
    height: 11em;
    left: 39px;
    bottom: 3px;
}
#contents1 .con_title h3{
	position: relative;
	z-index: 2;
	display: block;
}
#contents1 .con_title h3:before{
    content: 'social place';
    font-family: 'Stint Ultra Condensed',sans-serif;
    position: absolute;
    top: -59px;
    left: -1px;
    color: rgba(147, 147, 147, .15);
    font-size: 2.8em;
    letter-spacing: 10px;
    text-transform: uppercase;
    z-index: -2;
}
#contents2 .con_title h3{
	position: relative;
	z-index: 2;
	display: block;
}
#contents2 .con_title h3:before{
    content: 'hospitality';
    font-family: 'Stint Ultra Condensed',sans-serif;
    position: absolute;
    top: -59px;
    left: -1px;
    color: rgba(147, 147, 147, .15);
    font-size: 2.8em;
    letter-spacing: 10px;
    text-transform: uppercase;
    z-index: -2;
}
#contents3_wrap:after {
    background-color: rgba(26, 26, 26, .45)!important;
}
#contents3 .con_title h3{
	position: relative;
	z-index: 2;
	display: block;
	text-align: center;
}
#contents3 .con_title h3:before{
    content: 'amusement casino';
    font-family: 'Stint Ultra Condensed',sans-serif;
    position: absolute;
    top: -59px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    color:
    rgba(147, 147, 147, .15);
    font-size: 2.8em;
    letter-spacing: 15px;
    text-transform: uppercase;
    z-index: -2;
}
#contents3 .con_box {
  position: relative;
  background-color: rgba(255,255,255,0.75);
}
#contents3_wrap:before {
    background-attachment: fixed;
}
#contents3 .con_box::before {
  top: -1px;
  bottom: -1px;
  left: 80px;
  right: 80px;
}
#contents3 .con_box::after {
  top: 80px;
  bottom: 80px;
  left: -1px;
  right: -1px;
}

#top_cms .more_btn{
    background-color: rgba(255, 255, 255, .2);
    color: #fbfbfb;
}
#top_cms .cms_title h3{
    font-family: 'Stint Ultra Condensed',sans-serif;
    font-size: 9em;
    letter-spacing: 15px;
}
.line-l:before {
    background-color: rgba(255, 255, 255, .75)!important;
}

.cms_5-c .box_title1 {
    border-color: rgba(160, 160, 160, 1);
}
.cms_5-c .box_txt1::before {
    color: rgba(255,255,255,1);
}

#info_contact .con_title span:nth-of-type(2){
    font-family: 'Oswald',sans-serif;
    font-size: 2.5em;
}
footer.bg_color2 {
    background-color: #464646;
}
#footer .tel_bt a.txt_color3 {
    color: #e9363d;
}
#footer_nav{
    margin-bottom: 0px;
    padding-bottom: 20px;
}
#footer .con_box h2{
    display: none;
}
#footer #logo2 a{max-width: 200px;}
#footer #h1txt{
    color: #8c8f92;
}

.nav_menu_more:first-of-type a .icon:before{content: "\f879";}
#nav_menu .mg_b-50px h2,#nav_menu .mg_b-50px .nav_menu_more:last-of-type{display:none;}




.cursor, .follower{
	border-radius: 50%;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 10;
	transition: 0.3s;
	transition-property: opacity,background,width,height,transform
}
/*
.cursor {
	width: 8px;
	height: 8px;
	z-index: 11;
	background-color: #333;
}
*/
.cursor.is-active{
	background-color: #bf0008;
}
.follower {
	width: 40px;
	height: 40px;
	border: solid 1px #fff;
}
.follower.is-active{
	transform: scale(1.8,1.8);
	border: solid 1px #bf0008;
}

.overlay {
    background: linear-gradient(135deg, rgba(54, 54, 54, .9) , rgba(12, 12, 12, .9) )!important;
}
.overlay ul li a {
    font-family: 'Oswald',sans-serif;
}
.overlay .nav_menu_more a.bg_color1 {
    background-color: #9d0f15;
}

/*--------下層--------*/
#page_title{
    background-image: url(./Dup/img/main_img01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
#page_title h2{
    font-family: 'Stint Ultra Condensed',sans-serif;
    font-size: 3.8em;
    letter-spacing: 15px;
    padding-left: 12px;
}
.subpage .back1:before {
    display: none;
}
.subpage .con_box.bg_white {
    background-color: rgba(255, 255, 255, .55);
}
.cate_title {
	position: relative;
	border-bottom: 2px solid #222222;
}
.cate_title::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 2px;
	background-color: #983220;
}
#page4 .cate_title{border:none;}
#page4 .cate_title::after{display:none;}

#cms_3-f .sub_cate{width: 48%!important;}
#cms_3-f .cate_box {width: 100%!important;}

#cms_3-f .sub_cate_title {
  position: relative ;
  text-align: center; 
}
#page4 .sub_cate_title::before,#page4 .sub_cate_title::after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
}
#page4 .sub_cate_title::before {
	width: 70px;
	background-color: #222222;
}
#page4 .sub_cate_title::after {
	width: 20px;
	background-color: #983220;
}


#cms_5-b .cate_box, .cms_5-b .cate_box {border-bottom: 1px solid #e9eaed;}
.cms_5-b .cate_box .open_bt .box_title1::before {color: #fff!important;}
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt { border: none;}
#cms_5-b .cate_box .box_item, .cms_5-b .cate_box .box_item { border: none;    padding: 0px 30px 0px;}
#cms_5-b .cate_box .box_txt1,.cms_5-b .cate_box .box_txt1{
	padding: 1em;
    background-color: rgba(52, 52, 52, .75);
}
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: rgba(255, 255, 255, .8)!important;
}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {  margin-left: 70px;}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img{display: none;}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow {
	left: 2px;
    top: 50%;
    margin-top: 0px;
}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before {
    left: -26px;
    top: -1px;
}
#cms_5-b .cate_box .open_bt .arrow::before,
#cms_5-b .cate_box .open_bt .arrow::after,
.cms_5-b .cate_box .open_bt .arrow::before,
.cms_5-b .cate_box .open_bt .arrow::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #fff;
    
}
#cms_5-b .cate_box .open_bt .arrow::before,
.cms_5-b .cate_box .open_bt .arrow::before{
    top:48%;
    left: 15px;
    transform: rotate(180deg);    
    transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow::after,
.cms_5-b .cate_box .open_bt .arrow::after{    
    top:48%;
    left: 15px;
    transform: rotate(-90deg);
    transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow.arrow_be::before,
.cms_5-b .cate_box .open_bt .arrow.arrow_be::before{
	transform: rotate(0deg);
    transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow.arrow_be::after,
.cms_5-b .cate_box .open_bt .arrow.arrow_be::after{
	transform: rotate(0deg);
    transition: all 0.5s;
}
#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}

@media screen and (max-width: 667px){  
#page8 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}
}

/*--------mobile_tb--------*/
@media screen and (max-width: 768px){
    .follower {display: none;}
    #top_pc_nav ul li a, #pc_nav ul li a, header.scr_header ul li a {
    min-width: auto;
    padding: 0 0 10px 0;
    }
    .back1:before {
    background-position: 60% 50%;
    height: 70%;
    width: 75%;
    }
    .back2:before {
    background-position: 0% 0%;
    }
    #contents1 .con_title h3:before,#contents2 .con_title h3:before,#contents3 .con_title h3:before {
    top: -40px;
    }
    #contents3 .con_title h3:before {
    top: -27px;
    font-size: 2.2em;
}
    #info_contact{    margin-bottom: -8px;}
    #info_contact .con_title span:nth-of-type(2) {
    font-size: 1.8em;
}
#page_title h2 {
    letter-spacing: 10px;
}
}

/*--------mobile_sp--------*/
@media screen and (max-width: 667px){
    section .pd_5per_tb {padding: 3%;}
    .overlay > div {
    height: 40%;
    }
    #main_img::before {
    width: 11em;
    height: 38em;
    }
    .back1:before {
    background-position: 71% 50%;
    height: 45%;
    width: 100%;
    opacity: 0.5;
}

#contents1 .con_title h3:before, #contents2 .con_title h3:before{
    top: -33px;
}
#contents3 .con_title h3:before {
    top: -7px;
    font-size: 18vw;
    letter-spacing: 15px;
    line-height: 1;
}
    #contents3 #contact_insta a {
    background-size: cover;
    }
    #contents3 #contact_line a {
    background-size: cover;
    }
    #top_cms.back1:before {
    background-size: 70%;
    }
    #top_cms .cms_title h3 {
    font-size: 23vw;
    letter-spacing: 10px;
}
#info_contact .con_box {
    margin-bottom: -8px;
}
#h1txt p{
    line-height: 1.3;
    letter-spacing: 1px;
    font-size: 3vw;
}
    #page_title .page_title_box {
    width: 70%;
    padding: 10px;
    padding-bottom: 15px;
    background-color: rgba(20, 21, 25, .65);
}
#page_title h2 {
    font-size: 10vw;
    letter-spacing: 7px;
    padding-left: 5px;
}
    #cms_3-f .sub_cate {
    width: 100%!important;
}
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt {
    padding: 10px 0;
}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow {
    left: -7px;
}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {
    margin-left: 65px;
}
#cms_5-b .cate_box .box_item, .cms_5-b .cate_box .box_item {
    line-height: 1.5;
    padding: 0px 10px 0px;
}
}
    


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.cms_1-a figure img{width:100%!important;height:auto!important;}

}