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













/*テキストボックス
--------------------------------------------------------------------*/

.textbox{
	position:relative;
	text-align:center;
	background:#FFF;
	color:#00284A;
}
.textbox p{
	width:90%;
	margin:0 auto;
	text-align: left;
	max-width: 900px;
}

.textwrap{
	position:relative;
	padding:5% 0 7em;
}

.textwrap p{
	text-align:left;
}

.textbox .openbtnarea,.textbox .closebtnarea{
	display:none;
}


.textbox .openbtn{
	color:#00284A;
}

.textbox ruby rt{
	font-size: 35%;
}






/*blockテキスト
------------------------------------------------------------*/


.block{
	padding:3% 0;
}

.block img{
	display:inline-block;
	width:90%;
	max-width:500px;
	margin:0 2% 0 auto;
}
.blocktext{
	display:inline-block;
	width:95%;
	max-width:450px;
	vertical-align:top;
	text-align:left;
}
.blocktext2{
	display:inline-block;
	width:95%;
	max-width:550px;
	vertical-align:top;
	text-align:left;
}

.blocktext p, .blocktext2 p{
	margin:0 auto;
}

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

	
.block img{
	margin:0 auto;
}
	.block{
		width: 90%;
		margin: 0 auto;
		padding:4% 2%;
		background: rgba(255,253,216,0.6);
	}
	
	.blocktext , .blocktext2{
		width:100%;}
}




/*スペシャル特典リンク
------------------------------------------------------------*/
.stext {
	width: 90%;
	max-width: 1000px;
	padding: 2% 0;
	font-size: 1.4em;
	border: #E10D42 solid 8px;
}

@media screen and (max-width: 1000px) {
	.stext{
		width: 95%;
		font-size: 1.1em;
		border: #E10D42 solid 4px;
	}
}



/*imagebox
--------------------------------------------------------------*/





.imagebox img{
	cursor:pointer;
	width:100%;
	max-width:300px;
}
.imagebox p{
	text-align:center;
	padding-top:1em;
}

.imagebox img:hover{
	opacity:0.8;
}







/*スライダー
-----------------------------------------------------------------------*/





.css-slider {
	width:100%;
	max-width:1500px;
	margin:0 auto;
	overflow: hidden;
}

.slide-item{
	position:relative;
}

.slide-item img{
	width:400%;
	height:auto;
}

.slider-wrapper {
	animation-delay:0.5s !important;
	animation: slider 50s infinite;
	animation-timing-function:linear;
}

@keyframes slider {
  0% { transform: translateX(0); }
  35% { transform: translateX(-100%); }
  70% { transform: translateX(-200%); }
  100% { transform: translateX(-300%); }
}






/*width50%指定*/

.w50{
	vertical-align:top !important;
	display:inline-block;
	width:49% !important;
	max-width:600px !important;
	text-align:left !important;
	margin:10px 10px !important;
}
@media screen and (max-width: 1220px) {
.w50{
	width:95% !important;
}

}






/*見どころ
-----------------------------------------------------------------------*/

.midokoro{
	padding:5% 0;
	background:url(../image/midokoro_bg.jpg)center top;
	background-size:100% auto;
}



.midokorobox{
	background-color: rgba(174,246,255,0.60);
	padding:2% 1%;
	display:inline-block;
	max-width:600px;
	vertical-align:top;
	margin:0.5%;
}

@media screen and (max-width: 1000px) {
	
.midokorobox{
	background:rgba(32,62,91,0.1);
	padding:2% 1%;
	display:inline-block;
	max-width:700px;
	vertical-align:top;
	margin:3% auto;
	height: auto;
}
	
}







/*背景テキスト
-----------------------------------------------------------------------*/

.tbg{
	padding:5% 0;
	background-size:auto 100% !important;
	background-repeat:no-repeat !important;
}


.tbg1{
	background:url(../image/textbg2_1.jpg) left;
}

.tbg2{
	background:url(../image/textbg2_2.jpg) right;
}
.bbox{
	padding:0 1%;
	background-color: #8f2020;
	color:#FFF;
	width:90%;
	max-width:550px;
	text-align:left;
	border-radius: 10px;
}


.bbox1{
	margin:auto 5% auto auto;
}
.bbox2{
	margin:auto auto auto 5%;
}
.bbox3{
	width: 100%;
	padding: 5% 0;
}

.tbgimg{
	width:100%;
	
}
.tbgimg{
	display:none;
}

@media screen and (max-width: 1200px) {
.tbg1,.tbg2{
	background:none;
}

.bbox1,.bbox2{
	background:none;
	color:#002D5E;
	width:100%;
	padding:0;
	margin:0;
}
.tbgimg{
	background-size:auto 100% !important;
	display:block;
	width:100%;
	height:auto;
}
.tbgimg1{
	background:url(../image/textbg2_1.jpg) left;
}
.tbgimg2{
	background:url(../image/textbg2_2.jpg) right;
}
}