/*
Theme Name: starbowl
*/


/****************************************
	   General Setting 
*****************************************/
*{margin:0;padding:0;box-sizing: border-box;}body {font-size:0.8em;text-align:center;font-family:YuGothic,'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ＭＳ ゴシック', Osaka, sans-serif!important;
margin: 0px;padding: 0px;background: #FFF ;color:#000;}
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote{font-size:1em;padding: 0;line-height: 1.6;text-align: left;display: block;margin: 0px;}table {line-height: 1.6;font-size:1em;margin : 0;empty-cells: show;}hr,.areaAnchor,.anchor { display : none; }img {border: none;vertical-align: bottom;}li { list-style: none; }acronym,abbr{cursor:help;}option{ padding-right:10px; }*+html option{padding-right:0;}* html option{padding-right:0;}
a:link{color: #006699;text-decoration:underline;}a:visited{color: #664466;}a:hover{color: #FF0000;text-decoration:none;}a:active{color: #FF6666;}
div, dl{zoom:1;}div:after, dl:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}* html div, * html dl{display:inline-table;/*\*/display:block;/**/}
#wpadminbar div:after{clear:none;}#wpadminbar ul:after{clear:none;}



/*共通*/
body{
	background: url(img/body_bg.jpg) no-repeat 0 0;
	width:100%;
	background-size:cover;
	background-attachment :fixed;
}
#wrap{
	width:960px;
	margin:0 auto;
	height:auto;
	box-sizing: border-box;
}
a img{transition: 0.6s;}
a img:hover{
	transition: 0.6s;
	opacity:0.6;
}
span.br:before {
	content: "\A" ;
	white-space: pre ;
}
.red{color:#ff0000;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.clearfix02:after {
  content: "";
  clear: both;
  display: block;
  height:30px;
}
/*header*/
header{
	color:#fff;
	padding:20px 0 10px 0;
	height:120px;
}
header img.logo{
	margin:0px 0 10px 0;
}
.logo_area{float: left;}
header h1{
	/*line-height: 50px;*/
	margin:-5px 0 20px 0px;
	font-size:26px;
	text-shadow: 2px 2px 4px #000; 
	font-weight: bodl;
}
header .head_contact{
	width:230px;
	height:100px;
	float:right;
	background: url(img/head_contact.png) no-repeat 0 0;
	margin-top:-22px;
	margin-bottom: 20px;
}
header .head_contact img{
	padding:59px 0 0 35px;
}
/*---- global navi----*/
ul.global_nav li.nav07{display: none;}
nav ul.gNav{display: none;}
nav ul.global_nav{
	width:960px;
	clear: both;
	height:110px;
	margin-top:40px !important;
}
ul.global_nav li.nav{
    float: left;
    width: 137px;
    height: 55px;
}
ul.global_nav li a {
    display: block;
    width: 137px;
    height: 55px;
}
ul.global_nav li a.nav-btn01{
	background: url(img/nav.png) no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
}
ul.global_nav li a.nav-btn02{
	background: url(img/nav.png) no-repeat;
	background-position: -137px 0;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
}
ul.global_nav li a.nav-btn03{
	background: url(img/nav.png) no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background-position: -274px 0;
}
ul.global_nav li a.nav-btn04{
	background: url(img/nav.png) no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background-position: -411px 0;
}
ul.global_nav li a.nav-btn05{
	background: url(img/nav.png) no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background-position: -548px 0;
}
ul.global_nav li a.nav-btn06{
	background: url(img/nav.png) no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background-position: -685px 0;
}
ul.global_nav li a.nav-btn07{
	background: url(img/nav.png) no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background-position: -822px 0;
}
ul.global_nav li a.current01{background-position: 0px -54px !important;}
ul.global_nav li a.current02{background-position: -137px -54px !important;}
ul.global_nav li a.current03{background-position: -274px -54px !important;}
ul.global_nav li a.current04{background-position: -411px -54px !important;}
ul.global_nav li a.current05{background-position: -548px -54px !important;}
ul.global_nav li a.current06{background-position: -685px -54px !important;}
ul.global_nav li a.current07{background-position: -822px -54px !important;}
ul.global_nav li a.nav-btn01:hover{background-position: 0px -54px;}
ul.global_nav li a.nav-btn02:hover{background-position: -137px -54px;}
ul.global_nav li a.nav-btn03:hover{background-position: -274px -54px;}
ul.global_nav li a.nav-btn04:hover{background-position: -411px -54px;}
ul.global_nav li a.nav-btn05:hover{background-position: -548px -54px;}
ul.global_nav li a.nav-btn06:hover{background-position: -685px -54px;}
ul.global_nav li a.nav-btn07:hover{background-position: -822px -54px;}


/*---- スライダー　----*/
#slider {
    position:relative;
    width:960px;
	display:block;
	height:550px;
	clear:both;
	margin-bottom: 50px;
}
#slider ul{width:960px;}
#slider li img{
    width:960px;
	height:550px;
}
#slider .bx-wrapper {
    	margin:0 auto;
    	position:relative;
}

#slider .bx-wrapper .bx-pager {
    	margin:0 auto;
    	width:960px;
    	background:#fff;
}

/* コントローラー */
#slider .bx-wrapper .bx-prev {
    left:934px;
    background:url(img/prev02.png) no-repeat;
    transition:0.6s;
}

#slider .bx-wrapper .bx-next {
    right:934px;
    background:url(img/next.png) no-repeat;
    transition:0.6s;
}

#slider .bx-wrapper .bx-prev:hover {
    	opacity:0.6;
    	transition:0.6s;
}

#slider .bx-wrapper .bx-next:hover {
    	opacity:0.6;
    	transition:0.6s;
}

#slider .bx-wrapper .bx-controls-direction a {
    	position:absolute;
    	top:240px;
    	outline:0;
    	width:52px;
    	height:52px;
    	text-indent:-9999px;
    	z-index:9999;
}

/* ページャー */
#slider .bx-wrapper .bx-pager {
    	padding-top:20px;
    	text-align:center;
    	font-size:.85em;
    	font-family:Arial;
    	font-weight:bold;
    	color:#666;
}

#slider .bx-wrapper .bx-pager .bx-pager-item,
#slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    	display:inline-block;
    	*zoom:1;
    	*display:inline;
}

#slider .bx-wrapper .bx-pager.bx-default-pager a {
    	display:block;
    	width:10px;
    	height:10px;
    	margin:0 5px;
    	outline:0;
    	text-indent:-9999px;
    	-moz-border-radius:50%;
    	-webkit-border-radius:50%;
    	border-radius:50%;;
    	background:#666;
}

#slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    	background:#000;

}
/* ページレイアウト */
#left_contents{
	width:740px;
	float:left;
	height:auto;
	box-sizing: border-box;
}
#right_contents{
	width:200px !important;
	float:right;
	box-sizing: border-box;
}
article{
	width:960px;
	margin:0 auto;
	box-sizing: border-box;
}
/* イベントポップスライド */
section.event_block{
	width:740px;
	height:800px;
	background: url(img/event_bg.png);
	padding:15px 0 0 0;
	position:relative;
	margin:0 0 30px 0;
}
h2.event_h2{
	width:765px;
	height:95px;
	background: url(img/top_h2_title.png) no-repeat 0 0;
	margin:0px 0 0 -25px;
	text-indent: -100%;
	overflow: hidden;
	white-space: nowrap;
}
.flexslider{
	width:450px;
	height:auto;
	margin:0 auto;
	margin-top:-10px;
	overflow: hidden;
}
.flexslider ul li img{
	max-width:450px !important;
	height:auto;
	margin:0 auto;
}

/* トップ新着情報表示 */
h2.post_h2{
	background: url(img/h2_post_bg) no-repeat 0 0;
	width:740px;
	height:40px;
	color:#fff;
	font-size:16px;
	padding:7px 0 0 10px;
}
ul.post_list{
	background: #fff;
	width: 740px;
	box-sizing: border-box;
	overflow: hidden;
	padding:0px 15px 0 15px;
}
ul.post_list li{
	width:710px;
	padding:15px 0 15px 0;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}


/* サイドバーインフォメーション */
section.side_info{
	background:#fff;
	box-sizing: border-box;
}
h3.side_h3{
	background: url(img/side_h3_bg.png) no-repeat 0 0;
	width:200px;
	height:40px;
	line-height: 40px;
	color:#fff;
	padding:0 0 0 8px;
}
.side_bg_white{
	padding:10px 8px 20px 8px;
	box-sizing: border-box;
}
.side_bg_white p.time{
	font-size:16px;
	font-weight: bold;
}
.side_bg_white p{
	margin:0px 0 0px 0;
}
.side_bg_white h4{
	font-size:14px;
	font-weight: bold;
}

section.side_map{
	margin:30px 0 0px 0;
}
span.map_title{
	background: url(img/map_bg.png)no-repeat 0 0px;
	height:22px !important;
	padding:2px 0 5px 22px;
}
span.side_map_area02{
	display: none;
}

/*footer*/
footer{
	width:100%;
	height:230px;
	background:#000;
	clear:both;
}
#foot_over{
	width:960px;
	height:200px;
	margin:0 auto;
	color:#fff;
	box-sizing: border-box;
	padding:20px 0 0 0;
}
img.foot_logo{
	margin:0 0 20px 0;
}
.foot_left{
	width:auto;
	float:left;
}
.foot_center{
	width:auto;
	float:left;
	padding:20px 0 0 0;
	margin:0 0 0 30px;
}
.foot_center img{
	margin:10px 0 0 0;
}

.foot_center img.contact{
	width:185px !important;
	height:auto;
	clear:both;
	margin:30px 0 0 0;
}
.foot_right{
	float:right;
}
.foot_right ul {
	float:left;
	margin:0 0 0 40px;
	padding:20px 0 0 0;
}　
.foot_right ul li{margin:0 0 10px 0;}
.foot_right ul li a{
	color:#fff;
	display: block;
	margin:0 0 10px 0;
	background: url(img/foot_list_mark.png)no-repeat 0 5px;
	padding: 0 0 0 13px;
}

small{
	color:#fff;
	clear:both;
	margin:-15px 0 0 0;
}

/*ページトップへ行く*/
.foot_befor_smart{display: none;}
.foot_befor{
	width:960px;
	margin:0 auto;
	margin-top:30px;
}
.foot_befor img{
	float:right;
}

/*個別ページレイアウト*/
article#page_article{
	margin:-70px 0 0 0;
}
#left_contents02{
	width:740px;
	float:left;
	height:auto;
	box-sizing: border-box;
	background:#fff;
	padding:20px;
}
.page_h2_section{
	width:960px;
	height:300px;
	background: url(img/page_title_bg.png) no-repeat 0 0;
	position:relative;
	z-index: -10;
}
h2.page_h2{
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-weight: bold;
	font-size:28px;
	padding:10px;
	width:500px;
	position: absolute;
	top:90px;
	left:30px;
	box-sizing: border-box;
}

/*営業時間・料金*/
#left_contents02 img{margin:0 0 10px 0;} 
h3.page_h3_bg{
	width:700px;
	height:50px;
	background: url(img/page_h3_bg.png)no-repeat 0 0;
	line-height: 50px;
	font-size: 16px;
	padding:0 0 0 15px;
	margin:0 0 20px 0 ;
}
h4.page_h4{
	width:700px;
	height:40px;
	background: #FF2626;
	color:#fff;
	font-size: 14px;
	border-radius: 5px;
	line-height: 40px;
	padding:0 0 0 15px;
	overflow: hidden;
	margin:0px 0 20px 0;
}
.big_p{
	font-size:28px;
	font-weight: bold;
}
section.page_section{
	box-sizing: border-box;
	padding:0 0 50px 0;
}
table.t01{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background: #fff;
}
table.t01 tr{border-bottom:1px solid #aaa;}
table.t01 th{
	width:auto;
	padding:10px;
	border-right:1px solid #aaa;
}
table.t01 td{padding:10px;}

table.t02{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background:#fff;
}
table.t02 tr{border-bottom:1px solid #aaa;}
table.t02 th{
	width:33%;
	padding:10px;
	border-right:1px solid #aaa;
}
table.t02 td{
	padding:10px;
	width:33%;
	border-right:1px solid #aaa;
	text-align: center;
}

section.page_section02{
	box-sizing: border-box;
	padding:20px;
	width:700px;
	background: url(img/event_bg.png);
	margin:10px 0 50px 0;
}
h4.page_h402{
	width:700px;
	height:68px;
	color:#fff;
	font-size: 16px;
	overflow: hidden;
	background: url(img/page_h4_bg.png)no-repeat 0 0;
	margin:-40px 0 0 -20px;
	text-align: center;
	line-height: 55px;
}
.page_section_left{
	background: #fff;
	color:#ff0000;
	padding:10px;
	box-sizing: border-box;
	width:320;
	float:left;
	margin:20px 0 0px 0;
}
.page_section_right{
	background: #fff;
	color:#ff0000;
	padding:10px;
	box-sizing: border-box;
	width:320;
	float:right;
	margin:20px 0 0px 0;
}
.page_section_left p,.page_section_right p{
	font-size: 24px;
	font-weight: bold;
}

.num_flow{
	border-bottom:dotted 1px #aaa;
	padding:15px 0 15px 0;
}
.num_flow p{
	float:left;
	vertical-align: middle;
}
p.num{
	background: url(img/num_bg.png)0;
	padding:8px;
	width:90px;
}
p.num_text{
	padding:13px 0 0 0;
	font-size:20px;
	font-weight: bold;
	margin:0 0 0 10px;
}

table.t03{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background:#fff;
}
table.t03 tr{border-bottom:1px solid #aaa;}
table.t03 th{
	width:20%;
	padding:10px;
	border-right:1px solid #aaa;
}
table.t03 td{
	padding:10px;
	width:20%;
	border-right:1px solid #aaa;
	text-align: center;
}
h4.page_h403{
	width:700px;
	height:68px;
	color:#fff;
	font-size: 16px;
	overflow: hidden;
	background: url(img/page_h4_bg02.png)no-repeat 0 0;
	margin:-40px 0 0 -20px;
	text-align: center;
	line-height: 55px;
}
h5{
	font-size:17px;
	font-weight:bold;
	color:#ff0000;
}


.num_flow02{
	padding:8px 0 8px 0;
}
.num_flow02 p{
	float:left;
	vertical-align: middle;
}
p.num02{
	background: url(img/num_bg.png)0;
	padding:5px;
	width:40px;
	font-weight:bold;
	font-size:14px;
	text-align: center;

}
p.num_text02{
	padding:3px 0 0 0;
	font-size:14px;
	font-weight: bold;
	margin:0 0 0 10px;
}
.num_group{
	float:left;
	margin:40px 0 0 20px;
}
.num_img{
	float:left;
	margin:20px 0 0 0;
}
.table_group{
	width:340px;
	float:left;
}
.table_group02{margin:0 0 0 20px;}
.table_group p{margin:0 0 10px 0;}
table.t04{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background:#fff;
}
table.t04 tr{border-bottom:1px solid #aaa;}
table.t04 th{
	width:25%;
	padding:10px;
	border-right:1px solid #aaa;
}
table.t04 td{
	padding:10px;
	width:25%;
	border-right:1px solid #aaa;
	text-align: center;
}
table.t05{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background:#fff;
}
table.t05 tr{border-bottom:1px solid #aaa;}
table.t05 th{
	width:16.6%;
	padding:10px;
	border-right:1px solid #aaa;
}
table.t05 th.mystar,
table.t05 td.mystar{background: #BFFFFF;}
table.t05 th.star,
table.t05 td.star{background: #FFFFBF;}
table.t05 td{
	padding:10px;
	width:16.6%;
	border-right:1px solid #aaa;
	text-align: center;
}
section.page_section03{
	box-sizing: border-box;
	height:300px;
	padding:0 0 30px 0;
	border-bottom:1px dotted #aaa;
	margin:0 0 50px 0;
}
p.num_text03{
	padding:3px 0 0 0;
	font-size:14px;
	font-weight: bold;
	margin:0 0 20px 0;
}
.num_group02{
	float:left;
	margin:0px 0 0 0px;
	width:100%;
}
.triangle{
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #aaa;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    margin:10px 0 0 10px;
}

/*団体予約フォーム*/
a.smart_form{display: none;}
ul.submit_button{
  width:100%;
  height:100px;
}
ul.submit_button li input{
  float:left;
  width:48%;
  margin:1%;
}
input.back_button{
  text-align: center;
  background: #F6C300;
  color:#fff;
  box-decoration-break: none;
  border:none;
  padding:15px 0 15px 0;
  font-weight: bold;
  cursor:pointer;
  transition:0.6s;
}
input.confirm{
  text-align: center;
  background: #FF2626;
  color:#fff;
  box-decoration-break: none;
  border:none;
  padding:15px 0 15px 0;
  font-weight: bold;
  cursor:pointer;
  transition:0.6s;
}


input.back_button:hover,input.confirm:hover{
	opacity:0.6;
	transition:0.6s;
}
table.form_table{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background: #fff;
}
table.form_table tr{border-bottom:1px solid #aaa;}
table.form_table th{
	width:auto;
	padding:10px;
	border-right:1px solid #aaa;
	width:180px;
	text-align: left;
}
table.form_table td{padding:10px;}


/*新着情報ページ*/
.page_nation{
	width:680px;
	height:40px;
	display: block;
	margin:200px 0 80px 0;
}
.page_nation span.prev_btn a{
	display:block;
	text-decoration: none;
	background: rgba(255,255,255,0.75);
	border:1px solid #FF2626;
	color:#FF2626;
	width:300px;
	height:40px;
	text-align: center;
	float:left;
	box-sizing: border-box;
	line-height: 40px;
	transition:0.6s;
}
.page_nation span.next_btn a{
	display:block;
	text-decoration: none;
	background: rgba(255,255,255,0.75);
	border:1px solid #FF2626;
	color:#FF2626;
	width:300px;
	height:40px;
	text-align: center;
	float:right;
	box-sizing: border-box;
	line-height: 40px;
	transition:0.6s;
}
.page_nation span.prev_btn a:hover{
	transition:0.6s;
	background: #FF2626;
	color:#fff;
}
.page_nation span.next_btn a:hover{
	transition:0.6s;
	background: #FF2626;
	color:#fff;
}
p.date{
	border-bottom:1px dotted #aaa;
	margin:15px 0 15px 0;
	padding:0 0 15px 0;
}
article#post_article{
	margin:-70px 0 0 0;
}
.contents_post p{
	margin:15px 0 30px 0;
}

/*イベント情報ページ*/
#post_wrap img{
	max-width:700px;
	height:auto;
	margin:15px 0 15px 0;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

/*リンクの無効*/
span.tel-link{
	display: block;
	width:183px;
	height:30px;
	background: url(img/foot_tel.png)no-repeat 0 0;
	background-size: 183px auto;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	margin:0 auto;
  	margin-top:10px;
  	margin-bottom: -20px;
}

/*カスタムフィールドのテーブル*/
table.t06{
	border-collapse:collapse;
	width:100%;
	border:1px solid #aaa;
	margin:20px 0 20px 0;
	background: #fff;
}
table.t06 tr{border-bottom:1px solid #aaa;}
table.t06 th{
	width:auto;
	padding:10px;
	border-right:1px solid #aaa;
	width:20%;
}
table.t06 td{padding:10px;}


/* インストラクター */
table.t01_b{
	margin:0px 0 0 0 !important;
}



/* 割引ページ */
p.date02{
	border-bottom:1px dotted #aaa;
	border-top:1px dotted #aaa;
	margin:15px 0 15px 0;
	padding:15px 0 15px 0;
	font-size:20px;
	color:#ff0000;
	font-weight: bold;
}
.caution{
	display: block;
	background: #dcdcdc;
	width:700px;
	box-sizing: border-box;
	padding:20px;
	margin:30px 0 30px 0;
}
.caution02{
	display: block;
	width:700px;
	box-sizing: border-box;
	padding:20px;
	margin:30px 0 30px 0;
}