body{
	background-color: #ffdd00;
    color: black;letter-spacing:0;
    margin:0; padding:0;
}
p{
  margin-block-start: 0;
    margin-block-end: 0;
}

/*------------------------------------------------------------------------------*/
body, textarea { font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro","游ゴシック",Meiryo,Helvetica,Arial,Verdana,sans-serif !important;font-size: 100%;font-weight: 500;line-height: 1.8; } 
input, select { font-family: font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro","游ゴシック",Meiryo,Helvetica,Arial,Verdana,sans-serif !important;font-size: 100%;font-weight: 500;line-height: 1.8; }
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
body{font-size: 100%;font-weight: 500;line-height: 1.6; }}
@media screen and (max-width: 900px) {
body{font-size: 100%;font-weight: 500;line-height: 1.5; }}
@media screen and (max-width: 600px) {
body{font-size: 100%;font-weight: 500;line-height: 1.4; }}

.body-1{
max-width:1400px; margin:auto; border: solid 1px #ccc; box-shadow: 0 0 8px #ccc;}
@media screen and (max-width: 1399px) {
.body-1{box-shadow:none;overflow-x: hidden;}}


iframe {width: 95%;}
a: {text-decoration: none;}
a:link {color:#884600;} /*未訪問のリンクの色*/
a:visited {color:#7e6d5b;} /*訪問済みのリンクの色*/
a:hover {color:#feeaab;} /*カーソルが乗っているリンクの色*/
a:hover img{
     -webkit-filter: brightness(1.1);
     -moz-filter: brightness(1.1);
     -o-filter: brightness(1.1);
     -ms-filter: brightness(1.1);
     filter: brightness(1.1);}
a:active {color:#fee3e3;} /*クリック中のリンクの色*/

#header {
    background: black;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 5px 40px;
    color: white;
}

#header a{
    color: white;
    font-size: 12px;
    text-decoration: none;
}

#header a:hover{
    opacity: 0.8;
}
h1 {
    font-size:1.3rem;
    color: #ff0000;
    border-bottom: solid 3px black;
}


h2 {
font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.3rem;line-height: 170%;
    color: #fff;font-weight: 600;
    text-shadow: 1px 1px 2px #333;
}
h2 span {
  display: block;
  margin-bottom: 0.5rem;
  color: #ec7f32;
  font-size: 0.8rem;
}
@media screen and (max-width: 900px) {
h2 {line-height: 140%;}
}

@media screen and (max-width: 780px) {
h2 {font-size: 1.2rem;}
}

h4 {
font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.3rem;line-height: 170%;
    color: #000;
    text-shadow: 0px 1px 1px silver;
}
@media screen and (max-width: 1000px) {
h4 {font-size: 1.1rem;}}
@media screen and (max-width: 900px) {
h4 {font-size: 1rem;}}
@media screen and (max-width: 700px) {
h4 {font-size: 1.2rem;}}

h6 {
    font-size: 1.2rem;
    color: #fff;
    border-bottom: solid 2px black;
}
 
.strong1{
    font-size: 1.1rem;
    color: #000;font-weight: 600;margin-bottom: 4px;
    border-bottom: solid 1px #000;}
@media screen and (max-width: 850px){
.strong1{font-size: 1rem;}
}
/*スクロール*/
.cap-1 {
  opacity: 0.1;
  transform: translateY(100px);
  transition: all 1s;}
.cap-1.scrollin {
  opacity: 1;
  transform: translateY(0);
}
/*トップ*/
.main1{
  margin: 0;
  background-image:url("img/bg-leaf.png");
  padding:1em 1em;
}
@media (max-width: 1050px){
.main1{
height: auto;
padding:0 1em;}}
@media (max-width: 600px){
.main1{
height: auto;
padding:0 0;}}

/*メニュー一覧*/
.flexbox{
display: flex;
align-self:stretch;
justify-content:center;float:left;
padding: 1% 1% 0 1%;margin: 1% auto 0 auto;
overflow: hidden;}
.item {
background:rgba(100, 0, 0, 0.7);  background-image:url("img/bg-logo.jpg");
padding: 20px 20px;
margin: 12px;text-align: center;
border: solid 2px #000;
box-shadow: 5px 5px 5px rgba(205,167,84,0.7);}
.flexbox img{max-width: 100%;
height: auto;border: solid 2px #000;}
@media ( min-width : 600px ){
.flexbox {
display: flex;flex-wrap: wrap;float:none;}
.item {width: 27%;}
}
@media screen and (max-width: 800px) {
.flexbox {
display: flex;
flex-wrap: wrap;}
.item {
margin: 20px 40px 20px 40px;
width: 75%;
}}
/*メニュー一覧*/

.main-mainte{
	width: 85%;
	display:block;
	margin: 5px 10%;
	padding: 0;
	background:rgba(255, 22, 15, 0.7);
	background-size: 100%;
overflow: hidden;
	}
.main-mainte2img{
width:80%;
max-width:381px;
}

.more{
width:70%;
max-width:400px;
margin:5px auto;
display:block;
}
/*画像を中央に*/
.center{
width:95%;
max-width:550px;
margin:10px auto;
display: block;
text-align: center;
float:none;
}


@media screen and (max-width: 750px) {
.main-mainte{
	width: 90%;
	display:block;
	margin: 5px auto;
	padding: 0px;overflow: hidden;}
}
@media screen and (max-width: 1100px) {
#main-menu h5{
width:100%;
font-size: 1rem;
color: #fff;/*文字色*/
padding: 0.3rem 0.7rem 0.3rem 0.3rem;/*文字周りの余白*/
margin: 2% 0;
letter-spacing:0;
display: block;/*おまじない*/
background: -moz-linear-gradient(to right, rgb(190, 190, 190), transparent);
background: -webkit-linear-gradient(to right, rgb(190, 190, 190), transparent);
background: linear-gradient(to right, rgb(190, 190, 190), transparent);
vertical-align: middle;/*上下中央*/
border-radius: 0;
  background-image:url('img/green.png');
background-repeat:repeat-y;
background-position:0% 0% ;

}
#main-menu h5:before {
text-decoration: none;
content: '';
margin-right: 10px;
}}
.txt-a{
font-weight: 600;	}
.txt-b{
margin-top:0.1em;
padding:0.3em;text-align: left;
background: linear-gradient(to right, rgb(250, 230, 70, 0.5), transparent);
line-height: 1.2; font-weight: 400;	}

.txt-0{
text-align: right; font-size: larger; font-weight: 600;	}
.top-logo{margin:0; background-color:#000}

.top-box5{/* 赤い見出し */
margin:0 auto;
padding:0 5% 1% 5%;overflow: hidden;
}
.half{}
.half ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-left:0;}
.half li{
width:45%;margin: auto; list-style-type: none;
}
.half p{
padding: 20px;
}
@media screen and (max-width: 1100px) {
.half li{
width:47%;}
.half p{padding: 5px;
}}
@media screen and (max-width: 700px) {
.half ul{display:block;margin-top:20px;padding-right:0;}
.half li{width:90%;margin: auto;padding-right:0;}

}

.half-w{}
.half-w ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-left:0;
    margin-block-start: 0;
    margin-block-end: 0;}
.half-w li{
width:50%;margin: auto; list-style-type: none;
}
.half-w p{
padding: 20px;
}
@media screen and (max-width: 1100px) {
.half-w li{
width:50%;}
.half-w p{padding: 5px;
}}
@media screen and (max-width: 700px) {
.half-w ul{display:block;margin-top:0;padding-right:0;
}
.half-w li{width:100%;margin: auto;padding-right:0;}
}
.w-back1{display: block;
  background: url("img/floor4-1.jpg") center / cover;
    width: 100%;
    height: 20em;}
.w-back2{display: block;
  background: url("img/floor3.jpg") center / cover;
    width: 100%;
    height: 20em;}

.w-back3{display: block;
  background: url("img/floor6.jpg") center / cover;
    width: 100%;
    height: 20em; margin:auto;}
.w-back4{display: block;
  background: url("img/floor7.jpg") center / cover;
    width: 100%;
    height: 20em;}


.half-64{}
.half-64 ul{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-left:0; width:100%}
.half-64 li{list-style-type: none;}
.top-box2-1{width:55%; margin: 2em;font-size: 1.4em; font-weight: 500;line-height: 1.8; font-family: 'M PLUS 1p', sans-serif;
 display: flex; flex-direction: column; justify-content: center; align-items: center; text-shadow: 1px 1px 2px silver;}
@media screen and (max-width: 700px) {.top-box2-1{width: 70%; font-weight: 600; font-size: 1.2em; line-height: 1.4;}}
@media screen and (max-width: 500px) {.top-box2-1{margin: 1em 0 1em 1em;width: 80%; font-weight: 600; font-size: 1em; line-height: 1.2;}}
.top-box2-2{}

.menu-waku{width:100%; margin:auto; padding-bottom:2em; background-color:#000;}
@media screen and (max-width: 1345px) {
.menu-waku{padding-bottom:0;}}