@charset "UTF-8";
/* CSS Document */
* {
    box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clearfix {display: inline-table;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html,body {
	font-family:  'Noto Sans JP', 'Open Sans', sans-serif, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic';
	background-color:#fff;
	text-decoration:none;
	font-weight:normal;
	color:#262626;
	font-size: 62.5%;
	width:100%;
	-webkit-overflow-scrolling: touch;
	margin:0;
	padding:0;
}

body {
	overflow-x: hidden;
}

p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none;
}

img {
	max-width : 100% ;
	height : auto ;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

img,a {
	border-style:none;
	outline:none;
}

a:link,a:visited,a:hover {
	text-decoration:none;
	color:#262626;
}

@media screen and (min-width: 768px) {
html,body {
letter-spacing: 0.1rem;
}
.pchide {
	display:none !important;
}
}

@media screen and (max-width: 767px) {
.sphide {
	display:none !important;
}
}

h2,h4,h5,h6,div#ft_top ul li,.cb_header ul li,header nav ul li,#sec1 p,#sec3 aside dl dt,div#symbol dl dt,#sec4 dl dt {
	font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
h2,h4,h5,h6,div#ft_top ul li,div#ft_btm dl dt,.cb_header ul li,header nav ul li,#sec1 p,#sec3 aside dl dt,div#symbol dl dt,#sec4 dl dt {
	font-weight: bold;
}
}

/*スクロールヘッダ*/
div#cb_header {
  background-color: rgba(248,248,248,0.9);
  line-height: 60px;
  text-align: center;
  width: 100%;
  color: #262626;
}

div#dwinner {
	width: 1100px;
	margin: 0 auto;
}

div#cb_header a:link,
div#cb_header a:visited {
  color: #262626;
	
}

.cb_header {
  position: fixed;
  top: -64px;
  left: 0;
	z-index: 999;
}

/*header*/

@media screen and (min-width: 768px) {
header {
	background-color: #d81829;
}
header div#hd_wrap {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
	
h1 {
	width: 218px;
	height: auto;
	position: absolute;
	top: 42px;
	left: -22px;
}
	
h1 img {
width: 218px;
height: auto;
}
	
	header nav ul li {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 22px 0 0;
}
	
header nav ul,
#dwinner ul {
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	}
	
header nav ul li a,
#dwinner ul a {
  padding: 0 0  0.7rem;
  position: relative;
  text-decoration: none;
  display: inline;
}
	
header nav ul li a:before,
header nav ul li a:after {
  height: 1px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #fff;
  width: 0;	
}
	
#dwinner ul a:before,
#dwinner ul a:after {
  height: 1px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #262626;
  width: 0;	
}
	
header nav ul li a:before,
#dwinner ul a:before {
	bottom: 0;
}
header nav ul li a:after,
#dwinner ul a:after {
	bottom: 0;
	left: 0;
}
	
header nav ul li a:hover,
header nav ul li.current a {
  color: #fff;
}
#dwinner ul a:hover,
#dwinner ul  li.current a {
  color: #262626;
}
	
header nav ul li a:hover:before,
header nav ul li.current a:before,
header nav ul li a:hover:after,
header nav ul li.current a:after,
#dwinner ul a:hover:before,
#dwinner ul li.current a:before,
#dwinner ul a:hover:after,
#dwinner ul li.current a:after {
  width: 100%;
}
		
header nav a:link,
header nav a:visited {
	color: #fff;
}
	
header nav p {
	padding: 10px 0 20px;
	font-size: 1.2rem;
	text-align: right;
	font-weight: bold;
}
	
header nav p span {
	padding: 0 0 0 10px;
	color: #fff;
}
		
header nav p span a:link,
header nav p span a:visited {
  color: rgba(255,255,255,0.7)
}
	
header nav p span a:hover {
	color: #fff;
}
	
header nav p span:first-child {
	border-right: 1px #fff solid;
	padding: 0 10px 0 0;
}
	
.cb_header h2,
header h1 {
	float: left;
}

.cb_header h2 {
	font-size: 2.0rem;
	font-weight: normal;
}
	
.cb_header ul,
header nav,
p.hd_sns {
	float: right;
}
	
p.hd_sns {
	margin: 0 0 0 34px;
	padding: 0;
}
p.hd_sns a {
	font-size: 2.0rem;
	line-height:0;
	display: inline-block;
	padding:4px;
	height: 30px;
	width: 30px;
	vertical-align: middle;
}
	
p.hd_sns a:hover i {
	opacity: 0.8;
}
.cb_header ul li,
header ul li {
	display: inline;
}
	
.cb_header ul li {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 22px 0 0;
}
	
.cb_header ul li:last-child,
header nav ul li:last-child {
	margin: 0;
}
	
nav span.hd_sns {
	margin: 0 0 0 24px;
	padding: 0;
	border: none !important;
}

nav span.hd_sns a {
	font-size: 2.0rem;
	line-height:0;
	display: inline-block;
	padding:4px;
	height: 30px;
	width: 30px;
}
	
nav span.hd_sns a:first-child {
	border-right: none;
}
	
nav span.hd_sns a:link i {
color: #fff;
}

#ad nav span.hd_sns a:link i,
#info nav span.hd_sns a:link i,
#artist nav span.hd_sns a:link i,
#ticket nav span.hd_sns a:link i{
color: #262626;
}

nav span.hd_sns a:hover i {
	opacity: 0.8;
}
}

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

/*footer*/

footer a:link,
footer a:visited {
	color: #fff;
}

div#ft_top,
div#ft_btm {
	color: #fff;
}

div#ft_top ul li {
	font-size: 1.6rem;
}

div#ft_top ul li span {
	margin: 0 24px;
}

div#ft_btm dl dt  {
	font-size:1.6rem;
	margin: 0 0 10px;
}


small {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 1.0rem;
	padding: 10px 0;
}

@media screen and (min-width: 768px) {
footer {
	background-color: #262626;
	margin: 60px 0 0;
}

footer a:hover {
	text-decoration: underline;
}
	
div#ft_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
div#ft_top {
	margin: 0 0 30px;
}

div#ft_top ul li {
	display: inline;
}
	
div#ft_btm p {
	text-align: right;
	margin: 10px 0 0;
}
	
div#ft_btm p img {
width: 142px;
height: auto;
}
	
div#ft_btm dl dd {
	font-size: 1.3rem;
	border: 1px #fff solid;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 14px 20px;}
}

@media screen and (max-width: 767px) {
footer {
	background-color: #262626;
}

div#ft_wrap {
	width: 96%;
	margin: 0 auto;
	padding: 20px 0;
}
	
div#ft_top {
	margin: 0 0 20px;
}

div#ft_top ul li {
	font-size: 1.6rem;
	width: 49%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	margin: 0 1% 2% 0;
	font-family:  'Noto Sans JP', 'Open Sans', sans-serif, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic';
	font-weight: normal;
}
	
div#ft_top ul li:nth-child(2n) {
margin: 0 0 2% 1%;
}
div#ft_top ul li a {
	border: 1px #fff solid;
	display: block;
	padding: 10px;
}
	
div#ft_btm p {
	text-align: center;
}
	
div#ft_btm dl dd {
	font-size: 1.4rem;
	display: block;
	margin: 0 0 10px;
}
div#ft_btm p {
	text-align: center;
	margin: 50px 0 0;
}
div#ft_btm p img {
	width: 38%;
	height: auto;
	text-align: center;
}
}


/*sec1*/
#sec1 {
	background-color: #d81829;
	color: #fff;
}

@media screen and (min-width: 768px) {
#sec1 {
	padding:68px 0 100px;
}

	#sec1 div {
		width: 1100px;
		margin: 0 auto;
		padding: 0 0 0 155px;
		box-sizing: border-box;
		text-align: right;
	}
	
#sec1 span {
	text-align: right;
	font-size: 1.1rem;
	width: 1100px;
	margin: 0 auto;
	display: block;
}
	
#sec1 p {
	width: 1100px;
	margin: 0 auto;
	text-align: right;
	font-size: 1.5rem;
	padding: 30px 0 0 155px;
}

#sec1 p span.sphide {
	display: inline;
}
}

@media screen and (max-width: 767px) {
#sec1 {
	padding: 52px 0 40px;
}
#sec1 span {
	text-align: right;
	font-size: 1.0rem;
	width: 96%;
	margin: 0 auto;
	display: block;
}
#sec1 p {
	width: 96%;
	margin: 0 auto;
	font-size: 1.5rem;
	padding: 20px 0 0 ;
}
}

/*sec2*/

#sec2 h3 {
	font-size: 1.6rem;
	border-bottom: 2px #262626 solid;
	display: inline-block;
	padding: 0 6px 2px;
}

ul li#sec2_left p {
	font-size: 1.5rem;
	margin: 10px 0 0 0;
	text-align: right;
}

ul li#sec2_left p a:hover {
text-decoration: underline;
}

	
ul li#sec2_right p.month {
	border: none !important;
	padding: 6px 0 6px;
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin: 0;
}

ul li#sec2_right {
	background-color: #262626;
	color: #fff;
}

ul li#sec2_right h3 {
	margin: 0 0 20px;
	border-bottom: 2px #fff solid;
}

@media screen and (min-width: 768px) {
/*
#sec2 {
background-color: #262626;
background-image: -webkit-gradient(linear, 0 0, 120% 0, color-stop(.5, #ffffff), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #ffffff 60%, transparent 60%, transparent);
background-image: -o-linear-gradient(left, #ffffff 60%, transparent 60%, transparent);
background-image: linear-gradient(left, #ffffff 60%, transparent 60%, transparent);
}
*/
	
	#sec2 {
		background: transparent url(../img/sec2_bg.png) repeat-y center top;
	}
	
#sec2 ul,
#sec6 ul {
	width: 1000px;
	margin: 0 auto;
}
#sec2 ul li {
	float: left;
}
	
ul li#sec2_left,
ul li#sec2_right {
	padding: 60px 0 ;
}

#sec2 ul li#sec2_left {
	width: 60%;
}
#sec2 ul li#sec2_right {
	width: 40%;
	padding-left:40px;
}
	
#sec2 ul li#sec2_right div#sche_wrap {
	padding: 0 16px 0 0;
}
	
#sec2 ul li#sec2_right div#sche_inner {
	/*height: 420px;*/
	height: 370px;
	overflow: auto;
}
	
#sec2 ul li#sec2_right dl {
	margin: 0 0 20px;
}
	
#sec2 ul li#sec2_right dl dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 4px;
	color: #d81829;
}
	
#sec2 ul li#sec2_right dl dt span {
	float: right;
}
	
#sec2 ul li#sec2_right dl dd {
	font-size: 1.4rem;
	font-weight: 300;
}
	
ul li#sec2_right p {
	border: 1px #fff solid;
	font-size: 1.4rem;
	padding: 10px 14px;
	margin: 10px 0 0;
}
ul li#sec2_right p i {
	font-size: 120%;
	padding: 0 0 0 4px;
}

ul li#sec2_right p a:link,
ul li#sec2_right p a:visited {
	color: #fff;
}

ul li#sec2_right p a:hover {
	text-decoration: underline;
}
}

@media screen and (max-width: 767px) {
 #sec2 ul li#sec2_left h3 {
	display: block;
}
	
 #sec2 ul li#sec2_right h3 {
	 margin: 0 0 10px;
}
	
#sec2 ul,
#sec6 ul {
	width: 96%;
	margin: 0 auto;
}
ul li#sec2_left {
	padding: 30px 0 ;
}

ul li#sec2_right {
	padding: 30px 20px;
	margin: 20px 10px;
}
	
#sec2 ul li#sec2_right dl {
	margin: 0 0 20px;
}
	
#sec2 ul li#sec2_right dl dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 4px;
	color: #d81829;
}
	
#sec2 ul li#sec2_right dl dt span {
}
	
#sec2 ul li#sec2_right dl dd {
	font-size: 1.4rem;
}
ul li#sec2_right p {
	border: 1px #fff solid;
	font-size: 1.4rem;
	padding: 10px 14px;
	margin: 10px 0 0;
}

ul li#sec2_right p i {
	font-size: 120%;
	padding: 0 0 0 4px;
}

ul li#sec2_right p a:link,
ul li#sec2_right p a:visited {
	color: #fff;
}
}

/*sec3*/
#sec3 aside dl {
	margin: 0 0 30px;
}

#sec3 aside dl dd {
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
#sec3 {
	background-color: #d81829;
	color: #fff;
	padding: 70px 0 100px;
}

div.sec_inner {
	width: 1000px;
	margin: 0 auto;
}
	
div#concept {
	background: transparent url(../img/sec3_img.jpg) no-repeat left top;
	background-size: 46% auto;
	padding: 0 0 0 46%;
	min-height: 340px;
	border-bottom: 1px rgba(255,255,255,0.7) solid;
}
	
h4 {
	font-size:1.8rem;
	margin: 0 0 8px;
	border-bottom: 1px #fff solid;
	padding: 0 0 1px;
	font-weight: 700;
}

h6 {
	font-size:3.6rem;
	margin: 0 0 8px;
	font-weight:700;
}

#sec3 p {
	font-size: 1.5rem;
}

div#concept h4,
div#concept h6,
div#concept p {
	margin-left: 40px;
	text-align: right;
}

div#concept p {
	margin-left: 40px;
	text-align: left;
}

#sec3 aside {
	padding:60px 0 0;
}
	
#sec3 aside dl {
	float: left;
	width: 50%;
}
	
#sec3 aside dl:nth-child(2n) {
	padding: 0 0 0 2%;
}
	
#sec3 aside dl:nth-child(odd) {
	padding: 0 2% 0 0 ;
}
	
#sec3 aside dl dt {
	font-size:2.1rem;
	margin: 0 0 8px;
}
div#symbol {
	background: transparent url(../img/sec3_logo.png) no-repeat left 60px;
	padding: 60px 0 0 600px;
	border-top: 1px rgba(255,255,255,0.7) solid;
	margin: 30px 0 0;
	min-height: 353px;
}
div#symbol dl dt {
	font-size:2.6rem;
	margin: 0 0 8px;
}

div#symbol dl dd {
	font-size:1.5rem;
}
}

@media screen and (max-width: 767px) {
#sec3 {
	background-color: #d81829;
	color: #fff;
	padding: 40px 0 50px;
}

div.sec_inner {
	width: 96%;
	margin: 0 auto;
}
div#concept {
	background: transparent url(../img/sec3_img.jpg) no-repeat center bottom;
	background-size: 96% auto;
	padding-bottom: 63%;
	margin: 0 0 30px;
}
	
h4 {
	font-size:1.8rem;
	margin: 0;
}

h6 {
	font-size:2.8rem;
	line-height: 3.8rem;
	margin: 0 0 8px;
	font-weight:lighter;
}

#sec3 p {
	font-size: 1.4rem;
}

aside {
border-top: 1px rgba(255,255,255,0.7) solid;
border-bottom: 1px rgba(255,255,255,0.7) solid;
padding: 20px 0 ;
margin: 20px 0;
}
	
#sec3 aside dl dt {
	font-size:1.8rem;
	margin: 0 0 8px;
	letter-spacing: -0.02rem;
}
div#symbol {
	background: transparent url(../img/sec3_logo.png) no-repeat center top;
	background-size: 96% auto;
	padding: 58% 0 0 ;
	margin: 40px 0 0;
}
div#symbol dl dt {
	font-size:1.8rem;
	margin: 0 0 4px;
}

div#symbol dl dd {
	font-size:1.4rem;
}
}

/*sec4*/
#sec4 h4 {
	border-bottom: 1px #262626 solid;
}

h5 {
	font-size:1.6rem;
	margin: 30px 0 20px;
}

div#sec_list dl {
	float: left;
}

#sec4 dl dt {
	font-size:1.6rem;
	margin: 0 0 8px;
	line-height: 2.4rem;
}

#sec4 dl dd {
	font-size:1.2rem;
}

@media screen and (min-width: 768px) {
#sec4 {
	padding: 50px 0;
}

#sec4 div.sec_inner {
	border-bottom: 1px #262626 solid;
	padding: 0 0 30px;
}

div#sec_list dl {
	width: 25%;
	padding: 0 2% 0 0;
	margin: 0 0 32px;
}
div#sec_list dl:nth-child(4n) {
	padding: 0;
}
}

@media screen and (max-width: 767px) {
#sec4 {
	padding: 40px 0  30px;
}

#sec4 div.sec_inner {
	border-bottom: 1px #262626 solid;
	padding: 0 0 20px;
}

div#sec_list dl {
	width: 50%;
	padding: 0 3% 0 0;
	margin: 0 0 30px;
}
div#sec_list dl:nth-child(2n) {
	padding: 0 0 0 3%;
}
}

/*sec5*/
#sec5 div.sec_inner {
	border-bottom: 1px #262626 solid;
	padding: 0 0 30px;
}

#sec5 dl {
	font-size: 1.3rem;
	margin: 0 0 18px;
}

@media screen and (min-width: 768px) {
#sec5 {
	margin: 0 0 50px;
}

	#sec5 dl dt {
		width: 10%;
		float: left;
		font-weight: bold;
	}
	#sec5 dl dd {
		width: 90%;
		float: right;
	}
}

@media screen and (max-width: 767px) {
#sec5 {
	margin: 0 0 20px;
}

#sec5 dl dt {
	font-weight: bold;
}
#sec5 dl dd img {
	width: 96%;
}
}

/*sec6*/

#sec6 ul li {
	font-size: 1.4rem;
	border: 1px #262626 solid;
	padding: 14px 20px;
	margin: 0 30px 0 0;
}

#sec6 ul li a:hover {
	text-decoration: underline;
}

#sec6 ul li i {
    font-size: 120%;
    padding: 0 0 0 4px;
}

@media screen and (min-width: 768px) {
#sec6 ul li {
	float: left;
}
}

@media screen and (max-width: 767px) {
#sec6 {
	margin: 0 0 10px;
}
#sec6 ul li {
	margin: 0 0 10px;
}
}

/*facebook*/

div#fb_inner {
	padding:20px  20px;
    height: 480px;
    overflow: auto;
	background-color: #f5f5f5;
}

div#facebookArea ul {
	width: 100%;
	padding:0 20px;
}

div#facebookArea ul li {
	margin: 0 0 10px;
}
div#facebookArea ul li div.time {
	font-size: 1.2rem;
	font-weight: bold;
}

div#facebookArea ul li div.content {
	font-size: 1.3rem;
}

div#facebookArea img {
	max-width: 90%;
	margin: 6px auto;
}
@media screen and (min-width: 768px) {
div#facebookArea {
	margin: 18px 40px 0 0;
}
}
@media screen and (max-width: 767px) {
div#facebookArea {
	margin: 18px auto 0;
	width:80%;
}
div#facebookArea {
	display:none;
	clear:both;
}
}