@charset "Shift-JIS"; 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html{
	width: 100%;
	height: 100%;
	margin: 0px;
    font:13px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    *font-size:small;
    *font:x-small;
}

BODY{
  margin:50px 0 0 0;
  font-size : 11pt;
  color : #436123;
}

A{
  color : #547dc9;
  text-decoration : none;
}

#menu A{
  color : #547dc9;
  text-decoration : none;
  font-weight:normal;
}

A:HOVER{
  color : #4d51f4;
  background-color : #b5ffe3;
}

HR{
	color : #c7d2e4;
	margin:2em 0;
}

h1{
	font-size:150%;
	line-height:1.2em;
	margin:0.5em 0 1.5em 0;
	text-align:center;
}

h2{
	font-size:138%;
	line-height:1.2em;
	margin:0.5em 0;
}

h3{
	font-size:138%;
	line-height:1.2em;
	padding:0;
	margin:0;
}

TD{
  font-size : 11pt;
  color : #693e16;
  background-color : #f8eede;
  vertical-align:middle;
  padding: 6px;
}

CAPTION{
  font-size : 11pt;
  color : #693e16;
  background-color : #f8eede;
  vertical-align:middle;
  padding: 6px;
}

IMG{
  border : 0;
  vertical-align:bottom;
}

#menu ul{
	padding:0;
	margin:4em 0 0 0;
	}

#menu li{
	list-style:none;
	padding:0;
	margin:0;
	}

#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#menu{
	width:210px;
	line-height: 1.3em;
	text-align : right;
	float:left;
	}

#menu img{
	margin-top:0.3em;
}

#main{
    width: 650px;
	line-height: 1.3em;
	float:right;
	margin-left:2em;
	}

#main P{
	>margin:10px 0;
	}

#footer {
	clear:both;
	text-align:center;
}

#event_schedule ul{
	margin: 0.5em 0;
	padding:0 1.5em;
}

#event_schedule li{
	margin: 0;
}

.info {
	font-weight: bold;
	color: #0000FF;
}

.text_red {
	color: red;
	font-weight: bold;
}

.text_gray{
	color:#eee;
}

.text {
	line-height: 1.4em;
}

.text_s{
	font-size:x-small;
}

.text_l{
	font-size:larger;
}

.both {
	clear: both;
}

.hr2 {
	margin:1em 0;
	height: 1px;
	border: none;
	border-top: 1px #c7d2e4 dashed;
}

.float_l{
	float:left;
}

.discinfo{
	margin-left:1em;
}

.tracklist{
}

.m_left{
	margin-left:1em;
}

#disco hr{
	clear:both;
}

#disco ol{
	margin:0.5em 0;
	font-size:x-small;
}

#disco li{
	padding-left:0;
	font-weight:bold;
}

#disco .float_l img{
	border:1px #CCC solid;
}

#ticket{
	line-height:1.3em;
}

#ticket p{
	margin-left:1em;
}

.title{
	font-size:125%;
	font-weight:bold;
	line-height:1.8em;
}

.menulist{
	letter-spacing:1px;
}

.flex{
    display:-webkit-flex;
    display:-moz-flex;
	display:-o-flex;
	display:flex;
	flex-wrap:-webkit-wrap;
	flex-wrap:-moz-wrap;
	flex-wrap:-o-wrap;
	flex-wrap:wrap;
	flex-direction:-webkit-row;
	flex-direction:-moz-row;
	flex-direction:-o-row;
	flex-direction:row;
    width:100%;     /*firefox*/
    height:auto;    /*chorme*/
}

.between-j{
	justify-content:-webkit-space-between;
	justify-content:-moz-space-between;
	justify-content:-o-space-between;
	justify-content:space-between;
}

.between-a{
	align-content:-webkit-space-between;
	align-content:-moz-space-between;
	align-content:-o-space-between;
	align-content:space-between;
}

.flex-start-j{
	justify-content:-webkit-flex-start;
	justify-content:-moz-flex-start;
	justify-content:-o-flex-start;
	justify-content:flex-start;
}

nav li{
	display:block;
}

nav .flex{
	justify-content:-webkit-center;
	justify-content:-moz-center;
	justify-content:-o-center;
	justify-content:center;
}

.box_s{
	margin-bottom:1em;
	padding:0.7em 0.7em 0.7em;
	border:1px solid #c7d2e4;
    width:46.5%;     /*firefox*/
    height:auto;    /*chorme*/
}

.box_s2{
	padding:0.7em 0.7em 0.7em;
	border:1px solid #c7d2e4;
    width:46.5%;     /*firefox*/
    height:auto;    /*chorme*/
}

.box_m{
	margin-bottom:1em;
	border:1px solid #c7d2e4;
	padding:0.7em;
	width:29%;
    height:auto;    /*chorme*/
}

.box_m2{
	margin-bottom:1em;
	border:1px solid #c7d2e4;
	padding:0.7em 0.7em 0.7em;
	width:46.5%;
    height:auto;    /*chorme*/
}

.box_l{
	margin-bottom:1em;
	border:1px solid #c7d2e4;
	padding:0.7em;
    width:auto;     /*firefox*/
	min-width:320px;
    height:auto;    /*chorme*/
}

.flex .box_s img{
	width:100px;
	height:auto;
	display:block;
}

.flex .box_m img{
	width:100%;
	max-width:400px;
	height:auto;
	display:block;
}

.flex .box_m2 img{
	width:100%;
	max-width:400px;
	height:auto;
	display:block;
}


.flex .box_l img{
	display:block;
}

nav {
	width:100%;
	height:auto;
}

nav ul{
	padding:0;
}

nav li{
	display:block;
	margin-right:1em;
	font-weight:bold;
	line-height:1.5em;
}

.price{
	color:red;
	font-weight:bold;
}

.nodisp{
	display:none;
}

#CLHRD h2{
	width:100%;
	padding:0.5em 0;
	margin:0;
	color:#fff;
	background-color:#000;
	text-align:center;
}

.block{
	display:block;
}

@media(max-width:767px){

BODY{
  margin: 0;
  font-size : 11pt;
  color : #436123;
}

h1{
	font-size:130%;
	padding:0;
}

.inp_100{
	width:100%;
}

#container{
	width:94%;
	margin-left:auto;
	margin-right:auto;
}

#menu{
	width:auto;
	line-height: 1.3em;
	text-align:center;
	float:none;
	margin:1em 0;
	padding:0 1em;
	}

.none{
	display:none;
}

.lineh_2{
	line-height:2em;
}

.youtube {
	width: 94%;
	max-width: 500px;
	height: auto;
	margin-left: 0px;
}

.flex{
	display:block;
}

.box_s{
    width:auto;
	min-width:300px;
	margin-left:0em;
}

.box_m{
    width:auto;
	min-width:300px;
	margin-left:0em;
}

.box_m2{
    width:auto;
	min-width:300px;
	margin-left:0em;
}

.box_l{
    width:auto;
	min-width:320px;
	margin-left:0em;
}

.box_s img{
	width:100%;
	height:auto;
}

.box_m img{
	width:100%;
	min-width:150px;
	height:auto;
}

.box_m2 img{
	width:100%;
	min-width:150px;
	height:auto;
}

.box_l img{
	width:100%;
	min-width:150px;
	height:auto;
}

.nodisp{
	display:inherit;
}

.nodisp_m{
	display:none;
}

}