/*common*/
html {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: normal;
  font-style: normal;
}
body {
  color: #111;
}

.only-sp {
	display: none;
}


.top-nav {
	color:#0F74D8;
	font-family: "fot-chiaro-std", serif;
	font-size: 20px;
	background: #FFF;
	display: none;
	position: fixed;
	justify-content: center;
	width: 100%;
	padding: 12px 0 12px;
	z-index: 999;
	flex-wrap: wrap;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}

.top-nav.fixed {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
}

.top-nav .transform {
	opacity:1;
}

.top-nav span {
	width: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
}

.top-nav span a {
	color: #0F74D8;
}

.top-nav span img {
	margin-left: 8px;
	
}
.top-nav-item01 {
	text-decoration: none;
	border-right: solid 1px #0F74D8;
	padding-right:8px;
	justify-content: flex-end;
}
.top-nav-item02 {
	padding-left: 8px;
}

/*　上に上がる動き　*/

.bottom-nav.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 0;
	  transform: translateY(100px);
  }
  to {
    opacity: 1;
	  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

.bottom-nav.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	  transform: translateY(0);
  }
  to {
  	opacity: 0;
	  transform: translateY(100px);
  }
}

@media screen and (max-width: 767px) {
	.top-nav {
	font-size: 17px;
	width: 100%;
	padding: 16px 0 16px;	
	z-index: 999;
	opacity: 1;
	top: 0;
}
	.top-nav span img {
	margin-left: 6px;
	margin-top: 3px;
}
	.bottom-nav {
		position: fixed;
		display: flex;
		justify-content: space-between;
		left: 0;
		bottom: -1px;
		z-index: 998;
		width: 100%;
		height: 61px;
	}
	.nav-item01 {
		position: relative;
		display: flex;
		width: 20%;
		background: #A5EDFF;
		align-items: center;
		justify-content: center;
		padding-bottom:20px;
		border-top:solid 1.5px #0F74D8;
		border-right:solid 1.5px #0F74D8;
		
	}
	
	.nav-item01:last-child {
		border-right:none;
	}
	.nav-text {
		width: 100%;
		color:#0F74D8;
	    font-family: "fot-chiaro-std", serif;
		font-size: 12px;
		position:absolute;
		left:50%;
		transform: translateX(-50%);
		bottom: 8px;
		text-align: center;
	}
}





/* MV */
.mv-section__bg {
  height: 400px;
  padding: 80px 0 40px;
}
.mv-title-text {
  color: #0F74D8;
  font-family: "fot-chiaro-std", serif;
  font-weight: bold;
}
.mv-nav {
  background-color: #9EE9FF;
}
.mv-nav-link {
  color: #0F74D8;
  font-family: "fot-chiaro-std", serif;
  font-weight: bold;
}
.mv-nav-link + .mv-nav-link {
  border-left: solid 1px #0F74D8;
}

@media screen and (max-width: 767px) {
  .mv-section__bg {
    height: 240px;
    padding: 24px 0;
  }
  .mv-nav-link:nth-child(2n) {
    border-left: solid 1px #0F74D8 !important;
  }
}

/* End of MV */

/* summer bnr*/

.section__banner {
  margin-top: -42px;
  padding-bottom: 80px !important;
}

.recommended {
  margin-top: 0px;
  margin-bottom: 36px;
}
@media all and (max-width: 767px) {
  .recommended {
    margin-top: 0px;
  }
}
.recommended__list {
  margin-top: 0px;
  display: flex;
  justify-content: center;
  /* gap: 24px; */
}
@media all and (max-width: 767px) {
  .recommended__list {
    flex-wrap: wrap;
    margin-top: 0px;
    gap: 0;
	justify-content: space-between;
  }
}

.recommended__item {
  width: 315px;
  position: relative;
  overflow: hidden;
  transition: opacity 0.3s;
  margin-right: 24px;
}
.recommended__item:last-child {
  margin-right: 0;
}


@media all and (min-width: 768px) {
  .recommended__item:hover {
    opacity: 0.7;
  }
}
@media all and (max-width: 767px) {
  .recommended__item {
    width: 100%;
    margin-right: 0;
  }
  .recommended__item:not(.recommended__item-col1):nth-child(n+2) {
    width: 48%;
  }
  .recommended__item:not(.recommended__item-col1):nth-child(n+2) span {
    display: none;
  }
  .recommended__item-col1 {
  	width: 100%;
}
  .recommended__item-col1 span {
    display: block;
}
}

.recommended__item-img {
  transition: all 0.5s ease-in-out;
  border-radius: 4px;
  overflow: hidden;
  width: 100%
}

.recommended__desc {
  display: block;
  margin: 16px 0;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .recommended__desc {
    font-size: 12px;
    margin: 8px 0 16px;
  }
}


/* summer bnr*/

/* hover effects */
@media screen and (min-width: 1025px) {
  .mv-nav-link:hover {
    color: #fff;
  }
  .category-nav-link:hover {
    text-decoration: underline;
  }
  .content-theme-products .product-item:hover,
  .content-category-products .product-item:hover {
    -webkit-box-shadow:0 2px 20px rgba(0,0,0,.25);
    box-shadow:0 2px 20px rgba(0,0,0,.25)
  }
  .content-theme-products .section-contentbox-link .section-contentbox-link-item:hover a {
    color: #0F74D8;
    background-color: #FFFF00; 
  }
  .category-nav-link:hover {
    color: #fff;
  }
  .category__titlebox-link .category__titlebox-link-item:hover a {
    color: #0F74D8;
    background-color: #FFFF00;
  }
}

/* Theme */
.content-theme .second-heading__main {
  font-weight: normal;
  color: #FFFF00;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  font-family: "fot-chiaro-std", serif;
}
.content-theme .second-heading__text {
  color: #fff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: normal;
}
.content-theme-products .product-item:nth-child(-n+2) .item-info .item-info-title {
  font-weight: bold;
}
.content-theme-products .product-item:nth-child(n+3) .item-info .item-info-title {
  font-weight: bold;
}
.content-theme-products .product-item .cat-tag {
  background-color: #F5F7FA;
  font-weight: normal;
}
.content-theme-products .product-item .info-shipping {
  font-weight: normal;
}
.content-theme-products .product-item .info-price {
  font-weight: bold;
  color: #FF9100;
}
.content-theme-products .product-item .info-price em {
  font-style: normal;
}
.section-contentbox-link .section-contentbox-link-item a {
  color: #0F74D8;
  background-color: rgba(0,0,0,0);
  font-weight: normal;
  border: 1px solid #0F74D8;
  border-radius: 100px;
}
.content-theme-products .product-item .item-info-txt {
  font-weight: normal;
}

/* category */
.category-heading h2 {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: bold;
  color: #0F74D8;
}
.category-heading p {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: bold;
  color: #333;
}
.category-nav {
  background-color: transparent;
}
.category-nav-link {
  color: #333;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: normal;
}
.category-nav-link::after {
  background-color: #C0C5CC;
}
.category-content + .category-content .category__wrap {
  border-top: 1px solid #CCCCCC;
}
.category__titlebox-title {  
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: bold;
  color: #0F74D8;
}
.category__titlebox-text {
  font-weight: normal;
  color: #333;
}
.category__titlebox-link .category__titlebox-link-item a {
  color: #333333;
  background-color: #ffffff;
  font-weight: normal;
  border: 1px solid #939DAD;
  border-radius: 100px;
}
.content-category-products .product-item:nth-child(-n+2) .item-info .item-info-title {
  font-weight: bold;
}
.content-category-products .product-item:nth-child(n+3) .item-info .item-info-title {
  font-weight: bold;
}
.content-category-products .product-item .cat-tag {
  background-color: #F5F7FA;
  font-weight: bold;
}
.content-category-products .product-item .info-shipping {
  font-weight: normal;
}
.content-category-products .product-item .info-price {
  font-weight: bold;
  color: #D63333;
}
.content-category-products .product-item .info-price em {
  font-style: normal;
}
.content-category-products .product-item .item-info-txt {
  font-weight: normal;
}
/* end of category */

/* images */
.mv-section__bg {
  background-image: url(../images/mv/mv_pc.jpg);
}
.short-movie-bg {
  background-image: url(../images/fireworks/movie_bg_pc.png);
}

/*
.content-theme.theme01 .second-heading,.content-theme.theme03 .second-heading,.content-theme.theme05 .second-heading {
  background-image: url(../images/theme/theme_bg_pc01.png);
}

.content-theme.theme02 .second-heading,.content-theme.theme04 .second-heading,.content-theme.theme06 .second-heading {
  background-image: url(../images/theme/theme_bg_pc02.png);
}
*/

.content-theme.theme01,.content-theme.theme03,.content-theme.theme05 {
  background-color: #D1FDFF;
  background-image: url(../images/theme/theme_bg_pc01.png);
  background-size: 100% !important;
  background-position: top !important;
}
.content-theme.theme02,.content-theme.theme04,.content-theme.theme06 {
  background-color: #FEFED8;
  background-image: url(../images/theme/theme_bg_pc02.png);
  background-size: 100% !important;
  background-position: top !important;
}

.section-contentbox-link .section-contentbox-link-item a::after {
  background-image: url(../images/icon_arrow.svg);
}
.category-heading_bg {
  background-image: url(../images/category/cate_bg_pc.png);
}
.category-content_bg {
  background-image: url(../images/category/bg_pc.jpg);
}
.category__titlebox-link .category__titlebox-link-item a::after {
  background-image: url(../images/icon_arrow.svg);
}

@media screen and (max-width: 767px) {
  .mv-section__bg {
    background-image: url(../images/mv/mv_sp.jpg);
  }
  .mv-nav-link span::after {
    background-image: url(../images/nav_arrow_down.svg);
  }
  .short-movie-bg {
    background-image: url(../images/fireworks/movie_bg_sp.png);
  }
  .content-theme.theme01 .second-heading,.content-theme.theme03 .second-heading,.content-theme.theme05 .second-heading {
  background-image: url(../images/theme/theme_bg_sp01.png);
  }

.content-theme.theme02 .second-heading,.content-theme.theme04 .second-heading,.content-theme.theme06 .second-heading {
  background-image: url(../images/theme/theme_bg_sp02.png);
  }

  
  .category-content_bg {
    background-image: url(../images/category/bg_sp.jpg);
  }
  .category-heading_bg {
    background-image: url(../images/category/cate_bg_sp.png);
  }
}


/* hover effects */
@media screen and (min-width: 1025px) {
  .content-theme-products .section-contentbox-link .section-contentbox-link-item:hover a::after {
    background-image: url(../images/icon_arrow.svg);
  }
  .category__titlebox-link .category__titlebox-link-item:hover a::after {
    background-image: url(../images/icon_arrow.svg);
  }
}