html,body{
    font-size:17px;
}

@font-face {
	font-family: 'MN-Normal';
	src: url(../webfonts/37EA99_0_0.woff2);
}

body {

    font-family: 'MN-Normal', sans-serif;
    color:#000;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 320px;
    line-height:1.7;
}

h2{ 
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    font-size: 1.6em;
    line-height: 1.7em;
    font-weight: bold;
}

h3{
    font-family: 'MN-Normal', sans-serif;
    color:#fff;
    background-color:#000;
    width:100%;
    display: block;
    font-size: 1.4em;
    line-height: 1.5em;
    padding:3px 0 3px 10px;
    box-sizing: border-box;}
    

h4{ font-family: 'Noto Sans JP', sans-serif;
    color:#000;
    display: block;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: bold;
    padding-bottom:10px;
    margin:0 ;
}

p{
    color:#000;
    padding-bottom:10px;
    padding-right:10px;
    margin:0;
}


.footer_link , .copyright{
    font-family: 'Noto Sans JP', sans-serif;
}

a{
    text-decoration: none;
    cursor:pointer;    
   color: #e90001;
}

li a{
  color:#fff;
}

.longurl{
    word-break: break-all;
}

/*header*/

.global-nav__list--item{
    font-family: 'Noto Sans JP', sans-serif;
}

.tmp_header{
    width:100%;
    height:90px;
    z-index:2;
    position:fixed;
    top:0;
}

.news, .getinquisitive, .movies{
    margin-top:-90px;
    padding-top:90px;
}

.header{
    width:1260px;
    margin:auto;
    z-index:4;
}

.header-contents{
    box-sizing: border-box;
    position: fixed;
    top: 0;
    transition: all 0.5s ease;
    z-index: 5;
    padding:28px 60px 24px;
    width:1260px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
}


.global-nav ul{
    display:flex;
    justify-content: space-between;
    flex-direction:row;
    flex:center;
    list-style: none;
}

.global-nav li{
 padding-right:45px;
}

.menu ul li{ 
    display: inline-block;
    font-size: 1.0em; 
}

.logo,.global-nav,.headericons{
    display:inline-block;  
}

.headericons{
    width:250px;
}

.logo img{
    width:137px;
    height:37px;
}

.logo { flex-basis: 220px; }

.global-nav__list--item{
        font-weight:bold;
}


.header .menu a:hover{
    color:#e90001 !important;
}

.menu ul{
    margin: 0px ;
    padding:0px ;
}

.menu ul li a{
    text-decoration: none;
    padding: 4px 0;
    
}

.banner{
    width: 100%;
    margin:0 !important;
        position: relative;
}

.banner-logo{
    width:1260px;
    margin:0 auto;
}


#logo-banner{
    position: absolute; 
    top:100px;
    width: 250px;
    padding-left:60px;
}

#tmp_contents{
    width:100%;
}
.container{
    width: 1260px;
box-sizing: border-box;
    margin:0 auto;
    padding:0 60px;
}

.left_block,#tmp_contents .left_block{
    padding:50px 20px 0 0;
    width:873px;
    box-sizing:border-box;
}

.nopdtop{
    padding-top:10px !important;}

/*top title*/

.top-title h2{
    margin:10px 0 0;
}
.title-border {
    display: flex;
    align-items: center;
    padding:10px 0;
}
.title-border:before, .title-border:after {
    border-top: 1px solid #e90001 !important;
    content: "";
    flex-grow: 1;
}
.title-border:before {
    margin-right: 1rem;
}
.title-border:after {
    margin-left: 1rem;
}

/*News&Topics*/

.news h3{
    margin-top:5px;
}

.abovetopic {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom:20px !important;
}

.abovetopic .pict{
    width:38%;
}

.abovetopic .topictext{
    width:60%;
}

 .video-wrap iframe{
    width:97%;
    height:auto;
}

.abovetopic .pict img,.editor .pict img, .tcvb .pict img{
    width: 100%;
    height:auto;
}

.topictext span, .b span{
    font-weight:bold;
}


/*topiclist-table*/

.a,.b,.c{
    padding:10px 0;
}

.a{
    width:5%;
    font-size:1.4em
}

.b{
    width:65%;
}
.c{
    width:25%;
}

.c img{
    width:100%;
    float:right;
}

td{
    vertical-align: top;
}

.b span, .pickupvideo span{
    padding:1px 5px;
    color:#fff;
    background-color:dimgrey;
    margin-right:10px;
    float:right;
}

.fa-check{
    color:#e90001;
}

.topictext span, .b span{
    font-weight:bold;
}

/*calendar&download*/


.2c {
    display:inline-block !important;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom:20px !important;
    vertical-align: top !important;
    box-sizing:border-box;
}

.calendar, .download{
    display:inline-block !important;
    width:49%;
    box-sizing:border-box;
    vertical-align:top;
}

.calendar h3, .download h3{
    width:100%;
}



.topictext span, .b span{
    font-weight:bold;
}

.btn-radius {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-style: bold;
  color: #FFF;
  background-color: #e90001;
  transition: .4s;
}

.btn-radius:hover {
  background-color: #C90000;
}

/*From Editor*/
.editor,.tcvb {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin:20px 0!important;
}

.editor .pict{
    width:20%;
}

.editor .topictext{
    width:75%;
}

.tcvb .pict{
    width:25%;
    vertical-align: middle;
}

 .tcvb .topictext{
    width:70%;
    font-size:80%;
     padding-top:0!important;
}

.editor .topictext{
    padding-top:10px;
}

.tcvb{
    padding:10px;
}

.logos {
    display:flex;
    flex-direction: row;
    justify-content: center;
    margin:20px 0  !important;
}

.logobottom .pict{
    width:35%;
}

.logobottom .pict img{
    width:auto;
    height:70px;
    padding:10px 15px;
}

/*Pick up Video*/


.topictext{
    padding:10px 0;
}

.movie-wrap {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.movie-wrap iframe {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.pickupvideo {
    display:inline-block;
    flex-direction: column;
    vertical-align: top !important;
    width:32.5%;
    padding:5px;
    box-sizing:border-box;
}


/*pankuzu*/
.pankuzu-list li, .pankuzu-list a{
    color:#fff !important;

}

.pankuzu .menu{
    background-color:#212533;
    width:100%;
    padding:16px 0px;
    margin:30px 0;
    font-size:14px;
}




#signup {
   /* ▼ボタンの表示位置を画面の右下に固定 */
   position: fixed; /* ←表示場所を固定 */
   top: 18px;   /* ←下端からの距離 */
   right: 18px;    /* ←右端からの距離 */
    z-index: 2;

   /* ▼最初は非表示にしておく */

    background-color: #FFFFFF;
    border: solid 2px #ea050a;
    border-radius: 10px;
    padding: 15px; 
    cursor: pointer;
    display: none;
}

#signup img{
    width:100px;
}

	#signup:hover img{
		filter: brightness(70%);
	}
	#footer {
	    padding: 5px 0 10px;
	    color: inherit;
	}
	.footer_logo img{
		width: 227px !important;
	}

    .fnavi li{
        display: inline-block;
        list-style: none;

}
.fnavi {
}

.fnavi a{
    padding-right:10px;        
    color:#000 !important;
    line-height:1.7;
    font-weight: bold!important;

}


.fnavi {
    padding:0 15px 5px 0;
    color:inherit;
    list-style:none;
}
.fnavi_icon{
    float: right;
	letter-spacing: -.4em;
}
.fnavi_icon li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 11px;
}
.fnavi_icon li a {
    display: block;
    width: 40px;
    height: 32px;
    text-decoration: none;
    overflow:hidden;
    background-color: #FFFFFF;
}
.fnavi_icon li a span {
    position: relative;
    z-index: -1;
}
.fnavi_icon li .icon_fb {
    background: #FFFFFF url(../img/icon_facebook.png) no-repeat center center;
}
.fnavi_icon li .icon_tw {
    background: #FFFFFF url(../img/icon_twitter.png) no-repeat center center;
    background-size: auto 28px;
}
.fnavi_icon li .icon_yt {
    background: #FFFFFF url(../img/icon_youtube.png) no-repeat center center;
    background-size: auto 24px;
}
.fnavi_icon li .icon_wc {
    background: #FFFFFF url(../img/icon_wechat.png) no-repeat center center;
}
.fnavi_icon li .icon_wei {
    background: #FFFFFF url(../img/icon/icon_weibo.png) no-repeat center center;
}
.fnavi_icon li .icon_nav {
    background: #FFFFFF url(../img/icon/icon_naver.png) no-repeat center center;
}
.fnavi_icon li .icon_ins {
    background: #FFFFFF url(../img/icon_instagram.png) no-repeat center center;
}
.fnavi_icon li .icon_fb,
.fnavi_icon li .icon_wc,
.fnavi_icon li .icon_wei,
.fnavi_icon li .icon_nav,
.fnavi_icon li .icon_ins {
    background-size: auto 32px;
}
.fnavi li {
    margin:0 7px 0 0;
	padding:0 7px 0 0;
    white-space:nowrap;
    float:left;
    line-height: 1.7;
	position:relative;
}
.fnavi li a{
}
.fnavi li a:hover{
    color: #f13c33;
}
.fnavi li:last-child {
    margin-right:0;
}
.footer_cnt {
    padding:0 10px;
}
.footer_cnt address {
    margin:0 0 5px;
    font-style:normal;
}
.footer_cnt address span {
    margin:0 1em 0 0;
}
.copyright {
    font-size: 84.7%;
}
.footer_wrapper{
    overflow: hidden;
    padding: 30px 0 30px 0;
}
.footer_link .fnavi{
    width: 55%;
    float: left;
}
.copyright {
    padding: 10px 0 100px;
}
.footer_link2 {
    clear: both;
}
.fnavi_tripadvisor {
    text-align: right;
    clear: both;
    padding: 33px 0 0;
}
.fnavi_weather {
	display:none;
}
.fnavi_weather {
    text-align: right;
    clear: both;
    padding: 10px 0 0;
}
.fnavi_weather a {
    text-decoration: none;
    color: #222633;
    background: #FFFFFF;
    font-family: "PFDINTextStd-Medium", sans-serif;
    font-size: 100%;
}
.fnavi_weather a:hover{
    color: #f13c33;
}

/*TOPに戻るボタン*/

#topbutton {
   /* ▼ボタンの表示位置を画面の右下に固定 */
   position: fixed; /* ←表示場所を固定 */
   bottom: 18px;   /* ←下端からの距離 */
   right: 18px;    /* ←右端からの距離 */

   /* ▼最初は非表示にしておく */
   display: none;
}


.copyright {
    text-align: right;
}

/*レスポンシブ */

@media screen and (max-width: 1259px) and (min-width: 741px){
    
    .header-contents{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    width:100%;
}
    
    .logo { flex-basis:175px; }
    
    .header-contents{
    padding:28px 4.96119% 24px;
}
    .global-nav li{
 padding:0 15px 0 0px;
}
    .nopd{
        padding:0 60px !important;
    }
    
.left_block {
    width: 70.03984% !important;
        box-sizing: border-box;
    padding-top:0px !important;
    }

.container{
    width:auto;
    padding:28px 60px 24px;
    width:auto;
    }
    
    html, body{
        font-size:100% !important;
        line-height:1.6;}
    
    .menu{
        font-size:15.3px;
    }
    
    .logo{
        padding-right:0px;
}
 
    #logo-banner {
    top: 75px;
    left: 4.7619%;
    width: 170px;
        padding:0;
}
    
    
    .fnavi a{
        font-size:14px !important;
    }
    
    .fnavi{
    width:55%; 
    padding: 0 0 5px 0 !important;
}
    .copyright p{
        font-size:12px;
        padding-right:0 !important;
    }
    #signup {
   top: 10px; 
   right: 18px;}
    
    .pankuzu .container{
        padding-top:0;
        padding-bottom:0;
    }
    }



@media screen and (min-width:481px){
    .pickupvideos{
    display:inline-block;
    justify-content: space-between;
    }}

@media screen and (min-width:741px){
    .sp_footer{
        display:none !important;
    }
    

}

@media screen and (min-width:1260px){
    
    .header{
        margin:0 auto;
    }
    .global-nav__list--item{
        font-size:132% !important; 
    }
    .container{
        width:1260px;
        margin:0 auto;
    }
    
    body{
        font-size:87.5%;
    }
    
    .copyright {
    font-size:11.8px !important;
    padding-right:0px !important;
    }
    
}

/*
    
======================================
Style for smartphone
======================================*/
@media screen and (max-width: 740px) { 
    .tmp_header{
        height:60px;
    }
    
    .news, .getinquisitive, .movies{
    margin-top:-60px;
    padding-top:60px;
}

    
    .header-contents{
        padding:16px 5.333vw 12px;
    }
    
    .container{
    width:auto;
    padding:0 5.333vw;
    margin:auto 0px;
}
    
    h2,h3,h4,p,a,li{font-size:95%
    }
    
    #logo-banner{
    position: absolute; 
    top:70px;
    width: 170px;
    padding: 0 5.333vw;
}
    
    h3{
        margin-right:16px !important;
        vertical-align:bottom;
    }
    
   .left_block{
    padding-top:20px;
    padding-right:0 !important;
    width:98% !important;
    margin:0 auto;
    
}
    .logo , .global-nav{
    width: 100%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
    .logo img{
        width:90px;
        height:auto;     
    }
    
    
    .header{
     padding:20px 0 10px;   
        
    }
    .banner{
        height:265px
    }
    #banner-pic{
        height:265px;
        object-fit: cover;
    }
    
    table{width:100%;
    margin-top:15px;}


 td{display: inline-block;}
    .a{width:10%;
    }
    .b{width:89%;}
    .c{width:100%;

    }
    .c img{padding:0;
    width:100%;
    height:auto;}
    
    
    .abovetopic {
    display:flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom:20px !important;
}

.abovetopic .pict{
    width:100%;
    margin-bottom:10px;
}

.abovetopic .topictext{
    width:100%;
    
}
    
    .calendar{
    padding-bottom:50px;
}
    
    
.calendar, .download{
    display:inline-block !important;
    width:100%;
}
    
    .download{
        margin:0;
    }

    .pickupvideos{
        width:100%;
        padding-right:0px;
    }
    
    .pickupvideo {
    display:flex;
    flex-direction: column;
    flex-direction: column-reverse;
    vertical-align: top;
    width:100%;
}

.logos {
    display:flex;
    flex-direction: row;
    justify-content: center;
    vertical-align: bottom;
    margin-bottom:20px !important;
}


.logobottom .pict img{
    width:auto;
    height:50px!important;
    padding:5px 10px;
}

.tcvb {
    display:flex;
    flex-direction: column;
    flex-direction: column-reverse;
    margin-bottom:20px !important;
    padding:10px;
        
}
.tcvb .pict{
    width:100%;
}
    .tcvb .pict,.tcvb .topicktext{
        display:inline-block;}
    
#tcvblogo{
    width:60% !important;
}

 .tcvb .topictext{
    width:100%;
    padding:10px!important;
     
}
    
    .footer_logo img{
        height:64px !important;
        width:auto !important;
        margin:0 !important;

    }
    
    .footer_wrapper{
    	padding: 5.6vw 0 0;
    }
	.footer_link{
	    padding: 5.97015% 0 0;
	}
	.fnavi li a{
	    font-size: 95%;
    	line-height: 1;
	}
	.footer_link .fnavi {
	    width: 100% !important;
	    float: none;
	    padding: 0 0 6.56716%;
    	margin: 0;
	}
	.fnavi li {
	    float: none;
	    display: block;
	    margin: 3.8806% 2.98507% 0;
	    line-height: 1.4;
	}
	.fnavi_icon {
	    float: none;
	    width: 100%;
	    text-align: center;
    	padding: 0;
    	margin: 0;
	}
	.fnavi_icon li{
	    margin: 0 2%;
	}
	.fnavi_icon li a {
	}
	.fnavi_icon li .icon_fb, 
	.fnavi_icon li .icon_tw, 
	.fnavi_icon li .icon_yt,
	.fnavi_icon li .icon_wc,
	.fnavi_icon li .icon_wei,
	.fnavi_icon li .icon_nav,
	.fnavi_icon li .icon_ins {
	}
	.footer_selectboxes {
	    margin: 8.95522% 2.38806%;
	    float: none;
	    width: 95%;
	    border-left: 5px solid #e5e5e5;
	    border-bottom: 5px solid #e5e5e5;
	    padding-left: 4.28135%;
	}
	.footer_selectbox_placeholder{
	    font-size: 120.8%;
	}
	.footer_selectboxes:hover {
	    border-left: 5px solid #000000;
	    border-bottom: 5px solid #000000;
	}
	.footer_cnt {
	    padding:0 10px;
	    clear:both;
	}
	.footer_cnt address {
	    font-style:normal;
	}
	.copyright {
	    text-align:center;
	    clear:both;
	    font-size: 65%;
	    padding: 1.53333% 0 30%;
	}
	.fnavi_tripadvisor {
	    padding: 2.53333% 0 0;
	    text-align: center;
	}
	.fnavi_tripadvisor img {
	    width: auto;
	}
	.fnavi_weather {
	    padding: 1.53333% 0 0;
	    text-align: center;
	    font-size: 75.7%;
	}


    .pankuzu .menu{
	    font-size:11px;
	}
    .pankuzu .menu ul{
        padding-left:0 !important;
        font-style:normal !important;
    }
    
    .abovetopic p{
        padding-bottom:20px!important;
    }
    
    .signup img{
    width:75px !important;
}
    .fnavi ul{
        font-size:14px !important;
    }
    .fnavi{
     }
    .fnavi ul li{
        display:block !important;
    }
    
    /*top title*/
    
    .border-wrap{           width:97%;
    }
.title-border {
    display: contents;
    align-items:flex-start;
    padding:10px 0;
}
.title-border:before, .title-border:after {
    display:none;
}
.title-border:before {
    display:none;
}
.title-border:after {
    display:none;
}
    #kyoko{
        line-height:24px;
    }
    
    .footer_logo {
text-align:center;
    }
    .sp_footer{
        position:fixed;
        bottom:0;
        margin-bottom: 48px;
    }
    
.footer-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #212533;
}
.nav-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  list-style: none;
  text-align: center;
  margin:0 auto;
}
.nav-item {
  display: table-cell;
  border: none;
  padding: 4px 0px;
}
.nav-item a {
  text-decoration: none;
}
.nav-item i {
  display: block;
  font-size: 20px;
  color:white; 
   
}
.nav-item a span {
  display: block;
  font-size: 10px!important;
  padding:5px 0;
  color:white;
}
    
.global-nav__list--item,.global-nav{ 
        display:none;
    }
    
    #signup {
   top:10px;  
   right:10px;
}
    
    #topbutton img{
        display:none;
    }
}

/*Slick */

.bl_sliderBlock{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
 
.slick-initialized .slick-slide{
    position: relative;
}
 
.bl_sliderBlock_slide > img{
    width: 100%;
    max-width: 740px;
}
 
/*スライダー送り矢印のCSS*/
.slider-arrow{
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: calc(50%);
    transform: translateY(-50%);
}
 
.slider-arrow.slider-prev{
    left:30px;
    transform: translate(-100%,-50%);
}
 
.slider-arrow.slider-next{
    right: 30px;
    transform: translate(100%,-50%);
}
.slider-arrow img{
    width:30px !important;
    height:auto !important;
}