@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;
}

/*非表示*/

@media screen and (max-width: 428px) {
.work-102{
  display:none!important;
}
}

/*スマホでの画像最大化*/

@media screen and (max-width: 428px) {
.sp-full{
  width:100%!important;
  height:auto!important;
  padding-top:280px!important;
}
.k-banner2 div{
  width:100%!important;
  min-width:100%!important;
  height:auto!important;
}
.padding-220{
 padding-top:210px!important;
}
.padding-240{
 padding-top:230px!important;
}
.padding-280{
 padding-top:270px!important;
}
.padding-300{
 padding-top:290px!important;
}
.sp-full-img img{
  width:100%!important;
  height:auto!important;
}
}