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


.heightline-01{
	height:auto!important;
	font-family: helvetica, "Noto Sans JP","游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.category_navi > li > p{
	font-size: 15px;
	font-weight:700;
	line-height:1.2!important;
	color:#000099;
	padding:11px 20px 11px 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f7f8f8+51,eceded+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f8f8 51%, #eceded 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f8f8 51%,#eceded 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f8f8 51%,#eceded 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceded',GradientType=0 ); /* IE6-9 */

}
.acc_navi ul.inner {display: none;}
.acc_navi p{font-size:14px;font-weight:700;cursor: pointer; padding: 10px;}
#category .fl ul li a span{
	font-weight:500;
}
ul.acc_navi li a span {
	background: none;
}


ul.acc_navi > li > p{
	background: transparent url(https://testmos2.mizunoshop.net/mos/css/img/bg_category_close.gif) repeat-y right top;
	color: #000000;
	padding-right:0;
}
ul.acc_navi > li > p.acc_nav_c{
	background: none;
}
ul.acc_navi > li > p.active{
	background: transparent url(https://testmos2.mizunoshop.net/mos/include_html/css/img/bg_category_open.gif) repeat-y right top;
	background-color:#000099;
	color:#fff;
}
ul.acc_navi > li > p > span{
	display:block;
	background: url(https://testmos2.mizunoshop.net/mos/include_html/css/img/icon_plus.gif) no-repeat right center;
	padding-right:10px;
}
ul.acc_navi > li > p.acc_nav_c > a{
	background: none;
	padding:0!important;
	border:none!important;
}
ul.acc_navi > li > p.acc_nav_c > a > span{
	background: none!important;
	padding-left:0!important;
	color: #000000;
	font-weight:700!important;
}
ul.acc_navi > li > p.active > span{
	background: url(https://testmos2.mizunoshop.net/mos/include_html/css/img/icon_minus.gif) no-repeat right center;
}
#category .fl ul li a{
	padding:6px 20px 3px 10px;
}
#category .fl{
	width:330px;
}
#category .fr{
	width:567px;
}
#mainImage01 #point{
	width:540px;
	margin:18px 0 13px 13px;
	padding-left:5px;
}
#mainImage01 #point li{
	width:100%!important;
	font-weight:500;
	font-size:11px!important;
	margin:0 0 8px;
	line-height:1;
	vertical-align: top;
}
#mainImage01 #point li span{
	width:13px;
	height:13px;
	display:inline-block;
	background:#000099;
	margin-right:0.5em;
	border-radius:50%;
	position:relative;
	vertical-align: bottom;
}
#mainImage01 #point li span::before {
	content:  '';
	width: 4px;
	height: 4px;
	display:  block;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	position:  absolute;
	top: 50%;
	left: 50%;
	transform:  translate(-58%, -58%) rotate(45deg);
}
#copy {
	padding: 20px 20px 0;
}

.s_link{
	text-align:right;
	margin-top:17px;
	margin-right:10px;
	margin-bottom:23px;
}
.s_link span{
	font-size:16px;
	position:relative;
}
.s_link span:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #000099;
	position:  absolute;
	top: 50%;
	left:-14px;
	transform:  translate(0, -50%);
}
#mainImage01 .mainImg{
	margin:0 20px 0;
}