@charset "utf-8";

main a{ text-decoration: none !important;;
}
.hunza_title {
  width: 100%;
  height: 70vw;
  min-height: 600px;
  max-height: 760px;
}
body.feature main img {
    display: block;
}
.color2{
    color: #333 !important;
}
.back_back{
position: relative;
z-index: 1500 !important; 
}
.h1_hunza img{
    position: absolute;
    top: 240px;
    left: 8%;
    width: 470px;
}
.wrapper{
    position: relative;
}
#vegas p{
    font-family:sans-serif;
    font-weight:100;
    position: absolute;
    font-size: 14px;
    color: #fff;
    bottom: 0;
    right:10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#pankuzu_a{ z-index:100; position:relative;}

h2 {
font-family:"ten-mincho", serif;
  position: relative;
  display: block;
  padding: 0 65px;
  font-size: 300%;
  font-weight:400;
  line-height: 1.2em;
  margin:-20px auto 30px auto;
  color: #463B39;
  text-align: center;
}
h2::before {
    content:"";
    display: inline-block;
    width: 100px;
    height:84px;
    background: url(images/moonstar.png) no-repeat;
    background-size: contain;
    margin-left: -200px;
    margin-bottom: -110px;
}
.h2_sub {
    display: block;
    text-align: center;
    font-family: "millisime", sans-serif;
    margin-bottom: 10px;
    font-size: 30%;
    letter-spacing: 0.2em;
}
#interview{
    padding: 20px 0;
}
#saiyu h3{
    letter-spacing: -0.02em;
}
h2 span.stxt{
text-shadow: 0 0 0.6em rgba(17,17,17,0.5);
    font-size: 13px !important;
    font-weight: normal;
}
h3 {
font-family:"ten-mincho", serif;
font-size: 185%;
letter-spacing: 0.05em;    
font-weight: 400 !important;
margin-bottom: 5px;
margin:0px auto 5px auto;   
line-height: 1.3em; 
text-align: center;
color: #7a984d; 
}
h3 span{
    font-family: "millisime", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40%;
    letter-spacing: 0.2em;
    color: #97917f;
    display: block;
    margin-top: -2%;
    margin-bottom: -2%;
}
.handbook h3{
    text-align: left;
}
.induscaravan h3{
    text-align: left;
}
h4 {
font-family:"ten-mincho", serif;
font-size: 140%;
letter-spacing: 0.05em;    
font-weight: 400 !important;
margin: 30px auto 0 auto;    
}
.caption {
    font-size: 14px;
    margin-top: 3px;
    color: #313131;
}
/*navi*/
.hunza_navi{
    display: block;
    z-index: 1050 !important; 
}
.hnavi{
    font-family:"ten-mincho", serif;
    letter-spacing: 0.05em;
    font-weight:100;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0 auto ;
    list-style: none;
    width: 980px;
}
.hnavi li+li{
    position: relative;
}
.hnavi li+li::before{
    content: "";
    display: block;
    height: 1.2em;
    border-left: 1px solid #D7E7C5;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hnavi li a{
    display: block;
    text-decoration: none !important;
    color: #fff;
}
.hnavi li{
    width: 25%;
    text-align: center;
    padding: 10px 0px;
    background-color: #7a984d;
}
.hnavi li:hover{
       opacity: 0.8;
    }
.hnavi li:nth-of-type(1){
    border-radius: 0px 0px 0px 10px;}
.hnavi li:nth-of-type(4){
    border-radius: 0px 0px 10px 0px;}
/*
.hnavi li:nth-of-type(1){
    background-color: #b66161;}
.hnavi li:nth-of-type(2){
    background-color: #7a984d;}
.hnavi li:nth-of-type(3){
    background-color: #cc9933;}
.hnavi li:nth-of-type(4){
    background-color: #41808c;}
*/
.hnavi li span{
    display: block;
    font-family: "Calibri","Candara","Arial","sans-serif";
    font-size: 80%;
}
.parallax_content{
  height: 100%;    
  font-family:"zen-kaku-gothic-new", sans-serif;
  font-weight: 400;    
  font-size: 16px;
  overflow:hidden;    
}
.img_bg_01{
  background: url("images/bk_waterbottle.png") repeat-y;
  background-position: center;    
}
.img_bg_02{
  background: url("images/bk_topo.png") repeat;
  background-attachment: fixed;    
  background-size: 50%;
  margin-bottom: -10%;    
}
.img_bg_03{
  background: url("images/bk_waterbottle.png") repeat-y;
  background-size: 100%;
}
.img_bg_04{
 background: url("images/bk_waterbottle.png") repeat-y;
  background-size: 100%;
}
.img_bg_interview{
	background: url( "images/bk_interview.jpg") repeat;
}
#interview .txt_center{
 margin: 10% auto 0% auto;
}
.box_980{
    width: 980px; 
    margin: 0 auto;
    display: flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
     flex-wrap        : wrap;
    justify-content: space-between;
}
.uline {
    background-image: url("images/line_horizonal_g.png");
    background-repeat:no-repeat;
    background-position: bottom;
    padding: 20px 0;
}
#info .uline:first-of-type {
    padding: 0px 0px 20px 0px;
}
.rline {
    background-image: url("images/line_vertical_g.png");
    background-repeat:no-repeat;
    background-position: right;
    padding-right: 32px;
}
.box_half{
    width: 470px;
}
.box_half_s{
    width: 460px;
}
.box_history{
	width: 470px;
	height: 500px;
	background-color: #D7CAB7;
	margin-bottom: 20px;
}
.box_history p{
    padding:40px;
}
.box_overvw{
	width: 470px;
}
.box_route{
    width:470px;
}
.box_route .routemap{
    margin-bottom: -140px;
}
.box_route .routemap img{
    width: 500px;
    height: 450px;
    object-fit: cover;
    object-position: 0 85%;
}
table.overview {
border: none;
border-collapse: separate;
border-spacing: 0 8px;
margin-top: -20px;     
}
table.overview h4{ margin:5px 0px; font-size: 16px; font-size: 1.6rem}
table.overview th {
vertical-align: middle;
height: 43px;
padding:0px 15px;
border-right: solid 1px #666;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}
table.overview td {
padding: 0 0 0 15px;
margin: 0;
border: none;
font-size: 15px;
line-height: 160%;
text-align:left;
vertical-align: middle;
overflow: hidden;
}
table.overview td:fst-child {
padding: 0 0 0 1px;
vertical-align: middle;
}
table.overview td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #c5c3c3;
}
@media only screen and (max-width: 767px) {
.box_office table.overview br{ display: inline}
table.overview {width:100%;}
table.overview th{ display: block;  border-right:0; width: 100%;padding:5px 0px ;height:auto;}
table.overview td{ display: block;padding:0px ;}
}

.frame01 {
    position: relative;
    display: inline-block;
    box-shadow: 0 0 4px #999;
    border: 5px solid #fff;
    transform: rotate(-15deg);
    width: 200px;
    margin-left: 20px;
}
.frame02 {
    position: relative;
    display: inline-block;
    box-shadow: 0 0 4px #999;
    border: 5px solid #fff;
    transform: rotate(10deg);
    width: 200px;
}
.img_archtect{
    width: 320px;
}
.img_flg{
    margin-top: -88px;
    margin-right: 10px;
    width: 80px;
    float: left;;
}
.img_meal,.img_suv{
    position: relative;
    width:100%;
}
.img_meal img{
    position: absolute;
    top: -205px;
    right: -100px;
}
.img_suv img{
    position: absolute;
    top: -140px;
    left: -140px;
}
.txt_600{
    width:600px;
}
.txt_center{
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
.txt_center h3{
    text-align: center;
}
.galleryy {
  margin-top: 10px;    
  column-count: 3;
  column-gap: 0;
  margin-bottom: 0%;
}
/*safari*/
::-webkit-full-page-media, :future, :root .galleryy{
   margin-bottom: 0%; 
}
.grid {
  padding: 5px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.grid > * {
  border-radius: 6px;
}
.g_pic > *:not(img) {
  padding: 0 20px;
}
.pswp__custom-caption {
  color: #fff;
  background: rgba(0,0,0,0.3);    
  width: calc(100% - 32px);
  max-width: 400px;
  text-align: center;
  border-radius: 0px;
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: translateX(-50%);
}
.pswp__custom-caption a {
  color: #fff;
  text-decoration: underline;
}
.hidden-caption-content {
  display: none;
}
.container_cuisine ul{
    margin-top:10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.container_cuisine .item4 li{
    width: 23%;
}
.container_cuisine .item3 li{
    width: 30%;
}
.container_cuisine ul li p{
    font-size: 15px;
    line-height: 1.4em;
    overflow: hidden;
}
.container_cuisine .item4 li img{
    max-height: 137px;
    display: block;
    margin: 0 auto;
}
.container_cuisine .item3 li img{
    max-height: 150px;
    display: block;
    margin: 0 auto;
}
/*.container_cuisine ul li:nth-of-type(even){
    margin-top: 15px;
}*/
.dishname {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}
.dishname small, .suvname small, .hotel small{
    font-family: "turnip", serif;
    font-weight: 200;
    font-size: 13px;
    font-style: italic;
    margin-left: 5px;
}
.container_souvenir{
    margin-top:10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.container_souvenir ul{
    width:30%;
    display: flex;
    flex-direction: column;
}
.container_souvenir ul li{
    margin-top:10px;
}
.container_souvenir .vert_two {
    gap: 10px 0px;
}
.container_souvenir .vert_three {
    gap: 12px 0px;
}
.container_souvenir .vert_three img{
    max-height: 190px;
}
.container_souvenir .vert_two img{
    max-height: 320px;
    display: block;
    margin: 0 auto;
}
.container_souvenir ul li p{
    font-size: 15px;
    line-height: 1.4em;
    overflow: hidden;
}
.suvname {
    display: block;
    font-weight: bold;
    text-align: center;
}

/*みどころmap*/
.map {
    margin: 3% auto 0% auto;
    position: relative;
    background: url(images/map_np.png) no-repeat;
    background-position: top;
    background-size: auto;
}
.map_info {
    margin: 420px auto 0 auto;
    width: 800px;
    background: #fff;
    border-radius: 20px;
}
.info_txt{
    padding: 40px ;
    position: relative;
}

.info_txt p.np_ttl{     
   font-size: 18px;
   font-weight: bold ;
   margin-bottom: 5px;  
}
.info_txt p small{
   margin-left: 5px;    
   font-size: 14px;
   font-weight: normal;    
}
.info_txt img{
   width: 300px;
   margin-right: 20px;
   float: left;
}
.info_txt li p{
　white-space: nowrap;
  overflow: hidden;
}
.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
  margin: 0;    
}
.prev {
    position: absolute;
    top: 140px;
    left: 10px;
}
.prev :before {
    font-family: fontAwesome;
    content: '\f0a8';
    color: #7a984d;
    font-size: 22px;
}
.next{
    position: absolute;
    top: 140px;
    right: 0px;
}
.next :before {
    font-family: fontAwesome;
    content: '\f0a9';
    color: #7a984d;
    font-size: 22px;
}
.navi-btn {
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1000;
}
.info_btn .over {
    position: absolute;
    top: 0;
    left: 0;
}
.info_btn .khalimabad {
	position: absolute;
	top: 121px;
    right: 405px;
}
.info_btn .kunjrab {
	position: absolute;
	top: 0.5%;
    right: 33.5%;
}
.info_btn .sost {
	position: absolute;
	top: 40px;
    right: 370px;
}
.info_btn .passu {
	position: absolute;
	top: 88px;
    right: 366px;
}
.info_btn .gurumit {
	position: absolute;
    top: 105px;
    right: 365px;
}
.info_btn .addhabad {
	position: absolute;
	top: 117px;
    right: 370px;
}
.info_btn .gilgit {
	position: absolute;
	top: 210px;
    right: 475px;
}
.info_btn .chilas {
	position: absolute;
	top: 325px;
    right: 510px;
}
.info_btn .fairy {
	position: absolute;
	top: 325px;
    right: 400px;
}
.info_btn .skardu {
	position: absolute;
    top: 340px;
    right: 247px;
}
.info_btn .shigar {
	position: absolute;
	top: 335px;
    right: 210px;
}
.info_btn .kaplu {
	position: absolute;
    top: 390px;
    right: 80px;
}
.info_btn .nanga {
	position: absolute;
    top: 363px;
    right: 401px;
}
.info_btn .rakaposhi {
	position: absolute;
    top: 163px;
    right: 406px;
}
.info_btn .diran {
	position: absolute;
    top: 163px;
    right: 395px;
}
.info_btn .urutal {
	position: absolute;
       top: 101px;
    right: 396px;
}
.info_btn .duikal {
	position: absolute;
     top: 136px;
    right: 400px;
}
.info_btn .fa-solid{
    color: red;
}
.info_btn .fa-solid:hover{
    color: #ffffff;
}
.hotel{
    display: flex;
    justify-content: space-between;
}
.hotel div{
    width: 32%;
}
.hotel img{
    width: 100%;
    height: auto;
}
.hotel span {
    display: block;
    margin-top: 5px;
    font-weight: bold;
}
.handbook img{
    width: 130px;
    float: left;
    margin-right: 10px;
}
.handbook p{
    overflow: hidden;
}

.induscaravan .tblock{
    float: left; 
    width: 300px;  
}
.induscaravan img{
    width: 130px;
}
.qa {
    width:980px;
    margin-top: 20px;
    display: flex;
    list-style: none;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
     flex-wrap        : wrap;
    justify-content: space-between;
}
.qa li{
    background: #fff;
    border: 1px solid #7a984d;
    border-radius: 20px;
    width: 43%;
    padding: 30px;
    margin-top: 10px;
}
.qa i{
    margin-right: 5px;
    color: #7a984d;
}
.qa > li > .question{
    font-weight: bold;
}
.qa > li > .answer{
    margin-top: 10px;
}

/**関連ツアー**/

ul{
  margin:0;
  padding: 0;
  list-style: none;
}
.flex__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    line-height: 140%;
}
.flex__wrap p{
    display: inline-block;
    margin-bottom: 5px;
}

.flex__wrap i{
    margin-right: 5px;
    color: #5fae9b;
}

/*追加*/
.flex__wrap:after {
  content: "";
  width: 30%;
}
.flex__item {
  display: block;
  width: 48%;
  margin-bottom: 44px;
  line-height: 160%;
}
.flex__item::before{
  content: '';
  width: 100%;
  height: 5px;
  display: block;
  background-color:#5fae9b;
  position: relative;
  bottom: -10px;
  z-index: 1000;
  top: -20px;
  z-index: 2000;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.list{
	margin: 10px auto;
    padding: 20px 100px;
}
.list li {
    display: flex;
    justify-content: space-between;
}
.list >li {
    background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 2px);
    background-size: 4px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 12px 0px;
}
.list >li:last-of-type {
    background-image: none;
}
.list li a{
    text-decoration: underline  !important;
}
.list li .text {
    width: 73.2%;
    line-height: 1.3;
    margin-top: -5px;
}
.list li .text .title {
    line-height: 1.5;
    color: #364f63;
    font-weight: bold;
    display: block;
}
.list li .text p {
    font-size: 14px;
    color: #000;
    margin-top: 2px;
}
.list li .text .info-list {
    font-weight: bold;
}
.list li .text .info-list li{display: flex;justify-content: flex-start;}
.list li .text .info-list li .label {
    display: inline-block;
    width: 38px;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    margin-right: 5px;
    line-height: 1.4;
}
.list li .text .info-list li .item {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.50;
    margin-right: 15px;
    letter-spacing: -0.01rem;
}
.list li .text .info-list li .label{
    background: #7a984d;
    
}
.list li .text .info-list li.red .label {
    background: #f84239;
}
.list li .text .kuni{
    display: none;
}
.box_miryoku h3{
    padding-bottom: 20px;
    font-size: 150%;
}
.box_miryoku p.stxt{
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
  display: block;
    font-size: 80% !important;
    text-align: center;
    background-color: #71bdaa;
    color: #fff;
    margin:0 auto 12px auto;
    padding-top: 2px;
    line-height: 160%;
    width: 100px;
}
.flex_wrap2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 140%;
}
.flex_item2 {
  display: block;
  width:49%;
  margin-bottom: 44px;
  line-height: 160%;
}
.flex_wrap3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 140%;
}
.flex_item3 {
  display: block;
  width:32.4%;
    font-size: 14px;
  margin-bottom:12px;
  line-height: 160%;
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
 font-weight:100;
}
.flex_item3 img{
    margin-bottom: 5px
}
/* extra */
.copyright {
	text-align: center;
	margin-top: 30px;
	font-size: 1.6rem;
	background-color: #ededed;
}
.copyright a {
	display: inline-block;
	padding: 15px 2px;
}
.copyright a:not(:last-child):after {
	content: "/";
	margin-left: 10px;
}
.toptal {
	color: #204ecf;
}
.upstack {
	color: #008bf7;
}
.upwork {
	color: #37a000;
}
.fiverr {
	color: #1dbf73;
}
.jobs {
	color: magenta;
	text-decoration: underline;
	margin-top: -15px;
}

/*インタビュー*/
.int_slide{
    margin: 0 auto;
    width: 100%;
}

.int_slide .int_name{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.int_slide .int_name span{
    display: block;
    font-weight: normal;
    font-size: 14px;
    margin-top: -3px;
}
.tooltip{
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom; 
}
.tooltip img{ 
    margin: 10px auto;  
    height: 300px;
    cursor: pointer; 
}
.tooltip p{
    margin:0;
    padding:0;
}
.description {
    opacity: 0;
    position: absolute;
    width: 200px;
    height: 320px;
    z-index: 1000;
    background: url("images/baloon_1.png") no-repeat;
}
.int_slide .description:nth-child(even) {
    background: url("images/baloon_2.png") no-repeat;
}

.description ul{
    padding: 20px 20px 20px 40px;
}
.description li{
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5em;
    color: #000;
}
.description span{
    display: block;
    font-weight: bold;
    color: #7a984d;
    line-height: 1.5em;
}
.description:before {
    content: "";
    width: 400px;
    position: absolute;
    height: 300px;
    left: -170px;
    background-image: url(images/wood.gif);
    background-repeat: no-repeat;
}
#ali.description:before {
    background-image: url(images/ali.gif);
}
#salah.description:before {
    background-image: url(images/salah.gif);
}
#mubina.description:before {
    background-image: url("images/mubina.gif");
}
#farman.description:before {
    background-image: url(images/farman.gif);
}
#karim.description:before {
    background-image: url(images/karim.gif);
}
#shagfta.description:before {
    background-image: url(images/shagfta.gif);
}
#haniya.description:before {
    background-image: url(images/haniya.gif);
}
#sameer.description:before {
     background-image: url(images/sameer.gif);
}
#jarred.description:before {
     background-image: url(images/jarred.gif);
}
/*
.description:after {
    content: "";
    width: 120px;
    position: absolute;
    height: 300px;
    left: -180px;
    top: 0px;
    background-image: url("images/frog_5.gif");
    background-size: 100px;
    background-repeat: no-repeat;
}
*/
.tooltip:hover .description{
    opacity: 1;
    top: 0px;
    left: 67%;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;
    
    background: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dotted.slick-slider {
    margin-top: 10px;
}

/*.slick-slide
{
    float: none;
    vertical-align: bottom;
    display: inline-block;
}*/
.tour-sub-list {
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 0px;
}
.list li .text .info-list li .item img{
mix-blend-mode: multiply;
display: inline-block;    
}
.new-ribon {
    display: none;
}


/*スマホ*/

@media only screen and (max-width: 767px) {
    .h1_hunza img {
    position: static;
    width: 60%;
    margin: 70% auto 0% 5%;
}
    h2 .h2_sub {
    display: none;
}
    h2 {
    line-height: 120%;
    padding: 0 25px;
    font-size: 220%;
    margin: 0px auto 10px auto;
}
    h2::before {
    display: block;
    height: 80px;
    margin-left: 30%;
    margin-bottom: -40px;
    margin-top: 10px;
}
    h3 {
    font-size: 165%;
    margin-bottom: 10px;    
}
    h4 {
    margin: 10px auto 0 auto;
}
.box_miryoku p{
    font-size: 15px;
    line-height: 160%;
    }
#vegas p {
    display: none;
}

.back_back{
position: relative;
z-index: 1500 !important; 
} 
  
#sticker{
    overflow-x: scroll;
    }
body.feature main .box_960 {
  width:84% !important;
  margin: 0 auto;
  padding: 20px;
}
  .hunza_title {
  height: 60%;
  min-height: 460px;
}
    .hnavi{
    font-size: 13px;
	width: 600px;
}
    .hnavi li{
        border-radius: 0px;
        padding: 16px 0px;
    }
    
    .hnavi li span{
        display: none;
    }
    .box_980{
        width: 90%;
    }
    .box_route, .box_half {
    width: 100%;
}
    .mb_rv{
    flex-direction: column-reverse;
}
    .mb_rv_lr{
    display:flex;    
    flex-direction: row-reverse; 
    }
    .caption {
    font-size: 80%;
    }
    .txt_center {
    text-align: left;
    width: 100%;    
}
    .box_route .routemap {
    margin-bottom: -100px;
}
    .box_route .frame01{
        margin-left: 0px;
        float: left;
    }
    .box_route .frame01, .frame02{
        width: 47%;
    }
    .box_half_s {
    padding-top: 20px;
}
    .rline {
    background-image: url(images/line_horizonal_g.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0 0 20px 0;
    padding-right: 0px;
    }
    table.overview {
    border-spacing: 0 4px;
}
    .galleryy {
    margin-bottom: 0%;
}
    .grid {
    padding: 3px;
    }
    .img_meal, .img_suv {
    display: none;
}
    .container_cuisine .item4 li{
    width: 100%;
    margin-top: 10px;    
}
    .container_cuisine .item3 li{
    width: 100%;
    margin-top: 10px;    
}
    .container_cuisine .item3 li:first-of-type{
    margin-top: 0px;    
}
    .container_cuisine .item4 li img{
    width: 40%;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
}
    .container_cuisine .item3 li img{
    width: 40%;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
}
    .dishname, .suvname {
    margin-top: 0px;
    text-align: left;
}
    .container_souvenir ul {
    width: 100%;
}
    .container_souvenir .vert_three img{
        width: 50%;
        float: left;
        margin-right: 5px;
        margin-top:10px;
}
    .container_souvenir .vert_two img{
        width: 50%;
        float: left;
        margin-right: 5px;
        margin-top:10px;
}
    .container_souvenir .mb_rv_lr img{
        width: 100%;
        float: left;
        margin-right: 5px;
        margin-top:10px;
}
    .container_souvenir .mb_rv_lr .rv_text{
        width: 60%;
        float: right;   
}
    /*map*/
    .map {
    background-size: contain;
    width: 100%;    
}
    .info_btn{
        display: none;
    }
    .map_info {
    width: 100%;
    margin: 70% auto 0 auto;    
}
    .info_txt {
    padding: 20px;
}
    .info_txt img {
    width: 95%;
    margin: 0 auto;    
    clear: both;
    float: none;    
}
    .info_txt p.np_ttl {
    margin-bottom: 05px;
    margin-top: 5px;
}
    .info_txt p small {
    margin-top: -5px;
    margin-left: 0px;	
    display: block;
}
    
    #interview .txt_center {
    width: 90%;    
}   
    .tooltip img {
    margin: 0 0 0 30px;
}
    .int_slide .int_name {
    margin-top: 10px;
    }
    .description {
    margin-left: -30%;
}
    .description:before {
    display: none;    
    }
    
    .hotel {
    flex-direction: column;
}
    .hotel div {
    margin-top: 20px;    
    width: 100%;
}
    .hotel div:first-of-type{
    margin-top: 0px;    
}
    .induscaravan .tblock {
    width: 70%;
}
    .induscaravan .tblock h3{
    text-align: left;
}
    .induscaravan img, .handbook img {
    width: 30%;
}
    .induscaravan img{
    margin-top: 90px;    
    }
    .qa li {
        width: 100%;
        padding: 20px;
}
    #tour .uline {
    padding-bottom: 20px;
}
    .list {
        padding: 0px;
    }
    .list li .text .info-list li {
    flex-direction: column;
}
   
    .list li .text{
    }
    .list li .text:before{}
    .pswp__custom-caption {
    bottom: 30%;
}
    .tour-sub-list li {
    -webkit-flex-direction: row;
    flex-direction: row;
    }
    .tour-sub-list li .img{
    width: 50%;
    margin-top: 16px;
    margin-right: 10px;
    }
    .list li .img {
    margin-right: 10px;
}
    
}