@charset "utf-8";

.pc {
    display: block;
}
.sp {
    display: none;
}

body{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.SandboxRoot.env-bp-970 .timeline-Tweet-text,.SandboxRoot.env-bp-820 .timeline-Tweet-text,.SandboxRoot.env-bp-660 .timeline-Tweet-text,.SandboxRoot.env-bp-550 .timeline-Tweet-text,.SandboxRoot.env-bp-430 .timeline-Tweet-text,.SandboxRoot.env-bp-330 .timeline-Tweet-text{
	font-size: 10.5pt !important;
	line-height: 14pt!important;
}

.twitter-timeline{
	font-size: 50%;
}

#home .colBanner .txt{
	text-align: center;
	font-size: 1.5em;
	margin:40px 0;
}
#home .colBanner .kaikin{
	margin: 1.0em 0;
	padding: 6px;
	background:#cc0044;
	color: #ffffff;
	display: inline-block;
	width: 60%;
	
}
/******************************************************************************
 *
 * Media Queries
 *
 *****************************************************************************/
@media only screen and (min-width:1001px) {
	/**************************
	 *
	 * header
	 *
	 *************************/
	#header {
		width: 100%;
		background-color: #fff;
	}
	#header h1 {
		text-align: center;
		width:100%;
}
	#header h1 img{
		width: 100%;
}
	#header #headerBar {
		width: 100%;
		background-color: #000;
		overflow: hidden;
	}
	#header #headerBar .inner {
		max-width:2000px;
		margin: 0 auto;
	}
	#header #headerBar h2 {
		float: left;
	}
	#header #headerBar h2 img {
		width: 320px;
	}
	#header #headerBar .sns {
		float: right;
	    margin-right: 10px;
	}
	#header #headerBar .sns ul {
		overflow: hidden;
	}
	#header #headerBar .sns ul li {
		margin-left: 10px;
		float: left;
	}
	#header #headerBar .sns .line {
		display: none;
	}
	#header #headerBar .sns .line img {
		width: 80px;
	}
	#header #headerBar .sns .twitter {
		margin-top : 5px;
	}
	#header #headerBar .sns .facebook img {
		width: 42px;
	}

	/**************************
	 *
	 * font
	 *
	 *************************/
	#globalMenu ul li {
		font-weight: bold;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
	}
	.colTtlA {
		font-weight: bold;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
	}

	/**************************
	 *
	 * global menu
	 *
	 *************************/
	#globalMenu {
		background-color: #8b0000;
	}
	#globalMenu ul {
		overflow: hidden;
		text-align: center;
	}
	#globalMenu ul li {
		display: inline;
		margin-right: 40px;
		font-size: 170%;
		font-weight: 500;
		color: #3A3A3A;
	}
	#globalMenu ul li a:link,
	#globalMenu ul li a:visited {
		color: #FFF;
		text-decoration: none;
	}
	#globalMenu ul li a:hover,
	#globalMenu ul li a:active  {
		color: #FF0;
		text-decoration: none;
	}
	
	#home .highlight{
		display: inline;
	}
	
	/**************************
	 *
	 * access
	 *
	 *************************/
	#access .imageAccess {
		width: 80%;
	}

	/**************************
	 *
	 * timetable
	 *
	 *************************/
	#timetable .imageTimetable {
		width: 100%;
	}

	/**************************
	 *
	 * colTimetable
	 *
	 *************************/
	.colTimetable {
		width:100%;
	}
	/**************************
	 *
	 * container
	 *
	 *************************/
	#container {
		//width: 1300px;
		margin: 0 auto;
		background-color: #FFF;
		padding: 20px;
	}

	/**************************
	 *
	 * footer
	 *
	 *************************/
	#footer {
		max-width:2000px;
		background-color: #000;
		padding-top: 20px;
	}
	#footer .inner {
		width: 100%;
		margin: 0 auto;
		text-align:center;
		color: #efefef;
		padding: 10px 0;
	}
	#footer .inner .LinkArchive{
	}
	#footer .inner .LinkArchive ul{
		overflow:hidden;
		width:60%;
		margin:0 auto;
		margin-top:30px;
	}
	#footer .inner .LinkArchive ul li{
		display:inline-block;
		width:40%;
		margin:0 10px;
	}
	#footer .inner .LinkArchive ul li img{
		width:100%;
	}
	#footer .inner .LinkArchive h2.ttl span{
		font-size: 150%;
		border: 1px dotted #FFF;
		padding: 4px 10px;
	}
	#footer .inner .LinkOffi{
		text-align:center;
		padding-top: 30px;
	}

	#footer .inner .LinkOffi .copyright a:link,
	#footer .inner .LinkOffi .copyright a:visited{
		color: #fff;
		text-decoration: none;
	}
	#footer .inner .LinkOffi .copyright a:hover,
	#footer .inner .LinkOffi .copyright a:active {
		color: #53B8C3;
		text-decoration: none;
	}


	/**************************
	 *
	 * pager
	 *
	 *************************/
	#pager {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}

	/**************************
	 *
	 * global
	 *
	 *************************/
	.colTtlA {
		font-size: 160%;
		font-weight: 600;
		color: #FFF;
		margin-bottom: 10px;
		background-color: #ff8c00;
		padding: 0 8px;
		line-height: 1.5em;
	}

	/**************************
	 *
	 * colBanner
	 *
	 *************************/
	.colBanner {
		margin-bottom: 20px;
	}
	.colBanner img {
		max-width: 100%;
	}

	/**************************
	 *
	 * colListA
	 *
	 *************************/
	.colListA ul {
		overflow: hidden;
		width:98%;
		margin:0 auto;
	}
	.colListA ul li {
		float: left;
		margin: 0 0px 4px 13px;
		width: 230px;
	}
	.colListA ul li a:link,
	.colListA ul li a:visited,
	.colListA ul li a:hover,
	.colListA ul li a:active {
		color: #2c2c2c;
		text-decoration: none;
	}

	.colListA ul li .image {
	}
	.colListA ul li .image img {
		width: 230px;
		vertical-align: bottom;
	}
	.colListA ul li .txt {
		font-size: 80%;
		padding: 4px;
	}

	/**************************
	 *
	 * colListB
	 *
	 *************************/
	.colListB {
		margin-bottom: 20px;
	}
	.colListB ul li {
		border-bottom: 1px solid #d0d0d0;
		margin-bottom: 10px;
		padding-bottom: 10px;
		overflow: hidden;
	}
	.colListB ul li .date {
		background-color: #f4a460;
		min-width: 80px;
		padding: 2px 6px;
		text-align: center;
		float: left;
		margin-right: 10px;
		color: #fff;
	}

	/**************************
	 *
	 * colDetail
	 *
	 *************************/
	.colSns #youtube {
		margin-bottom: 20px;
	}
	.colSns #youtube iframe {
		width: 100%;
		height: 500px;
	}
	.colSns #twitter {
	}
	.colSns #twitter iframe {
		width: 100% !important;
		height: 500px;
	}

	/**************************
	 *
	 * colDetail
	 *
	 *************************/
	.colDetail {
		overflow: hidden;
	}

	/**************************
	 *
	 * colTicket
	 *
	 *************************/
	.colTicket {
		overflow: hidden;
		width: 600px;
		background-color: #fff;
		padding: 20px;
	}
	.colTicket dt {
		float: left;
		clear: left;
		font-weight: bold;
		font-size: 150%;
	}
	.colTicket dd {
		margin-bottom: 20px;
		padding: 0 0 20px 150px;
		border-bottom: 1px dotted #c2c2c2;
	}
	.colTicket dd:last-child {
		border: none;
		margin-bottom: 0;
		padding: 0 0 0 150px;
	}

	/**************************
	 *
	 * access
	 *
	 *************************/
	#access .imageAccess {
		width: 80%;
	}

	/**************************
	 *
	 * timetable
	 *
	 *************************/
	#timetable .imageTimetable {
		width: 100%;
	}

	/**************************
	 *
	 * colTimetable
	 *
	 *************************/
	.colTimetable {
		width:100%;
	}

	/**************************
	 *
	 * contact
	 *
	 *************************/
	#contact #container {
		width: 100%;
		margin: 0 auto;
		background-color: #efefef;
		padding: 10px 10px 40px 10px ;
	}
} 



/******************************************************************************
 *
 * Media Queries
 *
 *****************************************************************************/
@media only screen and (max-width:1000px) {

	body {
		font-size: 13px;
	}

	/**************************
	 *
	 * header
	 *
	 *************************/
	#header {
		width: 100%;
		background-color: #fff;
		background-position: center center;
		background-repeat: repeat;
		background-size: cover;
	}
	#header h1 {
		text-align: center;
		width:100%;
}
	#header h1 img{
		width: 100%;
}
	#header #headerBar {
		width: 100%;
		background-color: #000;
		overflow: hidden;
	}
	#header #headerBar .inner {
		width: 100%;
		margin: 0 auto;
	}
	#header #headerBar h2 {
		float: left;
	}
	#header #headerBar h2 img {
		max-width: 320px;
		width: 100%;
	}
	#header #headerBar .sns {
		float: right;
		margin-right: 10px;
	}
	#header #headerBar .sns ul {
		overflow: hidden;
	}
	#header #headerBar .sns ul li {
		margin-left: 6px;
		float: left;
	}
	#header #headerBar .sns .line {
		display: block;
	}
	#header #headerBar .sns .line img {
		width: 80px;
	}
	#header #headerBar .sns .twitter {
		margin-top : 3px;
	}
	#header #headerBar .sns .facebook img {
		width: 42px;
	}
	#home .highlight{
		display: block;
	}
	
	#home .colBanner .kaikin{
		margin: 0 0;
		width: 90%;

	}
	/**************************
	 *
	 * font
	 *
	 *************************/
	#globalMenu ul li {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.colTtlA {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	/**************************
	 *
	 * global menu
	 *
	 *************************/
	#globalMenu {
		background-color: #8b0000;
		padding: 6px 6px 0 6px;
	}
	#globalMenu ul {
		overflow: hidden;
		text-align: center;
	}
	#globalMenu ul li {
		display: inline;
		margin-right: 6px;
		font-size: 140%;
		font-weight: 700;
		color: #3A3A3A;
		line-height: 1em;
	}
	#globalMenu ul li a:link,
	#globalMenu ul li a:visited {
		color: #FFF;
		text-decoration: none;
	}
	#globalMenu ul li a:hover,
	#globalMenu ul li a:active  {
		color: #FF0;
		text-decoration: none;
	}


	/**************************
	 *
	 * container
	 *
	 *************************/
	#container {
		width: 100%;
		margin: 0 auto;
		background-color: #FFF;
		padding: 10px;
	}

	/**************************
	 *
	 * footer
	 *
	 *************************/
	#footer {
		width: 100%;
		background-color: #000;
	}
	#footer .inner {
		width: 100%;
		margin: 0 auto;
		color: #efefef;
		padding: 10px;
		font-size: 90%;
		text-align: center;
	}
	#footer .official img {
		width: 60px;
	}
    #footer .inner .LinkOffi{
        width:100%;
        float:none;
    }
    #footer .inner .LinkArchive{
        width:100%;
        float:none;
        margin: 0px 0;
    }
	#footer .inner .LinkArchive ul{
		padding:20px 0;
		width:100%;
	}
	#footer .inner .LinkArchive ul li {
		//width: 100%;
	}
	#footer .inner .LinkArchive ul li img{
		width:100%;
	}
    #footer .LinkArchive h2.ttl span{
        font-size: 150%;
        border: 1px dotted #FFF;
        padding: 4px 10px;
}
	#footer .LinkArchive ul li{
		font-size:95%;
	}
	#footer .inner .LinkOffi .copyright a:link,
	#footer .inner .LinkOffi .copyright a:visited{
		color: #fff;
		text-decoration: none;
	}
	#footer .inner .LinkOffi .copyright a:hover,
	#footer .inner .LinkOffi .copyright a:active {
		color: #53B8C3;
		text-decoration: none;
	}

	/**************************
	 *
	 * pager
	 *
	 *************************/
	#pager {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}
	#pager .top img {
		width: 60px;
	}

	/**************************
	 *
	 * global
	 *
	 *************************/
	.colTtlA {
		font-size: 150%;
		font-weight: 600;
		color: #FFF;
		margin-bottom: 10px;
		background-color: #ff8c00;
		padding: 0 8px;
		line-height: 1.5em;
	}

	/**************************
	 *
	 * colBanner
	 *
	 *************************/
	.colBanner {
		margin-bottom: 10px;
	}
	.colBanner img {
		max-width: 100%;
	}

	/**************************
	 *
	 * colListA
	 *
	 *************************/
	.colListA ul {
		overflow: hidden;
	}
	.colListA ul li {
		float: left;
		margin: 0 5px 4px 0;
		max-width: 230px;
		width: 48%;
		//width: 100%;
		min-height: 150px;
	}
	.colListA ul li a:link,
	.colListA ul li a:visited,
	.colListA ul li a:hover,
	.colListA ul li a:active {
		color: #2c2c2c;
		text-decoration: none;
	}

	.colListA ul li .image {
	}
	.colListA ul li .image img {
		width: 100%;
		vertical-align: bottom;
	}
	.colListA ul li .txt {
		font-size: 80%;
		padding: 4px;
	}

	/**************************
	 *
	 * colListB
	 *
	 *************************/
	.colListB {
		margin-bottom: 10px;
	}
	.colListB ul li {
		border-bottom: 1px solid #d0d0d0;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.colListB ul li .date {
		background-color: #f4a460;
		padding: 2px 6px;
		min-width: 80px;
		text-align: center;
		color: #fff;
		width: 20%
	}

	/**************************
	 *
	 * colDetail
	 *
	 *************************/
	.colSns #youtube {
		margin-bottom: 10px;
	}
	.colSns #youtube iframe {
		width: 100%;
		height: 300px;
	}
	.colSns #twitter {
	}
	.colSns #twitter iframe {
		width: 100% !important;
		height: 300px;
	}

	/**************************
	 *
	 * colDetail
	 *
	 *************************/
	.colDetail {
		overflow: hidden;
	}

	/**************************
	 *
	 * colTicket
	 *
	 *************************/
	.colTicket {
		overflow: hidden;
		max-width: 600px;
		width: 100%;
		background-color: #fff;
		padding: 10px;
	}
	.colTicket dt {
		font-weight: bold;
		font-size: 150%;
	}
	.colTicket dd {
		margin-bottom: 10px;
		padding: 0 0 10px 0;
		border-bottom: 1px dotted #c2c2c2;
	}
	.colTicket dd:last-child {
		border: none;
		margin-bottom: 0;
	}

	/**************************
	 *
	 * access
	 *
	 *************************/
	#access .imageAccess {
		max-width: 752px;
		width: 100%;
	}

	/**************************
	 *
	 * timetable
	 *
	 *************************/
	#timetable .imageTimetable {
		max-width: 752px;
		width: 100%;
	}

	/**************************
	 *
	 * colTimetable
	 *
	 *************************/
	.colTimetable {
		max-width: 752px;
		width:100%;
	}


	/**************************
	 *
	 * contact
	 *
	 *************************/
	#contact #container {
		width: 100%;
		margin: 0 auto;
		background-color: #efefef;
		padding: 10px 10px 40px 10px ;
	}
}

@media only screen and (max-width:640px) {
    body {
        font-size: 13px;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .colBanner .sp {
        text-align: center;
    }
}