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


.fl{float:left;}
.fr{float:right;}



.pcview{ display:block;}
.pcview02{ display:block;}
.mbview{ display:none;}
.mbview02{ display:none;}





@media screen and (max-width: 768px) {
.pcview02{ display:none;}
.mbview02{ display:block;}
}

@media screen and (max-width: 519px) {
.pcview{ display:none;}
.mbview{ display:block;}
}






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

.contentstitle{
	width:100%;
	padding:30px 0 15px 0;
	border-bottom:1px solid #000;
}
.contentstitle h1{
	width:100%;
	max-width:1300px;
	margin: 0 auto;
	text-align:left;
	text-indent:2%;
	padding:11px 0 15px 0;
}
.contentstitle h1 img{ width:auto; height:37px;}
.contentstitle h1 br{display:none;}
.contentstitle h1 span{
	vertical-align:bottom;
	margin-left:18px;
	font-size:1.1em;
}


.contentstitle.titlefont{
	width:100%;
	padding:27px 0 12px 0;
	border-bottom:1px solid #000;
}

.contentstitle.titlefont h1{
	font-family: "helveticaneue-thin";
	font-size:3.6em;
	line-height:1.0;
	color:#333;
	letter-spacing:0.05em;
}






.contentsarea{
	width:100%;
	max-width:1300px;
	margin: 0 auto;
	text-align:left;
	padding-top:55px;
}
.contentsarea .Inner{
	width:96%;
	margin:0 auto;
}


@media screen and (max-width: 768px) {
.contentstitle{ padding:25px 0 25px 0;}
.contentstitle h1{padding:7px 0 8px 0; text-align:center; text-indent:0;}
.contentstitle h1 img{ width:auto; height:35px;}
.contentstitle h1 br{display:block;}
.contentstitle h1 span{ margin-left:0; line-height:2em;}


.contentstitle.titlefont{padding:23px 0 23px 0;}
.contentstitle.titlefont h1{font-size:3.2em;}



}

@media screen and (max-width: 519px) {
.contentstitle h1{}
.contentstitle h1 img{ width:auto; height:32px;}
.contentstitle h1 span{ font-size:1.0em;}

.contentstitle.titlefont{padding:23px 0 23px 0;}
.contentstitle.titlefont h1{font-size:3.0em;}
}

/* ============================================================================== */
/*                                  POLICY                                  */
/* ============================================================================== */

.policy{
	font-size:1.2em;
}

.policy h2{
	font-size:2.3em;
	padding-bottom:0.5em;
	font-family: "helveticaneue-medium";
}

.policy h3{
	font-size:1.3em;
	padding:1.8em 0 0;
	font-family: "helveticaneue";
}
.policy p{
	margin:0.9em 0;
	line-height:1.4;
}

.policy p a:hover{
	color:#999;
}

.policySideNav{
	width:250px;
	float:left;
	position:relative;
	z-index:10;
}
.policySideNav ul{
}
.policySideNav li{
	margin-bottom:1em;
}
.policySideNav li a{
	display:inline-block;
	font-size:1.2em;
	line-height:1.1em;
	font-family: "helveticaneue-light";
	-webkit-transition: color 0.25s;
	   -moz-transition: color 0.25s;
	    -ms-transition: color 0.25s;
	        transition: color 0.25s;
}

.policySideNav li a:hover{
	color:#999;
}


.policyBody{
	width:100%;
	margin-left:-250px;
	float:right;
}
.policyBodyInner{
	margin-left:250px;
}


.policyType{
	width:100%;
	border-top:1px solid #CCC;
	padding:40px 0;
}

.policyType:first-child{
	border:none;
	padding-top:0;
}


@media screen and (max-width: 1000px) {
.policySideNav{width:180px;}
.policyBody{margin-left:-180px;}
.policyBodyInner{margin-left:180px;}
}

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

.policySideNav{width:100%;float:none; margin-bottom:30px;}

.policySideNav ul{
	font-size:0;
	text-align:center;
}
.policySideNav li{
	font-size:15px;
	display:inline-block;
	padding:0 4%;
	border-left:1px solid #CCC;
	line-height:1.0;
}
.policySideNav li:first-child{
	border:none;
}
.policyBody{margin-left:0;float:none;}
.policyBodyInner{margin-left:0;width:95%;margin:0 auto;}

.policy h2{
	text-align:center;
}

}


@media screen and (max-width: 519px) {
.policy h2{font-size:1.8em;}
.policy h3{font-size:1.15em;}
.policySideNav li a{font-size:1.0em;}
.policySideNav li{padding:0 0.8em; font-size:14px;}

}





/* ============================================================================== */
/*                                  ABOUT C3fit                                   */
/* ============================================================================== */
.about .Inner{
	width:92%;
}
.about .fade{
	position:relative;
}
.about .concept{
	
}
.about .concept .fade{
	padding-bottom:50px;
	border-bottom:1px solid #999;
}
.about .concept .text{
	float:left;
}
.about .concept .conceptimg{
	float:right;
	width:45%;
	text-align:center;
}
.about .concept .conceptimg img{
	width:330px;
	height: auto;
}
.about .concept h2{
	font-size:2.1em;
	letter-spacing:0.05em;
	margin-top:20px;
	line-height:1.4;
	
}
.about .concept h3{
	font-size:1.2em;
	line-height:2.0;
	margin-top:1.5em;
}



.about .technology{
	padding:50px 0 70px 0;
	background:url(../../images/common/dot_side.gif) 0 bottom repeat-x;
	position:relative !important;
}
.about .technology.last{
	background:none;
	padding-bottom:20px;
}
.about .technology .text{
	float:left;
	width:46%;
}
.about .technology .text p{
	font-size:1.1em;
	line-height:1.8;
}
.about .technology .text p.note{
	font-size:0.9em;
	line-height:1.5;
	margin-top:10px;
}
.about .technology .tech_img01,
.about .technology .tech_img02,
.about .technology .tech_img03{
	width:45%;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	vertical-align:middle;
}
.about .technology .tech_img01 img,
.about .technology .tech_img02 img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	vertical-align:middle;
}
.about .technology .tech_img03 img{
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:auto;
	vertical-align:middle;
}

.about .technology .tech_img01 img{width:380px;}
.about .technology .tech_img02 img{width:320px;}
.about .technology .tech_img03 img{width:405px;}


.about .technology h2{
	font-size:2.0em;
	 font-family: "helveticaneue-bold";
	letter-spacing:0.05em;
}
.about .technology h3{
	font-size:1.6em;
	margin-top:20px;
	margin-bottom:15px;
}



.about .concept .fade:after,
.about .concept:after,
.about .technology:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}




@media screen and (max-width: 960px) {
.about .concept .conceptimg{width:39%;}
.about .concept .conceptimg img{width:100%;}
.about .concept h2{font-size:1.9em; margin-top:10px;}
.about .concept h3{font-size:1.1em;}

.about .technology .text p{ font-size:1.1em; line-height:1.7;}
.about .technology .tech_img01 img{width:100%;}
.about .technology .tech_img02 img{width:90%;}
.about .technology .tech_img03 img{width:100%;}

}

@media screen and (max-width: 768px) {
.about .Inner{width:90%;}
.about .concept .text{float:none; width:100%; text-align:center;}
.about .concept .conceptimg{float:none;width:100%; margin-top:40px;}
.about .concept .conceptimg img{width:55%; height: auto;}

.about .technology .text{ float:none; width:100%;}
.about .technology .tech_img01,
.about .technology .tech_img02,
.about .technology .tech_img03{
	width:80%;
	text-align:center;
	position:static;
	margin:0 auto;
	margin-top:30px;
}
.about .technology .tech_img01 img{ position:static; width:70%;}
.about .technology .tech_img02 img{ position:static; width:70%;}
.about .technology .tech_img03 img{ position:static; width:90%;}


}

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


.about .concept .conceptimg img{width:65%; height: auto;}
.about .concept .text{ text-align:left;}
.about .concept h2{ margin-top:0px; letter-spacing:0.0em; font-size:1.8em; line-height:1.5;}
.about .concept h3{ line-height:1.8;}
.about .concept h3 br.no{ display:none;}

.about .technology{padding:30px 0 50px 0;}
.about .technology .tech_img01 img{ width:100%;}
.about .technology .tech_img02 img{ width:100%;}
.about .technology .tech_img03{width:90%;}
.about .technology .tech_img03 img{ width:100%;}
}


/* ============================================================================== */
/*                                 Japan Quality                                  */
/* ============================================================================== */


/* ========= Top Page ========= */

.qualityToptit{
	width:100%;
	text-align:center;
	padding:100px 0 15px 0;
}
.qualityToptit h1{
	width:330px;
	margin:0 auto;
	margin-bottom:15px;
}
.qualityToptit h2{
	font-size:1.2em;
	letter-spacing:0.05em;
}


.quality .fade{
	position:relative;
}

.quality ul.topmenu{
	width:100%;
	position:relative;
}
.quality ul.topmenu li{
	width:33.3333333333%;
	float:left;
	position:relative;
}
.quality ul.topmenu li a{
	color:#FFF;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	background: rgba(0,0,0,0.5);
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}



.quality ul.topmenu li a:hover{
	background-color:rgba(0,0,0,0.0);
}

.ie8 .quality ul.topmenu li a{
	background:url(../../images/common/fancybox_overlay.png) 0 0 repeat;
	display:block;
}
.ie8 .quality ul.topmenu li a:hover{
	background:url(../../images/common/ie8_bn_bk.png) 0 0 repeat;
	display:block;
}



.quality .topmenu .image{
}
.quality ul.topmenu li .qutop_mb{ display:none;}


.quality .topmenu .qualitymore{
	position:absolute;
	left:0;
	right:0;
	bottom:5%;
	margin:0 auto;
	border:1px solid #FFF;
	width:150px;
	font-weight:300;
	font-size:1.2em;
	padding:5px 0;
}
.quality .topmenu .textin{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:-50px;
}
.quality .topmenu h2{
	font-size:2.0em;
	font-weight:400;
	letter-spacing:0.05em;
	margin-bottom:5px;
}
.quality .topmenu h3{
	font-size:1.2em;
}

.quality .topmenu h4{
	margin-top:20px;
	font-size:1.1em;
	letter-spacing:0.02em;
	line-height:1.8;
}




/* youtube */


.ymovie{
	width:100%;
	margin:0 auto;
	max-width:1100px;
	padding-top:15px;
}

.main_youtube{
  position: relative;
  width: 80%;
  padding-top: 45%;
  margin:0 auto;
  margin-top:40px;
  border:1px solid #CCC;
}

.main_youtube img:hover{
	filter:alpha(opacity=60); 
	-moz-opacity:0.60;
	-khtml-opacity:0.6;
	opacity:0.60
}

.main_youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.main_youtube img{
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  cursor:pointer;
}



.quality .linkabout{
	width:100%;
	margin:0 auto;
	max-width:1100px;
	margin-top:40px;
	margin-bottom:50px;
}
.quality .linkabout a{
	border:1px solid #000;
	display:block;
	width:80%;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
	font-size:1.8em;
	font-weight:300;
	padding:10px 0;
	text-align:center;
	background:#FFF;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.quality .linkabout a:hover{
	background-color:#E6E6E6;
}





.qu_footermenu .linkabout{
	width:100%;
	margin:0 auto;
	margin-top:1px;
	margin-bottom:1px;
}
.qu_footermenu .linkabout a{
	display:block;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
	font-size:1.8em;
	font-weight:300;
	padding:10px 0;
	text-align:center;
	background:#F3F3F3;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.qu_footermenu .linkabout a:hover{
	background-color:#CCC;
}



.quality ul.topmenu:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}

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

.quality ul.topmenu li{
	width:100%;
	float:none;
	border-bottom:1px solid #FFF;
}
.quality ul.topmenu li .qutop_pc{ display:none;}
.quality ul.topmenu li .qutop_mb{ display:block;}
.quality .topmenu .qualitymore{ bottom:10%;}
.quality .topmenu .textin{ top:40%; margin-top:-50px;}

.ymovie{ padding-top:25px;}
.main_youtube {
  width: 90%;
  padding-top: 50.63%;
  margin-top:10px;
}
.quality .linkabout{ margin-top:20px;}
.quality .linkabout a{width:90%;}

}

@media screen and (max-width: 519px) {
.qualityToptit{ padding:90px 0 0 0;}
.qualityToptit h1{ width:70%;}
.qualityToptit h2{ font-size:1.1em;}


.contentsarea.quality{ padding-top:40px;}

.quality .topmenu .qualitymore{ display:none;}
.quality .topmenu .textin{ top:50%; margin-top:-60px;}

.quality .linkabout a{ font-size:1.6em;}
.qu_footermenu .linkabout a{ font-size:1.6em;}
}


/* ========= In Page ========= */

.qualityIn .fade{ position:relative;}

.qualityIntit{
	width:100%;
	height:auto;
	margin: 0 auto;
	position:relative;
}
.qualityIntit .title{
	width:100%;
	margin: 0 auto;
	left:0;
	right:0;
	top:50%;
	line-height:2.0;
	margin-top:-3em;
	text-align:center;
	font-size:1.1em;
	position:absolute;
	letter-spacing:0.3em;
	color:#FFF;
}
.qualityIntit .title h1{
	width:350px;
	margin:0 auto;
}
.qualityIntit .title h2{
	letter-spacing:0.1em;
	margin-top:1em;
  font-family: "helveticaneue-light";
	line-height:1.4;
}


.qualityIn .Inner{
	width:92%;
}
.qualityInmenu{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	margin-top:20px;
}
.qualityInmenu ul{
	width:92%;
	margin:0 auto;
	background:url(../../quality/images/menu_line.gif) left 10px no-repeat;
}
.qualityInmenu ul li{
	width:25%;
	text-align:center;
	float:left;
	line-height:1.4;
	background:url(../../quality/images/menu_line.gif) right 10px no-repeat;
}
.qualityInmenu ul li.menutitle{
	text-align:center;
}
.qualityInmenu ul li.menutitle img{
	width:140px;
}
.qualityInmenu ul li a{
	display:block;
}
.qualityInmenu ul li a h4{
	font-size:1.3em;
  font-family: "helveticaneue-light";
	margin-top:7px;
	-webkit-transition: color 0.25s;
	-moz-transition: color 0.25s;
	transition: color 0.25s;
}
.qualityInmenu ul li a:hover h4{
	color:#999;
}


.qualityIn .column{
	width:100%;
	margin-top:55px;
}
.qualityIn .column.end{
	border-top:1px solid #CCC;
	padding-top:55px;
}

.qualityIn .column .text h2{
	font-size:1.8em;
	margin:10px 0 10px 0;
  font-family: "helveticaneue-bold";
}
.qualityIn .column .text p{
	font-size:1.2em;
	line-height:1.7;
	padding-bottom:5px;
}
.qualityIn .column .text .num{
	font-family: 'Roboto', sans-serif;
	font-size:4.0em;
	font-weight:100;
	line-height:1;
}
.qualityIn .column .left{
	width:50%;
	float:left;
}
.qualityIn .column .right{
	width:50%;
	float:right;
}
.qualityIn .column .left.text,
.qualityIn .column .right.text{
	width:46%;
}



.qu_footermenu{
	width:100%;
	margin:0 auto;
	margin-top:70px;
	margin-bottom:1px;
}
.qu_footermenu ul{
	width:100%;
}
.qu_footermenu ul li{
	width:33.333333%;
	float:left;
	position:relative;
}
.qu_footermenu ul li a{
	display:block;
	background: rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	color:#FFF;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.qu_footermenu ul li a:hover{background: rgba(0,0,0,0);}
.qu_footermenu ul li a h3{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:-0.5em;
}
.qu_footermenu ul li a h3{
	font-size:1.3em;
	font-weight:400;
	line-height:1;
}

.ie8 .qu_footermenu ul li a{
	background:url(../../images/common/fancybox_overlay.png) 0 0 repeat;
	display:block;
	width:100%;
	height:100%;
}

.ie8 .qu_footermenu ul li a:hover{
	background:url(../../images/common/ie8_bn_bk.png) 0 0 repeat;
}


.qualityIn .column:after,
.qualityInmenu ul:after,
.qu_footermenu ul:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}

@media screen and (max-width: 900px) {
.qualityIn .column .text h2{font-size:1.6em;margin:5px 0 5px 0;}
.qualityIn .column .text p{font-size:1.0em;line-height:1.5;}
.qualityIn .column .text .num{font-size:3.5em;}
}

@media screen and (max-width: 768px) {
.qualityIn .Inner{ width:82%;}

.qualityIntit{}
.qualityInmenu ul li.menutitle{ display:none;}
.qualityInmenu ul{ width:95%;}
.qualityInmenu ul li{ width:33.3333%;}


.qualityIn .column.farst{ margin-top:0px;}
.qualityIn .column .left{width:100%;float:none;}
.qualityIn .column .right{width:100%;float:none;}
.qualityIn .column .right.images{ margin-top:13px;}
.qualityIn .column .text .num{font-size:4.5em; text-align:center;}
.qualityIn .column .text h2{ padding:20px 0 7px 0;}
.qualityIn .column .text h2 br{ display:none;}
.qualityIn .column .left.text,
.qualityIn .column .right.text{width:100%;}

.qu_footermenu ul li{width:100%;float:none; margin-top:1px;}
}



@media screen and (max-width: 519px) {
.contentsarea.qualityIn{padding-top:25px;}
.qualityIntit .title h2{ line-height:1.5; font-size:0.9em;}
.qualityIntit .title h1{width:70%; margin-top:5px;}
.qualityIn .Inner{ width:90%;}
.qualityInmenu ul{ display:none;}
.qualityIn .column .text h2{ font-size:1.4em;}
}



/* ============================================================================== */
/*                                     STORES                                     */
/* ============================================================================== */


/* ---------------------------------------- 
                 SHOP LIST 
 ---------------------------------------- */
.shoplist{
	width:100%;
	position:relative;

}
.ie8 .shoplist{
	border-bottom:1px solid #CCC;
}


.shoplist h3.region{
	font-size:2.8em;
	border-bottom:6px double #CCC;
	margin:45px 0 30px;
	text-indent:-0.4em;
}
.shoplist h3.region span{
	font-family: "helveticaneue-medium";
	padding:0 0.2em;
}

.shoplist h2{
	font-size:1.8em;
	letter-spacing:0.02em;
	padding-bottom:0.5em;
	font-family: "helveticaneue-medium";
}
.shoplist hr{
	height:0px;
	border:none;
	border-top:1px solid #CCC;
	margin:40px 0 20px 0;
	width: 100%;
	text-align:left;
}

.shoplist hr.lineduble{
	border-top:6px double #CCC;
}


.shoplist dl{
	width:100%;
	display:table;
}
.shoplist .contory dl:nth-child(even){
	background:#F3F3F3;
}
.ie8 .shoplist dl{
	border-top:1px solid #CCC;
}
.shoplist dl dt{
	width:29%;
	display:table-cell;
	vertical-align:middle;
	padding:8px 2% 8px 1%;
}
.shoplist dl dd{
	display:table-cell;
	vertical-align:middle;
	padding:8px 0;
}

.shoplist dl dd.add{ width:48%; padding-right:2%;}
.shoplist dl dd.tel{ width:17%; padding-right:2%; text-align:right;}
.com .shoplist dl dd.tel{ width:14%; padding-right:2%; text-align:left;}
.shoplist dl dd.map{ width:7%; padding:0; text-align:right;}
.shoplist dl dd.map a{
	display:block;
	padding:8px 10% 8px 0;
}
.shoplist dl dd.map a:hover{
	color:#999;
}

.shoplist .otherlink{
	margin-top:45px;
}
.shoplist .otherlink a{
	width:99.3%;
	margin:0 auto;
	background:url(../../stores/images/map.png) right center no-repeat;
	font-size:2em;
	border:1px solid #CCC;
	display:block;
	padding:1em 0;
	text-align:center;
	color:#000;
	font-family: Helvetica , 'Helvetica Neue', 'Roboto', sans-serif;
	font-weight:100;
	letter-spacing:0.02em;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}


.shoplist .otherlink a:hover{
	background-color:#F0F0F0;
}




.com .shoplist .japanlink{
	margin-top:0px;
	margin-bottom:20px;
}
.com .shoplist .japanlink a{
	width:99.3%;
	margin:0 auto;
	background:url(../../stores/images/map.png) right center no-repeat;
	font-size:2em;
	border:1px solid #CCC;
	display:block;
	padding:0.8em 0;
	text-align:center;
	color:#000;
	font-family: Helvetica , 'Helvetica Neue', 'Roboto', sans-serif;
	font-weight:100;
	letter-spacing:0.02em;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}


.com .shoplist .japanlink a:hover{
	background-color:#F0F0F0;
}

















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

.shoplist dl{
	border-top:1px solid #CCC;
	padding:1.0em 0;
}
.shoplist dl:nth-child(odd){
	background:none;
}
.shoplist dl dt{
	width:98%;
	display:block;
	padding:0.3em 0 0.5em 2%;
	font-weight:bold;
	font-size:1.1em;
	font-family: "helveticaneue-medium";
}
.shoplist dl dd{
	display:block;
	padding:0;
}
.shoplist dl dd.add{
	width:96%;
	display:block;
	padding:0.1em 2%;	
}
.shoplist dl dd.tel{
	width:96%;
	display:block;
	padding:0.1em 2%;
	text-align:left;
}
.com .shoplist dl dd.tel{
	width:90%; 
	padding-right:0%;
}

.shoplist dl dd.map{
	width:96%;
	padding:0.6em 2% 0 2%;
	display:block;
	text-align:left;
}
.shoplist dl dd.map a{
	display:inline-block;
	padding:3px 5%;
	text-align:center;
	border:1px solid #CCC;
}
.shoplist dl dd.map a:hover{
	color:#000;
	background:#F3F3F3;
}

.globallist h2{
	background:#F3F3F3;
	text-indent:2%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:2.0em;
}
.globallist hr{
	margin:0px 0 0px 0;
}

.shoplist .otherlink a{text-align:left; text-indent:1em;}
.com .shoplist .japanlink a{text-align:left; text-indent:1em;}

}


@media screen and (max-width: 768px) {
.listpage{padding-top:0;}
.listpage .Inner{width:100%;}
.shoplist{ width:100%; float:none;}	
.shoplist hr{ display:none;}
.shoplist h3.region{
	margin:45px 0 0px;
	text-align:center;
	padding-bottom:0.5em;
	text-indent:0em;
	font-size:2.6em;

}
.shoplist h2{
	font-size:2.0em;
	padding:1.5em 0;
	text-align:center;
	width:90%;
	margin:0 auto;
}
.shoplist .contory{
	border-bottom:1px solid #CCC;
}
.shoplist h2.top{
	
	padding-top:0px;
	
}
.shoplist.globallist h2{ width:100%; text-indent:5%;}


.shoplist dl dt{
	width:95%;
	padding-left:5%;
}
.shoplist dl dd.add{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.shoplist dl dd.tel{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.shoplist dl dd.map{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.shoplist .otherlink a{ width:90%; background-position:center; text-align:center;}
.com .shoplist .japanlink a{ width:90%; background-position:center; text-align:center;}

.shoplist hr.lineduble{
	display:block;
	margin:0px 0 0 0;
	padding:0;
}


}

@media screen and (max-width: 519px) {
.shoplist h2{ font-size:1.9em;}
}


.contentsarea:after,
.shop_search:after,
.keyword:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}












/* ============================================================================== */
/*                                   TEAM C3fit                                   */
/* ============================================================================== */


.team{
}

.team .teamlist{
	width:100%;
	max-width:1320px;
	margin:0 auto;
	text-align:left;
}
.ie8 .team .teamlist{
	max-width:1200px;
	min-width:1200px;
}

.team .teamlist ul{
	
}
.team .teamlist ul li{
	width:31.1%;
	margin:1%;
	float:left;
	position:relative;
	background:#F3F3F3;
}
.team .teamlist ul li h3{
	margin-top:9px;
	font-size:1.0em;
	padding-left:8px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.team .teamlist ul li h2{
	margin-top:0.2em;
	padding-left:8px;
	padding-bottom:0.8em;
	font-size:1.6em;
	line-height:1.2;
  font-family: "helveticaneue-light";
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.team .teamlist ul li h2 span{
	font-size:0.7em;
	padding-left:0.5em;
}

.team .teamlist ul li a{
	background:#F3F3F3;
	display:block;
	height:100%;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.team .teamlist ul li a:hover{
	background:#000;
}
.team .teamlist ul li a:hover h2,
.team .teamlist ul li a:hover h3{
	color:#FFF;
}

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


@media screen and (max-width: 1340px) {
.team .teamlist{width:98%;}
}

@media screen and (max-width: 1000px) {
.team .teamlist ul li{ width:47.8%; margin:1.1%;}
}
@media screen and (max-width: 768px) {
.team .teamlist ul li{ width:80%; margin:1.5% auto; float:none;}
}
@media screen and (max-width: 519px) {
.team .teamlist ul li{ width:97.5%; margin:1.5%;}
}






.team .ambassador{
	width:98%;
	max-width:1300px;
	margin:30px auto 0;
	
}
.team .ambInner{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:90%;
	margin:0 auto;
	line-height:1.2;
	letter-spacing:0.02em;
	color:#FFF;
	text-align:left;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.team .ambassador a{
	width:100%;
	display:block;
	background:rgba(255,255,255,0.9);
	background:url(../../images/index/ambassador.jpg) center center no-repeat;
	background-size:cover;
	position:relative;
	padding:110px 0;

}

.team .ambassador a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0);	
	-webkit-transition: background 0.3s;
	   -moz-transition: background 0.3s;
	    -ms-transition: background 0.3s;
	        transition: background 0.3s;
}
.team .ambassador a:hover:after{
	background:rgba(255,255,255,0.4);	
}
.team .ambassador h3{
	font-family: "helveticaneue-medium";
	font-size:3.2em;
	padding-bottom:0.2em;
}


.team .ambassador h4{
	font-family: "helveticaneue";
	font-size:1.4em;
}



@media screen and (max-width: 1000px) {
.team .ambassador h3{font-size:3.8vw;}
.team .ambassador h4{font-size:1.7vw;}
}


@media screen and (max-width: 768px) {
.team .ambassador{margin:5% auto 0;}
.team .ambassador h3{font-size:4.3vw;}
.team .ambassador h4{font-size:2vw;}
.team .ambassador a{padding:18% 0;}
}



@media screen and (max-width: 519px) {
.team .ambassador h3{font-size:6vw;}
.team .ambassador h4{font-size:3vw;}
.team .ambassador a{padding:20% 0;}
}







/* ============================================================================== */
/*                                      Q&A                                       */
/* ============================================================================== */

.contentsarea.qa{ max-width:100%;}
.qa .Inner{ width:100%;}
.qa .question{ width:100%;}
.qa .fade{
	width:100%;
	position:relative;
	border-bottom:1px solid #CCC;
}
.question.last .fade{
	border:none;
}
.question .questionIn{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:25px 0;
}
.question.farst .questionIn{
	padding-top:0;
}
.question .questionIn .text{
	width:92%;
	margin:0 auto;
}
.question .q_num{
	font-family: 'Roboto', sans-serif;
	font-size:3.0em;
	font-weight:100;
	line-height:1;
	width:10%;
	float:left;
}
.question h2{
	width:100%;
	font-size:1.5em;
	padding-top:0.2em;
}
.question .answer{
	width:100%;
	font-size:1.1em;
	padding-top:1.0em;
	color:#4C4C4C;
}

.question .answer ul{}
.question .answer ul li{
	width:47%;
	float:left;
	margin-bottom:5%;
}

.question .answer ul li.even{
	padding-right:3%;
}
.question .answer ul li.odd{
	padding-left:3%;
}

.question .note{
	font-size:0.9em;
	margin-top:10px;
}
.question:after,
.qa .fade:after,
.question .questionIn:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}

@media screen and (max-width: 768px) {
.contentsarea.qa{
	padding-top:0px;
}
.question .answer{
	width:92%;
	float:none;
	margin:0 auto;
}
.qa .fade{border-bottom:none;}
.question .questionIn{ padding:0 0 30px 0;}
.question .questionIn .text{width:100%;}
.question .q_num{
	width:20%;
	display:table-cell;
	vertical-align:middle;
	float:none;
	text-indent:4%;
}
.question h2{
	width:93%;
	float:none;
	padding-top:0;
	margin:0 auto;
}
.questionIn .q_tit{
	background:#F3F3F3;
	padding:18px 0;
	position:relative;
	display:table;
	width:100%;
	margin-bottom:10px;
}
.questionIn .q_tit:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}
}

@media screen and (max-width: 600px) {
.question .answer ul li{
	width:100%;
	float:none;
	margin-bottom:5%;
}
.question .answer ul li.even{padding-right:0%;}
.question .answer ul li.odd{padding-left:0%;}

}


@media screen and (max-width: 519px) {
.question .q_num{width:24%; font-size:2.5em;}
.question h2{width:88%; font-size:1.4em; line-height:1.4;}
.question .answer{width:88%;}
}



/* ============================================================================== */
/*                                     CONTACT                                    */
/* ============================================================================== */
.contact{
	line-height:1.7em;
}
.contact .fade{
	position:relative;
}

.contact h2{
	font-size:1.7em;
	margin-bottom:12px;
}


.contact .contact_info{
	background:#000;
	color:#FFF;
	display:inline-block;
	padding:30px;
	margin-top:25px;
}

.contact .contact_info h2{
	font-size:2.9em;
	font-weight:400;
	vertical-align:sub;
	letter-spacing:0.05em;
	color:#FFF;
	margin-bottom:0.6em;
}
.contact .contact_info a{
	color:#FFF;
}
.contact .contact_info h3{
	font-size:1.7em;
	margin-bottom:20px;
}
.contact .contact_info p{
	font-size:1.2em;
	margin-top:0.5em;
	line-height:1.3;
}

@media screen and (max-width: 768px) {
.contact{padding-top:40px;}
.contact .Inner{ width:90%; text-align:center;}
.contact .Inner .copy{ text-align:left;}

.contact .contact_info{
	width:100%;
	text-align:center;
	padding:30px 0;
}
}




/* ============================================================================== */
/*                                      NEWS                                      */
/* ============================================================================== */

.newstitle{
	padding-top:100px;
	width:100%;
	margin: 0 auto;
	max-width:1300px;
	text-align:left;
	text-indent:30px;
	font-family: 'Roboto', sans-serif;
	font-size:3.2em;
	font-weight:100;
}
.newsarea{
	width:100%;
	background:#FFF;
}
.news_set{
	width:100%;
	margin:0 auto;
}
.news_wrap{
	border-top:1px solid #333;
	width:100%;
	padding:35px 0 35px 0;
}
.news_inner{
	width:90%;
	max-width:930px;
	margin:0 auto;
	text-align:left;
}
.news_inner h2{
	font-size:1.7em;
	margin-top:2px;
}
.newscomment{}
.newstxt{
	padding-top:20px;
	font-size:1.05em;
}
.newsimg01 img{ margin:20px 0 10px 0;}
.newsimg02 img{ margin:20px 0 10px 0;}
.newsimg03 img{ margin:10px 0 10px;}

.newstxt a:hover{
	text-decoration:underline;
}
.news_nextlink{
	width:90%;
	max-width:930px;
	margin:0 auto;
	padding-top:20px;
}
.news_nextlink:after{
	content: "";
	display: table;
	float:none;
	clear: both;
}
.news_back{
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:300;
	width:50%;
	float:left;
	text-align:left;
}
.news_next{
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:300;
	width:50%;
	float:right;
	text-align:right;
}
.news_back a,
.news_next a{
	display:inline-block;
	padding:5px 25px;
	background:#000;
	color:#FFF;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.news_back a:hover,
.news_next a:hover{
	background-color:#666;
}
.news_all_bt{
	width:90%;
	max-width:930px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
}
.news_all_bt a{
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:300;
	text-align:left;
	display:inline-block;
	padding:5px 25px;
	background:#000;
	color:#FFF;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.news_all_bt a:hover{
	background-color:#666;
}

@media screen and (max-width: 768px) {
.newstitle{
	padding-top:80px;
	width:100%;
	margin: 0 auto;
	text-align:center;
	text-indent:0;
}
}


.newstitle:after,
.newsarea:after,
.news_set:after,
.news_wrap:after,
.news_inner:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}