@charset "UTF-8";

#overview{
	padding: 2em 0;
	margin-top: 4em;
}
@media only screen and (max-width: 670px) {
	#overview{
		padding: 2em 0 0 0;
		margin-top: 0;
		}
}
@media only screen and (min-width: 671px) {
.row-1st {
    position: relative;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 13em;
}

.row-1st-in {
    position: absolute;
    top: 15%;
	left: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #EF93BB;
	text-align: left;
	box-shadow: 4px 7px 7px #eee;
	width: 725px;
}
	}
@media only screen and (max-width: 670px) {
	.row-1st-in {
        background-color: #EF93BB;
		text-align: left;
	}
}
.train-introduction{
	width: 100%;
	margin: 0 auto;
	line-height: 1.8;
	padding: 2em;
	color: #ffffff;
	font-size: 1.5rem;
}
.train-introduction a{
	color: #ffffff;
}
 
@media only screen and (max-width: 670px) {
   	.train-introduction{
		padding: 1em;
	}
}
.box-column-left{
	float: left;
	width: 75%;
}
.box-column-right{
	float: right;
	width: 21%;	
	margin: 0 1%;
	padding: 0 2%;
}
.box-column-right img{
	width: 100%;
}
.clear-both{
	clear: both;
}
.font-small{
	font-size: 80%;
}
.news{
	overflow: hidden;
	height: auto;
}
.disp-01,.disp-02,.disp-03,.disp-04,.disp-05,.disp-07,.disp-top{
	display: none!important;
}
#jikoku {
	margin-top: -180px;
	padding-top: 180px;
}
#event-cont{
	padding: 2em 0;
	margin-top: 4em;
}
@media only screen and (max-width: 670px) {
	#event-cont{
		margin-top: 0;
		}
}
.bg-event{
	background: #d0e2f1;
}

@media only screen and (min-width: 671px) {
.row-2st-in {
    position: absolute;
    top: 0;
	left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #EF93BB;
	text-align: left;
	width: 850px;
}
	
	}
@media only screen and (max-width: 670px) {
	.row-2st-in {
        background-color: #EF93BB;
		text-align: left;
	}
}
.promotion{
	margin-top: -150px;
	padding-top: 150px;
}
.movie-cont{	
	max-width: 670px;
	margin: 2em auto;
	
}
.movie-cont h3{
	font-size: 2rem;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	padding: 12px 0;
}
@media screen and (max-width: 896px) {
	.movie-cont h3{
		font-size: 1.5rem;
	}
}
.movie-cont iframe{
	width: 100%;
	height: 400px;
}
.event-ttl{
	width: 70%;
	margin: 0 auto;
	border-radius: 30px 30px 0 0;
}
.event-sub-ttl{
	font-size: 2.3rem;
	padding: 1em 0;
	text-align: center;
}
.event-main-ttl{
	font-size: 3.2rem;
	padding: 0 0 0.5em 0;
	text-align: center;
	color: #e60012;
}
@media screen and (max-width: 760px) {
	.event-ttl{
		width: 90%;
	}
	.event-sub-ttl{
		font-size: 1rem;
	}
	.event-main-ttl{
		font-size: 2.1rem;
	}
}
.period{
	font-size: 2.8rem;
	padding: 30px 10px 20px;
	line-height: 1.8;
	text-align: left;
}
.bg-blue{
	background: #EF93BB;
	padding: 0.3em 0.5em;
	margin-right: 1em;
	color: #ffffff;
	border-radius: 3px;
}
.period span{
	font-size: 2.0rem;
}
@media screen and (max-width: 760px) {
	.period{
		font-size: 2.0rem;
	}
	.period span{
		font-size: 1.2rem;
	}
}

.hobby-add{
	background: #ffffff;
	border:1px solid #cccccc;
	width: 42%;
	margin: 2em auto;
	padding: 1em 1.5em;
	text-align: left;
	border-radius: 10px;
}
@media only screen and (max-width: 760px) {
	.hobby-add{
		width: 95%;
		margin: 0.5em auto;
		padding: 1em 0.5em;
	}
}
.addressTable{
	width: 90%;
	margin: 0 auto;
}
.addressTable td{
	padding: 0 0.5em;
	text-align: left;
	
}
.sohoku{
	font-size: 1.5rem!important;
	padding-left: 5em;
}
@media only screen and (max-width: 760px) {
	.addressTable{
		width: 90%;
	}
	.sohoku{
	font-size: 1.4rem;
	padding-left: 0;
}
}

.line{
	background-image: url("../img/ultratrain/doubleline.png");
	background-repeat: repeat-x;
	background-position: center;
}
.line-day{
	color: red;
}
/*.h5ttl{
		text-align: left;
		margin: 2em 0 1em 0;
		letter-spacing: 0.1em;
		font-size: 1.8rem;
		color: red;
		padding-left: 10px;
	}
.h5ttl{
	font-size: 1.5rem;
	padding: 1em 2em;
}*/
.h5ttl{
		text-align: center;
		margin: 2em 0 1em 0;
		letter-spacing: 0.1em;
		font-size: 1.8rem;
	    padding-left: 10px;
	}
.small{
	font-size: 1.4rem;
	line-height: 35px;
}
@media screen and (max-width:767px){
	.sp_text{
		text-align: center;
	}
}