@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; }

.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;
	text-align: center;
}
.btn_area img{
	width: 100%;
	max-width: 620px;
	height: auto;
	margin-bottom: 10px;
}
.text_block{
	margin: 20px 40px;
	padding: 10px;
	background: #FFF;
}
.box{
	margin: 10px 0;
	padding: 10px 0;
}
.center_box{
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	line-height: 1.6;
}
@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; }
}


/* ******* 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; }
.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 #fff;
}
table.schedule td{
	padding:2px 7px;
	border:1px solid #323232;
	color:#222;
	vertical-align: top;
}

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 #ccc;
	padding: 5px;
}
table.border th{
	background: #444;
	color: #FFF;
	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 #ccc;}
  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;
  }  
}



#page_top{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (min-width: 1300px){
  #page_top{
    right: calc(50% - 590px);
  }
}