@charset "UTF-8";
/* CSS Document */

html, body {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 0;
	height: 100%;
	font-family: "Hiragino Sans","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	background-color: #ffffff;
	letter-spacing: 1px;
}
li {
	list-style-type: none;
	display: block;
}
a {
	color: #000000;
	text-decoration: none;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.wrap {
	overflow: hidden;
}
/* all */
.area {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.clear {
	clear: both;
}
/* header */
header {
	height: auto;
	margin-bottom: 0px;
}
header figure{
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
header nav {
	width: 100%;
	border-bottom: 1px solid #C8C8C8;
	background-color: #FFFFFF;
}
header nav.fixed {
	position: fixed;
	top: 0;
	z-index: 10;
}
header nav ul{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
header nav li {
	float: left;
	width: 33%; /*項目数毎*/
	text-align: center;
	font-size: 14px;
}
header nav li a {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 15px;
	border-bottom: 4px solid #FFFFFF;
	font-size: 12px;
}
header nav li a:hover {
	border-bottom: 4px solid #888888;/*ブランド毎*/
	color: #494949;
}
header nav li a.current{
	border-bottom: 4px solid #888888;/*ブランド毎*/
}
header nav li a.current:hover{
	border-bottom: 4px solid #CECECE;/*ブランド毎*/
}
header nav li a.parentsLink{
	border-bottom: 4px solid #888888;/*ブランド毎*/
}
header nav li a.parentsLink:hover{
	border-bottom: 4px solid #888888;/*ブランド毎*/
}
/* footer*/
footer {
	font-size: 11px;
	line-height: 22px;
	width: 100%;
	border-top: 1px solid #888888;/*ブランド毎*/
	margin: 0 auto;
	padding: 0;
	height: 60px;
}
footer nav {
	float: left;
}
footer nav li {
	float: left;
	margin-right: 20px;
	margin-top: 12px;
}
footer nav li a {
	background-image: url(../../../common/img/arrow10.gif);/*ブランド毎*/
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
footer nav li a:hover {
	background-image: url(../../../common/img/arrow10-2.gif);/*ブランド毎*/
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #888888;/*ブランド毎*/
}
.copyright {
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	float: right;
}
/* topic path*/
#topicpath{
	width: 800px;
	padding-top: 24px;
	margin-left: auto;
	margin-right: auto;
}
#topicpath h1{
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	color: #B5B5B5;/*ブランド毎*/
	line-height: 22px;
	float: left;
	font-weight: normal;
}
#topicpath nav{
	font-size: 11px;
	line-height:  11px;
	float: right;
}
#topicpath nav span{
	color: #888888;/*ブランド毎*/
	font-weight: bold;
}
#topicpath nav a:hover{
	color: #888888;/*ブランド毎*/
}

/* contents*/


#top {
	width: 100%;
	background-image: url("../img/topmain_bigmax_2026.jpg");
	background-size: cover;
	aspect-ratio: 1 / 1;	
			}
#top img{
	width: 100%;
	height: auto;
			}
#Content {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	padding: 50px 80px 80px 80px;
}
section:after {
	clear: both;
}
section {
	margin-bottom: 50px;
}
.concept {
	text-align: center;
	line-height: 40px;
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: bold;
}
/* ---linkarea---*/
p.linkarea{
	font-size: 11px;
	}
p.linkarea a{
	text-align: center;
	font-size: 11px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-indent: -3999px;
	display: block;
	position: absolute;
	/*background-color: #FFFFFF;*/
	opacity: 0.0;
	filter:alpha(opacity=0);
    -moz-opacity: 0.0;
	}
/* ------itemlist1------*/
div.alllink{
	font-size: 11px;
	line-height: 18px;
	position: relative;
	width: 200px;
	}
div.alllink dt{
	width: 100%;
	height: 410px;
	}
div.alllink:hover dt img{
	opacity: 0.5;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
	}
/* ---*/
.itemlist1{
	width: 190px;
	margin-bottom: 40px;
	float: left;
}
.itemlist1 dd{
	width: 190px;
	text-align: center;
	}
.itemlist2{
	width: 150px;
	margin-bottom: 40px;
    float: left;
}
.itemlist2 dt img{
	margin-top: 280px;
	}
.itemlist2 dd{
	width: 150px;
	text-align: center;
	}

/* ------itemlist2------*/
div.alllink2{
	font-size: 11px;
	line-height: 18px;
	position: relative;
	width: 266px;
	float: left;
	}
div.alllink2 dt{
	text-align: center;
	width: 100%;
	height: 185px;
	}
div.alllink2 dd{
	text-align: center;
	width: 100%;
	}
div.alllink2:hover dt img{
	opacity: 0.5;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
	}
/* ------itemlist5------*/
div.alllink5{
	font-size: 11px;
	line-height: 18px;
	position: relative;
	width: 395px;
	float: left;
	text-align: center;
	}
div.alllink5 dl{
	margin-left: auto;
	margin-right: auto;
 	width:320px;
	}
div.alllink5 dt{
	text-align: center;
	width: 100%;
	height: 340px;
	}
div.alllink5 dd{
	text-align: center;
	width: 100%;
	}
div.alllink5:hover dt img{
	opacity: 0.5;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
	}
/* ------iteminfo1------*/

.photo{
	float: left;
	margin-left: 25px;
	}
.photo div{
	font-size: 11px;
	line-height: 13px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	}
.detail {
	float: right;
	margin-left: 0px;
	}
.detail h2{
	margin-top: 30px;
	font-size: 16px;
	line-height: 20px;
	}
.detail h2 .men{
	background-image: url(../../img/icon-men.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	float: left;
	}
.detail h2 .ladies{
	background-image: url(../../img/icon-ladies.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	float: left;
	}
.detail h2 .bmc005{
	background-image: url(../img/icon-bmc005.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 130px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc006{
	background-image: url(../img/icon-bmc006.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 110px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc007{
	background-image: url(../img/icon-bmc007.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 105px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc008{
	background-image: url(../img/icon-bmc008.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 105px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc003{
	background-image: url(../img/icon-bmc003.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 155px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc009{
	background-image: url(../img/icon-bmc009.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 130px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc010{
	background-image: url(../img/icon-bmc010.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 130px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc011{
	background-image: url(../img/icon-bmc011.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 155px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc012{
	background-image: url(../img/icon-bmc012.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 155px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc013{
	background-image: url(../img/icon-bmc013.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 155px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc014{
	background-image: url(../img/icon-bmc014.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 155px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc015{
	background-image: url(../img/icon-bmc015.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 155px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc017{
	background-image: url(../img/icon-bmc017.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 190px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc018{
	background-image: url(../img/icon-bmc018.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 105px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc019{
	background-image: url(../img/bmc019/icon-bmc019.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	padding-left: 105px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc021{
	background-image: url(../img/bmc021/icon-bmc021.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	padding-left: 185px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc022{
	background-image: url(../img/bmc022/icon-bmc022.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	padding-left: 170px;
	margin-bottom: 10px;
	float: left;
	}
.detail h2 .bmc023{
	background-image: url(../img/bmc023/icon-bmc023-2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 20px;
	padding: 25px 0 0 8px;
	margin-top: 10px;
	}
.detail h2 span span{
	font-size: 11px;
	}
.detail .newicon{
	float: right;
	width: 65px;
	}
.detail .newicon2{
	background-image: url(../../img/icon-new.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 20px;
	padding: 0 0 0 65px;
	margin-top: 20px;
	}
.detail h2:after {
	clear: both;
}
.detail h3{
	margin-top: 10px;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	}
.detail dl{
	font-size: 12px;
	margin-top: 15px;
	border-bottom: 1px solid #CECECE;
	}
.detail dt{
	padding: 6px 15px;
	width: 22%;
	float: left;
	border-top: 1px solid #CECECE;
	}
.detail dd{
	padding: 6px 15px;
margin-left: 26%;
border-left: 5px solid #D8E3E0;
	border-top: 1px solid #CECECE;
	}
.detail dd:after {
	clear: both;
}
/* ---*/
.function{
	font-size: 11px;
	line-height: 13px;
	width: 100%;
}
.function li{
	float: left;
	padding-right: 10px;
}
/* ---*/
.ficon0{
	background-image: url(../../img/icon-f0.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
.ficon1{
	background-image: url(../../img/icon-f1.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
.ficon2{
	background-image: url(../../img/icon-f2.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
.ficon3{
	background-image: url(../../img/icon-f3.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
.ficon4{
	background-image: url(../../img/icon-f4.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
.ficon5{
	background-image: url(../../img/icon-f5.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
.ficon6{
	background-image: url(../../img/icon-f6.gif);
	padding-left: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	}
/* ---*/
.fw2 li{
	width: 39%;
	}
.fw3 li{
	width: 20%;
	}
.fw4 li{
	width: 20%;
	}
/* ---*/
.w300{
	width: 300px;
	}
.w400{
	width: 400px;
	}
.w450{
	width: 450px;
	}
.w500{
	width: 500px;
	}
.w550{
	width: 550px;
	}
/* ---*/
.mt50{
	margin-top: 50px;
	}
.mt100{
	margin-top: 100px;
	}
.mt200{
	margin-top: 200px;
	}
/* ---*/
div.iteminfo1{
	font-size: 11px;
	width: 266px;
	float: left;
	}
div.iteminfo1 dl{
	text-align: center;
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	}
div.iteminfo1 dt{
	text-align: center;
	width: 100%;
	height: auto;
	border: 1px solid #CECECE;
	margin-bottom: 3px;
	}
div.iteminfo1 dd{
	text-align: center;
	width: 100%;
	}
/* ---*/
div.iteminfo3{
	font-size: 11px;
	width: 175px;
	float: left;
	}
div.iteminfo3 dl{
	text-align: center;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	
	}
div.iteminfo3 dt{
	text-align: center;
	width: 100%;
	height: auto;
	border: 1px solid #CECECE;	
	margin-bottom: 3px;	
	}
div.iteminfo3 dd{
	text-align: center;
	width: 100%;
	}
/* ---*/
.ml130{
	margin-left: 130px;
	}

/* ---*/
.gototop {
	float: right;
	margin-top: 30px;
}
.gototop a {
	display: block;
	background-image: url(../../../common/img/arrow4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: underline;
	font-size: 11px;
	padding-left: 18px;
}
.bottom40 {
	margin-bottom: 40px;
}
section#product2{
	padding-top: 80px;
}
/* ---*/
.note1{
	font-size: 10px;
	margin: 10px 0px;
	text-align: right;
	}
/* ---only---*/
div.topimg{
	padding-top: 80px;
	padding-right: 80px;
	width: 665px;
	margin-left: auto;
	margin-right: auto;
	}
.detail p{
	margin-top: 20px;
	line-height: 25px;
	}		
dl.point{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	width: 365px;
}
dl.point dt{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 16px;
	line-height: 16px;
}
dl.point dd{
	padding-top: 3px;
}
dl.point dd li{
	margin-bottom: 8px;
	text-indent: -15px;
	padding-left: 15px;
	font-size: 12px;
	padding-bottom: 0px;
}
dt.n1{
	background-image: url(../../bionic/img/1.gif);
}
.n2{
	background-image: url(../../bionic/img/2.gif);
}
.n3{
	background-image: url(../../bionic/img/3.gif);
}
.n4{
	background-image: url(../../bionic/img/4.gif);
}
.n5{
	background-image: url(../../bionic/img/5.gif);
}