@charset "shift_jis";
/* CSS Document */
/*********** 基本設定 ***********/
html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	font-size:100%;
	line-height:1;
	color:#fff;
	background:#000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

input,
textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

*{
	outline:none;
}

a{
	/*\*/
	overflow:hidden;
	/**/
}

/*iphoneボタン調整*/
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}

.indent{
	text-indent:-9999px;
}

.none{
	display:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.clearfix{
	zoom:100%;
}

.clearfix:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}


.ta_c{
	text-align:center;
}

.ta_r{
	text-align:right;
}

.ta_l{
	text-align:left;
}


.normal{
	font-weight:normal;
}

.bold{
	font-weight:bold;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/*********** slideメニュー設定 ***********/
.ul_open_h{
    background:#4e1780;
    color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    top: 0;
		z-index:9999;
}

.ul_open_h{ 
    height: 100%;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    overflow-y: scroll;
    position: fixed;
}

.ul_open_h li{
    width: 210px;
		background:url(../img/arrow.png) 5px center no-repeat #4e1780;
		background-size:15px;
		border-bottom:2px solid #fff;
}

.ul_open_h li a{
	display:block;
	padding: 10px 10px 10px 25px;
	background:url(../img/arrow.png) 5px center no-repeat #4e1780;
	background-size:15px;
	color:#fff;
	text-decoration:none;
}

.open-1{
    right : -100%;
}
.open-1.active{
    right : 0px;
}

.move-1.on.btn{
	position: fixed;
	right:0;
	bottom:0;
	z-index:9999;
}

.btn{
    width: 50px;
    height: 50px;
	position:fixed;
	bottom:0;
	right:0;
	background:#66FF00;
	z-index:9999;
}

.btn:before,
.btn:after,
.btn span{
    display: block;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.btn span{
    height: 3px;
    background-color: #000;
    top: calc(50% - 1.5px);
}

.btn:before{
    content: "";
    top: calc(25% - 3px);
    border-top: 3px solid #000;
}
.btn:after{
    content: "";
    bottom: calc(25% - 3px);
    border-bottom: 3px solid #000;
}
.btn.on span{
    display: none;
}

.btn.on:before{
    top: calc(50% - 1.5px);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.btn.on:after{
    bottom: calc(50% - 1.5px);
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.ul_open_h div{
	background:#000;
	position:relative;
	padding-bottom:5px;
}

#menu_tel{
	width:57px;
	position:absolute;
	top:0;
	right:0;
}

#menu_logo{
	width:210px;
}

.ul_open_h h1{
	background:#fff;
	padding:10px;
	color:#4e1780;
	text-align:center;
}

/*********** #wrap設定 ***********/
#wrap{
	max-width:640px;
	min-width:320px;
	width:100%;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin:0 auto;
    overflow: hidden;
}

#contents{
	padding-bottom:30px;
	
}


/*********** header設定 ***********/
header{
	position: relative;
}

.header_top{
	position: absolute;
	display: block;
	top:0;
	right:0;
	left:0;
	margin:0 auto;
	width:35%;
	height:100%;	
}

.header_tel{
	position: absolute;
	display: block;
	top:0;
	right:0;
	width:14%;
	height:88%;
}


/*********** #topic設定 ***********/
#topic{
	height:30px;
	background:url(../img/topic.jpg) 0 0 no-repeat;
	background-size:640px;
	padding:3px 5px 3px 80px;
	box-sizing:border-box;
}

#topic marquee{
	background:#fff;
	color:#000;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	font-size:90%;
}

/*********** nav設定 ***********/
nav li{
	list-style:none;
	width:20%;
	float:left;
}

.nav_top{
	background:url(../img/nav_top_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_con{
	background:url(../img/nav_con_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_list{
	background:url(../img/nav_list_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_sch{
	background:url(../img/nav_sch_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_sys{
	background:url(../img/nav_sys_on.jpg) 0 0 no-repeat;
	background-size:cover;
}


.nav_play{
	background:url(../img/nav_play_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_mov{
	background:url(../img/nav_mov_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_enq{
	background:url(../img/nav_enq_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_rev{
	background:url(../img/nav_rev_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_faq{
	background:url(../img/nav_faq_on.jpg) 0 0 no-repeat;
	background-size:cover;
}


.nav_hotel{
	background:url(../img/nav_hotel_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_pp{
	background:url(../img/nav_pp_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_mag{
	background:url(../img/nav_mag_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_rec{
	background:url(../img/nav_rec_on.jpg) 0 0 no-repeat;
	background-size:cover;
}

.nav_men{
	background:url(../img/nav_men_on.jpg) 0 0 no-repeat;
	background-size:cover;
}




/*********** #footer設定 ***********/
footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:15px;
}

#f_copy{
	font-size:70%;
	text-align:center;
	line-height:1.4;
}

/*********** box設定 ***********/
.box1{
	padding:0 10px;
	line-height:1.2;
}

.ul1>li{
	margin-left:25px;
	list-style:disc;
}

.ol1>li{
	margin-left:25px;
}


/*********** btn設定 ***********/
.btn1{
	background:#F0F;
	border-radius:10px;
	display:inline-block;
	height:40px;
	padding:0 10px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	border:0;
}

/*********** font設定 ***********/
.cl_green{
	color:#1eff00;
}

.cl_red{
	color:#ff0042;
}

.cl_yel{
	color:#FF3;
}

/*********** 各種設定 ***********/
.mgb5{
	margin-bottom:5px;
}

.mgb10{
	margin-bottom:10px;
}

.mgb20{
	margin-bottom:20px;
}

.mgb30{
	margin-bottom:30px;
}


/*********** 一覧用イベントパネル設定 ***********/
.panel_event{
    display: block;
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}




/*********** TOPバナースライダー設定 ***********/
#top_bn .bx-wrapper .bx-pager,#top_bn .bx-wrapper .bx-controls-auto {
    bottom: -20px;
}