@charset "utf-8";

/*---------------エブリ作業用css---------------*/
/*---------------------------------------------
・共通
・お知らせ
・延着証明
・延着証明書
・お問い合わせ
・定期券
・お得な乗車券
・手回り品
・レールウェイカード
・時刻表
・ライブ情報
・ハイキングレポート
・動画一覧
・旬菜マルクト情報
・貸切電車運行のお知らせ
・妙見の森ケーブルの仕組み
・イベント
・yahooマップ
・妙見の森へ行こう
・妙見の森へ行こう アクセス
・妙見の森ガイドマップ
・のせでんハイキング
・のせでんハイキング 詳細
・ケーブル
・沿線マップ
・リフト応援隊
・よくあるご質問
・情報誌のせでん
・野鳥
・定番コース紹介
・鉄道ファンページ
・のせでんファーム
・追加
---------------------------------------------*/

.bold{
	font-weight:bold;
}

.nav_sp .wrap ul.submenu li a.osite::after ,
a.btn_txt.osite::after {
    display: inline-block;
    width: 14px;
    height: 12px;
    content: "";
    margin: 0 0 0 5px;
    padding: 0;
    background: url(../img/common/icon_othersite.png) center center no-repeat;
    background-size: cover;
}

.mb30{
	margin:0 0 30px !important;
}
#railway .maincont .cont_top.mt90,
#guide .maincont .cont_top.mt90{
	margin:90px 0 0 !important;
}
td.mdscell{
	background-color: #F3F3F3;
}
table.tbl_fare ul {
	margin: 20px 0;
}

h3.mds span{
	font-size:0.6em;
}

#guide .contwrap table.tbl th{
	text-align: left;
}

#contents_area img{
	max-width: 100%;
	height: auto !important;
}

@media (max-width: 680px) {
	#railway .maincont .cont_top.mt90{
		margin:50px 0 0 !important;
	}
	.wrapper .mds img,
	.news_list_col ul.newslist img{
		width: auto;
	}
	#guide #hiking.maincont .cont_top.mt90{
		margin:30px 0 0 !important;
	}
}

#searchresults {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

.contwrap .col p a,
.contwrap .col a.txt_link,
a.btn_txtl2,
.report p a{
	color: #007efc;
	text-decoration: underline;
	word-wrap: break-word;
}
a.txt_link.osite::after {
    display: inline-block;
    width: 13px;
    height: 11px;
    content: "";
    margin: 0 0 0 5px;
    padding: 0;
    background: url(../img/common/icon_othersite.png) center center no-repeat;
    background-size: cover;
}
@media (max-width: 680px) {

	.wrapper img{
		width: 100% ;
	}
	#mapField2 img{
		width: auto;
	}

}


/*---------------------------------------------
お知らせ
---------------------------------------------*/
.news_list_col{
	display: block;
	padding: 0;
	margin: 60px 0 30px;
}
#hiking .news_list_col{
	display: block;
	padding: 0;
	margin: 60px 0 80px;
	background: #FFF;
}

.news_list_col ul.newslist {
    display: block;
    padding: 15px 0 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #d5d5d5;
}

.news_list_col ul.newslist li {
    display: table;
    flex-wrap: no-wrap;
    padding: 0px 0 15px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #d5d5d5;
    display: block;
}

.news_list_col ul.newslist li .newsdate {
    display: table-cell;
    font-size: 14px;
    padding: 0 30px 0 0;
}

.news_list_col ul.newslist li a {
    position: relative;
    display: table-cell;
}

.news_list_col ul.newslist li a:hover {
    opacity: 0.6;
}

.news_list_col ul.newslist li a::before {
    position: absolute;
    top: 13px;
    left: -15px;
    display: block;
    width: 0px;
    height: 0px;
    padding: 0;
    margin: 0;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #ED6D3D;
}

.news_list_col .icon_pdf {
    display: inline-block;
    font-size: 10px;
    line-height: 2;
    padding: 0 6px;
    margin: 2px 0 0 0;
    background-color: #cbcbcb;
    color: #000;
    vertical-align: top;
}

.news_list_col .icon_new {
    display: inline-block;
    font-size: 10px;
    line-height: 2;
    padding: 0 6px;
    margin: 7px 0 0 7px;
    background-color: #ed6d3d;
    color: #fff;
    vertical-align: top;
    border-radius: 10px;
}
.cont_top span.date{
	display: inline-block;
	margin:0 0 20px;
}
.news_list_col ul.newslist li a.outside_link {
    position: relative;
}

.news_list_col ul.newslist li a.outside_link::after {
    display: inline-block;
    width: 13px;
    height: 11px;
    content: "";
    margin: 0 0 0 5px;
    padding: 0;
    background: url(../img/common/icon_othersite.png) center center no-repeat;
    background-size: cover;
}
.news_list_col ul.newslist li a.file_link {
    position: relative;
}

.news_list_col ul.newslist li a.file_link::after,
a.btn_txt.file_link::after {
    display: inline-block;
    width: 11px;
    height: 11px;
    content: "";
    margin: 0 0 0 5px;
    padding: 0;
    background: url(../img/common/icon_file.png) center center no-repeat;
    background-size: cover;
}

.raiway_top_menu .news_col{
	margin: 30px 0;
}



@media (max-width: 680px) {

    .news_list_col {
        display: block;
        padding: 20px 20px 10px 20px;
        margin: 0 0 30px 0;
    }

    .news_list_col dl {
        margin: 0 0 20px 0;
    }

    .news_list_col dt {
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        float: none;
        margin-bottom: 10px;
    }

    .news_list_col dd {
        display: block;
        margin: 0 0 20px 0px;
        padding: 0;
    }

    .news_list_col ul.newslist li {
        display: block;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .news_list_col ul.newslist li .newsdate {
        display: block;
        font-size: 12px;
        padding: 0;
    }

    .news_list_col ul.newslist li a {
        position: relative;
        display: block;
        margin-left: 16px
    }
    .news_list_col ul.newslist li a::before {
        top: 13px;
    }
    .infobody #contents_area img{
    	max-width:100%;
    	height: auto !important;
    }


}

/*---------------------------------------------
延着証明
---------------------------------------------*/
p.important {
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8;
    padding: 10px 0;
}
span.important,
ul li.important{
    font-weight: bold;
    color: #be2b3f !important;
}
span.important.large,
ul li.important.large{
    font-size: 14px;
}

.note{
	font-size: 0.8em;
}
.scroll{
	overflow: auto;
}
table.tbl.center td{
	text-align: center;
}
a.txt_link{
	color: #007efc;
	text-decoration: underline;
}
a:hover.txt_link{
	text-decoration: underline;
}


@media (max-width: 680px){
	.scroll .tbl th {
		display: table-cell;
	}
	.scroll .tbl th {
		min-widh: 4em;
	}
}
/*-------------------------------------------------
延着証明書
 -------------------------------------------------*/
#delay_detail {
    background-color: #FFF;
    font-size: 0.8em;
    font-weight: normal;
    color: #000000;
    padding: 0;
    background: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    width: 600px;
    margin: auto;
}

#delay_detail .contents_ttl {
    background: none;
    text-align: center;
    color: #000000;
    padding: 0;
    margin: 0 0 20px 0;
    height: auto;
    font-size: 2.2em;
}

#delay_detail ul.list li::before{
	background-color: #000;
	top: 5px;
	width: 8px;
	height: 8px;
	border-radius: 0;
}
#delay_detail #delay span.important {
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

#delay_detail #delay p.lead {
    text-align: center;
    font-size: 1.2em;
}

#delay_detail #delay .cert {
    border: 5px solid #000000;
    padding: 10px 20px;
    margin: 10px 0;
}

#delay_detail #delay .cert p {
    text-align: right;
    font-size: 1.2em;
    margin: 10px 0 0px 0;
}

#delay_detail #delay dl {
    box-sizing: border-box;
    color: #000000;
    font-size: 1.6em;
}

#delay_detail #delay dt,
#delay_detail #delay dd {
    padding: 5px 10px 0 10px;
}

#delay_detail #delay dt {
    font-weight: bold;
    width: 40%;
    float: left;
}

#delay_detail #delay dd {
    background: #fff;
    margin-left: 40%;
    padding-bottom: 0;
}

#delay_detail #delay dd:after {
    content: '';
    display: block;
    clear: both;
}

#delay_detail #delay .btn_area {
    margin: 40px 0;
}

#delay_detail .clearfix:after {
    content: "";
    clear: both;
    display: block;
}

#delay_detail #delay .btn_print,
#delay_detail #delay .btn_close {
    text-decoration: unset;
    width: 30%;
    margin: 0;
    padding: 1em 1em 1em 1em;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    font-weight: bold;
    border: 1px solid #b7b7b7;
    background: #eaeaea;
}

#delay_detail #delay .btn_print {
    float: right;
}

#delay_detail #delay .btn_close {
    float: left;
}


#delay_detail #delay .footer_logo {
    text-align: center;
    padding: 0;
}
#delay_detail #delay .footer_logo p{
    padding: 5px 0;
}

@media screen and (max-width: 600px) {
    #delay_detail {
        width: 100%;
        max-width: 360px;
    }

    #delay {
        padding: 10px;
    }

    #delay_detail #delay p.lead {
        text-align: left;
    }

    #delay_detail #delay .cert {
        padding: 10px;
    }

    #delay_detail #delay dt {
        width: 35%;
    }

    #delay_detail #delay dd {
        white-space: nowrap;
    }

    #delay_detail #delay dl {
        font-size: 1.2em;
    }
}

@media print {
    #delay_detail #delay .btn_area {
        display: none;
    }

    #delay_detail {
        width: 600px;
    }
}

/*-------------------------------------------------
お問い合わせ
 -------------------------------------------------*/
.tel {
    font-weight: bold;
    font-size: 1.6em;
}
.tel .note{
    font-size: 0.6em;
}

.contwrap .col.center{
	text-align: center;
}
header#inqheader {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	height: 76px;
	background-color: rgba(255, 255, 255, 1);
}

.search_col.scedule{
	width: 80%;
	margin:0 auto 50px;
}

@media (max-width: 680px) {
	.search_col.scedule{
		width: 100%;
	}

}


/*-------------------------------------------------
定期券
 -------------------------------------------------*/

a.anchor:before {
    content: "";
    display: inline-block;
    height: 200px;
    margin-top: -200px;
    vertical-align: top;
}
a.anchor_s:before {
    content: "";
    display: inline-block;
    height: 100px;
    margin-top: -100px;
    vertical-align: top;
}

.syunwari {
    font-weight: bold;
    margin: 0 0 30px 0;
}

.credit_card{
	border: 1px #be2b3f solid;
	border-width: 0 1px 1px 1px;
	padding:0;
	margin:0;
}
.credit_card p{
	margin:10px 20px;
}
.credit_card p.ttl{
	background: #be2b3f;
	color:#FFF;
	margin:0;
	padding: 5px 10px;
}
.credit_card ul{
	margin: 0 0 0 20px;
}

.possible{
	color: #0000FF;
}
.restriction{
	color: #FF0000;
}
.border_box{
	text-align:center;
	border:1px #000 solid;
	padding:15px 0 0;
	margin:-20px 0 30px;
}

/*-------------------------------------------------
お得な乗車券
 -------------------------------------------------*/
.gain_detail{
	margin:-20px 0 10px;
}
.gain_detail .acmenu {
	display: block;
	position: relative;
	padding: 12px 15px 12px 50px;
	margin: 0;
	background-color: #fff;
	color: #444;
	text-align: left;
	cursor: pointer;
}

.gain_detail .acmenu::before,
.gain_detail .acmenu::after {
    position: absolute;
    top: 24px;
    left: 20px;
    display: block;
    width: 16px;
    height: 2px;
    content: "";
    background-color: #ED6D3D;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.gain_detail .acmenu::before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.gain_detail .acmenu.active::before,
.gain_detail .acmenu.open::before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.gain_detail dd {
    display: none;
}
.gain_detail dd {
    margin: 0;
    padding: 0;
    background: #FFF;
    overflow:hidden;
}
.gain_detail dd table{
	width: 90%;
	margin: 30px auto;
	padding:0;
}
.gain_detail .btn{
	margin:0 auto;
}
.center{
	text-align: center;
}
@media screen and (max-width: 680px) {
	table.gain th,
	table.gain td{
		display:block;
		width:100%;
	}


	.gain_detail dd table th,
	.gain_detail dd table td{
		display:block;
		width:100%;
	}

}

/*-------------------------------------------------
手回り品
 -------------------------------------------------*/
.temawari_ol{
	margin:0;
	padding: 0 0 0 1em;
}
.temawari_ol li{
	margin:0 0 30px;
}
.temawari_ol li ul{
	margin: 20px 0 0 ;
}

/*-------------------------------------------------
レールウェイカード
 -------------------------------------------------*/
ul.item_list.col5{
	display:block;
	overflow:hidden;
	background:#FFF;
}
ul.item_list.col5 li{
	width:20%;
}
@media screen and (max-width: 600px) {
	ul.item_list.col5 li{
		width:50%;
	}
}

p.dl_atte {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
    border: 3px solid red;
    background: #f7f2f2;
}

/*-------------------------------------------------
時刻表
 -------------------------------------------------*/
nav.schedule{
/*	border-bottom: 1px #E6E7DE solid; */
	margin:0 0 10px;
}
nav.schedule:last-of-type{
/*	border-top: 1px #E6E7DE solid; */
	border-bottom: none;
}
ul.direction{
	margin: 0;
	list-style:none;
	padding:0;
	display:block;
        width:100%;
        max-width:660px;

}
ul.day{
	list-style:none;
	margin:0 0 15px;
	padding:0;
	display:block;
        width:100%;
        max-width:660px;
}
ul.day_n{
	list-style:none;
	margin:0 0 15px;
	padding:0;
	display:block;
        width:100%;
        max-width:660px;
}


ul.direction li{
	display:inline-block;
	width:49.3%;
}
ul.day li{
	display:inline-block;
	width:49.3%;
}
ul.day_n li{
	display:inline-block;
	width:49.3%;
}


ul.direction li a{
	display:block;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	padding: 15px 0;
	background-color: #f5f5f5;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
}
ul.direction li a:hover {
    background-color: rgb(210, 212, 202);
}
ul.direction li a.active{
    background-color: #583822;
    color: #fff;
}

ul.day li a{
	display:block;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	padding: 15px 0;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
    background-color: #f5f5f5;
}
ul.day li a:hover{
    background-color: rgb(210, 212, 202);
}
ul.day li a.active {
	background: #583822;
    color: #fff;
}

ul.day_n li a{
	display:block;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	padding: 15px 0;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
    background-color: #f5f5f5;
}
@media screen and (max-width: 600px) {
    ul.direction li{
        display:inline-block;
        width:49%;
    }
    ul.day li{
        display:inline-block;
        width:49%;
    }
    ul.day_n li{
        display:inline-block;
        width:49%;
    }
    ul.day li a{
        font-size: 12px;
    }
	ul.day_n li a{
	font-size: 12px;
	}
}

ul.day_n li a:hover{
    background-color: rgb(210, 212, 202);
}
ul.day_n li a.active {
	background: #583822;
    color: #fff;
}

.tbl_schedule {
    border-collapse: collapse;
    width: 100%;
    max-width: 660px;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin: 0 0 20px 0;
}

.tbl_schedule th,
.tbl_schedule td {
    border-bottom: 1px solid #d3d3d3;
    vertical-align: middle;
    padding: 5px 10px;
    text-align: center;
}
.tbl_schedule th font,
.tbl_schedule td font{
	font-size: 18px;
}
.tbl_schedule th {
    padding:5px;
    text-align: center;
    border-left: 1px solid #d3d3d3;
    background: #eeefe9;
}

.tbl_schedule th.hour {
    text-align: center;
    width: 3em;
    background: #eeefe9;
}

.tbl_schedule td {
    padding: 5px;
    border-left: 1px solid #d3d3d3;
}

@media screen and (max-width: 600px) {
	ul.direction li{
		width: 49%;
	}
	ul.day li{
		width: 49%;
	}
}
.download{
    padding:0 0 20px 0;
}

@media screen and (max-width: 600px) {
	.download{
	    text-align:center;
	}
}

/*-------------------------------------------------
ライブ情報
 -------------------------------------------------*/
.pagenation{
	text-align: center;
}

a.btn_before,
a.btn_next{
    position: relative;
	display: inline-block;
	border: 2px solid #e5e5e5;
}
a.btn_before{
	margin:0 20px 0 0 ;
	padding: 12px 30px 12px 50px;
}
a.btn_next{
	margin:0 0 0 0 ;
	padding: 12px 50px 12px 30px;
}
a.btn_before::before{
    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 15px;
    content: "︎▶";
    color: #ED6D3D;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    padding: 6px 0 0 2px;
    box-sizing: border-box;
    transform: rotate(-180deg);
}
a.btn_next::before{
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 15px;
    content: "︎▶";
    color: #ED6D3D;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    padding: 6px 0 0 2px;
    box-sizing: border-box;
}

a:hover.btn_before,
a:hover.btn_next{
	border-color: #b7b7b7;
	background-color: #f5f5f5;
}

.live_detail{
	width: 800px;
	margin:0 auto;
	text-align:center;
}
.live_detail img{
	max-width: 100%;
}
.live_detail h3{
	font-size: 24px;
}
.live_detail p{
	font-size: 18px;
}

@media (max-width: 800px){
	.live_detail{
		width: 100%;
	}
}


/*-------------------------------------------------
ハイキングレポート
 -------------------------------------------------*/
.mds_obi span{
	display: block;
	font-size: 80%;
}

.bloglistbox img{
	max-width: 100%;
}

span.ico_shortly{
	display: inline-block;
	background: #FF0000;
	padding: 3px 10px;
	margin:0 10px 0 0;
	color:#FFF;
}
span.ico_end{
	display: inline-block;
	background: #000;
	padding: 3px 10px;
	margin:0 10px 0 0;
	color:#FFF;
}
.searchevent.report{
	background: #FFF;
	padding:0 20px;
}

a.report_link{
	display:block;
}
a:hover.report_link{
	opacity: 0.6;
}


/*-------------------------------------------------
動画一覧
 -------------------------------------------------*/
#forest .movie{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 0 20px;
}
#forest .movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

/*-------------------------------------------------
旬菜マルクト情報
 -------------------------------------------------*/
img.marukuto_ttl,
img.marukuto_tel{
	width: 100%;
}
.marukuto_info {
    margin: 20px 0 !important;
    border: 2px solid RED;
    padding: 20px !important;
}
.news_col.marunews{
	padding:50px 20px 10px !important;
	background: #efefef;
}
#marukuto .column .txt_suspension {
    width: 16px;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    position: absolute;
    left: 495px;
    top: 212px;
    display: block;
}
.kaisaiarea{
	width: 100%;
	display:block;
	overflow:hidden;
	margin:50px 0;
}


dl.dl_box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
dl.dl_box {
    display: inline-block;
    clear: both;
}
* html dl.dl_box {
    height: 1%;
    clear: both;
}
dl.dl_box {
    display: block;
    clear: both;
}
dl.dl_box {
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	border: #DDD solid 1px;
	background-color: #FAFFDA;
	width: 450px;
}
dl.dl_box dt {
    padding: 10px 10px 10px 19px;
    width: 170px;
	font-weight:bold;
    float: left;
	line-height:1.5;
	font-size:80%;
}
dl.dl_box dd {
    padding: 10px 19px 10px 0px;
    width: 275px;
    float: left;
	line-height:2;
	margin: 0;
	font-size:80%;
}
.date_open {
	margin: 0 0 10px 0;
	padding: 0;
	font-size:1.6em;
	font-weight:bold;
}


ul.map_station {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 50px 0 0 2px;
	height:130px;
	list-style:none;
	position:relative;
	background:url(../img/railway/bg_mapstation.gif) no-repeat 0 0;
	background-size: 99%;
}


ul.map_station li {
	width: 100%;
	margin: 0 10px 10px 10px;
	padding: 15px 6px 15px 6px;
	list-style:none;
	width:38px;
	height:110px;
	font-size:14px;
	line-height:1.2;
	float:left;
	display:block;
	text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border:#CCC solid 1px;
	background-color:#FFF;
}
ul.map_station li.nisseichuou {
	position:absolute;
	top:-85px;
	right:243px;
	background-color:#FFF!important;
}
@media screen and (max-width: 1316px) {
	ul.map_station li {
		width:37px;
	}
}
@media screen and (max-width: 1290px) {
	ul.map_station li {
		width:36px;
	}
}
@media screen and (max-width: 1152px) {
	ul.map_station li {
		width:30px;
	}
}
@media screen and (max-width: 1024px) {
	dl.dl_box {
		margin-bottom: 90px;
		width: 100%;
	}
	dl.dl_box dt {
	    width: 40%;
	}
	dl.dl_box dd {
	    width: 58%;
	}
	ul.map_station li {
		margin: 0 7px 10px 7px;
		width:30px;
	}
	ul.map_station li.nisseichuou {
		right:185px;
	}
}
@media screen and (max-width: 860px) {
	ul.map_station li {
		margin: 0 5px 10px 5px;
		width:27px;
	}
	ul.map_station li.nisseichuou {
		right:154px;
	}
}
@media screen and (max-width: 800px) {
	ul.map_station li {
		margin: 0 5px 10px 5px;
		font-size:12px;
		width:24px;
	}
	ul.map_station li.nisseichuou {
		right:144px;
	}
}
@media screen and (max-width: 770px) {
	ul.map_station li {
		margin: 0 5px 10px 5px;
		font-size:12px;
		width:23px;
	}
	ul.map_station li.nisseichuou {
		right:140px;
	}
}

@media screen and (max-width: 720px) {
	ul.map_station li {
		margin: 0 6px 10px 5px;
		font-size:14px;
		width:35px;
	}
	ul.map_station li.nisseichuou {
		right:188px;
	}
}
@media screen and (max-width: 640px){
	ul.map_station {
		display: none;
	}
	dl.dl_box {
	    margin-bottom: 20px;
	}
	dl.dl_box dt{
		width:100%;
	}
	dl.dl_box dt br{
		display: none;
	}
	dl.dl_box dd{
		width:100%;
		padding:0 20px;
		font-size:1.2em;
	}

}
ul.map_station li.current { background-color: #DBD8FF; }

#place_week {
	padding:10px;
}
#place_week ul.place_side {
	width:100%;
	border-bottom:#CCC dotted 1px;
	list-style:none;
	padding:0;
	margin:0;
}
#place_week ul.place_side li {
    padding: 1em 1em 1em 1em;
    float:none;
	display:block;
	border-top:#CCC dotted 1px;
}
#place_week ul.place_side li.today { background-color: #FAFEDA; }
#place_week .holiday {
    color: red;    
}
.fright {
    float: right;
}


/*-------------------------------------------------
貸切電車運行のお知らせ
-------------------------------------------------*/
#reseved .contwrap h2{
	text-align: center;
}
.ttl_img{
	width: 80%;
}
.mdscell span{
	font-weight: bold;
}
#reseved p.reserveimg {
	text-align:center;
	margin:0 0 30px;
}
ol.atteTxt{
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
}
p.kashikiri_tel {
    font-size: 28px;
    font-weight: bold;
    color: #006ab8;
}
p.kashikiri_tel span {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 10px;
    color: #000;
}
@media (max-width: 680px){
	.ttl_img{
		width: 100%;
	}
	#reseved table.freight {
	    display: block;
	}
	#reseved img{
		width:100%;
	}
}


/*-------------------------------------------------
妙見の森ケーブルの仕組み
-------------------------------------------------*/
.img_cable{
	text-align:center;
}
.img_cable img{
	max-width: 100%;
}

/*---------------------------------------------
イベント
---------------------------------------------*/
.item_list .flexslider .slides li p.icon_kaisai,
ul.eventlist li p.icon_kaisai,
ul.eventlist_s li p.icon_kaisai {
	position: absolute;
	top:0;
	right: 0;
    padding: 3px 10px !important;
    width: auto;
    background: #FF9900;
    color:#FFF;
    display: inline-block;
    font-size: 14px;
    margin:0;
}
.cat_area{
	margin:0 20px;
}
ul.eventlist_s .cat_area{
	margin:0;
}
ul.slides li span.cat1,
ul.slides li span.cat2,
ul.slides li span.cat3,
ul.slides li span.cat4,
ul.eventlist li span.cat1,
ul.eventlist li span.cat2,
ul.eventlist li span.cat3,
ul.eventlist li span.cat4{
	padding:3px 10px !important;
	display: inline-block;
	margin: 5px 5px 5px 0!important;
	background: #bbc6c7;
	border-radius: 5px;
	font-size:10px;
}

.item_list .flexslider .slides li p.areainfo,
.eventlist li p.areainfo,
.eventlist_s li p.areainfo{
	font-size: 10px;
	display: inline-block !important;
	margin:0 !important;
}
.item_list .flexslider .slides li p.spotinfo{
	margin: 10px 0;
}
.eventlist li p.spotinfo,
.eventlist_s li p.spotinfo{
	margin: 10px 20px;
}
ul.slides li p.spotinfo span,
ul.eventlist li p.spotinfo span,
ul.eventlist_s li p.spotinfo span{
	display: block;
	font-size: 11px;
}
ul.slides li h3,
ul.eventlist li h3,
ul.eventlist_s li h3{
	margin: 10px 0;
}

ul.slides li h3 span,
ul.eventlist li h3 span,
ul.eventlist_s li h3 span{
	font-size: 11px;
	display: block;
}

.item_list .flexslider .slides li p.date_event,
.eventlist li p.date_event,
.eventlist_s li p.date_event{
	margin: 10px 0;
	font-weight: bold;
}
.item_list .flexslider .slides li p.date_event span,
.eventlist li p.date_event span,
.eventlist_s li p.date_event span{
	background: #333 ;
	color: #FFF;
	padding: 3px 5px; 
	font-weight: normal;
}

ul.slides li  .station_name,
ul.eventlist li .station_name,
ul.eventlist_s li .station_name{
	display: inline-block;
	background: #573721;
    margin: 0 5px 0 0 !important;
	padding: 3px 5px !important;
	border-radius: 5px;
	font-size:10px !important;
	color:#FFF;
}


/*---------------------------------------------
yahooマップ
---------------------------------------------*/
div ul.yolp-ctrl .map{
	width:auto !important;
}
div ul li.yolp-layerset-on,
div ul li.yolp-layerset-off,
div ul li.yolp-layerset-disable{
	height: 22px; 
}

.map_info{
	font-size: 80%;
	margin: 20px 0 40px; 
}


/*---------------------------------------------
妙見の森へ行こう
---------------------------------------------*/
.mds.myouken{
	margin:60px 0 50px;
}

.ttl_live{
	display: block;
	padding: 0;
	font-size: 24px;
	margin:50px 0 10px 0;
}
.ttl_live span {
    display: block;
    padding: 0;
    font-size: 16px;
}


/*---------------------------------------------
妙見の森へ行こう アクセス
---------------------------------------------*/
table.tran_detail {
	width: 100%;
	border: none;
	margin: 10px 0 0 0;
}

table.tran_detail td {
	padding: 0.5em 2em;
}
table.tran_detail td.bg_blue {
	height: 30px;
	color: #FFF;
	text-align: center;
	background-color: #ED6D3D;
	
}
table.tran_detail td.arrow {
	text-align: center;
}
.searchevent {
    display: none;
    padding: 0;
    margin: 50px 0;
}
.time_detail{
    display: none;
    padding: 0;
    margin: 0 0 40px;
}

table.time_table {
    border-collapse: collapse;
    width: 100%;
    border-top: 2px solid #d3d3d3;
    border-left: 2px solid #d3d3d3;
    border-right: 2px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin: 0 0 20px 0;
}

table.time_table th,
table.time_table td {
    border-bottom: 2px solid #d3d3d3;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

table.time_table th {
    padding: 10px;
    text-align: center;
    border-left: 2px solid #d3d3d3;
    background: #eeefe9;
}

table.time_table td {
    padding: 10px;
    border-left: 2px solid #d3d3d3;
}
table.time_table td.blank {
    background: #eeefe9;
}

table.time_table td .attention{
	color: #FF0000;
	margin: 0;
	padding: 0;
	font-weight: bold;
    font-size: 12px;
}
.img_access{
	text-align: center;
}

@media (max-width: 680px) {
	.img_access img{
		width: 100%;
	}
	.scroll_table{
		width: auto;
		overflow: scroll;
	}
	.scroll_table table.freight{
		width: auto;
	}
	.scroll_table table.time_table td,
	.scroll_table table.freight td{
		white-space: nowrap;
	}
}

/*---------------------------------------------
妙見の森ガイドマップ
---------------------------------------------*/
p.course_spot{
	margin:5px 0 0 0;
	font-size: 20px;
	font-weight: 500;
}
p.course_spot span.spotno{
	font-size: 1.6em;
	margin:0 10px 0 0;
    padding: 0;
    width: 55px;
    height:55px;
	display: inline-block;
    color: #FFF;
    background:#C3D365;
    border-radius: 50%;
    text-align:center;
}
p.course_spot .spot_catch{
	display: inline-block;
	margin:0 0 0 20px;
}

.walk {
	margin: 1em 0 0;
	padding: 1.8em 0 1.6em;
	text-align: center;
	font-size: 1.2em;
	line-height: 100%;
	background: url(../img/common/bg_walk.gif) repeat-y 50% 0;
}
.walk span {
    background: #FFF;
    display: inline-block;
    padding: 5px 0;
}


/*---------------------------------------------
のせでんハイキング
---------------------------------------------*/
.news_col.today_hiking{
	background: rgba(248, 184, 97, 0.2);
	border:none;
}
.news_col.today_hiking::after{
	border:none;
}
.news_col.today_hiking .todaydate{
	text-align:right;
    font-size: 12px;
    display: inline-block;
    margin:0 0 0 20px;
 } 


.search{
	margin:0 auto 50px;
}
.mds_search{
	border: 3px rgba(0, 0, 0, 0.06) solid;
	padding:10px 10px 10px 60px;
	position: relative;
	cursor: pointer;
	background: #FFF;
}
.mds_search::before,
.mds_search::after{
	position: absolute;
	top: 24px;
	left: 20px;
	display: block;
	width: 16px;
	height: 2px;
	content: "";
	background-color: #ED6D3D;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.mds_search::before,
.mds_search.active::before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}
.mds_search.active::before,
.mds_search.open::before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

@media (max-width: 680px){
	.news_col.today_hiking{
		padding:20px;
		margin: 40px 0;
	}
    .news_col.today_hiking .todaydate{
    	display: block;
    	text-align:right;
    }
    .news_col.today_hiking dt{
       margin-bottom: 5px;
    }
}


/*---------------------------------------------
のせでんハイキング 詳細
---------------------------------------------*/
.detailimg .flexslider .slides li span{
	display: block;
	margin: 10px 0 0;
	text-align: center;
}
a.btn_access{
	position: relative;
	display: block;
	font-size: 22px;
	max-width: 24em;
	font-weight: normal;
	line-height: 1.4;
	margin: 15px auto 15px auto;
	padding: 12px 20px 12px 20px;
	background-color: #a4223e;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	z-index: 1;
}
a.btn_access::before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0;
    content: "▶︎";
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1.9;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
}


/*---------------------------------------------
ケーブル
---------------------------------------------*/
.calico{
    margin:0 0 20px;
    text-align:center;
}
.calico img{
    margin:0 5px 0 20px;
    vertical-align:middle;
}
.time_table.cable {
    display: block;
    position: relative;
    margin: 0 0 50px 0;
    padding: 40px;
    background: #F6F6F6;
}

.time_table::after {
	position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 80px;
    height: 5px;
    padding: 0;
    margin: 0 0 0 -40px;
    content: "";
    background-color: #F8B861;
}

.time_table .flexslider {
    background: none;
    padding: 0;
    margin: 0;
}

.time_table .btncol {
    position: absolute;
    top: 40px;
    right: 40px;
    padding: 0;
    margin: 0;
}


.time_table .btncol a.btn_more {
    font-size: 14px;
    margin: 0;
    padding: 10px 20px 8px 10px;
}

.time_table .btncol a.btn_more:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.time_table .flexslider .slides li a {
    position: relative;
    display: block;
}

.time_table .flexslider .slides li a:hover img {
    opacity: 0.6;
}

.time_table .flexslider .slides li img {
    margin: 0;
    padding: 0;
    display: block;
}

.time_table .flexslider .slides li h3.ttl {
    font-size: 20px;
    margin: 20px 0 5px 0;
    padding: 0;
    font-weight: 400;
}

.time_table .flexslider .slides li p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.time_table .flexslider .slides li a .mark_category {
	position: absolute;
    top: 5px;
    left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 80px;
    height: 80px;
    padding: 22px 0 0 0 !important;
    margin: 0px;
    border-radius: 40px;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    background-color: #ED6D3D;
    color: #fff;
}
.calbox{
    width:100%;
    margin: 0;
    padding:15px 0;
    background: url(../../images/station/bg_cal.png) no-repeat 0 0;
    text-align:center;
    overflow:hidden;
}
.calbox .calttl{
    margin:0 0 10px;
    font-weight:bold;
    font-size:1.2em;
}
.calbox table {
    width:100%;
    margin:0 auto;
    background:#FFF;
    border:solid 1px #adadad;
    border-collapse:collapse;
    }
.calbox th, .calbox td {
    border:solid 1px #adadad;
    text-align:center;
    vertical-align:middle;
    padding:6px 0;
    font-weight:normal;
    }



@media (max-width: 680px) {

    .item_list {
        display: block;
        position: relative;
        margin: 30px 0;
        padding: 20px 0;
        background: none;
        border-top: 1px solid #ddd;
    }


    .item_list .btncol {
        position: static;
        padding: 0;
        margin: 50px 0 0 0;
    }

    .item_list .btncol a.btn_more {
        display: block;

    }

    .item_list .flex-direction-nav {
        display: none;
    }

    .item_list .flexslider .slides li h3.ttl {
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

    .item_list .flexslider .slides li p br {
        display: none;
    }
	.calico{
	    text-align:left;
	}
	.calico img{
	    width: auto;
	}

}
span.sat {
    color: BLUE;
}

span.sun {
    color: RED;
}
.cell_gray {
    background:#CCCCCC;
}

/* イエロー */
.cell_yellow {
    background:#ffff99;
}

/* グリーン */
.cell_green {
    background:#D5FFD5;
}

/* シアン */
.cell_cyanblue {
    background:#d9f1ff;
}

/* マゼンタ */
.cell_magenta {
    background:#FCE3E2;
}
@media (max-width: 680px){
	.calbox{
	    width:90%;
	    margin:0 auto;
	}
}

.bnr_ouen{
	width: 100%;
}


/*---------------------------------------------
沿線マップ
---------------------------------------------*/
ul.dl_map {
	width: 666px;
	margin: 10px 0;
	padding: 0;
}

ul.dl_map li {
	width: 330px;
	margin: 0;
	padding: 0;
	display: inline;
}

ul.dl_map li img{
	margin: 0;
	padding: 0;
}
@media (max-width: 680px){
	ul.dl_map {
		width:100%;
	}
	ul.dl_map li {
		width: 50%;
		margin: 0;
		padding: 0;
		display: inline;
	}
	ul.dl_map li img{
		width:100%;
	}
	.mapimg{
		width: 100%;
	}
}


/*---------------------------------------------
リフト応援隊
---------------------------------------------*/
#mainttl.ouen_head{
	display:block;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 250px 0 0 0;
	text-align: center;
	position: relative;
	background-size:cover;
	z-index:2;
	background:#92c9d0;
	font-size: 16px;
}

.ivent {
	display:block;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.iventWrap {
	width: 900px;
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 10px 20px 20px 20px;
	background: #FFF;
	overflow: hidden;
	border-radius: 10px;
}
.textL {
	width: 60%;
	float: left;
	text-align: left;
	padding: 10px 10px 20px 10px;
}

.imgR {
	float: right;
	padding: 0 10px 0 0;
}
.photosArea {
	display:block;
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	background:#FFF;
	font-size: 16px;
	overflow: hidden;
}
.photosWrap {
	width: 980px;
	margin: 0 auto;
	height: auto;
}


.photos {
	display:inline-block;
	width: 980px;
	margin: 0 auto;
}

.photobox {
	padding: 10px;
	line-height: 100%;
	float: left;
	width:33%;
}
.photobox img{
	margin:0;
	padding: 0;
	display:block;
	width: 100%;
}

.photobox .textbox {
	color: #FFF;
	padding: 10px;
	width: 100%;
	text-align: left;
	opacity: 0.7;
	background:#000;
	line-height:120%;
}

.textbox p.name {	
	font-weight: bold;
}
@media (max-width: 860px){
	#mainttl.ouen_head img{
		width: 90%;
		margin:30px auto 0;
	}
	.iventWrap {
		width:90%;
		margin: 0 auto 20px auto;
		text-align: center;
		padding: 10px 20px 20px 20px;
		background: #FFF;
		overflow: hidden;
		border-radius: 10px;
	}
	.photosWrap {
		width:90%;
		margin: 0 auto;
		height: auto;
	}
	#mainttl.ouen_head .imgR {
		width:35%;
		float: right;
		padding: 0 10px 0 0;
	}
	#mainttl.ouen_head .imgR img{
		width:100%;
	}
	.photos {
		width:90%;
		margin: 0 auto;
	}
	#mainttl.ouen_head .photobox img{
		width: 100%;
	}

}
@media (max-width: 680px){
	#mainttl.ouen_head{
		padding: 0;
	}
	#mainttl.ouen_head .textL,
	#mainttl.ouen_head .imgR {
		width:100%;
		float: none;
		padding: 0 0 10px 0;
	}
	.photobox {
		padding: 10px;
		line-height: 100%;
		float: none;
		width:100%;
	}
}


/*---------------------------------------------
よくあるご質問
---------------------------------------------*/
.question {
    margin: 0 0 20px 0;
    padding: 30px 30px 30px 70px;
    color: #000;
    font-size: 1.0em;
    font-weight:bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: url(../img/guide/faqicon1.gif) no-repeat 10px 20px #E3DECF;
    position: relative;
}
.question::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 20%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #E3DECF;
}
.answer {
    margin: 0 0 30px 50px;
    padding: 20px 20px 20px 70px;
    color: #000;
    font-size: 1em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #E3DECF solid 4px;
    background: url(../img/guide/faqicon2.gif) no-repeat 10px 10px #FFF;
}


/*---------------------------------------------
情報誌のせでん
---------------------------------------------*/
dl.dl_pamph {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin-bottom: 30px;
    border-bottom: #C4C2BE solid 1px;
}


dl.dl_pamph dt {
    padding: 10px 10px 10px 0px;
    width: 20%;
    float: left;
    border-top: #C4C2BE solid 1px;
}
dl.dl_pamph dd {
    padding: 10px 0px 10px 0px;
    width: 74%;
    float: left;
    border-top: #C4C2BE solid 1px;
    margin:0;
}

img.thum_magazine{
	width: 100%;
}
.w30 .btn_pdf{
	margin: 0 0 15px;
}
.w30 .btn_pdf + .btn_pdf{
	margin: 0 0 15px;
}

@media (max-width: 680px){
	dl.dl_pamph dt,
	dl.dl_pamph dd {
	    width: 100%;
	    float: none;
	}
	dl.dl_pamph dt{
		font-weight: 500;
	    padding: 10px 10px 0 0px;
	}
	dl.dl_pamph dd{
	    border-top: none;
	}
}

/*---------------------------------------------
野鳥
---------------------------------------------*/
ul.birdlist {
    display: block;
    margin: 0 -30px 0px 0;
    padding: 0;
    font-size: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.birdlist::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

ul.birdlist li {
    display: inline-block;
    margin: 0 30px 30px 0;
    padding: 0;
    background-color: #f5f5f5;
    text-align: left;
    height: auto;
    vertical-align: top;
    width: 22.5%;
}
ul.birdlist li:nth-child(4n) {
    margin: 0 0 0 0;
}
ul.birdlist li figure {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 20px;
    border-radius: 0px;
    background-color: #000;
}
ul.birdlist li figure img {
    display: block;
    width: 100%;

}
ul.birdlist li h3 {
    display: block;
    position: relative;
    padding: 8px 0 0 0;
    margin: 10px 30px 0.5em 20px;
    font-size: 18px;
    font-weight: 400;
}
ul.birdlist li p {
    display: block;
    position: relative;
    padding: 8px 0 0 0;
    margin: 10px 20px;
}

@media (max-width: 1200px) {
    ul.birdlist li {
        width: 30.5%;
    }
	ul.birdlist li:nth-child(4n) {
	    margin: 0 30px 30px 0;
	}
}
@media (max-width: 1024px) {
    ul.birdlist li {
        width: 30%;
    }
	ul.birdlist li:nth-child(4n) {
	    margin: 0 30px 30px 0;
	}
}

@media (max-width: 960px) {
    ul.birdlist li {
        width: 45.5%;
    }
ul.birdlist li:nth-child(4n) {
    margin: 0 0 0 0;
}
}
@media (max-width: 680px) {
    ul.birdlist li {
        width: 95%;
    }
}
@media (max-width: 460px) {
    ul.birdlist li {
        width: 92%;
    }
}


/*---------------------------------------------
定番コース紹介
---------------------------------------------*/
.teiban_img{
	text-align: center;
}


ul.teibanlist {
    display: block;
    margin: 0 -30px 0px 0;
    padding: 0;
    font-size: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.teibanlist::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

ul.teibanlist li{
    display: inline-block;
    margin: 0;
    padding: 0 30px 30px 0;
    text-align: left;
    height: auto;
    vertical-align: top;
    width: 33%;
}
ul.teibanlist li a{
    display: block;
    position: relative;
    padding: 0 0 10px 0;
    margin: 0;
    text-decoration: none;
    background-color: #f5f5f5;
    border: none;
    border-radius: none;
}
ul.teibanlist li.nolink{
    width: 31%;
    height: auto;
    display: inline-block;
    padding: 0 0 10px 0;
    margin: 0 30px 0 0;
    text-decoration: none;
    background-color: #f5f5f5;
    border: none;
    border-radius: none;
}
ul.teibanlist li a:hover {
    background-color: #f2f2f2;
}
ul.teibanlist li a figure,
ul.teibanlist li.nolink figure {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-radius: 0px;
	background: #e4e4e4;
}
ul.teibanlist li a:hover figure {
    opacity: 0.6;
}
ul.teibanlist li a figure img,
ul.teibanlist li.nolink figure img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform all 0.3s ease-out;
    transition: -webkit-transform all 0.3s ease-out;
    transition: transform all 0.3s ease-out;
    transition: transform all 0.3s ease-out, -webkit-transform all 0.3s ease-out;
    opacity: 1;

}
ul.teibanlist li a:hover figure img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    opacity: 0.9;
}
ul.teibanlist li a h3,
ul.teibanlist li.nolink h3 {
    display: block;
    position: relative;
    padding: 8px 0 0 0;
    margin: 10px 30px 0.5em 20px;
    font-size: 18px;
    font-weight: 400;
}
ul.teibanlist li.nolink h3 span.closed{
	display: inline-block !important;
	background: #FF0000;
	color: #FFF;
	padding: 2px 5px; 
	margin:0 0 0 10px;
	vertical-align: top;
}

ul.teibanlist li a h3 span,
ul.teibanlist li.nolink h3 span{
    display: block;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
ul.teibanlist li a h3::after {
    position: absolute;
    top: 12px;
    right: -15px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0;
    content: "";
    background: url(../img/common/arrow.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

ul.teibanlist li a:hover h3::after {
    right: -20px;
}
ul.teibanlist li a p,
ul.teibanlist li.nolink p{
    display: block;
    padding: 0;
    margin: 0 20px;
    font-size: 14px;
    letter-spacing: 0;
}


@media (max-width: 960px) {


    ul.teibanlist li {
        width: 50%;
    }
    ul.teibanlist li.nolink {
        width: 46.3%;
    }


}

@media (max-width: 680px) {



	.teiban_img img{
		width: 100%;
	}

    ul.teibanlist li {
        width: 100%;
    }
    ul.teibanlist li.nolink {
        width: 94.5%;
        margin:0 0 30px;
    }
}

/*---------------------------------------------
鉄道ファンページ
---------------------------------------------*/
ul.fun_list{
    display: block;
    margin: 0 -30px 0px 0;
    padding: 0;
    font-size: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.fun_list::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
ul.fun_list li {
    display: inline-block;
    margin: 0;
    padding: 0 30px 30px 0;
    text-align: center;
    height: auto;
    vertical-align: top;
    width: 25%;
}
ul.fun_list li a {
	display: block;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-top: 6px solid #ED6D3D;
	background: #efefef;
	text-decoration: none;
	overflow: hidden;
	color: #000;
}
ul.fun_list li a:hover {
    background-color: #f2f2f2;
	text-decoration: none;
}
ul.fun_list li a figure {
    display: block;
    padding: 0;
    margin: 0;
    border-radius: 0px;
    position: relative;
}
ul.fun_list li a:hover figure {
    opacity: 0.6;
}
ul.fun_list li a figure::after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    display: block;
    width: 0px;
    height: 0px;
    padding: 0;
    margin: 0 0 0 -15px;
    z-index: 5;
    content: "";
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 30px solid #ED6D3D;
}
ul.fun_list li a figure img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform all 0.3s ease-out;
    transition: -webkit-transform all 0.3s ease-out;
    transition: transform all 0.3s ease-out;
    transition: transform all 0.3s ease-out, -webkit-transform all 0.3s ease-out;
    opacity: 1;
    object-fit: cover;
}
ul.fun_list li a:hover figure img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    opacity: 0.9;
}
ul.fun_list li a h3 {
	display: block;
	position: relative;
	font-size: 20px;
	color: #000;
	line-height: 1.2;
	padding: 0;
	margin: 30px 0 10px;
	font-weight: 500;
}
ul.fun_list li a p {
	margin: 0 20px 20px;
	line-height:1.4;

}
@media (max-width: 960px) {
	ul.fun_list li {
	    display: inline-block;
	    margin: 0;
	    padding: 0 30px 30px 0;
	    text-align: center;
	    height: auto;
	    vertical-align: top;
	    width: 50%;
	}
}
@media (max-width: 680px) {
	ul.fun_list li {
	    display: inline-block;
	    margin: 0;
	    padding: 0 30px 30px 0;
	    text-align: center;
	    height: auto;
	    vertical-align: top;
	    width: 100%;
	}
}


/*---------------------------------------------
のせでんファーム
---------------------------------------------*/
.mds_adviser {
    margin: 30px 0 10px 0!important;
    padding: 0 0 0 33px;
    font-size: 1.2em;
    line-height: 1.4em;
    background: url(../img/guide/myfarm/icon_advice.gif) no-repeat left center;
}
.mds_adviser span {
    padding: 0 0 0 10px;
    font-size: 1.2em;
}
.txt_red {
    color: #c3181f;
}
dl.farm_qa{
	margin:0 0 20px ;
}
dl.farm_qa dt{
	font-size:1.2em;
	font-weight: blod;
	background: #ffe9cb;
	padding: 10px 20px;
    border-radius: 20px;
    position: relative;
}
dl.farm_qa dt:before{
    content: "Q.";
    margin: 0 10px 0 0;
    font-size: 140%;
}
dl.farm_qa dt:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffe9cb;
}

dl.farm_qa dd{
	margin:20px 0 0 20px;
	padding:0;
	display:block;
}

dl.farm_qa dd:before{
    content: "A.";
    margin: 0 10px 0 0;
    font-size: 140%;
}
@media (max-width: 960px) {
	.ttl_content img{
		width: 100%;
	}
}

@media (max-width: 680px) {
	.mds_adviser {
	    padding: 0;
	    font-size: 1.0em;
		line-height: 1.6em;
	    background: none;
	}
}


/*---------------------------------------------
追加
---------------------------------------------*/
.tabarea{
	display: table-cell;
}
span.mds_topnews01,
span.mds_topnews02,
span.mds_topnews03,
span.mds_topnews04{
	padding: 2px 10px; 
	color:#FFF;
	display: inline-block;
	font-size: 10px;
	margin:2px 10px 0 0;
	vertical-align: top;
	min-width: 110px;
	text-align: center;
}
span.mds_topnews01{
	background: rgba(194,91,99,1);
}
span.mds_topnews02{
	background: #ed6d3d;
}
span.mds_topnews03{
	background: rgba(20,89,141,1);
}
span.mds_topnews04{
	background: rgba(201,158,68,1);
}


#contents_area h2 {
	position: relative;
	display: block;
	height: auto;
	box-sizing: border-box;
	font-size: 20px;
	color: #000;
	line-height: 1.4;
	padding: 0.6em 1em;
	margin: 0 0 1em 10px;
	font-weight: 500;
	background-color: #EEEFE9;
	text-align: left;
}

#contents_area h3{
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    padding: 0 0 0 28px;
    margin: 0 0 1em 0;
    font-weight: 500;
}
#contents_area h3::after {
    position: absolute;
    top: 4px;
    left: 0px;
    display: block;
    width: 1em;
    height: 1em;
    border: 4px solid #F8B861;
    margin: 0;
    content: "";
}
#contents_area h5{
    position: relative;
    display: block;
    height: auto;
    box-sizing: border-box;
    font-size: 20px;
    color: #000;
    line-height: 1.4;
    padding: 0.6em 1em;
    margin: 0 0 1em 10px;
    font-weight: 500;
    background-color: #EEEFE9;
    text-align: left;
}
#contents_area h5::before{
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 5px;
    height: 100%;
    background-color: #F8B861;
    margin: 0;
    content: "";
}
#contents_area h6{
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    padding: 0 0 0 28px;
    margin: 0 0 1em 0;
    font-weight: 500;
}
#contents_area h6::after{
    position: absolute;
    top: 4px;
    left: 0px;
    display: block;
    width: 1em;
    height: 1em;
    border: 4px solid #F8B861;
    margin: 0;
    content: "";
}
#contents_area ul {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
    text-align: left;
}
#contents_area ul li {
    display: block;
    position: relative;
    padding: 0 0 0 24px;
    margin: 0 0 10px 0;
}
#contents_area ul li::before {
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    margin: 0;
    padding: 0;
    background-color: #f8b861;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    color: #CCC;
    content: "";
}
#contents_area ol {
    counter-reset: item;
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px 0;
}
#contents_area ol li {
    text-indent: 0px;
    padding: 0 0 0 38px;
    margin: 0px 0 14px 0;
    line-height: 1.6;
    font-size: 18px;
    position: relative;
}
#contents_area ol li:before {
    counter-increment: item;
    content: counter(item)'';
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    vertical-align: baseline;
    background-color: #0f8150;
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 8px 0 0 0;
    margin: 0;
}
#contents_area strong,
#contents_area em{
	font-weight: bold;
}
#contents_area u{
	text-decoration: underline
}

#contents_area table {
    border-collapse: collapse;
    width: 100%;
    border-top: 2px solid #d3d3d3;
    border-left: 2px solid #d3d3d3;
    border-right: 2px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin: 0 0 20px 0;
}

#contents_area table th,
#contents_area table td {
    border-bottom: 2px solid #d3d3d3;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

#contents_area table th {
    padding: 10px;
    text-align: center;
    border-left: 2px solid #d3d3d3;
    background: #eeefe9;
}

#contents_area table td {
    padding: 10px;
    border-left: 2px solid #d3d3d3;
}


.attraction_point{
	vertical-align: -35%;
	margin:0 20px 0 0;
}

@media (max-width: 680px) {
	.attraction_point{
		width: 80px !important;
		margin:0 10px 0 0;
	}
	#contents_area h6::after {
	    width: 18px;
	    height: 18px;
	}
}

/*-------------------------------------------------
ご利用に関して
著作権・リンクについて
プライバシーポリシー
ソーシャルメディア利用規約
関連リンク集
-------------------------------------------------*/
#maincontents {
    width: 739px;
    padding: 0;
    margin: 50px auto 0;
}



.enactment {
    text-align: right;
}

#oldsite .categoryttl {
    top:75px;
}