@charset "utf-8";

/** TOPページデザイン変更 190926 **/
#sub-navi .sub-navi-ul li.beginner a {
	background: url(../img/common/ico_beginner.svg) no-repeat left center;
	background-size: 17px;
	padding: 3px 0 3px 23px;
}

#shipping_free {
	padding: 0;
	margin: -20px 0 0;
}

#shipping_free.contact-block .title:before {
	right: auto;
	left: 180px;
	background-size: 60%;
	background-position-y: 10px;
}

#shipping_free.contact-block .title {
	padding: 0px;
	font-size: 18px;
}

.contact-block .title .strong .big {
	font-size: 26px;
}

#slide_block .flex-control-nav {
	z-index: 10;
	top: 95%;
}

.bsc_inner {
	margin: 0 auto;
	width: 80%;
}

.bsc_inner .flexbox {
	display: flex;
}

#category-block a,
.news-block a,
.feature-block a,
.character-block a {
	font-weight: bold;
}

/** SP ONLY **/
@media screen and (max-width: 640px) {
	#shipping_free {
		margin: 0;
	}
	
	#shipping_free.contact-block .title {
		font-size: 14px;
	}
	
	#shipping_free.contact-block .title:before {
		left: 20px;
		top: 0;
		bottom: 0;
		background-size: 100%;
		background-position-y: initial;
	}
	
	#shipping_free.contact-block .title {
		padding: 10px 0 0 55px;
	}
	
	#sp-menu-header.sp-top .search {
		margin-bottom: 0;
	}

	.pc-outer-block {
		display: none;
	}
}

@media screen and (max-width: 374px) {
        #shipping_free {
                margin: 0;
        }
	#shipping_free.contact-block .title:before {
		left: 5px;
	}
}

/** PC ONLY **/
@media screen and (min-width: 641px) {
	#sub-navi .sub-navi-ul li {
		text-align : center;
		width : 20%;
	}

	#sub-navi .sub-navi-ul li.feature {
		width : 30%;
	}

	#sub-navi .sub-navi-ul li a {
		font-size : 16px;
	}

	#sub-navi .sub-navi-ul li + li {
	  margin : 0px 0px 10px 20px;
	}

	ul.sub-navi-ul>li:nth-of-type(5) {
		border-style : none !important;
	}

	.sp-outer-block {
		display: none;
	}

    /*
      PC 非表示
    */
    .notpc {
        display: none;
    }
}

/*
  navi_bar_category
*/
.navi_bar_category.appendix {
  padding: 0 10%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  width: 100%;
}
.navi_bar_category.appendix li {
  margin: auto;
}
.navi_bar_category.appendix li a {
  text-decoration: underline;
  font-weight: bold;
}

div.navi_bar_category {
  display: flex;
  flex-direction: row;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 1em;
}

div.navi_bar_category > a {
  display: flex;
  flex-basis: 10%;
  position: relative;
  border-width: 2px 0 2px 2px;
  border-color: silver;
  border-style: solid;
  padding: 4px 2px 26px 2px;
}
div.navi_bar_category > a:last-child {
  border-right-width: 2px;
}

div.navi_bar_category > a img {
  margin: auto;
  width: 60%;
  height: 100%;
}

div.navi_bar_category > a .category_name {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  text-align: center;
  color: black;
  font-weight: 900;
  line-height: 1em;
  text-align: center;
}






.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 100%;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}