@charset "utf-8";
/**
Theme Name:maruiparent
Description:マルチサイト用、親サイト用のテーマ。
Author:soretodesign
Author URI:www.soretodesign.com
Version:1.0
*/
@-webkit-keyframes directionL{0%{width:50%}100%{width:0%}}@keyframes directionL{0%{width:50%}100%{width:0%}}[class*="curtain-"]{width:50%}@-webkit-keyframes directionR{0%{width:50%}50%{width:25%}100%{width:0}}@keyframes directionR{0%{width:50%}50%{width:25%}100%{width:0}}@keyframes lengthdown{0%{background-position:0 -3vw}50%{background-position:0 0}100%{background-position:0 3vw}}.curtain-left{z-index:9999;position:absolute;top:0;right:0;width:0%;height:100vh;animation-name:directionL;-webkit-animation-name:directionL;animation-duration:0.75s;-webkit-animation-duration:0.75s;animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-direction:normal;-webkit-animation-direction:normal}.curtain-right{z-index:9999;position:absolute;top:0;left:0;width:0%;height:100vh;animation-name:directionR;-webkit-animation-name:directionR;animation-duration:0.75s;-webkit-animation-duration:0.75s;animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-direction:normal;-webkit-animation-direction:normal}.hero{width:100%;height:100%;position:relative}.heroCopy{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;margin:auto;display:block;height:0%}.heroCopy h2{margin-top:-10.25vw;line-height:1.15;font-size:9.25vw;-webkit-animation:bounce-in 1s ease 2s 1 normal;animation:bounce-in 1s ease 2s 1 normal}@-webkit-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}70%{transform:scale(.9)}100%{transform:scale(1)}}.heroCopy p{border-top:1px solid white;border-bottom:solid 1px white;padding:.25em 0}.slideBox{position:relative;display:block;width:100%;height:auto;overflow:hidden;-webkit-filter:brightness(.9);filter:brightness(.9);background-color:black}.slideBox:after{content:"";display:block;max-height:200px;padding-top:56.25vw}.slideBoxText{position:relative;width:100%;height:100%}.slideBoxTextInner{position:absolute;top:-50vw;left:0;right:0;bottom:0;z-index:1;width:100%;margin:auto;display:block;height:0%}.slideBox0{box-sizing:border-box;background:url(img/slider_00.jpg) center top no-repeat;background-size:contain}.slideBox1{box-sizing:border-box;background:url(img/slider_01.jpg) center top no-repeat;background-size:contain}.slideBox2{box-sizing:border-box;background:url(img/slider_02.jpg) center top no-repeat;background-size:contain}.reflection-img{position:relative;overflow:hidden}.reflection{height:400vh;width:2vw;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.3);opacity:0;transform:rotate(45deg);animation:reflection 5.25s ease-in-out infinite;-webkit-transform:rotate(45deg);-webkit-animation:reflection 5.25s ease-in-out infinite;animation-iteration-count:infinite}@keyframes reflection{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.2}81%{transform:scale(4) rotate(45deg);opacity:1}100%{transform:scale(50) rotate(45deg);opacity:0}}@-webkit-keyframes reflection{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.2}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}.sec2{background-image:url(img/bg_sec2.jpg);background-repeat:no-repeat;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;z-index:0;
}.sec2:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:inherit;-webkit-filter:brightness(62%);filter:brightness(62%);z-index:-1}.sec2 .colFront{color:#011126}.sec2 .assetexcerpt{color:white;margin-bottom:3vw}@media only screen and (min-width:768px){.pagenavScroll{z-index:900;position:absolute;bottom:2%;left:0;right:0;width:100%}.pagenavScroll a{position:relative;color:white}.pagenavScroll i{font-size:small;display:block;line-height:3}.pagenavScroll a::before{border-style:solid;border-width:.25em .25em 0 0;content:'';display:inline-block;height:20px;position:relative;-webkit-transform:rotate(135deg);transform:rotate(135deg);vertical-align:top;width:20px;margin-top:20px}.pagenavScroll a{margin-top:20px;display:block;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;color:white}@-webkit-keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}}.sec1{background:url(img/bg_image1.jpg) top left no-repeat;-webkit-background-size:cover;background-size:cover;
}



