@charset "utf-8";
/* CSS Document */
body#opening{
text-align:center;
	color:#333333;
	background:#ffffff;
}

#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: 3px solid rgba(0,0,0,1);
	background-color:#ffffff;
//*
	background-image: -moz-linear-gradient(#b0a977, #7d795e); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0a977), to(#7d795e));	
	background-image: -webkit-linear-gradient(#b0a977, #7d795e);	
	background-image: -o-linear-gradient(#b0a977, #7d795e);
	background-image: -ms-linear-gradient(#b0a977, #7d795e);
	background-image: linear-gradient(#b0a977, #7d795e);
*/
/*	box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;*/
	color: #000000;
	text-decoration: none;
	text-indent:0.5em;
    margin: auto;
}

#opening h1 a{
    color: #000000;
}
#wrapper{
position:relative;
width:100%;
margin:auto;
text-align:center;
min-height:100%;
height:auto !important;
background: url('/sakai/user/theme/set1/img/body_bg_beige.jpg');
}
#opening #cover{
position:relative;
margin-top:80px;
}

#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:#333333;
}
#footer_opening a:visited{
text-decoration:none;
color:#333333;
}
#footer_opening a:hover{
text-decoration:none;
color:#333333;
}

#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;
height:15px;
}

#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 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.6+100 */
background: rgba(181,158,131,.8); /* IE6-9 fallback on horizontal gradient */
    border-radius: 0px;
    box-shadow: none;
    font-weight: bold;
/*    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.6);*/
box-shadow:0px 0px 1px rgba(255,255,255,1) inset;
border:2px solid #ffffff;
/*    font-family: Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-family: "Playfair Display SC","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
    width: 360px;
	letter-spacing:5px;
}

#opening ul#enterleave li.enter a,
#opening ul#enterleave li.leave a{
color:#ffffff;
}
#opening ul#enterleave li.leave {
    letter-spacing: 0px;
 /*   margin-bottom: 2em;*/
}
#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;  
}
img.noentry {
    display: inline-block;
    width: 60px;
    vertical-align: top;
    float: left;
	filter:invert();
}
li.textLeave {
    font-size: 14px !important;
    text-align: left !important;
    /* line-height: 1 !important; */
}
li.textLeave a {
    display: inline-block !important;
}
.index-description {
    margin:0;
		padding:20px;
	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%;
 		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;
}
	body#opening{
	background-size:80%;
}
#opening ul#enterleave li.enter, #opening ul#enterleave li.leave{
	width:80%;
	font-size:24px;
}
#opening ul#enterleave li.leave {
    margin-top: 10px;
}

}