@charset "utf-8";
article,aside,dialog,div,figure,footer,header,hgroup,hr,nav,section{display:block}a,hr{border:0;padding:0}em,mark{font-style:italic}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}mark,strong{font-weight:700}ins,mark{background-color:#ff9;color:#000}body{line-height:1.6;overflow-y:scroll}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}.chu:before,.kome:before{content:"\00203B"}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}.red,b{color:red}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:text-top}img{vertical-align:bottom}b{font-size:inherit}small{font-size:80%}.center{text-align:center}.border{border:1px solid}.blue{color:#00f}.chu{color:red}.kome{margin-left:1em;font-size:90%}blockquote p,q{quotes:"『" "』""「" "」"}blockquote p:before,q:before{content:open-quote}blockquote p:after,q:after{content:close-quote}
*, *:before, *:after{ box-sizing: border-box; }
ul li, ol li{ list-style: none; }
a{ color: #00a6da; }
address{ font-style: normal; }
.url{ word-break: break-all; }
.number{ letter-spacing: 1.3px; }
.indent p{	text-indent: 1em; }
.att{ color: red; font-weight: bold; }
.attention {
	clear: both;
	margin: 10px 1% 30px;
	padding: 15px 1.5%;
	background: #FFC;
	border: double 4px #FC0;
}
.right{ text-align: right; }
.left{ text-align: left; }
.f_right{float: right;margin-right: 3em;}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mb5{margin-bottom: 5px;}
.text_box{padding: 1.5em;
	margin-bottom: 4em;
background-color: #ffffe0;}
.listd ul li{
	list-style: none;
	margin-left:25px;
	margin-right:25px;
	line-height: 2em;
}

.btn {
  display: inline-block;
	margin: 10px auto;
  padding: 5px 1em;
	text-align: center;
  border: 0px solid;
  border-radius: 15px;
  background-color: dodgerblue;
}
.btn a{
  text-decoration:none;
	color:white;
}
.btn_area{
	margin: 20px auto 0px auto;
	text-align: center;
}
.btn_area img{
	width: 100%;
	max-width: 620px;
	height: auto;
	margin-bottom: 10px;
}
.yn_btn{text-align: center;margin: 20px 0;}
.yn_btn img{margin-right: 20px;margin-bottom: 10px;}
.text_block{
	margin: 20px 40px;
	padding: 10px;
	background: #FFF;
}
.box{
	margin: 15px 0;
	padding: 10px 0;
}

.box_kanri{
  clear: both;
  border:1px solid #666; 
	margin: 30px 0 20px 0px;
	padding: 5px 10px;
}
.center_box{
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	line-height: 1.6;
}
.moco{
	width: 60%;
	margin: 1em auto 0.5em auto;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
}
#moco{ background:#4A7382; padding: 10px 1%; cursor: pointer;}

#logo_knt {
	float: right;
	width: 32%;
  max-width: 300px;
	margin-right: 1%;
}

#footer{
	clear: both;
	margin: 0 1em;
	text-align: center;
}

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

}

@media screen and (max-width: 400px){
	.center_box img{
		width: 96%;
		margin: 0 2%;
	}
	
}
.s_box{
	padding: 5px 2%;
}

.res img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.flex{ display: flex; }
@media screen and (max-width: 480px){
  .flex{ display: block; }
	.f_right{float: none;}

}


/* ******* listスタイル ******* */
/* (1),(2)… */
.list_counter > li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	margin-left: 2em;
	margin-bottom: 0.5em;
}
.list_counter > li:before{
	content: "(" counter(cnt) ") ";
	display:inline-block;
	margin-left:-2.5em;
	width: 2.5em;
	text-align: center;
}
.disc > li{ 
	list-style: inside disc;
	margin-left: 1em;
	text-indent: -1em;
}
.decimal > li{ 
	list-style: inside decimal;
	margin-left: 1em;
	text-indent: -1em;
}
.circle > li{ 
	list-style: inside circle;
	margin-left: 1em;
	text-indent: -1em;
}
.list > li{ 
	list-style: none;
	margin-left: 1em;
	text-indent: -1em;
}
.list > li::before{
	content: "※";
}
.no_mark > li{
	list-style: none;
	text-indent: 0;
}
.no_mark_i > li{
	list-style: none;
	margin-left: 1em;
	text-indent: -1em;
}
ul.no_mark li::before,
ul.no_mark_i li::before{
  content: "\200B"; /* for Safari */
}

/* ******* dlスタイル ******* */
dl.label > dt{
	margin-bottom:15px;
	padding: 2px 0 2px 8px;
	font-size:14px;
	font-weight:bold;
	border-left: solid 5px #0c7fc7;
	border-bottom: dotted 1px #ccc;
}
dl.label > dd{
	margin-bottom:20px;
	padding-left:20px;
}

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


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


dl.dl_link dd{
	margin-left: 2em;
	margin-bottom: 20px;
}


/* ******* tableスタイル ******* */
table.hyo {
	width:100%;
	border-collapse:collapse;
	margin: 10px 0 20px;
	vertical-align:top;
	text-align:center;
  font-size: 13px;
	}
.hyo th {
	background:#FDFCE1;
	padding:5px;
	font-weight:bold;
	border: solid 1px #ccc;
	}
.hyo td {
	padding:5px;
	border: solid 1px #ccc;
	vertical-align:top;
}

.table_outer{ overflow-x: scroll;padding-bottom: 20px;}
.scroll_txt{ color: red; font-size: 80%; }
.scroll_txt::before{ content: "\00203B"; }


@media screen and (min-width:520px){
  .table_outer{ overflow-x:visible; }
  .scroll_txt{ display: none; }
	
}
table.schedule{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	font-size:95%;
	border:1px solid #323232;
	box-sizing: border-box;
}
.table_outer table.schedule{
  min-width: 480px;
}
table.schedule th{
	background: #8C8C8C;
	color:#fff;text-align:center;
	font-weight: bold;
	padding:5px 7px;
	border: 1px solid #323232;
}
table.schedule td{
	padding:2px 7px;
	border:1px solid #323232;
	color:#222;
	vertical-align: top;
}

#hotel table.schedule th{
	background: #e0e0e0;
	color:black;
	text-align:center;
	padding:5px 7px;
	border: 1px solid #323232;
}

table.price{
	border: 1px solid #ccc;
	width: 80%;
	max-width: 100%;
	margin: 5px;
	border-collapse: collapse;
}
table.price th, .price td{
	border: 1px solid #ccc;
	padding: 5px 10px;
}
table.price th{
	background: #444;
	color: #FFF;
	text-align: center;
}

table.border{
	border: 1px solid #ccc;
	width: 95%;
	margin: 5px auto;
	border-collapse: collapse;
}
table.border th, table.border td{
	border: 1px solid #323232;
	padding: 5px;
}
table.border th{
	background: #444;
	color: #FFF;
	border: 1px solid #323232;
	text-align: center;
}

@media only screen and (max-width:639px) {
  table.border thead{ display: none; }
  table.border th, table.border td{display: block; width: auto;border-bottom: none;}
  table.border tr:last-child {border-bottom: 1px solid #323232;}
  table.border td{
    position: relative;
    padding: 10px 10px 10px calc(30% + 10px);
  }
  table.border td::before {
    content: attr(aria-label); /* aria-label属性をth相当として表示 */
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 30%;
    height: 100%;
    padding: 10px;
    font-size: 12px;
    border-right: 1px solid #ccc;
    background-color: #eee;
  }  
	.f_right{float: none;width: 100%;margin-bottom: 5px;}
  
  #torikeshi table.border td::before{
    display: none;
    padding: 0;
  }
}


#page_top{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}

@media screen and (min-width: 1300px){
  #page_top{
    right: calc(50% - 590px);
  }
}