@charset "utf-8";
.margin-top15{
	margin-top:15px;
}

div.error-info{
	background:#fff;
	padding:10px;
	margin:20px 30px;
	border-radius: 10px;
}
div.error-info a{
	color:#000 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
div.error-info a p{
	text-align: center;
}

/* トップページ
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) { /* PC ==================== */
	.fotorama-wrap{
		margin-bottom:10px;
	}
	.fotorama{
		width:960px;
		margin:0 auto;
	}
	.fotorama div span{
		background-size:cover;
	}
	.fotorama span {
    background:transparent no-repeat center;
    width:960px;
    height:825px;
    display:block;
    text-indent:-9999px;
	}
	.fotorama-shadow{
		width:960px;
    height:825px;
    margin:0 auto;
		box-shadow: 0px 0px 3px 3px rgba(255,255,255, 0.50);
		-webkit-box-shadow: 0px 0px 3px 3px rgba(255,255,255, 0.50);
		-moz-box-shadow: 0px 3px 0px 3px rgba(255,255,255, 0.50);
	}
	.fotorama-thumbs-bg{
		width:960px;
    height:73px;
    margin-bottom:10px;
	}
}
@media screen and ( max-width:640px ) {
	@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
		.fotorama{
			width:320px !important;
		}
		.fotorama span {
  		width:320px !important;
  		height:275px !important;
  		background-size:100% !important;
		}
		.fotorama-shadow{
			width:320px !important;
  	  height:275px !important;
		}
	}
	@media only screen and (orientation : landscape) { /*横向きの際に適用*/
		.fotorama{
			width:480px !important;
		}
		.fotorama span {
  	  width:480px !important;
  	  height:413px !important;
  	  background-size:100% !important;
		}
		.fotorama-shadow{
			width:480px;
    	height:413px !important;
		}
	}
	.fotorama{
		margin:0 auto;
	}
	.fotorama span {
    background:transparent no-repeat;
    display:block;
    text-indent:-9999px;
	}
	.fotorama-shadow{
    margin:0 auto;
		box-shadow: 0px 0px 3px 3px rgba(255,255,255, 0.50);
		-webkit-box-shadow: 0px 0px 3px 3px rgba(255,255,255, 0.50);
		-moz-box-shadow: 0px 3px 0px 3px rgba(255,255,255, 0.50);
	}
	.fotorama-thumbs-bg{
		width:100%;
    height:54px;
    margin-bottom:10px;
	}
}

#slide-link {
	width: 100%;
	position: relative;
	z-index: 9999;
}
#slide-link img {
	width: 100%;
}
#slide {
	position: absolute;
	left: 0;
	top: 0;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
#top_bottom_box {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background: url(../img/bg_top_frame03.png) repeat;
	background-size: contain;
	position: relative;
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	#top_news_box {
		width: 470px;
		float: left;
		margin: 10px 0 0 30px;
	}
	#top_news_box dl {
		padding-bottom: 10px !important;
	}
	#top_news_box dt {
		width: 80px;
		clear: both;
		float: left;
		margin: 10px 0 0 0;
	}
	#top_news_box dd {
		width: 380px;
		float: left;
		margin: 10px 0 0 10px;
	}
}
@media screen and ( max-width:640px ) { /* SP ==================== */
	#top_news_box {
		width: 90%;
		margin: 30px auto 20px;
		border-bottom: 2px solid #000;
		padding-bottom: 10px;
	}
	#top_news_box img{
		width: 100%;
	}
	#top_news_box dl{
		margin-bottom:20px;
	}
	#top_news_box dt {
		margin: 10px 0 0 0;
	}
	#top_news_box dd {
		margin: 5px 0 0 0;
	}
}

#top_news_box h2{
	font-family: 'Anton', sans-serif;
	font-size: 20pt;
	line-height: 1.0;
	color: #ff8a00;
	position: relative;
	margin: 0;
	padding: 0;
}
#top_news_box h2 span{
	position: absolute;
}
#top_news_box h3{
	font-family: 'Geostar Fill', cursive;
	font-size: 15pt;
	font-weight: bold;
	font-style: oblique;
	letter-spacing: 0.1em;
	padding: 0.2em 0.2em 0.2em 0.7em;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	#top_news_box h2 svg{
		width:470px;
		height:42px;
		margin-bottom: -5px;
	}
	#top_news_box h2 span{
		position: absolute;
		top: 10px;
		left: 20px;
	}
}
@media screen and ( max-width:640px ) { /* SP ==================== */
	#top_news_box h2 svg{
		width:100%;
		margin-bottom: -2px;
	}
	#top_news_box h2 span{
		top: -5px;
		left: 10px;
	}
}

/*アコーディオン*/
.accordion-container{}
.accordion-container .accordion-title {
	color: #ff8a00;
  position: relative;
  margin: 0;
  padding: 0.2em 0.2em 0.2em 0.7em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#232323+0,4f4f4f+5,262626+50,303030+51,232323+95,4f4f4f+100 */
	background: #232323; /* Old browsers */
background: -moz-linear-gradient(top,  #232323 0%, #4f4f4f 5%, #262626 50%, #303030 51%, #232323 95%, #4f4f4f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #232323 0%,#4f4f4f 5%,#262626 50%,#303030 51%,#232323 95%,#4f4f4f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #232323 0%,#4f4f4f 5%,#262626 50%,#303030 51%,#232323 95%,#4f4f4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
  cursor: pointer;
}
.this-year,
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ce3000+0,ed6200+5,ed9e00+50,db5f00+52,e56b00+95,d80000+100 */
	background: #ce3000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ce3000 0%, #ed6200 5%, #ed9e00 50%, #db5f00 52%, #e56b00 95%, #d80000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ce3000 0%,#ed6200 5%,#ed9e00 50%,#db5f00 52%,#e56b00 95%,#d80000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ce3000 0%,#ed6200 5%,#ed9e00 50%,#db5f00 52%,#e56b00 95%,#d80000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce3000', endColorstr='#d80000',GradientType=0 ); /* IE6-9 */
	color: #000;
}
.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  right: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #ff8a00;
}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 5px;
  border: 10px solid transparent;
  border-bottom-color: #000;
}
/*CSS for CodePen*/
.accordion-content {
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.accordion-container .accordion-title::after {
		top: 15px;
	  right: 50%;
	}
	.accordion-container .accordion-title.open::after {
	  top: 5px;
	}
}
@media screen and ( max-width:640px ) { /* SP ==================== */
	.accordion-container .accordion-title::after {
		top: 10px;
		right: 60px;
	}
	.accordion-container .accordion-title.open::after {
	  top: 0;
	}
}


@media screen and ( min-width:640px ) { /* PC ==================== */
	.pv_box {
		width: 400px;
		float: right;
		margin: 0 30px 0 0;
	}
	.banner_top40th{
		width: 400px;
		margin-bottom:20px;
	}
	.banner_top40th img{
		width: 100%;
	}
	.pv_box iframe,
	.pv_box video{
		width: 400px;
		height: 300px;
		margin-bottom:12px;
		background: #000;
	}
	.pv_box h3 {
		margin-bottom: 5px;
	}
	#pic_members {
		position: absolute;
		width: 90px;
		height: 254px;
		bottom: 50px;
		right: -50px;
		z-index: 9999;
	}
	#ttm_bnr{
		display: block;
		width: 200px;
		height: 42px;
		float: left;
		margin-top: 20px;
	}
	#ttm_bnr_s{
		display:none;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.pv_box {
		width: 90% !important;
		margin: 0 auto !important;
	}
	.pv_box img{
		width: 100%;
	}
	.banner_top40th{
		width: 100%;
		margin-bottom:10px;
	}
	.banner_top40th img{
		width: 100%;
	}
	.pv_box iframe,
	.pv_box video{
		width: 100%;
		height: 200px;
		margin-bottom:7px;
		background: #000;
	}
	.pv_box h3 {
		margin-bottom: 5px;
	}
	.pv_box h3 img {
		width: 100%;
		margin-bottom: 5px;
	}
	#pic_members,
	#ttm_bnr {
		display: none;
	}
	#ttm_bnr_s{
		display: block;
		width: 90%;
		margin: 15px auto;
	}
}

.twitter-area{
	margin-top:30px;
}