@charset "utf-8";
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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/*==================================================== */

.ie html{
 overflow: hidden;
 height: 100%;
}
.ie body{
 overflow: auto;
 height: 100%;
}

body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}

a:link{ color:#0079ea; text-decoration:none;}
a:visited{ color:#0079ea; text-decoration:none;}
a:hover{ color:#0079ea;}
a:active{ color:#0079ea;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
article:after,
section:after,
.clrFx:after{content:''; clear:both; display:block;}
.transition{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

img{-ms-interpolation-mode: bicubic;}

/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{ outline:none;}

/*
	BASE SET
__________________________________________________*/
html,body {margin:0; padding:0;}

body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#fff; }

/* wrap / leyoutblock */
#lov4wrap {margin:0 auto; min-width:1100px; zoom:1; position:relative; overflow:hidden; font-size:0; line-height:1;}
#lov4wrap:before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#181818; z-index: -3;}
#lov4wrap:after{content: ''; width: 200%; height: 100%; background: url(../images/bg.png) center -46px repeat #262626; position: absolute; left: 0; top: 0; z-index: -1; margin-left: -49.8%;}


.overSection{margin:0 -810px; zoom:1; position:relative; *overflow-y:hidden; clear:both; padding:0;}
.overSection:after{content:''; clear:both; display:block;}
section,.wrap {min-width:1100px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0; width: 100%;}
section:after,.wrap:after{content:''; clear:both; display:block;}
article,.wrap {min-width:1100px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0; width: 100%;}
article:after{content:''; clear:both; display:block;}
main {min-width:1100px; position:relative;}
main {opacity: 0; transition: 0.8s;}
.imgloaded main {opacity: 1;}



/*
	square enix module overwrite
__________________________________________________*/
/* sqFooter */
/*
#sqexHeader-black,#sqexFooter {min-width: 1100px;}
*/
#sqexFooter { z-index: 10000;}

/*
	contents
__________________________________________________*/
#lov4header {width: 100%; margin: 0 auto; height: 60px; overflow: hidden; position:absolute; top: 0; left:0; background: rgba(90,90,90,0.95); min-width: 1100px; z-index: 10000;}
#lov4header.fixed {position:fixed; top:0;}

#lov4header nav{padding: 17px 19px;}
#lov4header nav li {float: left; padding-right: 16px;}
#lov4header nav li a{display: block; height: 22px; position: relative; background: url(../images/bg-nav.png) left top no-repeat; width: 70px;}
#lov4header nav li a:after{content: ''; height: 0; position: absolute; left: 0; top: 50%; width: 100%; background: #3b3b3b; z-index: -1; transition: 0.15s ease-out;}
#lov4header nav li a:hover:after{height: 22px; top: 0;}
/*
#lov4header nav li:nth-child(2) a{background-position: -86px 0; width: 84px;}
#lov4header nav li:nth-child(3) a{background-position: -185px 0; width: 152px;}
#lov4header nav li:nth-child(4) a{background-position: -352px 0; width: 81px;}
#lov4header nav li:nth-child(5) a{background-position: -456px 0; width: 117px;}
#lov4header nav li:nth-child(6) a{background-position: -597px 0; width: 79px;}
#lov4header nav li:nth-child(7) a{background-position: -697px 0; width: 103px;}
#lov4header nav li:nth-child(8) a{background-position: -822px 0; width: 105px;}
*/
#lov4header nav li:nth-child(2) a{background-position: -86px 0; width: 84px;}
#lov4header nav li:nth-child(3) a{background-position: -185px 0; width: 152px;}
#lov4header nav li:nth-child(4) a{background-position: -352px 0; width: 81px;}
#lov4header nav li:nth-child(5) a{background-position: -697px 0; width: 103px;}

#lov4header nav li a.disabled {background-image: url(../images/bg-nav-disabled.png); opacity: 0.4; cursor: default;}
#lov4header nav li a.disabled:after,
#lov4header nav li a.disabled:before{display: none !important;}
#lov4header nav li a:not([href]) {background-image: url(../images/bg-nav-disabled.png); opacity: 0.4; cursor: default;}
#lov4header nav li a:not([href]):after,
#lov4header nav li a:not([href]):before{display: none !important;}

#lov4header .lov4net {position: absolute; right: 122px; top: 4px;}
#lov4header .lov4net a{display: block; position: relative; width: 177px; height: 50px;}
#lov4header .lov4net a:after{content: ''; background: url(../images/btn-lov4net.png) left top no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.3s; background-size: 100% auto;}
#lov4header .lov4net a:before{content: ''; background: url(../images/btn-lov4net.png) left -50px no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.3s; opacity: 0; background-size: 100% auto;}
#lov4header .lov4net a:hover:after{opacity: 0;}
#lov4header .lov4net a:hover:before{opacity: 1;}

#lov4header .shere {position: absolute; right: 14px; top: 10px; z-index: 100;}

.shere a {width: 38px; background-position: left top; background-size: 100% auto; background-repeat: no-repeat; display: block;}
.shere li {display: inline-block; padding-left: 14px;}
.shere a img {width: 38px; height: auto; opacity: 0.5; transition: 0.5s;}
.shere a:hover img{opacity: 1;}

@media screen and (max-width: 1255px){
#lov4header nav{padding: 17px 10px;}
#lov4header nav li {float: left; padding-right: 4px;}
#lov4header .lov4net {top: 7px; right: 94px;}
#lov4header .lov4net a{display: block; position: relative; width: 160px; height: 45px;}
#lov4header .lov4net a:after{background-position: 0 0; background-image: url(../images/btn-lov4net-s.png);}
#lov4header .lov4net a:before{background-position: 0 -45px; background-image: url(../images/btn-lov4net-s.png);}
#lov4header .shere {right: 10px; top: 14px;}
.shere a {width: 32px;}
.shere li {display: inline-block; padding-left: 7px;}
.shere a img {width: 32px;}
}

main {padding: 20px 0 60px; text-align: center;}

.pagetop a{display: block; background: url(../images/btn-pagetop.png) center top no-repeat; width: 90px; height: 52px; margin: 0 auto 74px; transition: 0.3s;}
.pagetop a:hover {opacity: 0.5;}


.eventArchives {max-width: 1410px; margin: 0 -5px;}
.eventArchives:after{content: ''; clear: both; display: block;}
.eventArchives img {width: 100%; height: auto;}
.eventArchives .item {float: left;padding:0 7px; width: 25%; position: relative; overflow: hidden; color: #fff;}
.eventArchives .item .img {position: relative; background: #000;}
.eventArchives .item .img p {background-size: 100% 100% !important; background-position: center center; background-repeat: no-repeat;}
.eventArchives .timecheck {position: absolute; left: 0; top: 0; background: url(../images/icn-timecheck.png) left center no-repeat #91ec3e; display: none;z-index: 5;  text-align: left; padding: 0 7px; height: 36px; background-size: auto 100%; width: 185px;}
.eventArchives .timecheck.show {display: block;}
.eventArchives .item em.update {color: #91ec3e; font-size: 12px; line-height: 36px; background: #000; text-align: center; width: 154px; position: absolute; right: 0; top: 0; z-index: 10; font-weight: bold; letter-spacing: 0.1em;}
.eventArchives .item.update .timecheck{width:185px;} 
.eventArchives .item .text {width: 100%; height: 100%; background: rgba(41,41,41,0.9); position: absolute; left: 0; top: 0; z-index: 100; padding: 15px 15px; transition: 0.5s; top: 100%;}
.eventArchives .item:hover .text{top: 0;}
.eventArchives .item .text {font-size: 16px; line-height: 27px; text-align: left;}
.eventArchives .item .text h3 {color: #91ec3e; font-size: 14.6px;}

.pageheader {height: 238px; padding: 69px 0 0; position: relative;/* max-width: 1400px;*/ margin: 0 auto;z-index:9000;}
.pageheader p.logo {position: absolute; right: 27px; top: 77px;}
.pageheader p.logo a {transition: 0.3s;}
.pageheader p.logo a:hover {opacity: 0.7;}
.pageheader .category span {display: block; font-size: 13px; text-align: left; width: 900px; margin: 12px auto; padding-left: 4px; letter-spacing: 0.1em;}
@media screen and (min-width: 1401px){

}

#sqexFooter {position: relative; z-index: 1000;}

/*
	JS
*/

/*	modal */
#modalMask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(59,59,59,0.9); z-index:100000; display:none;}
#modalContent {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100001; display:none; cursor:pointer;}
#modalContent div.mc {width:1000px; height:638px; position:fixed; left:50%; top:50%; margin-left:0px; margin-top:0; z-index:10; padding:0; transition:0.8s ease;
-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0);}
#modalContent.view div.mc {-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
#modalContent div.mc iframe {width:960px; height:540px; position:relative; z-index:10000;}
#modalContent div.mc:before{content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
#modalContent .close {z-index:20; margin: 14px auto 0; text-align: center;font-size: 0; line-height: 1;}
#modalContent .close a{display:block; width:184px; height:35px; overflow:hidden; text-indent:200%; white-space:nowrap; position: relative; margin: 0 auto;}
#modalContent .close a:after{content: ''; width: 100%; height: 100%; background: url(../images/btn-close.png) left top no-repeat; position: absolute; left: 0; top: 0; transition: 0.3s;}
#modalContent .close a:before{content: ''; width: 100%; height: 100%; background: url(../images/btn-close.png) left -35px no-repeat; position: absolute; left: 0; top: 0; opacity: 0; z-index: 200; transition: 0.3s;}
#modalContent .close a:hover:after {opacity:0;}
#modalContent .close a:hover:before {opacity:1;}


/* loader */
#loader {width: 80px; height: 80px; position: fixed; left: 50%; top: 50%; z-index: 11999; margin: -40px 0 0 -40px;}
.loader,.loader:after {border-radius: 50%; width: 5em; height: 5em;}
.loader {font-size: 11px; position:absolute; left: 50%; top: 50%; margin: -2.5em 0 0 -2.5em; text-indent: -9999em;
border-top: 0.2em solid rgba(255,0,42,0.3); border-right: 0.2em solid rgba(255,0,42,0.3); border-bottom: 0.2em solid rgba(255,0,42,0.3);
border-left: 0.2em solid #ff002a;/* c27000 f4dc24*/
-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
-webkit-animation: load8 1.2s infinite linear; animation: load8 1.2s infinite linear;}
@-webkit-keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
/*50% {-webkit-transform: rotate(180deg);transform: rotate(180deg); border-color: rgba(117,240,1,0.3);border-left-color: rgba(117,240,1,1);}*/
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

.smartphone #lov4bloackpadding,
.tablet #lov4bloackpadding{display:none !important;}