/** Basic **/
html {
height: 100%;
}
body {
height: 100%;
padding-top: 90px;
}
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
a {
text-decoration: none;
}
a:hover {
opacity: 0.7;
text-decoration: underline;
}
a.no_decoration {
color: inherit;
}
a.no_decoration:hover {
text-decoration: none;
}
img.icon {
height: 2em;
vertical-align: middle;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #000;
background-color: #FFFFFF;
border-color: #8196A8;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
text-shadow: none;
background-image: none;
background-color: #E5F1FF;
}

/** Parts **/
.icon {
position: relative;
top: 1px;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.icon_new_window {
background-image: url('../img/icon_new_window.png');
width: 1em;
height: 1em;
background-size: 100%;
margin: 0px 4px 1px;
}
.icon_menu {
background-image: url('../img/menu.png');
background-size: 32px;
width: 32px;
height: 32px;
}

/** Header **/
#header {
/*background-image: url('../img/header_bg.png');*/
background-position: right 22px;
border-bottom: 21px solid #8EC31F;
height: 100px;
padding-top: 10px;
z-index: 2;
background-color: #2FA4E7;
background-repeat: no-repeat;
}
#header .btn-default {
background-color: #E6E7E7;
}
#header .btn-default:hover,
#header .btn-default:focus {
opacity: 0.9;
}
#header .btn-default:active,
#header .btn-default.active,
#header .open .dropdown-toggle.btn-default {
background-color: #63ACDF;
border-color: rgba(0, 0, 0, 0.1);
color: #555555;
}
#header .btn-group.open .dropdown-toggle {
box-shadow: none;
}
#header .btn:active,
#header .btn.active {
box-shadow: none;
}
#header .btn-link {
color: #FFFFFF;
}
#header .navbar-text.title {
margin-top: 5px;
}
#header .menu {
background-position: center center;
height: 64px;
width: 110px;
background-repeat: no-repeat;
}
#header .menu_1 {
background-image: url("../img/menu_1.png");
}
#header .menu_2 {
background-image: url("../img/menu_2.png");
}
#header .menu_3 {
background-image: url("../img/menu_3.png");
}
#header .menu_4 {
background-image: url("../img/menu_4.png");
}

#season_selector_blk {
margin: 0;
}
#season_selector {
background-image: url("../img/season_bg.png");
display: inline-block;
height: 96px;
list-style: none outside none;
position: relative;
width: 96px;
background-size: 96px 96px;
}
#season_selector li {
cursor: pointer;
height: 16px;
position: absolute;
width: 16px;
}
#season_selector li.jan {
left: 60px;
top: 4px;
}
#season_selector li.feb {
left: 76px;
top: 20px;
}
#season_selector li.mar {
left: 80px;
top: 40px;
}
#season_selector li.apr {
left: 76px;
top: 60px;
}
#season_selector li.may {
left: 60px;
top: 74px;
}
#season_selector li.jun {
left: 40px;
top: 80px;
}
#season_selector li.jul {
left: 22px;
top: 74px;
}
#season_selector li.aug {
left: 6px;
top: 60px;
}
#season_selector li.sep {
left: 0px;
top: 40px;
}
#season_selector li.oct {
left: 6px;
top: 20px;
}
#season_selector li.nov {
left: 22px;
top: 4px;
}
#season_selector li.dec {
left: 40px;
top: 0px;
}
#season_selector li.jan.active {
left: 54px;
top: 16px;
}
#season_selector li.feb.active {
left: 65px;
top: 26px;
}
#season_selector li.mar.active {
left: 68px;
top: 40px;
}
#season_selector li.apr.active {
left: 65px;
top: 54px;
}
#season_selector li.may.active {
left: 55px;
top: 65px;
}
#season_selector li.jun.active {
left: 40px;
top: 68px;
}
#season_selector li.jul.active {
left: 26px;
top: 65px;
}
#season_selector li.aug.active {
left: 16px;
top: 54px;
}
#season_selector li.sep.active {
left: 12px;
top: 40px;
}
#season_selector li.oct.active {
left: 16px;
top: 26px;
}
#season_selector li.nov.active {
left: 26px;
top: 16px;
}
#season_selector li.dec.active {
left: 40px;
top: 12px;
}
#season_selector li.active {
background-color: #0E6EB8;
border-radius: 50%;
}
#category_selection_blk {
margin-top: 30px;
}
.header_title {
background-image: url(../img/logo.png);
background-size: 100%;
height: 50px;
width: 300px;
margin: 0 auto;
}
.header_title.disabled {
opacity: 0.5;
}
.browser_alert {
color: #FF0000;
}

/** footer **/
#footer {
}

/** Main **/
#main {
height: 100%;
margin-right: 40px;
}

/** Sidebar **/
#sidebar {
width: 301px;
position: fixed;
right: 0px;
top: 0px;
height: 100%;
z-index: 1;
background-color: #FFF;
border-left: 1px solid #333;
box-shadow: -1px 0px 10px #333;
margin: 0px;
padding: 100px 0px 0px;
font-size: 13px;
}
#sidebar.disabled {
height: 170px;
}
#sidebar .sidebar_inner {
overflow: auto;
height: 100%;
}
#sidebar .panel-group .panel {
border: none;
}
#sidebar .panel-heading {
padding: 0px;
}
#sidebar .panel-default>.panel-heading+.panel-collapse>.panel-body {
padding: 0px 0px 0px 8px;
}
#sidebar h2 {
position: relative;
padding: 0;
margin: 0px;
cursor: pointer;
height: 42px;
background-color: #EA5504;
width: 100%;
background-repeat: no-repeat;
background-position: 8px 50%;
background-size: auto 27px;
}
#sidebar h2.osusume {
background-image: url('../img/header_osusume.png');
}
#sidebar h2.category {
background-image: url('../img/header_category.png');
}
#sidebar h2.season {
background-image: url('../img/header_season.png');
}
#sidebar h2.index {
background-image: url('../img/header_index.png');
}
#sidebar h2 a {
display: block;
height: 42px;
}
#sidebar h3 {
font-size: 14px;
padding: 0;
margin: 0;
}
#sidebar h5 {
border-bottom: 1px solid #666;
}
#sidebar ul {
margin: 0;
padding: 8px 0px;
list-style: none;
}
#sidebar.disabled ul{
display: none;
}
#sidebar p {
margin-left: 8px;
}
/** ヒント **/
#hint {
position: absolute;
display: none;
width: 240px;
cursor: pointer;
font-size: 11px;
z-index: 2;
left: 32px;
top: 120px;
}
#hint img {
height: 40px;
}
#hint .popover {
display: block;
left: 54px;
width: 160px;
}
#hint .popover.right>.arrow {
top: 16px;
}
#hint.hint_1 .msg_2,
#hint.hint_1 .msg_3 {
display: none;
}
#hint.hint_2 .msg_1,
#hint.hint_2 .msg_3 {
display: none;
}
#hint.hint_3 .msg_1,
#hint.hint_3 .msg_2 {
display: none;
}

/** Map **/
.label_hidden .wak2map_marker .name {
display: none;
}

/*
.text_marker {
position: absolute;
width: 32px;
margin-left: -16px;
}
.text_marker:hover {
cursor: pointer;
}
.label_hidden .text_marker .name {
display: none;
}
.text_marker .name {
background-color: #FFF;
border: 1px solid #956134;
padding: 0px 2px;
position: absolute;
left: 0px;
bottom: -1em;
background-image: url(../api/label/sprite.png);
height: 19px;
width: 64px;
z-index: 1;
}
.text_marker.event .name {
background-color: #0CF;
border: 1px solid #09F;
border-radius: 4px;
}
.text_marker img {
margin-top: -50%;
}

.zoom_10 .scale_12,
.zoom_11 .scale_12 {
display: none;
}
.zoom_10 .scale_13,
.zoom_11 .scale_13,
.zoom_12 .scale_13 {
display: none;
}
.zoom_10 .scale_14,
.zoom_11 .scale_14,
.zoom_12 .scale_14,
.zoom_13 .scale_14 {
display: none;
}
.zoom_10 .scale_15,
.zoom_11 .scale_15,
.zoom_12 .scale_15,
.zoom_13 .scale_15,
.zoom_14 .scale_15 {
display: none;
}
.zoom_10 .scale_16,
.zoom_11 .scale_16,
.zoom_12 .scale_16,
.zoom_13 .scale_16,
.zoom_14 .scale_16,
.zoom_15 .scale_16 {
display: none;
}
.zoom_10 .scale_17,
.zoom_11 .scale_17,
.zoom_12 .scale_17,
.zoom_13 .scale_17,
.zoom_14 .scale_17,
.zoom_15 .scale_17,
.zoom_16 .scale_17{
display: none;
}
.zoom_10 .scale_18,
.zoom_11 .scale_18,
.zoom_12 .scale_18,
.zoom_13 .scale_18,
.zoom_14 .scale_18,
.zoom_15 .scale_18,
.zoom_16 .scale_18,
.zoom_17 .scale_18 {
display: none;
}
.zoom_10 .scale_19,
.zoom_11 .scale_19,
.zoom_12 .scale_19,
.zoom_13 .scale_19,
.zoom_14 .scale_19,
.zoom_15 .scale_19,
.zoom_16 .scale_19,
.zoom_17 .scale_19,
.zoom_18 .scale_19 {
display: none;
}
.zoom_10 .scale_20,
.zoom_11 .scale_20,
.zoom_12 .scale_20,
.zoom_13 .scale_20,
.zoom_14 .scale_20,
.zoom_15 .scale_20,
.zoom_16 .scale_20,
.zoom_17 .scale_20,
.zoom_18 .scale_20,
.zoom_19 .scale_20 {
display: none;
}
*/

/** infowindow **/
.infowindow {
padding: 0 24px 0 0;
overflow: auto;
z-index: 2;
max-height: 300px;
}
.infowindow h3 {
font-size: 16px;
}
.infowindow .summary {
margin-bottom: 8px;
width: 300px;
}
.infowindow .flexslider {
width: 300px;
height: 200px;
margin-bottom: 8px;
border: none;
box-shadow: none;
}
.infowindow .flexslider ul,
.infowindow .flexslider li {
margin: 0;
padding: 0;
}
.infowindow .flexslider img {
width: 300px;
}
.infowindow span.name {
font-size: 14px;
border: 1px solid #000;
padding: 0px 8px;
border-radius: 14px;
margin-bottom: 8px;
display: inline-block;
}

/** F-15 **/
#f15 {
position: fixed;
background-image: url(../img/parts/f15.png);
width: 128px;
height: 128px;
background-repeat: no-repeat;
}
#f15.d1 {
background-position: 0px 0px;
}
#f15.d2 {
background-position: -128px 0px;
}
#f15.d3 {
background-position: -256px 0px;
}
#f15.d4 {
background-position: -384px 0px;
}
#f15.d5 {
background-position: -512px 0px;
}
#f15.d6 {
background-position: -640px 0px;
}
#f15.d7 {
background-position: -768px 0px;
}
#f15.d8 {
background-position: -896px 0px;
}
#f15.d9 {
background-position: -1024px 0px;
}
#f15.d10 {
background-position: -1152px 0px;
}
#f15.d11 {
background-position: -1280px 0px;
}
#f15.d12 {
background-position: -1408px 0px;
}

#opening {
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 10000;
    margin-top: -138px;
}
#opening .inner {
    position: absolute;
    overflow: hidden;
    background-color: #88D9FF;
    width: 100%;
    height: 100%;
    display: none;
}
#opening .skip {
    position: absolute;
    right: 24px;
    bottom: 24px;
    font-size: 24px;
}

div.att{font-size:88%; margin-bottom: 10px; color:#cc0000; padding:5px; background-color:#efefef;}
.search_title{text-align:center;}
.navbar-manual a{float:right;}







/* 鈴木追加 -------------------------------------------------------------------------------------- */
body{padding-top:70px;}
#sidebar{padding-top:75px;}
/* 調整・装飾 */
.mt00{margin-top:0 !important;}
.mt10{margin-top:10px !important;}

/* ヘッダー配置 */
.navbar-manual{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
justify-content:flex-end; align-items:flex-start;
padding:5px 0;
}
#sidebar .navbar-manual{display:none;}
.navbar-manual a{float:none;}
.navbar-manual div{margin:5px;}
.navbar-header{float:none; margin-right:auto !important;}

/* タイトル画像配置 */
#header{border:none; height:75px; margin-bottom:0 !important;}
#header img{max-height:50px;}
#header .navbar-text.title{margin:0 !important;}
.header_title {background:none; white-space:normal; width:auto; height:auto;}

/* ボタンデザイン・配置 */
.navbar-manual .btn-group{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
#header .btn-default{background-color:#ffffff; background-image:none;}
#header .btn-default:active{background-color:#fafafa;}
.btn-warning{background-color:#fc9a18; background-image:none !important; margin:3px; border-radius: 0;}

/* マップ内容ウインドウ装飾 */
div.route{margin-top:10px;}
div.route a{display:block; margin:0px; padding:3px 8px; font-size:85%; border-bottom:1px dotted #999999; border-left:4px solid #286ba6; color:#333333;
	-webkit-transition: all .3s;
	transition: all .3s;}
div.route a:last-of-type{margin-right:0;}
div.route a:hover{text-decoration:none; color:#286ba6; }
div.route i{display:block; padding:3px 8px;font-size:85%;}

/* サイドメニュー部 */
#sidebar .sidebar_inner{padding-left:60px; padding-right:5px; padding-top:5px;}
#index_info dt{border-bottom:2px solid #cccccc !important;}
#index_info dd{border-bottom: 1px solid #dfdfdf;padding: 15px 20px 10px 20px !important;}
.selectable_area a{font-size:93%; padding: 10px 10px 10px 23px !important;position: relative;  color:#333333 !important;
	-webkit-transition: all .3s;
	transition: all .3s;}
.selectable_area a:after{
	display: block;
    content: '';
    position: absolute;
    top: 1em;
    left: .3em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.selectable_area a:hover{background-color:#fcf8f3; text-decoration:none;}

#slide_btn {
	height: 32px;
	background-image: url(../img/sidebar_head_c.png) !important;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 4px center;
	cursor: pointer;
	width: 32px;
	display: inline-block;
}
#sidebar.open #slide_btn {
	background-image: url(../img/sidebar_head_o.png) !important;
}
#sidebar .slide_operation_area {
	background-color:#804e22; 
	height: 32px; 
	text-align: left;
}
.map-category-header, .season-info-header{background:#b48242 !important; border-bottom:1px dotted #804e22;}
.search_word{border: 1px solid #444444 !important;}
li.list-group-item{cursor:pointer;
	-webkit-transition: all .3s;
	transition: all .3s;}
.list-group-item:hover{background-color:#eeeeee;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background-color: #FFF1E5;}