@charset "utf-8";
/* CSS Document */

/* mv */

#top-mv div{background: url(/common/image/mv-bell.png) no-repeat center; background-size: cover; position: relative; width: 100%; height:100%;}
#top-mv div p{position: absolute; bottom: 58px; left: 50%; width: 228px; height: 228px; margin-left: -114px; }
#top-mv div p span{position: absolute; top: 0; left: 0;}
#top-mv div #copy{opacity: 0; top: 34.5px;}
#top-mv div #line{opacity: 0; width: 0;}
#top-mv div a.btn{position: absolute;left: 50%;bottom: -28px; font-size: 1.15em; color: #fff;padding: 6px 0;border: 2px solid;width: 220px;margin-left: -110px;}
#big-video-image{height: 100%;}
#big-video-wrap{position: absolute; overflow: hidden; width: 100%;}
.vjs-control-bar{display: none !important;}


/* message */
.message {position: relative; z-index: 100; background: url(/common/image/top-message.jpg) no-repeat center; background-size:cover; height:740px;}
.message .t-cell{text-align: left;}
.message .t-cell p.btn01{text-align: center; display: inline-block;margin-left: 60px; position: relative;width: 460px; height: 200px; line-height: 200px;}
.message .t-cell p.btn01 a{display: block; color: #fff;}
.message .pagetitle small{display: block; margin-top: -176px; color: #fff;}
p.btn01:before,p.btn01:after,p.btn01 a:before,p.btn01 a:after {content: '';position: absolute;background: rgba(256,256,256,.7);opacity: 1;}
p.btn01:before {transition: 1s ease 0s;bottom: 0;left: 0;width: 460px;height: 3px;}
p.btn01:after {transition: 1s ease .1s;bottom: 0;right: 0;width: 3px;height: 200px;}
p.btn01 a:before {transition: 1s ease .2s;top: 0;right: 0;width: 460px;height: 3px;}
p.btn01 a:after {transition: 1s ease .3s;top: 0;left: 0;width: 3px;height: 200px;}
p.btn01:hover:before {background: #12263e;}
p.btn01:hover:after {background: #12263e;}
p.btn01 a:hover:before {background: #12263e;}
p.btn01 a:hover:after {background: #12263e;}
.message .pagetitle em{margin-top: -6px;}
.message .anmobj{z-index: -1; position: absolute; left: 0; top: 0; width: 1px;height: 0;content: '';
border-top: 0 solid rgba(256,256,256,.1);
border-right: 0 solid transparent;
border-left: 0 solid transparent;
}

/* domain */
.domain.t-box{width: 96%; margin: 2%;}
.domain .left.t-cell{width: 340px;}
.domain .left.t-cell ul li.t-box{height: 340px;}
.domain .left.t-cell ul li.t-box:nth-child(1){background: #12263e; color: #fff;}
.domain .left.t-cell ul li.t-box:nth-child(2){border: 3px solid #12263e;width: 334px;height: 334px;margin-top: 26px;}
.domain .left.t-cell ul li.t-box:nth-child(2) li a{display: block; font-weight: bold;}
.domain .left.t-cell ul li.t-box:nth-child(2) li{width: 86%; margin: 8px auto;}
.domain .left.t-cell ul li.t-box:nth-child(2) li + li{border-top: 1px solid #d8d8d8; padding-top: 8px;}
.domain .left.t-cell ul li.t-box:nth-child(2) li a:before{
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;}
.domain .left.t-cell li.t-box:nth-child(2) li a:before{content: '';width: 0;height: 0.5em;display: inline-block;margin-right: 10px;border-top: 1px solid;line-height: 2.2em;}
.domain .left.t-cell li.t-box:nth-child(2) li a:hover:before{width: 18px;}
.domain .right.t-cell{background: url(/common/image/top-domain.jpg) no-repeat center; background-size:cover; border-left: 26px solid #fff;}
.domain .pagetitle hr {margin: 0 auto 10px;}
.domain .pagetitle small{color: #fff;}

/* tribe */
.tribe {background: url(/common/image/top-tribe.jpg) no-repeat center; background-size:cover;}
.tribe .t-cell{padding: 100px;}
.tribe .t-cell a{display: table; margin: 0 auto; width: 460px; height: 460px; border-radius: 460px; background: #fff;}
.tribe .t-cell a .t-cell{padding: 0;}
.tribe .t-cell a .t-cell b{display: inline-block; margin: 30px auto 10px; font-size: 1.2em;}
.tribe .pagetitle em{font-size: 2.5em; font-weight: bold;}