/* ------------------------------------------------
TOP PAGE
------------------------------------------------ */

/* Slider ------------------------------------------- */

.sp-buttons {
	background: #fff;
}

.sp-buttons .sp-button {
	background: #ddd;
	border: 2px solid #ddd;
}

.sp-buttons .sp-selected-button {
	background: #aaa;
	border: 2px solid #aaa;
}

.fadeIn_bnr,
.top_hide{
	display:none !important;
}

.news_btn a {
	background: #0068b7;
	border: 2px solid #0068b7;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	transition: .3s;
	position: relative;
	padding: 0.5em 0;
	margin-left: auto;
	margin-right: auto;
}

.news_btn a:hover {
	transition: .3s;
	background: #fff;
	color: #0068b7;
	text-decoration: none;
}

.news_btn a span:after {
	content:"\3E";
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%) scale(0.6, 1);
}

@media screen and (min-width: 640px) {

	#visual{
		margin: 0 auto;
		text-align: center;
	}

	#wide {
		height: 358px;
		overflow:hidden;
	}

	div.payment-box {
		padding-bottom: 50px;
	}
	div.payment-box h3 {
		padding-bottom: 20px;
	}
	h2.payment_title {
		padding-bottom: 33px;
		padding-left: 3px;
	}
	/* Feature ------------------------------------------- */
	div#feature {
		overflow: hidden;
	}
	div#feature ul li {
		float: left;
	}
	div#feature ul li:hover {
		opacity: .9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);	
	}
	div#feature ul li:first-child {
		margin-left: 0px !important;
	}
	div#feature ul li {
		margin-left: 19px;
	}
	
	/* top_bnrarea ------------------------------------------- */
	#top_bnrarea{
		overflow: hidden;
	}
	
	#top_bnrarea img{
		vertical-align: bottom;
	}
	
	#top_bnrarea ul li{
		float: left;
	}
	
	#top_bnrarea ul li a:hover{
		opacity: 0.9;
	}
	
	#top_bnrarea ul li {
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	#top_bnrarea ul li:nth-child(2n){
		margin-right: 0;
	}
	
	/* News ------------------------------------------- */

	.news_etc{
		width: 700px;
		padding: 1em;
		border: solid 2px #0068b7;
		box-sizing:border-box;
		margin-bottom: 32px;
	}

	div#news {
		font-size: 14px;
		background: #ecf7ff;
		padding: 1em 0 0 32px;
	}
	div#news h3 {
		font-size: 150%;
		font-weight: unset;
	}

	div#news ul {
		width: 700px;
	}

	div#news ul li {
		border-bottom: 1px dashed #0068b7;
	}

	div#news ul li dl {
		overflow: hidden;
		margin: 15px 0;
	}

	div#news ul li dl dt {
		width: 180px;
		float: left;
		display: block;
	}

	div#news ul li dl dt span.date {
		width: 80px;
		float: left;
		display: block;
		text-align: left;
	}

	div#news ul li dl dt span.ic01 {
		width: 76px;
		float: right;
/*		background: #ef5e55;*/
		background: #0068b7;
		display: block;
		color: #fff;
		text-align: center;
	}

	div#news ul li dl dd {
		width: 500px;
		float: right;
	}


	div.news_btn {
		text-align: center;
		padding-top: 28px;
		padding-bottom: 33px;
	}

	div.news_btn a {
		width: 150px;
	}

	a.deals_btn img {
		margin:33px 10px 0 0;

	}
	a.deals_btn02 img {
		float:right;
		margin:33px 0 0 0;

	}
	a.deals_btn:hover {
		opacity: .9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);	
	}
	a.deals_btn02:hover {
		opacity: .9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);	
	}

	a{
		color: #0068b7;
	}
	a:hover{
		text-decoration:underline;
	}


	/* 161124_add */

	.fadeIn_bnr {
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		height: 220px;
	}

	.fadeIn_bnr img {
		position: absolute;
		top: 0;
		left: 0;
		width: 762px;
	}

	.fadeIn_bnr img.ly01 {z-index: 6;}
	.fadeIn_bnr img.ly02 {z-index: 5;}
	.fadeIn_bnr img.ly03 {z-index: 4;}
	.fadeIn_bnr img.ly04 {z-index: 3;}
	.fadeIn_bnr img.ly05 {z-index: 2;}
	.fadeIn_bnr img.ly06 {z-index: 1;}

	.feature_bnr {
		overflow: hidden;
		margin: 1em 0;
	}

	.feature_bnr p {
		text-align: left;
		width: 50%;
		float: left;
	}

	.feature_bnr p:nth-child(2) {
		text-align: right;
	}

	.feature_bnr p img {
		width: 97%;
	}
	/* top_bnrarea02 ------------------------------------------- */
	#top_bnrarea02{
		margin-top: 20px;
		overflow: hidden;
	}
	
	#top_bnrarea02 img{
		vertical-align: bottom;
	}
	
	#top_bnrarea02 ul li{
		float: left;
	}
	
	#top_bnrarea02 ul li a:hover{
		opacity: 0.9;
	}
	
	#top_bnrarea02 ul li {
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	#top_bnrarea02 ul li:nth-child(2n){
		margin-right: 0;
	}
}

@media screen and (max-width: 640px) {
	#header .button_navigation{
	width: 99px;
	}
	#header .button_navigation ._mp{
	display:inline;
	}
	#header .button_navigation img {
		width: 50%;
	}
	
	div#feature {
		overflow: hidden;
		border-top: 2px solid #e8e1d2;
		border-bottom: 3px solid #e8e1d2;
	}
	div#feature ul li {
		float: left;
		width: 50%;
	}
	
	/* top_bnrarea ------------------------------------------- */
	#top_bnrarea{
		overflow: hidden;
	}
	
	#top_bnrarea img{
		vertical-align: bottom;
	}
	
	#top_bnrarea ul{
		margin: 1.5em 1em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#top_bnrarea ul li{
		width: 47.5%;
		box-sizing: border-box;
		margin: 0 auto 0.5em;
		padding: 2px;
	}
	
	#top_bnrarea ul li a:hover{
		opacity: 0.9;
	}

/* news */

	#news{
		background: #ecf7ff;
		overflow: hidden;
	}
	
	#body div#news h3 {
		border-bottom: 1px dashed #0068b7;
		margin-bottom: 0;
		margin-top: 0;
	}


	.news_etc{
		padding: 1em;
		background-color: #ecf7ff;
		border-bottom: 1px dashed #0068b7;
		box-sizing:border-box;
	}
	
	.news_etc p{
		padding: 1em;
		box-sizing:border-box;
		border: solid 2px #0068b7;
	}

	div#news ul {
		background: #ecf7ff;
		border-bottom: 1px dashed #0068b7;
	}

	div#news ul li {
		border-bottom: 1px dashed #0068b7;
		overflow: hidden;
	}

	div#news ul li:last-child {
		border-bottom: none;
	}

	div#news ul li dl {
		overflow: hidden;
		margin: 1em;
	}

	div#news ul li dl dt {
		display: block;
	}

	div#news ul li dl dt span.date {
		display: block;
		text-align: left;
	}

	div#news ul li dl dt span.ic01 {
		display: none;
	}

	.news_btn {
		margin: 1em 0;
		text-align: center;
	}

	.news_btn a {
		width: 50%;
		margin: 0 auto;
	}

	div#card._sp.top{
		display:none !important;
	}

	#body div#card h3 {
		margin-bottom: 0;
	}

	#body div#card h3 {
	}

	.fadeIn_bnr {
		border-top: 1px solid #ecdfcb;
		position: relative;
		overflow: hidden;
	}

	.fadeIn_bnr img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.fadeIn_bnr img.base {
		position: relative;
	}

	.fadeIn_bnr img.ly01 {z-index: 6;}
	.fadeIn_bnr img.ly02 {z-index: 5;}
	.fadeIn_bnr img.ly03 {z-index: 4;}
	.fadeIn_bnr img.ly04 {z-index: 3;}
	.fadeIn_bnr img.ly05 {z-index: 2;}
	.fadeIn_bnr img.ly06 {z-index: 1;}

	.feature_bnr {
		overflow: hidden;
		margin: 1em 0;
	}

	/* top_bnrarea ------------------------------------------- */
	#top_bnrarea02{
		margin: 2em 0;
		overflow: hidden;
	}
	
	#top_bnrarea02 img{
		vertical-align: bottom;
	}
	
	#top_bnrarea02 ul li{
		width: 90%;
		box-sizing: border-box;
		margin: 0 auto 0.5em;
		padding: 2px;
	}
	
	#top_bnrarea02 ul li a:hover{
		opacity: 0.9;
	}
	
}

/* fadeIn_bnr */

@keyframes album {
	0% {opacity: 0;}
	12.5% {opacity: 1;}
	37.5% {opacity: 1;}
	50% {opacity: 0;}
}

.fadeIn_bnr a img {
	animation-name: album;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	opacity: 0;
}

.fadeIn_bnr .ly01 { animation-delay:5s;}
.fadeIn_bnr .ly02 { animation-delay:10s;}
.fadeIn_bnr .ly03 { animation-delay:15s;}
.fadeIn_bnr .ly04 { animation-delay:20s;}
.fadeIn_bnr .ly05 { animation-delay:25s;}

/**/
.top_movie{
	text-align: center;
	color: #3c3f42;
	background: #ecf7ff;
	padding: 1em 32px;
	margin-top: 20px;
	box-sizing: border-box;
}
.top_movie p+p{
	font-size: 1.2em;
	font-weight: bold;
}

.top_movie .movie_wrap{
	margin-top: 10px;
	width: 100%;
}

.top_movie .movie_wrap video{
	width: 100%;
}

@media screen and (max-width: 640px) {
	
	.top_movie{
		margin-top: 2em;
	padding: 1em 0;
	}
	
	.top_movie .movie_wrap{
		width: 90%;
		padding:0;
		margin: 1em auto 0;
		box-sizing: border-box;
	}
	
}
/**/

/*--20191202--*/
.notice {
	width: 700px;
	border: solid 2px #93885c;
	margin-bottom: 2em;
	padding: 1em;
	box-sizing: border-box;
}

.notice_tl{
	color: #ff0000;
	font-weight: bold;
	font-size: 115%;
}

.notice span{
	color: #ff0000;
	font-weight: bold;
}

.notice .notice_wrap{
	margin-top: 1em;
}

@media screen and (max-width: 640px) {
	.notice{
		width: 94%;
		margin: 1em auto;
		padding: 1em;
	}
}

/*--20200331--*/
#reader{
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	color: #999;
}

#reader .reader_right{
	font-size: 12px;
	margin-left: 12px;
}

@media screen and (max-width: 640px) {
	#reader{
		display: none;
	}

}

/* 20240701 */

@media screen and (min-width: 640px) {

	div#news ul li dl dt span.ic00 {
		width: 76px;
		float: right;
		background: #c11;
		display: block;
		color: #fff;
		text-align: center;
	}

}

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

	div#news ul li dl dt span.ic00 {
		display: inline-block;
		margin-left: 1em;
		background: #c11;
		color: #fff;
		width: 5.5em;
		text-align: center;
	}

	div#news ul li dl dt span.ic01 {
		display: inline-block;
		margin-left: 1em;
/*		background: #ef5e55;*/
		background: #0068b7;
		color: #fff;
		width: 5.5em;
		text-align: center;
	}

}