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


html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body, div, p,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li,
table, caption,th, td,
form, fieldset, input, textarea, select,
pre, address, blockquote,
embed, object{margin:0px;padding:0px;}
	
/* font family
------------------------------------------------*/
body, form textarea{
font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック", sans-serif;
}

img{
	vertical-align:bottom;
}

img,a {
	border: none;
}

a {
	text-decoration:none;
	color: inherit;
}

a:hover{
	opacity:0.7;
	cursor:pointer;
}

li{
	list-style-type:none;
}

h2{
	text-align:center;
	color:#131313;
}

h3{
	text-align:center;
	color:#131313;
	margin: 1.4em 0 1.6em;
}

h4{
	text-align:center;
}

p{
	color:#131313;
}

p span{
	font-weight:bold;
}

#sec02,#sec04,#sec06{
	background:#87ccec;
}

.event_box{
	margin-bottom:2.5em;
}

#sec03 .event_box{
	border-bottom:1px solid #87ccec;
}


.event_wrap{
	margin:0 auto;
}

dl.event_tl{
	margin-bottom:2em;
}

dl.event_tl dd p{
	font-weight:bold;
}

dl.event_tl dd p:nth-child(2){
	font-size:2em;
	line-height: 1.3em;
	margin-top: 0.3em;
}

dl.event_tl dd p.small{
	font-size: 1em !important;
	font-weight: normal !important;
}

.accordion_box01 dd p,.accordion_box01 ul li,.accordion_box02 dd p,.accordion_box02 ul li,.accordion_box03 ul li{
	display:block;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0em;
}

.accordion_box03 ul{
	margin-bottom:1em;
}

#sec04 .report_box,#sec04 .report_box{
	background:#ffffff;
}

#sec05{
	padding: 3em 0 0;
	}


#sec06{
	text-align:center;
	padding: 3em;
	}

#sec06 .service_bnr{
	margin-bottom: 1.5em;
	margin-left: -11em;
	}

.btn01,.btn02{
	width:12em;
	padding:0.2em 0;
	color:#ffffff;
	text-align:center;
	margin:2em auto 0;
}

.btn01.open,.btn02.open{
	background:#140402;
}
.btn01.close,.btn02.close{
	background:#888888;
}

.copy{
	background:#140402;
	text-align:center;
}

.copy p{
	color:#ffffff;
	padding:0.5em 0;
}

/*罫線*/

.circle{
	width:100%;
	text-align:center;
}
.circle p{
	width:100%;
	position:relative;
	display:inline-block;
	padding:16px 0px 10px 0;
	border-top:2px solid #a7a3a1;
	text-align:left;
	box-sizing:border-box;
}
.circle p:before, .circle p:after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#a7a3a1;
	position:absolute;
	top:-5px;
}
.circle p:before{left:-4px;}
.circle p:after{right:-4px;}

.circleDot{
	font-size:20px;
	font-weight:bold;
}
/*罫線*/

.prize span.prize_tl{
	display:inline-block;
	width:9em;
	padding-left:1em;
}

.accordion_box03 a{
	color:#0092d9;
}

.center{
	text-align: center;
}

/*icon date*/
span.icon01{
	vertical-align:top;
}

span.day{
	vertical-align:top;
}


/*@media screen and (min-width: 768px) {
	html,body{
		min-width:980px;
	}*/
@media screen and (min-width: 640px) {
	html,body{
		min-width:1280px;
	}

	.header{
		width:100%;
	}

	.logo{
		max-width:1260px;
		width:100%;
		margin:0 auto;
		text-align:left;
	}

	.visual{
		width:100%;
		background:url(../image/visual_bg_img.png) 0 0 no-repeat;
		background-size :100%;
	}

	.visual h1{
		width:960px;
		margin:0 auto;
		padding:36px 10px;
	}


/*-----------------nav-----------------*/
	.inner{
		width:100%;
		background:#140402;
	}

	.inner #global-nav{
		width:960px;
		margin:0 auto;
	}
	
	.inner #global-nav ul{
		padding:0 0;
		overflow:hidden;
	}

	.inner #global-nav ul li{
		float: left;
		overflow:hidden;
	}
	.inner #global-nav ul li:nth-child(2){
/*		border-style:solid;
		border-width:0 1px;
		border-color: #ffffff;*/
	}

/*-----------------nav-----------------*/
	.news_list{
		margin-top:2em;
	}

	.news_list li{
		margin:0.5em 0;
	}

	.news_list li span{
		display: inline-block;
	}

	.news_list li span.day{
		width:10%;
		color:#777777;
		margin-right:2%
	}
	
	.news_list li span.icon01,.news_list li span.icon02,.news_list li span.icon03{
		text-align:center;
		width:14%;
		color:#ffffff;
		margin-right:3%
	}

	.news_list li span.icon01{
		background:#5ac5f7;
	}
	.news_list li span.icon02{
		background:#9fc821;
	}
	.news_list li span.icon03{
		background:#ffae00;
	}

	.news_list li span.text{
		width:71%;
	}

	h3{
		font-size:24px;
	}

	#sec02,#sec04{
		background-image:url(../image/about_bg.png);
		background-position:top right;
		background-repeat:no-repeat;
	}

	.cont_wrap{
		width:960px;
		margin:0 auto;
		padding:2.5em 0;
	}

	#sec03 .cont_wrap{
		width:100%;
	}

	#sec05 .cont_wrap{
		padding-bottom:0;
	}

	.event_wrap{
		width:960px;
		padding-bottom:3em;
	}

	#sec03 .event_box.last{
		border-bottom:none;
	}

	#sec03 .event_box.last .event_wrap{
		padding-bottom:0;
	}


	.cont_wrap dl,.cont_wrap dt,.cont_wrap dd{
		overflow:hidden;
	}

	.cont_wrap dt,.cont_wrap dd{
		float:left;
	}

	.cont_wrap dd{
		width:720px;
	}

	.accordion_box01 .textarea,.accordion_box02 .textarea,.accordion_box03 .textarea,.accordion_box01 dl,.accordion_box02 dl,.accordion_box03 dl{
		margin-bottom:1em;
	}

	.accordion_box01 dt,.accordion_box02 dt,.accordion_box03 dt{
		width:14%;
		margin-right:4%;
	}

	.accordion_box01 dd,.accordion_box02 dd,.accordion_box03 dd{
		width:82%;
	}

	.artist_list{
		width:100%;
		margin:1em auto;
		overflow:hidden;
	}

	.artist_list li{
		width:194px;
		text-align:center;
		margin: 1em 15px;
		float:left;
		overflow:hidden;
		font-weight:bold;
		text-indent:0 !important;
		padding-left:0 !important;
		box-sizing:border-box;
	}

	.artist_list li img{
		width:194px;
	}

	.artist_list li:nth-child(1){
		margin:1em 15px 0 140px;
	}

	.artist_list li:nth-child(4){
		margin:1em 15px 1em 140px;
	}

	.accordion_box01 .artist dt,.accordion_box02 .artist dt,.accordion_box03 .artist dt{
		width:25%;
		text-align:center;
		font-weight:bold;
	}

	.accordion_box01 .artist dt img,.accordion_box02 .artist dt img,.accordion_box03 .artist dt img{
		width:100%;
	}

	.accordion_box01 dd,.accordion_box02 dd,.accordion_box03 dd{
		width:70%;
	}

	.accordion_box01 dd p,.accordion_box02 dd p,.accordion_box03 dd p{
		text-indent:0;
		padding-left:0;
	}

	.accordion_box03 .profile_box{
		overflow:hidden;
		margin-bottom:1em;
	}

	.accordion_box03 .profile_box dt,.accordion_box03 .profile_box dd{
		float: left;
		overflow:hidden;
	}

	.accordion_box03 .profile_box dt{
		width:28%;
		margin-right:2%;
	}

	.accordion_box03 .profile_box dd{
		width:70%;
	}

	.accordion_box03 .profile_box dd .note{
		font-size:0.8em;
	}

	.accordion_box03 .profile_img img{
		width:100%;
	}

	.accordion_box03 .name{
		font-weight:bold;
	}

	.event_tl dt{
		padding-right:2em;
	}

	#sec04 .report_box,#sec04 .report_box{
		border-radius:10px;
		padding:3%;
	}

	
	.footer { 
		background: #87ccec;
		padding-top:5px; 
	}
	.footer .cont_wrap{
		padding:0;
		position:relative;
	}
	.footer .cont_wrap .ft_menu{
		width:100%;
		margin: 3em auto 0;
	}
	.footer .cont_wrap .ft_menu li {
		width: 24%;
		display: inline-block;
		padding-bottom: 0.5em;
		vertical-align: top;
		margin: 0;
	}
	.footer .cont_wrap .ft_menu li:nth-child(3),
	.footer .cont_wrap .ft_menu li:nth-child(4) {
		width: 25%;
	}
	.footer .cont_wrap .footer_logo{
		width: 390px;
		text-align:center;
		margin:0 auto 1em;
}

	#pageTop {
		position: fixed;
		right: 60px;
		bottom: 3em;
		width: 80px;
		height: 80px;
		margin: 0;
		z-index: 10000; 
	}

	#pageTop.fixMenu {
		margin: -5em 0px 0px;
		position: fixed;
		float: right;
		bottom: 2em; 
	}

	#pageTop a {
		background: url(/shared/img/top_btn.png) top no-repeat;
		background-size: 60px 60px;
		display: block;
		width: 100%;
		height: 100%;
		*height: 110%; 
	}

	#pageTop a:hover {
		background-position: bottom;
		opacity: 0.8; 
	}

	#pageTop a span {
		display: none; 
	}

	.sp{
		display:none !important;
	}

}

@media screen and (max-width: 639px) {
	.header .logo{
		/*width:30%;*/
	}

	h1 img,h2 img,h4 img{
		width:100%;
	}

	.news_list li{
		margin:0.5em 0;
	}

	.news_list li span{
		display: inline-block;
		vertical-align:top;
	}

	.news_list li span.day{
		width:120px;
		color:#777777;
		margin-right:2%
	}
	
	.news_list li span.icon01,.news_list li span.icon02,.news_list li span.icon03{
		text-align:center;
		width:120px;
		color:#ffffff;
		margin-right:0;
	}

	.news_list li span.icon01{
		background:#5ac5f7;
	}
	.news_list li span.icon02{
		background:#9fc821;
	}
	.news_list li span.icon03{
		background:#ffae00;
	}

	.news_list li span.text{
		width:100%;
	}

	.cont_wrap{
		width:100%;
		box-sizing:border-box;
		padding:2em 1em;
	}

	.visual{
		width:100%;
		background:url(../image/visual_bg_img.png) 0 0 no-repeat;
		background-size :100%;
	}

	.accordion_box01 dd p,.accordion_box02 dd p{
		display:block;
		text-indent:0;
		padding-left:0;
		margin-bottom:0.4em;
	}

	#sec02{
/*		background-image:url(../image/about_bg.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size: contain;*/
	}

	.event_wrap {
		padding-bottom: 3em;
	}

	#sec03 .event_box.last{
		border-bottom:none;
	}

	#sec04 .cont_wrap{
		padding:2em 0;
	}

	#sec04 h2,#sec04 h3{
		margin:0 1em;
	}
	
	#sec06 .service_sp{
		width:100%;
		margin:2em 0;
		}

	dl.event_tl dd p+p{
		font-size:1.5em;
		line-height: 1.3em;
		margin-top: 0.3em;
	}

	.artist_list{
		width:100%;
		margin:1em auto;
		overflow:hidden;
	}

	.artist_list li{
		width:48%;
		text-align:center;
		margin: 1em 1%;
		float:left;
		overflow:hidden;
		font-weight:bold;
		text-indent:0 !important;
		padding-left:0 !important;
		box-sizing:border-box;
	}

	.artist_list li img,.hukidasi img{
		width:100%;
	}

	.report_box{
		padding:1em;
	}

	.report_box p img{
		width:100%;
	}

	.cont_wrap dl,.cont_wrap dt,.cont_wrap dd{
		overflow:hidden;
	}

	.cont_wrap dt,.cont_wrap dd{
		float:left;
	}

	.accordion_box01 .textarea,.accordion_box02 .textarea,.accordion_box03 .textarea,.accordion_box01 dl,.accordion_box02 dl,.accordion_box03 dl{
		margin-bottom:1em;
	}

	.accordion_box01 dt,.accordion_box01 dt img,.accordion_box02 dt,.accordion_box03 dt{
		width:100%;
	}

	.accordion_box01 dt{
		text-align:center;
		font-weight:bold;
		margin-bottom:1em;
	}

	.accordion_box02 dt,.accordion_box03 dt{
		text-align:center;
		margin-bottom:1em;
		font-weight:bold;
	}

	.accordion_box02 dt img,.accordion_box03 dt img{
		width:100%;
		max-width:480px;
	}

	.accordion_box01 dd,.accordion_box02 dd,.accordion_box03 dd{
		width:100%;
	}

	.prize span.prize_tl{
		display:block;
		width:100%;
		text-indent:-2em;
	}

	dl.event_tl dt,dl.event_tl dd{
		float:none;
		text-align:center;
	}

	dl.event_tl dt{
		margin-bottom:1em;
	}

	dl.event_tl dd{
		line-height:1em;
	}

	.accordion_box03 .profile_box{
		overflow:hidden;
		margin-bottom:1em;
	}

	.accordion_box03 .profile_box dt{
		width:100%;
		margin:0 auto 1em;
	}

	.accordion_box03 .profile_box dd{
		width:100%;
	}

	.accordion_box03 .profile_box dd .note{
		font-size:0.8em;
	}

	.accordion_box03 .profile_img img{
		width:100%;
	}

	.accordion_box03 .name{
		font-weight:bold;
	}


	#sec03 .event_box.last .event_wrap{
		padding-bottom:0;
	}

	.footer .cont_wrap{
		background: #87ccec;
		padding:5px 0;
		position:relative;
	}
	.footer .cont_wrap .ft_menu{
		width:100%;
		margin: 3em auto 0;
		padding: 0 1em;
	}
	.footer .cont_wrap .ft_menu li {
		width:100%;
		padding-bottom: 0.5em;
	}
	.footer .cont_wrap .footer_logo{
		/*height:80px;*/
		text-align:center;
		margin:0.5em 0;
	}

	.footer .cont_wrap .footer_logo img{
		max-width:390px;
		width:100%;
		vertical-align:middle;
	}

	#pageTop {
		position: fixed;
		  right: 60px;
		bottom: 7%;
		width: 60px;
		height: 60px;
		margin: 0;
		z-index: 10000; 
	}

	#pageTop.fixMenu {
		margin: -5em 0px 0px;
		position: fixed;
		float: right;
		bottom: 2em; 
	}

	#pageTop a {
		background: url(/shared/img/top_btn.png) top no-repeat;
		background-size: 60px 60px;
		display: block;
		width: 100%;
		height: 100%;
		*height: 110%; 
	}

	#pageTop a:hover {
		background-position: bottom;
		opacity: 0.8; 
	}

	#pageTop a span {
		display: none; 
	}

	#pageTop {
		position: fixed;
		right: 20px;
		bottom: 5em;
		width: 60px;
		height: 60px;
		margin: 0; 
	}

	#pageTop.fixMenu {
		margin: -5em 0px 0px;
		position: fixed;
		float: right;
		bottom: 2em; 
	}

	#pageTop img{
		width:100%;
	}

/*-----------------nav-----------------*/
	.nav{
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}

	.inner #global-nav{
		padding:10px 0 0;
	}

	.inner #global-nav ul li:nth-child(2){
		border-style:solid;
		border-width:1px 0;
		border-color: #ffffff;
	}
	.inner #global-nav ul li:nth-child(3){
		border-style:solid;
		border-width:0px 0 1px;
		border-color: #ffffff;
	}


	#top-head {
		top: -100px;
		position: absolute;
		width: 100%;
		margin: 100px auto 0;
		padding: 30px 0 0;
		line-height: 1;
		z-index: 999;
}

	/* Toggle Button */
	#nav-toggle {
		position: absolute;
		right: 12px;
		top: 14px;
		width: 58px;
		height: 56px;
		cursor: pointer;
		z-index: 101;
	}

	#nav-toggle div {
		position: relative;
	}

	#nav-toggle span {
		display: block;
		position: absolute;
		height: 8px;
		width: 100%;
		background: #87ccec;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	#nav-toggle span:nth-child(1) {
		top: 0px;
	}

	#nav-toggle span:nth-child(2) {
		top: 21px;
	}

	#nav-toggle span:nth-child(3) {
		top: 42px;
	}

	.inner #global-nav{
		width:100%;
		background:#140402;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -150vh;
		background: #333;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#top-head #global-nav ul li a{
		width: 100%;
		display: block;
		color: #fff;
		padding: 18px 0;
	}
	#nav-toggle {
		display: block;
	}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 18px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(150vh);
		-webkit-transform: translateY(150vh);
		transform: translateY(150vh);
	}
/*-----------------nav-----------------*/
	.pc{
		display:none !important;
	}
}
@media screen and (max-width: 460px) {
	#pageTop {
		position: fixed;
		  right: 1em;
		bottom: 300px;/*180px*/
		width: 60px;
		height: 60px;
		margin: 0;
		z-index: 10000; 
	}
}

@media screen and (max-width: 321px) {
	#nav-toggle{
		top:17px;
		width:40px;
	}
	
	#nav-toggle span{
		height:6px;
	}

	#nav-toggle span:nth-child(1) {
		top: 6px;
	}

	#nav-toggle span:nth-child(2) {
		top: 20px;
	}

	#nav-toggle span:nth-child(3) {
		top: 34px;
	}

	#top-head #global-nav ul li a{
		width: 100%;
		padding: 18px 1em;
		box-sizing:border-box;
	}

	#top-head #global-nav ul li a img{
		width:100%;
	}

}

/* 20170531_write */


img.imgChange {
	width: 100%;
}

.circle {
	margin-top: 1em;
}