@charset "utf-8";




body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight: 500;background:#ffffff;overflow-x:hidden!important;}
body,h1,h2,h3,h4,ol,ul,dl,dt,dd,p{margin:0;padding:0;}
ul li{list-style:none;}
select:hover{cursor:pointer;}
a,a:focus{color:#333; text-decoration:none!important;}
a:hover{color: #f53d7e!important;}
*:hover{transition: all  0.2s ease!important;}

html {
	font-size: unset!important;
}

img {
    vertical-align: unset;
}
@media (max-width: 767px) {
#titleHeader .container {
    padding-right: 0;
    padding-left: 0;
}

#titleHeader .inner {
margin: 0 auto;
padding: 0 10px;
}

}

.modal-body .detail img {
    width: 100%;
    height: auto;}

#schedule ol, ul,#notice ol, ul{
    margin-bottom: 0;
}


#press.area h4,#schedule.area h4, #notice.area h4 {
    padding-bottom: 8px;
	line-height: 24px;
}


#osusume .other a {
    padding: 0;
}


.modal-body .title {
    font-size: 22px;
    font-weight: bold;
}

.modal-body .time {
    text-align: right;
    padding-top: 0px;
    margin-left: 16px;
    font-size: 12px;
}

@media(min-width:960px){
	#kvArea .slick-slide:not(.slick-center) {
		-webkit-filter: opacity(50%);
		-moz-filter: opacity(50%);
		-o-filter: opacity(50%);
		-ms-filter: opacity(50%);
		filter: opacity(50%);
		transition: 0.2s linear;
	}
}


.fa-angle-right {
    color: #F53D7E;
    margin-left: 5px;
    margin-right: 5px;
    }

/*
.container{width:1170px;max-width:100%;}
*/

/* common */
.inner{max-width:960px;margin:0 auto;}
.area{margin:48px auto;}
.area h4{font-size:16px;font-weight: bold;}
.infomationArea{margin:48px auto;border-radius:4px; border:solid 2px #B2B2B2;}
.bgArea{background:#DBDBDB;padding:48px 0;}
.other{position:relative;float:right;cursor:pointer;border-radius:2px;border:solid 1px #DBDBDB;color:#666666;font-size:14px;background-color:#ffffff;}
.area ul li{border-radius:4px;}
#info .area ul li{border-radius:0;}
.topic_right ul li{border-radius:0;}

/* Header */
header .container:after{clear:both;content:" ";display:block;}

/* willer logo & account */
#topHeader{padding-top:8px;padding-bottom:8px;border-bottom:solid 1px #b2b2b2;}
#topHeader .logo{float:left;width:100px;}
#topHeader .menu{float:right;font-size:12px;}
#topHeader .menu a{width:100%;height:100%;display:block;padding-top:4px;}
#topHeader .menu a:before{content:"";display:block;background-image:url('../img/account.png');background-repeat:no-repeat;width: 14px;height: 14px;float: left;margin-top: 2px;padding-right: 4px;}

/* site logo & menu */
#titleHeader{padding:16px 0 4px;}
#titleHeader .logo{float:left;width:222px;}
#titleHeader .menu{float:right;position:relative;margin-top:8px;font-size:14px;}
#titleHeader .menu ul:after{clear:both;content:" ";display:block;}
#titleHeader .menu ul li{float:left;margin:0 20px;}
#titleHeader .menu ul li:nth-child(4){margin-right:0;}

#titleHeader img {
    width: 222px;}


/* top navi */
#topLinkNav{border-top:solid 1px #b2b2b2;border-bottom:solid 1px #b2b2b2;}
#topLinkNav ul{max-width:960px;height:100%;margin:0 auto; border-left:solid 1px #b2b2b2;border-right:solid 1px #b2b2b2;}
#topLinkNav ul:after{clear:both;content:" ";display:block;}
#topLinkNav ul li{float:left;display:table;height:68px;width:16.6%;padding:0 0;text-align:center;border-right:solid 1px #b2b2b2;}
#topLinkNav ul li:nth-child(6){border:none;}
#topLinkNav ul li a{display:table-cell;width:100%;height:100%;font-size:16px;font-weight:bold;vertical-align:middle;}

@media(min-width:960px){
		#topLinkNav ul li a{font-size:16px}
	}

/* key visual */
#kvArea{/*max-width:960px;*/margin:0 auto 16px;background-color:#DBDBDB;}
#kvArea img{width:100%;height: auto}
#kvArea2 img{width:100%;height: auto}
#kvArea .center-item .slick-prev{left:5px;z-index:1;}
#kvArea .center-item .slick-next{right:5px;z-index:1;}
#kvArea2{max-width:960px;margin:0 auto;}
#kvArea2 .center-item-nav .slick-prev{top:55%;left:7px;z-index:1;}
#kvArea2 .center-item-nav .slick-next{top:55%;right:12px;z-index:1;}
#kvArea2 .center-item-nav{width:75%;margin:0 auto;}
#kvArea2 .center-item-nav li{padding:0 0 0 5px;cursor: pointer;}
#kvArea2 .center-item-nav li:first-child{margin-left:0;}
#kvArea2 .center-item-nav li:last-child{margin-right:0;}
.slick-prev::before, .slick-next::before{opacity:1;}


/* お悔み */
#emergency{border-radius:4px; border:solid 2px #ff0000;}
#emergency h4{;cursor: pointer; padding: 16px}
#emergency h4 .opener{position: relative;float:right;width:16px;height:27px;cursor:pointer;margin-right:16px;color:#ff0000}
#emergency .emergency-content{display: none;     padding: 0 16px 16px 16px;}

/* 運行情報 */
#schedule{}
#schedule h4 .other{position: relative;float:right;cursor:pointer;border:solid 1px #DBDBDB;color:#666666;font-size:14px;background-color:#ffffff;}
#schedule .content{margin:8px auto 0; padding: 16px; border-radius:4px; border:solid 2px #F6BB42;}
#schedule .content ul li{margin-bottom:16px;}
#schedule .content ul li:last-child{margin-bottom:0;}

/* お知らせ */
#notice{}
#notice h4 .other{position: relative;float:right;cursor:pointer;border:solid 1px #DBDBDB;color:#666666;font-size:14px;background-color:#ffffff;}
.other a{display: inline-flex;padding:0 12px;}
#notice .content{margin:8px; padding: 16px; box-shadow: rgb(231, 231, 231) 0px 0px 6px 3px;border: medium none;border-radius: 4px;background-color:#ffffff;}
#notice .content ul li{margin-bottom:16px;}
#notice .content ul li:last-child{margin-bottom:0;}

/* プレスリリース */
#press{}
#press h4 .other{position: relative;float:right;cursor:pointer;border:solid 1px #DBDBDB;color:#666666;font-size:14px;padding:0 12px;background-color:#ffffff;}
#press .content{margin:8px; padding: 16px; box-shadow: rgb(231, 231, 231) 0px 0px 6px 3px;border: medium none;border-radius: 4px;background-color:#ffffff;}
#press .content ul li{margin-bottom:16px;}
#press .content ul li:last-child{margin-bottom:0;}


#press .content ul li, #notice .content ul li, #schedule .content ul li {
    margin-bottom: 16px;
    display: table;
    width: 100%;
}



#press .content ul li .info_date, #notice .content ul li .info_date, #schedule .content ul li .info_date {
    width: 16%;
    float: left;
    padding-right: 5px;
}


#press .content ul li .info_title, #notice .content ul li .info_title, #schedule .content ul li .info_title {
    width: 83%;
    float: left;
}



@media (max-width: 767px){

#press .content ul li, #notice .content ul li {
    font-size: 14px;
}

#press .content ul li .info_date, #notice .content ul li .info_date {
    width: 22%;
}
#press .content ul li .info_title, #notice .content ul li .info_title {
    width: 76%;

}
}


@media (max-width:413px){
#press .content ul li, #notice .content ul li {
    font-size: 14px;
}


}

/* SNS */
#sns{text-align:center;/*background-color:#DBDBDB;padding:16px;*/}
#sns h4{color:#666666;font-weight: bold;}
#sns .content ul{width:100%;margin:16px auto 0;display: flex;justify-content: center;flex-wrap: wrap;}
#sns .content ul:after{clear:both;content:" ";display:block;}
#sns .content ul li{display:table;width:23.5%;height:64px;margin:0 8px 16px 0;padding:0;text-align:center;border:solid 2px;background-color:#ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#sns .content ul li:nth-child(1){border-color:#4267b2;}
#sns .content ul li:nth-child(2){border-color:#000000;}
#sns .content ul li:nth-child(3){border-color:#a23592;}
#sns .content ul li:nth-child(4){border-color:#008dab;margin-right:0;}
#sns .content ul li a{display:table-cell;width:100%;height:100%;font-size:14px;font-weight:bold;vertical-align:middle;}
#sns .content ul li:nth-child(1) a{color:#4267b2;}
#sns .content ul li:nth-child(2) a{color:#000000;}
#sns .content ul li:nth-child(3) a{color:#a23592;}
#sns .content ul li:nth-child(4) a{color:#008dab;vertical-align:top;padding-top:10px;}
#sns .content ul li a img{width:30px;vertical-align:middle;margin-right:15px;}


/* イベント情報 */
#event{text-align:center;}
#event h4{font-size:22px;font-weight: bold;}
#event .content{}
#event .content ul{margin:16px auto 0;}
#event .content ul:after{clear:both;content:" ";display:block;}
#event .content ul li{float:left;width:32%;margin:0 1% 16px;text-align:center;border:solid 1px #B2B2B2;background-color:#ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#event .content ul li img{display:block;width:100%;}
#event .content ul li .info{text-align:left;margin:5px 16px 16px;font-size:14px;}

#event .content ul li .info .title{margin-bottom:8px;font-weight:bold;}
#event .content ul li .info .detail{font-size:12px;color:#666666;}

#event .content .other{float:none;width:25%;margin:16px auto;padding:4px 16px;text-align:center;border:solid 1px #666666;background:none;white-space: nowrap;}
/*
#event .content .other{width:25%;margin:16px auto;padding:4px 16px;text-align:center;color:#666666;border:solid 1px #666666;}
*/
#event .content .other a{display:block;height:100%;}

/* トピックス */
#topics{}
#topics:after{clear:both;content:" ";display:block;}
#topics .topic_left{float:left;width:64%;margin-right:1%;}
#topics .topic_left h4{font-size:22px;}
#topics .topic_left .content{}
#topics .topic_left .content ul{margin:16px auto 0;}
#topics .topic_left .content ul:after{clear:both;content:" ";display:block;}
#topics .topic_left .content ul li{display: inline-flex;float:left;width:48.5%;margin:0 1.5% 16px;text-align:center;border:solid 1px #B2B2B2;background-color:#ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#topics .topic_left .content ul li a{di}
#topics .topic_left .content ul li img{display:block;width:100%;}
#topics .topic_left .content ul li .info{text-align:left;margin:5px 16px 16px;font-size:14px;}

#topics .topic_left .content ul li .info .title{margin-bottom:8px;font-weight:bold;}
#topics .topic_left .content ul li .info .detail{font-size:12px;color:#666666;}


#topics .topic_right{float:right;width:32%;margin-left:1%; box-shadow: rgb(231, 231, 231) 0px 0px 6px 3px;border: medium none;border-radius: 4px;background-color:#ffffff;}
#topics .topic_right .content{padding:16px;}
#topics .topic_right .content ul li{display: inline-flex;padding:12px 0;border-bottom:solid 1px #B2B2B2;}
#topics .topic_right .content ul li:after{clear:both;content:" ";display:block;}
#topics .topic_right .content ul li .photo{float:left;width:25%;}
#topics .topic_right .content ul li .info{float:left;width:70%;margin-left:5%;}

#topics .topic_right .content ul li .info .title{margin-left:0;margin-bottom:4px;font-weight:bold;font-size:14px;}
#topics .topic_right .content ul li .info .detail{font-size:12px;color:#666666;}
#topics .topic_right .content ul li img{display:block;width:100%;border-radius:4px;}


/* おすすめ商品 */
#osusume{margin:0 auto;}
#osusume .content ul{margin:16px auto 32px;}
#osusume .content ul:after{clear:both;content:" ";display:block;}
#osusume .content ul li{float:left;width:18.4%;margin:0 9px;text-align:left;}
#osusume .content ul li img{display:block;width:100%;padding: 0px;}
#osusume .content .other{float:none;width:15%;margin:16px auto;padding:4px 16px;text-align:center;border:solid 1px #B2B2B2;}
/*
#osusume .content .other{width:15%;margin:16px auto;padding:4px 16px;text-align:center;color:#666666;border:solid 1px #B2B2B2;background-color:#ffffff;}
*/
#osusume .content .other a{display:block;height:100%;}

/* 下部画像リンク */
#footlink{}
#footlink .content ul{margin:16px auto 32px;}
#footlink .content ul:after{clear:both;content:" ";display:block;}
#footlink .content ul li{float:left;width:14.4%;margin:0 1%;text-align:left;}
#footlink .content ul li img{display:block;width:100%;border-radius:4px 4px 0 0;}

/* Footer */
#train{text-align:center;border-bottom:solid 1px #B2B2B2;height: 42px;}
#train img{margin-bottom: -7px;}
#footnav ul{margin:16px 0;}
#footnav ul:after{clear:both;content:" ";display:block;}
#footnav ul li{float:left;padding-left:20px;margin-right:8px;}
#footnav ul li a{display:block;width:100%;height:100%;position:relative;font-size:12px;}
#footnav ul li a:after{content: ' ';width: 4px;height: 4px;border: 0px;border-top: solid 2px #F53D7E;border-right: solid 2px #F53D7E;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 30%;left:-15px;}
#footlogo{margin:16px auto 0;text-align:center;font-size: 12px;padding-bottom: 20px;}


/* PC */
/* 768px～ */
@media(min-width:768px){
/* PC用段組余白設定 */
	/* イベント */
	#event .content ul li:nth-child(3n+1){margin-left:0;}
	#event .content ul li:nth-child(3n+3){margin-right:0;}

	#event .content ul li:hover
{background: #feebf2;}

	/* トピックス */
	#topics .topic_left .content ul li:nth-child(odd){margin-left:0;}
	#topics .topic_left .content ul li:nth-child(even){margin-right:0;}
	#topics .topic_left .content ul li:hover
{background: #feebf2;}
	#topics .topic_right .content ul li:first-child{padding-top:10px;}
	#topics .topic_right .content ul li:last-child{border:none;}
	/* おすすめ商品 */
	#osusume .content ul li:first-child{margin-left:0;}
	#osusume .content ul li:last-child{margin-right:0;}
	/* 下部画像リンク */
	#footlink .content ul li:first-child{margin-left:0;}
	#footlink .content ul li:last-child{margin-right:0;}



}



/* SP & TABLE mode */
/* xxx～767px */
@media(max-width:767px){
	/* common */
	body{background-color:#fff;}
	.area{overflow:hidden;}
	.inner{margin:0 15px;}
	.content ul li img{border-radius:4px;}

	header{background-color:#fff;}

	/* willer logo & account */
	#topHeader .inner{margin:0 8px;}
	#titleHeader .logo{float:none;width:70%;margin:0 auto;}
	#titleHeader .logo img{width:100%;}
	#titleHeader .menu{float:none;margin: 0 auto;line-height: 44px;}
	#titleHeader .menu ul{text-align:center;margin: 0 auto;}
	#titleHeader .menu ul li {float:none;display: inline-block; margin: 0 4px;font-size:11px;}

	/* site logo & menu */
	/* top navi */
	#topLinkNav ul{border:none;}
	#topLinkNav ul li{width:33.3%;border-bottom:solid 1px #b2b2b2;height: 58px;}
	#topLinkNav ul li:nth-child(3n+3){border-right:none;}
	#topLinkNav ul li:nth-child(n+4){border-bottom:none;}
	#topLinkNav ul li a{font-size:13px;}

	/* key visual */
	#kvArea{margin-bottom:8px;}
	#kvArea .inner{margin:0;}
	#kvArea{width:100%;min-width:320px;}
	#kvArea img{width:100%;}
	#kvArea2{width:100%;min-width:320px;}
	#kvArea2 .center-item-nav .slick-prev{top:50%;left:23px;z-index:1;}
	#kvArea2 .center-item-nav .slick-next{top:50%;right:24px;z-index:1;}
	#kvArea2 .center-item-nav{width:100%;/*padding:0 18px 0 22px;*/}
	#kvArea2 .center-item-nav li{padding:0 0 0 5px;}

	#kvArea2 .slick-track{width:100%;}

	/* お悔み */
	#emergency h4 .opener{margin-right:0px;}

	/* SNS */
	#sns .content ul li{width:48%;height:110px;margin-bottom:8px;}
	#sns .content ul li:nth-child(odd){margin-left:0;}
	#sns .content ul li:nth-child(even){margin-right:0;}
	#sns .content ul li a img{width:44px;vertical-align:middle;margin-right:0;margin-bottom:15px;}
	#sns .content ul li:nth-child(4) a img{margin-bottom:6px;}
	#sns .content ul li a span:before{content:"\A";white-space:pre;}


	/* イベント情報 */
	#event .content ul li{float:none;margin:0 0 16px;width:100%;}
	#event .content ul li:after{clear:both;content:" ";display:block;}
	#event .content ul li .photo{float:left;width:25%;margin:0;}
	#event .content ul li .info{float:right;width:75%;margin:0;}
	#event .content ul li .info .title{margin-left:16px;}
	#event .content ul li .info .detail{margin-left:16px;}
	#event .content .other{width:50%;}
	#event .content ul li a{display: inline-flex;padding: 16px 12px;}

	/* トピックス */
	#topics .topic_left{float:none;width:100%;text-align:center;}
	#topics .topic_left .content ul li{float:none;width:100%;margin:0 0 16px;}
	#topics .topic_left .content ul li:after{clear:both;content:" ";display:block;}
	#topics .topic_left .content ul li .photo{float:left;width:25%;margin:0;}
	#topics .topic_left .content ul li .info{float:right;width:75%;margin:0;}
	#topics .topic_left .content ul li .info .title{margin-left:16px;}
	#topics .topic_left .content ul li .info .detail{margin-left:16px;}
	#topics .topic_left .content ul li a{display: inline-flex;padding: 16px 12px;}

	#topics .topic_right{float:none;width:100%;margin:48px 0 0;text-align:center;box-shadow:none;border:none;background : none;}
	#topics .topic_right h4{font-size:22px;}
	#topics .topic_right .content{padding:0;}
	#topics .topic_right .content ul{margin:16px auto 0;}
	#topics .topic_right .content ul:after{clear:both;content:" ";display:block;}
	#topics .topic_right .content ul li{border-radius: 4px;float:none;width:100%;padding:0;margin:0 0 16px;text-align: center;border: solid 1px #B2B2B2;background-color: #ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	#topics .topic_right .content ul li:after{clear:both;content:" ";display:block;}
	#topics .topic_right .content ul li .photo{float:left;width:25%;margin:0;}
	#topics .topic_right .content ul li .info{float:right;width:75%;margin:0;text-align:left;}
	#topics .topic_right .content ul li .info .title{margin-left:16px;margin-bottom:8px;}
	#topics .topic_right .content ul li .info .detail{margin-left:16px;}
	#topics .topic_right .content ul li a{display: inline-flex;padding: 16px 12px;}

	/* おすすめ商品 */
	#osusume .content ul li{float:none;width:100%;padding:16px 12px 0;}
	#osusume .content ul li:after{clear:both;content:" ";display:block;}
	#osusume .content ul li .photo{float:left;width:25%;margin:0;}
	#osusume .content ul li .info{float:right;width:75%;margin:0;text-align:left;}
	#osusume .content ul li .info .title{margin-left:16px;}
	#osusume .content ul li .info .price{margin-left:16px;}
	#osusume .content .other{width:50%;}

	/* 下部画像リンク */
	#footlink .content ul li{margin-left:0;width:30%;margin:0 1% 10px;}


	/* Footer */
	#train{margin:0 20px;border:none;}
	#train img{width:100%;}
	#footnav ul{margin:0;}
	footer .inner{padding:16px 20px 0;margin:0;background-color:#ffffff;}



}




/*
header .menu a i{padding:10px 10px;}
header .menu a span{padding:10px 10px;}

@media(min-width:991px) {

}
*/

/* inner borders */
#topLinkNav ul li
{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#topLinkNav ul li:hover
{background: #feebf2;}



/* ---------------------------------------------------- */
/* 汎用設定用CSS										*/
/* ---------------------------------------------------- */
.m48{margin:48px auto;}
.m32{margin:32px auto;}
.m24{margin:24px auto;}
.m16{margin:16px auto;}
.mb24{margin-bottom:24px;}
.area h4{}
.attention{color:red;font-weight:bold;}

/* Google Icon */
i.material-icons{vertical-align:middle;color: #F53D7E;}

/* シャドウ */
.shadow{box-shadow: rgb(231, 231, 231) 0px 0px 6px 3px;border: medium none;border-radius: 4px;background-color:#ffffff;}
/* SP用設定 */
@media(max-width:767px){
	.shadow{box-shadow:none;border:none;background:none;}
}

/*  */

/* パンくず */
ol.breadcrumbs, ol.breadcrumb-list-set {margin: 0;padding: 16px 0px;list-style-type: none;font-size: 16px;text-align: left;}
ol.breadcrumbs li, ol.breadcrumb-list-set li {display: inline;}
ol.breadcrumbs li:first-child, ol.breadcrumb-list-set li:first-child {padding-left:0;}

/* 見出し */
h1{margin:24px 0;padding-left:12px;font-size:22px;border-left:8px solid #666666;border-bottom:4px solid #666666;}
h2{margin:24px 0;font-size:20px;border-bottom:2px solid #666666;}
h3{margin:24px 0;font-size:16px;
    margin: 24px 0;
    border-bottom: 2px solid #eee;
}


/* テーブル共通 */
table {
    display: table;
    width:100%;
    margin: 0 0 48px 0;
    border-collapse: collapse;
}
table th,table td {
border: 1px solid #E7E7E7;
    border-collapse: collapse;
    padding:10px;
}


table th{white-space: nowrap;}
}


/* テーブル１ */
.table1 thead td,.table1 thead th {background-color:#f7f7f7;text-align:center;font-weight:bold;}
.table1 td{background-color:#ffffff;}
.table1 th{background-color:#f7f7f7;}

/* テーブル２ */
.table2 tr>td{padding:16px;background-color:#ffffff;}
.table2 tr>td:first-child{width:25%;vertical-align:top;background-color:#f7f7f7;font-weight:bold;}
.table2 th {background-color:#f7f7f7;text-align:left;font-weight:bold;}

@media(max-width:767px){
#event_info .table2 tr>td:first-child {
    width: 100%;
}
}



/* 全体用1カラム PC=1カラム表示 SP=順送り表示 */
.clm1{}
.clm1:after{clear:both;content:" ";display:block;}
.clm1 .content{padding:16px;}
.clm1 .content{margin-left:16px;}
/* SP用設定 */
@media(max-width:767px){
	.clm1 .content{padding:0;}
	.clm1 .content{margin-left:0px;}
}

/* 全体用2カラム PC=2カラム表示 SP=順送り表示 */
.clm2{}
.clm2:after{clear:both;content:" ";display:block;}
.clm2 .clm_left{float:left;width:66%;margin-right:1%;}
.clm2 .clm_left .content{padding:16px;}
.clm2 .clm_right{float:right;width:32%;margin-left:1%;}
.clm2 .clm_right .content{margin-left:16px;}
/* SP用設定 */
@media(max-width:767px){
	.clm2 .clm_left{float:none;width:100%;box-shadow:none;border:none;background:none;}
	.clm2 .clm_left .content{padding:0;}
	.clm2 .clm_right{float:none;width:100%;margin:48px 0 0;text-align:center;}
	.clm2 .clm_right .content{margin-left:0px;}
}


/* UL用2カラム PC=2カラム表示 SP=順送り表示 */
.clm2>li{float:left;width:48%;margin-right:4%;margin-bottom:2%;}
.clm2>li:nth-child(even){margin-right:0;}
.clm2>li a{display:block;width:100%;height:100%;}
.clm2>li img{display:block;width:100%;}
.clm2>li .caption{text-align:center;font-size:14px;}


/* 3カラム PC=2カラム表示 SP=順送り表示 */
.clm3{}
.clm3:after{clear:both;content:" ";display:block;}
.clm3>li{float:left;width:32%;margin-right:2%;margin-bottom:2%;}
.clm3>li:nth-child(3n+3){margin-right:0;}
.clm3>li a{display:block;width:100%;height:100%;}
.clm3>li img{display:block;width:100%;}
.clm3>li .caption{text-align:center;font-size:14px;}


/* 時計アイコン共通 */
/* Firefox設定 */
.time{padding-top:0px;margin-left:16px;font-size:12px;}
.time i{margin-top:0px;font-size:12px;vertical-align:middle;margin-right:6px;color: #666;}


/* その他 */
@media all and (-ms-high-contrast: none){
	.time{padding-top:4px;}
	.time i{margin-top:-3px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.time{padding-top:4px;}
	.time i{margin-top:-3px;}
	::i-block-chrome,.time{padding-top:4px;}
	::i-block-chrome,.time i{margin-top:-3px;}
}

@media(max-width:767px){


.time {
    margin-left: 0px;
}

}




/* アイテム TYPE01 */
ul.type01{margin:0 auto;}
ul.type01>li{margin:16px 0;padding:16px 0;text-align:left;border-bottom:solid 1px #B2B2B2;border-radius:0;}
ul.type01>li:first-child{margin-top:0px;}
ul.type01>li img{display:block;width:100%;}
ul.type01>li:after{clear:both;content:" ";display:block;}
ul.type01>li .photo{float:left;width:25%;margin:0;}
ul.type01>li .info{float:right;width:75%;margin:0;}
ul.type01>li .info .title{margin-left:16px;font-weight:bold;}
/* PC */
@media(min-width:768px){
	ul.type01>li:last-child{margin-bottom:0px;padding-bottom:0px;border:none;}
}
/* SP用設定 */
@media(max-width:767px){
	/* 内側枠線 */
	ul.type01>li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	ul.type01>li{float: none;padding: 16px 12px;margin: 0 0 16px;text-align: left;border: solid 1px #B2B2B2;background-color: #ffffff;}
}


/* アイテム TYPE01 イメージ無し */
ul.type01_imgnone{margin:0 auto;}
ul.type01_imgnone>li{margin:16px 0;padding:16px 0;text-align:left;border-bottom:solid 1px #B2B2B2;border-radius:0;}
ul.type01_imgnone>li:first-child{margin-top:0px;}
ul.type01_imgnone>li .info{width:100%;margin:0;}
ul.type01_imgnone>li .info .title{margin-left:16px;font-weight:bold;}
/* PC */
@media(min-width:768px){
	ul.type01_imgnone>li:last-child{margin-bottom:0px;padding-bottom:0px;border:none;}
}
/* SP用設定 */
@media(max-width:767px){
	/* 内側枠線 */
	ul.type01_imgnone>li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	ul.type01_imgnone>li{float: none;padding: 16px 0;margin:0;text-align: left;background-color: #ffffff;}


ul.type01_imgnone>li .info .title {
    margin-left: 0px;
}
}



/* アイテム 単一記事 */
.article{margin:8px;border-radius:4px;}
.article .title{font-size:22px;font-weight:bold;}
.article .time{text-align:right;}
.article .photo{margin:24px auto;}
.article .photo img{display:block;width:100%;}
.article h4{font-size:16px;font-weight:bold;margin:12px auto;}
/* SP用設定 */
@media(max-width:767px){
	.article{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	.article{float: none;padding: 16px 12px;margin: 0 0 16px;text-align: left;border: solid 1px #B2B2B2;background-color: #ffffff;}
}

/* バックナンバー */
ul.backlog{margin-left:0;}
ul.backlog>li{margin-bottom:8px;padding-bottom:8px;border-bottom:solid 1px #B2B2B2;}
ul.backlog>li:last-child{margin-bottom:0px;padding-bottom:0px;border:none;}

@media(max-width:767px){

ul.backlog {
    margin-left: 0px;
}

ul.backlog>li {
    text-align: left;
    }

}


/* SNSリンク （はてブ、LINEのあるバージョン） */
.sns{margin:24px auto;}
.sns:after{clear:both;content:" ";display:block;}
.sns li{float:left;width:23.5%;margin:0 2% 0 0;border-radius:4px;text-align:center;}
.sns li:nth-child(1){background-color:#55acef;}
.sns li:nth-child(2){background-color:#3b5999;}
.sns li:nth-child(3){background-color:#00a5df;}
.sns li:nth-child(4){background-color:#00c400;}
.sns li:last-child{margin-right:0;}
.sns li a{display:block;width:100%;height:100%;padding:8px 0;font-size:14px;font-weight:bold;color:white;}
/* SP用設定 */
@media(max-width:767px){
	.sns li{width:49%;margin:0 2% 8px 0;border-radius:4px;text-align:center;}
	.sns li:nth-child(even){margin-right:0;}
}

/* SP用設定 */
@media(max-width:767px){
	.sns li{}
	.sns li:nth-child(odd){}
	.sns li:nth-child(even){}
	.sns li:last-child{}
}


/* 折りたたみメッセージ */
.infomationArea .content{margin-top:8px;}
h4>.opener{position: relative;float:right;width:16px;height:27px;cursor:pointer;margin-right:16px;}
h4>.opener.close{-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}























/* アイテム PC=2カラム表示 SP=1カラム表示 */
ul.clm2items{margin:16px auto 0;}
ul.clm2items:after{clear:both;content:" ";display:block;}
ul.clm2items>li{float:left;width:48.5%;margin:0 1.5% 16px;text-align:center;border:solid 1px #B2B2B2;background-color:#ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
ul.clm2items>li img{display:block;width:100%;}
ul.clm2items>li .info{text-align:left;margin:5px 16px 16px;font-size:14px;}
ul.clm2items>li .info .title{margin-bottom:8px;font-weight:bold;}
ul.clm2items>li .info .detail{font-size:12px;color:#666666;}
/* PC用設定 */
@media(min-width:768px){
	ul.clm2items>li:nth-child(odd){margin-left:0;}
	ul.clm2items>li:nth-child(even){margin-right:0;}
	/*
	ul.clm2items>li:first-child{padding-top:10px;}
	ul.clm2items>li:last-child{border:none;}
	*/
}
/* SP用設定 */
@media(max-width:767px){
	.clm2 .clm_left{float:none;width:100%;}
	ul.clm2items>li{float:none;width:100%;padding: 16px 12px;margin:0 0 16px;}
	ul.clm2items>li:after{clear:both;content:" ";display:block;}
	ul.clm2items>li .photo{float:left;width:25%;margin:0;}
	ul.clm2items>li .info{float:right;width:75%;margin:0;}
	ul.clm2items>li .info .title{margin-left:16px;}
	ul.clm2items>li .info .detail{margin-left:16px;}
}


/* アイテム PC/SP=1カラム表示 */



/*
.clm2 .clm_right .content ul li{padding:16px 0;border-bottom:solid 1px #B2B2B2;}
.clm2 .clm_right .content ul li:after{clear:both;content:" ";display:block;}
.clm2 .clm_right .content ul li .photo{float:left;width:25%;}
.clm2 .clm_right .content ul li .info{float:left;width:70%;margin-left:5%;}
.clm2 .clm_right .content ul li .info .title{margin-left:12px;margin-bottom:4px;font-weight:bold;font-size:14px;}
.clm2 .clm_right .content ul li .info .detail{font-size:12px;color:#666666;}
.clm2 .clm_right .content ul li img{width:100%;border-radius:4px;}
*/


	/*
	.clm2 .clm_right{float:none;width:100%;margin:48px 0 0;text-align:center;box-shadow:none;border:none;background : none;}
	.clm2 .clm_right .content{padding:0;}
	.clm2 .clm_right .content ul{margin:16px auto 0;}
	.clm2 .clm_right .content ul:after{clear:both;content:" ";display:block;}
	.clm2 .clm_right .content ul li{float:none;width:100%;padding:16px 12px;margin:0 0 16px;text-align: center;border: solid 1px #B2B2B2;background-color: #ffffff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	.clm2 .clm_right .content ul li:after{clear:both;content:" ";display:block;}
	.clm2 .clm_right .content ul li .photo{float:left;width:25%;margin:0;}
	.clm2 .clm_right .content ul li .info{float:right;width:75%;margin:0;text-align:left;}
	.clm2 .clm_right .content ul li .info .title{margin-left:16px;margin-bottom:8px;}
	.clm2 .clm_right .content ul li .info .detail{margin-left:16px;}
	*/





/* ページネーション */

.wp-pagenavi {
	clear: both!important;
	text-align:center!important;
	margin: 30px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #333!important;
	background-color: #FFF!important;
	border: solid 1px #DBDBDB!important;
	padding: .375rem .75rem!important;
	margin: 0 2px!important;
	white-space: nowrap!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 2px!important;
	-webkit-transition: 0.2s ease-in-out!important;
	-moz-transition: 0.2s ease-in-out!important;
	-o-transition: 0.2s ease-in-out!important;
	transition: 0.2s ease-in-out!important;
	text-align: center!important;
	text-decoration:none!important;
}
.wp-pagenavi a:hover{
    color:#FFF!important;
    background-color:#F53D7E!important;
    border-color: #DBDBDB!important;
    }
.wp-pagenavi span.current{
	color: #FFF!important;
	background-color: #F53D7E!important;
	border-color: #DBDBDB!important;
	font-weight: bold!important;
    }

.wp-pagenavi span.pages {
	border: 0px!important;
	display:none;
}


/* toc */
.toc {
margin-bottom: 24px;
    display: inline-block;}
.toc li {float:left;}



/* GoogleMap */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
margin-bottom: 60px;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* 駅ページ */

.station-clm2 li {
	margin-right: 4%;
    margin-bottom: 4%;
	list-style: none;
	float: left;
    width: 48%;
}


@media(max-width:767px){
.station-clm2 li {
	float: none;
    width: 100%;
}
}


.station-clm2 li:last-child {
    margin-right: 0;
}

.station-clm2 li img {
    display: block;
    width: 100%;
	height: auto;
}
.station-clm2 {
flex-direction: row;
}
.station-clm1 {
	clear: both;
	text-align: center;

}

.station-clm1 h2 {
	text-align: left;
}

.ico-barrierfree li {
	margin-right: 2%;
	list-style: none;
	float: left;
	display: table-cell;
    width: -webkit-fill-available;
}

.ico-barrierfree li .text {
	vertical-align: middle;
}

.ico-barrierfree li img {
	margin-right: 2%;
	vertical-align: middle;
}



/* 路線・駅のご案内 */

.route-box {
    padding: 0 0px 0 22px;
}


.miyatoyo h2 {
	color: #993300;
     border-bottom: 2px solid #993300;
}
.miyatoyo .route-list {
    border-left: 22px solid #993300;
}
.miyatoyo .station-no {
    border: 4px solid #993300;
}

.miyafuku h2 {
	color: #669933;
     border-bottom: 2px solid #669933;
}
.miyafuku .route-list {
    border-left: 22px solid #669933;

}

.miyafuku .station-no {
    border: 4px solid #669933;
}



.miyamae h2 {
	color: #325f99;
     border-bottom: 2px solid #325f99;
}
.miyamae .route-list {
    border-left: 22px solid #325f99;
}
.miyamae .station-no {
    border: 4px solid #325f99;
}





.route-name-en {
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
}


.station-name {
    margin: 15px 0;
	padding-left: 25px;
}

.station-no {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 5px 0 -64px;
    border-radius: 50%;
    border: 4px solid #325f99;
    background-color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    position: absolute;
}

.station-name h3 a{
    display: table-cell;
    height: 60px;
}


.station-name h3 {
	display: inline-table;
    vertical-align: middle;
    margin: 0;
    line-height: 1.5;
    text-align: left;

    padding-right: 10px;

    font-size: 20px;
    border: none;
}

.station-name-en {
    display: table-cell;
    font-size: 12px;

}



.route-map-img img {
    display: block;
    width: 100%;
    height: auto;
}


@media (max-width: 767px) {

.area ul li {

    float: none;
}

.clm3>li {
    width: 100%;
}





.route-box {
    padding: 0 0px 0 18px;
}

.station-no {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;

}

.station-name h3 {
    height: 32px;
    font-size: 18px;
}


}


#page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size:0.8em;
    font-weight:bold;
    z-index: 10;
}

#page_top a {
    background: #333;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height:50px;
    text-align: center;
    display: block;
    border-radius: 5px;
    border:1px solid #666;
    box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.4);
}

#page_top a:hover {
    text-decoration: none;
    background:#666;
}

#page_top a i{
    font-size:1.8em;
    margin-bottom:5px;
    display:none;
}

#page_top a{
	font-size:0;
}

#page_top a:before{
	content:"\f102";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;
	font-size:16px;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%,-45%);
	-moz-transform: translate(-50%,-45%);
	-ms-transform: translate(-50%,-45%);
	-o-transform: translate(-50%,-45%);
	transform: translate(-50%,-45%);
}

@media(max-width:767px) {
	#page_top {
	    bottom: 5px;
	    right: 5px;
	}

	#page_top a {
	    width: 30px;
	    height:30px;
    }

    #page_top a:before{
    	font-size:14px;
    }
}



#info .article img,
#recruit img.aligncenter,
#event_info img.aligncenter,

#train_info .article img,
#train_info_en .article img,
#train_info_tw .article img,
#train_info_ko .article img {
	width: 100%;
    height: auto;
}

@media(max-width:767px) {
#event_info article img {
	width: 100%;
    height: auto;
}
}


#osusume br {
    display: none;
}

@media(max-width:767px) {
#osusume {
    text-align: center;
}

#osusume br {
   display: block;
}

}


@media(max-width:767px) {
#ticket table {
    font-size: 10px;
}
}


.fa-file-pdf {
    color: #F53D7E;
}


@media (max-width: 768px) {

#press .content ul li .info_date, #notice .content ul li .info_date, #schedule .content ul li .info_date {
    width: 31%;
}

#press .content ul li .info_title, #notice .content ul li .info_title, #schedule .content ul li .info_title {
    width: 67%;
    float: left;
}
}



@media (min-width: 1200px)
.container {
    width:auto!important;
}


@media (min-width: 768px)
.container {
    width:auto!important;
}


#recruit footer {
    margin-top: 60px;
}


/*-----------20220217追記------*/
.eyecatch .img img{
	width: auto;
	max-width: 100%;
	height: auto;
}


.wrap-ticket-note{
}
.wrap-ticket-note p{
    color: red;
}

/* Footer グループ企業リンク追加
----------------------------------------------------*/
#footnav > ul + ul {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #e7e7e7;
}