@charset "utf-8";



html,

body{

  font-family: "Noto Serif TC", serif;

	overflow-wrap:break-word !important;

	/*word-wrap:break-word !important;

	word-break:break-all !important;*/

}



#index-billboard-section ul.index-billboard-slider li.slide02{

  background-image:url(../../images/index/section01/slide_cn/02.jpg);

}

#index-billboard-section ul.index-billboard-slider li.slide03{

  background-image:url(../../images/index/section01/slide_cn/03.jpg);

}

#index-billboard-section ul.index-billboard-slider li.slide04{

  background-image:url(../../images/index/section01/slide_cn/04.jpg);

}



.nakasendo-box{

  background:url(../../images/castle/image05_cn.png) no-repeat center bottom;

}

ul.nakasendo-list li{

  display:flex;

  justify-content:space-between;

  position:relative;

}

ul.nakasendo-list li .thumbnail{

  height:auto;

  border:1px solid #FFF;

  padding:2px;

}

ul.nakasendo-list li .text-box{

  position:relative;

}

ul.nakasendo-list li h3{

  font-size:20px; line-height:30px;

  margin-bottom:0;

}

ul.nakasendo-list li p{margin-bottom:0;}



ul.nakasendo-list li.tsumagojuku{

  width:440px;

  align-items:center;

  position:absolute;

  top:150px; left:0px;

  top:100px;

}

ul.nakasendo-list li.tsumagojuku h3{

  margin-bottom:15px;

}

ul.nakasendo-list li.tsumagojuku .thumbnail{

  flex-basis:130px;

}

ul.nakasendo-list li.tsumagojuku .text-box{

  flex-basis:290px;

}

ul.nakasendo-list li.tsumagojuku .text-box::before{

  content:"";

  width:320px; height:1px;

  border-top:1px solid #FFF;

  position:absolute;

  top:37px; left:-15px;

}

ul.nakasendo-list li.tsumagojuku .text-box::after{

  content:"";

  width:280px; height:1px;

  border-top:1px solid #FFF;

  position:absolute;

  bottom:-20px; right:-245px;

  transform:rotate(50deg);

}



ul.nakasendo-list li.magomejuku{

  width:480px;

  align-items:center;

  position:absolute;

  bottom:20px; left:20px;

}

ul.nakasendo-list li.magomejuku h3{

  margin-bottom:15px;

}

ul.nakasendo-list li.magomejuku .thumbnail{

  flex-basis:200px;

}

ul.nakasendo-list li.magomejuku .text-box{

  flex-basis:260px;

}

ul.nakasendo-list li.magomejuku .text-box::before{

  content:"";

  width:296px; height:1px;

  border-top:1px solid #FFF;

  position:absolute;

  top:37px; left:-15px;

}

ul.nakasendo-list li.magomejuku .text-box::after{

  content:"";

  width:80px; height:1px;

  border-top:1px solid #FFF;

  position:absolute;

  top:8px; right:-90px;

  transform:rotate(-45deg);

}



ul.nakasendo-list li.naraijuku{

  width:300px;

  display:block;

  position:absolute;

  bottom:10px; right:10px;

}

ul.nakasendo-list li.naraijuku .thumbnail{

  width:180px;

  margin:0 0 10px 85px;

}

ul.nakasendo-list li.naraijuku .text-box{

}

ul.nakasendo-list li.naraijuku::before{

  content:"";

  width:97px; height:1px;

  border-top:1px solid #FFF;

  position:absolute;

  top:6px; left:-1px;

  transform:rotate(40deg);

}



ul.nakasendo-list li.magometoge{

  width:420px;

  flex-direction:row-reverse;

  align-items:center;

  position:absolute;

  bottom:190px; left:120px;

}

ul.nakasendo-list li.magometoge .thumbnail{

  flex-basis:100px;

  border-radius:100%;

  overflow:hidden;

}

ul.nakasendo-list li.magometoge .text-box{

  flex-basis:300px;

  text-align:right;

}

ul.nakasendo-list li.magometoge::after{

  content:"";

  width:82px; height:1px;

  border-top:1px solid #FFF;

  position:absolute;

  bottom:8px; right:-67px;

  transform:rotate(40deg);

}