.cf:before,
.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
*, *::after, *::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ol, ul{list-style:none;margin:0px;}
figure{margin:0;}
.fadeOut{-webkit-animation:fadeOut .5s cubic-bezier(.55,0,.1,1) both;animation:fadeOut .5s cubic-bezier(.55,0,.1,1) both;}
.fadeIn{-webkit-animation:fadeIn .5s cubic-bezier(.55,0,.1,1) both;animation:fadeIn .5s cubic-bezier(.55,0,.1,1) both;}
@-webkit-keyframes fadeOut{to{opacity:0;-webkit-transform:scale(1.2);}}
@keyframes fadeOut{to{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}}
@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:scale(.8);}}
@keyframes fadeIn{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8);}}
body{font-family:Sanchez, Georgia, Times New Roman, Serif;position:relative;left:0;overflow-x:hidden;background:rgba(0,0,0,0.2);}
#slide_menu{position:fixed;top:0;left:-240px;width:240px;height:100%;background:#E87272;}
a{display:inline-block;color:#f1f1f1;text-decoration:none;}
a.hover, a:hover{opacity:0.8;}
.txt_center{text-align:center;}
.section__title{font-size:2.5rem;letter-spacing:0.3rem;text-align:center;color:#fff;line-height:0.7;margin:0 0 5px;}
h1.section__title{font-size:14.5rem;}
.section__title img{width:100%;}
.section__inner{width:50%;height:100%;position:relative;left:0;top:0;margin:0 0 20px;}
.section__desc{text-align:center;}
.section__button{font-size:0.8rem;display:inline-block;text-align:center;margin:20px auto 0;border:solid 1px #ccc;padding:5px 20px;border-radius:3px;}
.section__button.hover, .section__button:hover{background:rgba(0,0,0,0.5);}
.siteLogo{background:-webkit-linear-gradient(transparent, transparent), url(../img/velona-1.jpg);background-size:100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:13rem;font-weight:bold;line-height:1.1;}
.text{font-size:9.5rem;font-weight:bold;}
@font-face{font-family:MyWebFont;src:url('../wf/Legrand Regular.ttf') format("opentype");}
h1, h2{font-family:MyWebFont;}
svg text{font-family:MyWebFont;letter-spacing:0.5rem;}
.sub_text-1{font-size:0.8rem;letter-spacing:0.5rem;text-align:center;color:#fff;}
.line{fill:rgba(255,255,255,0);stroke:#fff;stroke-width:1;stroke-dasharray:3000;stroke-dashoffset:3000;animation:DASH 3s ease-in alternate forwards;-webkit-animation:DASH 3s ease-in 0s forwards;-o-animation:DASH 3s ease-in 0s forwards;animation:DASH 3s ease-in 0s forwards;}
@-webkit-keyframes DASH{0%{stroke-dashoffset:3000;}
80%{stroke-dashoffset:2000;fill:rgba(255,255,255,0.2);}
100%{stroke-dashoffset:0;fill:rgba(255,255,255,0.9);}
}
@keyframes DASH{0%{stroke-dashoffset:3000;}
80%{stroke-dashoffset:2000;fill:rgba(255,255,255,0.2);}
100%{stroke-dashoffset:0;fill:rgba(255,255,255,0.9);}
}
.headerBox{text-align:center;}
.headerBox svg{width:90%;}
#content{position:relative;-webkit-transition:linear 1s;transition:linear 1s;}
#content.content--sub{}
.wrapper{color:#fff;}
footer{width:100%;position:absolute;bottom:10px;color:#aaa;z-index:49;}
.pcMenu{display:none;float:left;width:40%;text-align:center;}
.pcMenu a{display:inline-block;margin:0 0 20px;width:80%;}
.spMenu{width:90%;margin:0 auto 40px;position:relative;height:48px;padding-top:10px;z-index:49;}
.snsButton{display:table;width:140px;position:fixed;right:5%;top:10px;}
.spMenu--child{display:table-cell;width:33%;text-align:center;padding:0 3px;vertical-align:middle;position:relative;}
.spMenu--child img{border-radius:50%;width:36px;-webkit-border-radius:50%;-moz-border-radius:50%;}
.spMenu--child svg{width:35px;}
.sectionSub--1{padding:40px 20px;width:90%;margin:0 5% 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;background:rgba(0,0,0,0.5);}
.sectionSub--2{margin-bottom:60px;}
.sectionSub--1__header{margin-bottom:30px;}
.sectionSub--1__body{padding:10px;font-size:0.8rem;}
.sectionSub--1__body li{margin-bottom:16px;}
.wrapper__body{overflow:hidden;padding-top:40px;position:relative;}
.sub_text-1{letter-spacing:0.6rem;}
.headerBox__logo{margin-top:-30px;}
.headerBox__logo svg{margin-bottom:-20px;}
.headerBox__logo a{color:#fff;display:inline;}
.content--sub{}
.content--sub .wrapper__body{position:relative;-webkit-transform:translate3d(0,0,0);}
.content--sub .headerBox--child{vertical-align:bottom;}
.content--sub .spMenu{margin:0;height:auto;padding:0;}
.content--sub .headerBox{}
.content--sub .headerBox__logo{padding-top:40px;margin-top:0;height:100%;}
.content--live{background:url(../img/velona-sp-1.jpg);background-size:cover;background-position:center top;}
.content--bio{background:url(../img/velona-4.jpg);background-size:cover;background-position:center top;}
.content--disc{background:url(../img/velona-3.jpg);background-size:cover;background-position:center top;}
.content--movie{background:url(../img/velona-2.jpg);background-size:cover;background-position:center top;}
.event__title{font-size:0.9rem;display:inline-block;padding:10px;background:#8b8e2f;margin-bottom:20px;}
.event__body dl{margin-bottom:20px;}
.event__each{padding-bottom:20px;border-bottom:solid 1px #ccc;margin-bottom:20px;}
.disco__body .item{width:100%;padding-bottom:20px;}
.disco__body .item img{width:100%;}
.disc_filter_menu{margin-bottom:20px;}
.disc_filter_menu a{float:left;margin-right:10px;display:inline-block;background:#333;margin-bottom:10px;height:45px;line-height:45px;width:100px;text-align:center;}
.disc_filter_menu .current{border:solid 3px #bbb;box-sizing:border-box;}
.newsEach li{padding-left:1rem;text-indent:-0.5rem;}
.newsEach h3{margin-bottom:10px;}
.newsEach a{display:inline;}
.newsEach iframe{width:100%;}
.newsEach p{width:100% !important;}
.news_date{font-size:0.85rem;color:#ddd;margin-left:5px;}
.sns--twitter{margin-top:40px;}
.sns--twitter__header{display:inline-block;background:rgba(255,255,255,0.3);padding:5px 20px;font-size:0.8rem;border-bottom:none;}
.sns--twitter__body{background:rgba(255,255,255,0.1);padding:10px;border:solid 1px rgba(255,255,255,0.3);height:370px;}
.disc_inner{width:90%;margin:80px auto 0;}
.disc_title{font-size:1.5rem;margin-bottom:10px;}
.disc_detail{color:#555;margin-bottom:20px;}
.disc_img{margin-bottom:20px;}
.disc_img img{width:100%;}
.set_list{margin-bottom:60px;}
.set_list li{margin-bottom:10px;}
.set_list a{color:#555;text-decoration:underline;}
.set_list i{font-size:0.85rem;}
.modal-close{text-align:center;margin-bottom:40px;}
.modal-close svg{width:50px;opacity:0.5;}
#loader{position:fixed;left:0;top:0;display:none;z-index:1000;width:100%;background:#000;}
#loader .headerBox__logo{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:90%;height:400px;}
#loader .headerBox--child svg{width:100%;}
.reserve{text-align:center;}
.reserve_button{color:#fff;text-decoration:none;text-align:center;position:relative;z-index:10;display:inline-block;min-width:230px;height:80px;line-height:80px;background:#b53d3d;}
.history{line-height:1.6rem;}
.history .intro{margin-bottom:1.7rem;border-bottom:solid 1px #ccc;padding-bottom:30px;}
.history li{display:table;margin-bottom:1.5rem;width:100%;}
.history li span{display:table-cell;}
.history li .year{padding-right:20px;width:86px;color:#ddd;}
.member--each{margin-bottom:30px;width:100%;text-align:center;}
.member--each figcaption{}
.member--each_section{}
.member_profile{}
.member--each figure{text-align:center;}
.member--each figure img{width:80%;}
.member--name{margin-left:10px;}
.member--sns_each:nth-child(2){padding-left:10px;}
.member--sns_each a{text-decoration:underline;}
.youtube{position:relative;width:100%;padding-top:56.25%;margin-bottom:30px;}
.youtube:last-child{margin-bottom:0;}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.banner{width:90%;margin:0 auto 5%;}
.banner li{margin-bottom:20px;}
.banner a{width:100%;}
.banner img{width:100%;}
@media all and (min-width:560px){.wrapper__body{padding-bottom:0;}
.disco__body .item{width:160px;padding-right:20px;padding-bottom:16px;}
.spMenu{width:auto;margin:auto;position:absolute;right:0;bottom:10px;margin-bottom:0;}
.pcMenu{display:block;}
.headerBox{width:90%;margin:0 auto;position:relative;}
.headerBox__logo{margin-top:0;padding-top:30px;margin-bottom:0;}
.headerBox--child{vertical-align:bottom;}
.headerBox svg{margin-bottom:0;}
.sectionSub--1{width:55%;margin-right:5%;margin-left:0;}
.sub_text-1{margin-top:6px;}
.section__title{font-size:3.5rem;}
.snsButton{position:relative;}
.headerBox__logo svg{margin-bottom:0;color:#fff;}
.DSmenu{display:none;}
.content--sub .headerBox{height:251px;}
.wrapper__body{padding-top:40px;}
.content--sub .wrapper__body{}
.newsEach{width:50%;padding-right:20px;float:left;margin-top:23px;}
.sns--twitter{width:50%;float:right;margin-top:0px;}
.disc_inner{width:50%;}
.member{width:100%;display:table;}
.member--each{width:33%;display:table-cell;}
.member--each figure img{width:70%;}
.member--name{display:block;margin:0;}
.banner ul{margin-right:-20px;display:table;width: 100%;}
.banner li{display:table-cell;padding:0 20px;}
.wrapper__body{}
}
.sectionSub--News .news--date{color:#ccc;margin-right:0.8rem;}
.sectionSub--News a{text-decoration:underline;}
.spMenuButton{position:fixed;display:none;left:5%;top:14px;font-size:0.8rem;}
.spMenuButton nav{margin-top:40px;}
.spMenuButton nav .sub_text-1{margin:1em 0 3em;}
.cd-modal-action{position:relative;}
.cd-modal-action .btn{width:12.5em;height:4em;background-color:#123758;border-radius:5em;transition:color 0.2s 0.3s, width 0.3s 0s;}
.cd-modal-action .btn.to-circle{width:4em;color:transparent;transition:color 0.2s 0s, width 0.3s 0.2s;}
.cd-modal-action .cd-modal-bg{position:absolute;top:0;left:50%;transform:translateX(-2em);width:4em;height:4em;background-color:#123758;border-radius:50%;opacity:0;visibility:hidden;transition:visibility 0s 0.5s;}
.cd-modal-action .cd-modal-bg.is-visible{opacity:1;visibility:visible;}
.DSmenu{width:150px;background:#FFF;-webkit-transform:translateX(-150px);transform:translateX(-150px);-webkit-transition:ease .5s;transition:ease .5s;position:fixed;top:0;left:0;z-index:50;height:100%;}
.DSmenu.action{width:150px;background:#FFF;-webkit-transform:translateX(0);transform:translateX(0);}
.DSmenu .DSbtn{position:absolute;top:14px;right:-38px;background:#FFC800;width:38px;height:38px;line-height:38px;text-align:center;-webkit-transition:ease .5s;transition:ease .5s;cursor:pointer;}
.DSmenu ul{margin:10px 20px;}
.DSmenu li{}
.DSmenu a{color:#333;display:block;padding:10px 0;}
@media all and (min-width:1400px){}
.arrow_box{position:absolute;background:#333;display:inline-block;width:70px;text-align:center;height:32px;line-height:32px;left:-75px;top:7px;border-radius:3px;font-size:0.5rem;color:#ddd;}
.arrow_box:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-left-color:#333;border-width:7px;margin-top:-7px;}