/* common "Kosugi Maru",line-height: 180%;*/
body{font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","メイリオ",sans-serif;font-size: 16px;margin: 0;background-color:#000;}
main{position:absolute;width:100%;}
.content img{width:100%;}
#content, .content{max-width:1366px;width: 100%;box-sizing: border-box;margin:0 auto 2rem auto;padding:10px;position: relative;}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: fixed;
    background-position: center;
}
#top{height:710px;padding-top:160px;}
.opa{background-color:rgba(255, 255, 255, 0.5);}
.wh{background-color:#fff;}
.bl{background-color:#000;color:#fff;}
h1{font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 24px;text-align: center;margin-bottom: 2rem;
	}
h1::before{
	content:url('image/h1.png');display: inline-block;
    padding-right: 45px;width:36px;height:43px;
	vertical-align: middle;
}
.center{text-align: center;}
small{font-size:14px;}
section{padding:2rem;}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
.content.flex{justify-content: space-around;}
.content.flex figure{width:26%;text-align: center;}
.content.flex figure img{max-width:336px}
iframe{width:390px;height:220px;margin-bottom:10px;}
figcaption{font-size: 24px;text-align:center;margin-top:1rem;}
.charmimg {width:37%;margin-right:22px;}
.charmimg2{position: absolute;top:220px;left:60px;}
.charmtxt {width:calc(100% - 40%);}
.lh{font-size:18px;line-height:2rem;}
a{color: black;}
a:hover{text-decoration: underline;}

.mb{display: none;}
#features .content, #itinerary .content{color:#BBB}

td{width:50%;vertical-align:top;padding:0;}
td.txt{padding-left:2rem;}
td.tds{height:40px;}
.flex.iti{justify-content:start;}
.flex.iti span{font-size: 68px;font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;padding-right:1rem;}
.centerbox{display: block;
    margin: 2rem auto;
    text-align-last: center;}
.bl_box {
    display: inline-block;
    text-align-last: left;
}
.inquiry{position:absolute;top:120px;left:130px;}
.inquiry2{position:absolute;top:195px;left:120px;}
.bg{
  background-image: url(../image/bgmaru.png);
  background-position: 60px 30px; 
  background-repeat: no-repeat;
  background-size: 500px;
}
.bg2{
  background-image: url(../image/bgmaru.png);
  background-position: 960px -30px; 
  background-repeat: no-repeat;
  background-size: 500px;
}
/* HEADER */
header{position: relative;box-sizing: border-box;margin:0 auto;
	.content{margin:0 auto;}
}
.fmenu{
	position:fixed;
	top:30px;
	right:20px;
	z-index: 9999;
	display: flex;
    justify-content: flex-end;
	align-items: center;height:77px;
}
button{cursor: pointer;margin-left:100px;border:none;background-color:transparent;}
button:hover {opacity: .8;}
nav{
	position: relative;
	width: 100%;
	background-color:#000;
}
.menutop{text-align: left;margin-bottom: 1.5rem;}

nav {
	position: fixed;
	z-index: 99;
	top: 0;padding-top: 40px;
	right: 0;
	overflow-x: hidden;
	width: 0;
	transition: .5s;
  }
nav.open-menu {
	width: 100%;height:100vh;
}
nav a{
	font-size: 14px;
	color:#FFF;
	text-decoration: none;
}
nav span{font-size: 10px;}
.menu{margin-top:100px;line-height:3rem;}
.menu_book{margin:0 auto;width:177px !important;}
.btn-boxs {
  width: 150px;
  padding: 5px;
  font-size: 14px;
  background: #FFF;
  border: solid 1px #3FA9F5;
  border-radius: 20px;
  user-select: none;
  cursor: pointer;
}
.book {
    position: fixed;text-align: right;
    right: 10px;
    bottom: 30px;
    z-index: 9;
}
/*.book {color:#FFF;font-weight: bold;font-size:28px;
    height:100px;
    width: 400px;
    position: fixed;
    right: 10px;
    bottom: 30px;
    background: #d03031;
    border: solid 2px #d03031;
    border-radius:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}*/
/* FOOTER */
footer{font-size: 12px;	text-align: center;padding-bottom: 3rem;
}
ul {    padding-inline-start:1rem;}
@media only screen and (max-width:1200px) {
  .content.flex figure{width:auto;}
}
@media only screen and (max-width:960px) {
  .inquiry2{position:static;}
}
@media only screen and (max-width:865px) {
	section{padding:1rem;}
	.fmenu{top:10px;right:10px;height:54px;}
	#menu{width:54px;}
	.btn-lang{width:74px;}
	button{margin-left: 20px;}
	.menu{margin-top:50px;}
	video {width:150%;height:50vh;}
    .content.flex{margin-bottom: 0;}
    .content.flex figure{width:100%}
    .figure{margin-bottom:1.5rem;}
	.mb{display: block;}
	.pc{display: none;}
	.charmtxt {width:100%;}
	.charmimg {width:100%;margin-right:0;margin-bottom:2rem;}
	td{display: block;width:100%;}
	td.txt {padding-left:0;}
	#top{height:50vh;padding-top:20vh;}
	.book img{width:50%;right:10px}
	.inquiry, .inquiry2{position:static;}
}

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

}

@media only screen and (max-width:480px) {
	/*.br{display:block;}
	#image, .a_title, #f_thum, #thum_menu{display: none;}
	ul{padding-inline-start: 24px;list-style-position: inside;}
	nav a{font-size: 22px;}
	.menu_parent{justify-content:flex-start;}
	#b_bg{padding:0;}*/
}

/* TOPボタン */
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    /*background: #fff;*/
    border: solid 2px #3FA9F5;
    border-radius: 50%;
	box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
	opacity: 0;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #3FA9F5;
    border-right: 3px solid #3FA9F5;
    transform: translateY(20%) rotate(-45deg);
}

 .triangle {
  background: #ffffff;
  height: calc(tan(60deg) * 25px / 2);
  width: 15px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}