/*
Theme Name: BUTTERFLY
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url("//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url('./font/NotoSansCJKjp-Thin.eot'),
  url('./font/NotoSansCJKjp-Thin-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-Thin-web.ttf')  format('truetype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('./font/NotoSansCJKjp-Light.eot'),
  url('./font/NotoSansCJKjp-Light-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-Light-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url('./font/NotoSansCJKjp-DemiLight.eot'),
  url('./font/NotoSansCJKjp-DemiLight-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-DemiLight-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('./font/NotoSansCJKjp-Regular.eot'),
  url('./font/NotoSansCJKjp-Regular-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-Regular-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('./font/NotoSansCJKjp-Medium.eot'),
  url('./font/NotoSansCJKjp-Medium-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-Medium-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('./font/NotoSansCJKjp-Bold.eot'),
  url('./font/NotoSansCJKjp-Bold-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-Bold-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sahjns Japanese';
  font-style: normal;
  font-weight: 900;
  src: url('./font/NotoSansCJKjp-Black.eot'),
  url('./font/NotoSansCJKjp-Black-web.woff') format('woff'),
  url('./font/NotoSansCJKjp-Black-web.ttf')  format('truetype');
}


@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: bold;
  src: url('./font/RobotoCondensed-Bold.ttf'),
  url('./font/RobotoCondensed-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: bolditalic;
  src: url('./font/RobotoCondensed-BoldItalic.ttf'),
  url('./font/RobotoCondensed-BoldItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: italic;
  src: url('./font/RobotoCondensed-Italic.ttf'),
  url('./font/RobotoCondensed-Italic.ttf')  format('truetype');
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: light;
  src: url('./font/RobotoCondensed-Light.ttf'),
  url('./font/RobotoCondensed-Light.ttf')  format('truetype');
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: lightitalic;
  src: url('./font/RobotoCondensed-LightItalic.ttf'),
  url('./font/RobotoCondensed-LightItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'RobotoCondensed';
  font-style: normal;
  font-weight: normal;
  src: url('./font/RobotoCondensed-Regular.ttf'),
  url('./font/RobotoCondensed-Regular.ttf')  format('truetype');
}
body {
  font-family:'Noto Sans Japanese',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background:#fff;
  background-size:cover;
  width:100%;
  height:auto;
  background-repeat:no-repeat;
  z-index:-3;
  color:#000;
  font-weight:100;
  font-size:14px;
  font-weight:400;
}

body,ul,li,p{
  margin:0;
  padding:0;
  list-style-type:none;
}

h1,h2,h3,h4,h5 {
  font-family: 'RobotoCondensed', sans-serif;
  font-weight:800;
  padding:0;
  margin:0;
}

a {
  color:#000;
  font-weight:100;
  text-decoration:none;
}

a img:hover {
  opacity:0.8;
}

@media (min-width: 736px) and (max-width: 768px) {

  #content,footer {
    width:1100px;
    margin:0 auto;
  }

}

.suponser {
  width:1100px;
  margin:0 auto;
}

.suponser1 {
  width:147px;
  margin:0 40px 0 0;
  float:left;
}

.suponser2 {
  width:125px;
  margin:0 40px 0 0;
  float:left;
}

.suponser3 {
  width:132px;
  margin:0 0px 0 0;
  float:left;
  z-index:10;
}

.suponser4 {
  width:159px;
  margin:0 0px 0 -5px;
  float:left;
  z-index:1;
}

.suponser5 {
  width:147px;
  margin:0 0px 0 -35px;
  float:left;
  z-index:1;
}

.suponser6 {
  width:127px;
  margin:0 4px 0 -5px;
  float:left;
}

.suponser7 {
  width:147px;
  margin:0 0px 0 0;
  float:left;
}

#sp {
  display:none;
}

.slide {
  width:100%;
}

.schedulebutton {
  font-family: 'RobotoCondensed', sans-serif;
  margin:0 auto;
  letter-spacing: 0.1em;
  font-size:22px;
  width:340px;
}

/*ホバーエフェクト*/
.button2 {
	display: inline-block;
	width:240px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #000;
	color: #000;
	line-height: 40px;
	overflow: hidden;
  font-weight:800;
}
.button2 a {
	color:#fff;
}
.button2:hover {
	color: #fff;
}
.button2::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button2:hover::after {
	top: 0;
	background-color: #000;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
  font-family: 'RobotoCondensed', sans-serif;
	display: inline-block;
  width:340px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 2px solid #000;
	color: #000;
	line-height: 50px;
	overflow: hidden;
  font-weight:800;
}
.button a {
	color:#fff;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
	background-color: #000;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button3 {
	display: inline-block;
  width:260px;
	height: 44px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 2px solid #000;
	color: #000;
	line-height: 40px;
	overflow: hidden;
  font-weight:800;
}
.button3 a {
	color:#fff;
}
.button3:hover {
	color: #fff;
}
.button3::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button3:hover::after {
	top: 0;
	background-color: #000;
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button4 {
	display: inline-block;
	width:300px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	line-height: 36px;
	border: 2px solid #000;
	color: #000;
	overflow: hidden;
  font-weight:800;
}
.button4 a {
	color:#fff;
}
.button4:hover {
	color: #fff;
}
.button4::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button4:hover::after {
	top: 0;
	background-color: #000;
}
.button4::before,
.button4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button4,
.button4::before,
.button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button5 {
	display: inline-block;
	width:170px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	line-height: 36px;
	border: 2px solid #000;
	color: #000;
	overflow: hidden;
  font-weight:800;
}
.button5 a {
	color:#fff;
}
.button5:hover {
	color: #fff;
}
.button5::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button5:hover::after {
	top: 0;
	background-color: #000;
}
.button5::before,
.button5::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button5,
.button5::before,
.button5::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button6 {
	display: inline-block;
	width:140px;
	height: 34px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	line-height: 30px;
	border: 2px solid #000;
	color: #000;
	overflow: hidden;
  font-weight:800;
}
.button6 a {
	color:#fff;
}
.button6:hover {
	color: #fff;
}
.button6::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button6:hover::after {
	top: 0;
	background-color: #000;
}
.button6::before,
.button6::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button6,
.button6::before,
.button6::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button7 {
	display: inline-block;
  font-family: 'RobotoCondensed', sans-serif;
	width:300px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	line-height: 34px;
  font-weight:800;
	border: 1px solid #000;
	color: #000;
	overflow: hidden;
}
.button7 a {
	color:#fff;
}
.button7:hover {
	color: #fff;
}
.button7::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button7:hover::after {
	top: 0;
	background-color: #000;
}
.button7::before,
.button7::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button7,
.button7::before,
.button7::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button8 {
  font-family: 'RobotoCondensed', sans-serif;
  font-weight:800;
	display: inline-block;
	width:170px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	line-height: 34px;
	border: 1px solid #000;
	color: #000;
	overflow: hidden;
}
.button8 a {
	color:#fff;
}
.button8:hover {
	color: #fff;
}
.button8::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button8:hover::after {
	top: 0;
	background-color: #000;
}
.button8::before,
.button8::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button8,
.button8::before,
.button8::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button9 {
	display: inline-block;
  font-weight:800;
	width:140px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	line-height: 28px;
	border: 1px solid #000;
	color: #000;
	overflow: hidden;
}
.button9 a {
	color:#fff;
}
.button9:hover {
	color: #fff;
}
.button9::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button9:hover::after {
	top: 0;
	background-color: #000;
}
.button9::before,
.button9::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button9,
.button9::before,
.button9::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button10 {
  font-weight:800;
	display: inline-block;
	width: 312px;
	margin:25px 20px;
	height: 192px;
	text-align: center;
	text-decoration: none;
	line-height: 188px;
	outline: none;
}
.button10::before,
.button10::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button10,
.button10::before,
.button10::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button10 {
	background-color: rgba(0, 0, 0, .3);
	border: 1px solid #fff;
	color: #fff;
	line-height: 188px;
}
.button10:hover {
	background-color:#000;
}
.button11 {
  font-weight:800;
	display: inline-block;
	width: 300px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-size:16px;
	outline: none;
	border: 1px solid #000;
	color: #000;
	line-height: 36px;
	background-color:#fff;
}
.button11::before,
.button11::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button11,
.button11::before,
.button11::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button11:hover {
	background-color:#000;
	color: #fff;
}
.googlebutton {
  width:304px;
  height:40px;
  margin:20px auto;
}

.pager {
  margin:50px 0 30px 0px;
}

.postimagenews {
  margin:0 0 30px;
}

.postimage {
  width:550px;
  height:550px;
  margin:0 auto 20px;
}

.soundcloudnews {
  width:778px;
  height:118px;
  margin:50px 0 70px 20px;
}

.snsbutton {
  height:29px;
  padding:10px 0;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin:25px 0 15px;
}

.snsbuttonsche {
  height:29px;
  padding:10px 0;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin:25px 20px 15px;
}

.snsline {
  width:23px;
  float:left;
  padding:0 5px 0 10px;
}

.snsfacebook {
  width:17px;
  float:left;
  padding:0 10px;
}

.snstwitter {
  width:23px;
  float:left;
  padding:0 5px;
}

.newslistbutton {
  font-family: 'RobotoCondensed', sans-serif;
  margin:0 20px 0 0;
  letter-spacing: 0.1em;
  font-size:20px;
  float:left;
  width:144px;
}

.previous {
  width:33px;
  height:33px;
  margin:0 10px 0 0;
  float:left;
}

.next {
  width:33px;
  height:33px;
  float:left;
}

#screen {
  position:absolute;
  background:url(images/screen.gif);
  background-size:cover;
  width:100%;
  height:100%;
  opacity:0.2;
  background-repeat:no-repeat;
  z-index:-2;
}

header {
  width:1100px;
  margin:0 auto 18px;
  z-index:10;
}

#headnav {
  z-index:10;
}

.language {
  height:10px;
  padding:20px 0;
}

section {
  display:none;
}

.logo {
  width:321px;
  height:69px;
  margin:40px auto;
}

.logosp {
  display:none;
}

.languagehead {
  width:404px;
  height:34px;
  position:relative;
  top:10px;
  left:800px;
  font-size:10px;
}

.choose{
  width:138px;
  height:34px;
  line-height:34px;
  float:left;
}

.lan {
  width:34px;
  -webkit-border-radius:17px;
  -moz-border-radius:17px;
  border-radius:17px;
  line-height:34px;
  text-align:center;
  float:left;
  padding:7px 0 0;
  margin:0 5px 0 0;
  background:#fff;
  color:#000;
}

.lan a{
  display:block;
}

.lan a:hover{
}

#headnav {
  width:904px;
  height:14px;
  margin:auto;
}

#headnav li.navtop{
  width:48px;
  height:14px;
  float:left;
}

#headnav li.about{
  width:88px;
  height:14px;
  float:left;
}

#headnav li.schedule{
  width:120px;
  height:14px;
  float:left;
}

#headnav li.system{
  width:104px;
  height:14px;
  float:left;
}

#headnav li.vip{
  width:56px;
  height:14px;
  float:left;
}

#headnav li.news{
  width:80px;
  height:14px;
  float:left;
}

#headnav li.gallery{
  width:112px;
  height:14px;
  float:left;
}

#headnav li.access{
  width:96px;
  height:14px;
  float:left;
}

#headnav li.navrecruit{
  width:104px;
  height:14px;
  float:left;
}

#headnav li.contact{
  width:96px;
  height:14px;
  float:left;
}

.slider {
  width:100%;
  height:547px;
  padding:15px 0 0;
  background:#000;
}

.sliderinner {
  width:1100px;
  height:490px;
  margin:0 auto;
}

/*
.master-slider-parent {
  z-index:10;
  width:1100px;
  height:490px;
}
*/
.sns {
  width:100%;
  background:#323232;
  height:80px;
}

.snsnavi {
  width:580px;
  display:inline-block;
  position:relative;
  left:50%;
  padding:20px 0;
}

.snsnavi li {
  position:relative;
  left:-50%;
  padding:5px 20px;
  float:left;
}

.snsline2 {
  width:32px;
  height:30px;
}

.snsfacebook2 {
  width:18px;
  height:34px;
}

.snstwitter2 {
  width:34px;
  height:28px;
  margin:2px 0 0;
}

.snsinst {
  width:33px;
  height:33px;
}

.snstrip {
  width:35px;
  height:21px;
  margin:5px 0 0;
}

.snsyoutube {
  width:27px;
  height:32px;
}

.snscloud {
  width:34px;
  height:16px;
  margin:5px 0 0;
}

.snsmix {
  width:34px;
  height:16px;
  margin:5px 0 0;
}

h2.upcomtitle{
  width:1100px;
  font-family: 'RobotoCondensed', sans-serif;
  margin:20px auto;
  height:40px;
  font-size:26px;
  text-align:center;
  line-height:44px;
  border-top:2px #000 solid;
  border-bottom:2px #000 solid;
  letter-spacing: 0.1em;
  color:#000;
}

.upcom {
  font-size:24px;
  letter-spacing: 0.1em;
}

.upcomex {
  font-size:20px;
  letter-spacing: 0.1em;
}

.upcomback {
  background-image:url(./images/upcomback.png);
  background-size:cover;
  width:100%;
  padding:0 0 30px;
}

.upcomarea {
  width:1060px;
  padding:20px;
  margin:0 auto;
}

.upcombox {
  width:50%;
  height:175px;
  margin:10px 0;
  float:left;
}

.upcomimg {
  width:150px;
  height:150px;
  margin: 0 0 0 10px;
  float:left;
}

.upcomright {
  width:328px;
  padding:0 20px 20px 20px;
  border-right:2px solid #B2B2B2;
  height:130px;
  float:left;
}

.upcomtext {
  font-size:14px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
}

.upcomtextleft {
  width:20%;
  float:left;
}

.upcomtextright {
  width:80%;
  float:left;
  font-family: 'RobotoCondensed', sans-serif;
}

.underpager {
  width:1100px;
  margin:20px auto;
}

.underprev {
  width:150px;
  float:left;
  text-align:left;
  font-family: 'RobotoCondensed', sans-serif;
  font-size:20px;
}

.undernext {
  width:150px;
  float:right;
  text-align:right;
  font-family: 'RobotoCondensed', sans-serif;
  font-size:20px;
}

.contactarea {
  width:1068px;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
  margin:40px auto 100px;
  padding:30px 15px;
  font-weight:400;
}

.contacttext {
  padding:0 0 20px;
}

.textbox {
  width:100%;
  height:40px;
}

textarea.textarea{
  width:100%;
  height:140px;
}

.textbox1 {
  margin:10px 0;
}

.privacy {
  width:1043px;
  height:208px;
  font-size:11px;
  border:1px solid #fff;
  margin:30px auto;
  padding:15px;
  overflow-y:scroll;
}

.caution {
  text-align:center;
  font-size:13px;
  padding:10px 0;
}

input#submit {
  
}

img {
  border:none;
}

.schetextleft {
  width:10%;
  float:left;
  font-family: 'RobotoCondensed', sans-serif;
}

.schetextright {
  width:87%;
  float:left;
  margin:0 0 0 3%;
  font-family: 'RobotoCondensed', sans-serif;
}

.webmagazinebanner {
  width:1100px;
  height:240px;
  margin:20px auto;
}

.newsarea {
  width:1100px;
  padding:20px;
  margin:0 auto;
}

.newsbox {
  width:275px;
  float:left;
}

.maincontentbox {
  line-height:20px;
  font-family: 'RobotoCondensed', sans-serif;
}

.maincontentbox a{
  color: #E2007E;
}

.newsbox_news {
  width:275px;
  height:370px;
  margin:0 0 30px;
  float:left;
}

h2.newstitle{
  width:1100px;
  font-family: 'RobotoCondensed', sans-serif;
  margin:30px auto;
  height:40px;
  font-size:28px;
  text-align:center;
  letter-spacing: 0.1em;
  line-height:44px;
  border-top:2px #000 solid;
  border-bottom:2px #000 solid;
  color:#000;
}

h2.newstitle2{
  width:1100px;
  font-family: 'RobotoCondensed', sans-serif;
  margin:30px auto;
  height:40px;
  font-size:28px;
  text-align:center;
  letter-spacing: 0.1em;
  line-height:44px;
  color:#000;
}

h3.newstitle {
  font-size:14px;
  padding:5px;
  letter-spacing: 0.1em;
}

h3.newstitle a{
  color:#e50f87;
  font-weight:bold;
}

h4.newsex {
  font-size:13px;
  padding:5px;
  letter-spacing: 0.1em;
}

.morebutton {
  font-family: 'RobotoCondensed', sans-serif;
  margin:0 auto;
  letter-spacing: 0.1em;
  font-size:22px;
  width:244px;
}

.aboutbutton {
  font-family: 'RobotoCondensed', sans-serif;
  margin:0 auto;
  letter-spacing: 0.1em;
  font-size:18px;
  width:264px;
}

.gabutton {
  font-family: 'RobotoCondensed', sans-serif;
  margin:0 auto 30px;
  letter-spacing: 0.1em;
  font-size:18px;
  width:264px;
}

.aboutbutton2 {
  font-family: 'RobotoCondensed', sans-serif;
  margin:0 auto 30px;
  letter-spacing: 0.1em;
  font-size:18px;
  width:264px;
}

.aboutbacktop {
  background-image:url(images/back2.png);
  background-size:cover;
  width:100%;
  height:828px;
  margin:54px 0 0px;
  background-repeat:no-repeat;
  border-top:15px solid #000;
}

.aboutareatop {
  width:1050px;
  height:650px;
  text-align:center;
  background:#fff;
  padding:30px 0 20px;
  position:relative;
  top:76px;
  margin:0 auto;
}

h2.about {
  width:900px;
  margin:0 0 20px;
  font-family: 'RobotoCondensed', sans-serif;
  margin:20px auto 30px;
  height:40px;
  font-size:32px;
  text-align:center;
  letter-spacing: 0.1em;
  line-height:44px;
  border-top:2px #000 solid;
  border-bottom:2px #000 solid;
  color:#000;
}

.abouth {
  font-weight:bold;
  font-size:20px;
  text-align:center;
  padding:0 0 20px;
}

.abouttext {
  margin:0 0 20px;
  line-height:35px;
  text-align:center;
}

.totop {
  width:54px;
  height:54px;
}

/*サンプル3*/
.pagetop {
  position: fixed;
  bottom: -300px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
  visibility: hidden;
  -webkit-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
}
 
.pagetop.visible {
  bottom: 30px;
}
 
.pagetop a {
  display: table-cell;
  width: 54px;
  height: 54px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  behavior: url(PIE.htc); 
}


.youtube {
  width:1000px;
  height:500px;
  margin:40px auto 0;
}

.youtubeleft {
  width:500px;
  height:500px;
  float:left;
}

.youtuberight {
  width:500px;
  height:500px;
  float:left;
}

.youtuberighttop {
  width:500px;
  height:133px;
}

.youtuberightbottom {
  width:500px;
  height:133px;
  margin:0 0 28px;
}

.youtubecontent {
  width:500px;
  height:333px;
}

.youtubecontent_ga {
  width:500px;
  height:333px;
  margin:20px auto;
}

.butterflyyoutube {
  width:30%;
  line-height:25px;
  border-top:1px solid #000;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-weight:bold;
  margin:10px auto 50px;
  text-align:center;
}

.photoreport {
  width:30%;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-weight:bold;
  margin:30px auto ;
  text-align:center;
  font-size:24px;
}

.youtruberightspace {
  width:500px;
  height:333px;
}

.soundcloud {
  width:304px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  margin:28px auto;
  letter-spacing: 0.1em;
  font-size:18px;
}

.leftb2 {
  line-height:50px;
}

.content {
  width:100%;
  height:400px;
  background:#000;
}

.contentarea {
  width:1100px;
  height:340px;
  position:relative;
  top:31px;
  margin:0 auto;
}

.contentimg {
  width:260px;
  height:340px;
  margin:0 20px 0 0;
  float:left;
}

.contentimg2 {
  width:260px;
  height:340px;
  float:left;
}

.contentimg3 {
  width:250px;
  height:340px;
  margin:0 20px 0 0;
  padding:0 0 0 10px;
  background:#fff;
  float:left;
}

.middle {
  vertical-align:middle;
}

.suponserarea {
  width:100%;
  height:84px;
  padding:30px 0 0 ;
  background:#000;
}

.group {
  height:122px;
  background:url(./images/backgroup.png);
}

.footinfo {
  height:365px;
  text-align:center;
}

.grouparea {
  width:658px;
  height:80px;
  margin:0px auto;
}

.groupbanner1 {
  width:128px;
  height:41px;
  float:left;
  margin:45px 30px 0 0;
}

.groupbanner2 {
  float:left;
  width:130px;
  height:55px;
  margin:30px 60px 0 0;
}

.groupbanner3 {
  float:left;
  width:126px;
  height:58px;
  margin:30px 0px 0 0;
}

.groupbanner4 {
  float:left;
  width:115px;
  height:91px;
  margin:15px 60px 0 0;
}

.footlogo {
  width:104px;
  height:89px;
  margin:40px auto 20px;
}

.footad {
  font-size:14px;
  text-align:center;
  padding:20px 0;
}

.buttonarea {
  width:368px;
  height:40px;
  margin:20px auto;
}

.accessbutton {
  width:174px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  float:left;
}

.accessbutton2 {
  width:174px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  float:right;
}

.submitbu {
  width:304px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  margin:20px auto;
}

.age {
  text-align:center;
  line-height:35px;
  font-size:12px;
}

h3.ageconf {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:24px;
  letter-spacing: 0.1em;
}

.copyright {
  text-align:center;
  font-size:11px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  padding:40px 0;
}

#postarea {
  width:1100px;
  margin:20px auto;
}

#postcontents {
  width:780px;
  padding:20px;
  background:#fff;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
  float:left;
}

#postsidebar {
  width:240px;
  margin:0 0 0 18px;
  padding:10px;
  background:#000;
  float:left;
}

h2.posttype {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:24px;
  letter-spacing: 0.1em;
  color:#000;
  text-align:center;
  margin:20px auto;
}

h2.postcategory {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:20px;
  letter-spacing: 0.1em;
  color:#E2007E;
  margin:10px 0;
}

.cate,
.latestbox {
  font-size:14px;
  line-height:25px;
}

.latestbox a,
.cate a {
  color:#fff;
}

.latestbox {
  padding:5px 0 15px 3px;
  line-height:25px;
}

h2.posttitle {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:20px;
  letter-spacing: 0.1em;
  color:#E2007E;
}

.entryexept {
  color:#000;
  font-size:24px;
}

.pagearea {
  width:1100px;
  margin:20px auto;
}

div.pagination {
	clear:both;
	padding:20px 0;
	min-width:110px;
	position:relative;
	font-size:11px;
	line-height:13px ;
	background:none;
	margin:10px 0 20px;
	vertical-align: middle;
	text-align:right;
	height:33px;
}

.pagingright {
	position:absolute;
	padding:0px 5px;
	height:33px;
	right:5px;
}
 
div.pagination span, .pagination a {
	display:block;
	float:left ;
	margin: 2px 5px 100px 0 ;
	width:31px ;
	height:31px ;
	text-align:center;
	line-height:33px;
	border:1px solid #E2007E;
	color:#E2007E;
}

.pagination img a{
	border:none;
}

div.pagination a:hover{
	border:1px solid #000;
	color:#000 ;
}
 
div.pagination .current{
}

.spmenu {
  display:none;
}

.butaccess {
  width:1098px;
  margin:20px auto;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
}

.googlemap {
  width:1060px;
  height:450px;
  margin:20px auto;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
}

.accessinfo {
  width:1060px;
  margin:20px auto 30px;
}

.accessleft {
  width:50%;
  margin:60px 0 0;
  float:left;
}

.accesslogo {
  width:307px;
  height:96px;
  margin:100px auto;
}

.accessright {
  width:50%;
  margin:60px 0 0;
  float:left;
}

.contactbutton {
  width:174px;
  height:40px;
  margin:30px 0;
}

.overtwenty {
  padding:15px 10px;
  background:rgba(238,238,238,1);
  line-height:20px;
}

h2.access {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:24px;
  letter-spacing: 0.1em;
}

h2.access_la {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:24px;
  letter-spacing: 0.1em;
  margin:0 0 30px;
}

.accessfuri {
  font-size:14px;
  padding:0 0 25px;
}

.accessinfoarealeft {
  width:60px;
  line-height:25px;
  font-size:12px;
  float:left;
}

.accessinfoarearight {
  width:470px;
  line-height:25px;
  font-size:12px;
  float:left;
}

.overtwenty {
  font-size:14px;
}

h3.twenty {
  font-family: 'RobotoCondensed', sans-serif;
  font-size:22px;
  letter-spacing: 0.1em;
  padding:0 0 5px;
}

.aboutback {
  width:1100px;
  height:391px;
  margin:0px auto;
  padding:130px 0 0;
  background:#000;
  background-image:url(images/aboutback.png);
  background-size:100%;
  background-repeat:no-repeat;
}

.aboutlogo {
  width:381px;
  height:118px;
  margin:0px auto;
}

h2.abouttitle{
  font-family: 'RobotoCondensed', sans-serif;
  margin:10px auto;
  height:40px;
  font-size:32px;
  text-align:center;
  letter-spacing: 0.1em;
  border-bottom:1px solid #000;
}

.aboutarea {
  width:1078px;
  margin:20px auto 0;
  padding:10px 10px;
  text-align:center;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
}

.aboutarea2 {
  width:1100px;
  margin:0 auto;
  padding:60px 0 10px;
  text-align:center;
  z-index:2;
}

.aboutbold {
  margin:20px 0 0;
  font-size:18px;
  font-weight:400;
}

.floormap {
  width:1060px;
  height:328px;
  margin:20px auto;
}

.aboutimgtitle {
  height:30px;
  line-height:30px;
  text-align:center;
}

.floor {
  width:1100px;
  margin:20px auto;
}

.floor1 {
  width:358px;
  height:268px;
  margin:10px 13px 0 0;
  background-image:url(./images/about_img08.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor2 {
  width:358px;
  height:268px;
  margin:10px 13px 0 0;
  background-image:url(./images/about_img00.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor3 {
  width:358px;
  height:268px;
  margin:10px 0px 0 0;
  background-image:url(./images/about_img01.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor4 {
  width:358px;
  height:268px;
  margin:10px 13px 0 0;
  background-image:url(./images/about_img07.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor5 {
  width:358px;
  height:268px;
  margin:10px 13px 0 0;
  background-image:url(./images/about_img02.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor6 {
  width:358px;
  height:268px;
  margin:10px 0px 0 0;
  background-image:url(./images/about_img03.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor7 {
  width:358px;
  height:268px;
  margin:10px 13px 0 0;
  background-image:url(./images/about_img04.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor8 {
  width:358px;
  height:268px;
  margin:10px 13px 0 0;
  background-image:url(./images/about_img05.jpg);
  background-repeat:no-repeat;
  float:left;
}

.floor9 {
  width:358px;
  height:268px;
  margin:10px 0px 0 0;
  background-image:url(./images/about_img06.jpg);
  background-repeat:no-repeat;
  float:left;
}

#tribe-events-bar,
#tribe-events-notices {
  display:none;
}

.tribe-events-calendar {
  width:1100px;
  margin:20px auto;
}

.tribe-events-calendar td{
  background-color: rgba(51,51,51,0.6);
  border-color: rgba(0,0,0,1);
  background-clip: padding-box;
  margin:1px;
}

#wp-calendar {
  width:1100px;
  margin:20px auto;
  border-collapse: collapse;
}

td#next {
  text-align:right;
  vertical-align:middle;
}

caption {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:30px;
  width:180px;
  position:relative;
  left:42%;
  top:0px;
}

#wp-calendar th{
  width:156px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-weight:100;
  background-color: rgba(255,255,255,0.7);
  border:1px solid #000;
}

#wp-calendar th.sun{
  width:156px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-weight:100;
  background-color: rgba(203,27,0,0.9);
  color:#fff;
}

#wp-calendar th.fri{
  width:156px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-weight:100;
  background-color: rgba(231,124,0,0.9);
}

#wp-calendar th.sat{
  width:156px;
  height:40px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-weight:100;
  background-color: rgba(50,101,203,0.9);
}

#wp-calendar td.date{
  width:156px;
  height:140px;
word-wrap: break-word;
  overflow:hidden;
  background-color: rgba(255,255,255,0.7);
  font-family: 'RobotoCondensed', sans-serif;
  font-size:18px;
}

td.date a{
  display:block;
  color:#000;
}

#wp-calendar td.date:hover{
  width:156px;
  height:140px;
  background-color: rgba(100,100,100,0.1);
}

#wp-calendar td#today{
  width:156px;
  height:140px;
  overflow:hidden;
  background-color: rgba(255,255,255,0.7);
}

#wp-calendar td#today:hover{
  width:156px;
  height:140px;
  background-color: rgba(100,100,100,0.6);
}

.scheprev td{
  width:100px;
  height:50px;
  float:left;
}

.schenext td{
  width:100%;
  height:50px;
  float:right;
  text-align:right;
}

td.schenext {
  text-align:right;
  font-family: 'RobotoCondensed', sans-serif;
  position:relative;
  top:-30px;
  font-size:20px;
}

td.scheprev {
  font-family: 'RobotoCondensed', sans-serif;
  position:relative;
  top:-30px;
  font-size:20px;
}

#wp-calendar td.date{
  vertical-align:super;
  text-align:center;
  border:1px solid #000;
}

tr.cald {
  border-top:10px solid #000;
}

.eventscontent {
  width:136px;
  height:63px;
  position:relative;
  top:5px;
  left:10px;
  word-wrap: break-word;
  text-align:left;
  font-size:14px;
}

.eventsgenre {
  width:95%;
  text-align:left;
  font-size:10px;
  position:relative;
  top:20px;
  left:10px;
}

.schedulelistbox {
  width:1100px;
  min-height:170px;
  background-color: rgba(255,255,255,0.7);
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin:0 auto 10px;
}

.schedulelistimg {
  width:150px;
  min-height:150px;
  margin:10px 0 10px 20px;
  float:left;
}

.schedulelistright {
  padding:5px 15px;
  width:800px;
  float:left;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
}

.schedulepager {
  width:1100px;
  height:30px;
  line-height:30px;
  margin:20px auto;
}

.routeleft {
  width:48%;
  padding:1%;
  float:left;
}

.routeright {
  width:48%;
  padding:1%;
  float:left;
}

.attentiontext {
  width:1070px;
  padding:15px;
  line-height:20px;
  margin:20px auto 40px;
}

.attentiondetailzone {
  width:1070px;
  margin:20px auto 40px;
  padding:15px;
  background-color: rgba(100,100,100,0.7);
}

.accessdetailzone {
  width:1030px;
  margin:20px auto 40px;
  border-top:1px solid #000;
  line-height:20px;
  padding:15px;
  background-color: rgba(0,0,0,0);
}

.scheduledetailzone {
  width:1070px;
  margin:20px auto 10px;
  padding:1px 15px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:10px solid #000;
  border-bottom:10px solid #000;
}

.systemdetailzone {
  width:1068px;
  margin:20px auto 30px;
  padding:1px 15px;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
}

.vipsystemdetailzone {
  width:1068px;
  margin:20px auto 30px;
  padding:15px 0;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
}

.vipsystemdetailzone2 {
  width:1098px;
  margin:20px auto 30px;
  padding:15px 0;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
}

.viptitle {
  line-height:60px;
  height:60px;
  text-align:center;
  border-top:double 5px #000;
  border-bottom:double 5px #000;
  width:60%;
  margin:40px auto 20px;

  font-weight:400;
  font-size:20px;
}

.gallerydetailzone {
  width:1068px;
  border-top:10px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:10px solid #000;
  margin:20px auto 40px;
  padding:1px 15px;
}

.schezone {
  width:1100px;
  margin:0 auto 20px;
}

.schthum {
  width:550px;
  height:550px;
  margin:20px 30px 20px 20px;
  float:left;
}

.schederight {
  width:470px;
  float:left;
}

.partytext {
  padding:0 20px 20px;
  font-size:14px;
  line-height:25px;
  font-family: 'RobotoCondensed', sans-serif;
}

.partytext a {
  color: #e50f87;
}

h2.schetitledate {
  font-family: 'RobotoCondensed', sans-serif;
  margin:20px 0 10px 10px;
  font-size:26px;
  letter-spacing: 0.1em;
  color:#e50f87;
}

h3.eventname {
  font-family: 'RobotoCondensed', sans-serif;
  margin:5px 0 10px 10px;
  font-size:26px;
  letter-spacing: 0.1em;
  word-wrap: break-word;
  width:450px;
}

.eventinformation {
  margin:5px 0;
  padding:15px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  line-height:25px;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
}

.tt1 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:12px;
  line-height:25px;
}

.ttcontent1 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  line-height:30px;
  font-size:22px;
}

.tt2 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:12px;
  line-height:25px;
}

.ttcontent2 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  line-height:30px;
  font-size:21px;
}

.tt3 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:12px;
  line-height:25px;
}

.ttcontent3 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  line-height:30px;
  font-size:20px;
}

.tt4 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:12px;
  line-height:25px;
}

.ttcontent4 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  line-height:30px;
  font-size:19px;
}

.dj {
  padding:15px;
}

.artistarea {
  padding:15px;
}

.artistimgsch {
  width:275px;
  float:left;
}

.artisttext {
  width:745px;
  padding:0 0 0 15px;
  font-size:12px;
  float:left;
  line-height:25px;
}

.artistname {
  font-size:14px;
  font-weight:100;
}

.schedulepagerwrap {
  width:1100px;
  height:34px;
  margin:30px auto 15px;
  text-align:right;
}

.pagersch {
  width:240px;
  height:34px;
  position:relative;
  top:10px;
  left:960px;
}

.pagersch2 {
  width:240px;
  height:34px;
}

.toschlist {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  width:140px;
  height:34px;
  float:left;
  margin:0 14px 0 0;
}

.toprev {
  width:33px;
  height:33px;
  float:left;
  margin:0 0 0 8px;
}

.galleryimgbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5;
  background-position: center top;
  background-size: cover;
  background-color: rgba(0,0,0,0.5);
  -webkit-transition:0.2s all;
  -moz-transition:0.2s all;
  -ms-transition:0.2s all;
  -o-transition:0.2s all;
  transition:0.2s all;
  width:275px;
  height:275px;
}
.galleryimgbox:hover{
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);  
  opacity: 1.0;
}
.galleryimgbox a{
  display:block;
}

a.gala {
  color:#fff;
}

.photereport {
  width:1100px;
  height:275px;
  margin:0px auto 20px;
}

.excerptga {
  color:#fff;
}

.photo {
  width:275px;
  height:275px;
  margin:0 0 20px;
  float: left;
  display: block;
  position: relative;
  overflow:hidden;
  background-color: rgba(0,0,0,0.7);
}

input.mailmag {
  width:80%;
  margin:5px auto;
}

.youtubega {
  width:500px;
  height:333px;
  margin:0 0 30px 20px;
}

.galltitle {
  text-align:center;
  padding:100px 0 0;
  z-index:50;
  color:#E2007E;
}

.excerptga {
  text-align:center;
  z-index:50;
}

.galleryimgbox,
.photo {
 z-index:1;
}

.photobox {
  z-index:50;
  position:relative;
  top:10px;
}

.feearea {
  width:1060px;
  margin:20px auto;
}

.feebox_4 {
  width:248px;
  height:400px;
  border:1px solid #fff;
  border-bottom:1px solid #000;
}

.feebar_4 {
  width:250px;
  margin:0 20px 0 0;
  float:left;
}

.feebar2_4 {
  width:250px;
  float:left;
}

.feetitle_4 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:18px;
  line-height:25px;
  margin:10px 0 0px;
}

.feetitle2_4 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:18px;
  padding:0px 0 0px;
  line-height:25px;
  margin:10px 0 0px;
}

.feeja_4 {
  font-size:12px;
  padding:0 0 23px;
  font-weight:400;
}

.feeja2_4 {
  font-size:12px;
  padding:0 0 0px;
  font-weight:400;
}

.feetime_4 {
  margin:10px 0 10px;
  font-size:12px;
  line-height:25px;
  font-weight:400;
}

.feetime_en_4 {
  margin:20px 0 20px;
  font-size:12px;
  line-height:25px;
}

.feeclo_4 {
  font-size:12px;
  line-height:25px;
  margin:20px 0;
}

.feeclo2_4 {
  font-size:16px;
  line-height:25px;
  margin:40px 0 0;
}

.feeb_4 {
  padding:10px 0 0;
  width:250px;
  height:13px;
}

.feeb2_4 {
  padding:10px 0 0;
  width:250px;
  height:13px;
}

.feetext_4 {
  font-size:10px;
  padding:20px 0;
}

.feebox {
  width:334px;
  height:334px;
  border:2px solid #fff;
  text-align:center;
}

.feebar {
  width:338px;
  margin:0 23px 0 0;
  float:left;
}

.feebar2 {
  width:338px;
  float:left;
}

.clock {
  width:117px;
  height:117px;
  margin:10px auto;
}

.recruit {
  width:1060px;
  height:489px;
  margin:20px auto;
}

.recruittext {
  line-height:30px;
  width:520px;
  float:left;
  font-size:13px;
  margin:30px 0 0 5px;
  font-weight:400;
}

.recruit_img {
  width:520px;
  height:540px;
  float:left;
  margin:30px 0 0 20px;
}

.rectitle {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  line-height:40px;
  font-size:30px;
}

.lanroom {
  width:1100px;
  margin:10px auto;
}

.systemti {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  font-size:22px;
  padding:20px 0 10px;
}

.centertext {
  font-family: 'RobotoCondensed', sans-serif;
  text-align:center;
  letter-spacing: 0.1em;
  padding:20px 0 5px;
  font-weight:bold;
  font-size:18px;
}

.centertext2 {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  padding:20px 0 5px;
  font-weight:bold;
  font-size:18px;
}

.feetitle {
  font-family: 'RobotoCondensed', sans-serif;
  text-align:center;
  letter-spacing: 0.1em;
  font-size:26px;
  padding:20px 0 0px;
  line-height:25px;
  margin:20px 0;
}

.feetitle2 {
  font-family: 'RobotoCondensed', sans-serif;
  text-align:center;
  letter-spacing: 0.1em;
  font-size:26px;
  padding:0px 0 0px;
  line-height:25px;
  margin:20px 0;
}

.feeja {
  font-size:12px;
}

.feetime {
  margin:20px 0 30px;
  font-size:12px;
  line-height:30px;
}

.feetime_en {
  margin:40px 0 30px;
  font-size:12px;
  line-height:30px;
}

.feeclo {
  font-size:16px;
  line-height:25px;
  margin:20px 0;
}

.feeclo2 {
  font-size:16px;
  line-height:25px;
  margin:40px 0 0;
}

.feeb {
  padding:20px 0 0;
  width:338px;
  height:18px;
}

.feeb2 {
  padding:20px 0 0;
  width:338px;
  height:18px;
}

.feetext {
  font-size:10px;
  padding:20px 0;
}

.feetext2 {
  padding:20px 0;
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
}

.sign {
  width:1100px;
  height:140px;
  margin:70px auto;
}

.signleft {
  width:540px;
  height:140px;
  float:left;
}

.signright {
  width:540px;
  height:140px;
  float:right;
}

.attention {
  font-weight:400;
  width:1100px;
  line-height:30px;
  margin:30px auto 50px;
  font-size:12px;
}
.syncer-embed
{
	height: 0 ;
	margin: 2em auto 0 ;
	border: 1px solid rgba( 0,0,0, .1 ) ;
	max-width: 99% ;
	padding: 0 0 56.25% ;		// 横幅100%に対する縦幅のパーセンテージ
}

.syncer-embed iframe
{
	margin: 0 ;
	padding: 0 ;
	width: 100% ;
	height: 100% ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	border: none ;
}
.viplogo {
  width:690px;
  height:154px;
  margin:20px auto 0;
}

.viplogo_lang {
  width:686px;
  height:104px;
  margin:20px auto;
}

.viptext {
  text-align:center;
  line-height:30px;
  letter-spacing: 0.1em;
}

.roomtext {
  text-align:center;
  font-size:18px;
  margin:20px 0;
}

.room {
  width:500px;
  height:auto;
  margin:30px 0px 30px 20px;
  float:left;
}

.room2 {
  width:500px;
  height:auto;
  margin:30px 0 30px 30px;
  float:left;
}

h3.vipmenu {
  font-family: 'RobotoCondensed', sans-serif;
  text-align:center;
  letter-spacing: 0.1em;
  font-size:22px;
  margin:30px auto;
  border-bottom:1px solid #000;
  width:96%;
  height:50px;
  line-height:50px;
}


.vipmenuimg {
  width:240px;
  height:240px;
  margin:0 0px 20px 20px;
  float:left;
}

.vipmenutext {
  width:240px;
  height:240px;
  margin:0 10px 20px 20px;
  float:left;
}

.menutitle {
  font-family: 'RobotoCondensed', sans-serif;
  letter-spacing: 0.1em;
  padding:10px;
  line-height:20px;
  font-size:13px;
}

.menuinfo {
  padding:10px;
  line-height:20px;
  font-size:12px;
}

.menuprice {
  padding:10px;
  font-size:12px;
}

.contentimgbox {
  width:780px;
  height:auto;
  margin:10px auto;
}
.blogarea{
padding:30px 0;
max-width:1100px;
width:100%;
margin:0 auto;
}
.blogbox{
padding:15px 40px ;
border-bottom:1px solid #000;
}
.blogdate{
width:15%;
float:left;
}
.blogdate a{
color: #e50f87;
font-weight:bold;
}
.blogtitle{
width:83%;
margin:0 0 0 2%;
}
.blogtitle a{
color:#000;
}
.postmain .postcontent .maincontentbox p img{
width:100%;
height:auto;
}