@charset "UTF-8";

*{
  margin:0;
  padding: 0;
}

*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box; /* Webkit */
  -moz-box-sizing: border-box; /* Firefox */
  box-sizing: border-box;
}

html,body{
width: 100%;
padding:0; /*追加*/
margin:0; /*追加*/
height:100%;
}

html {
height: auto;
font-size: 1.2rem;
/*border: solid 1px #ff0000; /* 赤い枠線と */
/*background-color: #ffaaaa; /* うす赤い背景をつける */
}

html,body,content{
position: relative;
margin:0 auto;
}

img {
  width: 100%;
  height: auto;
}

/* ホバー */
.mouseHvr {
  opacity: 1;
}

.mouseHvr:hover {
  opacity: 0.8;
}

p{
font-size: 1.2rem;
}

a{
text-decoration: none;
}

body,
#wrapper{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /*box-sizing: border-box;*/
}

body{
margin: 0 auto;
text-align: justify;
width: 100%;
padding-bottom: 80px;
height: auto;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 1.2rem
line-height: 1.7;
word-wrap: break-word;
color: #333333;
vertical-align: baseline;
/*box-sizing: border-box;*/
/*border: solid 1px #000000; /* 黒い枠線と */
/*background-color: #888888; /* グレーの背景をつける */
}


/* kateiyou
------------------------------- */
header{
position: fixed;
top: 0;
left:0;
width: 100%;
height:70px;
z-index:999;
margin-top: auto;
align-items: center;
background-color: #faf7ee;
border-bottom:5px #f1c40f solid;
box-sizing: border-box;
}

header ul{
height: 55px;
padding: 0;
text-align: center;
}

header h1{
font-family: /*'Noto Sans JP*/sans-serif;
font-size: 1.4rem;
margin: 1rem 0 0 2rem ;
}

#contents{
display: block;
flex: 1;
flex-grow: 1;
flex-direction: column;
width: 100%;
height: auto;
margin:0 auto;
margin: 70px 0 0 0;
min-height:100%;
align-items: center;
padding: 40px 3rem 160px 3rem;
box-sizing: border-box;
overflow-y: scroll;
/*border: solid 1px #0000ff; /* 青い枠線と */
/*background-color: #eeeeff; /* うす青い背景をつける */
}

table{
table-layout: fixed;
width: 100%;
text-align:left;
border-collapse: collapse;
padding:0 1.5rem 0 1rem;
white-space: nowrap;
font-size: 1.4rem;
margin:0 auto;
}

table th{
border:solid 1px #333;
color: #ffffff;/*文字色*/
background: #66CCFF;/*背景色*/
}

th, td {
padding: 1rem 3rem;
border: solid 1px black;
/*実線 1px 黒*/
}

td{
background-color: #cccccc;
color: #333;/*文字色*/
}

/* footer
------------------------------- */
footer{
position: absolute;
display: flex;
justify-content: flex-end;
left: 0px;
bottom: 0;
right: 0;
width: 100vw;
margin-top:auto;
height:80px;
background-color:#ffcc33;
box-sizing: border-box;
line-height: 1;
vertical-align: baseline;
margin:0 auto;
}

footer ul {
display: inline-block;
text-align: center;
}

.center_footer{
display: flex;
flex-direction: column;
box-sizing: border-box;
white-space: nowrap;
margin:0 auto;
text-align: center;
margin-top: 0.5rem;
}

#tell {
 text-align: center;
  font-family: sans-serif;
font-size: 1.4rem;
}

.top{
text-decoration: none;
}

.address{
font-size: 0.8rem;
}

.return{
margin: 0.5rem 0.5rem 0 0;
box-sizing: border-box;
}

.pageTop {
position: absolute;
left: 2%;
bottom: 2%;
width: 20%;
max-width: 65px;
line-height: 0;
}

.pageTop img {
width: 100%;
height: auto;
}

.info li{display: inline-block;
}

.images_size{
width: 70%;
}

.text_left{
margin-left:5rem;
}

/* メディアクエリ
------------------------------- */
@media screen and (max-width: 768px) {
#contents {
width: 100%;
padding: 5rem 1.4rem 100px 1.8rem;
margin: 0 auto;
}
.heading{
font-size: 1.2rem
}
h2{
  margin: 0 auto;
  width: 18rem;
  font-size: 1.2rem;
  margin: 2rem 0 2rem 0;
}
h6{
  font-size: 1.2rem;
}
.table_box{
  margin: 0 auto;
}
table th,
table td{
display: block;
width: ;
margin:0 auto;
}
table{
font-size: 1rem;
}
footer,.center_footer,.return{
box-sizing: border-box;
}
#tell {
 text-align: center;
  font-family: sans-serif;
font-size: 1.2rem;
}
}