/* 共通 */
.pc.tb {
  display: inline-block
}
.tb {
  display: none;
}
.sp {
  display: none;
}

/* 全体 */
@media (min-width: 561px) {
  a[href^="tel:"] {
      pointer-events: none;
      cursor: default;
  }
  }

/* フォント関係 */
body {
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 16px;
  line-height: 2.2;
  /* letter-spacing: 0.2px; */
}

a {
	color: #000;
	text-decoration: none;
  transition: 0.3s;
}
a:hover {
  opacity: 0.6;
}

/* フェードイン */
/* .fadeinTop {
  opacity : 0;
  transition: opacity 1s;
}
.fadeinTop2 {
  opacity : 0;
  transition: opacity 1s 0.6s;
} */
.fadeinTopBottom {
  opacity : 0;
  transform: translateY(80px);
  transition: opacity 2s, transform 2s;
}
@media(max-width: 560px) {
  .fadeinTopBottom {
    opacity : 0;
    transform: translateY(40px);
    transition: opacity 2s, transform 2s;
  }
}
/* .fadeinTop4Bottom {
  opacity : 0;
  transform: translateY(30px);
  transition: opacity 1s 1.2s, transform 1s 1.2s;
} */
.fadein {
  opacity : 0;
  filter: blur(10px);
  transition: opacity 1s, transform 1s, filter 2.5s;
}
.fadein_left {
	opacity : 0;
	transform: translateX(-30px);
	transition: opacity 1s, transform 1s;
}
.fadein_right {
	opacity : 0;
	transform: translateX(30px);
	transition: opacity 1s, transform 1s;
}
.fadein_bottom {
  opacity : 0;
  transform: translateY(80px);
  transition: opacity 2s, transform 2s;
}
/* @media(max-width: 1024px) {
  .fadein_bottom {
    opacity : 0;
    transform: translateY(60px);
    transition: opacity 2s, transform 2s;
  }
} */
@media(max-width: 560px) {
  .fadein_bottom {
    opacity : 0;
    transform: translateY(40px);
    transition: opacity 2s, transform 2s;
  }
}
/* .fadein_bottom1 {
  opacity : 0;
  transform: translateY(30px);
  transition: opacity 1s 0.3s,  transform 1s 0.3s;
}
.fadein_bottom2 {
  opacity : 0;
  transform: translateY(30px);
  transition: opacity 1s 0.6s,  transform 1s 0.6s;
} */



/* メニュー関係 */
header {
  width: 100%;
}

#topMenuContainer {
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  flex: 0 1 100px;
  margin-left: 40px;
}

.logo img {
  width: 100%;
  vertical-align: bottom;
}

.onlineshop {
  width: 94px;
  margin-right: 40px;
}

.onlineshop img {
  width: 100%;
  vertical-align: bottom;
}








/* フッター */
footer {
  width: 100%;
  height: 180px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footerLogo {
  width: 122px;
}

.footerLogo img {
  width: 100%;
  vertical-align: bottom;
}

.copy {
  position: absolute;
  bottom: 10px;
  font-size: 10px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
  letter-spacing: 0.5px;
}







@media (max-width: 1024px) {
.pc {
  display: none;
}
.tb {
  display: inline-block;
}
.tb.sp {
  display: inline-block;
}

/* メニュー関係 */
header {
  width: 100%;
}

#topMenuContainer {
  /* width: 100%; */
  height: 60px;
  /* position: fixed;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between; */
}

.logo {
  /* flex: 0 1 100px;
  margin-left: 40px; */
  display: none;
}

/* .logo img {
  width: 100%;
  vertical-align: bottom;
} */

.onlineshop {
  /* width: 94px; */
  margin-left: 30px;
}

/* .onlineshop img {
  width: 100%;
  vertical-align: bottom;
} */








/* フッター */
/* footer {
  width: 100%;
  height: 180px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footerLogo {
  width: 122px;
}

.footerLogo img {
  width: 100%;
  vertical-align: bottom;
}

.copy {
  position: absolute;
  bottom: 10px;
  font-size: 10px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
  letter-spacing: 0.5px;
} */

}







/* スマホ */
@media (max-width: 560px) {
  .tb {
    display: none;
  }
  .pc.tb {
    display: none;
  }
  .sp {
    display: inline-block;
  }

/* メニュー関係 */
/* header {
  width: 100%;
} */

#topMenuContainer {
  /* width: 100%; */
  height: 50px;
  /* position: fixed;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between; */
}

/* .logo { */
  /* flex: 0 1 100px;
  margin-left: 40px; */
  /* display: none;
} */

/* .logo img {
  width: 100%;
  vertical-align: bottom;
} */

.onlineshop {
  /* width: 94px; */
  margin-left: 20px;
}

.onlineshop img {
  /* width: 100%; */
  vertical-align: middle;
}








/* フッター */
/* footer {
  width: 100%;
  height: 180px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footerLogo {
  width: 122px;
}

.footerLogo img {
  width: 100%;
  vertical-align: bottom;
}

.copy {
  position: absolute;
  bottom: 10px;
  font-size: 10px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
  letter-spacing: 0.5px;
} */

}