@charset "UTF-8";

/* 最新エントリー表示調整 */
#mainSection p#lastestImg:before,
#mainSection p#lastestImg:after {
	content: '';
	padding:0 0 0 !important;
	margin:0 0 0 !important;
}
#mainSection p#lastestImg {
	margin:0 0 0 !important;
}
#entryList {
	text-align:left;
}

/*スケジュール*/
#sche li{
	width:95%;
	padding:0.8em 1em;
	background:#fffaee;
}
#sche li:nth-child(2n+1) {
	background:#f3e6c8;
}

#mainSection h1 {
	margin-top:20px;
}

/* エントリーボタン */
#entryBtn {
	margin: 30px auto;
	width: 400px;
	height: 50px;
}
#entryBtn a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 50px;
	width: 400px;
	height: 50px;
	border-radius: 25px;
	position: relative;
	background: #9bc216;
	text-align: center;
}
#entryBtn a:hover {
	background: #f6b04d;
}

#entryBtn a:before {
	content: 'e';
	padding-left: 15px;
	color: #fff;
	font-size: 40px;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

/* insta */
#instawrap {
	margin-bottom:30px;
}
#instawrap:after {
	clear:both;
}
.instagram-placeholder {
	border:1px solid #999;
	padding:4px;
	margin-right:10px;
	background:#fff;
}
.instagram-placeholder:last-child {
	margin-right:0;
}

.instagram-placeholder img {
	width:100%;
}

/* soundplayer */
.player {
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
    font-size: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 8px;
}
.player li {
	float:left;
	width:48%;
}
.player li:last-child { float:right;}
.player .audiojs {
	background: -moz-linear-gradient(center top , #444 0%, #555 50%, #444 51%, #444 100%) repeat scroll 0 0 #404040;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	height: 36px;
	overflow: hidden;
	width: 100%;
}
.audiojs .play-pause {
    border-right: 1px solid #000;
    float: left;
    height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 4px 6px;
    width: 5%;
    min-width:25px;
}
.audiojs p {
    cursor: pointer;
    display: none;
    height: 40px;
    margin:0 0 0 0 !important;
    padding:0 5px;
}
.audiojs p.play:before,
.audiojs p.play:after{
	font-family:  'Open Sans', sans-serif !important;
	color: #000 !important;
    content: "" !important;
    display: inline !important;
    font-size: 12px !important;
    padding:0 !important;
    vertical-align: none !important;
    
}
.audiojs .scrubber {
    background: none repeat scroll 0 0 #5a5a5a;
    border-bottom: 0 none;
    border-left: 0 none;
    border-top: 1px solid #3f3f3f;
    float: left;
    height: 14px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 50%;
}
.audiojs .time {
    border-left: 1px solid #000;
    color: #ddd;
    float: right;
    height: 36px;
    line-height: 36px;
    margin: 0 0 0 6px;
    padding: 0 6px 0 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}


/*===============================================
● PC向け 横幅1040px以上
===============================================*/
@media all and (min-width: 1040px){
	body {
		background: url(../img/btm_main_bg.png) no-repeat 50% 542px;
	}
	
	/* twitter */
	iframe.twitter-timeline {
		width: 100% !important;
	}

	/* カルーセル */
	#mainVisual {
		margin: 0 auto;
		position: relative;
		width: 1000px;
		height: 400px;
		z-index: 0;
	}
	#mainVisual:before {
		content: url(../../img/main_over.png);
		position: absolute;
		left: 20px;
		top: 44px;
	}
	#mainVisual p:first-child {
		position: absolute;
		left: 253px;
		top: 282px;
		z-index: 10;
	}
	#mainCarrousel {
		z-index: 0;
	}

	/* バナー */
	#banner {
		margin-top:5px;
		overflow:auto;
	}
	#banner ul {
		margin:0;
		padding:0;
	}
	#banner ul li{
		float:left;
		width:240px;
		margin-right:10px;
	}
	#banner ul li:first-child{
		margin-left:5px;
	}
	#banner ul li a {
		-webkit-transition: background 0.25s ease-in-out 0s;
			   -moz-transition: opacity 0.25s ease-in-out 0s;
				 -o-transition: opacity 0.25s ease-in-out 0s;
				    transition: opacity 0.25s ease-in-out 0s;
	}
	#banner ul li a:hover {
		filter: alpha(opacity=70);
			-moz-opacity:0.7;
				opacity:0.7;
	}
	
	/* 1行おしらせ */
	#mainSection p:first-child {
		margin: 10px 0 20px;
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
	}
	
	#mainSection p:first-child:before,
	#mainSection p:first-child:after {
		content: 'r';
		color: #9bc216;
		padding: 0 15px;
		font-size: 50px;
		display: inline-block;
		vertical-align: middle;
	}

	#mainSection p.note {
		font-size:18px;
		margin: 10px 0 20px;
		display: block;
	}

	/* 地図 */
	#mainSection dd div {
		margin: 6px 0;
	}

	/* エントリーボタン */
	#entryBtn {
		margin: 30px auto;
		width: 400px;
		height: 50px;
	}
	#entryBtn a {
		color: #fff;
		display: block;
		font-size: 16px;
		line-height: 50px;
		width: 400px;
		height: 50px;
		border-radius: 25px;
		position: relative;
	background: #9bc216;
		text-align: center;
	}
	#entryBtn a:hover {
	background: #f6b04d;
	}

	#entryBtn a:before {
		content: 'e';
		padding-left: 15px;
		color: #fff;
		font-size: 40px;
		line-height: 50px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* 過去開催掲載バナー&他社用バナー */
	#ad {
		border:1px solid #999;
		padding:8px;
		overflow:hidden;
		margin-bottom:30px;
		background:#fff;
		font-size:10px;
	}
	#pub {
		border:1px solid #999;
		padding:8px;
		overflow:hidden;
		margin-bottom:30px;
		background:#eee;
		height:65px;
		font-size:10px;
	}
	#ad ul,
	#pub ul {
		margin:0;
		padding:0;
	}
	#ad ul li,
	#pub ul li{
		float:left;
		margin-right:8px;
	}
	#ad ul li:last-child,
	#pub ul li:last-child{
		margin-right:0;
	}
	#ad ul li a img,
	#pub ul li a img{
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 0.25s ease-in-out 0s;
		   -moz-transition: opacity 0.25s ease-in-out 0s;
			 -o-transition: opacity 0.25s ease-in-out 0s;
			    transition: opacity 0.25s ease-in-out 0s;
	}
	#ad ul li a img:hover,
	#pub ul li a img:hover {
		opacity: 0.5;
		filter: alpha(opacity=50) ;
	}
	/* ムービー */
	.embed-container {
		max-width:560px;
		max-height:314px;
		margin:0 auto;
		padding-bottom:35% !important;
	}
	.embed-container iframe{
		max-width:560px;
		max-height:314px;
	}
	/* insta */
	.instagram-placeholder {
		width:174px;
		float:left;
	}
}

/*===============================================
● タブレット向け 横幅640px以上1039px以下
===============================================*/
@media all and (min-width: 640px) and (max-width: 1039px){

	/* twitter */
	iframe.twitter-timeline {
		width: 90% !important;
	}

	/* カルーセル */
	#mainVisual {
		margin: 0 auto;
		position: relative;
		width: 640px;
		height: 256px;
		z-index: 2;
	}
	#mainVisual p:first-child {
		position: absolute;
		left: 40px;
		top: 190px;
		z-index: 10;
	}
	#mainCarrousel {
		z-index: 3;
	}
	#mainCarrousel img {
		width: 640px;
	}

	/* バナー */
	#banner {
		margin-top:5px;
	}
	#banner ul {
		margin:0;
		padding:0;
	}
	#banner ul li img {
		width:100%;
	}
	#banner ul li{
		float:left;
		width:160px;
	}
	#banner ul li a {
		-webkit-transition: background 0.25s ease-in-out 0s;
			   -moz-transition: opacity 0.25s ease-in-out 0s;
				 -o-transition: opacity 0.25s ease-in-out 0s;
				    transition: opacity 0.25s ease-in-out 0s;
	}
	#banner ul li a:hover {
		filter: alpha(opacity=70);
			-moz-opacity:0.7;
				opacity:0.7;
	}
	
	/* 1行おしらせ */
	#mainSection p:first-child {
		margin: 20px auto;
		text-align: center;
		position: relative;
		z-index: 0;
	}
	
	#mainSection p:first-child span {
		font-size: 16px;
		line-height: 1.4;
		display: table-cell;
		vertical-align: middle;
	}
	
	#mainSection p:first-child:before,
	#mainSection p:first-child:after {
		content: 'r';
		color: #9bc216;
		padding: 0 15px;
		font-size: 50px;
		display: table-cell;
		vertical-align: middle;
	}

	#mainSection p.note {
		font-size:18px;
		margin: 10px 0 20px;
		display: block;
	}

	/* 地図 */
	#mainSection dd div {
		margin: 6px 0;
	}
	#mainSection dd div img {
		width: 530px;
	}
	/* 過去開催掲載バナー&他社バナー */
	#ad {
		border:1px solid #999;
		padding:8px;
		overflow:auto;
		margin-bottom:30px;
		background:#fff;
	}
	#pub {
		border:1px solid #999;
		padding:8px;
		overflow:auto;
		margin-bottom:30px;
		background:#eee;
	}
	#ad ul,
	#pub ul {
		margin:0 auto;
		padding:0;
	}
	#ad ul li,
	#pub ul li{
		text-align:center;
		margin-bottom:0.5em;
	}
	#ad ul li:last-child,
	#pub ul li:last-child{
		margin-bottom:0;
	}
	#ad ul li a img,
	#pub ul li a img{
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 0.25s ease-in-out 0s;
		   -moz-transition: opacity 0.25s ease-in-out 0s;
			 -o-transition: opacity 0.25s ease-in-out 0s;
			    transition: opacity 0.25s ease-in-out 0s;
	}
	#ad ul li a imghover,
	#pub ul li a img:hover {
		opacity: 0.5;
		filter: alpha(opacity=50) ;
	}
	/* ムービー */
	.embed-container {
		max-width:560px;
		max-height:314px;
		margin:0 auto;
	}
	.embed-container iframe{
		max-width:560px;
		max-height:314px;
	}
	/* insta */
	.instagram-placeholder {
		width:110px;
		float:left;
	}
	/* soundplayer */
	.audiojs .scrubber {
	    width: 40% !important;
	}
}

/*===============================================
● スマートフォン向け 横幅639px以下
===============================================*/
@media all and (max-width:639px){
	/* 最新エントリー表示調整 */
	#mainSection p#lastestImg {
		margin:0 0 10px 10px !important;
	}

	/* カルーセル */
	#mainVisual {
		margin: 0 auto;
		position: relative;
		width: 100%;
		height: 80%;
		z-index: 10;
	}
	#mainVisual p:first-child {
		position: absolute;
		left: 0;
		bottom: -25%;
		width: 100%;
		height: auto;
		z-index: 100;
	}
	#mainVisual p:first-child img {
		width: 100%;
	}
	#mainCarrousel {
		z-index: 20;
	}
	#mainCarrousel img {
		width: 100%;
	}
	
	/* バナー */
	#banner {
		position: relative;
	}
	#banner ul {
		margin:0;
		padding:0;
	}
	#banner ul li img {
		width:100%;
	}
	#banner ul li{
		float:left;
		width:25%;
	}
	#banner ul li a {
		-webkit-transition: background 0.25s ease-in-out 0s;
			   -moz-transition: opacity 0.25s ease-in-out 0s;
				 -o-transition: opacity 0.25s ease-in-out 0s;
				    transition: opacity 0.25s ease-in-out 0s;
	}
	#banner ul li a:hover {
		filter: alpha(opacity=70);
			-moz-opacity:0.7;
				opacity:0.7;
	}
	
	/* 1行おしらせ */
	#mainSection p:first-child {
		margin-bottom: 15px;
		text-align: center;
	}

	#mainSection p:first-child span {
		font-size: 14px;
		line-height: 1.4;
		display: table-cell;
		vertical-align: middle;
	}
	
	#mainSection p:first-child:before,
	#mainSection p:first-child:after {
		content: 'r';
		color: #9bc216;
		padding: 0 5px;
		font-size: 30px;
		display: table-cell;
		vertical-align: middle;
	}

	#mainSection p.note {
		font-size:18px;
		margin: 10px 0 20px;
		padding: 0 10px;
		display: block;
	}

	/* 地図 */
	#mainSection dd div {
		margin: 6px 0;
	}
	#mainSection dd div img {
		width: 100%;
	}

	/* エントリーボタン */
	#entryBtn {
		margin: 30px auto;
		width: 300px;
		height: 50px;
	}
	#entryBtn a {
		font-size: 15px;
		width: 300px;
	}
	
	#entryBtn a:before {
		font-size: 25px;
	}
	/* twitterウィジェット矯正 */
	.inline-media {
		width:70% !important;
	}
	/* 過去開催掲載バナー&他社バナー */
	#ad {
		border:1px solid #999;
		padding:8px;
		overflow:auto;
		margin-bottom:30px;
		background:#fff;
	}
	#pub {
		border:1px solid #999;
		padding:8px;
		overflow:auto;
		margin-bottom:30px;
		background:#eee;
	}
	#ad ul,
	#pub ul {
		margin:0 auto;
		padding:0;
	}
	#ad ul li,
	#pub ul li{
		width:95%;
		text-align:center;
		margin:0 auto 0.5em;
	}
	#ad ul li:last-child,
	#pub ul li:last-child{
		margin-bottom:0;
	}
	#ad ul li img,
	#pub ul li a img{
		width:100%;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 0.25s ease-in-out 0s;
		   -moz-transition: opacity 0.25s ease-in-out 0s;
			 -o-transition: opacity 0.25s ease-in-out 0s;
			    transition: opacity 0.25s ease-in-out 0s;
	}
	#ad ul li a img:hover,
	#pub ul li a img:hover {
		opacity: 0.5;
		filter: alpha(opacity=50) ;
	}
	/* ムービー */
	.embed-container {
		width:100%;
	}
	.embed-container iframe{
		width:100%;
	}
	/* insta */
	.instagram-placeholder {
		border:1px solid #999;
		padding:4px;
		float:none;
		display:none;
	}
	.instagram-placeholder:first-child {
		display:block;
		margin-right:0;
	}
	/* soundplayer */
	.player {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #999;
		margin-bottom: 30px;
		overflow: auto;
		padding: 8px;
	}
	.player li {
		float:none;
		width:100%;
	}
	.audiojs .scrubber {
	    width: 75%;
	}
	.audiojs .time {
	    display:none;
	}
}