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

@font-face {
  font-family: "helveticaneue-thin";
    src: url("/c3fit/fonts/helveticaneue-thin.eot"); /* IE9 Compat Modes */
	src: url("/c3fit/fonts/helveticaneue-thin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/c3fit/fonts/helveticaneue-thin.woff") format("woff"), /* Modern Browsers */
    url("/c3fit/fonts/helveticaneue-thin.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "helveticaneue-light";
    src: url("/c3fit/fonts/helveticaneue-light.eot"); /* IE9 Compat Modes */
	src: url("/c3fit/fonts/helveticaneue-light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/c3fit/fonts/helveticaneue-light.woff") format("woff"), /* Modern Browsers */
    url("/c3fit/fonts/helveticaneue-light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helveticaneue";
    src: url("/c3fit/fonts/helveticaneue.eot"); /* IE9 Compat Modes */
	src: url("/c3fit/fonts/helveticaneue.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/c3fit/fonts/helveticaneue.woff") format("woff"), /* Modern Browsers */
    url("/c3fit/fonts/helveticaneue.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helveticaneue-medium";
    src: url("/c3fit/fonts/helveticaneue-medium.eot"); /* IE9 Compat Modes */
	src: url("/c3fit/fonts/helveticaneue-medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/c3fit/fonts/helveticaneue-medium.woff") format("woff"), /* Modern Browsers */
    url("/c3fit/fonts/helveticaneue-medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helveticaneue-bold";
    src: url("/c3fit/fonts/helveticaneue-bold.eot"); /* IE9 Compat Modes */
	src: url("/c3fit/fonts/helveticaneue-bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/c3fit/fonts/helveticaneue-bold.woff") format("woff"), /* Modern Browsers */
    url("/c3fit/fonts/helveticaneue-bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}





.ftLt{font-family: "helveticaneue-light";}
.ftRm{font-family: "helveticaneue";}
.ftMd{font-family: "helveticaneue-medium";}
.ftBd{font-family: "helveticaneue-bold";}
.ftJP{font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', "Avenir Next","Avenir", sans-serif;}
.ftJPbd{font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', "Avenir Next","Avenir", sans-serif;font-weight:bold;}



.clear:after,
ul:after,
li:after,
dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}






/*



*/




h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration:none;


}

input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}

a.nohover:hover {
  opacity: 1.0;
}



.main {padding-bottom:60px;}




@media (max-width: 768px) {
.wide{display:none;}
}
@media (max-width: 540px) {
.main {padding-bottom:40px;}
}







/* ==================== SOCIAL / International ====================== */


.social{
	width:100%;
	background:#383838;
	text-align:center;
	padding:25px 0 30px;
}
.social h2{
	font-family: "helveticaneue-medium";
	color:#FFF;
	font-size:1.2em;
	letter-spacing:0.05em;
}
.social img{
	width:100%;
}
.social ul{
	text-align:center;
	margin-top:15px;
}
.social ul li{
	display:inline-block;
	margin:0 6px;
	width:38px;
}
.social ul li a{
	-webkit-transition: opacity 0.25s;
	   -moz-transition: opacity 0.25s;
	        transition: opacity 0.25s;
}
.social ul li a:hover{
	filter:alpha(opacity=50);
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}
.social ul li.fb{}
.social ul li.in{}
.social ul li.yb{}



.international{
	width:100%;
	background:#383838;
	text-align:center;
	padding:1.5em 0;
	position:relative;
}
.international::after{
	position:absolute;
	content:"";
	width:200px;
	height:1px;
	background:#999;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
}
.international a{
	color:#FFF;
	display:inline-block;
	font-family: "helveticaneue";
	font-size:1.3em;
	letter-spacing:0.05em;
	position:relative;
	-webkit-transition: opacity 0.25s;
	   -moz-transition: opacity 0.25s;
	        transition: opacity 0.25s;
}
.international a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}





/* ==================== C3fitFooter ====================== */

.c3fitFooter{
	width:100%;
	background:#383838;
	text-align:center;
	padding:55px 0 10px;
}


.c3fitFooter .footerInner{
	width:90%;
	margin:0 auto;
}

.c3fitFooter .onlineLink{
	width:100%;
	float:left;
	margin-right:-140px;
}
.c3fitFooter .onlineLink a{
	color: #FFF;
	display:inline-block;
}
.c3fitFooter .onlineLink a:hover{
	color:#999;
}

.c3fitFooter .onlineLink ul{
	margin-right:140px;
	font-size:0;
	text-align:left;
	max-width:750px;
}
.c3fitFooter .onlineLink ul li{
	width:33.33333%;
	font-size:12px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:55px;
	padding-right:1em;
	box-sizing:border-box;
}

.c3fitFooter .onlineLink ul li h3{
	position:relative;
	padding-top:8px;
	margin-bottom:10px;
	color:#CCC;
	line-height:1.2;
	font-size:0.91em;
}
.c3fitFooter .onlineLink ul li h3 span{
	color:#FFF;
	font-family:"helveticaneue-medium";
	display:block;
	font-size:1.4em;
}
.c3fitFooter .onlineLink ul li h3::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:2px;
	background:#FFF;
	z-index:10;
}
.c3fitFooter .onlineLink ul li p{
	margin-bottom:0.3em;
}



.c3fitFooter .socialCom{
	width:138px;
	float:right;
	overflow:hidden;
	position:relative;
	z-index:12;
}
.c3fitFooter .socialCom .sns{
	border-bottom:1px solid #999;
	padding-bottom:20px;
}
.c3fitFooter .socialCom .sns h2{
	font-family:"helveticaneue-medium";
	color:#FFF;
	font-size:1.2em;
	letter-spacing:0.05em;
	text-align:center;
}
.c3fitFooter .socialCom .sns img{
	width:100%;
}
.c3fitFooter .socialCom .sns ul{
	text-align:left;
	margin-top:15px;
	font-size:0;
}
.c3fitFooter .socialCom .sns ul li{
	display:inline-block;
	margin:0;
	width:38px;
	font-size:12px;
}
.c3fitFooter .socialCom .sns ul li a{
	-webkit-transition:opacity 0.25s;
	   -moz-transition:opacity 0.25s;
	        transition:opacity 0.25s;
}
.c3fitFooter .socialCom .sns ul li a:hover{
	filter:alpha(opacity=50);
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}
.c3fitFooter .socialCom .sns ul li.fb{margin-right:12px;}
.c3fitFooter .socialCom .sns ul li.in{margin-right:12px;}
.c3fitFooter .socialCom .sns ul li.yb{}


.c3fitFooter .socialCom .com{
	margin-top:20px;
}


.c3fitFooter .socialCom .com a{
	color:#FFF;
	display:inline-block;
	font-family: "helveticaneue";
	font-size:1.3em;
	line-height:1.1;
	letter-spacing:0.05em;
	position:relative;
	border:1px solid #CCC;
	width:100%;
	padding:0.4em 0 0.5em;
	-webkit-transition: opacity 0.25s;
	   -moz-transition: opacity 0.25s;
	        transition: opacity 0.25s;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
	        border-radius:5px;
}
.c3fitFooter .socialCom .com a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}



.c3fitFooter .socialCom .region{
    color:#FFF!important;
	margin-top:20px;
	width:100%;
}

.c3fitFooter .socialCom .region a{
    color:#FFF!important;
    font-size:1.1em;
    letter-spacing:0.05em;
    font-family: "helveticaneue";
}
.c3fitFooter .socialCom .region .icon{
	width:30px;
	margin:0 auto;
	padding-bottom:7px;
}
.c3fitFooter .socialCom .region a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}
.c3fitFooter .socialCom .region a:hover p{
	text-decoration:none;
}



@media screen and (max-width: 768px) {


.c3fitFooter{padding:30px 0 0px;}
.c3fitFooter .footerInner{width:100%;}

.c3fitFooter .socialCom{float:none;width:200px;margin:0 auto;}
.c3fitFooter .socialCom .sns h2{text-align:center;}
.c3fitFooter .socialCom .sns ul{text-align:center;}
.c3fitFooter .socialCom .com a{	width:138px;}

.c3fitFooter .onlineLink{
	width:100%;
	float:none;
	margin:30px 0 0 0;
	padding-top:35px;
	border-top:1px solid #999;
}
.c3fitFooter .onlineLink ul{margin-right:0;}
.c3fitFooter .onlineLink ul li{width:50%;text-align:center;margin-bottom:40px;}
.c3fitFooter .onlineLink ul li h3{padding-top:12px;}
.c3fitFooter .onlineLink ul li h3::after{
	top:0;
	left:0;
	right:0;
	margin:0 auto;
}

}


@media screen and (max-width: 540px) {
.c3fitFooter .onlineLink ul li{width:100%;}

}
























/* common */






.contentsTitle{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:40px 0 60px;
}

.contentsTitle h2{
	font-family: "helveticaneue-light";
	font-size:3.5em;
	line-height:1.3;
	letter-spacing:0.05em;
}
.contentsTitle h3{
	font-size:1.2em;
}



.comingsoon{
	font-family: "helveticaneue-light";
	font-size:2.5em;
	letter-spacing:0.05em;
	text-align:center;
	padding:3em 0;
}



@media screen and (max-width: 768px) {
.contentsTitle{padding:40px 0 40px;}
}


@media screen and (max-width: 540px) {
.contentsTitle{padding:20px 0 30px;}
.contentsTitle h2{font-size:3.0em;}
.contentsTitle h3{font-size:1.1em;}

.comingsoon{font-size:2.2em;}

}





/* ============================ Common ============================*/

.defaultBoxShort{
	width:90%;
	max-width:980px;
	margin:0 auto;
	font-size:1.1em;
}

@media (max-width: 540px) {
.defaultBoxShort{font-size:1.15em;}
}

/* ============================ SIZE ============================*/

.size .defaultBoxShort{font-size:1.0em;}

.size .defaultBoxShort h3{
	font-size:1.2em;
	font-weight:bold;
	margin-top:50px;
}
.size .defaultBoxShort h3:first-child{
	margin-top:0;
}
.sizeTable{
	width:100%;
	text-align:center;
	margin-top:10px;
	line-height:1.3;
}
.sizeTable.widthMax{max-width:none;}
.sizeTable.widthMid{max-width:700px;}
.sizeTable.widthMin{max-width:500px;}

.sizeTable th{
	width:180px;
	border-bottom:1px solid #CCC;
	padding:6px 0;
}
.sizeTable th br{
	display:none;
}
.sizeTable td{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:6px 0;
}

.sizeTable thead{
	background:#F3F3F3;
}
.sizeTable thead th,
.sizeTable thead td{
	border-bottom:none !important;
}

.sizeTable .men{
	color:#003399;
}
.sizeTable .women{
	color:#E22616;
}



.size h4{
	font-size:1.5em;
	text-align:center;
	border:1px solid #CCC;
	line-height:1.0;
	padding:0.5em 0;
	width:100%;
	background:#F5F5F5;
	-webkit-border-radius:20px;
       -moz-border-radius:20px;
        -ms-border-radius:20px;
	        border-radius:20px;
}


.size .attention{
	font-size:1.1em;
	margin-top:30px;
}

.size .note{
	font-size:0.91em;
	padding-top:5px;
}
.size .unit{
	font-size:0.91em;
	padding-top:5px;
	text-align:right;
}




.measurement{
	width:100%;
	margin:0px auto 70px;
}

.measurement h5{
	text-align:center;
	margin:20px 0 50px;
	font-size:1.1em;
}
.measurement .drawing{
	width:100%;
	max-width:560px;
	margin:0 auto 50px;
}

.measurement h6{
	font-size:1.1em;
	padding:0.7em 0 0.2em;
	font-weight:bold;
}


.measurement .pointBox{
	width:100%;
	
	margin:0 auto;
	border-top:1px solid #CCC;
	font-size:1.1em;
	padding-top:30px;
}

.measurement .pointLeft{
	float:left;
	width:50%;
	padding-right:1em;
	box-sizing: border-box;
}

.measurement .pointRight{
	float:right;
	width:50%;
	padding-left:1em;
	box-sizing: border-box;
}


@media (max-width: 768px) {

.size .defaultBoxShort .measurement{font-size:1.1em;}
.measurement .pointBox{font-size:1.0em;}

.sizeTable th{width:120px;}
.sizeTable th br{display:block;}
}

@media (max-width: 540px) {
.size .defaultBoxShort{font-size:0.91em;}
.size .defaultBoxShort .measurement{font-size:1.2em;}

.measurement{
	margin:0px auto 50px;
}
.size h4{font-size:1.4em;}

.measurement h5{margin-bottom:30px; font-size:1.0em;}
.measurement .drawing{margin:0 auto 30px;}
.measurement .pointLeft{float:none;width:100%;padding-right:0;}
.measurement .pointRight{float:none;width:100%;padding-left:0;}
.measurement h6{font-size:1.1em;padding:0.7em 0 0.2em;}


.size .defaultBoxShort h3{margin-top:30px;}
.sizeTable th{width:75px;}
}