@charset "utf-8";

/* =========================================================
 * common           /*全体・共通
========================================================= */

/*********************
 初期設定
**********************/



@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d410d2f7-bcd3-4348-aee9-9436a6742f19");
@font-face{
font-family:"Helvetica Neue LT W01_71488914";
src:url("../Fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix");
src:url("../Fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"),url("../Fonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("../Fonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"),url("../Fonts/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"),url("../Fonts/e4d5b881-6835-45b7-8766-3e5b9e7cab8b.svg#e4d5b881-6835-45b7-8766-3e5b9e7cab8b") format("svg");
}


html {}

body {
  height: 100%;
	font-family: 'Helvetica Neue LT W01_71488914', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ＭＳ ゴシック", sans-serif;
	line-height: 1.4;
	color: #212121;
	background:#fff;
	position:relative;
}



a {					color: #212121;	text-decoration: none; }
a:link { 		color: #212121; text-adecoration:underline; }
a:visited {	color: #212121; }
a:hover {		color: #333;text-decoration: underline;}
a:active { 	color: #666; text-decoration: underline; }

h1 a:hover{
  text-decoration: none;
}




a  {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
a:hover {
	filter: alpha(opacity=60) !important;
  -moz-opacity:0.6 !important;
  opacity:0.6 !important;
}
/*---------------------------------------------------------------------------------------------------
// COMMON
---------------------------------------------------------------------------------------------------*/
#contents{
  padding:0 0 0 82px;
  overflow: hidden;
  width:920px;
}
#header{
  float:left;
  width:249px;
  padding-top:151px;
}
#header h1{
  line-height:0;
  margin-bottom: 61px;
}
#header .link{
  line-height:16px;
  margin-bottom: 25px;
}
#header .link p:last-child{
	padding-top:15px;
}
#main{
  float:left;
  width:660px;
  padding-top: 115px;
}
#main h2{
	margin-bottom:24px;
}
#main h3{
	margin-bottom:22px;
}
#main h4{
	margin-bottom:20px;
}
#main p{
	line-height:18px;
	letter-spacing:0.3px;
}
#main .section{
	margin-bottom:150px;
}
#main .box{
	margin-bottom:36px;
}

#main ul li{
	overflow:hidden;
}
#main ul li span,
#main ul li p{
	display:inline-block;
}
#main ul li span{
	width:154px;
}
#lang{
  float: right;
  padding-right:0;
  padding-top: 9px;
  letter-spacing: 1px;
  height:20px;
}
#lang a{
  display:inline-block;
}

#page-contact .menu .contact,
#page-profile .menu .profile,
#jp.current,
#en.current,
.submenu.all .all,
.submenu.brand .brand,
.submenu.product .product,
.submenu.service .service,
.submenu.artist .artist,
.submenu.other .other,
.submenu.japan .japan,
.submenu.thailand .thailand,
.submenu.other-countries .other-countries{
  color:#b3b3b3;
}

.en,
.jp{
  display: none;
}

.jp p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro";
}

/*---------------------------------------------------------------------------------------------------
// FONT
---------------------------------------------------------------------------------------------------*/
#header h1{
  font-size: 36px;
}
#main h2,
.menu a{
  font-size:16px;
}
#main,
#lang{
  font-size:11px;
}
#header{
	font-size:10px;
}


/*---------------------------------------------------------------------------------------------------
// for PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1170px) {
}

/*---------------------------------------------------------------------------------------------------
// for PC AND TABLET
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  
	#header h1 img{
		width:85px;
	}
}

/*---------------------------------------------------------------------------------------------------
// for TABLET
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1169px) and (min-width: 768px) {
}

/*---------------------------------------------------------------------------------------------------
// for SMARTPHONE
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #wrap{
    width:640px;
    overflow:hidden;
  }
  /*------------------
  // FONT
  -------------------*/
  #header{
    font-size: 16px;
  }
  #main h2{
    font-size:30px;
  }
  .menu a{
    font-size:24px;
  }
 #main{
  	font-size:18px;
  }
  body {
  	font-size:20px;
  }
  #lang ,
  #lang a{
    font-size:24px;
  }

  /*------------------
  //
  -------------------*/
  #contents{
    padding:43px 50px 0;
    width:640px;
    box-sizing: border-box;
  }
	#main{
  	float:none;
  	width:auto;
	  clear:both;
	  padding-top:0;
	}
  #lang{
    padding: 0;
	width:100px;
	text-align:right;
  }
  #lang a{
    letter-spacing: -0.2px;
  }
  

  #header{
    width:300px;
	padding:7px 0 75px;
  }
  #header h1{
    margin-bottom: 35px;
  }
  #header .link{
    line-height: 1.6;
    letter-spacing: 0.3px;
  }
  #header .link p:last-child{
  	padding-top:22px;
  }
  
	#main h2{
	margin-bottom:22px;
	}
	#main h3{
	margin-bottom:26px;
	}
	#main h4{
	margin-bottom:26px;
	}
	#main p{
	line-height:26px;
	}
	#main .section{
	margin-bottom:100px;
	}
	#main .box{
	margin-bottom:54px;
	}
	#main  ul li span{
		width:140px;
	}
	#main ul li p{
		width:400px;
	}
	#main .jp ul li span{
		letter-spacing: -1px;
	}

}