html,body{
  margin: 0%;
  padding: 0%;
  height:100%;
  background-attachment:fixed;
  /*border:1px solid black;*/
}
@media screen and (max-width: 550px) {
  body {
  width: 100%;
    height:auto;
  }
}
@media screen and (min-width: 551pxpx) {
  body {
  }
}
.header_fixed{
  position: fixed;
  z-index: 9999;
  top: 0%;
  width:100%;
  height: auto;
  left: 0%;
  background-color : #000;
  filter:alpha(opacity=0);
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: linear-gradient(#000000, #203744, #e7e7e7);*/
  padding:0% 0 0%;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .header_fixed {
  }
}
@media screen and (min-width: 551px) {
  .header_fixed{
  }
}
.top_box1 {
  width:100%;
  height:100%;
  left:0%;
  /*border:5px solid green;*/
}
@media screen and (max-width: 550px) {
  .top_box1  {
  }
}
@media screen and (min-width: 551px) {
  .top_box1  {
  }
}
.tbox3 {
  margin: 0px;
  width: 38%;
  height: auto;
  display: inline-block;
  font-family:"KaiTi",  serif;
  /*font-family: "Arial", "メイリオ";*/
  color: white ;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .tbox3  {
    width: 80%;

    font-size: 13px;
    font-family:"KaiTi",  serif;
  }
}
@media screen and (min-width: 551px) {
  .tbox3  {
    font-size: 15px;
  }
}
.index_01_rogo{
  margin:  0%;
  width: 15%;
  height:auto;
  display: inline-block;
  /*border: 5px solid blue;*/
}
.index_01_rogo > .cress_img{
  /*display: inline-block;*/
  width: 100%;
}
@media screen and (max-width: 550px) {
  .index_01_rogo {
  }
  .cress_img{
  }
}
@media screen and (min-width: 551px) {
  .index_01_rogo {

  }
  .cress_img{
  }
}
.tb3cn1 {
  margin: 0px;
  width: 80%;
  height: 100%;
  text-align: left;
  display: inline-block;
  font-family:"KaiTi",  serif;
  /*font-family: "Arial", "メイリオ";*/
  color: yellow ;
  /*border:3px solid yellow;*/
}
@media screen and (max-width: 550px) {
  .tb3cn1  {
    font-size: 2.0vw;
  }
}
@media screen and (min-width: 551px) {
  .tb3cn1  {
    font-size: 1.2vw;

  }
}
.tb3cn2 {
  margin: 0px;
  width: 65%;
  height: auto;
  text-align: center;
  display: inline-block;
  font-family:"KaiTi",  serif;
  /*font-family: "Arial", "メイリオ";*/
  color: white ;
  font-weight: 500
  /*border:3px solid white;*/
}
@media screen and (max-width: 550px) {
  .tb3c2  {
  }
}
@media screen and (min-width: 551px) {
  .tb3cn2  {
    font-size: 2.5vw;
  }
}
.boxsyousai {
  width: 60%;
  height: auto;
  text-align: center;
  display: inline-block;
  font-family:"KaiTi",  serif;
  /*font-family: "Arial", "メイリオ";*/
  color: white ;
  /*border:3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .boxsyousai  {
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .boxsyousai  {
    font-size: 15px;
  }
}
.boxsyousai1 {
  margin: 5px;
  width: 65%;
  height: auto;
  text-align: right;
  display: inline-block;
  font-family:"游ゴシック",  serif;
  /*font-family: "Arial", "メイリオ";*/
  color: white ;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .boxsyousai1  {
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .boxsyousai1  {
  }
}
.sadd {
	display: inline-block;
  position: relative;
  width:  95%;
  height: auto;
  font-family:"KaiTi",  serif;
	color: white;
  font-size: 1.0vw;
  text-align: right;
 	text-decoration: none;
  color: white ;
}
@media screen and (max-width: 550px) {
  .sadd  {
    font-size: 3px;
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .sadd  {
  }
}
.boxsyousai2 {
  margin: 5px;
  width: 25%;
  height: auto;
  text-align: center;
  display: inline-block;
  font-family:"KaiTi",  serif;
  /*font-family: "Arial", "メイリオ";*/
  background: green;*/
  border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .boxsyousai2  {
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .boxsyousai2  {
    font-size: 15px;
  }
}
.syousai1{
	display: inline-block;
  position: relative;
  width:  95%;
  height: auto;
  font-family:"KaiTi",  serif;
	color: white;
  font-size: 1.2vw;
 	text-decoration: none;
  color: white ;
}
@media screen and (max-width: 550px) {
  .syousai1  {
    font-size: 3px;
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .syousai1  {
  }
}
.boxsyousai3 {
  margin: 5px;
  width: 100%;
  height: auto;
  text-align: center;
  display: inline-block;
  font-family:"KaiTi",  serif;
  /*font-family: "Arial", "メイリオ";*/
  color: white ;
  /*border:3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .boxsyousai3  {
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .boxsyousai3  {
    font-size: 15px;
  }
}
.syousai{
  margin-top: 5px;
	display: inline-block;
  position: relative;
  width: 18%;
  height:auto;
 	text-decoration: none;
  font-family:"KaiTi",  serif;
  text-align: center;
  font-weight: 500
  color: black;
  background-color: white;
  /*border:3px solid white;*/
}
@media screen and (max-width: 550px) {
  .syousai  {
    font-size: 3px;
    display: none;
  }
}
@media screen and (min-width: 551px) {
  .syousai  {
    font-size: 1.3vw;

  }
}
.syousai:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 3px;
	background: green;
	transform: scale(0, 1);
	transition: 0.4s;
}
.syousai:hover:before {
	transform: scale(1);
}
.boxhan {
  display: inline-block;
  width: 10%;
  height:auto;
  text-align: center;
  font-family:"KaiTi",  serif;
  color:white ;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .boxhan  {

  }
}
@media screen and (min-width: 551px) {
  .boxhan  {
    display: none;
  }
}
.nav-drawer {
  position: relative;
}
@media screen and (max-width: 550px) {
  .nav-drawer  {
  }
}
@media screen and (min-width: 551px) {
  .nav-drawer  {
  }
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 5px;/*線の太さ*/
  width: 40px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 50%;
  max-width: 330px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background-color: rgba(0,151,167 ,1);
  font-size: 20px;
  color: black;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .3;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo_area{
  text-align:center;
  margin:auto;
}
.nav {
  margin-top: 80px;
  width: 100%;
  height: 50%;
  font-family:"游ゴシック", " sans-serif";
  text-align: center;
  color: black;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .nav  {
  }
}
@media screen and (min-width: 551px) {
  .nav  {
    font-size: 2.7vw;

  }
}
.nav1 {
  padding: 50px;
  width: 100%;
  height: 10%;
  font-family:"游ゴシック", " sans-serif";
  text-align: left;
  color: white;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .nav1  {
  }
}
@media screen and (min-width: 551px) {
  .nav1  {
  }
}
.navinfo {
  margin-top: 80px;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 28px;
  color: white;
  font-weight: 700;
  border-bottom: solid 5px white;
  /*border:3px solid red;*/
}
@media screen and (max-width: 550px) {
  .navinfo  {
  }
}
@media screen and (min-width: 551px) {
  .navinfo  {
    font-size: 2.7vw;
  }
}

.sample_p {
  overflow: hidden;
  width: 100px;
  height: 182px;
  color: white;
  text-decoration: none;
  font-weight: 700
  /*border: 1px solid gray;*/
}
.sample_p img {
  opacity: 0.9;
  width: 150px;
  transition: all 0.5s;
}
.sample_p img:hover {
  opacity: 0.7;
  transform: scale(1.2, 1.2);
  z-index: 9999;
}

.body_photo{
  overflow: hidden;
  margin-top: 5px;
  width:100%;
  height: auto;
  background-color:#eee;
  /*border:3px solid blue;*/ /*日帰りのバーベキュー、*/
}
.body_photo  > .body_img {
  /*display: inline-block;*/
  /*text-align: center;*/
  width: 100%;
}
@media screen and (max-width: 550px) {
  .body_photo  {
  }
  .body_img{
    height: 400px; /*500*/
    object-fit: cover;
  }
}
@media screen and (min-width: 551px) {
  .body_photo {

  }
  .body_img{
    height: 50%; /*500*/
  }
}
.top_photo {
	position:relative;
	top:20px;
	width:100%px;
	height:380px;
	left:0px;
}
@media screen and (max-width: 550px) {
  .top_photo {
  }
}
@media screen and (min-width: 551px) {
  .top_photo {
  }
}
.img-wrap {
  overflow: hidden;
  position: relative;
}

.img-wrap:before {
  animation: img-wrap 6s cubic-bezier(.4, 0, .2, 1) forwards;
  background-image: url("17_kabe/19_caf_top2.png");
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}
.top_photo_index{
  position:absolute;
  margin-top: -18%;
  width: 60%;
  left:20%;
  font-family:"Monotype Corsiva",  serif;
  text-shadow:-1px -1px 3px darkslategray;
  color: white;
     /*border:5px solid green;*/
}
@media screen and (max-width: 550px) {
  .top_photo_index {
    margin-top: -50%;
    width: 98%;
    font-size: 30px;
    left:2%;
  }
}
@media screen and (min-width: 551px) {
  .top_photo_index {
    font-size: 3.5vw;

  }
}
.home_base{
  margin-top: 10px;
  width:100%;
  height: 100%; /*100%*/
  background-color: white;
  /*border:5px solid green;*/
}
@media screen and (max-width: 550px) {
  .home_base {
  }
}
@media screen and (min-width: 551px) {
  .home_base {
  }
}
.baseber{
  width:100%;
  height: 50px;
  left:0%;
  /*border: 1px solid black;*/
}
.baseber > .ber_img{
  display: inline-block;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .baseber {
    top:3%;
  }
  .ber_img{
    height:15%;
  }
}
@media screen and (min-width: 551px) {
  .baseber {
  }
  .ber_img{
    height:15%;
  }
}
.info_f1 {
  /*position: absolute;*/
  /*margin: 15px ;*/
  width: 80%;
  height:auto;
  left: 20%;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  /*font-style:oblique;*/
  color:green;
  /*border:1px solid brown;*/
}
@media screen and (max-width: 550px) {
  .info_f1 {
    top: 1.5%;
    font-size: 17px;
    color:green;
    font-family:"KaiTi",  serif;
  }
}
@media screen and (min-width: 551px) {
  .info_f1 {
    font-size: 1.5vw;
  }
}
.info_f2 {
  /*position: absolute;*/
  /*margin: 15px ;*/
  padding: 5px;
  width: 90%;
  height:auto;
  left: 20%;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  /*font-style:oblique;*/
  color:green;
  /*border:1px solid blue;*/
}
@media screen and (max-width: 550px) {
  .info_f2 {
    width: 77%;
    font-size: 5.5vw;
    color:green;
    font-family:"KaiTi",  serif;
  }
}
@media screen and (min-width: 551px) {
  .info_f2 {
    width: 85%;
    font-size: 1.5vw;
  }
}
.snsmain1 {
  width: 99%;
  height: auto;
 /*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
  .snsmain1 {
    margin-top: 35px;

  }
}
@media screen and (min-width: 551px) {
  .snsmain1 {
    /*background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
    /*background: linear-gradient(45deg, #000000, #e7e7e7);*/
  }
}
.snsbox3 {
  width: 100%;
  height: auto;
  display: inline-block;
  font-family:"Monotype Corsiva",  serif;
  font-size: 2.0vw;
  font-weight: 500;
  color: darkslategray;
  /*font-style:oblique;*/
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsbox3 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox3 {
  }
}
.inbox3a {
  width: 30%;
  height: auto;
  font-size: 4.0vw;
  border-bottom: solid 3px #3c6d49;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .inbox3a {
    font-size: 5.5vw;
    font-weight: 700;
  }
}
@media screen and (min-width: 551px) {
  .inbox3a {
  }
}
.inbox3a1 {
   /*padding: 40px 0px 30px 0px;*/
   width: 70%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-shadow:-1px -1px 3px darkslategray;
   text-align: center;
   font-style:oblique;
   font-size: 23px;
   color: green;
   font-weight: 700;
   display: inline-block;
   border-bottom: solid 5px #3c6d49;
   /*color: darkslategray;*/
   /*border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .inbox3a1 {
     width: 85%;
     font-size: 22px;
   }
 }
 @media screen and (min-width: 551px) {
   .inbox3a1 {
   }
 }
 .inbox3a2 {
   width: 90%;
   margin-left: 10%;
   height: auto;
   font-size: 1.8vw;
   /*border: 3px solid pink;*/
 }
 @media screen and (max-width: 550px) {
   .inbox3a2 {
     width: 76%;
     text-align: center;
     font-size: 5.0vw;
     font-weight: 700;
   }
 }
 @media screen and (min-width: 551px) {
   .inbox3a2 {
   }
 }
 .inbox3a21 {
   width: 50%;
   margin-left: 10%;
   height: auto;
   font-size: 1.8vw;
   color: white;
  /* border: 3px solid pink;*/
 }
 @media screen and (max-width: 550px) {
   .inbox3a21 {
     width: 76%;
     text-align: center;
     font-size: 5.0vw;
     font-weight: 700;
   }
 }
 @media screen and (min-width: 551px) {
   .inbox3a21 {
   }
 }
 .snsmain2 {
   margin-top: 50px;
   width: 80%;
   height: auto;
   margin-left: 10%;
   background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
   border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .snsmain2 {
     width: 95%;
   }
 }
 @media screen and (min-width: 551px) {
   .snsmai2 {
     /*background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
     /*background: linear-gradient(45deg, #000000, #e7e7e7);*/
   }
 }
 .green {
   width:100%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: center;
   font-style:oblique;
   font-size: 2.2vw;
   color: green;
   display: inline-block;
   /*border: 3px solid red;*/
 }
 .green > .green_img{
   /*display: inline-block;*/
   text-align: left;
   width: 100%;
 }
 @media screen and (max-width: 550px) {
   .green {
     width:90%;

   }
   .green_img{
   }
 }
 @media screen and (min-width: 551px) {
   .green {
   }
   .green_img{
     border-radius:  10px;
   }
 }
 .green1 {
   margin-top: 30px;
   width:70%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: center;
   font-style:oblique;
   font-size: 30px;
   color: green;
   display: inline-block;
   /*border: 3px solid red;*/
 }
 @media screen and (max-width: 550px) {
   .green1 {
     width:95%;
     font-size: 17px;
   }
 }
 @media screen and (min-width: 551px) {
   .green1 {

   }
 }
 .green2 {
   margin-top: 2%;
   width:90%;
   height: auto;
   text-align: center;
   font-style:oblique;
   font-size: 1.0vw;
   color: darkslategray;
   font-family:"KaiTi",  serif;
   display: inline-block;
   /*border: 3px solid red;*/
 }
 @media screen and (max-width: 550px) {
   .green2 {
     width:95%;
     padding: 3px;
     font-size: 12px;
   }
 }
 @media screen and (min-width: 551px) {
   .green2 {
   }
 }
 .what {
   margin-top: 2%;
   overflow:auto;
   display: inline-block;
   width: 90%;
   height: 180px;
   padding:5px;
   /*color:#e8e8e8;*/
   color:black;
   background-color:#eee;
   line-height:2.5em;
   /*border:2px dotted #ffffff;*/
   /*border: 3px solid red;*/
 }
 @media screen and (max-width: 550px) {
   .what {
     width:90%;
   }
 }
 @media screen and (min-width: 551px) {
   .what {
   }
 }
 .iframe1  {
   display: none;
   width: 100%;
   margin:50px 0px;
  border: 5px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .iframe1  {
     width:90%;
   }
 }
 @media screen and (min-width: 551px) {
   .iframe1  {
   }
 }



 .inbox3a3 {
   width: 35%;
   height: auto;
   font-size: 3.5vw;
   /*font-family: 'Kosugi', sans-serif;*/
   /*font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";*/
   /*font-family:'Sacramento', cursive;*/
   border-bottom: solid 3px #3c6d49;
   /*border: 3px solid pink;*/
 }
 @media screen and (max-width: 550px) {
   .inbox3a3 {
     font-size: 6.5vw;
     font-weight: 700;
   }
 }
 @media screen and (min-width: 551px) {
   .inbox3a3 {
   }
 }

.inbox3b {
  display: inline-block;
  margin: 15px;
  width: 85%;
  height: auto;
  left:50%;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  font-size: 1.8vw;
  font-weight: 600;
  color: green;
  font-style:oblique;*/
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .inbox3b {
    width: 75%;
    margin-top: 25px;
    font-size: 5.5vw;

  }
}
@media screen and (min-width: 551px) {
  .inbox3b {
  }
}
.inbox3c {
  width: 75%;
  height: auto;
  left:50%;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  /*font-style:oblique;*/
  font-size: 17px;
  color: darkslategray;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .inbox3c {
    padding: 3px;
    font-size: 12px;
    width: 79%;
  }
}
@media screen and (min-width: 551px) {
  .inbox3c {
  }
}

.snsbox4 {
  display: inline-block;
  margin-top:50px;
  width: 40%;
  height: auto;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsbox4 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox4 {
  }
}
.sns4info {
  margin-top: 50px;
  width:68%;
  height: auto;
  font-family:"游ゴシック",  serif;
  color: darkslategray;
  font-size: 1.0vw;
  display: inline-block;
  /*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
  .sns4info {
    margin: 20px 60px;
    width:68%;

  }
}
@media screen and (min-width: 551px) {
  .sns4info {
  }
}
.snsphoto1 {
  margin-top: 20px;
  width: 75%;
  height: auto;
  /*border: 5px solid green;*/
}
.snsphoto1 > .snsphoto1_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
  /*transition: 1s;*/
}
@media screen and (max-width: 550px) {
  .snsphoto1 {
    width: 100%;
  }
  .snsphoto1_img{
  }
}
@media screen and (min-width: 551px) {
  .snsphoto1 {
  }
  .snsphoto1_img {
    /*border-radius:  50%;*/
    /*.snsphoto1_img:hover{*/
    /*transform: scale(1.1);*/
  }
}
.snsbox2 {
  margin-top: 80px;
  width: 95%;
  height: auto;
  color: white;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsbox2 {
    margin-top: 50px;
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox2 {
  }
}
.snsphoto2info {
  position: absolute;
  margin-top: 80px;
  width: 35%;
  height: auto;
  left:60%;
  color: white;
  background-color: #000;
  opacity: 0.7;*/
　/*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsphoto2info {
    margin-top: 30px;
    width: 60%;
    left: 20%;
    height: 160px;
    object-fit: cover;*/
  }
}
@media screen and (min-width: 551px) {
  .snsphoto2info {
  }
}
.snsphoto2info1 {
  margin-top: 20px;
  width: 55%;
  height: auto;
  font-family:"游ゴシック ",  serif;
  font-size: 20px;
  color: white;
  border-bottom: solid 3px white;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsphoto2info1 {
    margin: 20px 40px;
    width: 60%;
    font-size: 10px;
  }
}
@media screen and (min-width: 551px) {
  .snsphoto2info1 {
  }
}
.snsphoto2info2 {
  margin-top: 25px;
  width: 100%;
  height: auto;
  text-align: center;
  font-family:"游ゴシック",  serif;
  font-size: 16px;
  color: white;
  font-weight: 500;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsphoto2info2 {
    width: 100%;
    font-size: 9px;
  }
}
@media screen and (min-width: 551px) {
  .snsphoto2info2 {
  }
}
.snsphoto2info3 {
  margin-top: 25px;
  width: 100%;
  height: auto;
  font-family:"游ゴシック",  serif;
  font-size: 0.9vw;
  font-weight: 500;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsphoto2info3 {
    margin: 40px 70px;
    width: 60%;
  }
}
@media screen and (min-width: 551px) {
  .snsphoto2info3 {
  }
}

.snsphoto2 {
  margin-top:  1px;
  width: 100%;
  height: auto;
  left: 0%;
  /*border: 5px solid green;*/
}
.snsphoto2 > .snsphoto2_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .snsphoto2 {
    width: 100%;
  }
  .snsphoto2_img{
    height: 220px;
    object-fit: cover;*/
  }
}
@media screen and (min-width: 551px) {
  .snsphoto2 {
    width: 100%;
  }
  .snsphoto2_img{
    /*border-radius:  10px;*/
     /*object-position: 0 50%*/
    height: 420px;
    object-fit: cover;*/
  }
}
.snsphoto3 {
  margin-top:  1px;
  width: 100%;
  height: auto;
  left: 0%;
  /*border: 5px solid green;*/
}
.snsphoto3 > .snsphoto3_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .snsphoto3 {
    width: 100%;
  }
  .snsphoto3_img{
  }
}
@media screen and (min-width: 551px) {
  .snsphoto3 {
    width: 100%;
  }
  .snsphoto3_img{
    /*border-radius:  10px;*/
     /*object-position: 0 50%*/
    height: 320px;
    object-fit: contain;*/
  }
}

.snsphoto3 {
  width: 100%;
  height: auto;
  left: 0%;
  /*border: 5px solid green;*/
}
.snsphoto3 > .snsphoto3_img{
  /*display: inline-block;*/
  text-align: left;
  width: 95%;
}
@media screen and (max-width: 550px) {
  .snsphoto3 {
    margin-top: 50px;
    width: 100%;
  }
  .snsphoto3_img{
  }
}
@media screen and (min-width: 551px) {
  .snsphoto3 {
    width: 85%;
  }
  .snsphoto3_img{
    border-radius:  50%;*/
  }
}



.home2_2b1 {
  margin-top:  100px;
  width:100%;
  height: auto;
  display: inline-block;
  /*border: 3px solid blue;*/
}
@media screen and (max-width: 550px) {
  .snhome2_2b1sbox5 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .home2_2b1 {
  }
}
.list2b_c2a {
  width: 100%;
}
.list2b_c2a ul {
  list-style: none;
}
.list2b_c2a ul li p {
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 21px;
	font-style:oblique;
	line-height:20px;
	font-family:'Monotype Corsiva';
	font-weight: 400;
	color:#330000 ;
}
.stage {
	position: relative;
  overflow: hidden;
	width: 95%;
	background:#EEE;
  /*border: 3px solid blue;*/
}
@media screen and (max-width: 550px) {
  .stage {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .stage {
  }
}
.photos {
  position: absolute;
	width: 100%;
	top:30px;
	transition:left 1s ease;
	animation:transtoright0 32s linear infinite;animation-delay:1s;
}
@media screen and (max-width: 550px) {
  .photos {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .photos {
  }
}
.pic {
  width:25%;
  position:absolute;
}
@media screen and (max-width: 550px) {
  .pic {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .pic {
  }
}
.pic img {
  width:94%;
}
		#ph1 {
      left:0%;
      border: 3px solid blue;
    }
		#ph2 { left:25%; }
		#ph3 { left:50%; }
		#ph4 { left:75%; }
		#ph5 { left:100%; }
		#ph6 { left:125%; }
		#ph7 { left:150%; }
		#ph8 { left:175%; }
		#ph9 { left:200%; }
		#ph10 { left:225%; }
		#ph11 { left:250%; }
		#ph12 { left:275%; }
		#ph13 { left:300%; }
		@keyframes transtoright0 {
			0%    { left:0%; }
			10%   { left:0%; }
			12.5% { left:-25% }
			22.5% { left:-25% }
			25%   { left:-50% }
			35%   { left:-50% }
			37.5% { left:-75% }
			47.5% { left:-75% }
			50%   { left:-100% }
			60%   { left:-100% }
			62.5% { left:-125% }
			72.5% { left:-125% }
			75%   { left:-150% }
			85%   { left:-150% }
			87.5% { left:-175% }
			97.5% { left:-175% }
			99.9999% { left:-200% }
			100%  { left:1%; }
		}
		@keyframes transtoright1 {
			0%    { left:0%; }
			10%   { left:0%; }
			12.5% { left:-25% }
			22.5% { left:-25% }
			25%   { left:-50% }
			35%   { left:-50% }
			37.5% { left:-75% }
			47.5% { left:-75% }
			50%   { left:-100% }
			60%   { left:-100% }
			62.5% { left:-125% }
			72.5% { left:-125% }
			75%   { left:-150% }
			85%   { left:-150% }
			87.5% { left:-175% }
			97.5% { left:-175% }
			99.9999% { left:-200% }
			100%  { left:1%; }
		}
		@keyframes transtoright2 {
			0%    { left:-25%; }
			10%   { left:-25%; }
			12.5% { left:-50% }
			22.5% { left:-50% }
			25%   { left:-75% }
			35%   { left:-75% }
			37.5% { left:-100% }
			47.5% { left:-100% }
			50%   { left:-125% }
			60%   { left:-125% }
			62.5% { left:-150% }
			72.5% { left:-150% }
			75%   { left:-175% }
			85%   { left:-175% }
			87.4999% { left:-200% }
			87.5% { left:0% }
			97.5% { left:0% }
			100%  { left:-25%; }
		}
		@keyframes transtoright3 {
			0%    { left:-50%; }
			10%   { left:-50%; }
			12.5% { left:-75% }
			22.5% { left:-75% }
			25%   { left:-100% }
			35%   { left:-100% }
			37.5% { left:-125% }
			47.5% { left:-125% }
			50%   { left:-150% }
			60%   { left:-150% }
			62.5% { left:-175% }
			72.5% { left:-175% }
			74.9999% { left:-200% }
			75%   { left:0% }
			85%   { left:0% }
			87.5% { left:-25% }
			97.5% { left:-25% }
			100%  { left:-50%; }
		}
		@keyframes transtoright4 {
			0%    { left:-75%; }
			10%   { left:-75%; }
			12.5% { left:-100% }
			22.5% { left:-100% }
			25%   { left:-125% }
			35%   { left:-125% }
			37.5% { left:-150% }
			47.5% { left:-150% }
			50%   { left:-175% }
			60%   { left:-175% }
			62.4999% { left:-200% }
			62.5% { left:0% }
			72.5% { left:0% }
			75%   { left:-25% }
			85%   { left:-25% }
			87.5% { left:-50% }
			97.5% { left:-50% }
			100%  { left:-75%; }
		}
		@keyframes transtoright5 {
			0%    { left:-100%; }
			10%   { left:-100%; }
			12.5% { left:-125% }
			22.5% { left:-125% }
			25%   { left:-150% }
			35%   { left:-150% }
			37.5% { left:-175% }
			47.5% { left:-175% }
			49.9999% { left:-200% }
			50%   { left:0% }
			60%   { left:0% }
			62.5% { left:-25% }
			72.5% { left:-25% }
			75%   { left:-50% }
			85%   { left:-50% }
			87.5% { left:-75% }
			97.5% { left:-75% }
			100%  { left:-100%; }
		}
		@keyframes transtoright6 {
			0%    { left:-124%; }
			10%   { left:-124%; }
			12.5% { left:-150% }
			22.5% { left:-150% }
			25%   { left:-175% }
			35%   { left:-175% }
			37.4999% { left:-200% }
			37.5% { left:0% }
			47.5% { left:0% }
			50%   { left:-25% }
			60%   { left:-25% }
			62.5% { left:-50% }
			72.5% { left:-50% }
			75%   { left:-75% }
			85%   { left:-75% }
			87.5% { left:-100% }
			97.5% { left:-100% }
			100%  { left:-125%; }
		}
		@keyframes transtoright7 {
			0%    { left:-150%; }
			10%   { left:-150%; }
			12.5% { left:-175% }
			22.5% { left:-175% }
			24.9999% { left:-200% }
			25%   { left:0% }
			35%   { left:0% }
			37.5% { left:-25% }
			47.5% { left:-25% }
			50%   { left:-50% }
			60%   { left:-50% }
			62.5% { left:-75% }
			72.5% { left:-75% }
			75%   { left:-100% }
			85%   { left:-100% }
			87.5% { left:-125% }
			97.5% { left:-125% }
			100%  { left:-150%; }
		}
		@keyframes transtoright8 {
			0%    { left:-175%; }
			10%   { left:-175%; }
			12.4999% { left:-200% }
			12.5% { left:0% }
			22.5% { left:0% }
			25%   { left:-25% }
			35%   { left:-25% }
			37.5% { left:-50% }
			47.5% { left:-50% }
			50%   { left:-75% }
			60%   { left:-75% }
			62.5% { left:-100% }
			72.5% { left:-100% }
			75%   { left:-125% }
			85%   { left:-125% }
			87.5% { left:-150% }
			97.5% { left:-150% }
			100%  { left:-175%; }
		}


.snsbox5 {
  margin-top: 20px;
  display: inline-block;
  width:50%;
  height: auto;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .snsbox5 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox5 {
  }
}
.snsbox5a1 {
  display: inline-block;
  width:30%;
  height: auto;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .snsbox5a1 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox5a1 {
  }
}
.snsbox5a1b {
  display: inline-block;
  margin-top: 50px;
  width:60%;
  height: auto;
  background-color: white;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .snsbox5a1b {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox5a1b {
  }
}
.snsbox5a {
  margin-top: 50px;
  width: 45%;
  height: auto;
  display: inline-block;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .snsbox5a {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox5a {
  }
}
.info5a {
   /*padding: 40px 0px 30px 0px;*/
   width: 45%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: center;
   font-style:oblique;
   font-size: 2.1vw;
   font-weight: 600;
   /*color: darkslategray;*/
   color: green;*/
   display: inline-block;
   border-bottom: solid 3px #3c6d49;

  /* border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .info5a {
     width: 100%;
   }
 }
 @media screen and (min-width: 551px) {
   .info5a {
   }
 }
 .info5a1 {
    /*padding: 40px 0px 30px 0px;*/
    width: 45%;
    height: auto;
    font-family:"Monotype Corsiva",  serif;
    text-align: center;
    font-style:oblique;
    font-size: 2.1vw;
    font-weight: 600;
    /*color: darkslategray;*/
    color: green;*/
    display: inline-block;
   /* border: 1px solid blue;*/
  }
  @media screen and (max-width: 550px) {
    .info5a1 {
      width: 100%;
    }
  }
  @media screen and (min-width: 551px) {
    .info5a1 {
    }
  }
 .info5b {
   /*padding:  50px 10px;*/
   width: 95%;
   left:0px;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: center;
   font-style:oblique;
   font-size: 1.6vw;
   font-weight: 500;
   color: green;
   display: inline-block;
   /*border: 1px solid darkslategray;*/
  }
  @media screen and (max-width: 550px) {
    .info5b {
      width: 100%;
      font-size: 6.6vw;

    }
  }
  @media screen and (min-width: 551px) {
    .info5b {
    }
  }
  .info5b1 {
    /*padding:  50px 10px;*/
    display: inline-block;
    padding-bottom: 15px;
    width: 60%;
    height: auto;
    text-align: right;
    font-family:"Monotype Corsiva",  serif;
    font-style:oblique;
    font-size: 1.6vw;
    font-weight: 500;
    color: green;
    background-color: white;
    /*border: 1px solid pink;*/
   }
   @media screen and (max-width: 550px) {
     .info5b1 {
       width: 100%;
       font-size: 6.6vw;

     }
   }
   @media screen and (min-width: 551px) {
     .info5b1 {
     }
   }
  .infobox5 {
    display: inline-block;
    padding: 5px 2px;
    margin-left: 10px;
    width: 60%;
    height: auto;
    color: darkslategray;
    font-family:"游ゴシック",  serif;
    /*font-style:oblique;*/
    font-size: 1.1vw;
    /*border: 3px solid red;*/
  }
  @media screen and (max-width: 550px) {
    .infobox5 {
      width: 100%;
      font-size: 3.5vw;

    }
  }
  @media screen and (min-width: 551px) {
    .infobox5 {
    }
  }
  .inbox5a {
   width: 85%;
   height: auto;
   font-family:"游ゴシック",  serif;
   color: darkslategray;
   font-size: 1.1vw;
   text-align: center;
   display: inline-block;
   /*border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .inbox5a {
     font-size: 3.5vw;
   }
 }
 @media screen and (min-width: 551px) {
   .inbox5a {
   }
 }
 .inbox5a1a {
   margin-top: 10px;
  width: 100%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  color: darkslategray;
  font-size: 1.1vw;
  display: inline-block;
  /*border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
  .inbox5a1a {
    width:100%;
    font-size: 4.7vw;
  }
 }
 @media screen and (min-width: 551px) {
  .inbox5a1a {
  }
 }
 .inbox5a1 {
   width: 88%;
   height: auto;
   font-family:"游ゴシック",  serif;
   color: darkslategray;
   font-size: 13px;
   display: inline-block;
   text-align: center;
   /*border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
  .inbox5a1 {
    font-size: 3.0vw;
  }
}
@media screen and (min-width: 551px) {
  .inbox5a1 {
  }
}
.inbox5a1b {
  display: inline-block;
  padding: 30px;
  width: 80%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  color: darkslategray;
  font-size: 1.0vw;
  text-align: center;
  background-color: #eee;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
 .inbox5a1b {
   font-size: 3.0vw;
 }
}
@media screen and (min-width: 551px) {
 .inbox5a1b {
 }
}
.info5c {
  display: inline-block;
  margin-top: 10px;
  width: 88%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  color: green;
  font-size: 2.0vw;
  text-align: center;
  /*border: 1px solid yellow;*/
}
@media screen and (max-width: 550px) {
 .info5c {
   font-size: 3.0vw;
 }
}
@media screen and (min-width: 551px) {
 .info5c {
 }
}

.inbox5a2 {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  height: auto;
  font-family:"游ゴシック",  serif;
  font-size: 1.0vw;
  text-align: center;
  font-weight: 500;
  color: darkslategray;
 /*border: 2px solid blue;*/
}
@media screen and (max-width: 550px) {
 .inbox5a2 {
   margin: 10px;
   padding: 3%;
   font-size: 4.0vw;

 }
}
@media screen and (min-width: 551px) {
 .inbox5a2 {
 }
}
.inbox5a3 {
  margin-top: 20px;
  width: 86%;
  height: auto;
  font-family:"游ゴシック",  serif;
  color: white;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  /*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
 .inbox5a3 {
   font-size: 8px;
 }
}
@media screen and (min-width: 551px) {
 .inbox5a3 {
 }
}
.inphoto4 {
  margin-top: 20px;
  width: 35%;
  height: auto;
  font-family:"游ゴシック",  serif;
  color: white;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  /*border: 1px solid blue;*/
}
 .inphoto4 > .inphoto4_img{
   /*display: inline-block;*/
   text-align: left;
   width: 40%;
   /*transition: 1s;*/
 }
 @media screen and (max-width: 550px) {
   .inphoto4 {
     width: 80%;
   }
   .inphoto4_img{
   }
 }
 @media screen and (min-width: 551px) {
   .inphoto4 {
     margin-right: 50px;
   }
 .inphoto4_img{
 }
}
.inphoto4b {
  margin-top: 20px;
  width: 86%;
  height: auto;
  font-family:"游ゴシック",  serif;
  color: white;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  /*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
 .inphoto4b {
   font-size: 8px;
 }
}
@media screen and (min-width: 551px) {
 .inphoto4b {
 }
}



.inphoto4a {
  display: inline-block;
  margin-top: 10px;
  margin-left: 13px;
  width: 42%;
  height: auto;
  font-family:"游ゴシック",  serif;
  color: white;
  font-size: 13px;
  text-align: left;
  /*border: 1px solid blue;*/
}
 .inphoto4a > .inphoto4a_img{
   /*display: inline-block;*/
   text-align: left;
   width: 90%;
   transition: 1s;
 }
 @media screen and (max-width: 550px) {
   .inphoto4a {
     width: 80%;
   }
   .inphoto4a_img{
   }
 }
 @media screen and (min-width: 551px) {
   .inphoto4a {
   }
 .inphoto4a_img:hover{
   transform: scale(1.3);
 }
}

.inphoto5 {
   margin-top: 50px;
   display: inline-block;
   width: 40%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: left;
   font-size: 2.2vw;
   color: green;
   /*border: 3px solid yellow;*/
 }
 .inphoto5 > .inphoto5_img{
   /*display: inline-block;*/
   text-align: left;
   width: 100%;
   transition: 1s;
 }
 @media screen and (max-width: 550px) {
   .inphoto5 {
     margin-top: 15px;
     width: 80%;
   }
   .inphoto5_img{
   }
 }
 @media screen and (min-width: 551px) {
   .inphoto5 {
     margin-right: 50px;
   }
 .inphoto5_img:hover{
   transform: scale(1.3);
 }
}
.inphoto51 {
   margin-top: 50px;
   display: inline-block;
   width: 40%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: left;
   font-size: 2.2vw;
   color: green;
   /*border: 3px solid yellow;*/
 }
 @media screen and (max-width: 550px) {
   .inphoto51 {
     margin-top: 15px;
     width: 80%;
 }
}
 @media screen and (min-width: 551px) {
   .inphoto5 {
     margin-right: 50px;
   }
}

.inphoto5a {
   margin-top: 40px;
   display: inline-block;
   width: 35%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: left;
   font-style:oblique;
   font-size: 2.2vw;
   color: green;
   /*border: 3px solid yellow;*/
 }
 .inphoto5a > .inphoto5a_img{
   /*display: inline-block;*/
   text-align: left;
   width: 100%;
   transition: 1s;
 }
 @media screen and (max-width: 550px) {
   .inphoto5a {
     width: 80%;
   }
   .inphoto5a_img{
   }
 }
 @media screen and (min-width: 551px) {
   .inphoto5a {
     width: 50%;
     margin-right: 50px;
   }
 .inphoto5a_img:hover{
   transform: scale(1.2);
 }
}
.inphoto5b{
   margin-top: 40px;
   display: inline-block;
   width: 35%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: left;
   font-style:oblique;
   font-size: 2.2vw;
   color: green;
   /*border: 3px solid yellow;*/
 }
 .inphoto5b > .inphoto5b_img{
   /*display: inline-block;*/
   text-align: left;
   width: 100%;
   transition: 1s;
 }
 @media screen and (max-width: 550px) {
   .inphoto5b {
     width: 80%;
   }
   .inphoto5b_img{
   }
 }
 @media screen and (min-width: 551px) {
   .inphoto5b {
     width: 50%;
   }
 .inphoto5b_img:hover{

 }
}
.inbox5b {
  margin-top: 50px;
  width: 35%;
  height: 35px;
  font-family:"游ゴシック",  serif;
  color: darkslategray;
  font-size: 1.1vw;
  display: inline-block;
  border: 1px solid darkslategray;*/
}
@media screen and (max-width: 550px) {
  .inbox5b {
    font-size: 2.9vw;
    }
  }
  @media screen and (min-width: 551px) {
    .inbox5b {
    }
  }
  .sample_p {
     width: 100px;
     height: 182px;
     overflow: hidden;
    }
  .sample_p img {
    opacity: 0.9;
    width: 150px;
    transition: all 0.5s;
    }
  .sample_p img:hover {
    opacity: 0.7;
    transform: scale(1.2, 1.2);
    z-index: 9999;
  }
  .inbox5b {
    background-color: white;
  }
  /* マウスオーバー時の背景色 */
  .inbox5b:hover {
    background-color: #000;
    /*background-color: #ffc9d7;*/
    opacity: 0.6;

  }
  .inbox5b {
    background-color: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  }
  .inbox5b:hover {
    opacity: 0.6;
    background-color: #000;
    /*background-color: #ffc9d7;*/
  }
  .info_1{
    width: 95%;
    height: auto;
    left: auto;
    font-family:"Monotype Corsiva",  serif;
    text-align: center;
    font-style:oblique;
    /*border: 5px solid green;*/
  }
  @media screen and (max-width: 550px) {
    .info_1 {
    }
  }
  @media screen and (min-width: 551px) {
    .info_1 {
    }
  }
  .photo_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100%;
    height: 30vh;
  }
  .photo_w .photow1 {
    position: relative;
    visibility: visible;
    overflow: hidden;
    top:2%;
    width: 30%;
    cursor: pointer;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 5px solid white;*/
  }
  .photo_w .photow1:nth-child(1) {
    background-image: url("21_folder/20220401_3.jpg");
  }
  .photo_w .photow1:nth-child(2) {
    background-image: url("21_folder/room_19824_a.jpg");
  }
  .photo_w .photow1:nth-child(3) {
   background-image: url('21_folder/1_bbqspace.jpg');
  }
  .photo_w .photow1:nth-child(4) {
   background-image: url('21_folder/2109bcafe1.jpg');
  }
  .photo_w .photow1:after {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 80%;
   content: '';
   opacity: 0;
   background-color: rgba(255,204,128 ,0.2);
  }
  .photo_w:hover .photow1:hover:after {
   visibility: visible;
   -webkit-transition: all 0.2s linear 0.4s;
   transition: all 0.2s linear 0.4s;
   opacity: 1;
  }
  .photo_w:hover .photow1:hover {
   width: 35%;
  }
  .photo_w .photow1 .photow2 {
   position: absolute;
   z-index: 4;
   bottom:25px;
   top:20px;
   left: 10px;
   visibility: hidden;
   max-width: 400px;
   padding: 20px;
   -webkit-transform: scale(0.85);
           transform: scale(0.85);
   color: #ffffff;
   border-radius: 5px;
   background-color: rgba(0,0,49,0.3);
  }
  .photo_w .photow1 .photow2 h2 {
   font-size: 1.4em;
  }
  .photo_w:hover .photow1:hover .photow2 {
   visibility: visible;
   -webkit-transition: all 0.2s linear 0.7s;
   transition: all 0.2s linear 0.7s;
   -webkit-transform: scale(1);
           transform: scale(1);
   opacity: 1;
  }
  @media only screen and (max-width:551px) {
   .photo_w {
     height: 80px;
   }
   .photo_w .photow1 .photow2 h2 {
     font-size: 0.9px;
   }
   .photo_w .photow1 .photow2 p {
     font-size: 0.7px;
   }
   .photo_w .photow1 .photow2 {
     right: 10px;
     bottom: 10px;
     left: 10px;
   }
   .photo_w:hover .photow1:hover .photow2 {
     left: 10px;
   }
  }







.snsbox6 {
  margin-top: 15px;
  padding: 10px;
  width:85%;
  height: auto;
  display: inline-block;
  font-family:"Monotype Corsiva",  serif;
  /*background: linear-gradient( #a7d28d, #e7e7e7, #192f60, #192f60);*/
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsbox6 {
    margin-top: 40px;
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox6 {
  }
}
.inbox6a {
  margin-top: 100px;
  width: 30%;
  font-family:"Monotype Corsiva",  serif;
  border-bottom: solid 3px #3c6d49;
  height: auto;
  font-size: 45px;
  /*background-color: #eee;*/
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .inbox6a {
    font-size: 4.5vw;
  }
}
@media screen and (min-width: 551px) {
  .inbox6a {
  }
}
.info6a {
  display: inline-block;
  width: 100%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  /*font-style:oblique;*/
  font-size: 1.8vw;
  font-weight: 400;*/
  border-bottom: solid 5px #3c6d49;
  color: darkslategray;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .info6a {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .info6a {
  }
}
.info6b {
  margin: 5px;
  width: 100%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 1.3vw;
  font-weight: 600;
  color: brown;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .info6b {
    width: 100%;
    margin-top: 10px;
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 551px) {
  .info6b {
  }
}
.info6c {
  display: inline-block;
  width: 55%;
  height: auto;
  left:50%;
  font-family:"Monotype Corsiva",  serif;
  font-weight: 600;
  text-align: center;
  font-style:oblique;
  font-size: 1.4vw;
  color: green;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .info6c {
    font-size: 3.5vw;
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .info6c {
  }
}
.info6d {
  display: inline-block;
  width:75%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 17px;
  font-weight: 600;
  color: darkslategray;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .info6d {
    width: 80%;
    margin-top: 10px;
    font-size: 3.5vw;

  }
}
@media screen and (min-width: 551px) {
  .info6d {
  }
}
.info6d1 {
  margin-top: 40px;
  margin-left: 50px:
  width:80%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 17px;
  font-weight: 600;
  color: darkslategray;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .info6d1 {
    width: 80%;
    margin-top: 10px;
    font-size: 3.5vw;

  }
}
@media screen and (min-width: 551px) {
  .info6d1 {
  }
}
.info6e {
   /*padding: 40px 0px 30px 0px;*/
   padding: 10px;
   width: 100%;
   height: auto;
   font-family:"Monotype Corsiva",  serif;
   text-align: center;
   font-style:oblique;
   font-size: 23px;
   color: green;
   display: inline-block;
   border-bottom: solid 2px #3c6d49;
   /*color: darkslategray;*/
   border: 1px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .info6e {
     width: 85%;
     font-size: 22px;
   }
 }
 @media screen and (min-width: 551px) {
   .info6e {
   }
 }
.sns6photo1 {
  margin-top: 50px;
  width: 100%;
  height: auto;
  display: inline-block;
  background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
  border: 5px solid green;*/
}
.sns6photo1 > .sns6photo1_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .sns6photo1 {
    width: 100%;
  }
  .sns6photo1_img{

  }
}
@media screen and (min-width: 551px) {
  .sns6photo1 {
  }
  .sns6photo1_img{
    /*object-position: 0 100%*/
    width: 80%;
    height: auto;
    object-fit: cover;
  }
}
.snsbox7 {
  margin-top: 50px;
  width: 100%;
  height: auto;
  left:50%;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 1.1vw;
  color: darkslategray;
  background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
  border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .snsbox7 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox7 {
  }
}
.inphoto7 {
  margin-top: 50px;
  width:　47%;
  height: auto;
  left:50%;
  display: inline-block;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 1.1vw;
  color: darkslategray;
  background-color: darkslategray;

  border: 1px solid green;*/
}
.inphoto7 > .inphoto7_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .inphoto7 {
    width: 98%;
  }
  .inphoto7_img{
  }
}
@media screen and (min-width: 551px) {
  .inphoto7 {
  }
  .inphoto7_img{
    /*object-position: 0 100%*/
    height: 250px;
    object-fit: contain;
  }
}
.schoolbox7b {
  margin-top: 20px;
  width: 40%;
  height: auto;
  left:50%;
  display: inline-block;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 1.1vw;
  color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .schoolbox7b {
    width: 100%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 551px) {
  .schoolbox7b {
  }
}
.schoolbox7c {
  margin-top: 10px;
  width: 100%;
  height: auto;
  left:50%;
  display: inline-block;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 1.1vw;
  color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .schoolbox7c {
    width: 100%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 551px) {
  .schoolbox7c {
  }
}

.BBQbox_7 {
  margin-top: 50px;
  width:100%;
  height: auto;
  display: inline-block;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  background-color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox_7 {
    padding: 0px;
    margin-top: 50px;
    width: 95%;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox_7 {
  }
}
.BBQbox_7a {
  display: inline-block;
  width: 50%;
  height: auto;
  left:10px;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  color: darkslategray;
  /*border: 2px solid pink;*/
}
@media screen and (max-width: 550px) {
  .BBQbox_7a {
    margin-top: 20px;
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox_7a {
  }
}
.BBQbox7a1 {
  margin-top: 0px;
  width: 88%;
  font-size: 2.4vw;
  margin-left: 30px;
  font-family:"Monotype Corsiva",  serif;
  font-weight: 600;
  text-shadow:-1px -1px 8px brown;
  text-align: center;
  color: white;
  /*border: 5px solid yellow;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7a1 {
    margin-top: 0px;
    width: 52%;
    text-align: center;
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7a1 {
  }
}
.BBQbox7a2 {
  margin-top: 10px;
  margin-left: 60px;
  width: 85%;
  font-size: 1.1vw;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  color: white;
  /*border: 5px solid yellow;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7a2 {
    margin-top: 20px;
    padding: 5px;
    text-align: center;
    margin-left: 15px;
    width: 85%;
    font-size: 3.5vw;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7a2 {
  }
}
.BBQbox7a3 {
  margin-top: 10px;
  margin-left: 60px;
  width: 95%;
  font-size: 1.1vw;
  font-family:"Monotype Corsiva",  serif;
  text-align: left;
  color: white;
  /*border: 5px solid yellow;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7a3 {
    margin-top: 3px;
    text-align: center;
    margin-left: 20px;
    width: 89%;
    font-size: 3.4vw;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7a3 {
  }
}

.BBQbox7b1a1 {
  padding:2px;
  width: 95%;
  height: auto;
  font-family:"游ゴシック",  serif;*/
  text-align: center;
  /*font-style:oblique;*/
  font-size: 0.9vw;
  color: white;
  /*border: 5px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7b1a1 {
    margin-left: 1px;
    padding: 5px;
    width: 90%;
    font-size: 10px;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7b1a1 {
  }
}
.BBQbox7b1a2 {
  padding:2px;
  width: 92%;
  height: auto;
  margin-left: 5px;
  font-family:"游ゴシック",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  font-size: 1.0vw;
  color: white;
  /*border: 5px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7b1a2 {
    padding: 3px;
    font-size: 10px;
    width: 50%;

  }
}
@media screen and (min-width: 551px) {
  .BBQbox7b1a2 {
  }
}
.inbox5a3c {
  margin-top: 10px;
  padding: 20px;
  width: 40%;
  height: auto;
  margin-left: 25%;
  font-family:"游ゴシック",  serif;*/
  /*font-style:oblique;*/
  opacity: 0.6;
  /*border: 5px solid white;*/
}
.inbox5a3c > .inbox5a3c_img{
}
.inbox5a3c_img:hover{
    opacity: 0;
   filter: alpha(opacity=80);
       -ms-filter: "alpha( opacity=80 )";
}

@media screen and (max-width: 550px) {
  .inbox5a3c {
    margin-top: 5px;
    margin-left:25%;
    width: 100%;

  }
  .inbox5a3c_img{
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .inbox5a3c {
  }
  .inbox5a3c_img{
    width: 100%;
    /*object-position: 0 100%*/
  }
}
.info6c1 {
  position: absolute;
  margin-top: 15px;
  width: 15%;
  margin-left: 15px;
  height: auto;
  font-family:"游ゴシック",  serif;
  /*font-style:oblique;*/
  font-size: 1.2vw;
  font-weight: 700;
  text-align: center;
  color: white;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .info6c1 {
    margin-top: 10px;
    margin-left: 20px;
    width: 32%;
  }
}
@media screen and (min-width: 551px) {
  .info6c1 {
  }
}
.BBQbox_7b {
  display: inline-block;
  width: 46%;
  height: auto;
  left: 50px;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  color: darkslategray;
  /*border: 5px solid pink;*/
}
@media screen and (max-width: 550px) {
  .BBQbox_7b {
    margin-top: 10px;
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox_7b {
  }
}
.BBQbox7a {
  display: inline-block;
  margin-top: 50px;
  width: 100%;
  height: auto;
  /*background-color: #000;*/
 /*border: 5px solid yellow;*/
}
.BBQbox7a >.spend1_img{
  /*display: inline-block;*/
  width: 100%;
  left: 0%;
  /*opacity: 0.6;*/
  /*translate: 0.8s;*/
}
.spend1_img:hover{
    /*  opacity: 0;*/
    /*  filter: alpha(opacity=80);
       -ms-filter: "alpha( opacity=80 )";*/
}
@media screen and (max-width: 550px) {
  .BBQbox7a {
    margin-top: 1px;
    margin-left: 0px;
    width: 100%;
  }
  .spend1_img{
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7a {
  }
  .spend1_img{

  }
}
.BBQbox7ab {
  display: inline-block;
  margin-top: 0px;
  width: 100%;
  height: auto;
  text-align: center;*/
  /*background-color: #000;*/
  /*border: 5px solid yellow;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7ab {
    width: 95%;
    margin-left: 5px;
    text-align: center;

  }
}
@media screen and (min-width: 551px) {
  .BBQbox7ab {
  }
}
.snsbox5ab {
  display: inline-block;
  margin-top: 50px;
  width:100%;
  height: auto;
 background: linear-gradient( #a7d28d, #e7e7e7, #192f60, #192f60);
/*border: 3px solid blue;*/
}
@media screen and (max-width: 550px) {
  .snsbox5ab {
    margin-top: 50px;
    width: 98%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox5ab {
  }
}
.snsbox5a1 {
  display: inline-block;
  margin-top: 10px;
  margin-left:60px;
  padding: 1%;
  width:20%;
  height: auto;
  background-color: #EEE;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsbox5a1 {
    margin-top: 50px;
    margin-left: 5px;
    width: 93%;
  }
}
@media screen and (min-width: 551px) {
  .snsbox5a1 {
  }
}
.inphoto5a7 {
  display: inline-block;
  width: 100%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  text-align: left;
  font-style:oblique;
  font-size: 2.2vw;
  color: green;
  /*border: 3px solid yellow;*/
}
.inphoto5a7 > .inphoto5a7_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .inphoto5a7 {
    padding: 10px;
    width: 80%;
  }
  .inphoto5a7_img{
  }
}
@media screen and (min-width: 551px) {
  .inphoto5a7 {
    width: 100%;
  }
  .inphoto5a7_img{
    /*height: 170px;*/
   /* border-radius:  50%;*/
  }
}
.inphoto5a7a {
  display: inline-block;
  margin-top: 30px;
  width: 25%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  text-align: left;
  font-style:oblique;
  font-size: 2.2vw;
  color: green;
  /*border: 3px solid red;*/
}
.inphoto5a7a > .inphoto5a7a_img{
  /*display: inline-block;*/
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .inphoto5a7a {
    padding:  10px;
    width: 90%;
  }
  .inphoto5a7a_img{
  }
}
@media screen and (min-width: 551px) {
  .inphoto5a7a {
  }
  .inphoto5a7a_img{
    /*height: 170px;*/
   /* border-radius:  50%;*/
  }
}
.info6c1a {
  position: absolute;
  margin-top: 5px;
  width: 17%;
  margin-left:10px;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  /*font-style:oblique;*/
  font-style:oblique;
  font-size: 1.0vw;
  font-weight: 700;
  text-align: center;
  color: white;
  /*border: 3px solid pink;*/
}
@media screen and (max-width: 550px) {
  .info6c1a {
    margin-top: 20px;
    margin-left: 10px;
    width: 80%;
    font-size: 4.0vw;

  }
}
@media screen and (min-width: 551px) {
  .info6c1a {
  }
}














.BBQbox7b {
  margin-top: 20px;
  padding: 10px;
  width: 43%;
  height: auto;
  display: inline-block;
  /*font-family:"Monotype Corsiva",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7b {
    padding: 0px;
    margin-top: 50px;
    width: 90%;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7b {
  }
}
.BBQbox7b1 {
  margin-top: 1px;
  width: 95%;
  padding: 5px;
  height: auto;
  left:50%;
  font-family:"游ゴシック",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  font-size: 1.0vw;
  color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7b1 {
    margin-top: 0px;
    width: 92%;
    font-size: 10px;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7b1 {
  }
}
.BBQbox7b2 {
  margin-top: 1px;
  width: 95%;
  padding: 5px;
  height: auto;
  left:50%;
  font-family:"游ゴシック",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  font-size: 1.0vw;
  color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7b2 {
    margin-top: 0px;
    width: 64%;
    font-size: 10px;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7b2 {
  }
}
.BBQbox7b3 {
  margin-top: 1px;
  width: 95%;
  padding: 5px;
  height: auto;
  left:50%;
  font-family:"游ゴシック",  serif;*/
  text-align: left;
  /*font-style:oblique;*/
  font-size: 1.0vw;
  color: darkslategray;
  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .BBQbox7b3 {
    margin-top: 0px;
    width: 73%;
    font-size: 10px;
  }
}
@media screen and (min-width: 551px) {
  .BBQbox7b3 {
  }
}
.info7b {
  /*padding:  50px 10px;*/
  display: inline-block;
  width:75%;
  margin-left: 250px;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  font-style:oblique;
  font-size: 2.0vw;
  font-weight: 600;
  color: white;
  background-color:  darkslategray;
  /*border-bottom: solid 2px #3c6d49;*/
  /*border: 1px solid red;*/
 }
 @media screen and (max-width: 550px) {
   .info7b {
     margin-left: 20px;
     width: 75%;
     color: white;
   }
 }
 @media screen and (min-width: 551px) {
   .info7b {
   }
 }
 .infobox6 {
   margin-top: 20px;
   width: 45%;
   height: auto;
   color: darkslategray;
   font-family:"游ゴシック",  serif;
   /*font-style:oblique;*/
   font-size: 1.1vw;
   display: inline-block;
   /*border: 3px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .infobox6 {
     margin-top: 5px;
     font-size: 3.5vw;

   }
 }
 @media screen and (min-width: 551px) {
   .infobox6 {
   }
 }
 .infobox7 {
   margin-left: 50px;
   padding: 10px 2px;
   width: 100%;
   height: auto;
   color: darkslategray;
   font-family:"游ゴシック",  serif;
   /*font-style:oblique;*/
   font-size: 1.1vw;
   display: inline-block;
   background-color: white;
   /*border: 3px solid blue;*/
 }
 @media screen and (max-width: 550px) {
   .infobox7 {
     width: 100%;
     font-size: 3.5vw;

   }
 }
 @media screen and (min-width: 551px) {
   .infobox7 {
   }
 }
 .infobox8 {
   padding: 50px 2px;
   width: 72%;
   height: auto;
   color: darkslategray;
   font-family:"游ゴシック",  serif;
   /*font-style:oblique;*/
   font-size: 1.1vw;
   display: inline-block;
   border: 3px solid red;*/
 }
 @media screen and (max-width: 550px) {
   .infobox8 {
     width: 100%;
     font-size: 3.5vw;
   }
 }
 @media screen and (min-width: 551px) {
   .infobox8 {
   }
 }
 .info6 {
    /*padding: 40px 0px 30px 0px;*/
    display: inline-block;
    width: 36%;
    height: auto;
    font-family:"Monotype Corsiva",  serif;
    text-align: center;
    font-style:oblique;
    font-size: 1.7vw;
    color: green;
    background-color: #eee;
    border-bottom: solid 2px #3c6d49;
    /*color: darkslategray;*/
    /*border: 1px solid blue;*/
  }
  @media screen and (max-width: 550px) {
    .info6 {
      margin-top: 20px;
      width: 60%;
      font-size: 22px;
    }
  }
  @media screen and (min-width: 551px) {
    .info6 {
    }
  }
 .info7 {
    /*padding: 40px 0px 30px 0px;*/
    display: inline-block;
    margin-top: 30px;
    width: 70%;
    height: auto;
    font-family:"Monotype Corsiva",  serif;
    font-size: 2.0vw;
    color: darkslategray;
    font-weight: 700;
    text-shadow:-1px -1px 3px darkslategray;
    text-align: center;
    font-style:oblique;
    /*border-bottom: solid 2px #3c6d49;*/
    /*color: darkslategray;*/
    /*border: 1px solid blue;*/
  }
  @media screen and (max-width: 550px) {
    .info7 {
      width: 85%;
      font-size: 22px;
    }
  }
  @media screen and (min-width: 551px) {
    .info7 {
    }
  }
  .info8 {
     /*padding: 40px 0px 30px 0px;*/
     width: 58%;
     height: auto;
     font-family:"Monotype Corsiva",  serif;
     text-align: center;
     font-style:oblique;
     font-size: 23px;
     color: green;*/
     display: inline-block;
     /*color: darkslategray;*/
     /* border: 1px solid pink;*/
   }
   @media screen and (max-width: 550px) {
     .info8 {
       width: 100%;
       font-size: 22px;

     }
   }
   @media screen and (min-width: 551px) {
     .info8 {
     }
   }

  .info7a {
    /*padding: 40px 0px 30px 0px;*/
    display: inline-block;
    padding:  2px;
    width: 100%;
    height: auto;
    font-family:"游ゴシック",  serif;

    /*font-family:"Monotype Corsiva",  serif;*/
    text-align: center;
    font-size: 1.2vw;
    font-weight: 600;
    color: darkslategray;
    /*font-style:oblique;*/
    /*border: 1px solid blue;*/
  }
  @media screen and (max-width: 550px) {
    .info7a {
      width: 100%;
      font-size: 3.2vw;
      font-family:"游ゴシック",  serif;
    }
  }
  @media screen and (min-width: 551px) {
    .info7a {
    }
  }
  .info7c {
    /*padding: 40px 0px 30px 0px;*/
    width: 70%;
    margin-left: 100px;
    height: auto;
    font-family:"Monotype Corsiva",  serif;
    text-align: left;
    font-style:oblique;
    font-size: 1.5vw;
    font-weight: 600;
    color: brown;*/
    display: inline-block;
    border-bottom: solid 2px #3c6d49;
    /*border: 1px solid blue;*/
  }
  @media screen and (max-width: 550px) {
    .info7c {
      margin-left: 50px;
      text-align: center;
      width: 70%;
      font-size: 3.5vw;

    }
  }
  @media screen and (min-width: 551px) {
    .info7c {
    }
  }
.inbox7a {
  display: inline-block;
  padding-top: 30px;
  width: 70%;
 height: auto;
 font-family:"游ゴシック",  serif;
 text-align: center;
 font-size: 1.1vw;
 font-weight: 500;
 color: darkslategray;
/*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
 .inbox7a {
   font-size: 11px;

 }
}
@media screen and (min-width: 551px) {
 .inbox7a {
 }
}
.inbox7b {
 width: 36%;
 height: auto;
 font-family:"游ゴシック",  serif;
 color: darkslategray;
 text-align: left;
 font-size: 1.0vw;
 display: inline-block;
 /*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
 .inbox7b {
 }
}
@media screen and (min-width: 551px) {
 .inbox7b {
 }
}
.inbox5a {
  margin-top: 20px;
  width: 86%;
  height: auto;
  font-family:"游ゴシック",  serif;
  color: black;
  font-size: 13px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  /*border: 1px solid blue;*/
}
@media screen and (max-width: 550px) {
 .inbox5a4 {
   font-size: 8px;
 }
}
@media screen and (min-width: 551px) {
 .inbox5a4 {
 }
}
.snsphoto3info {
  position: absolute;
  margin-top: 80px;
  left:5%;
  width: 29%;
  height: auto;
  color: white;
  background-color: white;
  opacity: 0.9;*/
　border: 3px solid red;
}
@media screen and (max-width: 550px) {
  .snsphoto3info {
    margin-top: 160px;
    width: 90%;
    height: 120px;
  }
}
@media screen and (min-width: 551px) {
  .snsphoto3info {
  }
}
.snsphoto3info1 {
  margin-top: 25px;
  width: 75%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  font-size: 1.5vw;
  color: black;

  font-weight: 600;
  text-decoration: none;
  /*border-bottom: solid 3px white;/*
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsphoto3info1 {
    margin: 20px 40px;
    font-size: 10px;
  }
}
@media screen and (min-width: 551px) {
  .snsphoto3info1 {
  }
}
.snsphoto3info2 {
  margin-top: 25px;
  width: 100%;
  height: auto;
  text-align: center;
  font-family:"游ゴシック",  serif;
  font-size: 1.0vw;
  color: black;
  font-weight: 600;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .snsphoto3info2 {
    margin: 10px 40px;
    width: 65%;
    font-size: 9px;
  }
}
@media screen and (min-width: 551px) {
  .snsphoto3info2 {
  }
}

.schoolbox3 {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  height: auto;
  vertical-align: top;
  /*border: 3px solid red;*/
}
@media screen and (max-width: 550px) {
  .schoolbox3 {
    width: 95%;
  }
}
@media screen and (min-width: 551px) {
  .schoolbox3 {
  }
}
.snsinfobox4ph {
  margin-top: 0%;
  width: 100%;
  height: auto;
  background-color: #000;
  /*border: 5px solid yellow;*/
}
.snsinfobox4ph >.spend_img{
  /*display: inline-block;*/
  text-align: center;
  width: 100%;
  left: 0%;
  opacity: 0.6;
  translate: 0.8s;
}
.spend_img:hover{
      opacity: 1;
    /*  filter: alpha(opacity=80);
       -ms-filter: "alpha( opacity=80 )";*/
}
@media screen and (max-width: 550px) {
  .snsinfobox4ph {
    width: 100%;
  }
  .spend_img{
    height: 150px;
    object-fit: cover;
  }
}
@media screen and (min-width: 551px) {
  .snsinfobox4ph {
  }
  .spend_img{
    object-fit: contain;
  }
}
.endobox {
  margin-top: 5%;
  width: 100%;
  height: auto;
  left:20%;
  /*background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
  background: linear-gradient(#2f4f4f, #2e8b57, #e7e7e7, #fefefe);*/
  border: 5px solid red;*/
}
@media screen and (max-width: 550px) {
  .endobox {
  }
}
@media screen and (min-width: 551px) {
  .endobox {
    /*background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
    /*background: linear-gradient(45deg, #000000, #e7e7e7);*/
  }
}
.lastbox {
  margin-top: 50px;
  width: 100%;
  height: auto;
  left:20%;
  /*background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
  background: linear-gradient(#2f4f4f, #2e8b57, #e7e7e7, #fefefe);*/

  /*border: 1px solid red;*/
}
@media screen and (max-width: 550px) {
  .lastbox {
  }
}
@media screen and (min-width: 551px) {
  .lastbox {
    /*background: linear-gradient(#efffef, #f7ffef, #e7e7e7);*/
    /*background: linear-gradient(45deg, #000000, #e7e7e7);*/
  }
}
.cresson {
  padding: 30px 0px;
  width: 18%;
  height: auto;
  /*border:5px solid red;*/
}
.cresson > .cresson_img{
  /*display: inline-block;*/
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .cresson {
    margin-top: 42%;
    width: 90%;
    left: 5%;
  }
  .cresson_img{
  }
}
@media screen and (min-width: 551px) {
  .cresson {
  }
  .cresson_img{
  }
}
.cbox1 {
  display: inline-block;
  width: 90%;
  height: auto;
  left: 40%;
  /*border: 1px solid brown;*/

}
@media screen and (max-width: 550px) {
  .cbox1 {
    width: 90%;
  }
}
@media screen and (min-width: 551px) {
  .cbox1 {
  }
}
.cboxna1 {
  padding: 3px;
  width: 47%;
  height: auto;
  left: 40%;
  text-align: center;
  font-family:"KaiTi",  serif;
  font-size: 25px;
  font-weight: 800;
  color: white;
  /*border: 5px solid brown;*/

}
@media screen and (max-width: 550px) {
  .cboxna1 {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .cboxna1 {
  }
}
.cboxna1a {
  padding: 3px;
  width: 47%;
  height: auto;
  left: 40%;
  text-align: center;
  font-family:"KaiTi",  serif;
  font-size: 25px;
  color: green;
  /*border: 5px solid brown;*/

}
@media screen and (max-width: 550px) {
  .cboxna1a {
    width: 100%;
  }
}
@media screen and (min-width: 551px) {
  .cboxna1a {
  }
}

.cboxna2 {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  height: auto;
  color: black;
  font-family:"KaiTi",  serif;
  /*border: 5px solid brown;*/
}
@media screen and (max-width: 550px) {
  .cboxna2 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 551px) {
  .cboxna2 {
  }
}
.cboxna3 {
  display: inline-block;
  width: 15%;
  height: auto;
  left: 40%;
  font-family:"KaiTi",  serif;
  text-decoration: none;
  font-size: 1.1vw;
  color: black;
  /*border: 5px solid red;*/

}
@media screen and (max-width: 550px) {
  .cboxna3 {
    font-size: 2.5vw;

  }
}
@media screen and (min-width: 551px) {
  .cboxna3 {
  }
}
.cboxna4 {
  display: inline-block;
  width: 15%;
  height: 30%;
  left: 40%;
  font-family:"KaiTi",  serif;
  font-size: 1.1vw;
  /*border: 5px solid red;*/

}
@media screen and (max-width: 550px) {
  .cboxna4 {
  }
}
@media screen and (min-width: 551px) {
  .cboxna4 {
  }
}
.cbox2 {
  width: 80%;
  height: 30%;
  left: 40%;
  padding: 20px 20px;
  /*border: 5px solid brown;*/

}
@media screen and (max-width: 550px) {
  .cbox2 {
  }
}
@media screen and (min-width: 551px) {
  .cbox2 {
  }
}
.cboxna5 {
  display: inline-block;
  width: 15%;
  height: 30%;
  left: 40%;
  font-family:"KaiTi",  serif;
  font-size: 1.1vw;
 /*border: 5px solid red;*/

}
@media screen and (max-width: 550px) {
  .cboxna5 {
  }
}
@media screen and (min-width: 551px) {
  .cboxna5 {
  }
}
.cbox3 {
  padding: 15px;
  display: inline-block;
  width: 90%;
  height: auto;
  font-family:"Monotype Corsiva",  serif;
  text-align: center;
  font-style:oblique;
  font-size: 0.9vw;
  /*border: 5px solid brown;*/

}
@media screen and (max-width: 550px) {
  .cbox3 {
  }
}
@media screen and (min-width: 551px) {
  .cbox3 {
  }
}