@charset "utf-8";
/*
Theme Name: tpl_chichibu
Version: 1.1
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
hr,legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{
color:#030303;
font:15px verdana,"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ ProN W4","Hiragino Kaku Gothic ProN","HiraKakuProN-W3","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
-webkit-text-size-adjust:none;
}

html{
}

a{color:#01479D;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active, a:focus,input:active, input:focus{outline:0;}





/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
position:relative;
width:100%;
}

#content{
width:100%;
}

#sidebar{
display: none!important;
width:240px;
padding:30px 8px 25px 0;
}

#footerUpper{
clear:both;
padding:40px 0 90px;
overflow:hidden;
color:#666;
background:#01479D;
position: relative;
margin-top: 40px;
}

.page-id-184 #footerUpper{
margin-top: 0px;
}

#footerUpper .inner{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}

* html #footerUpper{height:1%;}

#post{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}


.skyBg{
    background-color: #C6E8F8;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
}

a img{ 
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
	}

a:hover img{ 
opacity: 0.7;
}

.sp{
display: none;
}


/* ヘッダー
------------------------------------------------------------*/
#header .inner{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
height:82px;
padding:0 10px;
}

#header h1{
position:absolute;
top:13px;
}

#header h1 img{
width:176px;
height: auto;
}

.lg-foreign #header h1{
top:20px;
}

#lang{
position:absolute;
top:22px;
right:22px;
}

#lang select{
height: 35px;
background: #C6E8F8 0% 0% no-repeat padding-box;
border: 3px solid #01A0EB;
border-radius: 10px;
opacity: 1;
padding-left: 10px;
padding-right: 10px;

}


.subnav{
position:absolute;
top:33px;
right:150px;
}

.subnav li{
float:left;
margin-left:30px;
}

.subnav li a{
text-align: center;
font-size:15px;
font-weight:bold;
letter-spacing: 0;
color: #262626;
opacity: 1;
}

#header a{
color:#030303;
}

header h2 img{
vertical-align:bottom;
margin-right:-35px;
}

*:first-child+html header h2 img{vertical-align:text-bottom;}

.headerInfo{
float:right;
text-align:right;
padding-top:10px;
font-size:28px;
}

.headerInfo p{padding-bottom:5px;}

.headerInfo img{
vertical-align:middle;
margin-right:5px;
}

.headerInfo, .headerInfo a{
color:#dc5d85;
}

#mainnav{
clear:both;
margin:0 auto;
width: 100%;
background-color: #01479D;
}

.page-id-184 #mainnav{
display: none;
}


#mainnav ul{
overflow: hidden;
}

#mainnav ul li{
float: left;
width: 25%;
}

#mainnav ul li a{
display: inline-block;
width: 100%
}



#mainnav ul li a span{
display:block;
width: 100%;
color: #FFF;
text-align: center;
padding-top: 50px;
padding-bottom: 10px;
}

#mainnav ul li:nth-child(1) a span{
    background: url(images/headingTrain.png) no-repeat 50% 33%;
    background-size: 20px auto;
}

#mainnav ul li:nth-child(2) a span{
    background: url(images/headingSl.png) no-repeat 50% 33%;
    background-size: 39px auto;
}


#mainnav ul li:nth-child(3) a span{
    background: url(images/headingLine.png) no-repeat 50% 33%;
    background-size: 37px auto;
}


#mainnav ul li:nth-child(4) a span{
    background:url(images/headingEvent.png) no-repeat 50% 33%;
    background-size: 33px auto;
}


#mainnav ul li a span:hover{
background-color:#1A5FB5;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

#mainnav ul li a:hover{
text-decoration: none;
}



/* サイドバー
------------------------------------------------------------*/
#sidebar .box h3{
line-height:0;
}

#sidebar .box{
padding-bottom:10px;
margin-bottom:12px;
background:url(images/boxBottom.png) no-repeat 0 100%;
zoom:1;
}

#sidebar .boxInner{
font-size:12px;
background:url(images/boxInner.png) repeat-y;
}

#sidebar .box dl{padding:13px 0 0;}

#sidebar .box dt{
clear:both;
float:left;
width:51px;
padding:3px 0 13px;
margin-left:17px;
}
* html #sidebar .box dt{margin-left:8px;}

#sidebar .box dd{
margin:0 0 0 68px;
padding-bottom:13px;
}

#sidebar .box dd input,#sidebar .box dd select{
width:143px;
height:18px;
line-height:18px;
border:1px solid #e3e9ef;
border-top-color:#abadb3;
border-radius:3px;
}

#sidebar .box dd select{
margin:0 2px 0 5px;
/*width:9em;*/
}

#sidebar .box dd span{
padding:0 2px;
}

#sidebar .box p{
clear:both;
padding:4px 17px;
}

#sidebar .box label{padding:0 10px 0 5px}

p.submit{text-align:center;padding:0;}


.sideSubNav{padding:10px 0;}

.sideSubNav li{
line-height:24px;
margin-left:24px;
padding-left:19px;
background:url(images/arrowSidenav.png) no-repeat 0 50%;
zoom:1;
list-style-position:outside;
}

.sideSubNav li a{color:#333;}

.sidenav{
width:234px;
margin:0 auto 15px;
padding-top:119px;
border:1px solid #dcc9b4;
border-radius:10px;
background:#fff url(images/trainnav.png) no-repeat 0 0;
}

#estatenav{background-image:url(images/estatenav.png);}
#linenav{background-image:url(images/linenav.png);}
#eventnav{background-image:url(images/eventnav.png);}
#slnav{background-image:url(images/slnav.png);}

.sidenav a{
display:block;
color:#333;
}

.sidenav li h3{
border-top:1px solid #dcc9b4;
line-height:52px;
transition:.5s;
background:url(images/sidenavH3Bg.png) repeat-y 0 0;
}

.sidenav li h3 a{
display:block;
padding-left:46px;
font-size:14px;
background:url(images/iconTrain.png) no-repeat 13px 50%;
}

.sidenav li.navSl h3 a{background-image:url(images/iconSl.png);}
.sidenav li.navLine h3 a{background-image:url(images/iconLine.png);}
.sidenav li.navEvent h3 a{background-image:url(images/iconEvent.png);}
.sidenav li.navFudosan h3 a{background-image:url(images/iconFudosan.png);}

.sidenav li h3 a:hover{text-decoration:none;}

.sidenav ul ul{
padding:15px 0;
border-top:1px solid #dcc9b4;
zoom:1;
}

.sidenav ul ul ul{
border:0;
padding:0 0 5px;
margin-left:-10px;
}

.sidenav li li{
line-height:24px;
margin-left:20px;
padding-left:19px;
background:url(images/arrowSidenav.png) no-repeat 0 7px;
zoom:1;
}

.sidenav li li ul{display:none;}
.sidenav li li.current_page_item ul,.sidenav li li.current_page_parent ul{display:block;}

.sidenav li li li{
margin:0 0 3px 0;
padding:0 5px 0 10px;
font-size:12px;
line-height:1.4;
background-position:0 3px;
}


/* バナー
--------------------*/
#sidebar .textwidget{
padding:7px 0 0;
text-align:center;
}

#sidebar .textwidget p{
margin-bottom:10px;
}

#sidebar h4{margin-top:20px;}




/* 共通
------------------------------------------------------------*/
#mainImg{
margin:20px auto;
text-align:center;
}

.contentBox{
position:relative;
margin-bottom:50px;
background:#fff;
overflow:hidden;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

*html .contentBox{height:1%;}

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

.contentBox ol{
margin-left:20px;
font-size:12px;
}

.contentBox p{margin-bottom:10px; line-height:1.5;}



.TwitterWidget #twitter-widget-0{
width:100%!important;
box-shadow:0;
border-radius:0;
margin:0 0 20px !important;
}






/* パンくず
--------------------*/
#bread{
width:100%;
height:33px;
border-top:1px solid #3E73B5;
background:#004CA9;
position: relative;
color:#FFF;
line-height:33px;
}

#bread li:first-child{
margin-left: calc((100% - 1000px) / 2);
}

@media only screen and (max-width: 1023px){
#bread{display: none;
}}



#bread li{
float:left;
margin-right:10px;
}

#bread li a{
padding-right:20px;
color:#FFF;
background:url(images/arrowBread.png) no-repeat 100% 50%;
}


/* 見出し
--------------------*/
h1.heading{
clear:both;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background-color: #1258AE;
}

h1.heading img{
display: inline-block;
}


h1.headingTxt{
clear:both;
width: 100%;
padding-top: 60px;
padding-bottom: 20px;
color:#FFF;
text-align: center;
font-size:24px;
background: #1258AE url(images/headingTrain.png) no-repeat;
background-size: 30px auto;
background-position: 50% 15px;
font-weight: normal;
margin-bottom: 40px;
}

h3.heading, h3.heading2, h2.heading{
clear:both;
    margin-bottom: 10px;
    padding: 10px 5px 7px 25px;
    border-radius: 5px;
    font-size: 16px;
    background: #01479D url(images/h3.png) no-repeat 0 50%;
    background-size: 14px;
    line-height: 1.5;
    color: #FFF;
}

h3.heading a, h3.heading2 a, h2.heading a{
color:#FFF;
}

h2.icon-twitter{
    background:url(images/icon_twitter.png) no-repeat;
    background-size: 19px auto;
}

h3.heading2{background-image:url(images/h3-2Bg.png);}

h3.headline{
margin-bottom:10px;
padding:10px 5px 7px 25px;
border-radius:5px;
font-size:16px;
background:#01479D url(images/h3.png) no-repeat 0 50%;
background-size: 14px;
line-height:1.5;
color: #FFF;
}

h3.headline a{
color: #FFF;
}

/* table表
--------------------*/
table.table{
width:100%;
}

table.table th{
padding:15px 10px;
text-align:center;
color:#FFF;
border-bottom:1px solid #FFF;
    background: #01A0EB;
}

table.table td{
padding:15px 10px;
border-bottom:1px solid #FFF;
   background: #C6E8F8;
}

table.red{
border-right:1px solid #01479D;
}

table.red th{
color:#fff;
border:0;
border-bottom:1px solid #fff;
background:#01479D;
}
table.red tr:first-child th{border-top:1px solid #01479D;}
table.red tr:last-child th{border-bottom:1px solid #01479D;}

table.red td{border-bottom:1px solid #01479D;}


table.orange{
border:1px solid #e5680c;
}

table.orange th{
color:#fff;
background:#e5680c;
border-right:1px dotted #fff;
border-bottom:1px dotted #fff;
}

table.orange td{
border-right:1px dotted #e5680c;
border-bottom:1px dotted #e5680c;
}

table.gray{
border-top:1px dotted #cccccc;
width:100%;
}

table.gray th{
padding:15px 10px;
text-align:center;
color:#333333;
border-bottom:1px dotted #cccccc;
border-right:1px dotted #cccccc;
background:#fee3c5;
}

table.gray td{
padding:15px 10px;
border-bottom:1px dotted #cccccc;
}

table.gray td a{
	color:#01479D;
}

dl.float{
margin:20px 0 0;
line-height:34px;
font-size:14px;
border-top:1px dotted #c2731b;
}

dl.float dt{
clear:both;
float:left;
width:160px;
text-align:center;
font-weight:bold;
color:#01479D;
background:#fee3c5;
}

dl.float dd{
padding-left:160px;
color:#333;
border-bottom:1px dotted #c2731b;
}

.contentBox dl.float dd p{padding-left:18px;margin:0;}

/* 見出し
--------------------*/
ul.dot{
}
ul.dot li{
	background:url(images/li-bg.png) no-repeat left 5px;
	padding: 0 0 0 10px;
}

/* 鉄道情報 + SLパレオ フロントページ
------------------------------------------------------------*/
#btnBox{
padding:23px 10px 23px 20px;
}

.page-id-50 .btn{
}

ul#btn li{
float:left;
margin-bottom: 1%;
margin-right: 1%;
width: 32.666%;
height:100px;
transition:.5s;
background: #C6E8F8 url(images/arrowRedBtn.png) no-repeat 95% 50%;
background-size: 23px;
box-sizing: border-box;
border-radius: 5px;
}

ul#btn li:nth-child(3n) {
margin-right: 0;
}

ul#btn li:hover,ul#btn li:active{
background: #01479D url(images/arrowWhiteBtn.png) no-repeat 95% 50%;
background-size: 23px;
color: #FFF;
}

ul#btn li p{background:url(images/trainMenu1.png) no-repeat 10px 10px;}

ul#btn li.trainMenu2 p{background-image:url(images/trainMenu2.png);}
ul#btn li.trainMenu3 p{background-image:url(images/trainMenu3.png);}
ul#btn li.trainMenu4 p{background-image:url(images/trainMenu4.png);}
ul#btn li.trainMenu5 p{background-image:url(images/trainMenu5.png);}
ul#btn li.trainMenu6 p{background-image:url(images/trainMenu6.png);}

ul#btn li.slMenu1 p{background-image:url(images/slMenu1.png);}
ul#btn li.slMenu2 p{background-image:url(images/slMenu2.png);}
ul#btn li.slMenu3 p{background-image:url(images/slMenu3.png);}
ul#btn li.slMenu4 p{background-image:url(images/slMenu4.png);}
ul#btn li.slMenu5 p{background-image:url(images/slMenu5.png);}
ul#btn li.slMenu6 p{background-image:url(images/slMenu6.png);}
ul#btn li.slMenu7 p{background-image:url(images/slMenu7.png);}
ul#btn li.slMenu8 p{background-image:url(images/slMenu8.png);}

ul#btn li.estateMenu1 p{background-image:url(images/estateMenu1.png);}
ul#btn li.estateMenu2 p{background-image:url(images/estateMenu2.png);}
ul#btn li.estateMenu3 p{background-image:url(images/estateMenu3.png);}
ul#btn li.estateMenu4 p{background-image:url(images/estateMenu4.png);}

ul#btn li p a{
padding-left:105px;
display:block;
height:100px;
width:239px;
/*line-height:100px;*/
font-size:20px;
display:table-cell;
vertical-align:middle;
	    color: #333;
}
ul#btn li p a.menusmall{
font-size:0.9em;
}

ul#btn li p.longMenu a{
padding-top:14px;
height:75px;
line-height:1.3;
}

ul#btn li p a:hover{
color:#fff;
text-decoration:none;
}

.trainFlex{
	max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}

.trainFlex ul li{
    width: 326.66666px;
    margin-right: 10px;
margin-bottom: 10px;
}

.trainFlex ul li:nth-child(3n){
    margin-right: 0px;
}

.trainFlex ul li a{
display: inline-block;
}

.trainFlex ul li a img{
width: 100%;
}

#trainNews {
padding-top: 30px;
padding-bottom: 30px;
}

#trainNews .in{
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}

.slreservationWrap{
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}

.page-id-71 .headline a{
color:#FFF;
}



/* トップページ
------------------------------------------------------------*/

/* 運行状況
--------------------*/
/* clearfix */
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

/* 運行状況エリア共通 */
#topUnkoBg{
    background-color: #01479D;
	width: 100%;
	padding-top:11px;
	padding-bottom: 11px;

}

#operationWrap {
    width:1000px;
    margin:0 auto 0;
    overflow: hidden;
}
#operationWrap > * {
    float:left;
    font-size: 15px;
    box-sizing: border-box;
}
/* 運行状況ステータス */
#operationWrap #operation-title {
    color: #fff;
	width: 12%;
}
/* 運行状況ステータス(通常運行) */
#operationWrap.operationNormal #operation-title {
    background-color: #01479D;
}

#operationWrap #operation-title span {
background: url(./img/topTit01.png) no-repeat 0 50%;
background-size: 26px;
	font-size: 16px;
	line-height: 40px;
	padding-left: 30px;
	}

/* 運行状況ステータス(遅延運行) */
#operationWrap.operationDelay #operation-title {
/*    background-color: #ff1600;*/
}

/* 運行状況詳細 */
#operationWrap #operation {
    width:55%;
    background-color:#fff;
	border-radius: 5px;
	    padding:7px 10px;
		margin-right: 2%;
}
#operationWrap #operation .operationMsg {
    background-repeat: no-repeat;
    padding-left: 20px;
	 background-position : 0 50%;
}
/* 運行状況詳細(平常運転) */
#operationWrap.operationNormal #operation .operationMsg {
    /* background-image: url(images/icon_circle.png); */
    background-image: url(img/topIcon01.png);
    color:#000000;
}
/* 運行状況詳細(遅延運転) */
#operationWrap.operationDelay #operation .operationMsg {
    background-image: url(img/topIcon01_alart.png);
    color:#c3342b;
}

.topBtn{
    display: inline-block;
    text-align: center;
    border-radius: 3px;
height: 38px;
line-height: 35px;
	width: 100%;
}

a:hover.topBtn {
text-decoration: none;}


.topTwiter{
float: left;
width: 14%;
margin-right: 2.5%;
}

.topTwiter .topBtn{
background-color: #01A0EB;
}

.topTwiter .topBtn span{
    color: #FFF;
    background: url(./img/btnTwitter.png) no-repeat 0 50%;
    background-size: 15px;
	font-size: 12px;
	padding-left: 20px;
}


.topChien{
float: left;
width: 14%;
}

.topChien .topBtn{
background-color: #EBA101;
}

.topChien .topBtn span{
    color: #FFF;
    background: url(./img/btnChien.png) no-repeat 0 50%;
    background-size: 15px;
	font-size: 12px;
	padding-left: 20px;
}

#topInfoBtn {
width: 50%;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}

.topBtn {
background-color: #01479D;
height: 40px;
}

#topInfoBtn .topBtn span {
 color: #FFF;
 	font-size: 16px;
	line-height: 2.0;
}


/* 運行状況(スマホ用) */
@media only screen and (max-width: 1023px){
    #operationWrap {
        width: 94%;
 		overflow: hidden;
    }
	
	#operationWrap #operation-title{
	float:left;
	width: 20%;
	margin-right: 2%;
	box-sizing: border-box;
}

	#operationWrap #operation-title span{
	font-size: 80%;
	}
	
	#operationWrap #operation-title p img{
	width: 100%;
	}
	
     #operationWrap #operation  {
        float: left;
        width: 78%;
		box-sizing: border-box;
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 80%;
		
    padding: 7px 5px;
    }
	
	#operationWrap #operation-title span {
	padding-left: 22px;
	}
	
	.topTwiter {
    float: left;
    width: 35%;
		margin-left: 22%;
    margin-right: 5px;
	}
	
	.topChien {
    float: left;
    width: 35%;
}

.topTwiter a, .topChien a{
display: inline-block;
}
	
.topTwiter a img, .topChien a img{
width: 100%;
}

}



/* 緊急情報
--------------------*/
#emergency{
width:948px;
margin:20px auto 20px;
padding:25px;
font-size:12px;
line-height:1.6;
background:#fff;
border:3px solid #01479D;
}

#emergency h1{
font-size:18px;
color:#01479D;
margin-bottom:10px;
}


/* 列車運行状況
(marqueeの幅はjavascriptで計算)
--------------------*/
#topics{
clear:both;
margin:20px auto 0;
width: 1004px;
height: 35px;
background:url(images/topics.png) no-repeat;
zoom:1;
}

.marquee{
display: block;
line-height: 1;
position: relative;
overflow: hidden;
margin-left:125px;
height:35px;
zoom:1;
}

.marquee p{
position: absolute;
top: 0;
left: 0;
display: block;
white-space: nowrap;
padding: 12px 3px 0 12px;
zoom:1;
}


/* スライドショー
--------------------*/
#topMainSlideBg{
width: 100%;
background-color: #C6E8F8;
padding-bottom:50px;
padding-top: 20px;
text-align: center;
position: relative;
}

#slide{
position:relative;
margin-right: auto;
margin-left: auto;
}

.rslides{
position:relative;
overflow:hidden;
width: 100%;
}

.rslides li{
-webkit-backface-visibility:hidden;
position:absolute;
display:none;
width:100%;
left:0;
top:0;
}

.rslides li:first-child{
position:relative;
display:block;
float:left;
}

.rslides img{
display:block;
height:auto;
float:left;
width:100%;
border:0;
z-index:100;
}

.rslides_tabs{
display: inline-block;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}

.rslides_tabs li{
float: left;
margin-right: 8px;
}

.rslides_tabs li:last-child{
margin-right: 0px;
}

.rslides_tabs li a{
padding: 7px;
border-radius: 15px;
background-color: #01A0EB;
color: #FFF;
font-size: 0px;
}

.rslides_tabs li.rslides_here a{
background-color: #EBA101;
}

.page-id-293 #topMainSlideBg{
background-color: #FFF;
}




/* トップページナビ　*/


.flexBox ul li span{
display: block;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
font-size: 18px;
color: #FFF;
text-align: center;
line-height: 1.2;
vertical-align: middle;
}

.flexBox ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: space-between;
}

.flexBox ul li {
    width: 32.5%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.flexBox ul li a {
    display: inline-block;
}

.flexBox ul li a img {
    width: 100%;
vertical-align:bottom;
}

.flexBox ul li:nth-child(3n) {
    margin-right: 0px;
}

.estateFlex.flexBox ul li:nth-child(3n) {
    margin-right: 2%;
}


.flexBox ul li a img:hover{
    opacity: 1;
	}

.flexBox ul li:hover{
    opacity: 0.7;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
	}


.bgSky{
background-color: #01A0EB;
}

.bgBlue{
background-color: #01479D;
}




.page-id-184 .flexBox{
margin-top: 45px;
margin-bottom: 45px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}


.page-id-184 .flexBox ul li{
width: calc((100% - 30px) / 4);
margin-right: 10px;
}

.page-id-184 .flexBox ul:nth-child(2) li{
width: calc((100% - 10px) / 2);
overflow: hidden;
height: 250px;
position: relative;
}
.page-id-184 .flexBox ul:nth-child(2) li img{
margin-top: -30px;
}
.page-id-184 .flexBox ul:nth-child(2) li span{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #01479D;
}

.page-id-184 .flexBox ul li a{
display: inline-block;
text-decoration: none;}



.page-id-184 .flexBox ul li:last-child{
margin-right: 0px;
}



/* 見出し + 一覧はこちら
--------------------*/

header.heading{
width:100%;
padding-bottom:10px;
margin-bottom: 20px;
line-height:0;
border-bottom: solid 4px #01A0EB;
}


.page-id-184 header.heading{
width:100%;
padding-bottom:10px;
margin-bottom: 20px;
line-height:0;
border-bottom: solid 4px #01A0EB;
}

.page-id-184 header.heading .topOshirase{
background: url(./img/topOshirase.png) no-repeat 0 50%;
    background-size: 25px;
    font-size: 20px;
    padding-left: 40px;
	line-height: 1.4;
}

.page-id-184 header.heading .topNews{
background: url(./img/topNews.png) no-repeat 0 50%;
    background-size: 25px;
    font-size: 20px;
    padding-left: 40px;
	line-height: 1.4;
}


.page-id-50 header.heading,.page-id-293 header.heading,.page-id-8 header.heading{
width:100%;
padding-bottom:5px;
padding-top: 5px;
margin-bottom: 20px;
padding-left: 10px;
line-height:1.6;
color: #01479D;
background-color: #C6E8F8;
border-bottom: solid 4px #01A0EB;
border-radius: 5px;
}




/* 情報
--------------------*/

#topInfo{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 40px;
}

#topInfo ul{
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#topInfo ul li{
    width: calc((100% - 20px) / 3);
	margin-bottom: 10px;
	margin-right: 10px;
}
#topInfo ul li:nth-child(3n){
	margin-right: 0px;}



#topInfo ul li a{
display: inline-block;
}

#topInfo ul li a img{
width: 100%;
height: auto;
}

/* インスタグラム
--------------------*/

#topInstagram{
background-color: #C7318B;
padding-top: 40px;
padding-bottom: 80px;
}

.titInsta{
text-align: center;
font-size: 20px;
color: #FFF;
    margin-bottom: 1rem;
}

.titInsta img{
display: inline-block;
margin-bottom: 40px;
}

.logoInsta{
text-align: center;
padding-bottom: 80px;
}
.logoInsta img{
width: 40px;
}

.instaBox{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.instaBox li{
    width: calc(100% / 6);
    position: relative;
}
.instaBox li:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.instaBox li a{
margin:0;
display: block;
}

.instaBox li a img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}




/* 観光・イベント情報
--------------------*/


.eventBox{
clear:both;
position:relative;
margin:0 0 22px;
background:url(images/eventBg.png);
border-radius:5px;
overflow:hidden;
}
* html .eventBox{height:1%;}

.eventBox .content{
padding:10px;
}

.eventBox article{
float:left;
width:339px;
height:125px;
padding:10px;
margin:0 10px 10px 0;
background:#fff;
border-radius:5px;
}

.eventBox article.line,.eventBox article.estate{margin-right:0;}

.eventBox article div{
padding-left: 120px;
min-height:109px;
background:url(images/thumb-sl.jpg) no-repeat;
}

.eventBox article.line div{background-image:url(images/thumb-line.jpg);}
.eventBox article.event div{background-image:url(images/thumb-event.jpg);}
.eventBox article.estate div{background-image:url(images/thumb-estate.jpg);}

.eventBox h3{
margin:3px 0 10px;
padding-left:25px;
font-size:16px;
line-height:16px;
background:url(images/arrowLightRedBtn.png) no-repeat;
}

.eventBox h3 a{color:#2b1a08;}

.eventBox a{display:block;}

.eventBox ul{
border-top:1px dotted #aaa;
padding-top:10px;
font-size:14px;
}

.eventBox li{margin-bottom:3px;}

#catChild {
display: flex;
    flex-wrap: wrap;
	margin-bottom: 20px;
}

#catChild li{
    width: calc((100% - 24px) / 4);
list-style:none;
line-height:22px;
border-radius:20px;
background:#C6E8F8 url(images/arrowCat.png) no-repeat 95% 50%;
background-size: 15px;
margin-right: 8px;
margin-bottom: 8px;
}

#catChild li:nth-child(4n){
margin-right: 0;}

#catChild li a{
display:block;
padding-bottom: 10px;
padding-top: 10px;
font-size:14px;
padding-left: 10px;
color:#333;
}

#catChild li.current-cat a{
background:#01479D url(images/arrowCatW.png) no-repeat 95% 50%;
background-size: 15px;
color: #FFF;
border-radius:20px;
}


/* お知らせ
--------------------*/

#topOshiraseBg{
background-color: #C6E8F8;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
}

section.info{
clear:both;
max-width: 1000px;
margin-right: auto;
margin-left: auto}


.infoBox{
clear:both;
width:100%;
padding-bottom:20px;
border-radius:5px;
overflow:hidden;
}
* html .infoBox{height:1%;}

.infoBox dl{
clear:both;
line-height:26px;
}

.archive dl{
clear:both;
/*
padding:3px 20px 0;
line-height:40px;
*/
}

.infoBox dt{
clear:both;
color:#333;
font-weight: bold;
}
.infoBox dd a {
color:#333;
font-size: 16px;
}

.infoBtn{
margin-top:20px;
text-align:center;
}

.infoBtn a{
display: inline-block;
}

.tax-event .archive dt{
clear:both;
color: #333;
    font-weight: bold;
}

.tax-event .archive dd{
padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #01A0EB;
}

.archive dd a {
    display: block;
	color: #333;
}

#topInfoBox{
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.page-id-184 .info{
width: calc((100% - 36px) / 2);
line-height: 2;
}

.infoBox dd{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom:1px dotted #01A0EB;
}

.infoBox dd{
border-bottom:1px dotted #01A0EB;
}

.infoBox dd a, .archive dd a{display:block;}

.pie{
zoom: 1;
position:relative;
}


/* フッター
------------------------------------------------------------*/
#footerUpper a{color:#FFF;display:block;}

#footerUpper a:hover,#footerLower a:hover{text-decoration:underline;}

#footerUpper dl{
float:left;
margin-right: 10px;
}

#footerUpper dl:last-child{
margin-right: 0px;
}

#footerUpper dl.noFloat{float:none;}

#footerUpper dt{
padding:15px 0 15px 26px;
margin:10px 0;
font-size:15px;
border-bottom:2px solid #FFF;
font-weight: bold;
}

#footerUpper dt.no-border {
border: none;
}

#footerUpper .footTrain dt{background:url(img/footTrain.png) no-repeat 0 50%;}
#footerUpper .footSlpaleo dt{background:url(img/footSlpaleo.png) no-repeat 0 50%;}
#footerUpper .footNagatoro dt{background:url(img/footNagatoro.png) no-repeat 0 50%;}
#footerUpper .footKankoevent dt{background:url(img/footKankoevent.png) no-repeat 0 50%;}
#footerUpper .footEstate dt{background:url(img/footEstate.png) no-repeat 0 50%;}
#footerUpper .footCorporate dt{background:url(img/footCorporate.png) no-repeat 0 50%;}
#footerUpper .footIr dt{background:url(img/footIr.png) no-repeat 0 50%;}
#footerUpper .footNews dt{background:url(img/footNews.png) no-repeat 0 50%;}



#footerUpper dd{
margin-bottom:5px;

}

#footerUpper dd a{
font-size: 12px;
 display: list-item;
  list-style: disc;
  list-style-position: inside;
      text-indent: -0.8em;
    margin-left: 0.8em;

}

#toTop{
clear:both;
overflow:hidden;
position: absolute;
bottom: 50px;
right: 50px;
}
* html #top{height:1%;}

*+html .toTop{float:none;text-align:right;}


#footerLower{
overflow:hidden;
padding:20px 0;
color:#262626;
background:#FFF;
}

#footerLower a{color:#262626;display:block;}

.footernav{
text-align: center;
overflow: hidden;
padding-left:10px;
}

.footernav li{
display: inline-block;
margin-right:40px;
}

*+html .footernav li{float:left;}
* html .footernav li{float:left;}

#footerLower p{
margin-top: 15px;
 font-size:12px;
 font-weight: bold;
 text-align: center;
}

#sliderWrapper{
clear:both;
height:105px;
padding-top:20px;
margin-bottom:40px;
background:url(images/sliderBg.png);
}


/* ページナビゲーション
----------------------------------*/
.pagenav{
clear:both;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
height: 30px;
margin-bottom: 50px;
overflow: hidden;
}

.page-id-184 .prev,.page-id-293 .prev{
position: absolute;
top: 50%;
left: 5%;
transform: translate3d(0,-50%,0);
width: 50px;
z-index: 2;
padding-left: 30px;
padding-right: 30px;
}

.page-id-184 .next,.page-id-293 .next{
position: absolute;
top: 50%;
right: 5%;
transform: translate3d(0,-50%,0);
width: 50px;
z-index: 2;
padding-left: 30px;
padding-right: 30px;
}

.page-id-184 .prev img,.page-id-184 .next img,.page-id-293 .prev img,.page-id-293 .next img{
width: 100%;
min-width: 50px;
}

@media only screen and (max-width: 768px){
    .page-id-184 .prev,.page-id-184 .next,.page-id-293 .prev,.page-id-293 .next{
        padding: 15px;
        max-width: 60px;
        width: auto;
        top: 40%;
    }
    .page-id-184 .prev,.page-id-293 .prev{
        left: 0;
    }
    .page-id-184 .next,.page-id-293 .next{
        right: 0;
    }
    .page-id-184 .prev img,.page-id-184 .next img,.page-id-293 .prev img,.page-id-293 .next img{
        width: 100%;
        min-width: 20px;
    }
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

.bx-wrapper{
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}

.bx-wrapper img{
max-width: 100%;
height:auto;
display: block;
}

.bx-wrapper .bx-loading{
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}


.bx-wrapper .bx-prev{
left: -35px;
background: url(images/controls.png) no-repeat 0 0;
}

.bx-wrapper .bx-next{
right:-35px;
background: url(images/controls.png) no-repeat -70px 0;
}

.bx-wrapper .bx-prev:hover{background-position: 0 -60px;}

.bx-wrapper .bx-next:hover{background-position: -70px -60px;}

.bx-wrapper .bx-controls-direction a{
position: absolute;
top: 23px;
outline: 0;
width: 24px;
height: 47px;
text-indent: -9999px;
z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {display: none;}





@media only screen and (max-width: 1100px){
#sliderWrapper{height:125px;}
.bx-wrapper{padding:0 50px;}
.bx-wrapper .bx-prev{left: 5px;}
.bx-wrapper .bx-next{right:5px;}
}





@media only screen and (min-width: 1024px){
#header{overflow:hidden;}
* html #header{height:1%;}
a#menu,.panel span,ul#switch{display:none;}
.panel{display:block !important;max-width:1024px;margin:0 auto;}




* html .panel{width:1024px;}
#mainnav li{float:left;}
.marquee{width:876px !important;}
#footerUpper dl{width:183px;}
* html #footerUpper dl{width:180px;}
}






@media only screen and (max-width: 1023px) and (min-width:768px){
.panel{display:block !important;}
}






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



*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body{background:none;}

#wrapper,.inner{
width:100%;
}

#mainImg img{max-width:100%;height:auto;}

#content{
width:100%;
float:none;
}

#sidebar{display:none;}


h1.headingTxt {
    margin-bottom: 20px;
}

a#menu,#mainnav li img,#mainnav li img.on,#mainnav li img.off,#thumbs{display:none !important;}

#mainnav{
/*line-height:55px;*/
overflow:hidden;
}

#mainnav li{
float:left;
width:25%;
padding-right:1px;
text-align:center;
}

#mainnav li:last-child{background:none;padding:0;}

#mainnav li a{
display:block;
width:100%;
color:#fff;
font-weight:bold;
font-size:14px;

transition:.5s;
}

#mainnav li a:before{
padding-right:5px;
vertical-align:middle;
}

#mainnav li a:hover,#mainnav li a:active{

text-decoration:none;
}

#trainNews .in {
    max-width: 95%;
    margin-right: auto;
    margin-left: auto;
}

#btnBox {
padding: 20px 10px 20px 10px;
}

.trainFlex ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.trainFlex ul li:nth-child(2n) {
    margin-right: 0px;
}

.trainFlex ul li:nth-child(3n) {
    margin-right: 2%;
}




#catChild li {
    width: calc((100% - 24px) / 3);
    list-style: none;
    line-height: 22px;
    border-radius: 20px;
    background: #C6E8F8 url(images/arrowCat.png) no-repeat 95% 50%;
    background-size: 15px;
    margin-right: 8px;
    margin-bottom: 8px;
}
#catChild li:nth-child(3n) {
    margin-right: 0;
}
#catChild li:nth-child(4n) {
    margin-right: 8px;
}

#emergency{
width:94%;
margin-bottom:20px;
}

#topics{
width:94%;
background:#fff url(images/topicsSmp.png) no-repeat;
border:1px solid #ccc;
border-radius:5px;
height: 33px;
}

.marquee{height:33px;}

#twitter-widget-0{width:100%;}



/* パンくず */
#bread{
padding:10px 20px;
width:auto;
height:auto;
line-height:1.4;
overflow:hidden;
}


/* 観光・イベント情報 */
.eventBox .content{
height:auto;
margin:10px;
padding:0;
}

.eventBox article{
width:100%;
height:auto;
margin:0 auto 10px;
background:#fff;
border-radius:5px;
border:1px solid #e4d0ae;
overflow:hidden;
}

.eventBox .txt{width:auto;}


/* お知らせ */
.infoBox{
    padding-bottom: 40px;
}

.infoBox dl,.archive dl{
padding-bottom:20px;
line-height:1.4;
}

.infoBox dt,.archive dt{
padding:13px 0 6px;
background-position:100% 15px;
}

/*.infoBox dd,.archive dd{padding:13px 0 6px 100px;}
*/

section.info {
    max-width: 95%;
    margin-right: auto;
    margin-left: auto;
}

.slreservationWrap{
max-width: 95%;
    margin-right: auto;
    margin-left: auto;
}
#topInfo {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

#topInfo ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#topInfo ul li {
    width: calc((100% - 4%) / 2);
    margin-bottom: 2%;
	margin-right: 2px;
}


.instaBox {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.instaBox li {
    width: calc(100% / 4);
}

.route .header{width:100%;}

ul#btn{text-align:center;}

ul#btn li{
display:inline-block;
float:none;
text-align:left;
overflow:hidden;
}

ul#btn li p a{width:344px;}

ul#btn li p.longMenu a{height:100px;}

h1.heading img{max-width:100%;height:auto;}
h1.heading2 img{max-width:100%;height:auto;}

/* footer */
#footerUpper{
padding:20px 0 60px;
background-position:20px 100%;
}

#top{padding-top:30px;}

#switch{
width:210px;
height:40px;
margin:10px auto 0;
}

#switch li{
float:left;
width:105px;
line-height:40px;
text-align:center;
background: -moz-linear-gradient(top, #ff5c1f 0%, #d23a01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c1f), color-stop(100%,#d23a01));
background: -webkit-linear-gradient(top, #ff5c1f 0%,#d23a01 100%);
background: -o-linear-gradient(top, #ff5c1f 0%,#d23a01 100%);
background: linear-gradient(to bottom, #ff5c1f 0%,#d23a01 100%);
border-radius:0 5px 5px 0;
}
#switch li a{color:#fff;}

#switch li.active{
background: -moz-linear-gradient(top, #6d0000 0%, #7d0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0000), color-stop(100%,#7d0000));
background: -webkit-linear-gradient(top, #6d0000 0%,#7d0000 100%);
background: -o-linear-gradient(top, #6d0000 0%,#7d0000 100%);
background: linear-gradient(to bottom, #6d0000 0%,#7d0000 100%);
-webkit-box-shadow:inset 0 0 10px #5d0500;
box-shadow:inset 0 0 10px #5d0500;
}

#switch li:first-child{border-radius:5px 0 0 5px;}

#btnBack{display:none;}

#footerUpper dl{width:30%;}

.footernav,#footerLower p{
float:none;
width:100%;
margin:0 0 5px;
text-align:center;
font-size:10px;
}

.footernav li{margin:0 20px;}


}





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

#slide{width:94%;margin:0 auto;}

#slide img{max-width:721px;}

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

#topMainSlideBg {
    padding-bottom: 40px;}
    
.rslides_tabs {
padding-top: 10px;
}



#footerUpper .footTrain dt{background:url(img/footTrain.png) no-repeat 2% 50%;}
#footerUpper .footSlpaleo dt{background:url(img/footSlpaleo.png) no-repeat 0 50%;}
#footerUpper .footNagatoro dt{background:url(img/footNagatoro.png) no-repeat 0 50%;}
#footerUpper .footKankoevent dt{background:url(img/footKankoevent.png) no-repeat 1% 50%;}
#footerUpper .footEstate dt{background:url(img/footEstate.png) no-repeat 0 50%;}
#footerUpper .footCorporate dt{background:url(img/footCorporate.png) no-repeat 2% 50%;}
#footerUpper .footIr dt{background:url(img/footIr.png) no-repeat 2% 50%;}
#footerUpper .footNews dt{background:url(img/footNews.png) no-repeat 0 50%;}


#footerUpper .footTrain dt{background-size: auto 100%;}
#footerUpper .footSlpaleo dt{background-size: auto 100%;}
#footerUpper .footNagatoro dt{background-size: auto 100%;}
#footerUpper .footKankoevent dt{background-size: auto 100%;}
#footerUpper .footEstate dt{background-size: auto 100%;}
#footerUpper .footCorporate dt{background-size: auto 100%;}
#footerUpper .footIr dt{background-size: auto 100%;}
#footerUpper .footNews dt{background-size: auto 100%;}




#topInfoBox {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
	display: block;
}

.page-id-184 .info {
    width: 100%;
    line-height: 2;
}


.flexBox ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.flexBox ul li:nth-child(3n){
    margin-right: 2%;
}


.flexBox ul li:nth-child(2n){
   margin-right: 0;
}



.page-id-184 .flexBox {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.page-id-184 .flexBox ul li {
    float: left;
    width: 49%;
    margin-right: 2%;
	margin-bottom: 2%;
}

.page-id-184 .flexBox ul:nth-child(2) li {
    float: left;
    width: 49%;
    margin-right: 2%;
	margin-bottom: 2%;
	margin-top: 0;
    overflow: hidden;
    max-height: 220px;
}

.page-id-184 .flexBox ul:nth-child(2) li img{
margin-top: 0;
}

.page-id-184 .flexBox ul li:nth-child(2n) {
    margin-right: 0;
}

.bgSky {
font-size: 14px;}
.bgBlue {
font-size: 14px;}

.estateFlex.flexBox ul li:nth-child(3n) {
    margin-right: 0;
}



}

@media only screen and (max-width: 480px){
.page-id-184 .flexBox ul:nth-child(2) li {
    max-height: 150px;
}
}







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

.sp{
display: block;
}

#wrapper, .inner{width:100%;}

#header .inner{
padding:0;
height:auto;
}

#header .innerSmp{
position:relative;
min-height:70px;
width:100%;
}

#header h1{
top:10px;
left:10px;
}

#header h1 img{
width:150px;
height:auto;
}

#lang{
z-index: 100;
top:18px;
left:190px;
right: auto;
}

.subnav{
display: none;
}

a#menu{
display:block !important;
z-index:0;
}

#header h1{z-index:100;}

.panel{
width:95%;
display: none;
overflow:hidden;
position: relative;
left:2.5%;
top:5px;
z-index: 100;
}

#mainnav ul li a span {
padding-top: 0;
    padding-bottom: 0;
	text-align: left;
}


#mainnav ul li:nth-child(1) a span{
    background: none;
  
}

#mainnav ul li:nth-child(2) a span{
    background: none;
}


#mainnav ul li:nth-child(3) a span{
    background: none;
}


#mainnav ul li:nth-child(4) a span{
    background: none;
}


.page-id-184 #mainnav{
display: block;
}

#mainnav{
display: block;
position:absolute;
top:5px;
right:0;
width:100%;
text-align:right;
background-color: inherit;
}

.page-id-184 #mainnav ul li,#mainnav ul li{
width:100%;
text-align:left;
padding:0;
background:none;
border-bottom:1px solid #CCC;
float: none;
}


.page-id-184 #mainnav li:first-child,#mainnav li:first-child{border-top:0;}
.page-id-184 #mainnav li:last-child,#mainnav li:last-child{border-bottom:0;}

.page-id-184 #mainnav li a,#mainnav li a{
height: 50px;
width:100%;
margin-left: auto;
margin-right: auto;
line-height:50px;
padding-left:20px;
font-size:16px;
font-weight:bold;
color:#fff;
background:#01a0eb;
transition:.5s;
}


.page-id-184 #mainnav li a:hover,.page-id-184 #mainnav li a:active,
#mainnav li a:hover,#mainnav li a:active{
background:#01a0eb;
text-decoration:none;
}

.page-id-184 #mainnav li a:before,#mainnav li a:before{
padding-right:0;
content:'';
}

#bread,.panel img,#footerUpper dd{display:none;}

.navSub a span{
font-size: 80%;
}

#mainnav li.navSub a {
height: 30px;
line-height: 30px;
}



h1.heading{
padding-top:10px;
height: 80px;
padding-bottom: 10px;
}
h1.heading img{
height: 100%;
width: auto;
}

.contentBox{padding:20px 10px;}


.page-id-293 #content .box {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

ul#btn li{
width:100%;
height:82px;
}

ul#btn li p{background-size:60px 60px;}

ul#btn li p a{
padding-left:85px;
/*display:block;*/
display:table-cell;
width:280px;
height:82px;
/*line-height:82px;*/
font-size:16px;
vertical-align:middle;
}

ul#btn li p.longMenu a{
padding-top:20px;
height:82px;
line-height:1.3;
}

#footerUpper{
    background: #01479D;
}

#footerUpper dl{
width:45%;
margin:0;
padding:0 10px;
}
#footerUpper dl:nth-child(even){width:55%;}

#footerUpper dt{
padding:0 0 0 30px;
margin-bottom:0;
border:none;
font-size:12px;
background:url(images/arrowDd.png) no-repeat 0 50%;
}

.toTop{
float:none;
width:130px;
margin:0 auto;
}

#toTop {
width:40px;
height: 40px;
    clear: both;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#toTop a {
display:block;
}

#toTop a img{
width: 100%;
}

}


@media screen and (max-width: 480px) {
.subnav li{margin-left:20px;}

.eventBox h3{font-size:13px;}

.infoBox dt,.archive dt{
float:none;
width:100%;
padding:10px 0 5px;
}
.infoBox dd,.archive dd{padding:0 0 10px;}

table.simple th,table.simple td{padding:10px 5px;}

#footerLower .inner{padding:0;}
#footerLower p{padding:0;}

}






@media only screen and (max-width: 320px){
ul#btn li{
margin:5px;
width:260px;
height:76px;
background-size:260px 76px;
}

ul#btn li p{background-size:55px 55px;}

ul#btn li p a{
width:260px;
padding-left:80px;
font-size:16px;
line-height:76px;
}

.footernav li{margin:0 10px;}

}




@media only screen and (orientation:landscape) and (min-width: 1024px){
#btnBack{display:none;}
}





@media print{
#header{overflow:hidden;}
a#menu,.panel span,ul#switch{display:none!important;}
.panel{display:block !important;max-width:1024px;margin:0 auto;}
#mainnav li{float:left;}
}


@media only screen and (min-width: 1024px){
    .TwitterWidget{width:50%; margin:0 auto;}
}

.pagenav {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
}