.inlineBlockSpacing {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    
}

#mtkContainer,
#mtkContainer * { box-sizing: border-box; }

#mtkContainer { background: #f1f1f1 ;padding-bottom: 30px;}


header.header { position: relative ;  height:800px; background: url(../images/AomoriJapan_20230206.jpg) top center no-repeat; }
header.header h1 { display: none; }
.header-button { position: absolute; left: 0; bottom: 0; width: 100%; }
.header-button-inside { margin: 0 auto; width: 100%; max-width: 1400px; display: flex;  justify-content: left;  flex-wrap: nowrap;  }
.header-button-inside li { letter-spacing: normal;margin: 0 12px;transition: 0.3s;}
.header-button-inside li:hover{filter: brightness(110%);}
.header-button-inside li:nth-of-type(2){align-self:center;}


.infor-button-base { margin: 50px auto; width: 100%; max-width: 1400px; border-bottom: 2px solid #1e80a8; text-align: center; }
.infor-button-base li { transition: .2s;width: 25%;display: inline-block;}
.infor-button-base li a {  font: bold 32px/1 "微軟正黑體" ; transition: .5s; color: #484848;; letter-spacing: 1px;padding:12px 25px;display: block; }
.infor-button-base li.on ,
.infor-button-base li:hover {  border-bottom: 5px solid #1e80a8;  }
.infor-button-base li:hover a,
.infor-button-base li.on a { color: #1e80a8;   }




.infor-base {  margin: 40px auto 0 auto; width: 100%; max-width: 1400px; }
.infor-base .photo { position: relative; margin-left:30px; padding-bottom: 30px;  display: inline-block; width: calc(50% - 30px);  }
.infor-base .photo img { position: relative; width: 100%; z-index: 2; }
.infor-base .photo::after { content: ""; position: absolute; left: -3%; bottom:1%; width: 100%; height: 100%; background: #1e80a8;    }

.infor-base .text { display: inline-block; padding: 40px; width: 50%; color: #484848; letter-spacing: normal; }
.infor-base .text h2 { font: bold 25px/1.8 "微軟正黑體" ; }
.infor-base .text p { font: 17px/1.8 "微軟正黑體" ; }

/*.all-infor .infor-base { display: none; }
.all-infor .infor-base:first-child { display: block; }*/
.all-infor .infor-base { display: none; }
.all-infor .infor-base.on { display: block; }




@media only screen and (max-width: 800px) {
.slick-next { right:0}

.slick-prev{ left:0}

header.header { position: relative ;  height: auto; background: none; }
header.header h1 { display: block; }
header.header h1 img { width: 100%; }

.header-button { position: static; margin-top: -15%; }
.header-button-inside li {  width: 35%}
.header-button-inside img { width: 100%; } 


.infor-base .photo {  margin-left:0px; margin: 0 auto; display: block; width: 80%;  }
.infor-base .text {  margin-left:0px; margin: 0 auto; display: block; width: 80%;  }


}




@media only screen and (max-width: 500px) {
.infor-base .photo::after {left: -15px; bottom:15px; }

.infor-base .text { padding:  20px 40px;  width: 100%;  }
.infor-base .text h2 { text-align: center; }

.infor-button-base li { display: inline-block; padding:10px 0; width: 25%;  transition: .5s; }
.infor-button-base li a {  font: bold 20px/1 "微軟正黑體" ; transition: .5s; color: #484848;; letter-spacing: 1px; }

}



.poi{padding:0;margin: 20px auto;}
.poiAutoTemplate .ph-group-title{font: bold 30px/1 "微軟正黑體";margin: 20px auto;}
.poiAutoTemplate .slidecontain{display: none;}

.poiAutoTemplate .ph-group-content{width: calc(25% - 10px);margin: 5px;}

.poiAutoTemplate .ph-group-content-tag{background: #f48232;}
.poiAutoTemplate .ph-group-content-text-sale {padding: 0;background:#e4eb7c;}
.poiAutoTemplate .ph-group-content-text-sale a{padding: 0 5px;font:500 16px/1.5 "微軟正黑體";background:#e4eb7c;color: #20779b;}



.poiAutoTemplate .ph-group-content .ph-group-content-text {padding: 0 0 40px 0;}
.poiAutoTemplate .ph-group-content-text-price {position: absolute;right: 20px;bottom: 0px;}

.poiAutoTemplate .ph-group-content-text-price span{font-size: 0.9em; line-height: 2;}
.poiAutoTemplate .ph-group-content.phBox1{width: calc(100% - 10px);}
.poiAutoTemplate .ph-group-content.phBox2 {width: calc(50% - 10px);}
.poiAutoTemplate .ph-group-content.phBox3 {width: calc(33.333333% - 10px); }

.poiAutoTemplate  .ph-group-content.phBox1 , .ph-group-content.phBox2{display: flex; }
.poiAutoTemplate  .ph-group-content.phBox1 > div,.ph-group-content.phBox2 > div{display: inline-block; }
.poiAutoTemplate  .ph-group-content.phBox1 .ph-group-content-photo{width: 30%; }
.poiAutoTemplate  .ph-group-content.phBox1 .ph-group-content-text{padding: 20px 20px 40px 20px; width: 60%;flex-grow: 1; }
.poiAutoTemplate  .ph-group-content.phBox2 .ph-group-content-text{padding: 10px 10px 40px 10px ; width: 50%; }
.poiAutoTemplate  .ph-group-content.phBox2 .ph-group-content-photo{width: 50%; }


  @media screen and (max-width:860px){
  .poiAutoTemplate .ph-group-content , .poiAutoTemplate .ph-group-content.phBox2 , .poiAutoTemplate .ph-group-content.phBox3,.poiAutoTemplate .ph-group-content.phBox1{ width: calc(50% - 10px); }
  .poiAutoTemplate .ph-group-content.phBox1 { width: 100%;}
  .poiAutoTemplate .ph-group-content.phBox2 {display: block; } 
  .poiAutoTemplate .ph-group-content.phBox2 > div{display:block; width: 100%; }
  .poiAutoTemplate .ph-group-content.phBox2 .ph-group-content-text{width: 100%; padding: 0 0 40px 0;}
  .poiAutoTemplate .ph-group-content.phBox2 .ph-group-content-photo{  width: 100%; }
 }


   @media screen and (max-width:480px){
   

   .poiAutoTemplate .ph-group-content ,.poiAutoTemplate .ph-group-content.phBox1,.poiAutoTemplate .ph-group-content.phBox2,.poiAutoTemplate .ph-group-content.phBox3{display: block; width: 90%;
    margin: 5px auto; }
   .poiAutoTemplate .ph-group-content.phBox1 > div,
   .poiAutoTemplate .ph-group-content.phBox3 > div{display:block; width: 100%; }
   .poiAutoTemplate .ph-group-content.phBox1 .ph-group-content-photo { width: 100%;}
   .poiAutoTemplate .ph-group-content.phBox1 .ph-group-content-text {  width: 100%;}
    
   
 }