/* reset */
* {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    margin: 0;
    padding: 0;
}
html, body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    padding: 0;
    font-size: 90%;
    line-height: 140%;
    color:#333;
	background: #fff;
}
body, x:-moz-any-link {
line-height:160%;
}
 /* FireFox 2 */
html>/**/body, x:-moz-any-link, x:default {
line-height:160%;
}
/* Only FireFox 3 */* html body {
    line-height: 140%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, select {
    vertical-align: middle;
}
em {
    font-style: normal;
}
a {
    text-decoration: none;
}
html, body, .fixed {
    background: ;
    line-height: 160%;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
/* fade in*/
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 700ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/*css animation*/
.fuwa {
    -webkit-animation: fuwa 1.5s infinite linear alternate;
    animation: fuwa 1.5s infinite linear alternate;
}
 @-webkit-keyframes fuwa {
 0% {
-webkit-transform:translate(0, 0) rotate(-5deg);
}
 50% {
-webkit-transform:translate(0, -5px) rotate(0deg);
}
 100% {
-webkit-transform:translate(0, 0)rotate(5deg);
}
}
 @keyframes fuwa {
 0% {
transform:translate(0, 0) rotate(-5deg);
}
 50% {
transform:translate(0, -5px) rotate(0deg);
}
 100% {
transform:translate(0, 0)rotate(5deg);
}
}
.buru {
    -webkit-animation: buru 0.3s infinite linear alternate;
    animation: buru 0.3s infinite linear alternate;
}
 @-webkit-keyframes buru {
 0% {
-webkit-transform:translate(0, 0) rotate(-3deg);
}
 50% {
-webkit-transform:translate(0, -1px) rotate(0deg);
}
 100% {
-webkit-transform:translate(0, 0)rotate(3deg);
}
}
 @keyframes buru {
 0% {
transform:translate(0, 0) rotate(-3deg);
}
 50% {
transform:translate(0, -1px) rotate(0deg);
}
 100% {
transform:translate(0, 0)rotate(3deg);
}
}
/*gotop*/
#goto {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 0px;
    width: 83px;
    height: 73px;
}
#goto a {
    display: block;
    width: 73px;
    height: 43px;
    text-align: center;
    background: #fff;
    color:#333;
    border-radius: 50%;
    padding: 15px 0;
}
#goto a span {
    font-size: 11px;
    display: block;
}
/*mv*/
.mv {
    overflow: hidden;
    position: relative;
}
.mv:before, .mv:after {
    animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;
}
.mv:before {
    animation-name: img-wrap-before;
    top: 0;
    bottom: 50%;
    height: 100%;
}
 @keyframes img-wrap-before {
 
    100% {
 transform: translateX(200%);
}
}
 @keyframes img-wrap-after {
 100% {
 transform: translateX(-100%);
}
}
.img-animation {
    animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    position: relative;
}
.img-animation:before {
    animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
 @keyframes img-opacity {
 0% {
 opacity: 0;
}
}
 @keyframes img-animation {
 100% {
 transform: translateX(100%);
}
}
.mv-b {
    z-index: 10!important;
}

#youtube{ position: absolute;
    top: 0;
    left: 0;
        min-width: 200%;
    min-height: 200%;
    left: -30%;
    top: 0px;
}


#youtube-wrap {
  position: relative;
  height: 100vh;
  width: 100%;
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background:#000;
  padding:1em;
  color:#fff;
}


.mvcon{margin-top:10px!important;}


.page .blbor,.single .blbor{
    margin-top:10px!important;
    padding:0 0 60px!important;
}


.blbor #main{padding:3em 0;}





.post-meta{display:block;border:1px solid #efefef;padding:1em;width:80%;margin:0 auto 3em;}

a:link,a:visited{color:#333;text-decoration:none;}

.w3{text-align:center;margin:16px auto;}
.w3 ul li{list-style: none;}
.widget h2{    display: block;
    border-bottom: 1px solid #eee;
    margin: 8px auto!important;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: normal;}

.widget{width:96%!important;padding:2%;}


.singlemv{}
.singlemv img{width:100%;display:block;}



.line{display:block;width:12em;margin:2em auto;}
.line img{width:100%;}



.conbox{background: #333;max-width: 100%;padding:40px 0;margin-top:70px;color:#fff!important;}

.faq h3{text-align:left;
    position: relative;
    line-height: 1.4;
    padding:0.25em 1em;
    display: inline-block;
    top:0;
left:0;
margin-bottom: 3em;}
    .faq h3:before, .faq h3:after { 
        position: absolute;
        top: 0;
        content:'';
        width: 8px;
        height: 100%;
        display: inline-block;
      }
      
      .faq h3:before {
        border-top: dotted 1px #535aaa;
        border-left: dotted 1px #535aaa;
        border-bottom: dotted 1px #535aaa;
        left: 0;
      }
      
      .faq h3:after {
        content: '';
        border-top: dotted 1px #535aaa;
        border-right: dotted 1px #535aaa;
        border-bottom: dotted 1px #535aaa;
        right: 0;
      }


      .mv p img{display: block;width:180px;}


      .liver h4{font-weight:normal;}
      .liver h4 span{font-size:10px;margin-left:2em;}
      
      .liver1{background: url(../../images/common/dummy03.png) center center!important;background-size:100%;}
      .liver2{background: url(../../images/common/img01-l.png) center center!important;background-size:100%;}
      .liver3{background: url(../../images/common/dummy03.png) center center!important;background-size:100%;}
      .liver4{background: url(../../images/common/img01-l.png) center center!important;background-size:100%;}