@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');


html {
	font-size: 62.5%;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
/*TOPcategory*/
.category_area{
 width: 980px;
 border: 1px solid #001489;
 padding: 10px;
 box-sizing: border-box;
 background: #fff;
}
.category_area .category_box{
width: 25%;
float: left;
}
.category_area .category_box p a {
 display: block;
 width: 180px;
 padding: 3px 20px 2px 45px;
 background: #fff url(https://www.mizunoshop.net/images/v2/common/ico_arw05.png) no-repeat 30px 6px;
 min-height: 20px;
 color: #001489;
 text-decoration: none;
 font-size: 12px;
 line-height:1.4;
}
.category_area .category_box p a:hover {
	background-color: #c8d7ea;
}
.pc_none_20200127 {
 display: none;
}
.sp_none_20200127 {
 display: block;
}
.category_link_20200127 ul {
 width: 980px;
 margin: 0 auto;
}
.category_link_20200127 {
 padding-bottom: 20px;
}
.category_link_20200127.fixed_20200127 {
 position: fixed;
 z-index: 1000; /*20210414*/
 width: 100%;
 top: 44px;
 left: 0;
}
.category_link_20200127 li {
 float: left;
 margin-right: 10px;
}
.category_link_20200127 li a {
 font-size: 12px;
}
.content_box_20200127 {
 margin-bottom: 30px;
}


#contents_jj .pc_jj{
	display:block;
}
#contents_jj .sp_jj{
	display:none;
}
#contents_jj{
	color:#000000;
	font-family:"Noto Sans JP","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:700;
	line-height:1;
	overflow:hidden;
}
#contents_jj *{
	box-sizing: border-box;
}
#contents_jj a,a:hover{
	text-decoration:none;
	outline:none;
}
#contents_jj a:hover img{
	opacity:0.9;
}
#contents_jj .cnt,
#contents_jj .cnt_link{
	position:relative;
}
#contents_jj .btn_link{
	position:relative;
	z-index:2;
	display:block;
	width:auto;
	height:104px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));
	margin:auto;
}
#contents_jj .cnt:after{
	content:"";
	width: 10px;
	height: 10px;
	border: 9px solid;
	border-color:  transparent transparent #FFEB00 #FFEB00;
	position:absolute;
	top:0;
	left:50%;
	transform: translate(-50%,-25%) rotate(-45deg);
	z-index: 999;
}
#contents_jj .cnt_link:before{
	box-sizing: border-box;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	border:19px solid #00A0DA;
}
#contents_jj .cnt_d{
	background:#F2F2F2;
	padding:5.71% 0 6.53%;
	position:relative;
}
#contents_jj .cnt_d:before{
	content:"";
	width:93.16%;
	height:auto;
	padding-bottom:3.77%;
	position:absolute;
	top:0;
	background:url(../conpect_guide.svg) center center no-repeat;
	background-size:contain;
	left:50%;
	transform:translate(-50%,40.54%);
}
#contents_jj .cnt_d:after{
	content:"";
	width:93.16%;
	height:auto;
	padding-bottom:3.77%;
	position:absolute;
	bottom:0;
	background:url(../conpect_guide.svg) center center no-repeat;
	background-size:contain;
	left:50%;
	transform:translate(-50%,-89.189%) rotate(180deg);
}
#contents_jj .cnt_d .new_color{
	position: absolute;
	top: 5%;
	right: 7%;
}
#contents_jj .cnt_d h3{
	position:relative;
	z-index:2;
	font-size:2.689rem;
	font-weight:800;
	color:#00A0DA;
	background:#FFEB00;
	padding:0.346em;
	width:8.84em;
	display:inline-block;
	margin:0 auto 0.44em;
}
#contents_jj .cnt_d h3 + p{
	position:relative;
	z-index:2;
	font-size:3.26rem;
	font-weight:800;
	color:#00A0DA;
	margin:0 0 1.042em;
}
#contents_jj .cnt_d .cnt_txt{
	position:relative;
	z-index:2;
	font-size:3.385rem;
	font-weight:700;
	color:#333333;
	line-height:1.6;
	margin:0 0 1.16em;
}
#contents_jj .cnt_d figcaption{
	font-size:11.7rem;
	font-weight:800;
	color:#ffff;
	white-space: nowrap;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,-72%);
	z-index:1;
}
#contents_jj #pitin{
	background:#EA602A;
	padding-bottom:7%;
}
#contents_jj #pitin h3 img{
	width:67.85%!important;
	margin:2.933% 0 0 14.69%;
}
#contents_jj #pitin .pitin_a{
	position:relative;
	width:88.67%;
	margin:-0.8% 0 0 4.59%;
}
#contents_jj #pitin .pitin{
	width:100%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));

}
#contents_jj #pitin .pitin_a .btn_link{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,-54.8%);

}
#contents_jj #kids{
	padding:0 0 6.9%;
	background:#FFEA00;
}
#contents_jj #kids .kids_logo{
	display:block;
	width:33.7333%;
	margin:4.266% auto 1.46666%
}
#contents_jj #news{
	padding:5.6%;
	background:#009FD9;
	font-size:1.9rem;
}
#contents_jj #news h3{
	font-size:4.05rem;
	font-weight:800;
	color:#FFEA00;
	text-align:center;
	margin:0 0 0.9em;
}
#contents_jj #news ul{
	width:90%;
	margin:auto;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));
	background:#fff;
	border-radius:1em;
	padding:3% 1.4111em;
	border:7.8px solid #009FD9;
	height: 300px;
	overflow-y: scroll;
}
#contents_jj #news ul li{

	display:flex;
	padding:0.823em 0;
	border-bottom:dotted 1.9px #009FD9;
}
#contents_jj #news ul li:last-child{
	border-bottom:none;

}
#contents_jj #news ul li .news_date{
	color:#009FD9;
	padding-left:2.3529em;
	position:relative;
}
#contents_jj #news ul li .news_date:before{
	content:"";
	width:1.5294em;
	height:1.4111776em;
	background:url(../news_ic01.svg) center center no-repeat;
	background-size:1.5294em;
	background-size:contain;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-45%);
}
#contents_jj #news ul li.ic02 .news_date:before{
	background:url(../news_ic02.svg) center center no-repeat;
}
#contents_jj #news ul li.ic03 .news_date:before{
	background:url(../news_ic03.svg) center center no-repeat;
}
#contents_jj #news ul li .news_txt{
	padding-left:1.1em;
}
#contents_jj #news.cnt:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 27px 27px;
	border-color: transparent transparent #FFFF00 transparent;
	z-index: 999;
	position:absolute;
	right:0;
	bottom:0;
	transform:translate(-26%,-26%);

}
#contents_jj #media{
	padding:5.6%;
	background:#009FD9;
	font-size:2.22rem;
}
#contents_jj #media h3{
	font-size:4.05rem;
	font-weight:800;
	color:#FFEA00;
	text-align:center;
	margin:0 0 0.9em;
}
#contents_jj #media ul{
	width:90%;
	margin:auto;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));
	background:#fff;
	border-radius:1em;
	padding:3% 1.4111em;
	border:7.8px solid #009FD9;
}
#contents_jj #media ul li{
	display:inline-block;
	width: 45%;
	margin:0 2%;
	padding:0.823em 0;
	text-align: center;
	vertical-align: top;
}
#contents_jj #media.cnt:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 27px 27px;
	border-color: transparent transparent #FFFF00 transparent;
	z-index: 999;
	position:absolute;
	right:0;
	bottom:0;
	transform:translate(-26%,-26%);

}
#contents_jj .hakkentai{
	width:90%;
	margin:60px auto 0;
	padding:15px;
	background:#fff;
}
#contents_jj .hakkentai_box{
	float: left;
}
#contents_jj .hakkentai_box:nth-child(1){
	width: 35%;
}
#contents_jj .hakkentai_box:nth-child(2){
	width: 62%;
	margin-left: 2%;
}
#contents_jj .hakkentai_box h4{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px solid #5F5F5F;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#contents_jj .hakkentai_box p{
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 15px;
}
#contents_jj .hakkentai_box:nth-child(2) img{
	float: right;
}

#contents_jj #note{
	padding:5.6%;
	background:#F2F2F2;
}
#contents_jj #note.cnt:after{
	border-color:  transparent transparent #333333 #333333;
}
#contents_jj #note h3{
	font-size:4.05rem;
	font-weight:800;
	color:#333333;
	text-align:center;
	margin:0 0 0.9em;
}
#contents_jj #note h3 span{
	font-size:0.8em;
}
#contents_jj #note .note_slider{
	width:778px;
	margin:auto;
	opacity:0;
}

#contents_jj #note .note_slider .slide{
	width:375px;
	margin-right:28px;
}
#contents_jj #note .note_slider .slide img{
	width:100%;
}
#contents_jj #note .note_slider .note_cap{
	display:flex;
	justify-content:space-between;
	font-size:2.35rem;
	margin:0.6em 0 0.5em;
}
#contents_jj #note .note_slider .note_cap .note_date{
	font-size:0.66666em;
}
#contents_jj #note .note_slider .note_txt{
	font-size:2.09rem;
	line-height:1.5625;
}
#contents_jj #note .slick-next{
	position:absolute;
	top:31%;
	right:0;
	width:35px;
	height:35px;
	background:url(../note_prev.svg) top center no-repeat;
	background-size:contain;
	font-size:0;
	border:none;
	transform: translate(115%, 0);

}
#contents_jj #note .slick-prev{
	position:absolute;
	top:31%;
	left:0;
	width:35px;
	height:35px;
	background:url(../note_prev.svg) top center no-repeat;
	background-size:contain;
	font-size:0;
	border:none;
	transform: translate(-115%, 0) rotate(180deg);

}
#contents_jj #note .mama_slider .slick-next{
	position:absolute;
	top:45%;
	right:0;
	width:35px;
	height:35px;
	background:url(../mama_prev.svg) top center no-repeat;
	background-size:contain;
	font-size:0;
	border:none;
	transform: translate(115%, 0);

}
#contents_jj #note .mama_slider .slick-prev{
	position:absolute;
	top:45%;
	left:0;
	width:35px;
	height:35px;
	background:url(../mama_prev.svg) top center no-repeat;
	background-size:contain;
	font-size:0;
	border:none;
	transform: translate(-115%, 0) rotate(180deg);
}
#contents_jj #concept{
	text-align:center;
}
#contents_jj #concept .cnt:after{
	border-color:transparent transparent #00A0DA #00A0DA;
}
#contents_jj #kidsshoes{
	text-align:center;
}
#contents_jj #kidsshoes .cnt:after{
	border-color:transparent transparent #EA602A #EA602A;
}
#contents_jj #kidsshoes.cnt_link:before{
	border:19px solid #EA602A;
}
#contents_jj #kidsshoes .cnt_d h3{
	color:#EA602A;
}
#contents_jj #kidsshoes .cnt_d h3 + p{
	color:#EA602A;
}
#contents_jj #kidsshoes .cnt_d:before{
	background:url(../kidsshoes_guide.svg) center center no-repeat;
}
#contents_jj #kidsshoes .cnt_d:after{
	background:url(../kidsshoes_guide.svg) center center no-repeat;
}
#contents_jj #goods{
	text-align:center;
}
#contents_jj #goods .cnt:after{
	border-color:transparent transparent #00A0DA #00A0DA;
}
#contents_jj #program{
	text-align:center;
}
#contents_jj #program .cnt:after{
	border-color:transparent transparent #EA602A #EA602A;
}
#contents_jj #program.cnt_link:before{
	border:19px solid #EA602A;
}
#contents_jj #program .cnt_d h3{
	color:#EA602A;
}
#contents_jj #program .cnt_d h3 + p{
	color:#EA602A;
}
#contents_jj #program .cnt_d:before{
	background:url(../kidsshoes_guide.svg) center center no-repeat;
}
#contents_jj #program .cnt_d:after{
	background:url(../kidsshoes_guide.svg) center center no-repeat;
}
#contents_jj #product{
	padding:4.779% 0 4%;
	background:#FFEA00;
	color:#333333;
	text-align:center;
}
#contents_jj #product.cnt:after{
	border-color:  transparent transparent #333333 #333333;
}
#contents_jj #product h3{
	font-size:4.05rem;
	font-weight:800;
	margin:0 0 1.75em;
}
#contents_jj #product ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:87.142%;
	margin:auto;
}
#contents_jj #product ul li:first-child{
	width:100%;
	margin:0 0 4.68%;
}
#contents_jj #product ul li{
	width:47.54%;
}
#contents_jj #product ul li img{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));

}
#contents_jj .kids_sns{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:6.53% 0;
	position:relative;
}
#contents_jj .kids_sns a{
	display:block;
}
#contents_jj .kids_sns a img{
	width:100%;
}
#contents_jj .kids_sns:before{
	content:"";
	width:1px;
	height:25.76%;
	background:#333333;
	position:absolute;
	left:51.32%;
	top:50%;
	transform:translate(0,-50%);
}
#contents_jj .kids_sns .kids_logo_b{
	width:34.285%;
	margin-right:5%;
}

#contents_jj .kids_sns .twitter{
	width:5.346%;
	margin-left:5%;
	margin-right:2.959%;
}
#contents_jj .kids_sns .facebook{
	width:4.489%;
	margin-right:2.959%;
}
#contents_jj .kids_sns .instagram{
	width:4.489%;
	margin-right:2.959%;
}
#contents_jj .kids_sns .note{
	width:15.61%;
}
#contents_jj .kids_sns img:last-child{
	margin-right:0;
}
#contents_jj .back{
	background:#009FD9;
	padding:4.38% 0 5.9%;
}
#contents_jj .back .mizuno_kids_logo_w{
	width:33.77%;
	margin:0 auto 1.93%;
	display:block;
}


@media screen and (max-width: 767px) {
	
/*TOPcategory*/
.pc_none_20200127 {
 display: block;
}
.sp_none_20200127 {
 display: none;
}
.content_box_20200127 {
 margin-bottom: 30px;
}
.category_link_20200127.fixed_20200127 {
 position: static;
 z-index: 1000; /*20210414*/
 width: 100%;
 top: 0;
 left: 0;
}
.sp_category_link_20200127 {
 /*padding-bottom: 20px;*/
 margin-bottom: 20px; /*20210407*/
 box-sizing: border-box;
}

.sp_category_link_20200127.fixed_20200127 {
 position: fixed;
 z-index: 9;
 width: 100%;
 top: 40px;
 left: 0;
 padding: 0 15px;
}

/*20210407*/
.sp_category_link_20200127.pc_none_20200127 {
    position: relative;
}

/*20210414*/
.sp_category_link_20200127.pc_none_20200127.fixed_20200127 {
    position: fixed ;
    z-index: 1000;
    width: 100%;
    top: 40px;
    left: 0;
    padding: 0;
}

.sp_category_link_20200127.pc_none_20200127::after {
    top: calc(50% - 5px);
    left: 16px;
    color: #fff;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 2;
}
/* //20210407*/

.sp_category_link_20200127 select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 width: 100%;
/* padding: 10px;*/
 padding: 10px 10px 10px 30px; /*20210407*/
 background: #000099;
 color:#fff;
 border-radius:0;
 border: 1px solid #ccc;
}


.compo_inner-base{
	padding:0;
}

#contents_jj .pc_jj{
	display:none;
}
#contents_jj .sp_jj{
	display:block;
}
#contents_jj .btn_link{
	height:10.122vw;
}
#contents_jj .cnt:after{
	content:"";
	width: 1.02vw;
	height: 1.02vw;
	border: 0.918vw solid;
	border-color:  transparent transparent #FFEB00 #FFEB00;
}
#contents_jj .cnt_link:before{
	border:1.938vw solid #00A0DA;
}
#contents_jj .cnt_d .new_color{
	width: 20%;
	top: 5%;
	right: 7%;
}	
#contents_jj .cnt_d h3{
	font-size:2.743vw;
}
#contents_jj .cnt_d h3 + p{
	font-size:3.3265vw;
}
#contents_jj .cnt_d .cnt_txt{

	font-size:3.45vw;
}
#contents_jj .cnt_d figcaption{
	font-size:11.938vw;
}
#contents_jj #news{
	font-size:2.25vw;
}
#contents_jj #news h3{
	font-size:4.134vw;
}
#contents_jj #news ul{
	border:0.795vw solid #009FD9;
	height: 200px;
}
#contents_jj #news.cnt:before{
	border-width: 0 0 2.755vw 2.755vw;
	border-color: transparent transparent #FFFF00 transparent;
}
	
#contents_jj #media{
	font-size:2.25vw;
}
#contents_jj #media h3{
	font-size:4.134vw;
}
#contents_jj #media ul{
	border:0.795vw solid #009FD9;
}
#contents_jj #media.cnt:before{
	border-width: 0 0 2.755vw 2.755vw;
	border-color: transparent transparent #FFFF00 transparent;
}	
#contents_jj .hakkentai_box:nth-child(1){
	width: 100%;
	margin-bottom: 15px;
}
#contents_jj .hakkentai_box:nth-child(2){
	width: 100%;
	margin-left: 0;
}
#contents_jj .hakkentai_box h4{
	font-size: 1.6rem;
}
#contents_jj .hakkentai_box:nth-child(2) img{
	float: right;
	
}
	
#contents_jj #note h3{
	font-size:4.134vw;

}
#contents_jj #note .note_slider{
	width:79.405vw;
}

#contents_jj #note .note_slider .slide{
	width:60vw;
	margin-right:2.857vw;
}
#contents_jj #note .note_slider .note_cap{
	font-size:2.397vw;
}

#contents_jj #note .note_slider .note_txt{
	font-size:2.132vw;
}
#contents_jj #note .slick-next{
	width:3.57vw;
	height:3.57vw;
}
#contents_jj #note .slick-prev{
	width:3.57vw;
	height:3.57vw;

}

#contents_jj #kidsshoes.cnt_link:before{
	border:1.938vw solid #EA602A;
}
#contents_jj #program.cnt_link:before{
	border:1.938vw solid #EA602A;
}
#contents_jj #product h3{
	font-size:4.132vw;
}
#contents_jj #note .slick-next{
	width:7vw;
	height:7vw;

}
#contents_jj #note .slick-prev{
	width:7vw;
	height:7vw;


}
}