@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poiret+One');

*
{
	margin: 0;
	padding: 0;
}

body
{
	background-attachment: fixed;
	background-image: url(img/bg.png);
	color: #6A3906;
	font-size: 16px;
	line-height: 1.5em;
}
body#model
{
	background-image: url(img/model-bg.png);
}
body#model #headData h2,
form *,
body
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a
{
	color: #E95383;
	text-decoration: underline;
}

img
{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.artistList,
.pcWrap
{
	overflow: hidden;
}

#artistList2 p
{
	clear: both;
}

.form-table + .center,
#ticket h2,
#kyouryoku,
#modelYoukou table + div,
#mc,
#foodList,
#foodList + p,
#foodList + p + p,
.artistList,
h3.headLine,
h2.headLine,
h2.modelHeadLine,
#headData,
#copy,
#logo
{
	text-align: center;
}

#kyouryoku li,
.artistList li,
#headData li
{
	list-style-type: none;
}

.form-table th,
.form-table td
{
	text-align: left;
}

#timeTable th,
h3.headLine,
h2.headLine,
#headData h2,
.fontPO
{
	font-family: 'Poiret One', cursive;
}

#cs
{
	font-family: Arial, Helvetica, sans-serif;
}

#headData li span,
#copy
{
	font-size: .8em;
}

#logo
{
	font-size: 1em;
	line-height: 1em;
	position: fixed;
	width: 100%;
	z-index: 0;
}

#main
{
	position: relative;
	z-index: 2;
}

#ticket,
#artistList1 li div,
#specialGuest,
#headData
{
	position: relative;
	z-index: 1;
}

#ticket .bgWhite,
#headDataBg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	filter:alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}

#ticket .inner p:nth-child(2),
a.maeuriToLink
{
	margin-top: 1em;
}

#foodList li,
.artistList li
{
	display: inline-block;
}

.bgGreen,
.bgPink
{
	color: #fff;
}

#modelYoukou,
#headDataBg
{
	background-color: #fff;
}

#timeTable td,
#headData .fontPO
{
	font-weight: bold;
}

#modelYoukou,
[type='submit'],
#headData li,
a.modelToLink,
a.maeuriToLink
{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#headData li
{
	background-color: #6A3906;
	color: #fff;
	display: inline-block;
	margin: 0 .5em;
	padding: 1.5em 0;
}
#headData li:last-child
{
	background-color: #EFE9E0;
	border: 1px solid #CEBAA3;
	color: #6A3906;
}

#modelYoukou
{
	color: #6A3906;
}

[type='submit'],
a.maeuriToLink
{
	background-color: #F08300;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
}

#copy
{
	background-color: #A3CDD8;
}
#ticket .inner p:nth-child(2) strong,
.bgYellow
{
	background-color: #FF0;
}
.bgPink
{
	background-color: #E1739B;
}
.bgGreen
{
	background-color: #63B08F;
}
.bgOrange
{
	background-color: #FAC03D;
}
.bgYellowGreen
{
	background-color: #E8E978;
}
.bgWhite
{
	background-color: #fff;
}
.bgBlue
{
	background-color: #A3CDD8;
}

#specialGuest h3
{
	position: absolute;
	bottom: .2em;
	right: 0;
}
#artistList2 div img
{
	float: left;
	width: 33.3%;
}
#specialGuest img,
.artistList img,
#mc img
{
	margin-bottom: .5em;
}

[type='text'],
[type='tel'],
[type='email'],
textarea
{
	border: 1px solid #ccc;
	padding: .5em;
}
[type='submit']
{
	border: none;
	font-size: 1.1em;
}
.form-table
{
	border-top: 1px dashed #6A3906;
	width: 100%;
}
.form-table th span
{
	color: #F00;
}

#timeTable table
{
	border-top: 1px dashed #6A3906;
}
#timeTable th,
#timeTable td
{
	border-bottom: 1px dashed #6A3906;
	padding: .5em 0;
}

@media screen and (min-width: 736px) {
	
	.spYes
	{
		display: none;
	}
	
	.pcCenter
	{
		text-align: center;
	}
	
	#kyouryoku li
	{
		display: inline-block;
	}
	
	[type='submit']
	{
		cursor: pointer;
	}

	[type='submit']
	{
		padding: 1em 3em;
	}
	a.maeuriToLink
	{
		padding: 1.5em 5em;
	}
	
	#copy
	{
		padding-bottom: 3em;
		padding-top: 6em;
	}
		
	#specialGuest
	{
		margin: 0 auto;
		width: 400px;
	}
	#timeTable table,
	#ticket .inner
	{
		margin: 0 auto;
		width: 600px;
	}
	
	#artistList1
	{
		padding: 0 1em;
	}
	#modelYoukou,
	#ticket,
	#artistList2 div
	{
		margin: 0 auto;
		width: 800px;
	}
	#modelList,
	#kyouryoku,
	#artistList2
	{
		margin: 0 auto;
		width: 1000px;
	}

	#modelYoukou .inner
	{
		padding: 2em;
	}
	.pcWrap,
	#head
	{
		padding: 6em 0;
	}
	#ticket,
	#headData
	{
		padding: 3em 0;
	}
	#foodList,
	#specialGuest
	{
		padding-top: 3em;
	}
	#modelList li,
	body#model #headData h2 + p,
	h3.headLine,
	#artistList3 ul,
	#foodList + p,
	#headData ul
	{
		padding-top: 2em;
	}
	#modelList + p,
	#kyouryoku li,
	#foodList + p + p,
	#headData h2,
	#headData p
	{
		padding-top: 1em;
	}
	#modelList li:nth-child(1),
	#modelList li:nth-child(2),
	body#model #headData h2,
	#headData p:first-child,
	#modelList
	{
		padding-top: 0 !important;
	}
	.form-table th,
	.form-table td
	{
		padding: 1em 0;
	}

	#kyouryoku li
	{
		margin: 0 1em;
	}
	#headData
	{
		margin-top: 20em;
	}
	.form-table
	{
		margin: 2em 0;
	}
	#ticket .inner p:first-child,
	#modelYoukou
	{
		margin-top: 2em;
	}
	#timeTable table,
	#mc,
	.artistList
	{
		margin-top: 3em !important;
	}
	#headData p:first-child
	{
		line-height: 2em;
	}
	body#model #artistList3
	{
		margin-top: 0 !important;
	}
	
	#headData .fontPO:first-child
	{
		font-size: 3em;
	}
	h2.modelHeadLine,
	h2.headLine
	{
		font-size: 2.5em;
	}
	#ticket h2,
	h3.headLine,
	#specialGuest h3,
	#headData h2
	{
		font-size: 2em;
	}
	#kaijo,
	#headData .fontPO:nth-child(3)
	{
		font-size: 1.5em;
	}

	.form-table th
	{
		width: 150px;
	}
	body#model .form-table th
	{
		width: 250px;
	}
	#headData li
	{
		width: 200px;
	}
		
	#tpg
	{
		margin: 0 auto;
		width: 380px;
	}
	#artistList1 li
	{
		margin: 0 1em;
		width: 250px;
	}
	#artistList2 li
	{
		width: 33.3%;
	}
	
	#mc img
	{
		width: 200px;
	}
	#foodList li
	{
		margin: 0 1em;
		width: 300px;
	}
	#artistList3 li
	{
		margin: 0 1em;
		width: 350px;
	}
	#modelList li
	{
		width: 400px;
	}
	
	#modelYoukou table
	{
		border-top: 1px dashed #6A3906;
	}
	#modelYoukou th,
	#modelYoukou td
	{
		border-bottom: 1px dashed #6A3906;
		padding: 1em 0;
	}
	#modelYoukou th
	{
		vertical-align: top;
		width: 100px;
	}

	.form-table th,
	.form-table td
	{
		border-bottom: 1px dashed #6A3906;
	}
	
}

@media screen and (max-width: 1200px) {

	#artistList1 li
	{
		margin: 0 .5em;
	}

}
@media screen and (max-width: 1100px) {

	#artistList1
	{
		margin: 0 auto;
		width: 600px;
	}
	#artistList1 li
	{
		margin: 0 1em;
		padding-top: 2em;
	}
	#artistList1 li:nth-child(1),
	#artistList1 li:nth-child(2)
	{
		padding-top: 0;
	}

}

@media screen and (max-width: 1000px) {

	#artistList2
	{
		margin: 0 auto;
		width: 700px;
	}
	
	#kyouryoku
	{
		width: 700px;
	}
	#kyouryoku li
	{
		width: 20%;
	}

}

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

	.spNo
	{
		display: none;
	}

	#headData .fontPO:nth-child(3)
	{
		display: block;
	}
	
	#specialGuest
	{
		margin: 0 auto;
		width: 250px;
	}
	
	#modelYoukou,
	#kyouryoku,
	.artistList
	{
		margin: 0 auto;
		width: 90% !important;
	}

	#logo img
	{
		width: 300px;
	}
	#timeTable th
	{
		width: 60px;
	}

	a.maeuriToLink
	{
		padding: 1em 0;
		display: inline-block;
		width: 90%;
	}

	#specialGuest
	{
		line-height: 1.5em;
	}

	#modelYoukou .inner
	{
		padding: 2em;
	}
	#copy
	{
		padding: 1em 0;
	}

	#head
	{
		padding: 1em 0;
	}
	#ticket,
	#headData
	{
		padding: 2em 0;
	}
	.pcWrap
	{
		padding: 3em 0;
	}
	
	body#model #headData
	{
		padding: 2em 1em;
	}
	
	#ticket .inner
	{
		padding: 0 1em;
	}

	h3.headLine,
	#mc,
	#foodList,
	#artistList3,
	#artistList2,
	.artistList li,
	#tpg
	{
		padding-top: 2em !important;
	}
	#ticket .inner p:first-child,
	#artistList3 li,
	#foodList + p,
	#foodList + p + p,
	#headData ul,
	#headData p
	{
		padding-top: 1em !important;
	}
	.form-table th
	{
		padding-top: .5em;
	}
	.form-table td
	{
		padding-bottom: .5em;
	}
	#timeTable td
	{
		font-size: .9em;
	}
	#tpg span,
	#artistList2 span
	{
		font-size: .8em;
	}
	#headData h2
	{
		padding-top: .7em;
	}
	body#model #headData h2,
	body#model #artistList3,
	#headData p:first-child
	{
		padding-top: 0 !important; 
	}

	.form-table
	{
		margin: 1em 0;
	}
	#modelYoukou,
	#specialGuest img
	{
		margin-top: 2em;
	}
	#headData
	{
		margin-top: 7em;
	}
	[type='submit']
	{
		margin-top: 1em;
	}
	.artistList li
	{
		margin: 0 !important;
	}
	
	#timeTable table
	{
		margin: 0 1em;
		margin-top: 2em;
	}

	#headData .fontPO:first-child
	{
		font-size: 2.5em;
	}
	h2.modelHeadLine,
	#specialGuest h3,
	h2.headLine,
	#headData h2
	{
		font-size: 2em;
	}
	body#model #headData h2,
	#kaijo,
	h3.headLine,
	#headData .fontPO:nth-child(3)
	{
		font-size: 1.5em;
	}
	#specialGuest
	{
		font-size: .75em;
	}

	#headData li
	{
		width: 150px;
	}

	#foodList li
	{
		margin: 0 .5em;
		width: 40%;
	}

	#mc img
	{
		width: 150px;
	}
	
	#kyouryoku li
	{
		float: left;
		width: 50%;
	}
	#kyouryoku li:nth-child(1),
	#kyouryoku li:nth-child(2)
	{
		height: 50px;
	}
	#kyouryoku li:nth-child(3),
	#kyouryoku li:nth-child(4)
	{
		height: 150px;
	}
	#kyouryoku li:nth-child(6) img
	{
		margin-top: .7em;
	}

	body#model #kyouryoku li:nth-child(1),
	body#model #kyouryoku li:nth-child(2)
	{
		height: 130px;
	}
	body#model #kyouryoku li:nth-child(1) img
	{
		margin-top: 1.8em;
	}
	
	.form-table th,
	.form-table td,
	#modelYoukou th,
	#modelYoukou td
	{
		display: block;
		text-align: left;
	}
	#modelYoukou th
	{
		border-bottom: 1px dashed #6A3906;
		padding-bottom: .5em;
		margin-top: 2em;
	}
	#modelYoukou tr:nth-child(1) th
	{
		margin-top: 0em;
	}
	#modelYoukou td
	{
		padding-top: .5em;
	}

	[type='submit']
	{
		padding: .5em 3em;
	}
	.form-table td
	{
		border-bottom: 1px dashed #6A3906;
	}

form *
{
	font-size: 1em;
}

	[type='text'],
	[type='tel'],
	[type='email'],
	textarea,
	[type='submit']
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

}

@media screen and (max-width: 360px) {
	
	#headData li
	{
		font-size: .9em;
		margin: 0 .3em;
		width: 130px;
	}
	#artistList2 span
	{
		font-size: .7em;
	}

}