@charset "utf-8";
/* CSS Document */
body#opening{
text-align:center;
    background: url(/user/theme/set1/img/bg_door_body.jpg) center top no-repeat fixed;
position:relative;
}

#opening h1{
/*
font-size:12px;
font-weight:normal;

    height: 29px;
    line-height: 2.5;
    text-indent: 0.5em;
text-align:right;
*/
font-size:12px;
font-weight:normal;
/*	border-bottom: 1px solid rgba(0,0,0,.3);*/
     background:linear-gradient(to right,  rgba(181,169,253,1) 0%,rgba(241,239,254,1) 100%);
	color: #ffffff;
	text-decoration: none;
	text-indent:0.5em;
}

#opening h1 a{
    color: #ffffff;
}
#bgCanvas{
	position:fixed;
	width:100%;
	height:100%;
	    background: url() center top no-repeat;
	background-size:contain;
left: 50%;
transform: translateX(-50%);
}
#wrapper{
position:relative;
width:100%;
margin:auto;
text-align:center;
min-height:100%;
height:auto !important;
}
#opening #cover{
position:relative;
   max-width: 1200px;
    margin: auto;
margin-top:80px;
}
#opening #cover img {
    width: 100%;
}
#opening #imageContainer{
position:relative;
margin:auto;
overflow:hidden;
margin-bottom:10px;
}

#opening #imageContainer img{
display:none;
position:absolute;
top:0px;
left:0px;
}

/*ここでカバーの縦横を定義*/
#opening #imageContainer, #opening #imageContainer img{
width:1000px;
height:667px;
/*
width:640px;
height:480px;
*/
}

#opening ul{
list-style-type:none;
width:480px;
margin:auto;
}
#opening  ul li{
    min-width: 178px;
    /* height: 40px; */
    display: inline-block;
    line-height: 1.5;
    margin: 10px;
    margin-right: 30px;
    margin-left: 30px;
    text-align: center;
    text-indent: -10000px;
    padding: 5px;
}
#opening ul li a{
display:block;
/*
width:180px;
height:40px;
*/
color:#0096ff;
}

#opening #free1, #opening #free2, #opening #free3{
}
#opening #free1{
width:80%;
background-color:rgba(255,255,255,.8);
margin:auto;
margin-top:30px;
padding:20px;
border-radius:5px;
}


#opening p{
font-size:12px;
line-height:1.3;
padding:10px;
}

#opening #passform{
text-align:center;
margin:10px;
margin:auto;
padding:10px;
width:300px;
}
#opening #passform table{
width:280px;
margin:auto;
}
#opening #passform table th{
text-align:center;
font-size:12px;
width:80px;

}
#opening #passform table td{
font-size:12px;
text-align:center;
width:200px;
height:30px;
}
#opening #passform table td.btcell{
text-align:center;
}

#opening #passform input{
width:200px;
}
#opening #passform input.btn{
width:60px;
margin:auto;
/margin-left:80px;
}
#opening h3.ext_link {
margin-top:20px;
margin-bottom:10px;
font-size:12px;
}
#opening ul.ext_link {
list-style-type:none;
width:812px;
margin:auto;
/margin:0px;
}
#opening ul.ext_link li{
display:block;
float:left;
/display:inline;
min-width:200px;
width: auto !important;
width: 200px;
min-height:55px;
height: auto !important;
height: 55px;
font-size:10px;
margin:1px;
text-align:center;
text-indent:0px;

}
/*Footer*/
#footer_opd{
    position: relative;
height: 148px;
width:100%;
/*    background: url(/user/img/footer.png) bottom center no-repeat;*/
z-index:-1;
margin-top:100px;
}
#footer_op{
/*    background-color: #ffffff;*/
	width:100%;
}
#footer_op p{
padding:20px;
}
#footer_op address{
font-size:12px;
font-weight:normal;
font-style:normal;
}


#footer_opening a:link{
text-decoration:none;
color:#111111;
}
#footer_opening a:visited{
text-decoration:none;
color:#111111;
}
#footer_opening a:hover{
text-decoration:none;
color:#111111;
}

#spswitch{
font-size:12px;
font-family: HiraKakuProN-W3;
background-color:#999999;
}
#spswitch ul{
list-style-type:none;
margin:0px;
padding-top:0px;
}
#spswitch li{
text-align:center;
border: none;
-webkit-border-radius: 0px;
font-size:12px;

float:right;
margin-right:4px;
margin-top:0px;
margin-bottom:5px;
padding:5px;
color:#999999;
background-color:#ffffff;
-webkit-border-bottom-right-radius: 8px;  
-webkit-border-bottom-left-radius: 8px;  
-moz-border-radius-bottomright: 8px;  
-moz-border-radius-bottomleft: 8px;  
-webkit-box-shadow: 2px 2px 2px grey;
}

#spswitch li a{
color:#000000;
display:block;
}
*{
padding:0px;
margin:0px;
}

img{
border:none;
}

html, body{
text-align:center;
margin:auto;
height:100%;
min-width: 800px;
}

h1{
text-align:center;
font-size:12px;
font-weight:normal;
}

#spswitch{
text-align:center;
font-size:12px;
font-weight:normal;
/*height:15px;*/
padding:5px;
}

a:link{
text-decoration:none;
outline:none;
}
a:visited{
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:none;
outline:none;
}
.description{
	padding:20px;
}
.description h3{
text-align:left;
font-size:15px;
color:#CE3D78;
}
.description p{
text-align:left;
font-size:12px;
}

#opening ul#enterleave li.enter ,
#opening ul#enterleave li.leave {
    background: linear-gradient(to right, rgba(181, 169, 253, 1) 0%, rgba(241, 239, 254, 1) 100%);
    border-radius: 0px;
    box-shadow: none;
    font-weight: bold;
    border: 4px solid #ffffff;
    box-shadow: 0 0 1px #b7abfd, 0 0 1px #b7abfd, 0 0 1px #b7abfd, 0 0 1px #b7abfd;
    font-family: "Playfair Display SC","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
    width: 300px;
	letter-spacing:5px;
}

#opening ul#enterleave li.enter a,
#opening ul#enterleave li.leave a{
color:#ffffff;
}
#opening ul#enterleave li.enter span, #opening ul#enterleave li.leave span {
    font-size: 70%;
}
/*回り込み解除用*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

.clr{
clear: both;  
}

.index-description {
    margin:0;
		padding:20px;
    color: #111111;
	text-align:left;
}
.index-description h2 {
    max-width: 800px;
    font-size: 16px;
    border: 0;
		margin:auto;
}
.index-description p {
    max-width: 800px;
    font-size: 14px;
    line-height: 155%;
    color: #111111;
		margin:auto;
}




@media screen and (max-width: 667px) {
html, body{
height:auto;
min-width: initial;
}

#opening #imageContainer {
width: 100%;
/*min-height: 433px;*/
	height:65vw;
}
#opening #cover {
    margin-top: 0px;
}
#opening #cover img{
/*	display:block;*/
	width:100%;
	height:auto;
}

#opening ul {
    width: 100%;
}
#opening ul li {
    float: none;
    margin: 0px auto;
}
.description{
	padding:5px;
}
.description h3{
text-align:left;
font-size:14px;
color:#CE3D78;
}
.description p{
text-align:left;
font-size:11px;
}

#opening ul.ext_link {
width:100%;
margin:auto;
text-align:center;
}
#opening ul.ext_link li{
width:100% !important;
float:none;
margin:auto;

}
#opening ul.ext_link li a{
width:100% !important;
text-align:center;
}
#opening #free1, #opening #free2, #opening #free3 img {
    display: block;
    max-width: 100%;
}
#opening #free1 {
width:80%;
font-size:80%;
}
#opening #free2 , #opening #free3 {
width:100%;
overflow:scroll;
font-size:80%;
}
#opening #free1 iframe, #opening #free2 iframe, #opening #free3 iframe {
width: 100%;
}
#opening ul#enterleave li.enter, #opening ul#enterleave li.leave{
	width:65%;
	font-size:24px;
}
#opening ul#enterleave li.leave {
    margin-top: 10px;
}
}