@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */
/* recommended */

#contents .recommended{
	margin: 0 20px;
}

#contents .recommended h2{
	position: relative;
	margin: 0 0 10px;
	padding: 24px 0 4px 92px;
	background: url(../../../e/joyful/img/bg_ttl01_line_pc.gif) no-repeat left bottom;
	line-height: 1;
	font-size: 240%;
	font-weight: bold;
	color: #017038;
}

#contents .recommended h2:before{
	position: absolute;
	bottom: 0;
	left: 7px;
	width: 71px;
	height: 58px;
	background: url(../../../e/joyful/img/bg_ttl01.png) no-repeat left top;
	content: "";
}

#contents .recommended .jePass{
	margin: 0 0 8px;
	padding: 30px 0 24px;
	border-bottom: 1px dashed #a6a6a6;
}

#contents .recommended .jePass h3{
	margin: 0 0 12px;
	font-size: 166.7%;
	font-weight: bold;
	color: #017038;
}

#contents .recommended .jePass .img{
	float: left;
	width: 86px;
}

#contents .recommended .jePass .img img{
	width: 100%;
	height: auto;
}

#contents .recommended .jePass .txtArea{
	margin: 0 0 0 96px;
	line-height: 1.86;
}

#contents .recommended .jePass .txtArea p{
	margin: 0 0 8px;
}

#contents .recommended .jePass p.note{
	font-weight: bold;
	color: #f00;
}

#contents .recommended .jePass .txtArea p a{
	padding: 0 0 0 20px;
	background: url(../../../e/joyful/img/ico_arw02_left.png) no-repeat left center;
	color: #017038;
	text-decoration: underline;
}

#contents .recommended .jePass .txtArea p a.win{
	background: url(../../../e/joyful/img/ico_win01.gif) no-repeat left center;
}

#contents .recommended .jePass .txtArea p a:hover{
	text-decoration: none;
}

#contents .recommended .jePass .moreTxt{
	margin: 8px 0 0;
	text-align: right;
}

#contents .recommended .jePass .moreTxt a{
	padding: 0 0 0 18px;
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat left center;
	text-decoration: underline;
}

#contents .recommended .jePass .moreTxt a:hover{
	text-decoration: none;
}

#contents .recommended .jePass .jePassBox{
	width: 450px;
	width: 47.36842105263158%;/* rwd */
	max-width: 450px;/* rwd */
	float: left;
	padding-right: 10px;
	padding-right: 0;/* rwd */
	margin-bottom: 20px;
}

#contents .recommended .jePass .jePassBoxRight{
	padding-right: 0;
	float: right;/* rwd */
}

#contents .recommended .linkTable{
	display: table;
	width: 100%;
	margin: 24px 0 0;
}

#contents .recommended .linkTable ul{
	display: table-cell;
	vertical-align: bottom;
	line-height: 1.8;
}

#contents .recommended .linkTable ul li:last-child{
	font-size: 103%;
}

#contents .recommended .linkTable ul li a{
	padding: 0 0 0 42px;
	background: url(../../../e/joyful/img/ico_arw01_left.png) no-repeat left center,
							url(../../../e/joyful/img/ico_arw01_left.png) no-repeat 16px center;
}

#contents .recommended .linkTable .pagetop{
	display: table-cell;
	vertical-align: bottom;
}

#contents .recommended .copyright{
	margin-top: 5px;
}

@media screen and (max-width: 640px){
#contents .recommended{
	margin: 0 1.9%;
}

#contents .recommended h2{
	margin: 0 0 4px;
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
}

#contents .recommended h2:before{
	content: none;
}

#contents .recommended h2 a{
	display: block;
	padding: 3.4% 0;
	background: url(../../../e/joyful/img/bg_ttl01_sp.gif) no-repeat center center;
	background-size: 100%;
	color: #017038;
	text-decoration: none;
}

#contents .recommended h2 a.act{
	background: url(../../../e/joyful/img/bg_ttl01_sp_act.gif) no-repeat center center;
	background-size: 100%;
}

#contents .recommended .more{
	display: none;
}

#contents .recommended p{
	font-size: 100%;
}

#contents .recommended .jePass{
	padding: 15px 0 12px;
}

#contents .recommended .jePass h3{
	margin: 0 0 6px;
	font-size: 150%;
}

#contents .recommended .jePass .img{
	width: 17.3%;
}

#contents .recommended .jePass .txtArea{
	margin: 0 0 0 19%;
	font-size: 100%;
	line-height: 1.5;
}

#contents .recommended .jePass .txtArea p a{
	padding: 0 0 0 12px;
	background: url(../../../e/joyful/img/ico_arw02_left.png) no-repeat left center;
	background-size: 8px;
}
#contents .recommended .jePass .txtArea p a.win{
	padding: 0 0 0 12px;
	background: url(../../../e/joyful/img/ico_win01.gif) no-repeat left center;
	background-size: 8px;
}

#contents .recommended .jePass .moreTxt{
	font-size: 100%;
}

#contents .recommended .jePass .moreTxt a{
	padding: 0 0 0 10px;
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat left center;
	background-size: 7px;
	font-size: 100%;
}

#contents .recommended .jePass .jePassBox{
	width: 100%;
	float: none;
	padding-right: 0;
}

#contents .recommended .pcLink{
	position: relative;
	margin: 24px 1.9% 24px;
	border-top: 1px dashed #b59757;
	border-bottom: 1px dashed #b59757;
	font-size: 83.3%;
}

#contents .recommended .pcLink:after{
	position: absolute;
	top: 50%;
	right: 7px;
	margin: -10px 0 0;
	width: 22px;
	height: 21px;
	background: url(../../../e/joyful/img/ico_pc01.png) no-repeat center center;
	content: "";
}

#contents .recommended .pcLink a{
	display: block;
	padding: 8px 7px 6px 17px;
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat 7px center;
	background-size: 7px;
}

#contents .recommended .pcLink02{
	position: relative;
	margin-right: 25px;
	line-height: 1.5;
}

#contents .recommended .pcLink02:after{
	position: absolute;
	bottom: 0;
	right: -25px;
	margin: 0;
	width: 18px;
	height: 18px;
	background: url(../../../e/joyful/img/ico_pc01.png) no-repeat center center;
	background-size: 18px;
	content: "";
}

#contents .recommended .pcLink03{
	position: relative;
	margin-right: 13%;	
}

#contents .recommended .pcLink03:after{
	position: absolute;
	top: 50%;
	right: -13%;
	margin: -10px 0 0;
	width: 18px;
	height: 18px;
	background: url(../../../e/joyful/img/ico_pc01.png) no-repeat center center;
	background-size: 18px;
	content: "";
}

#contents .recommended .linkTable{
	display: block;
	margin: 24px 0 0;
}

#contents .recommended .linkTable ul{
	display: block;
	margin: 0 1.9% 24px;
	border-top: 1px dashed #b59757;
	line-height: 1.5;
	font-size: 100%;
}

#contents .recommended .linkTable ul li{
	position: relative;
	border-bottom: 1px dashed #b59757;
}

#contents .recommended .linkTable ul li:last-child{
	font-size: 100%;
}

#contents .recommended .linkTable ul li:after{
	position: absolute;
	top: 50%;
	right: 7px;
	margin: -10px 0 0;
	width: 18px;
	height: 18px;
	background: url(../../../e/joyful/img/ico_pc01.png) no-repeat center center;
	background-size: 18px;
	content: "";
}

#contents .recommended .linkTable ul li.icoPcNone:after{
	background: none;
	content: "";
}

#contents .recommended .linkTable ul li a{
	display: block;
	padding: 8px 7px 6px 17px;
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat 7px center;
	background-size: 7px;
}

#contents .recommended .linkTable .pagetop{
	display: block;
	padding: 0;
}
}

/* --------------------------------------------------------------------------------------
 下層
--------------------------------------------------------------------------------------- */

#contents{
	padding: 43px 0 53px;
	width: 100% !important;/* rwd */
	max-width: 950px;/* rwd */
}

.ttlBox{
	margin: 0 20px 20px;
}

.ttlBox div{
	/*display: table;*//* rwd */
	width: 100%;
	max-width: 910px;/* rwd */
	padding: 0 0 2px;
	background: url(../../../e/joyful/img/bg_ttl01_line_pc.gif) no-repeat left bottom;
}
.ttlBox div:after {/* rwd */
	content: '';
	display: block;
	clear: both;
}

.ttlBox div h1{
	display: table-cell;
	padding: 0 0 1px 3px;
	vertical-align: middle;
}
@media screen and (min-width: 641px){/* rwd */
	.ttlBox div h1{
		float: left;
		width: 45.16483516483516%;
		max-width: 411px;
	}
	.ttlBox div h1 img {
		width: 100%;
		max-width: 411px;
	}
}

.ttlBox div p{
	display: table-cell;
	padding: 0 3px 0 0;
	vertical-align: middle;
	text-align: right;
	line-height: 1.5;
	font-size: 260%;
	font-weight: bold;
	color: #017038;
}
@media screen and (min-width: 641px){/* rwd */
	.ttlBox div p{
		float: right;
		padding-top: 7px;
		width: 52%;
		line-height: 1.2;
	}
	.ttlBoxLeft div p{
		float: left;
		text-align: left;
	}
}

.ttlBox div + p{
	text-align: right;
	font-size: 150%;
}

.ttlBoxLeft div + p{
	text-align: left;
}

#contents .mainImg{
	margin: 0 20px 8px;
	width: auto;/* rwd */
	max-width: 910px;/* rwd */
}

#contents .mainImg p span{
    color: #f00;
}

#contents .mainImg ul{
	margin: 0 0 20px;
	text-align: center;
	font-size: 0;
}

#contents .mainImg ul.clearfix{
	margin: 0 -26px 16px 6px;
}
@media screen and (min-width: 641px){/* rwd */
	#contents .mainImg ul.clearfix{
		margin-right: 0;
	}
}

#contents .mainImg ul li{
	display: inline-block;
	width: 33.3%;
}

#contents .mainImg ul.clearfix li{
	float: left;
	width: 447px;
	margin: 0 18px 0 0;
}
@media screen and (min-width: 641px){/* rwd */
	#contents .mainImg ul.clearfix li{
		width: 49.00442477876106%;
		max-width: 447px;
		margin-right: 0;
	}
	#contents .mainImg ul.clearfix li:first-child {
		margin-right: 1.991150442477876%;
	}
}

#contents .mainImg ul li img{
	max-width: 100%;
	height: auto;
}

#contents .mainImg p{
	margin: 0 0 1.67em;
	font-weight: bold;
}

#contents .mainImg p.mainPdf{
	text-align: left;
	line-height: 1.4;
}

#contents .mainImg p.mainLink{
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat left center;
	padding-left: 16px;
}

#contents .mainImg p.mainLink a{
	color: #017038;
}

#contents .mainImg .videoArea{
	text-align: center;
}

#contents h2{
	position: relative;
	margin: 0 0 20px;
	padding: 24px 0 4px 92px;
	background: url(../../../e/joyful/img/bg_ttl01_line_pc.gif) no-repeat left bottom;
	line-height: 1;
	font-size: 240%;
	font-weight: bold;
	color: #017038;
}

#contents h2:before{
	position: absolute;
	bottom: 0;
	left: 7px;
	width: 71px;
	height: 58px;
	background: url(../../../e/joyful/img/bg_ttl01.png) no-repeat left top;
	content: "";
}

#contents h2 em{
	color: #ff5317;
}

@media screen and (max-width: 640px){
#contents{
	padding: 0 0 40px;
}

.ttlBox{
	margin: 0 1.9% 10px;
}

.ttlBox div{
	display: block;
	padding: 0;
	background: none;
}

.ttlBox div h1{
	display: block;
	padding: 0 0 2px;
	background: url(../../../e/joyful/img/bg_ttl01_line_sp.gif) no-repeat center bottom;
	background-size: contain;
}

.ttlBox div h1 img{
	width: 50.8%;
	height: auto;
}

.ttlBox div p{
	display: block;
	padding: 24px 0 0;
	text-align: center;
	font-size: 166.7%;
}

.ttlBox div + p{
	text-align: center;
}

#contents .mainImg{
	margin: 0 1.9% 6px;
}

#contents .mainImg ul{
	margin: 0 -1.9%;
}

#contents .mainImg ul.clearfix{
	margin: 0 0 4%;
}

#contents .mainImg ul li{
	width: 46%;
	margin: 0 2% 2.5%;
}

#contents .mainImg ul.clearfix li{
	float: none;
	width: 100%;
	margin: 0;
}

#contents h2{
	margin: 0 0 10px;
	padding: 4px 0 4px 48px;
	background: url(../../../e/joyful/img/bg_ttl01_line_sp.gif) no-repeat left bottom;
	background-size: contain;
	font-size: 150.0%;
}

#contents h2:before{
	width: 35px;
	height: 30px;
	background: url(../../../e/joyful/img/bg_ttl01.png) no-repeat left top;
	background-size: 35px auto;
}

#contents h2 em{
	color: #ff5317;
}
}

/* googleView */

.googleView{
	margin: 0 20px 44px;
}

.googleView .viewArea{
	position: relative;
	padding: 45.9375% 100% 0 0;
}

.googleView .viewShirakamiArea{
	position: relative;
	padding: 0;
}

.googleView .viewShirakamiArea h3{
	padding: 0 0 12px;
}

.googleView .viewArea p{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.googleView .viewShirakamiArea .viewBox{
	position: relative;
	margin: 0 0 24px;
	padding: 45.9375% 100% 0 0;
}

.googleView .viewShirakamiArea .viewBox p{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 640px){
.googleView{
	margin: 0 1.9% 18px;
}

#contents .googleView h2{
	margin: 0 0 6px;
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
	letter-spacing: -.05em;
}

#contents .googleView h2:before{
	content: none;
}

#contents .googleView h2 a{
	display: block;
	padding: 3.4% 0;
	background: url(../../../e/joyful/img/bg_ttl01_sp.gif) no-repeat center center;
	background-size: 100%;
	color: #017038;
	text-decoration: none;
}

#contents .googleView h2 a.act{
	background: url(../../../e/joyful/img/bg_ttl01_sp_act.gif) no-repeat center center;
	background-size: 100%;
}
/*
.googleView .viewArea{
	display: none;
}
*/
.googleView .viewArea img{
	width: 100%;
	height: auto;
}

.googleView .viewShirakamiArea h3{
	padding: 10px 0 12px;
	text-align: center;
}

.googleView .viewShirakamiArea h3 img{
	max-width: 40%;
	width: 100%;
	height: auto;
}

}	


/* interior */

.interior{
	margin: 0 20px 68px;
}

.interior .leadTxt{
	margin: 0 0 24px;
	line-height: 1.8;
}

.interior .img{
	margin: 0 0 28px;
	text-align: center;
}
.interior .img img{
	width: 100%;
	height: auto;
}

.interior .interiorBox .txtBox{
	margin: 0 0 12px;
}

.interior .interiorBox .txtBox.clearfix{
	margin: 0 0 40px;
}

.interior .interiorBox .txtBox.clearfix .img{
	width: 369px;
	margin: 0;
}

#contents .interior .interiorBox .imgBox {
	margin: 40px 0 0;
}

#contents .interior .interiorBox .imgBox .img{
	float: left;
	padding: 0 30px 10px 0;
}

@media screen and (min-width: 641px){/* rwd */
	.interior .interiorBox .txtBox.clearfix .img{
		width: 40.54945054945055%;
		max-width: 369px;
	}
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n+1) .img{
	float: left;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n) .img{
	float: right;
}

.interior .interiorBox .txtBox .img img{
	width: 100%;
	height: auto;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n+1) .txtArea{
	float: right;
	width: 520px;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n) .txtArea{
	float: left;
	width: 520px;
}

.interior .interiorBox .txtBox2 .img img,
.interior .interiorBox .txtBox3 .img img,
.interior .interiorBox .txtBox4 .img img{
	width: auto;
	height: auto;
}

.interior .interiorBox .txtBox3 .img{
	float: left;
	padding-right: 28px;
}

.interior .interiorBox .txtBox3 .img:last-child{
	padding-right: 0;
}

.interior .interiorBox .txtBox2 span,
.interior .interiorBox .txtBox3 span,
.interior .interiorBox .txtBox3 .txtBoxCaption{
	font-size: 180%;
	font-weight: bold;
	color: #ff5317;
	line-height: 1.5;
}

.interior .interiorBox .txtBox3 .txtBoxCaption {
	display: inline-block;
	margin-top: 81px;
}
	
@media screen and (min-width: 641px){/* rwd */
	.interior .interiorBox .txtBox.clearfix .txtArea{
		width: 57.14285714285714% !important;
		max-width: 520px;
	}
}

.interior .interiorBox .txtBox .txtArea h3{
	display: table;
	width: 100%;
	height: 51px;
	margin: 0 0 12px;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	background: url(../../../e/joyful/img/bg_ttl02.png) no-repeat left top;
	line-height: 1.08;
	font-size: 200%;
	font-weight: bold;
	color: #4aad15;
}

.interior .interiorBox .txtBox .txtArea h3 span{
	display: table-cell;
	vertical-align: middle;
}

.interior .interiorBox .txtBox .txtArea h3 span em{
	color: #ff5317;
}

.interior .interiorBox .txtBox .txtArea h3 span span{
	display: block;
	color: #017038;
}

.interior .interiorBox .txtBox .txtArea p{
	margin: 0 0 1.86em;
}

.interior .interiorBox .txtBox .txtArea .img{
	margin: 24px 0 0;
}

.interior .interiorBox .txtBox .txtArea .thumbBox{
	margin: 0 0 30px;
}

.interior .interiorBox .txtBox .txtArea .thumbBox .img{
	float: left;
	margin: 0;
}

.interior .interiorBox .txtBox .txtArea .thumbBox .txt{
	margin: 0 0 0 101px;
}

.interior .interiorBox .note li,
.layout .note li{
	margin: 0 0 0 1.5em;
	list-style: disc;
}

@media screen and (max-width: 640px){
.interior{
	margin: 0 1.9% 16px;
}

.interior .img{
	margin: 0 0 15px;
}

.interior .img img{
	width: 100%;
	height: auto;
}

.interior .interiorBox .txtBox{
	margin: 0 0 15px;
}

.interior .interiorBox .txtBox.clearfix{
	margin: 0 0 15px;
}

.interior .interiorBox .txtBox.clearfix .img{
	width: 100%;
	margin: 0 0 10px;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n+1) .img{
	float: none;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n) .img{
	float: none;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n+1) .txtArea{
	float: none;
	width: auto;
}

.interior .interiorBox .txtBox.clearfix:nth-child(2n) .txtArea{
	float: none;
	width: auto;
}

.interior .interiorBox .txtBox .txtArea h3{
	margin: 0 0 6px;
	font-size: 150.0%;
}

.interior .interiorBox .txtBox .txtArea p{
	margin: 0 0 15px;
}

.interior .interiorBox .txtBox .txtArea .img{
	margin: 9px -1.9% 0;
}

.interior .interiorBox .txtBox .txtArea .thumbBox{
	margin: 0 0 12px;
}
#contents .interior .interiorBox .imgBox .img{
		padding-left: 0;
		padding-left: 0;
}
.interior .interiorBox .txtBox2 .img img,
.interior .interiorBox .txtBox3 .img img,
.interior .interiorBox .txtBox4 .img img{
	width: 100%;
	height: auto;
}
.interior .interiorBox .txtBox2 span,
.interior .interiorBox .txtBox3 span,
.interior .interiorBox .txtBox3 .txtBoxCaption{
	font-size: 120%;
}

.interior .interiorBox .txtBox3 .txtBoxCaption {
	margin-top: 0;
}
}

/* layout */

.layout{
	margin: 0 20px 34px;
}

.layout .layoutImg .arw{
	width: 752px;
	margin: 38px auto 33px;
	font-size: 150%;
}
@media screen and (min-width: 641px){/* rwd */
	.layout .layoutImg .arw{
		width: 82.63736263736264%;
		max-width: 752px;
	}
}

.layout .layoutImg .arw .left{
	position: relative;
	float: left;
}

.layout .layoutImg .arw .left span{
	position: absolute;
	left: 60px;
	bottom: 20px;
}

.layout .layoutImg .arw .right{
	position: relative;
	float: right;
}

.layout .layoutImg .arw .right span{
	position: absolute;
	right: 60px;
	bottom: 20px;
}

.layout .layoutImg .arw .right span.noWrap{
	white-space: nowrap;
}

.layout .layoutImg p{
	text-align: right;
	font-size: 116.7%;
}

.layout .layoutImg .img{
	margin: 10px 0 0;
}

.layout .layoutImg .img li{
	margin: 0 0 24px;
	text-align: center;
}

.layout .layoutTxt{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 20px;
}

@media screen and (min-width: 641px){/* rwd */
	.layout .layoutImg .img li img {
	width: 640px;
	width: 70.32967032967034%;
	}
	.layout .layoutImg .img720 li img {
	width: 720px;
	width: 79.12087912087912%;
	}
}

@media screen and (max-width: 640px){
.layout{
	margin: 0 1.9% 18px;
}

.layout .layoutImg .arw{
	width: 100%;
	margin: 27px auto 17px;
	font-size: 100%;
}

.layout .layoutImg .arw li{
	width: 32.9%;
}

.layout .layoutImg .arw li.long{
	width: 46.4%;
}

.layout .layoutImg .arw li img{
	width: 100%;
	height: auto;
}

.layout .layoutImg .img{
	margin: 5px -1.9% 0;
}

.layout .layoutImg .img img{
	max-width: 100%;
	height: auto;
}

.layout .layoutImg .img li{
	margin: 0 0 18px;
}

.layout .layoutTxt{
	font-size: 110%;
	margin-bottom: 10px;
}
}

/* operatingSchedule */

.operatingSchedule{
	margin: 0 0 64px 20px;
}

.operatingSchedule p{
	text-align: right;
	margin-top: 10px;
}

@media screen and (max-width: 640px){
.operatingSchedule{
	margin: 0 1.9% 18px;
}

.operatingSchedule .operatingScheduleImg .img{
	margin: 5px -1.9% 0;
}

.operatingSchedule .operatingScheduleImg .img img{
	max-width: 100%;
	height: auto;
}

.layout .layoutImg .img li{
	margin: 0 0 18px;
}
}

/* regularStops */

.regularStops{
	margin: 0 0 64px 20px;
}
@media screen and (min-width: 641px) and (max-width: 950px){/* rwd */
	.regularStops{
		margin-right: 20px;
	}
}
.regularStops .regularStopsArea{
	position: relative;
}
@media screen and (min-width: 641px) {/* rwd */
	.regularStops .regularStopsArea{
		background-size: contain !important;
		height: 0 !important;
	}
}

p.trainTtl {
	padding: 0 0 15px;
	color: #F88600;
	font-size: 180%;
	font-weight: bold;
}

.toreiyu .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/toreiyu/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.galaxysl .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/galaxysl/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.c57 .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/c57/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.shirakami .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/shirakami/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.pokemon .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/pokemon/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.minori .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/minori/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.fruitea .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/fruitea/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.uetsu .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/uetsu/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.shukura .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/shukura/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.resortfuru .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/resortfuru/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.oykot .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/oykot/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.tohoku .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/tohoku/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.izucraile .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/izucraile/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.genbi .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/genbi/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.zipangu .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/zipangu/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.umineko .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/umineko/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.asunaro .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/asunaro/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.yamadori .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/yamadori/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.highrail1375 .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/highrail1375/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.c61 .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/c61/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.d51 .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/d51/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0;}
.iroha .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/iroha/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0; }
.bbbase .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/bbbase/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0; }
.kairi .regularStops .regularStopsArea{	height: 523px;	background: url(../../../e/joyful/img/kairi/bg_regular_stops.jpg) no-repeat right top; margin: 0 0 7px 0; }
@media screen and (min-width: 641px) {/* rwd */
	.regularStops .regularStopsArea{ padding-bottom: 56.23655913978495%;}
}

.regularStops .regularStopsArea .regularStopsImg{
	position: absolute;
	top: 11px;
	left: 11px;
	width: 490px;
	height: 490px;
	padding: 5px 413px 5px 5px;
}
@media screen and (min-width: 641px) {/* rwd */
	.regularStops .regularStopsArea .regularStopsImg{
		padding: 0.5376344086021505% 46.23655913978495% 0.5376344086021505% 0.5376344086021505%;
		width: 52.68817204301075%;
		max-width: 490px;
		background-position: left top !important;
	}
}

.toreiyu .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/toreiyu/img_regular_stops01_frame.png) no-repeat left center;}
.galaxysl .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/galaxysl/img_regular_stops01_frame.png) no-repeat left center;}
.c57 .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/c57/img_regular_stops01_frame.png) no-repeat left center;}
.shirakami .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/shirakami/img_regular_stops01_frame.png) no-repeat left center;}
.pokemon .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/pokemon/img_regular_stops01_frame.png) no-repeat left center;}
.minori .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/minori/img_regular_stops01_frame.png) no-repeat left center;}
.fruitea .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/fruitea/img_regular_stops01_frame.png) no-repeat left center;}
.uetsu .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/uetsu/img_regular_stops01_frame.png) no-repeat left center;}
.shukura .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/shukura/img_regular_stops01_frame.png) no-repeat left center;}
.resortfuru .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/resortfuru/img_regular_stops01_frame.png) no-repeat left center;}
.oykot .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/oykot/img_regular_stops01_frame.png) no-repeat left center;}
.tohoku .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/tohoku/img_regular_stops01_frame.png) no-repeat left center;}
.izucraile .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/izucraile/img_regular_stops01_frame.png) no-repeat left center;}
.genbi .regularStops .regularStopsArea .regularStopsImg{	background: url(../../../e/joyful/img/genbi/img_regular_stops01_frame.png) no-repeat left center;}
@media screen and (min-width: 641px) {/* rwd */
	.toreiyu .regularStops .regularStopsArea .regularStopsImg{ background-size: 74.05405405405405% !important; }
	.galaxysl .regularStops .regularStopsArea .regularStopsImg{ background-size: 82.91891891891892% !important; }
	.c57 .regularStops .regularStopsArea .regularStopsImg{ background-size: 74.05405405405405% !important; }
	.shirakami .regularStops .regularStopsArea .regularStopsImg{ background-size: 72.32432432432432% !important; }
	.pokemon .regularStops .regularStopsArea .regularStopsImg{ background-size: 87.13513513513514% !important; }
	.minori .regularStops .regularStopsArea .regularStopsImg{ background-size: 76% !important; }
	.fruitea .regularStops .regularStopsArea .regularStopsImg{ background-size: 71.24324324324324% !important; }
	.uetsu .regularStops .regularStopsArea .regularStopsImg{ background-size: 75.24324324324324% !important; }
	.shukura .regularStops .regularStopsArea .regularStopsImg{ background-size: 67.24324324324324% !important; }
	.resortfuru .regularStops .regularStopsArea .regularStopsImg{ background-size: 56.75675675675676% !important; }
	.oykot .regularStops .regularStopsArea .regularStopsImg{ background-size: 60.43243243243243% !important; }
	.tohoku .regularStops .regularStopsArea .regularStopsImg{ background-size: 89.08108108108108% !important; }
	.izucraile .regularStops .regularStopsArea .regularStopsImg{ background-size: 82.91891891891892% !important; }
	.genbi .regularStops .regularStopsArea .regularStopsImg{ background-size: 73.08108108108108% !important; }
}

.regularStops .regularStopsArea .regularStopsImg p{
	width: 100%;
	height: auto;
}
@media screen and (min-width: 641px) {/* rwd */
	.regularStops .regularStopsArea .regularStopsImg p{
		width: 100%;
		max-width: 490px;
	}
	.regularStops .regularStopsArea .regularStopsImg p img{
		width: 100% !important;
		height: auto !important;
	}
}

/*.toreiyu .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/toreiyu/img_regular_stops01_pc.jpg) no-repeat center center;}
.galaxysl .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/galaxysl/img_regular_stops01_pc.jpg) no-repeat center center;}
.c57 .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/c57/img_regular_stops01_pc.jpg) no-repeat center center;}
.shirakami .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/shirakami/img_regular_stops01_pc.jpg) no-repeat center center;}
.pokemon .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/pokemon/img_regular_stops01_pc.jpg) no-repeat center center;}
.minori .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/minori/img_regular_stops01_pc.jpg) no-repeat center center;}
.fruitea .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/fruitea/img_regular_stops01_pc.jpg) no-repeat center center;}
.uetsu .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/uetsu/img_regular_stops01_pc.jpg) no-repeat center center;}
.shukura .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/shukura/img_regular_stops01_pc.jpg) no-repeat center center;}
.resortfuru .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/resortfuru/img_regular_stops01_pc.jpg) no-repeat center center;}
.oykot .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/oykot/img_regular_stops01_pc.jpg) no-repeat center center;}
.tohoku .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/tohoku/img_regular_stops01_pc.jpg) no-repeat center center;}
.izucraile .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/izucraile/img_regular_stops01_pc.jpg) no-repeat center center;}
.genbi .regularStops .regularStopsArea .regularStopsImg p{	background: url(../../../e/joyful/img/genbi/img_regular_stops01_pc.jpg) no-repeat center center;}*/

/*.regularStops .regularStopsArea .regularStopsImg p img{
	display: none;
}*//* rwd */

@media screen and (max-width: 640px){
.regularStops{
	margin: 0 1.9% 18px;
}

.regularStops .regularStopsArea{
	height: auto !important;
	background: none !important;
}

.regularStops .regularStopsArea .regularStopsImg{
	position: static;
	width: auto;
	height: auto;
	padding: 0 !important;
	background: none !important;
}

.regularStops .regularStopsArea .regularStopsImg p{
	background: none;
}

.regularStops .regularStopsArea .regularStopsImg p img{
	display: inline;
	width: 100%;
	height: auto;
}
}

/* timetables */

.timetables .timetablesImg{
	text-align: center;
	margin: 0 auto 20px;
	width: 750px;
}

.timetables .timetablesImg img{
	width: 750px;
}

.timetables .note{
	text-align: left;
	margin-bottom: 40px;
	background-color: #edf2f2;
	padding: 30px;
}

@media screen and (min-width: 641px) and (max-width: 950px){/* rwd */

.timetables{
	margin: 0 20px;
}

.timetables .timetablesImg img{
	width: 100%;
}

}

@media screen and (max-width: 640px){
	
.timetables {
	margin: 0 1.9% 18px;
}
	
.timetables .timetablesImg{
	width: 100%;
}
	
.timetables .timetablesImg img{
	width: 100%;
	height: auto;
}
}

/* calendar */

.calendarBox{
	margin: 0 auto;
}

#contents .calendarBox .calendarTtl img{
	width: 100%;
	margin-bottom: 20px;
}

.calendarBox .calendarTxt {
	margin-bottom: 15px;
}

#contents .calendarBox .calendarTxt img{
	width: 32px;
	height: 32px;
	vertical-align: middle;
	padding-right: 5px;
}

.calendarBox .calendarList li{
	margin-right: 20px;
	float: left;
}

.calendarBox .calendarList li:nth-of-type(3n){
	margin-right: 0;
}

.calendarBox .calendarList li:nth-of-type(3n+1){
	clear: both;
}

.calendarBox .calendarList li img{
	width: 300px;
	height: auto;
}

.calendar .note{
	margin-bottom: 40px;
	background-color: #edf2f2;
	padding: 30px;
}

@media screen and (min-width: 641px) and (max-width: 950px){/* rwd */

.calendar{
	margin:0 20px;
}

.calendarBox .calendarList li{
	margin-right:2.1052631578947367%;
	width:31.57894736842105%
}
.calendarBox .calendarList li img{
	width:100%;
	height:auto;
}
}

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

.calendar{
	margin: 0 1.9% 18px;
}

.calendarBox{
	width: 100%;
}

.calendar .calendarImg img{
	width: 100%;
	height: auto;
}

.calendarBox .calendarList li{
	margin-right:2.1052631578947367%;
	width:31.57894736842105%
}

.calendarBox .calendarList li:nth-of-type(3n){
	margin-right:0;
}

.calendarBox .calendarList li img{
	width:100%;
	height:auto;
}

}

/* purchase */

.purchase{
	margin: 0 20px 54px;
}

.purchase p{
	font-size: 108.3%;
}

.purchase .leadTxt{
	margin: 0 0 12px;
	/*font-size: 133.3%;*/
	color: #017038;
}

.purchase .purchaseList{
	margin: 0 0 16px;
}

.purchase .purchaseList a:link,
.purchase .purchaseList a:visited{
	text-decoration: underline;
	color: #017038;
}

.purchase .purchaseList a:hover{
	text-decoration: none;
	color: #017038;
}

.purchase .purchaseList dl dt{
	display: inline;
	padding: 0 0 0 16px;
	background: url(../../../e/joyful/img/ico_circle01.png) no-repeat 0 .1em;
	font-weight: bold;
	color: #ff5b1b;
}

.purchase .purchaseList dl dd{
	display: inline;
}

.purchase .serviceCenter{
	display: inline-block;
	margin: 24px 0 0;
	/*padding: 0 0 0 20px;*/
	background: url(../../../e/joyful/img/bg_service_top_pc.png) no-repeat left top;
	background-size: 100%;
}

.purchase .serviceCenter .serviceCenterInner{
	/*padding: 0 20px 0 0;*/
	background: url(../../../e/joyful/img/bg_service_bottom_pc.png) no-repeat left bottom;
	background-size: 100%;
}

.purchase .serviceCenter .txtBox{
	min-width: 462px;
	padding: 18px 20px 17px;
	background: url(../../../e/joyful/img/bg_service_center_pc.png) repeat-y left center;
	background-size: 100%;
}

.purchase .serviceCenter h3{
	margin: 0 0 12px;
	font-size: 133.3%;
	font-weight: bold;
	color: #017038;
}

.purchase .serviceCenter ul{
	font-size: 100%;
}

.purchase .serviceCenter ul li{
	display: inline;
	padding: 0 8px 0 0;
}

.purchase .serviceCenter ul li a{
	padding: 0 0 0 16px;
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat left center;
}

@media screen and (max-width: 640px){
.purchase{
	margin: 0 1.9% 14px;
}

.purchase p{
	font-size: 100%;
}

.purchase .leadTxt{
	margin: 0 0 6px;
}

.purchase .purchaseList{
	margin: 0 0 4px;
}

.purchase .purchaseList dl dt{
	padding: 0 0 0 9px;
	background: url(../../../e/joyful/img/ico_circle01.png) no-repeat 0 .3em;
	background-size: 7px auto;
}

.purchase .serviceCenter{
	display: block;
	margin: 8px 0 0;
	padding: 4.6% 0 0;
	background: url(../../../e/joyful/img/bg_service_center_sp_top.png) no-repeat center top;
	background-size: 100%;
}

.purchase .serviceCenter .serviceCenterInner{
	padding: 0 0 4.6%;
	background: url(../../../e/joyful/img/bg_service_center_sp_bottom.png) no-repeat center bottom;
	background-size: 100%;
}

.purchase .serviceCenter .txtBox{
	min-width: inherit;
	padding: 0 1.6%;
	background: url(../../../e/joyful/img/bg_service_center_sp.png) repeat-y center top;
	background-size: 100%;
}

.purchase .serviceCenter h3{
	margin: 0 12px;
}

.purchase .serviceCenter ul{
	font-size: 100%;
}

.purchase .serviceCenter ul li{
	position: relative;
	display: block;
	padding: 0;
	border-bottom: 1px dashed #b59757;
}

.purchase .serviceCenter ul li:last-child{
	border-bottom: none;
}

/*
.purchase .serviceCenter ul li:after{
	position: absolute;
	top: 50%;
	right: 13px;
	margin: -10px 0 0;
	width: 18px;
	height: 18px;
	background: url(../../../e/joyful/img/ico_pc01.png) no-repeat center center;
	background-size: 18px;
	content: "";
}
*/

.purchase .serviceCenter ul li a{
	display: block;
	padding: 8px 7px 6px 17px;
	background: url(../../../e/joyful/img/ico_arw01_right.png) no-repeat 7px center;
	background-size: 7px;
}
}

/* trainList */

.trainList{
	margin: 0 20px 52px;
}

.trainList .trainListThumb{
	margin: 0 -5px 0 0;
}

.trainList .trainListThumb li{
	float: left;
	width: 181px;
	margin: 0 2px 7px 0;
}

.trainList .trainListThumb li img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 640px){
.trainList{
	margin: 0 1.9% 24px;
}

#contents .trainList h2{
	margin: 0 0 6px;
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
}

#contents .trainList h2:before{
	content: none;
}

#contents .trainList h2 a{
	display: block;
	padding: 3.4% 0;
	background: url(../../../e/joyful/img/bg_ttl01_sp.gif) no-repeat center center;
	background-size: 100%;
	color: #017038;
	text-decoration: none;
}

#contents .trainList h2 a.act{
	background: url(../../../e/joyful/img/bg_ttl01_sp_act.gif) no-repeat center center;
	background-size: 100%;
}

.trainList .trainListThumb{
	margin: 0 -1.7% 0 0;
	display: none;
}

.trainList .trainListThumb li{
	float: left;
	width: 48.3%;
	margin: 0 1.7% 2.1% 0;
}
}

/*-------------------------------------------
20180803追加分
  ---------------------------------------------*/
#contents .regularStops p {
text-align: right;
}

#contents .regularStops .note p {
text-align: left;
}

#contents .regularStops p a{
    padding: 0 0 0 20px;
    color: #017038;
    text-decoration: underline;
}
#contents .regularStops p a.win{
	background: url(../../../e/joyful/img/ico_win01.gif) no-repeat left center;
}

#contents .regularStops p a:hover{
	text-decoration: none;
}

#contents .txtBox .txtArea .reservation{
    display: table;
    width: 100%;
    height: 30px;
    margin: 20px 0 12px;
    padding: 0 0 0 30px;
    box-sizing: border-box;
	background: url(../img/bg_ttl02.png) no-repeat left top;
	line-height: 2;
    font-size: 150%;
    font-weight: bold;
}

#contents .txtBox .txtArea .reservation span{
	display: table-cell;
	vertical-align: middle;
}

#contents .txtBox .txtArea .reservation span em{
	color: #ff5317;
}

#contents .txtBox .txtArea .reservation span span{
	display: block;
	color: #017038;
}

#contents .purchase .txtBox .txtArea p{
	margin: 0 0 1.86em;
	color: #f00;
	font-weight: bold;
}


#contents .bnr {
	margin: 30px 0;
	text-align: center;
}

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


#contents .bnr {
    margin: 15px 0;
    text-align: center;
}

#contents .bnr a {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 12.962%;
    background: url(../img/bnr_jr-east-train-reservation-sm.jpg) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-indent: -9999px;
}
}


/* accordion
----------------------------------------*/
.js-acrTitle02 {
	position: relative;
	margin-bottom: 15px;
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #02585c;
	cursor: pointer;
}

.js-acrTitle02 .js-acrLabel {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	padding-right: 25px;
	font-size: 80%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}

.js-acrTitle02:after {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	content: "";
	background: url(../../../e/joyful/img/icon_plus_wh.svg) no-repeat;
	     background-size: contain;
	-moz-background-size: contain;
}

.js-acrTitle02.op:after {
	content: "";
	background: url(../../../e/joyful/img/icon_minus_wh.svg) no-repeat;
	     background-size: contain;
	-moz-background-size: contain;
}

.js-acrBody02 {
	display: none;
}

.jy-calendar02 li {
	text-align: center;
	padding-bottom: 20px;
}

.calendarDays {
	padding:0 0 20px;
}

.calendarDays h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 20px 0;
}

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

.jy-calendar02 img {
	width: 100%;
}
}


/* 2020.04.13 Notebox */
.pdf {
	background: url(/e/img/renew/icon_pdf.png) 0 0.2em no-repeat;
	background-size: 16px 16px;
	padding-left: 20px;
}
.noteBox {
	border: 1px solid #eb0000;
	padding: 10px 20px;
	margin: 30px 30px;
}
#contents .mainImg .noteBox .noteBox_text {
	color: #eb0000;
	font-size: 0.9rem;
	text-align: center;
	margin: 0;
}
#contents .noteBox .noteBox_text a,
#contents .noteBox .noteBox_text a:visited,
#contents .noteBox .noteBox_text a:link{
	color: #eb0000;
}	
@media screen and (max-width: 750px){
	.noteBox {
		padding: 10px 20px;
		margin: 20px 10px 20px;
	}
	#contents .mainSlide .noteBox .noteBox_text {
		margin: 0;
	}
}

.linkBlank {
	background: url(/e/img/renew/common/icon_openwin_grn.png) 100% 50% no-repeat;
	background-size: 12px 11px;
	padding-right: 15px;
}
.linkBlank:hover {
	text-decoration: none;
}