@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&display=swap');
.font1,
.con1_title p,.con2_title p,.con3_title p,.cms_title p,#top_cms .more a,.info_title p,
#copyright,#top_info .tel_bt,#sp_nav .tel_bt,.page_title_box p{font-family: 'Cinzel', serif;}
.font2,.con1_title h2,.con2_title h2,.con3_title h2,.cms_title h2,.page_title_box h2{
    font-family: 'Shippori Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", serif;
}

.linkStyle{
    color:#bf9d74;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}
a{color:#fff;}




/*--all page---------------------------
-------------------------------------*/
#wrap{
    background-color:#060623;
    color:#fff;
}
header #sp_nav.fade_bg_trans ul.bg_white{background-color:#060623;}
header .menu_stick{background-color:transparent;}
header .menu_stick span{background-color:#fff;}
header .trans_logo{background-color:transparent;}
header .trans_logo img{
    max-width:170px;
    filter: drop-shadow(2px 2px 5px #222);
}
.footer_nav li a{color:#fff;}
#sp_nav .tel_bt{
    display:none;
}
#sp_nav .sns_links{
    margin-top:20px;
}

/*--top page---------------------------
-------------------------------------*/
.top_header img{max-width:400px;}
.catch{
    top: 35%;
    left: 27%;
    width: 35vw;
    height: 26vh;
    z-index: 2;
}
.catch img{filter: drop-shadow(2px 2px 5px #222);}
.contents_bg{
    background-color:transparent;
    background-image:url(./Dup/img/bg.jpg);
    background-size:cover;
}
.con1_title p,.con2_title p,.con3_title p,.cms_title p{font-size:2rem;}
.con1_title .hoshi img{width:auto;}
.top_cms_bg{
    background-image:url(./Dup/img/bg3.jpg);
    background-size:contain;
}
.cms_title{color:#fff;}
.cms_5-c .box_title1 {border-color: #799dd4;}
.cms_5-c .box_txt1::before{color:#fff;}
.cms_6-c .cate_box{background-color:#dadada;}
#top_cms .more a{
    background-color:#119c98;
    color:#fff;
}
#top_cms .more span.d_block{background-color:#08083a;}
#top_cms .more :hover{border-color:#08083a;}
.ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
    max-height: 20em;
  -webkit-line-clamp: 10;
}

#footer .footer_bottom {background-color: #060623;}

/* top animation*/
.load-blurTrigger{
    opacity: 0;
}
.load-blur{
  animation-name:load-blurAnime;
  animation-duration:3s;
  animation-fill-mode:forwards;
}

@keyframes load-blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }

  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}


/* ぼかしから出現 */
.blur{
  animation-name:blurAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
}
@keyframes blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }
  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.blurTrigger{
    opacity: 0;
}

#top_info{
    display:none;
}

/*youtube*/
.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;
}

/*--under page---------------------------
-------------------------------------*/
.u_header #logo img{width:250px;}
.page_title_box p{
    font-size:1.5rem;
    line-height: 1;
}
.page_title_box h2{font-size:2.5rem;}
.cate_title{position:relative;}
.cate_title::before{
    content:'';
    position:absolute;
    display:block;
    width:22px;
    height:31px;
    background-image:url(./Dup/img/hoshi.png);
    background-repeat:no-repeat;
    background-size:contain;
    top:-10px;
    left:-17px;
    
}
.under_page #footer {background-color: #060623;}
#cms_5-c .box_title1 {border-color: #799dd4;}
#cms_5-c .box_txt1::before{color:#fff;}
.pager li a{background-color: #7955a0;}
#cms_6-c .cate_box{background-color:#dadada;}
#page07 p {background-color: transparent;}
#page09 .privacy_top{background-color: #08083a;}
#page10 .more  a .bg_color3{font-size:1.5rem;}
#page10 .more a{
    font-family: 'Cinzel', serif;
    font-size: 1.2rem;
}

#page07 .info_map{
    display:none;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/*.blurTrigger{opacity: 1;}*/
#main_img {padding-top: 90px;}
.catch{
    width: 50vw;
    height: 14vh;
}
#contents3{padding-bottom:50px;}
.con3_wrap{padding:20px;}
.con3_left{padding-left:0;}
.con3_title h2{letter-spacing: 1px;}
#top_info{background-color:transparent;}
#top_cms .more span.d_block {background-color: #119c98;}
.cate_title::before{left:-20px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header .trans_logo img {max-width: 130px;}
#main_img {padding-top: 75px;}
.catch {
    width: 60vw;
    height: 13vh;
}
.con1_right{padding-top:70px}
.con1_title h2,.con2_title h2,.con3_title h2,.cms_title h2{font-size:1.2rem;}
.con2_title h2{letter-spacing: 1.7px;}
.cms_title p {font-size: 1.2rem;}
.info_title{margin-bottom:0;}
.page_title_box h2 {font-size: 1.7rem;}
}

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

}