.o-sub-category__title{
font-size: 16px;
letter-spacing: .1em;
font-weight: bold;
display: block;
margin: 0 0 10px;
border-bottom: 1px #333 solid;
text-align: center;
height: 9px;
text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
}
.o-sub-category {
width: 100%;
padding: 5px 0;
min-height: 120px;
max-width: 1000px;
margin: 3% auto 0;
}
.p-sub-category {
margin: 10px 10px;
padding: 0;
list-style-type: none;
}

.p-sub-category::after {
display: block;
clear: both;
content: '';
}

.p-sub-category__item {
float: left;
box-sizing: border-box;
width: 50%;
padding: 10px 5px;
}

.p-sub-category__base {
overflow: hidden;
position: relative;
transition: .2s;
}
.p-sub-category__base:hover {
border-color: #8FBB26;
transition: .2s;
}
div.p-sub-category.p-sub-category__image,
div.p-sub-category__base .p-sub-category__image {
display: block;
clip-path: polygon(7.5% 7.1%, 91.5% 7.1%, 91.5% 91.5%, 7.5% 91.5%);
}

.p-sub-category__link {
display: block;
transition: opacity .2s;
text-decoration: none;
color: #333;
}

.p-sub-category__link:hover {
opacity: .66;
}

.p-sub-category__link:active {
opacity: 1;
}

.p-sub-category__name{
line-height: 1.2;
position: relative;
display: block;
padding-left: 0;
font-size: 0.7em;
word-break: keep-all;
}
.p-sub-category__num{
line-height: 1.2;
font-size: 0.7em;
}

.c-section__container {
border-top: 1px solid #ddd;
margin-bottom: 5%;
}

.c-section__container div.text{
width: 94%;
margin: 0 auto;
text-align: left;
max-width: 1000px;
padding: 10px 3%;
color: #8B8B8B;
}

@media screen and (min-width: 600px) {
.p-sub-category {
margin-right: 0;
margin-left: 0;
width:100% !important;
}
.p-sub-category__item {
width: 10%;
min-width:110px;
height: 160px;
padding: 15px 10px;
text-align: center;
}
}

@media screen and (max-width: 599px) {
.o-sub-category{
position: relative;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
background:#ffffff;
}
ul.p-sub-category{
margin:0px 0px 10px;
transform: translate3d(0, 0, 0);
height:0;
}
.p-sub-category__item {
width:100px;
height: 120px;
padding: 10px 10px;
text-align: center;
}
.c-section__container div.text{
font-size: 0.8em;
line-height: 170%; 
} 
}

/*サイズ検索*/
h2{
display:inline;
font-size:1em;
font-weight: normal;
}

.o-sub-size__title {
margin-top: 5%;
}
.o-sub-size ul li.p-sub-category__item{
height:auto;
}

.o-sub-size ul li.p-sub-category__item {
height: auto;
width: 9%;
margin: 0;
padding: 0 0 10px 15px;
min-width: 78px;
}

.o-sub-size li a {
display: inline-block;
height: 70px;
color: #555;
text-decoration: none;
font-size: 0.5em;
border: 2px solid #dfdfdf;
border-radius: 5px;
text-align: right;
width: 100%;
background: #efefef;
transition: .2s;
margin: 5px 0 7px 1.5%;
padding: 0.25%;
}
.o-sub-size li a font {
display: block;
line-height: 20px;
margin-bottom: -20px;
color: RED;
display: block;
text-align: left;
}

.o-sub-size li a b {
font-size: 5em;
display: block;
margin-bottom: -0.5em;
text-align: center;
letter-spacing: -0.08em;
line-height: 2em;
}
.o-sub-size li a b span {
font-weight: initial;
padding-left: 2px;
font-size: 0.8em;
}
.o-sub-size li a:hover {

border-color: #8FBB26;
background: #8FBB26;
color: #fff;

}
.o-sub-size li a:hover font {

color: #fff;

}

.search8 {
margin: 5% auto 30px;
max-width: 1000px;
text-align: center;
width: 90%;
}
.search8 table {
width: 100%;
}

.search5{
position: relative;
}

.search5 select {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 40px;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 0 10px;
transition: .2s;
vertical-align: middle;
border: 2px solid #eaeaea;
border-radius: 4px;
margin: 5px auto 0;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
}

.search5::after{
content: '';
width: 6px;
height: 6px;
border: 0px;
border-bottom: solid 2px #b4b3b3;
border-right: solid 2px #b4b3b3;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
}

.shoe_size iframe {
max-width:100%;
height: 410px;
}

.p-review__button {
display: block;
max-width: 300px;
margin: 30px auto;
padding: 15px;
text-align: center;
}

@media screen and (max-width: 599px) {
.o-sub-size{
}
.o-sub-size ul li.p-sub-category__item {
max-width:80px;
}

.shoe_size iframe {
width: 3590px;
max-width:3590px;
height: 95px;
}
}
/*昔のテンプレデザインが残っていた場合*/
.sub-list {
width: 100%;
margin: 0;
padding: 0;
}

.sub-list__link {
display: block;
}

img {
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}

.sub-list__name {
display: block;
}

/*検索部分*/
.o-search__2 {
width: 90%;
}
.o-search__2 #o-search {
margin: 15px 0;
}

.o-search__2 #o-search input,
.o-search__2 #o-search select,
.o-search__2 #o-search input[type="submit"]{
text-align: center;
vertical-align: middle;
font-size: 1.2em;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
word-break: keep-all;
border: 2px solid #eaeaea;
overflow: hidden;
height: 40px;
box-sizing: border-box;
margin: 0 auto 1.5% 1.5%;
width: 40%;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
}

.so-search--select__box{
display: inline;
position: relative; 
}

.so-search--select__box::after {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-bottom: solid 2px #b4b3b3;
border-right: solid 2px #b4b3b3;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
bottom: 65%;
right: 15px;
}

.o-search__2 #o-search input[type="submit"] {
width: 15.5%;
max-width: 15.5%; 
margin-left: 0;
background: #eaeaea;
}

.o-search__2 #o-search input[type="submit"]:hover {
background: #333;
border-color: #333;
color: #fff;
}

/*オススメブランド アイテム メインカテゴリ*/
.o-sub-size__title + b{
display: block;
margin: 50px auto 0;
width: 100%;
max-width: 1070px;
padding: 0;
}
.c-section__container > b > a,
.c-section__container > b > div.a,
div.main_cat > b > a{
display: inline-block;
overflow: hidden;
width: 42%;
height: auto;
background: #F8F8F8;
color: #555;
margin: 0 5px 10px 7px;
font-weight: normal;
font-size: 0.9em;
border: 22px solid rgba(0, 0, 0, .0);
padding: 0;
min-height: 248px;
line-height: 1.5em;
text-decoration: none;
word-break: keep-all;
}

.c-section__container > b > a > img,
div.main_cat > b > a > img{
margin: 0 auto 0;
display: block;
width: 100%;
height: 220px;
object-fit: cover;
}

.c-section__container > b > div.a > iframe {
margin: 0 auto 0;
display: block;
width: 100%;
height: 220px;
object-fit: cover;
border: 0;
}

.c-section__container > b > a > b,
.c-section__container > b > div.a > b,
div.main_cat > b > a > b{
font-size: 1.4em;
display: block;
margin: 15px auto 10px;
}

/*季節のオススメバナー*/
.kisetuno_osusume {
	padding: 10px 0 0.5%;
	background: #eee;
	position: relative;
	overflow: hidden;
	margin: -4px auto 0;
}
.kisetuno_osusume_inner {
	position: relative;
	overflow: hidden;
	font-size: 1px;
  	transition: 1s;
}
.kisetuno_osusume_inner a {
	display: block;
	width: 2099px;
	height: 75px;
	position: relative;
	z-index: 1;
  	left:58px;
}
.kisetuno_osusume_inner::after {
	content: " CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK!\A CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK! CHECK!";
	position: absolute;
	top: 4px;
	left: 0;
	color: #fff;
	font-weight: bold;
	line-height: 122%;
	font-size: 14.3px;
	letter-spacing: -0.2px;
	width: 111%;
  	transition: 1s;
    animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-8px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(-8px) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}

/*画面サイズ分岐*/
@media screen and (max-width: 599px) {
  
/*季節のオススメバナー*/
.kisetuno_osusume_inner a {
	left: calc((100vw - 300px)/2);
}
}
@media screen and (max-width: 768px) {
.o-search__2 #o-search input,
.o-search__2 #o-search select,
.o-search__2 #o-search input[type="submit"]{
font-size: 0.9em;
width: 97%;
max-width: 97%; 
}

.o-search__2 #o-search select{
width: 77%;
max-width: 77%;
}
.o-search__2 #o-search input[type="submit"] {
width: 18.5%;
max-width: 18.5%;
margin-left: 0;
}

/*SPオススメブランド アイテム メインカテゴリ*/
.o-sub-size__title + b,
div.main_cat > .o-sub-size__title + b{
display: block;
margin: 25px auto 40px;
}

.c-section__container > b > a,
.c-section__container > b > div.a,
div.main_cat > b > a{
width: 38%;
height: auto;
font-size: 0.8em;
line-height: 1.7em;
padding: 2%;
min-height: 50.7vw;
border: 1px;
}

.c-section__container > b > a > img,
.c-section__container > b > div.a > iframe,
div.main_cat > b > a > img{
margin: -2% -4%;
min-width: 41.4vw;
max-height: 20.3vw;
max-width: inherit !important;
min-height: auto;
}
}

/*カテゴリセール文言*/
.sale_text {
	font-size: 1.6em;
	font-weight: bold;
	word-break: keep-all;
	line-height: 1.2em;
	color: #fff;
	text-shadow: 1.5px 1.5px 0 RED, -1.5px -1.5px 0 RED, -1.5px 1.5px 0 RED, 1.5px -1.5px 0 RED, 0px 1.5px 0 RED, 0 -1.5px 0 RED, -1.5px 0 0 RED, 1.5px 0 0 RED;
	text-decoration: underline;
	margin: -.5em auto 0;
	display: block;
}
.sale_text i {
	display: inline-block;
	font-size: 160%;
	padding: 10px 15px 5px;
	background: RED;
	border-radius: 5px;
	margin: 0 1% 5px;
	text-shadow: 2px 2px BLACK;
	line-height: 100%;
}