@charset 'utf-8';

/*----------------------------------------------------
 base
----------------------------------------------------*/

/*----------------------------------------------------
 グローバルヘッダーフッター
----------------------------------------------------*/
.nav-simple .clearfix,
.g-header .clearfix,
.g-footer .clearfix {
    *zoom: 1;
}
.nav-simple .clearfix:after,
.g-header .clearfix:after ,
.g-footer .clearfix:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    overflow: hidden;
}

.g-header,
.g-footer {
    background: #FFF;
    position: relative;
}
.g-header {
    background: #2D3538;
}
.g-header,
.g-footer,
.g-header a,
.g-footer a {
    color: #6A7274;
}
.g-header .inner,
.g-footer .inner {
    width: 1200px;
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
}
.g-footer {
    padding: 25px 0 30px 0;
    font-size: 12px;
    text-align: center;
}
.g-footer .logo,
.g-footer .logo img {
    width: 220px;
    display: block;
}
.g-footer .logo {
    position: absolute;
    left: 5px;
    top: 0;
}
.g-footer .footer-nav {
    display: inline-block;
    margin: 0 0 30px 0;
}
.g-footer .footer-nav li {
    float: left;
    display: inline-block;
    position: relative;
    margin:  0 15px 0 0;
}
.g-footer .footer-nav li:before {
    content: '|';
    position: absolute;
    right: -10px;
}
.g-footer .footer-nav li:last-child:before,
.g-footer .footer-nav li:last-child {
    margin: 0;
    content: '';
}

/* sns */
.sns-list {
    display: inline-block;
    margin: 0 20px;
}
.g-header .sns-list {
    float: right;
}
.sns-list li {
    float: left;
    margin:  0 0 0 15px;
}
.sns-list a {
    line-height: 1;
    display: block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.sns-list a:hover {
    color: #E5544F;
}
.sns-list a span {
    display: none;
}
.ie7 .sns-list a span {
    display: inline-block;
}
.sns-list a i:before {
    font-size: 25px;
    width: 30px;
}
.g-footer .sns-list {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0;
}

/*
.sns-list .sns-facebook a:before {
    content: '\f09a';
}
.sns-list .sns-twitter a:before {
    content: '\f099';
}
.sns-list .sns-youtube a:before {
    content: '\f167';
}
.sns-list .sns-pinterest a:before {
    content: '\f0d2';
}
*/
/* 検索 */
.search-page ,
.search-page form {
    position: relative;
    display: inline-block;
    color: #2D3538;
    line-height: 1;
}
.search-page,
.search-page form,
.search-page .text-search {
    border-radius: 15px;
    outline: none;
}
.g-header .search-page {
    float: right;
}
.search-page .text-search {
    width: 100px;
    background-image: none !important;
    background-color: #6A7274;
    border: none;
    padding: 5px 30px 5px 10px;
}
.search-page .btn-search {
    position: absolute;
    top: 0;
    right: 5px;

    font-family: FontAwesome;
    padding: 5px 0px;
    margin: 0;
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    font-size: 15px;
}



/*----------------------------------------------------
 ボトムコンテンツ
----------------------------------------------------*/
.pagetop {
    display: none;
    opacity: 0;
    position: fixed;
    background: #BED3CA;
    right: 20px;
    bottom: 20px;
    z-index: 10;

    -webkit-transition: opacity 1.0s;
    -moz-transition: opacity 1.0s;
    -ms-transition: opacity 1.0s;
    -o-transition: opacity 1.0s;
    transition: opacity 1.0s;

}
.pagetop a {
    display: block;
    width: 40px;
    height: 40px;
}
.pagetop i {
    display: inline-block;
    margin: 9px 0 0 0;
    font-size: 20px;
}
.pagetop span {
    display: none;
}
.ie7 .pagetop span {
    display: block;
}


/* .nav */
.nav-block {
    position: absolute;
    width: 100%;
    top: 574px;
    left: 0;
}
.nav-block .nav-list .nav-item a.link-list,
.nav-block .nav-list .nav-item .link-list a {
    line-height: 1.3em;
}
.nav-block .nav-list .nav-item .link-list {
    padding-bottom: 15px;
}
.nav-block .nav-list .nav-item .nav-target .list-1col .link-list > li.bnr-img {
    margin: 10px 0 10px 0;
}
.nav-block .nav-list .nav-item .link-list .bnr-img a {
    display: block;
    padding: 0 0 0 0;
}
.nav-block .nav-list .nav-item .link-list .bnr-img a:before {
    display: none;
}
.nav-block .nav-list .nav-item {
    width: 275px;
    margin: 0 32px 0 0;
    float: left;
}
.ie7 .nav-block .nav-list .nav-item,
.ie8 .nav-block .nav-list .nav-item {
    margin: 0 25px 0 0;
}
.nav-block .nav-list .nav-item:last-child {
    margin: 0;
}
.nav-block .nav-list .nav-item .nav-trigger ,
.nav-block .nav-list .nav-item .nav-trigger:before {
    background: #E5544F;
}
.nav-block .nav-list .nav-item .nav-trigger ,
.nav-block .nav-list .nav-item .nav-trigger:before {
    -webkit-transition: background 0.3s, border 0.3s;
    -moz-transition: background 0.3s, border 0.3s;
    -ms-transition: background 0.3s, border 0.3s;
    -o-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.3s;
}
.nav-block .nav-list .nav-item:hover .nav-trigger,
.nav-block .nav-list .nav-item:hover .nav-trigger:before {
    background: #3b8097;
    border-color: #163438;
}
.nav-block .nav-list .nav-item .nav-trigger {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
}
.nav-block .nav-list .nav-item .nav-trigger:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 51%;
    top: -3px;
    transform: rotate(45deg);
    display: none;
    z-index: 12;
}
.nav-block .nav-list .nav-item .nav-trigger.nav-unnder:before {
    top: 47px;
}

.nav-block .nav-list .nav-item.current .nav-trigger:before {
    display: block;
}
.ie8 .nav-block .nav-list .nav-item .nav-trigger:before {
    display: none;
}
.nav-block .nav-list .nav-item .nav-disp {
    text-align: center;
    font-style: italic;
    margin: 3px 0 0 0;
    font-family: 'Old Standard TT', serif;
}
.nav-block .nav-list .nav-item .nav-target {
    position: absolute;
    top: -576px;
    display: none;
    z-index: 11;
}
.nav-block .nav-list .nav-item.nav-item-l1 .nav-target ,
.nav-block .nav-list .nav-item.nav-item-l3 .nav-target {
    left: 0;
}
.nav-block .nav-list .nav-item.nav-item-l4 .nav-target {
    left: 0;
}
.nav-block .nav-list .nav-item.current .nav-target {
    display: block;
}
.nav-block .nav-list .nav-item .nav-target > ul,
.nav-block .nav-list .nav-item .nav-target > ul > li {
    background: #FFF;
}
.nav-block .nav-list .nav-item .nav-target > ul {
    width: 1200px;
    border: 1px solid #E7E8E3;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.1);
}
.nav-block .nav-list .nav-item .nav-target > ul > li {
    padding: 15px 0px 1px 15px;
    float: left;
}
.nav-block .nav-list .nav-item .nav-target > ul > li:last-child {
    padding-right: 20px;
}
.nav-block .nav-list .nav-item .nav-target .link-list > li {
    float: left;
    width: 185px;
    margin:  0 5px 5px 0;
}

.nav-block .nav-list .nav-item .nav-target .list-1col {
    width: 235px;
}
.nav-block .nav-list .nav-item.nav-item-l3 .nav-target .list-1col ,
.nav-block .nav-list .nav-item.nav-item-l4 .nav-target .list-1col {
    width: 279px;
}
.nav-block .nav-list .nav-item .nav-target .list-1col .link-list > li {
    width: 100%;
    margin: 0 0 3px;
}
.nav-block .nav-list .nav-item .nav-target .list-2col {
    width: 400px;
}
.nav-block .nav-list .nav-item .nav-target .list-2col li {
    min-height: 48px;
    width: 193px;
    margin: 0 5px 5px 0;
}

.ie7 .nav-block .nav-list .nav-item .nav-target .list-2col li,
.ie8 .nav-block .nav-list .nav-item .nav-target .list-2col li {
    width: 200px;
    margin: 0 0 5px 0;
}

.nav-block .nav-list .nav-item .nav-target > ul > li > .title {
    font-weight: bold;
    color: #F05C57;
    margin: 0 0 5px 0;
    display: block;
}
.nav-block .nav-list .nav-item .nav-target > ul > li > .title-kind a {
    font-weight: bold;
    margin: 0 0 5px 0;
    display: block;
    color: inherit;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list li {
    margin: 0 0 10px 0;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a {
    display: block;
    border: 1px solid #CCC;
    border-bottom: 4px solid #CCC;
    text-decoration: none;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    height: 33px;
    line-height: 33px;
    padding: 0 0 0 35px;
    color: inherit;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #3F7F98;
    display: block;
    position: absolute;
    bottom: -12px;
    right: -12px;
    transform: rotate(45deg);
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a.bnr-map {
    background-image: url(/eng/img/common/icon_jpmap.png);
    background-position: -25px 5px;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a.bnr-spots {
    background-image: url(/eng/img/common/icon_pin.png);
    background-position: 10px 50%;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a.bnr-interests {
    background-image: url(/eng/img/common/icon_bulb.png);
    background-position: 11px 50%;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a.bnr-info {
    background-image: url(/eng/img/common/icon_info.png);
    background-position: 7px 50%;
}

.nav-block .nav-list .nav-item .nav-target .bnr-list a.bnr-spots {
    background-image: url(/eng/img/common/icon_pin.png);
    background-position: 10px 50%;
}
.nav-block .nav-list .nav-item .nav-target .bnr-list a.bnr-areas {
    background-image: url(/eng/img/common/icon_pin_b.png);
    background-position: 11px 50%;
}

/* .nav-simple .nav-block */
.nav-simple {
    position: relative;
    background: #FFF;
    border-bottom: 1px solid #E7E8E3;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.1);
    height: 58px;
    color: #6A7274;
    line-height: 1.5;
    font-size: 16px;
}
.nav-simple .nav-disp {
    display: none;
}
.nav-simple .link-list a:before {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    display:inline-block;
    text-rendering: auto;
    text-align: center;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.nav-simple .link-area li a {
    color: inherit;
}
.nav-simple .link-list a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 10px;
    color: inherit;
}
.nav-simple .link-list a:hover {
    color: #f05c57;
    text-decoration: underline;
}
.nav-simple .link-list a:before {
    content: '\f0da';
    font-size: 13px;
    color: #F05C57;
    margin: 0 5px 0 0;
    position: absolute;
    top: 4px;
    left: 0;
}
.nav-simple .logo {
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
}
.nav-simple .logo img {
    width: 260px;
}
.nav-simple .nav-simple-inner {
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    position: relative;
}
.nav-simple .nav-block {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    left: auto;
}
.nav-simple .nav-block .nav-list {
    margin: 0 0 0 0;
    float: right;
}
.nav-simple .nav-block .nav-list .nav-item .nav-trigger {
    height: 53px;
    background: #FFF;
    color: inherit;
    border-bottom: 5px solid #E5544F;
    font-size: 20px;
    font-weight: bold;
}
.nav-simple .nav-block .nav-list .nav-item:hover .nav-trigger {
    background: #3b8097;
    color: #FFF;
    border-color: #163438;
    border-bottom: 5px solid #3b8097;
}
.nav-simple .nav-block .nav-list .nav-item {
    width: 165px;
    margin: 0 0 0 10px;
}
.nav-simple .nav-block .nav-list .nav-item .nav-trigger.nav-unnder:before {
    top: 55px;
}