@charset "utf-8";
/* CSS Document */
#instagram h2 {
    margin-bottom: 20px;
}
.start {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start h1 {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}
#logoindex{
    margin-top: -80px;
}
#instagram{
    margin: 0 auto;
}
.sectionlogo {
  margin: 0 auto;
  height: 50px;
}
main {
  text-align: center;
}
h2 {
  text-align: center;
}
#indexcate {
  overflow: hidden;
}
#indexfooter {
  margin-top: 100px;
  clear: both;
}
img {
  vertical-align: bottom;
}
#multiple-item multiple-item img:hover {
    
  opacity: 0.5;
}
#multiple-item multiple-item img:active {
  opacity: 0.5;
}
#indexcate {
  margin: 0 auto;
}
#indexcate img:hover {
  transform: scale(1.4, 1.4);
}
#indexcate img:active {
  transform: scale(1.4, 1.4);
}

@media screen and (max-width: 768px) {
    section{
        margin-bottom: 100px;
    }
    #logo img{
        width: 200px;
    }
    #category{
        margin-top: 300px;
    }
    #logo2 {
        margin: 0 auto;
		height: 100vw;
        
    }
	#logo2 img{
		width: 500px;
		margin-top: 140px;
	}
  
  #indexcate {
    width: 100%;
  }
  #flex1 {
    margin: 0 auto;
  }
  #flex1 ul li img {
    width: 40%;
    margin-left: 5%;
    float: left;
  }
  #indexfooter {
    margin-top: 100px;
  }
}
@media screen and (min-width: 769px) {
	#logo2{
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
	}
    #logoindex{
        display: none;
    }
  section {
margin-bottom: 100px;
  }
  #indexcate {
    margin: 0 auto;
    width: 100%;
  }
  #flex1 {
    margin: 0 auto;
  }
  #flex1 ul li img {
    width: 250px;
    margin-left: 5%;
    float: left;
  }
  #indexfooter {
    margin-top: 100px;
  }
}
@media screen and (min-width: 769px) {
  .hamberger_menu {
    display: none;
  }
  .multiple-item2 img:hover {
      transition-duration: 0.7s;
      transform: scale(1.1,1.1);
    
  }
  #footersns {
    width: 400px;
    margin: 0 auto;
  }
  ul#nav li img:hover {
    transform: scale(1.2, 1.2);
      transition-duration: 0.7s;
  }
  ul#nav li img:active {
    transform: scale(1.2, 1.2);
      transition-duration: 0.7s;
  }
  ul#nav li {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
    #instagram {
        
  width: 100%;
    }
  #gnav li {
    font-size: 10px;
  }
  #navbar {
    display: none;
  }
}
ul#nav li img {
  height: 50px;
}
ul#nav {
  margin: 30px auto;
  width: 700px;
  display: flex;
  justify-content: space-between;
}
#wrapper {
  overflow: hidden;
  background-color: #002200;
}
.multiple-item img:hover {
  opacity: 0.5;
}
.multiple-item img:active {
  opacity: 0.5;
}
.multiple-item2 img:active {
  opacity: 0.5;
}
h1 {
  text-align: center;
}
main {
  margin-top: 100px;
}
figure {
  margin-top: 100px;
  color: #fff;
}
figcaption {
  text-align: center;
  padding-left: 0px;
}
#category {

}
#category img {
  margin-top: 20px;
}
.multiple-item2 {
  text-align: center;
}

.multiple-item {
  background-color: rgba(255, 255, 255, 0.14);
  font-size: 0.9em;
}
.pic1 {
  margin-top: 30px;
}
.pic2 {
  margin-top: 30px;
}
.pic3 {
  margin-top: 30px;
}
.pic4 {
  margin-top: 30px;
}
#footersns img {
  width: 60px;
}
#footersns {
  margin-bottom: 100px;
  display: flex;
  justify-content: space-around;
}
#snswidth {
  width: 80vw;
  margin: 0 auto;
}
ul#footersns li img:hover {
  opacity: 0.5;
}
ul#footersns li img:active {
  opacity: 0.5;
}
/*左右の矢印の色を変える*/
.slick-prev:before, .slick-next:before {
  color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
  right: 20px;
  z-index: 99;
}
.slick-prev {
  left: 15px;
  z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before, .slick-dots li button:before {
  color: #fff;
}
footer {
  padding-top: 100px;
  padding-bottom: 20px;
  text-align: center;
  color: #fff;
}


@media screen and (min-width:768px) {
  #instagram {
    width: 400px;
  }
}
/*スライド画像の横幅可変*/
img {
  max-width: 100%;
  height: auto;
}
#logo {
  
}
@media screen and (min-width:768px) {
  
  }
  #minimini {
    margin-top: 30px;
    width: 100px;
  }

#indexlogo {
  margin-top: -80px;
}
.gnav {
  height: 1.2rem;
  margin: 0 auto;
}
.gnav > li { /*親階層のみ幅を25%にする*/
}
/*全てのリスト・リンク共通*/
.gnav li {
  list-style: none;
  position: relative;
}
.gnav li a {
  color: #fff;
  display: block;
  text-decoration: none;
  width: 100%;
}
.gnav li li:hover {
  background-color: rgba(65, 61, 61, 0.70);
}
.gnav li li {
  display: block;
  border-radius: 8px;
  height: 0;
  overflow: hidden;
  transition: .5s;
}
.gnav li li a {
  text-align: center;
  color: #fff;
}
.gnav li:hover > ul > li {
  height: 2rem;
  overflow: visible;
}
.hamberger_list li:active {
  background-color: black;
}
.hamberger_list li:hover {
  background: black;
}