*, *::before, *::after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slider{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 10px;
}

.slider::after{
  content : "";
  display : block;
  clear : both;
}

.main p{
  text-align: justify;
  text-justify: inter-ideograph;
}

.menubox h2{
  font-family : 游明朝;
}

.menu1{
  position: relative;
}

.menu1 a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color : #1f1f1f;
  text-decoration : none;
}

.menu1:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}

.menu2{
  position: relative;
}

.menu2 a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color : #1f1f1f;
  text-decoration : none;
}

.menu2:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}

.menu3{
  position: relative;
}

.menu3 a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color : #1f1f1f;
  text-decoration : none;
}

.menu3:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}

.menu5 a{
  color : #1f1f1f;
  text-decoration : none;
}

.menu5 a:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}


.season h2{
  font-weight : 400;
}

.info_title{
  font-family : 游明朝;
  font-size : 2rem;
  padding-top : 20px;
  font-weight : 700;
}

.info ul{
  padding-top : 5px;
}

.info li a{
  color : #1f1f1f;
  text-decoration : none;
}

.info li a:hover{
  color : gray;
  text-decoration : underline;
}

.intro_title{
  text-align : center;
  margin-top : 100px;
}

.intro_title::after{
  content : "";
  display : block;
  clear : both;
}

.intro h3,.sightsheen h3{
  margin-top : 5px;
  margin-bottom : 10px;
  font-family : 游ゴシック;
  font-weight : 400;
  text-align : center;
}

.introA{
  background-color : #323232;
}

.introB{
  background-color : #323232;
}

.intro2 p{
  color : #ffffff;
  padding-top : 50px;
  padding-left : 30px;
  padding-right : 30px;
}

.intro2 h4 a{
  color : #ffffff;
  padding-top : 5px;
  font-size : 1.6rem;
  font-weight : 400;
  text-decoration : none;
  padding-bottom : 5px;
  margin-left : 30px;
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  display : block;
  width : 300px;
  text-align : center;
}

.intro2 h4 a:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}

.sightsheen h2{
  font-family : 游明朝;
  font-weight : 700;
  margin-top : 0px;
  text-align : center;
  margin-bottom : 0px;
}

.sightsheen h4 a{
  padding-top : 5px;
  font-size : 1.6rem;
  font-weight : 400;
  text-decoration : none;
  padding-bottom : 5px;
  margin-left : auto;
  margin-right : auto;
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  display : block;
  width : 75%;
  text-align : center;
  color : #1f1f1f;
}

.sightsheen h4 a:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}

.sightsheen p{
  padding-left : 5px;
  padding-right : 5px;
  margin-top : 0px;
  padding-top : 3px;
  padding-bottom : 3px;
}

.feed h2,.link h2{
  margin-top : 100px;
  font-size : 1.8rem;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #323232;
  font-family : 游明朝;
}

.blog a{
  color : #1f1f1f;
  text-decoration : none;
}

.blog a:hover{
  color : gray;
  text-decoration : underline;
}

.link ul{
  list-style-type : disc;
}

.link li a{
  color : #1f1f1f;
  text-decoration : none;
}

.link li a:hover{
  filter:alpha(opacity=50);/* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";/* IE 8,9 */
  -moz-opacity:0.5;/* FF , Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity:0.5;
  zoom:1;/*IE*/
}







/* ########## 767px以下 ########## */ 

@media (max-width: 767px) {


.menubox span{
  display : inline-block;
  text-indent : -9999px;
}

.menubox h2{
  margin-top : 3px;
  margin-left : 0px;
  margin-bottom : 0px;
  font-size : 1.8rem;
  padding-left : 10px;
  padding-right : 10px;
  margin-right : 0px;
  padding-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : silver;
  width : 100%;
  padding-top : 2px;
  border-top-width : 1px;
  border-top-style : dashed;
  border-top-color : silver;
}

.menubox p{
  padding-left : 15px;
  }

.menubox form{
  margin-left : 30px;
}

.menu1,.menu2,.menu3{
  margin-top : 10px;
  margin-bottom : 70px;
  margin-left : 0px;
  margin-right : 0px;
}

.menu1 a{
  padding-left : 15px;
  padding-right : 15px; 
  margin-top : 40px;
}

.menu2 a,.menu3 a{
  padding-left : 15px;
  padding-right : 15px; 
  margin-top : 40px;
}

.season span{
  display : inline-block;
  text-indent : -9999px;
}

.season h2{
  font-size : 1.8rem;
  padding-left : 10px;
}

.season p{
  margin-left : 0px;
  font-size : 1.6rem;
  padding-left : 15px;
  padding-right : 10px;
  margin-top : -60px;
  margin-right : 0px;
  margin-bottom : 0px;
}

.banner{
  margin-top : 20px;
    margin-left : 10px;
    margin-right : 10px;
  }

.info ul{
  margin-top : -5px;
}

.info_title{
  margin-left : 20px;
}

.intro2 p{
  margin-top : 0px;
  padding-top : 0px;
}

.introB{
  padding-bottom : 1px;
}

.feed h2,.link h2{
  font-size : 1.8rem;
  padding-left : 10px;
}

.link ul{
  margin-top : 0px;
  list-style-type : disc;
  margin-left : 5px;
}    

.linkA{
  margin-left : 15px;
}

}




/* ########## 768px以上 ########## */ 

@media (min-width: 768px) {


.menubox, .season,.info,.link{
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
}

.menubox::after{
  content : "";
  display : block;
  clear : both;
}

.menubox h2{
  font-size : 2rem;
  margin-top : 10px;
  margin-bottom : 10px; 
}

.menubox p{
  font-size: 1.4rem;
  margin-top : 0px;
  margin-bottom : 0px; 
}


.menu1,.menu2,.menu3,.menu4{
  box-sizing: border-box;
  margin-right : 1.25%;
  float : left;
  width : 19%;
  margin-top : 0px;
  margin-left : 0px;
  margin-bottom : 0px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;border-width : 1px;border-style : solid;border-color : #323232;
  height : 180px;  
}

.menu5{
  box-sizing: border-box;
  float : right;
  width : 19%;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-width : 1px;border-style : solid;border-color : #323232;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  height : 180px;
}

.menu1,.menu2,.menu3,.menu4,.menu5{
  text-align : center;
}

.menu1 a{
  margin-top : 60px;
}

.menu2 a{
  margin-top : 60px;
}

.menu3 a{
  margin-top : 60px;
}

.season{
  margin-top : 15px;
}

.season::after{
  content : "";
  display : block;
  clear : both;
}

.season_img{
  float : left;
  width : 59.5%;
}

.season_text{
  float : left;
  width : 40.5%;
  padding-left : 15px;
}

.season h2{
  font-size : 1.8rem;
  padding-top : 10px;
  padding-bottom : 10px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  border-top-color : #323232;
  border-bottom-color : #323232;  
  background-repeat : no-repeat;
  background-position : right center;  
  background-image : url(../../image/home/image1.jpg);
}

.season h3{
  font-size : 1.1rem;
  font-weight : 400;
  margin-top : -20px;
  margin-left : 180px;
}

.banner{
  max-width : 1000px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 30px;
  margin-bottom : 30px;
  }

.intro_title{
  margin-top : 150px;
}

.info::after{
  content : "";
  display : block;
  clear : both;
}

.info_title{
  float : left;
}

.info_list{
  float : left;
  margin-left : 30px;
  margin-bottom : -50px;
}

.introB::after{
  content : "";
  display : block;
  clear : both;
}

.intro1{
  float : left;
  width : 60%;
}

.intro2{
  float : left;
  width : 40%;
}

.sightsheen::after{
  content : "";
  display : block;
  clear : both;
}

.sightsheen_box{
  float : left;
  width : 33.3333%;
}

.sightsheen p{
  padding-left : 20px;
  padding-right : 20px;
}

.feed{
  max-width : 1000px;
  margin-right : auto;
  margin-left : auto;
}

.feed::after{
  content : "";
  display : block;
  clear : both;
}

.blog{
  float : left;
  width : 49%;
  margin-right : 10px;
}

.instagram{
  float : left;
  width : 49%;
  margin-left : 10px;
}

.feed h2{
  font-size : 1.8rem;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #323232;
}

.link_box::after{
  content : "";
  display : block;
  clear : both;
}

.linkA{
  float : left;
  width : 15%;
  text-align : center;border-width : 1px;border-style : solid;border-color : silver;
  display : block;  
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  color : white;
  background-color : #323232;
}

.linkB{
  float : left;
  width : 85%;
}

.link ul{
  margin-top : 0px;
  list-style-type : none;
  margin-left : -30px;
}    

.link li a{
  display : block;
  text-align : center;
  color : #1f1f1f;
  width : 32%;  
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-left : 10px;border-width : 1px;border-style : solid;border-color : silver;
  margin-bottom : 10px;
  float : left;
}


}