@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:13px verdana,"ヒラギノ角ゴ ProN W4","Hiragino Kaku Gothic ProN","HiraKakuProN-W3","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background:url(images/mainnavBg.png) repeat-x;
-webkit-text-size-adjust:none;
}

html{background:url(images/bg.png);}

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



/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
position:relative;
margin:0 auto;
width:1024px;
}

#content{
float:left;
width:748px;
padding:30px 0 25px 10px;
}

#sidebar{
float:right;
width:240px;
padding:30px 8px 25px 0;
}

#footerUpper{
clear:both;
padding:20px 0 90px;
overflow:hidden;
color:#666;
background:#e2ddd1 url(images/footerBg.png) no-repeat 50% 100%;
}

* html #footerUpper{height:1%;}



/* ヘッダー
------------------------------------------------------------*/
#header .inner{
height:120px;
padding:0 10px;
background:url(images/headerBg.png) no-repeat 100% 0;
}

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

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

.subnav{
position:absolute;
top:71px;
right:22px;
}

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

.subnav li a{
padding-left:15px;
background:url(images/arrowSubnav.png) no-repeat 0 50%;
}

#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;
}


/* サイドバー
------------------------------------------------------------*/
#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;
padding:23px 25px;
margin-bottom:20px;
border-radius:10px;
background:#fff;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
overflow:hidden;
}

*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;}

#twitter-widget-0{
width:726px;
padding:0 10px;
margin:-20px 0 20px;
border-radius:10px;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
background:#fff;
}

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


/* パンくず
--------------------*/
#bread{
padding:0 20px;
width:706px;
height:33px;
line-height:33px;
background:#f2efe8;
border-radius:5px;
border:1px solid #dad3cc;
}

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

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


/* 見出し
--------------------*/
h1.heading{
clear:both;
padding:39px 10px 27px;
}

h1.headingTxt{
clear:both;
margin:20px 0 0 10px;
padding:19px 10px 19px 34px;
color:#800000;
font-size:30px;
background:url(images/headingTrain.png) no-repeat 0 50%;
}

h3.heading, h3.heading2, h2.heading{
clear:both;
margin-bottom:10px;
padding-left:28px;
font-size:16px;
background:url(images/h3Bg.png) no-repeat 0 50%;
}

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 20px;
border:1px solid #e2dccf;
border-radius:5px;
font-size:16px;
background:#f6f3ec url(images/h3.png) no-repeat 0 50%;
line-height:1.5;
}

/* table表
--------------------*/
table.table{
border-top:1px dotted #e25d2b;
width:100%;
}

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

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

table.red{
border-top:1px solid #800000;
border-right:1px solid #800000;
}

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

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


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:#800000;
}

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:#800000;
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;
}

ul#btn li{
float:left;
margin:5px;
width:344px;
height:100px;
transition:.5s;
background:url(images/btnBg.png) no-repeat;
}
ul#btn li:hover,ul#btn li:active{
background-image:url(images/btnBgHover.png);
}

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;
}
ul#btn li p a.menusmall{
font-size:0.9em;
}

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

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



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

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

/* 運行状況エリア共通 */
#operationWrap {
    width:1000px;
    margin:20px auto 0;
    overflow: hidden;
}
#operationWrap > * {
    float:left;
    padding:5px 20px;
    font-size: 15px;
    line-height: 2.0;
    box-sizing: border-box;
}
/* 運行状況ステータス */
#operationWrap #operation-title {
    width:15%;
    color: #fff;
    text-align: center;
}
/* 運行状況ステータス(通常運行) */
#operationWrap.operationNormal #operation-title {
    background-color: #76150c;
    border: 3px solid #76150c;
}
/* 運行状況ステータス(遅延運行) */
#operationWrap.operationDelay #operation-title {
    background-color: #ff1600;
    border: 3px solid #ff1600;
}
/* 運行状況詳細 */
#operationWrap #operation {
    width:85%;
    background-color:#fff;
    border: 3px solid #800000;
}
#operationWrap #operation .operationMsg {
    background-repeat: no-repeat;
    padding-left: 40px;
}
/* 運行状況詳細(平常運転) */
#operationWrap.operationNormal #operation .operationMsg {
    /* background-image: url(images/icon_circle.png); */
    background-image: url(/wp-content/uploads/2018/11/icon_circle.png);
    color:#000000;
}
/* 運行状況詳細(遅延運転) */
#operationWrap.operationDelay #operation .operationMsg {
    /* background-image: url(images/icon_alart.png); */
    background-image: url(/wp-content/uploads/2018/11/icon_alart.png);
    color:#c3342b;
}

/* 運行状況(スマホ用) */
@media only screen and (max-width: 1023px){
    #operationWrap {
        width: 94%;
        margin-bottom: 20px;
    }
    #operationWrap #operation-title, #operationWrap #operation  {
        float: none;
        width: 100%;
    }
}


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

#emergency h1{
font-size:18px;
color:#800000;
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;
}


/* スライドショー
--------------------*/
#slide{
position:relative;
padding-bottom:20px;
}

.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;
}


/* 見出し + 一覧はこちら
--------------------*/
header.heading{
position:relative;
width:100%;
height:20px;
padding-bottom:10px;
line-height:0;
}

header.heading p{
position:absolute;
top:0;
right:0;
}


/* 観光・イベント情報
--------------------*/
.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 li{
float:left;
margin:0 5px 5px 0;
list-style:none;
line-height:22px;
border-radius:12px;
background:#fee3c5 url(images/arrowCat.png) no-repeat 15px 50%;
}

#catChild li a{
display:block;
padding:0 15px 0 25px;
font-size:14px;
color:#800000;
}

#catChild li.current-cat a{font-weight:bold;}


/* お知らせ
--------------------*/
section.info{clear:both;}

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

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

.infoBox dt, .archive dt{
float:left;
clear:both;
width:100px;
color:#666;
}

.infoBox dd, .archive dd{
padding-left:100px;
border-bottom:1px dotted #e4d0ae;
}

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

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


/* フッター
------------------------------------------------------------*/
#footerUpper a{color:#666;display:block;}
#footerLower a{color:#fff;display:block;}
#footerUpper a:hover,#footerLower a:hover{text-decoration:underline;}

#footerUpper dl{
float:left;
margin:0 10px;
}
#footerUpper dl.noFloat{float:none;}

#footerUpper dt{
padding:5px 0 5px 21px;
margin:10px 0;
font-size:15px;
font-weight:bold;
border-bottom:1px solid #666;
background:url(images/arrowDt.png) no-repeat 0 50%;
}

#footerUpper dd{
padding-left:12px;
margin-bottom:5px;
background:url(images/arrowDd.png) no-repeat 0 50%;
}

#top{
clear:both;
overflow:hidden;
}
* html #top{height:1%;}

.toTop{float:right;}

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

#footerLower{
overflow:hidden;
padding:20px 0;
color:#fff;
font-size:11px;
background:#afaba1;
}

.footernav{
float:left;
padding-left:10px;
}

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

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

#footerLower p{
float:right;
padding-right:10px;
font-size:12px;
}

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


/* ページナビゲーション
----------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}
.next{float:right;}


/**
 * 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%;padding:0 3%;}

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

#content{
width:100%;
padding:30px 0;
float:none;
}

#sidebar{display:none;}

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;
background:url(images/mainnavSep.png) no-repeat 100% 0;
}
#mainnav li:last-child{background:none;padding:0;}

#mainnav li a{
display:block;
width:auto !important;
color:#fff;
font-weight:bold;
font-size:14px;
background:#800000;
transition:.5s;
}

#mainnav li a:before{
padding-right:5px;
vertical-align:middle;
content:url(images/mainnavArrow.png);
}

#mainnav li a:hover,#mainnav li a:active{
background:#d7450e;
text-decoration:none;
}

#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{
width:100%;
height:auto;
margin:10px 0 30px;
background:#fff;
border:1px solid #e4d0ae;
border-radius:5px;
}

.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;}

.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;}
}


@media only screen and (max-width: 767px){
#wrapper, .inner{width:100%;}

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

#header .innerSmp{
position:relative;
min-height:137px;
width:100%;
background:url(images/headerBgSmp.png) no-repeat 0 25px;
}

#header h1{
top:37px;
left:20px;
}

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

#lang{
top:100px;
right:auto;
left:80px;
}

.subnav{
width:100%;
height:25px;
line-height:25px;
top:0;
right:0;
background:#fff;
}

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

#header h1{z-index:100;}

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

#mainnav{
position:absolute;
top:25px;
right:0;
width:100%;
text-align:right;
}

#mainnav li{
width:100%;
text-align:left;
padding:0;
background:none;
border-bottom:1px solid #650000;
border-top:1px solid #963333;
}

#mainnav li:first-child{border-top:0;}
#mainnav li:last-child{border-bottom:0;}

#mainnav li a{
width:100%;
display:block;
line-height:50px;
padding-left:20px;
font-size:16px;
font-weight:bold;
color:#fff;
background:#800000 url(images/arrowSmpnav.png) no-repeat 100% 50%;
transition:.5s;
}

#mainnav li a:hover,#mainnav li a:active{
background:#d7450e url(images/arrowSmpnav.png) no-repeat 100% 50%;
text-decoration:none;
}

#mainnav li a:before{
padding-right:0;
content:'';
}

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

h1.heading{padding-top:10px;}

.contentBox{padding:20px 10px;}

ul#btn li{
width:280px;
height:82px;
background-size:280px 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{
padding-bottom:0;
background:#e2ddd1;
}

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

#footerUpper dt{
padding:0 0 0 10px;
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;
}

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

@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;}
}