/* --------------------------------------------
 CMS・下層ページ 
--------------------------------------------*/
#page9 .box_wrap a{
    color: #0f0d38;
    background-color: #c3afef;
    border-radius: 5px;
}
#page9 .box_wrap a:hover{
    color: #c3afef;
    background-color: #0f0d38;
}
/* タブレット */
@media screen and (max-width: 768px){
    #cms_2-f .box_title1{padding-left: 45px;}
    #cms_2-f .box_title1::after{width: 40px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #contact_tel a{padding: 30px 0;letter-spacing: 0.02em;}
}

/* --------------------------------------------
 メインイメージ 
---------------------------------------------*/

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    #ain_img{margin: 0 auto 50px;}
}

/*--------------------------------------------
 トップページ 
-----------------------------------------------*/
.dec{
    max-width: 350px;
    width: 40%;
}
.dec1{
    top: -280px;
    right: -150px;
    max-width: 410px;
}
.dec2{
    top: -200px;
    left: -200px;
}
.dec3{
    z-index: 2;
    top: -300px;
    right: -230px;
    max-width: 460px;
    width: 50%;
}


#aisatsu h2,#contents1 .contents_box h2, #contents2 .contents_box h2, #contents3 .contents_box h2,#top_cms h2{font-size: 42px;}

/* ネオン */
#main_menu ul li a,#cms_1-a .box_title1,.cate_title{
    color: #ddbeff;
    text-shadow: 0px 0px 3px #163587, 0px 0px 6px #6884cf,0px 0px 10px #6884cf, 0px 0px 16px #7620d9, 0px 0px 20px #7620d9;
}

.contents_img,.cms_1-a .box_img1{box-shadow: 0px 0px 30px 5px #4a41ac;}
.cms_1-a .box_img1{background-color: #000024;}
.cms_1-a .box_img1:hover{box-shadow: 0px 0px 20px 3px #30288b;}
.box_img1{
    padding: 0;
    box-shadow: 0px 0px 30px 5px #4a41ac;
}
#cms_2-f .box_img1{box-shadow: 0px 0px 30px 5px #1a1278;}

#contents2 .contents_img,#cms_3-c .cate_img1{
    box-shadow: 0px 0px 35px 7px #1b1d8d;
}
#cms_1-a .cate_box{
    
}
#aisatsu > div,#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box{
    box-shadow: 0px 0px 40px 3px #24377e inset, 0px 0px 20px 3px #24377e;
    border: 6px solid #607bc3;
    border-radius: 15px;
    background-image: none!important;
    background-color: #1d0d38!important;
}
#aisatsu h2,#contents2 .contents_box h2{
    text-shadow: 0px 0px 3px #163587, 0px 0px 6px #68aecf, 0px 0px 10px #68b8cf, 0px 0px 16px #207bd9, 0px 0px 20px #20b9d9;
    color: #cfd6fb;
}
#contents1 .contents_box h2,#contents3 .contents_box h2{
    text-shadow: 0px 0px 3px #163587, 0px 0px 6px #687ecf, 0px 0px 10px #6968cf, 0px 0px 16px #2037d9, 0px 0px 20px #2041d9;
    color: #a4c9ff;
}

#top_cms h2{
    color: #b488e5;
    text-shadow: 0px 0px 3px #a53fab, 0px 0px 12px #fdd9ff, 0px 0px 13px #db40c7;
}
#top_cms .border_white{
    border: 6px solid #607bc3;
    box-shadow: 0px 0px 40px 3px #4b247e inset, 0px 0px 20px 3px #4b247e;
    border-radius: 20px;
}
.pager li a{
    box-shadow: 0px 0px 20px 3px #24377e;
        color: #050519;
        background-color: #c3afef;
}

/* ネオンまたたき1 */
.lasvegas span:nth-child(2){
  animation: blink .3s infinite alternate;
}
.lasvegas span:nth-child(3){
  animation: blink .35s infinite alternate;
}
.lasvegas span.delay{
  animation-duration:6s;
  animation-delay: 2s;
  animation-direction: alternate;
  cubic-bezier(0.5, 0.2, 0.3, 1.0);
}


@keyframes blink {
  0%   {}
  50%  {}
  60%{
    text-shadow: 
      0 0 2px rgba(255, 255, 255, .1), 
      0 0 10px rgba(255, 255, 255, .4);
    
    text-stroke: 2px rgba(255,255,255,0.05);
  }
  70%{
    text-shadow: 
      0 0 2px #4b247e, /*しろ*/
      0 0 10px #4b247e, /*しろ*/
      0 0 20px #4b247e, /*しろ*/
      0 0 30px #4b247e, /*しろ*/
      0 0 40px #ff00de, 
      0 0 70px #ff00de, 
      0 0 80px #ff00de,
      0 0 100px #ff00de;
  }
  80%{
    text-shadow: 
      0 0 2px rgba(255, 255, 255, .1), 
      0 0 10px rgba(255, 255, 255, .4);
    
    text-stroke: 2px rgba(255,255,255,0.05);
  }
  100% { 
    text-shadow: 
      0 0 2px #fdd9ff, /*しろ*/
      0 0 10px #fdd9ff, /*しろ*/
      0 0 20px #fdd9ff, /*しろ*/
      0 0 30px #fdd9ff, /*しろ*/
      0 0 40px #c136af, 
      0 0 70px #c136af, 
      0 0 80px #c136af,
      0 0 100px #c136af;
  }
}
/*ネオンまたたきここまで*/
/* ネオンまたたき2 */
.lasvegas2 span:nth-child(9){
  animation: blink2 .3s infinite alternate;
}
.lasvegas2 span:nth-child(10){
  animation: blink2 .3s infinite alternate;
}
.lasvegas2 span:nth-child(12){
  animation: blink2 .35s infinite alternate;
}
.lasvegas2 span:nth-child(13){
  animation: blink2 .35s infinite alternate;
}
.lasvegas2 span:nth-child(14){
  animation: blink2 .35s infinite alternate;
}
.lasvegas2 span.delay{
  animation-duration:6s;
  animation-delay: 2s;
  animation-direction: alternate;
  cubic-bezier(0.5, 0.2, 0.3, 1.0);
}


@keyframes blink2 {
  0%   {}
  50%  {}
  60%{
    text-shadow: 
      0 0 2px rgba(255, 255, 255, .1), 
      0 0 10px rgba(255, 255, 255, .4);
    
    text-stroke: 2px rgba(255,255,255,0.05);
  }
  70%{
    text-shadow: 
      0 0 2px #7ecfe9, 
      0 0 10px #7ecfe9, 
      0 0 20px #7ecfe9, 
      0 0 30px #7ecfe9, 
      0 0 40px #3275cf, 
      0 0 70px #3275cf, 
      0 0 80px #3275cf,
      0 0 100px #3275cf;
  }
  80%{
    text-shadow: 
      0 0 2px rgba(255, 255, 255, .1), 
      0 0 10px rgba(255, 255, 255, .4);
    
    text-stroke: 2px rgba(255,255,255,0.05);
  }
  100% { 
    text-shadow: 
      0 0 2px #7ecfe9, 
      0 0 10px #7ecfe9, 
      0 0 20px #7ecfe9, 
      0 0 30px #7ecfe9, 
      0 0 40px #3275cf, 
      0 0 70px #3275cf, 
      0 0 80px #3275cf,
      0 0 100px #3275cf;
  }
}
/*ネオンまたたき2ここまで*/
#contents1{position: relative;}

/* タブレット */
@media screen and (max-width: 768px){
    #aisatsu h2,#contents1 .contents_box h2, #contents2 .contents_box h2, #contents3 .contents_box h2,#top_cms h2{font-size: 34px;}
    #aisatsu{width: 80%;}
    #aisatsu p span{max-width: 400px;}
    #aisatsu h2{max-width: 500px; text-align: center; margin: 0 auto 10px;}
    
    .dec{width: 45%;}
    .dec1{top: -240px; right: -35px;}
    .dec2{top: -240px; left: -50px; width: 40%;}
    .dec3{top: -260px; right: -110px; width: 60%;}
    
    #contents3 .contents_box h2{width: 325px; text-align: center; margin: 0 auto 20px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #contents1, #contents2{margin-bottom: 150px;}
    #contents3{margin-bottom: 100px;}
    #contents1 .contents_box h2, #contents2 .contents_box h2, #contents3 .contents_box h2,#top_cms h2{font-size: 28px;}
    #aisatsu{width: 90%; margin: 0px auto 120px;}
    #aisatsu > div{padding: 40px 15px;}
    #aisatsu p span{letter-spacing: 0.03em;}
    
    #contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box{margin-top: 20px;}
    #contents3 .contents_box h2{width: 280px;}
    
    .dec{width: 60%;}
    .dec1{top: -210px;}
    .dec2{top: -220px; left: -20px; width: 50%; z-index: 2;}
    .dec3{top: -260px; right: -70px; width: 80%;}
}

/*--------------------------------------------
 全体 
----------------------------------------------*/
#main_menu ul li a,.contents_box h2,#aisatsu h2,#top_cms h2,#page_title h2,.cate_list li a,.page_title{
    font-family: 'Kosugi Maru', sans-serif;
}

#fakeloader{
    background-color: transparent;
    background: rgb(60,32,115);
    background: radial-gradient(circle, #260b5b 5%, #000024 70%);
}
#fakeloader .fl{
    width: 40%!important;
    max-width: 550px!important;
}

#fixed_right_banner{z-index: 999;}

#aisatsu,#top_cms,#info_map,footer,.cms{position: relative;z-index: 0;}
header{position: relative;z-index: 999;}
#nav_menu{position: relative; z-index: 1;}
#wrap{
    background-image: url(./Dup/img/bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.header #logo img{width: 320px;}

#main_img2 .page_title{
    background-color: transparent!important;
}
#main_img2 .page_title h2{
    background: radial-gradient(circle, #260b5b 10%, #000024 80%);
}
#main_img2 .page_title,#main_img2 .page_title h2{
    color: #ddbeff;
    /*text-shadow: 0px 0px 3px #163587, 0px 0px 6px #6884cf, 0px 0px 10px #6884cf, 0px 0px 16px #7620d9, 0px 0px 20px #7620d9;*/
}
.cate_list li a{
    box-shadow: 0px 0px 40px 3px #14276c inset, 0px 0px 20px 3px #24377e;
    background-color: #1d0d38;
    border: 1px solid #738bcd;
    text-shadow: 0px 0px 3px #163587, 0px 0px 6px #6884cf,0px 0px 10px #6884cf, 0px 0px 16px #2320d9, 0px 0px 20px #2320d9;
    color: #8daaf5;
    font-weight: 700;
    font-size: 18px;
}
.cate_list li a i{
    text-shadow: 0px 0px 3px #163587, 0px 0px 6px #6884cf,0px 0px 10px #6884cf, 0px 0px 16px #7620d9, 0px 0px 20px #7620d9;
    color: #8daaf5;
}
.cate_list li a:hover{
    box-shadow: 0px 0px 40px 3px #24377e inset, 0px 0px 20px 3px #24377e;
    background-color: #1d0d38;
}

.linkStyle{
	color: #c3afef;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color: #c3afef;
	opacity: 0.7;
	text-decoration: none;
}

#f_menu ul li a{color:#c3afef;}

.txt_white{    color: #dce5ff;}
/*.txt_color1,.hvr_txt_color1:hover{color: #ef8f41;} */
.txt_color2,.hvr_txt_color2:hover{color: #c3afef;} 
.txt_color3,.hvr_txt_color3:hover{color: #0f0d38;} 
/*.txt_color4,.hvr_txt_color4:hover{color: #1d0d38;} */
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

/*.bg_color1,.hvr_bg_color1:hover{background-color: #ef8f41;}*/
.bg_color2,.hvr_bg_color2:hover{background-color: #c3afef;}
.bg_color3,.hvr_bg_color3:hover{background-color: #0f0d38;} 
/*.bg_color4,.hvr_bg_color4:hover{background-color: #1d0d38;} */
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

/*.border_color1,.hvr_border_color1:hover{border-color: #ef8f41;}*/
.border_color2,.hvr_border_color2:hover{border-color: #c3afef;}
.border_color3,.hvr_border_color3:hover{border-color: #0f0d38;}
/*.border_color4,.hvr_border_color4:hover{border-color: #1d0d38;}*/
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/* タブレット */
@media screen and (max-width: 768px){
    #fakeloader .fl{width: 60%!important;}
    
    .button_container span{
        background: #b688d9;
        box-shadow: 0px 0px 3px #945ebd;
    }
    .overlay.open{z-index: 10;}
    #nav_menu{z-index: 999;}
    
    #f_menu ul li a{letter-spacing: 0.07em;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #fakeloader .fl{width: 80%!important;}
    
    #wrap{
        position: relative;
        background-image: none;
        background-attachment: scroll;
    }
    #wrap:before {
        content: " ";
        height: 100vh;
        width: 100%;
        position: fixed;
        background-image: url(./Dup/img/bg_sp.jpg);
        background-size: cover;
        background-position: center center;
        z-index: 0;
    }
    
    #logo2 img{ max-width: 320px;}
    
    .pager li a span{color:#050519 !important;}    
}


/*----------------------------------
 テンプレート 
------------------------------------*/
#page10 #contents span{display: block;padding-left: 0;}
/* 動画位置調整 */
#video{height: 70vh!important; height: auto;}
#video video{
    /*width: 100%!important;*/
	width: auto!important;
	height: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    vertical-align: bottom;
}
@media screen and (min-width: 1630px){
    #video video{width: 100%!important; height: auto!important;}
}
/* タブレット */
@media screen and (max-width: 768px){
    /* 動画位置調整 */
	#video {
		height: auto!important;
		width: 100%;
	}
	#video video {
		width: 100%!important;
		height: auto;
		position: relative;
		top: 0%;
		left: 0%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(0%,0%);
	}
}

.catch {
    z-index: 3;
    position: absolute;
    top: 5%;
    right: 5%;
    /*transform: translate(0%, -50%);*/
    width: 50%;
}