@charset "utf-8";

.ticket{
 width:unset !important;
}

.ticket2{
 width:unset !important;
 padding-top:10px;
}

.event-img {
	width:90% !important;
}

.event-img01 {
	display:block;
}

.event-img02 {
	display:block;
}

.event-img01mb {
	display:none;
}

.event-img02mb {
	display:none;
}

.event-img03 {
	width: 30% !important;
}

.event-contents {
	width:23%;
	margin:0 1% 3%;
	float:left;
}

.xmas-h201 {
	font-size: 36px;
}

.xmas-p01 {
	width:60%;
	font-size: 20px;
}

.xmas-p02 {
	width:60%;
	font-size: 20px;
}

* {
	margin:0;
	padding:0;
	border:none;
}

body {
	background-image:url(../img/back-ground.jpg);
}

span br {
	display:block;
}

header {
	width:100%;
}

header img {
	width:100%;
}

a.ticket {
	position:absolute;
	top:20%;
	left:73%;
	padding:1% 2%;
	border:solid 1px #CCC;
	text-decoration:none;
}

a.ticket img {
    position: absolute;
    top: -50%;
    left: -1780%;
    width: 300%;
}

img.qr {
	position:absolute;
	top:15%;
	left:90%;
	width:5%;
}

.qr-p {
    width: 20%;
    position: absolute;
    left: 82.5%;
    top: 2%;
    font-size: 1vw;
	font-weight:bold;
}

/* ヘッダー画像入れ子 */
.album {
	height:100%;
	margin: auto;
	background-color: white;
	position: relative;
	z-index:1001;
}

/* ヘッダー画像全体 */
.album img {
	width: 100%;
}

/* ヘッダー画像1 */
.album .img1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
}

/* ヘッダー画像2 */
.album .img2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index:98;
}



.resm,#resm {
	display:none;
}

#wrapper {
	clear:both;
}

section {
	width:100%;
	text-align:center;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear {
	clear:both;
}

.display-block {
	display:inline-block;
}

article.greeting {
	width:70%;
	margin:5% auto 3%;
}

article.greeting h1 {
	width:60%;
	padding-bottom:5px;
	margin:0 auto 15px;
	border-bottom:dashed #000 3px;
	font-size:45px;
}

article.greeting p {
	width:100%;
	margin:0 auto;
	line-height:150%;
}

article.news {
	width:70%;
	margin:2% auto 1%;
}

article.news h2 {
	margin:15px;
	font-size:30px;
}

article.sns h2 {
	margin:30px;
	border-bottom: dashed #000 3px;
	font-size:30px;
}

article.news div.frame {
	width:100%;
	padding:20px 0;
	border-top:dashed #000 3px;
	border-bottom:dashed #000 3px;
}

article.sns {
	width:880px;
	margin:2% auto;
	overflow: hidden;
}

.sns-fb {
	width: 380px;
	height: 500px;
	margin: 0 30px;
	float: left;
}

.sns-tw {
	width: 380px;
	height: 500px;
	margin: 0 30px;
	float: left;
}

iframe {
	width:90%;
	height:250px;
}

article.main-contents {
	width:100%;
}

.contents {
	width:100%;
	margin:0;
	overflow:hidden;
	clear:both;
}

.contents01 .half,.contents03 .half,.contents05 .half,.contents07 .half {
	float:left;
}

.contents02 .half,.contents04 .half,.contents06 .half {
	float:right;
}

.contents03 {
	margin-bottom:50px;
}

.full-width {
	width:100%;
}

.half {
	width:50%;
	/*display:inline-block;*/
}

.one-third {
	width:28%;
	margin:0 2.6%;
}

.half img {
	width:100%;
}

div.h-img {
	z-index:500;
}

.text-center {
	text-align:center;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.text {
    vertical-align: top;
}

.text.right {
	display:none;
	background-image:url(../img/contents-right.jpg);
	background-repeat: no-repeat;
}

.text.left {
	display:none;
	background-image:url(../img/contents-left.jpg);
	background-repeat: no-repeat;
}

.half.right h2 {
	padding:10% 15%;	
	font-size:30px;
	font-weight:bold;
	text-align:left;
	text-decoration: underline;
	color:#fff;
	display:none;
	z-index:10;
}

.half.right p {
	margin-top:-12%;
	padding-left:15%;
	padding-bottom: 40px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	display:none;
}

.half.left h2 {
	padding:10% 20%;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	text-decoration: underline;
	color:#fff;
	display:none;
}

.half.left p {
	margin-top:-12%;
	padding-left:40%;
	padding-bottom: 40px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	display:none;
}

.half a {
	padding:10px 80px;
	border:solid 1px #CCC;
	text-decoration:none;
	display:none;
}

.company {
	width:80%;
	margin:0 auto;
	padding-bottom:20px;
	border-bottom:solid #fff 1px;
}

.company img {
	width:15%;
	margin-right:20px;
}

.company-name {
	font-size:35px;
}

.footer-address {
	margin:20px 0;
}

.footer-tel {
	width:60%;
	margin:0 auto;
	padding:10px 0;
	font-size:24px;
	border:solid #fff 1px;
}

.footer-tel span {
	font-size:28px;
}

.copy {
	padding-top:20px;
	font-size:20px;
}

.footer-tel span a {
	color:#CCC;
	text-decoration:none;
}

.telephone {
	color:#CCC;
	text-decoration:none;
}

.telephone2 {
	color:#000;
	text-decoration:none;
}

/****************************************************************************************
* サブページ
****************************************************************************************/

.sm {
	display:none;
}

header#sub {
	width:100%;
}
header#sub img {
	width:50%;
	margin-bottom:150px;
	float:left;
}

header#sub div {
	width:50%;
	float:left;
	text-align:center;
}

header#sub div h1 {
	width:50%;
	padding:15% 0 5px 0;
	margin:0 auto;
	border-bottom:dashed #000 3px;
	font-size:45px;
}

header#sub div p {
	padding:20px 0 0 0;
	font-size:24px;
}

article.sub-main-contents {
	width:80%;
	margin:0 auto 50px;
	text-align:center;
}

article.sub-main-contents h2 {
	padding-bottom:5px;
	margin:0 0 80px;
	border-bottom:dashed #000 3px;
	font-size:36px;
}

h3.sub-contents-h3 {
	width:50%;
	padding:5% 0 5px;
	margin:0 auto 15px;
	border-bottom:dashed #000 2px;
	font-size:25px;
}

p.sub-contents-p {
	width:80%;
	margin:0 auto;
	font-size:20px;
	text-align:left;
	line-height:180%;
}

p.sub-contents-p01 {
	width:80%;
	margin:10% auto 0;
	font-size:20px;
	text-align:left;
	line-height:180%;
}

p.sub-contents-p-02 {
	width:80%;
	margin:0 auto;
	font-size:20px;
	text-align:left;
	line-height: 120%;
}

div.sub-contents-div {
	width:100%;
	margin:10px 0;
}

div.sub-contents-div02 {
	width:100%;
	margin:1% 0 25%;
}

div.sub-contents-div p.sub-contents-p {
    width: 55%;
	margin:0 auto;
	padding:30px 0;
}

.link-a {
	width:50%;
	margin:0 auto;
}

.link-a a.link-button {
	padding:15px 150px;
	border:solid 1px #CCC;
	text-decoration:none;
	display:block;
}

.harf-link-a {
	width:50%;
	margin:100px auto;
}

.harf-link-a a.link-button {
	padding:10px 80px;
	border:solid 1px #CCC;
	text-decoration:none;
	display:block;
}

.fd-img {
	margin:150px !important;
}

table th {
	width:70%;
	padding:10px 0;
	font-size:24px;
}

table td {
	width:30%;
	padding:10px 0;
	font-size:24px;
	font-weight:bold;
}

.p-left {
	padding-left:50px;
}

.room {
	margin-bottom:80px;
}

.room-list {
	width:100%;
}

.room-h3 {
	padding:10px 0 20px;
	font-size:25px;
}

.room-list-p {
	color:#d61a1a;
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;
}

.room-a {
	padding:5px 28%;
	border:solid 1px #CCC;
	text-decoration:none;
	font-size: 0.8vw;
}

.map {
	width:100%;
	height:600px;
}

.expanding {
	margin:20px 0;
	width:100%;
	text-align:right;
}

.expanding a {
	padding:10px 10%;
	border:solid 1px #CCC;
	text-decoration:none;
	font-size: 1vw;
	text-align:center;
}

.article-inner {
	margin:50px 0;
}

.address {
	margin-bottom:20px;
	font-size:25px;
	line-height:180%;
}

.inquiry {
	width:100%;
	text-align:left;
}

.inquiry p {
	width:30%;
	padding:10px 3%;
	border:solid 1px #CCC;
	text-decoration:none;
	font-size: 1vw;
	text-align:center;
}

.inquiry p span {
	font-size:1.5vw;
	color:#d61a1a;
}

.access {
	width:49.8%;
	border-top:dashed #000 3px;
	border-bottom:dashed #000 3px;
	border-right:dashed #000 3px;
	float:left;
}

.access h3 {
	padding:20px 0 10px 20px;
	text-align:left;
	font-size:30px;
}

.access-text p {
	padding:20px 0;
}

.sub-contents-div h3 {
	width:60%;
	margin:0 auto;
	padding:10px 0 20px;
	border-bottom:dashed #000 3px;
	font-size:25px;
}

.room-p {
	width:90% !important;
	text-align:center !important;
}

.room-p2 {
	margin-top:20px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

.border-top-dashed {
	padding-top:20px;
	border-top:dashed #000 3px;
}

table.price {
	width:100%;
	border:solid #ccc 1px;
	border-collapse:collapse;
}

table.price th,table.price td {
	border:solid #ccc 1px;
}

table.price th {
	font-weight:bold;
}

table.price td.first {
	padding-left:10px;
	line-height:120%;
	font-weight:100;
}

.thirty {
	width:30%;
}

.fifteen {
	width:15%;
}

.ten {
	width:10%;
}

.border-bottom-none {
	border-bottom-color:#fff;
}

.ms {
	font-size:36px;
	color:#d81919;
}

.mb {
	font-size:30px;
	color:#d81919;
}

.bz {
	font-size:30px;
}

.sp {
	font-size:30px;
	color:#7a2d2d;
}

.nom {
	font-size:18px;
	color:#4c2727;
}

.members {
	width:100%;
}

.members .display-block {
	width:45%;
}

.members img {
	width:80%;
	vertical-align:middle;
}

.members h3 {
	width:100%;
	padding-bottom:10px;
	border-bottom:dashed #000 3px;
	font-size:30px;
}

.members h4 {
	width:20%;
	margin:20px auto;
	padding:10px 0;
	border-bottom:solid #000 1px;
	font-size:25px;
}

.members h5{
	margin:10px 0;
	font-size:20px;
}

.members p {
	width:60%;
	margin:10px auto;
	line-height:130%;
	text-align:left;
	font-weight:bold;
}

.members a {
	width:30%;
	margin:10px auto;
	padding:10px 20px;
	border:solid 1px #CCC;
	text-decoration:none;
	text-align:center;
}

.members .div-a {
	margin:25px auto;
}

.members table {
	width:80%;
	margin:20px auto;
	border:none;
}

.members table th {
	width: 50%;
    padding-left: 30px;
	font-size:18px;
    text-align: -webkit-left;
}

.members table th.col-span {
	padding-left:0;
	font-size:25px;
	text-align:left;
}

.members table td {
	width: 50%;
    text-align: -webkit-right;
	border:none;
	font-size:35px;
	color:#d61a1a;
}

.issue {
	width:100%;
}

.issue p {
	width:100%;
	text-align:left;
	font-size:30px;
	color:#d61a1a;
}

h3.special-ticket {
	margin-top:-50px;
	font-size:25px;
}

.discount {
	margin:30px 0;
}

.discount .left,.discount .center,.discount .right {
	width:30%;
}

.discount .center {
	border-left:solid #000 1px;
	border-right:solid #000 1px;
}

.discount h4 {
	font-size:40px;
	color:#1f31dd;
}

.discount .left h4 {
	margin-bottom:20px;
}

.discount .center h4 {
	margin-top:10px;
	margin-bottom:10px;
}

.discount .right h4 {
	margin-bottom:20px;
}

.discount p {
	font-size:25px;
}

.discount p span {
	font-size:50px;
	color:#d61a1a;
}

.discount a {
	text-decoration:none;
}

.discount a:hover em {
	color:#d61a1a;
}

.discount em {
	width: 70%;
    clear: both;
    display: block;
    margin: 2% auto;
    padding: 30px;
    border: 1px solid;
    font-size: 1.5vw;
	color:#000;
}

.special-ticket-p {
	width:60%;
	margin:0 auto;
	text-align:left;
}

.special-ticket-p p {
	font-size:25px;
}

.special-ticket-p p span {
	color:#d61a1a;
}

.tel {
	width:100%;
	margin-bottom:200px;
	padding:50px 0;
	border:solid 1px #CCC;
	font-size:50px;
	text-align:center;
}

.tel span {
	font-size:70px;
}

img.ticket-img {
	width:80%;
	margin:0 auto;
}

p.ticket-p {
	width: 80%;
    text-align: left;
    margin: 1% auto;
    font-size: 1.5vw;
	line-height:150%
}

p.ticket-p strong {
	font-size:2vw;
	color:#d61a1a;
}

table.careers {
	width: 80%;
	border: 1px solid #000;
	margin: 2% auto;
	border-collapse: collapse;
}
	
table.careers th {
	width: 30%;
	padding: 0;
	border: 1px solid #000;
}
	
table.careers td {
	width: 70%;
	padding-left: 2%;
	border: 1px solid #000;
	text-align: left;
}

@media only screen and (min-width: 1221px) and (max-width: 1600px){

.event-img01 {
	display:block;
}

.event-img02 {
	display:block;
}

.event-img01mb {
	display:none;
}

.event-img02mb {
	display:none;
}

body {
	background-size:contain;
}

.br:after {
	content: "\A" ;
	white-space: pre ;
}

nav li {
	font-size:15px;
}

article.greeting h1 {
    width: 80%;
    padding-bottom: 5px;
    margin: 0 auto 15px;
    border-bottom: dashed #000 3px;
    font-size: 35px;
}

.text.left {
	background-size:contain;
}

.text.right {
	background-size:contain;
}

.half.right h2 {
	font-size:25px;
}

.half.left p {
    margin-top: -13%;
	padding-left: 20%;
    font-size: 13px;
	font-weight:500;
}

.half.right p {
    margin-top: -13%;
    font-size: 13px;
	font-weight:500;
}

.half a {
    padding: 5px 50px;
    font-size: 12px;
}

header#sub div h1 {
	font-size:35px;
}

header#sub div p {
	font-size:20px;
}

.members table th {
	width:100%;
	display:block;
}

.members table td {
	width:100%;
	display:block;
}

.issue p {
	font-size:20px;
}

.discount h4 {
    font-size: 25px;
}

.discount p span {
    font-size: 30px;
}

.special-ticket-p p {
    font-size: 20px;
}

h3.sub-contents-h3 {
    width: 90%;
    padding: 20px 0 5px;
}

p.sub-contents-p {
    width: 90%;
    font-size: 15px;
    line-height: 150%;
}

.room-h3 {
    font-size: 20px;
}

.room-list-p {
	font-size:15px;
}

.room-a {
    padding: 5px 20%;
}

article.sub-main-contents h2 {
	margin: 0 auto 50px;
}

.sub-contents-div h3 {
    padding: 5px 0 10px;
    font-size: 18px;
}

p.sub-contents-p {
    font-size: 15px;
	padding: 10px 0 0 !important;
}

p.sub-contents-p01 {
	font-size:15px;

}

table td {
	font-size: 18px;
}

.map {
    height: 300px;
}

article.sub-main-contents h2 {
	font-size:25px;
}

.address {
	font-size:20px;
}

.article-inner {
    margin: 50px 0;
    margin-top: 0 !important;
}

.tel {
	font-size:30px;
}

.tel span {
    font-size: 50px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1220px) {

.event-img01 {
	display:block;
}

.event-img02 {
	display:block;
}

.event-img01mb {
	display:none;
}

.event-img02mb {
	display:none;
}

body {
	background-size:contain;
}

.br:after {
	content: "\A" ;
	white-space: pre ;
}

nav li {
	font-size:15px;
}

article.greeting h1 {
    width: 80%;
    padding-bottom: 5px;
    margin: 0 auto 15px;
    border-bottom: dashed #000 3px;
    font-size: 35px;
}

.text.left {
	background-size:contain;
}

.text.right {
	background-size:contain;
}

.half.right h2 {
	font-size:25px;
}

.half.left p {
    margin-top: -13%;
	padding-left: 20%;
    font-size: 13px;
	font-weight:500;
}

.half.right p {
    margin-top: -13%;
    font-size: 13px;
	font-weight:500;
}

.half a {
    padding: 5px 50px;
    font-size: 12px;
}

header#sub div h1 {
	font-size:35px;
}

header#sub div p {
	font-size:20px;
}

.members table th {
	width:100%;
	display:block;
}

.members table td {
	width:100%;
	display:block;
}

.issue p {
	font-size:20px;
}

.discount h4 {
    font-size: 25px;
}

.discount p span {
    font-size: 30px;
}

.special-ticket-p p {
    font-size: 20px;
}

h3.sub-contents-h3 {
    width: 90%;
    padding: 20px 0 5px;
}

p.sub-contents-p {
    width: 90%;
    font-size: 15px;
    line-height: 150%;
}

.room-h3 {
    font-size: 20px;
}

.room-list-p {
	font-size:15px;
}

.room-a {
    padding: 5px 20%;
}

article.sub-main-contents h2 {
	margin: 0 auto 50px;
}

.sub-contents-div h3 {
    padding: 5px 0 10px;
    font-size: 18px;
}

p.sub-contents-p {
    font-size: 12px;
	padding: 10px 0 0 !important;
}

table td {
	font-size: 18px;
}

.map {
    height: 300px;
}

article.sub-main-contents h2 {
	font-size:25px;
}

.address {
	font-size:20px;
}

.article-inner {
    margin: 50px 0;
    margin-top: 0 !important;
}

.tel {
	font-size:30px;
}

.tel span {
    font-size: 50px;
}

}



/*スマート


	.sm {
		display:inline-table;
	}

	header#sub img {
		width:100%;
		margin-bottom:0;
	}

	header#sub div {
		width:100%;
		margin-bottom:5%;
	}

	header#sub div h1 {
		width:80%;
		font-size:25px;
	}

	header#sub div p {
		font-size:15px;
	}

	article.sub-main-contents {
		padding-top: 30px;
		clear:both;
	}

	article.sub-main-contents h2 {
		font-size:13px;
		margin:0 auto 20px;
		width:90%;
	}

	div.sub-contents-div p.sub-contents-p {
		width:100%;
	}

	h3.sub-contents-h3 {
		font-size:15px;
	}

	p.sub-contents-p {
		font-size:13px;
		margin-bottom:30px;
	}

	p.sub-contents-p01 {
		margin-top:10%;
		font-size:15px;
	}

	.members .display-block {
		width:80%;
	}

	.members img {
		width:100%;
		margin-bottom:20px;
	}

	.members h3 {
		font-size:13px;
	}

	.members h4 {
		width:60%;
		font-size:13px;
	}

	.members h5 {
		font-size:13px;
	}

	.members p {
		width:80%;
		font-size:13px;
	}

	.members a {
		width:80%;
		padding:10px 1px;
		font-size:13px;
	}

	.members table th.col-span {
		font-size:15px;
	}

	.members table th {
		width:100%;
		display:block;
		font-size:13px;
	}

	.members table td {
		width:100%;
		display:block;
		font-size:15px;
	}

	h3.special-ticket {
		margin-top: 5px;
		font-size:12px;
	}

	.discount h4 {
		font-size:15px;
	}

	.discount p {
		font-size:13px;
	}

	.discount p span {
		font-size:15px;
	}

	.discount em {
		width:95%;
		padding:30px 0;
		font-size:3.2vw;
	}

	.special-ticket-p {
		width: 80%;
	}

	.special-ticket-p p {
		font-size: 15px;
	}

	.link-a {
		width:80%;
	}

	.link-a a.link-button {
		padding: 15px 30px;
	}

	.harf-link-a a.link-button {
		padding: 10px 0;
	}

	.harf-link-a {
		width: 100%;
		margin: 100px auto;
	}

	.event-img {
		width:80% !important;
	}

	.fd-img {
		margin: 0 !important;
	}

	table th {
		font-size:15px;
		padding-left:10px;
	}

	table td {
		font-size:13px;
		padding-right:10px;
	}

	.p-left {
		padding-left:10px;
	}

	#food-menu {
		margin-top: 500px;
	}

	.one-third {
		width: 44.8%;
	}

	.room-h3 {
		font-size:15px;
	}

	.room-list-p {
		font-size:13px;
	}

	.room-a {
		padding: 5px 1%;
		font-size:10px;
	}

	.map {
		width: 90%;
		height: 250px;
	}

	.expanding a {
		margin-right:5%;
		font-size:13px;
	}

	.article-inner {
		margin: 50px 0 !important;
		padding:0 5%;
	}

	.address {
		font-size: 15px;
	}

	.inquiry p {
		width: 50%;
	}

	.access {
		width: 100%;
		padding:0;
	}

	.ac-border1 {
		border-right:none;
		border-bottom:none;
	}

	.ac-border2 {
		border-top: none;
		margin-top: -50px !important;
	}

	.access h3 {
		font-size:20px;
	}

	.telephone {
		color:#CCC;
		text-decoration:none;
	}

	.telephone2 {
		color:#000;
		text-decoration:none;
	}

	.tel {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 25px;
	}

	.tel.tel span {
		font-size: 30px;
	}

	.sub-contents-div h3 {
		width: 60%;
		margin: 0 auto -20px;
		padding: 20px 0 0px;
		border-bottom: dashed #000 3px;
		font-size: 20px;
	}

	table.sm {
		width:98%;
		border-collapse:collapse;
		margin-bottom:10px;
	}

	table.sm th {
		vertical-align:top;
		width:50%;
		font-size:13px;
		padding-left:0;
		padding-right: 10px;
	}

	table.sm td {
		border: solid #ccc 1px;
		width:50%;
		font-size:13px;
	}

	table.sm td span.mt {
		font-size: 40px;
		color: #d61a1a;
	}

	table.sm td span.me {
		font-size: 35px;
		color: #d61a1a;
	}

	table.sm td span.ti {
		font-size: 35px;
		color: #7a2d2d;
	}

	table.sm td span.nom {
		font-size: 30px;
		color:#4c2727;
	}

	.room-p2 {
		width:80%;
		margin:20px auto;
		font-size:15px;
		text-align:left;
	}

	p.ticket-p {
		font-size:3vw;
	}

	p.ticket-p strong {
		font-size:5vw;
	}

	.fb-page {
		width: 100% !important;
	}

	.twitter-timeline {
		width: 100% !important;
	}

	.sns-fb {
		width: 100%;
		height: 500px;
		margin: 2% auto;
		float: none;
	}

	.sns-tw {
		width: 100%;
		height: 500px;
		margin: 2% auto;
		float: none;
	}
	
}
*/