﻿.txt_color1{color: #333;}
.bg_color1{
    background-color: #fff2f2;
}
.bg_color3{
    background-color: #a6d9a7;
}
.bg_color4{
    background-color: #e9ede4;
}
.border_color1{
    border-color: #CBB7DA;
}
.border_color3{
    border-color: #a6d9a7;
}
.border_color5{
    border-color: #e9ede4;
}
.hvr_bg_color1:hover{background-color: #CBB7DA;}
.font_en{
   font-family: 'Zen Maru Gothic', sans-serif;
}
@media (min-width:769px){
    .pc-hide{
        display: none;
    }
}
/*header*/
@media (min-width:1300px){
    header{
        transition-duration: 2.0s;
    }
    .page01 header.wideH{
        width: 540px;
        transition-duration: 2.0s;
        }
        #headerLinks{
            opacity: 1;
            transition-duration: 2.0s;
        }
        #headerLinks.invisible{
            opacity: 0;
            transition-duration: 2.0s;
            /*display: none;*/
    }
    .pc_box{
        transition-duration: 2.0s;
    }
    .page01 .pc_box.ad-pdt100{
        padding-top: 100px;
        transition-duration: 2.0s;
    }
    #logo{
        transition-duration: 2.0s;
    }
    .page01 #logo.ad-mgb100{
        margin-bottom: 100px;
        transition-duration: 2.0s;
    }
}
#headerLinks .link_box li{
    height: 30px!important;
}
#headerLinks .link_box li.grid_1{
        width: 13.0%!important;
    }
#main_menu li a{
    font-family: "Zen Maru Gothic","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
}
a.hamburger .hamburger__icon.bg_color1{
        background-color: #a6d9a7;
    }
a.hamburger.active .hamburger__icon{
    background-color: transparent;
}
@media (max-width:768px){
    .head_banner.conT{
        display: none;
    }
}
/*Top*/
#contents3 .txt_white{
    color: #333;
}
/*FVキャッチコピー*/
#catch-copy{
    padding: 20px 0;
    position: absolute;
    top: 210px;
    right: 10%;
    z-index: 5;
    animation: bgani 3s linear forwards;
    animation-delay: 5s;
}
#catch-copy .catch-copy__text{
    writing-mode: vertical-rl;
    height: 570px;
    max-height: 80vh;
    line-height: 8.2rem;
    text-align:left;
}
.glowAnime span{
    opacity: 0;
    color: #fff;
    font-size: 3.6rem;
    font-family:'Shippori Mincho', serif;
}
#catch-copy p{
    text-shadow: 5px 5px 8px rgba(203,183,218,1);
}
@media screen and (max-width:768px){
    #catch-copy .catch-copy__text{
        max-height: 325px;
    }
    .glowAnime span{
        font-size: 2.0rem;
        
    }
}
@media screen and (max-width: 1500px){
    #catch-copy{
        top: 155px;
    }
    .glowAnime span{
        font-size: 2.8rem;
    }
    #catch-copy .catch-copy__text {
    writing-mode: vertical-rl;
    height: 450px;
    max-height: 70vh;
}
}
/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{
    animation:glow_anime_on 2.5s ease-out forwards;
    animation-delay: 3s;
    }

@keyframes glow_anime_on{
	0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
	50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
	100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}

@keyframes bgani{
    0%{background-color:none;}
    100%{background-color:rgba(203,183,218,0.6);}
}
/*メニュー*/
#cms_3-b h3.cate_title{
    color: #333;
}

/*2023/1/6追加*/
.linkStyle{color: #333;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.scroll_bt {display:none;}
@media screen and (max-width: 768px){
.hamburger {
    top: 32px;
}
@media screen and (max-width: 667px){
#catch-copy {
/*    top: 50%;
left: 20%;
right:auto;
transform: translate(-50%,-50%);*/
display:none;
}
.hamburger {
    top: 20px;
}
}