@charset 'utf-8';

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

/*----------------------------------------------------
 グローバルヘッダーフッター
----------------------------------------------------*/
.nav_topGlobalNav .clearfix,
.g-header .clearfix,
.g-footer .clearfix {
    *zoom: 1;
}
.nav_topGlobalNav .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-header .inner {
    background: #2D3538;
}

.g-footer {
    padding: 25px 0 30px;
    font-size: 12px;
    text-align: center;
    z-index: 400;
}

.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;
}
.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 .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .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: 200px;
    background-image: none !important;
    background-color: #e0e0e0;
    border: none;
    padding: 5px 30px 5px 10px;
    border: 1px solid #999999;
}
.search-page .btn-search {
    position: absolute;
    top: 0;
    right: 10px;

    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: 501;

    -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;
    color: #6A7274;
    text-align: center;
}

.pagetop i {
    display: inline-block;
    margin: 9px 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;
}
.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 .3s, border .3s;
    -moz-transition: background .3s, border .3s;
    -ms-transition: background .3s, border .3s;
    -o-transition: background .3s, border .3s;
    transition: background .3s, border .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;
}
.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 ;
    font-family: 'Old Standard TT', serif;
}
.nav_block .nav_list .nav_item .nav-target {
    position: absolute;
    display: none;
    z-index: 11;
    top:47px;
}
.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, .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: 580px;
    margin-left: 45px;
    margin-right: 25px;
}

.nav_block .nav_list .nav_item .nav-target .list-2col li {
    width: 279px;
    margin: 0 10px 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;
}

.nav_block .nav_list .nav_item .nav-target > ul > li > .title {
    font-weight: bold;
    color: #F05C57;
    margin: 0 0 5px;
    display: block;
}
.nav_block .nav_list .nav_item .nav-target > ul > li > .title-kind a {
    font-weight: bold;
    margin: 0 0 5px;
    display: block;
    color: inherit;
}
.nav_block .nav_list .nav_item .nav-target .bnr-list li {
    margin: 0 0 10px;
}
.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(https://www.jnto.go.jp/eng/wp-content/themes/jnto/img/eng/common/icon_jpmap.png);
    background-position: -25px 5px;
}
.nav_block .nav_list .nav_item .nav-target .bnr-list a.bnr-spots {
    background-image: url(https://www.jnto.go.jp/eng/wp-content/themes/jnto/img/eng/common/icon_pin.png);
    background-position: 10px 50%;
}
.nav_block .nav_list .nav_item .nav-target .bnr-list a.bnr-areas {
    background-image: url(https://www.jnto.go.jp/eng/wp-content/themes/jnto/img/eng/common/icon_pin_b.png);
    background-position: 10px 50%;
}
.nav_block .nav_list .nav_item .nav-target .bnr-list a.bnr-interests {
    background-image: url(https://www.jnto.go.jp/eng/wp-content/themes/jnto/img/eng/common/icon_bulb.png);
    background-position: 11px 50%;
}
.nav_block .nav_list .nav_item .nav-target .bnr-list a.bnr-info {
    background-image: url(https://www.jnto.go.jp/eng/wp-content/themes/jnto/img/eng/common/icon_info.png);
    background-position: 7px 50%;
}

/* .nav_topGlobalNav .nav_block */
.nav_topGlobalNav {
    position: relative;
    background: #FFF;
    height: 58px;
    color: #6A7274;
    line-height: 1.5;
    font-size: 16px;
    width: 1200px;
}
.nav_topGlobalNav .nav-disp {
    display: none;
}
.nav_topGlobalNav .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_topGlobalNav .link_area li a {
    color: inherit;
}
.nav_topGlobalNav .link_list a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 10px;
    color: inherit;
}
.nav_topGlobalNav .link_list a:hover {
    color: #f05c57;
    text-decoration: underline;
}
.nav_topGlobalNav .link_list a:before {
    content: '\f0da';
    font-size: 13px;
    color: #F05C57;
    margin: 0 5px 0 0;
    position: absolute;
    top: 4px;
    left: 0;
}
.nav_topGlobalNav .logo {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
}
.nav_topGlobalNav .logo img {
    width: 260px;
}

.nav_topGlobalNav .nav_topGlobalNav-inner {
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    position: relative;
}

.nav_topGlobalNav .nav_block {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;transition-delay: 
    left: auto;
}

.nav_topGlobalNav .nav_block .nav_list {
    margin: 0;
    float: right;
}

.nav_topGlobalNav .nav_block .nav_list .nav_item .nav-trigger {
    height: 56px;
    color: inherit;
    border-bottom: 4px #b72c2c solid;
    font-size: 18px;
    background: #fff;
}
.nav_topGlobalNav .nav_block .nav_list .nav_item:hover .nav-trigger {
    background: #3b8097;
    color: #FFF;
    border-color: #163438;
    border-bottom: 4px #3b8097 solid;
}
.nav_topGlobalNav .nav_block .nav_list .nav_item {
    width: 165px;
    margin: 0 0 0 10px;
}
.nav_topGlobalNav .nav_block .nav_list .nav_item .nav-trigger.nav-unnder:before {
    top: 56px;
}

.spMenuBtn {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    left: 20px ;
    top: 15px;
}

.spMenuBtn:after {
    content: "\f0c9";
    font-family: FontAwesome;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 15px;
    font-size: 20px;
     -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
    text-indent: 0;
}

#modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba( 0,0,0, .6 );
    z-index: 499;
}

.mainNavArea_sp__head {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
}

.mainNavArea_sp__head .logoImg {
    width: 220px;
}

.search-page_wp {
    left: 0;
    top: 0;
    text-align: center;
    width: 90%;
    background-color: #fff;
    padding: 20px 5%;
    border-bottom: 1px solid #2d3538;
}

.mainNavArea_sp_wp {
    position: absolute;
    display: none;
    width: 100%;
}

.mainNavArea_sp_wp::-webkit-scrollbar {
    display: none;
}

.mainNavArea_sp {
    position: absolute;
    color: #2d3538;
    border-bottom: 1px solid #999;
    top: 0;
    left: 0;
    z-index: 500;
}

.mainNavArea_sp::-webkit-scrollbar {
  display: none;
}

.mainNavArea_sp a {
    color: #2d3538;
}

.mainNavArea_sp__head {
    position: relative;
    height: 60px;
    background-color: #2d3538;
    color: #fff;
    z-index: 999;
    width: 100%;
}

.mainNavArea_sp__snsArea {
    width: 100%;
    text-align: center;
    padding: 15px 0 12px;
    border-bottom: 1px solid;
    background-color: #fff;
}

.mainNavArea_sp__snsArea i:before {
    font-size: 35px;
}

.mainNavArea_sp__snsArea__sns_item {
    display: inline-block;
    margin-right: 18%;
}

.mainNavArea_sp__snsArea__sns_item:last-child {
    margin-right: 0;
}

.mainNavArea_sp__snsArea__sns_item span {
    display: block;
    font-size: 11px;
}

.mainNavArea_sp__mainLinkArea {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 15px;
}

.mainNavArea_sp__mainLinkArea__inner {
    width: 96%;
    margin: 0 auto;
}

.mainNavArea_sp__mainLinkArea__btn {
    width: 47%;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;

    border: 2px solid #959595;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
}

.mainNavArea_sp__mainLinkArea__btn:nth-child(2n) {
    margin-right: 0;
}

.mainNavArea_sp__mainLinkArea__btn__item {
    float: left;
    text-align: left;
    line-height: 1.4;
}

.mainNavArea_sp__mainLinkArea__btn__item:last-child {
    margin-right: 0;
    float: right;
}

.mainNavArea_sp__mainLinkArea__btn i:before {
    font-size: 35px;
}

.mainNavArea_sp__mainLinkArea__btn a {
    display: block;
    padding: 18px 4% 18px 5%;
    height: 34px;
}


.mainNavArea_sp__head .search-page {
    margin-top: 20px;
}

/*----------------------------------------------------
 sp
----------------------------------------------------*/

@media screen and (max-width:900px) {
    .g-header .inner, .g-footer .inner {
        width: 100%;
    }
    .g-footer .logo {
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .g-header .inner, .g-footer .inner, .g-footer .sns-list  {
        position: relative;
        display: block;
    }

    .g-footer .sns-list {       
        margin: 30px auto 0;
        width: 150px;
    }
    .g-footer .footer-nav {
        width: 195px;
        margin: 30px auto;
        text-align: center;
    }
    .g-footer .footer-nav li {
        float: none;
    }

     .g-footer .footer-nav li:nth-child(even) {
    }

    .g-footer .footer-nav li:nth-child(even):before {
        content: '';
    }

}

.subNav_sp {
    color: #000;
    float: right;
}

.subNav_spWp {
    position: absolute;
    right: 20px;
    top: 10px;
}

.subNav_sp_item {
    display: inline-block;
    width: 35px;
    height: 40px;
    position: relative;
}

.subNav_sp_item__select:after {
    content: "\f0ac";
    font-family: FontAwesome;
    position: absolute;
    top: 20px;
    right: 5px;
    font-size: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: 0;
    color: #fff;
    text-indent: 0;  
}

.subNav_sp select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    text-indent: -9999px;
    right: 80px;
    top: 50px;
    width: 40px;
    height: 40px;
}

.subNav_sp .custom {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 40px;
  color: #fff;
  padding: 20px 0 0;
  overflow: hidden;
    position: relative;
    padding: 0;
    height: 40px;
    z-index: 100;
}

.subNav_sp .custom > select {
  width: 130%;
  padding: 0.3em 2.4em 0.3em 0.6em;
  font-size: 1rem;
  position: relative;
}
.subNav_sp .default .custom > select {
  width: auto;
}
.subNav_sp .overflow .custom {
  overflow: visible;
}

@media screen and (max-width:480px) {
    .subNav_spWp {
        position: absolute;
        right: 10px;
    }
}