@charset "utf-8";
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.6;
	font-size:16px;
	overflow-y:scroll;
	color: #231815;

}

.wrap{
  padding-bottom: 30px;
}
#information #main_header{
  text-align: center;
}
.container{
  width: 96%;
  max-width: 1200px;
  margin: 0 auto 30px;
  padding: 10px 2%;
  background-color: #fff;
	
}
#main_header h1{
  width: 100%;
  max-width: auto;
  margin: 0 auto;
  background-size: cover;
}
h1 img{
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
h2{
  clear: both;
  font-size: 150%;
  padding: 0.3em 1em;
  margin: 1em 0;
  color: #FFF;
  background: #0099CC;
}

h3{
  padding-left: 1.5em;
  padding-bottom: 0.5em;
  font-size: 120%;
  font-weight: bold;
  border-bottom: #ccc dotted 2px;
  background: url(../img/bkg_h3.png) no-repeat left 5px;
}
h4{
  font-size: 110%;
  font-weight: bold;
}
h5{
  padding-left: 1.5em;
  padding-bottom: 0.5em;
  font-size: 120%;
  font-weight: bold;
  border-bottom: #ccc dotted 2px;
}
.n_tittle{
  padding-left: 1.5em;
  padding-bottom: 0.5em;
  font-size: 120%;
  font-weight: bold;
}

section{
  padding: 10px 0;
}
.section_inner{
  margin: 30px 0 50px 40px;
}
.section_inner_t{
  margin: 30px 0 0 0px;
}

#nittei_table_i .section_inner{margin: 10px 0 0px 20px;}
#nittei_table_m .section_inner{margin: 10px 0 0px 20px;}
#nittei_table_f12 .section_inner{margin: 10px 0 0px 20px;}


#point{ margin-bottom: 30px; }
#point img{
  width: 96%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
}

#logo_area, #banner_area{ padding-bottom: 10px; text-align: center; }
#logo_area li, #banner_area li{ margin: 10px 0 20px; }
#logo_area img{
  vertical-align: middle;
  width: 100%;
  max-width: 260px;
  height: auto;
  padding-left: 6em;
}
@media screen and (max-width:479px){
  #logo_area{ text-align: left; }
}

.main_nav{
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #fff;
}
.main_nav ul{
  display: flex;
}
.main_nav li{
  flex: auto;
  margin: 0 2em;
  text-align: center;
  background-color: #0099CC;
  padding: 10px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width:479px){
  .main_nav li{
    font-size: 12px;
  }
}

.main_nav li a{
  display: block;
  text-decoration: none;
}


.table_outer{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
#payment .hyo{
  width: 100%;
  margin-right: 1%;
}
#payment .hyo caption{
  text-align: left;
}
#payment .hyo th{
  padding-left: 1em;
  text-align: left;
}
#payment .scroll_txt{
  margin-bottom: 20px;
}

@media screen and (max-width:839px){
.table_outer{
    display: block;
  }
  #payment .hyo{
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (min-width:396px){
  #payment .table_outer{
    overflow-x:visible;
  }
  #payment .scroll_txt{
    display: none;
  }
}



table.schedule {
	clear: both;
	width: 100%;
    min-width: 1000px;
	margin: 10px auto;
	font-size: small;
	border: solid 1px #CCCCCC;
}
table.schedule thead th:nth-child(1) { width: 5em; }
table.schedule thead th:nth-child(2) { width: 12em; }
table.schedule thead th:nth-child(3) { width: 10em; }
table.schedule thead th:nth-child(4) { width: 10em; }
table.schedule thead th:nth-child(6) { width: 6em; }

table.schedule th, table.schedule td{
	padding: 3px;
	text-align:center;
	border: solid 1px #CCCCCC;
}
table.schedule th{
  width: 8%;
	font-weight:bold;
	vertical-align:middle;
	background:#fffdce;
}

table.schedule th:nth-child(5){
  width: auto;
}
table.schedule td {
	vertical-align:top;
  border-top: none;
  border-bottom: none;
}
table.schedule tr.dayline {
	border-bottom: solid 1px #CCCCCC;
}
table.schedule td.naiyo {
  padding: 3px 10px;
  text-align: left;
}
#nittei .scroll_txt{ color: red; }

@media screen and (max-width:639px){
  table.schedule { font-size: smaller; }
}

@media screen and (min-width:826px){
  #nittei .table_outer{
    overflow-x: visible;
  }
  #nittei .scroll_txt{
    display: none;
  }
}


/* flow */
#flow dl{
	width: 98%;
	margin: 0 auto 30px;
}
#flow dl > div::after{
  display: block;
  width: 100%;
  height: 30px;
  margin: 20px 0;
  content: "";
  background: url(../img/arrow.gif) no-repeat center bottom;
}
#flow dl > div:last-child::after{
  background: none;
}
#flow dl > div > dt{
	border: 1px solid #99D9EA;
	background: #99D9EA;
	padding: 10px 1%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 105%;
}
#flow dl > div > dt::before{ content: "【"; }
#flow dl > div > dt::after{ content: "】"; }
#flow dl > div > dd{
	border: 1px solid #99D9EA;
	padding: 30px 5%;
}

.moco{
	width: 60%;
	margin: 1em auto;
	text-align: center;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
#mocopre{	background: #FF6700; padding: 10px 1%; }
#moco1{ background:#0055a6; padding: 10px 1%; cursor: pointer; }
#moco2{ background:#0055a6; padding: 10px 1%; cursor: pointer; }
#moco3{ background:#0055a6; padding: 10px 1%; cursor: pointer; }
	#moco1 a{ display: block; color: #FFF; text-decoration: none; padding: 10px 1%; }
    #moco2 a{ display: block; color: #FFF; text-decoration: none; padding: 10px 1%; }
    #moco3 a{ display: block; color: #FFF; text-decoration: none; padding: 10px 1%; }
	#moco1:hover{	background: #F00; }
    #moco2:hover{	background: #F00; }
    #moco3:hover{	background: #F00; }
#mocoend{	background: #000;	}

.nittei_btn{ background:#99d4e4; padding: 10px 1%; cursor: pointer; }
.n_font{color: white;}

#flow #bank .koza{
  float: left;
  width: 100%;
  margin: 10px 0;
  padding: 10px 1em;
  border: solid 1px #aaa;
}

#flow #bank dl{
  margin-bottom: 0;
  padding: 5px 1em;
}
#bank dt {
  clear: both;
  float: left;
  width: 6em;
}
#bank dt::after {
  content: "：";
}
#bank dd {
  margin-left: 6em;
}

@media screen and (max-width:479px){
  #bank dt {
    width: 100%;
  }
  #bank dd {
    margin-left: 1em;
  }
}


#contact dt {
	clear: both;
    margin: 1.5em 1.5em 0.5em 1.5em;
    font-weight: bold;
    border-bottom: 2px double #009900;
    font-size: 110%;
    color: #272727;
}
#contact dd {
	margin: 0em 2.5em;
}
#kanri {
	border: 1px solid #000;
	padding: 1em;
	margin: 1em auto;
	width: 85%;
}
#logo_knt {
	float: right;
	width: 32%;
  max-width: 300px;
	margin-right: 1%;
}
@media screen and (max-width:640px){
	#logo_knt {
		float: none;
		width: 100%;
		max-width: 300px;
		height: auto;
		margin-right: 0;
	}
	.brn{display: block;}
}

#page_top{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}
#rakki{
  display: none;
  position: fixed;
  bottom: 350px;
  left: 20px;
}
#ishitsubute{
  display: none;
  position: fixed;
  bottom: 600px;
  right: 20px;
}
#rapurasu{
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
}
@media screen and (min-width: 1200px){
  #page_top{
    right: calc(50% - 690px);
  }
.brn{display: block;}
}


#main_footer li{
	display: inline;
}
#main_footer li::after{
	content: " | ";
}
#main_footer li:first-child::after,
#main_footer li:last-child::after{
	content: "";
}
.k_number{
	margin: 20px 0;
	text-align: center;
}

/* pre */
#page_title{
  background: #CB080B;
  text-align: center;
}
.yn_box{
  margin: 20px 0;
  text-align: center;
  line-height: 2.0;
}

.yn_btn{
  width: 320px;
  margin: 30px auto;
  text-align: center;
  font-size: 18px;
  border: solid 0px;
  border-radius: 15px;
  background-color: royalblue;
  color: white;
}
.yn_btn a{
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: white;
}
.yn_btn a:hover{
  background-color: mediumseagreen;
}
.yn_btn img{
  margin-bottom: 20px;
  margin-right: 1em;
}
#check{ display: none; }
#check.show{ display: block; margin: 20px 0; }

.yn_box input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.yn_box input[type="checkbox"]+label{
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.yn_box input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753;
    background-color: #FFF;
}
/* チェックが入った時のレ点 */
.yn_box input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753;
}

#nittei_table_i {
	margin-bottom: 50px;
}
.back {
		background-image: url("../img/main_back.jpg");
}

#trip,#people{
	margin-top: 50px;
}

dl.short > dt{
	clear: both;
	float: left;
	width: 4em;
}
dl.short > dt::after{
	content: "：";	
}
dl.short > dd{
	margin-left: 5em;
}

#news dl{
  max-height: 300px;
  padding: 20px 2%;
}
#news dl > div{
  margin-bottom: 10px;
}
#news dt {
  float: left;
  width: 10em;
}
#news dd {
  margin-left: 10em;
}








@media(max-width:1024px){
	body{font-size: 90%;}
.photo_s{width: auto;}
.section_inner{margin: 10px 0 5px 10px;}
.ml200{margin-left: 0;}
.brn{display: block!important;}
.txt_i{display: none;}
#nittei_table_f12 img,#nittei_table_i img,#nittei_table_m img{width: 30%;}
#tourpoint img,#center img,#pokehuta img,#concept img, #acts img{ width: 100%;max-width: auto;}
#acts1 img{ width: 60%;max-width: auto;}
#covid_onegai img{ width: 80%;max-width: auto;}	
#concept,#pokehuta{margin-bottom: 10px;}
h2{font-size: 90%;}
.moco{
	width: 80%;
	margin: 1em auto;
	text-align: center;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
}
table.hyo {
	width:100%;
	border-collapse:collapse;
	margin: 5px 0 20px;
	text-align:center;
	font-size: 8px;
	}
.main_nav li{
  flex: auto;
  margin: 0 1em;
  text-align: center;
  background-color: #0099CC;
  padding: 5px;
  color: #fff;
  font-weight: bold;
}
#flow #bank .koza{
  float: left;
  width: 100%;
  margin: 10px 0;
  padding: 10px 1em;
  border: solid 1px #aaa;
	font-size: 70%;
}
#page_top img{
  position: fixed;
  bottom: 20px;
  right: 10px;
  cursor: pointer;
  width: 15%;

}
.table_outer{
  display: flex;
  overflow-x: scroll!important;
}
#news dt {float: none!important;}
#news dd {margin-left: 0em;}
	

}
.brn{
	display: none;
}
.txt_i{text-indent: 1em;}
 .del {
   color: #f00;
   text-decoration : line-through;
 }
 .del span {
   color: #000;
 }