@charset "utf-8";

/* =============================================================

　　共通設定

============================================================= */


/*  全体 共通設定
---------------------------------------------*/

/*  リンク 共通設定
-------------------------- */

/* -- 動き滑らか -- */
#header a,
#footer a,
#content a,
#content .boxContactForm .btnSubmit,
#content .boxPostDetail .boxArticleHead .ttlCategory a,
#content .boxPaging a:before,
#content .boxPaging a:after,
#content .boxProductList li a img {
	transition: all 0.4s ease;
}

/* -- 半透明 -- */
#header .ttlSiteLogo a:hover,
#footer a:hover,
#content .boxContetList .boxSection dl dt a:hover,
#content .boxContactForm .btnSubmit:hover,
#content .boxProductList li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	filter: none\9;
}

/* -- テキスト下線（あり） -- */
#header #boxLanguage a:hover,
#content .boxPostDetail .boxSection a:hover,
.page-news #content .boxPostDetail .boxSection a {
	text-decoration: underline;
}

/* -- テキスト下線（なし） -- */
#header #boxLanguage .on:hover,
#content .boxPaging a:hover  {
	text-decoration: none;
}

/* -- テキスト文字赤色 -- */
#content .boxPaging a:hover,
#content .boxContetList .boxSection dl dt a,
#content .boxPostDetail .boxSection a:hover,
#content .boxProductList li a:hover,
#content .boxContetList .boxSection dl dd p a:hover,
#content .boxShopList li a:hover,
#content .ttlCategory a:hover,
#content .ttlSub a:hover {
	color: #d40f0d;
}

/* -- 背景赤色 -- */
#header #boxGlobalNav .line,
#header #boxLanguage .on,
#content .btnGrey:hover {
	background: #d10100;
}


/*  テキスト 共通設定
-------------------------- */

/* 文字・赤 */
.txtRed {
	color: #d10100;
}

/* 文字・グレー */
.txtGrey {
	color: #999;
}

/* テキスト選択時 */
::selection {
	background: #d10100; /* Safari */
	color: #fff;
}

::-moz-selection {
	background: #d10100; /* Firefox */
	color: #fff;
}


/*  ヘッダー 共通設定
---------------------------------------------*/

/* -------- ヘッダーナビ -------- */

#header #boxHeaderNav {
	width: 100%;
}

/* スクロール追従 */
#header #boxHeaderNav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(255,255,255,0.85);
	background-image: url(../img/common/bg-transparent08.png)\9; /* IE8 */
	width: 100%;
}

#header #boxHeaderNav.fixed:not(:target) {
	background-image: none\9; /* IE9 */
}

#header #boxHeaderNav .boxInner {
	position: relative;
	padding: 15px 0;
}


/* ---- サイトロゴ ---- */

#header .ttlSiteLogo {
	float: left;
}

#header .ttlSiteLogo img {
	width: 254px;
}

/* ---- グローバルナビ ---- */

#header #boxGlobalNav {
	position: relative;
	float: right;
	padding: 22px 45px 0 0;
}

#header #boxGlobalNav li {
	display: inline-block;
	vertical-align: top;
	padding-left: 25px;
}

#header #boxGlobalNav li:first-child {
	padding-left: 0;
}

#header #boxGlobalNav li a {
	display: block;
	padding: 5px 0 5px 2px;
	letter-spacing: 2px;
	text-align: center;
}

/* -- 以下aタグの幅指定はリンク下線がずれるための対策 -- */

/* PRODUCT */
#header #boxGlobalNav li.btnProduct a {
	width: 80px;
	width: 85px\9;
}

/* ABOUT */
#header #boxGlobalNav li.btnAbout a {
	width: 65px;
}

/* DESIGNERS */
#header #boxGlobalNav li.btnDesigners a {
	width: 95px;
	width: 105px\9;
}

/* SHOP LIST */
#header #boxGlobalNav li.btnShop a {
	width: 95px;
	width: 105px\9;
}

/* CONTACT */
#header #boxGlobalNav li.btnContact a {
	width: 85px;
}

/* NEWS */
#header #boxGlobalNav li.btnNews a {
	width: 53px;
}

/* リンク下線 */
#header #boxGlobalNav .line {
	position: absolute;
	width: 0;
	left: 0;
	bottom: 5px;
	display: block;
	height: 2px;
}

/* -------- SNSナビ -------- */

#header #boxSnsNav {
  position: absolute;
  top: 45px;
  right: 0;
}

#header #boxSnsNav img {
  width: 18px;
  height: auto;
}

/* -------- 言語セレクト -------- */

#header #boxLanguage.boxInner {
	position: absolute;
	top: -62px;
	left: 0;
	text-align: right;
	font-size: 0.8em;
	line-height: 12px;
	letter-spacing: 2px;
	color: #000;
}

#header #boxLanguage a {
	padding: 1px 1px 0 3px;
	transition: none;
}

/* 選択中の言語 */
#header #boxLanguage .on {
	color: #fff;
}



/*  コンテンツ 共通設定
---------------------------------------------*/

/* -------- タイトル -------- */

/* カテゴリータイトル */
#content .ttlCategory {
	margin: 0 0 60px;
	font-size: 2.55em;
	line-height: 30px;
	letter-spacing: 5px;
}

/* サブタイトル */
#content .ttlSub {
	margin: 0 0 40px;
	font-size: 2em;
	line-height: 30px;
	letter-spacing: 4px;
}


/* -------- セクション -------- */

/* ボーダー・ドット*/
#content .bdBtmDot {
	border-bottom: 1px dotted #bbb;
	padding-bottom: 30px;
	margin-bottom: 70px;
}

/* テキストボタン */
#content .btnGrey {
	background: #999;
	margin: 0 10px;
	padding: 3px 10px 1px;
	line-height: 20px;
	color: #fff;
}


/* -------- コンテンツリスト -------- */

#content .boxContetList .boxSection dl {
	position: relative;
	padding-left: 300px;
	margin-bottom: 60px;
}

/* タイトル */
#content .boxContetList .boxSection dl dt {
	margin-bottom: 15px;
	font-size: 1.9em;
	line-height: 38px;
	letter-spacing: 3px;
}

/* リンクタイトル */
#content .boxContetList .boxSection dl dt a {
	display: block;
}

/* 画像アイコン */
#content .boxContetList .boxSection dl dt img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 240px;
}

/* 内容 */
#content .boxContetList .boxSection dl dd {
	min-height: 202px;
	line-height: 28px;
}

/* 日付 */
#content .boxContetList .boxSection dl dd .txtDate {
	margin-bottom: 15px;
	letter-spacing: 1px;
}

#content .boxContetList .boxSection dl dd > p.txtDate:first-child {
	margin-top: -15px;
}

/* リンク */
#content .boxContetList .boxSection dl dd .boxLink {
	line-height: 1.5em;
}

/* -------- コンテンツ詳細 -------- */

/* --- 画像 --- */
#content .boxContentDetail .imgDetail,
#content .boxPostDetail .boxSection .boxContentDetail .imgDetail {
	margin-bottom: 30px;
}

/* --- 内容 --- */
#content .boxContentDetail .boxCont {
	position: relative;
}

#content .boxContentDetail .boxCont p,
#content .boxPostDetail .boxSection .boxContentDetail .boxCont p {
	margin-bottom: 0;
	line-height: 26px;
}

/* 縦区切り線 */
#content .boxContentDetail .boxCont:before {
	position: absolute;
	top: 0;
	left: 245px;
	border-left: 1px solid #8c8c8c;
	width: 1px;
	height: 100%;
	content: "";
}

/* -- 左側ボックス -- */
#content .boxContentDetail .boxCont .fltL {
	width: 245px;
	padding-right: 40px;
}

/* -- 右側ボックス -- */
#content .boxContentDetail .boxCont .fltR {
	width: 805px;
	padding: 0 60px;
	font-size: 0.95em;
}

/* タイトル */
#content .boxContentDetail .boxCont .ttl {
	font-size: 1.9em;
	letter-spacing: 3px;
}

/* 製品サイズ・テキスト */
#content .boxContentDetail .boxCont .boxSize {
	position: relative;
	margin-bottom: -1em;
	letter-spacing: 2px;
}

#content .boxContentDetail .boxCont .boxSize dd {
	font-size: 0.9em;
	padding-bottom: 1.5em;
}

/* -------- コンテンツナビ -------- */
#contentNav {
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1em 0;
	font-size: 1.1em;
}

#contentNav li {
	display: inline-block;
	vertical-align: top;
	padding-left: 25px;
}

#contentNav li:first-child {
	padding-left: 0;
}

#contentNav li a {
	display: block;
	letter-spacing: 2px;
}

#contentNav li a:hover,
#contentNav li a.on {
	color: #cf0000;
}



/* -------- プロダクトリスト -------- */

#content .boxProductList ul {
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande","segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana,sans-serif;
	margin-left: -25px;
}

#content .boxProductList li {
	display: inline-block;
	vertical-align: top;
	width: 240px;
	margin: 0 0 25px 25px;
}

/* 製品画像 */
#content .boxProductList li .imgProduct {
	margin-bottom: 15px;
}

#content .boxProductList li span {
	display: block;
	margin-bottom: 5px;
	line-height: 16px;
}

/* 製品名 */
#content .boxProductList li .ttl {
letter-spacing: 0.5px;
}

/* 製品名下テキスト */
#content .boxProductList li .txt {
	font-size: 0.9em;
	color: #b2b2b2;
		letter-spacing: 1.5px;
}

/* -------- 詳細ページテンプレート -------- */

/* --- タイトル箇所 --- */
#content .boxPostDetail .boxArticleHead {
  margin-bottom: 45px;
}

#content .boxPostDetail .boxArticleHead .ttlCategory,
.boxPostDetail .boxArticleHead .ttlPost {
  display: inline-block;
  vertical-align: top;
}

/* カテゴリータイトル */
#content .boxPostDetail .boxArticleHead .ttlCategory {
  width: 190px;
  margin: 0;
}

/* 投稿タイトル */
#content .boxPostDetail .boxArticleHead .ttlPost {
  position: relative;
  width: 855px;
  line-height: 42px;
}

/* 投稿タイトルテキスト */
#content .boxPostDetail .boxArticleHead .ttlPost .txtMain {
  position: relative;
  top: -5px;
  margin-right: 20px;
}

/* 投稿タイトル内小文字 */
#content .boxPostDetail .boxArticleHead .ttlPost .txtSmall {
  position: relative;
  top: -5px;
  left: 20px;
  padding: 0 10px;
  font-size: 2.6em;
  letter-spacing: 1px;
  line-height: 40px;
}

/* 斜め線 */
#content .boxPostDetail .boxArticleHead .ttlPost .txtMain:before {
  position: absolute;
  top: 6px;
  left: -40px;
  content: "/";
  font-size: 27px;
  line-height: 38px;
}

#content .boxPostDetail .boxArticleHead .ttlPost .txtSmall:before {
  position: absolute;
  top: px;
  left: -20px;
  content: "/";
  font-size: 27px;
  line-height: 46px;
}

/* 投稿内容 */
#content .boxPostDetail .boxSection {
  margin-bottom: 70px;
}

#content .boxPostDetail .boxSection > p {
  margin-bottom: 20px;
  line-height: 30px;
}

#content .boxPostDetail .boxSection img {
  max-width: 1050px;
}


/* -------- ページング -------- */

#content .boxPaging {
	margin: 0 0 55px;
	padding-top: 20px;
	text-align: center;
	line-height: 16px;
	letter-spacing: 2px;
}

#content .boxPaging p {
	position: relative;
	border-top: 1px dotted #bbb;
	padding: 40px 8px 0 5px;
	margin: 0 auto;
}

#content .boxPaging .btnPrev,
#content .boxPaging .btnTop,
#content .boxPaging .btnNext {
	position: relative;
	padding: 20px;
}

#content .boxPaging .btnPrev:before,
#content .boxPaging .btnPrev:after,
#content .boxPaging .btnNext:before,
#content .boxPaging .btnNext:after {
	position: absolute;
	top: 50%;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	width: 0;
	height: 0;
	margin-top: -16px;
	content: "";
}

/* -- PREVボタン -- */
#content .boxPaging .btnPrev {
	float: left;
	padding-left: 45px;
}

#content .boxPaging .btnPrev:before,
#content .boxPaging .btnPrev:after {
	left: 0;
	border-right: 14px solid;
	border-left: 16px solid transparent;
	margin-left: -14px;
}

#content .boxPaging .btnPrev:before {
	border-right-color: #8a8a8a;
}

#content .boxPaging .btnPrev:after {
	border-right-color: #fff;
	left: 1px;
}

/* -- NEXTボタン -- */
#content .boxPaging .btnNext {
	float: right;
	padding-right: 40px;
}

#content .boxPaging .btnNext:before,
#content .boxPaging .btnNext:after {
	right: 0;
	border-right: 16px solid transparent;
	border-left: 14px solid transparent;
	margin-right: -14px;
}

#content .boxPaging .btnNext:before {
	border-left-color: #8a8a8a;
}

#content .boxPaging .btnNext:after {
	border-left-color: #fff;
	right: 1px;
}

/* -- BACK TO LISTボタン -- */
#content .boxPaging .btnTop {
	position: relative;
	top: 20px;
	margin: 0 auto;
}

/* -- 触れた時 -- */
#content .boxPaging .btnPrev:hover:before {
	border-right-color: #d10100;
}

#content .boxPaging .btnNext:hover:before {
	border-left-color: #d10100;
}



/* -------- 表 -------- */

#content .boxTable {
	width: 100%;
	margin: 0 0 10px;
	line-height: 28px;
}

#content .boxTable tr td {
	padding: 15px 0;
}

#content .boxTable tr > td:first-child {
	width: 150px;
	padding-right: 15px;
	vertical-align: top;
	font-weight: bold;
}

#content .boxTable tr > td:first-child + td {
	width: 890px;
}

#content .boxTable ol {
	padding: 0 0 0 20px;
}

#content .boxTable ol li{
	list-style: decimal;
}


/* -------- スクロールカスタマイズ -------- */

#content #boxScroll {
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  width: auto !important;
  height: 100px;
}

#content #boxScroll .boxScrollInner {
	padding: 20px;
}

#content #boxScroll .jspPane{
	float: left;
	position: absolute;
	width: auto !important;
	margin-right: 10px !important;
}

#content #boxScroll .jspVerticalBar {
	position: relative;
	float: right;
	width: 8px;
	height: 100%;
	z-index: 100;
}

#content #boxScroll .jspCap {
	display: none;
}

#content #boxScroll .jspTrack {
	position: absolute;
	width: 8px;
	background: #ededed;
}

#content #boxScroll .jspDrag {
	position: absolute;
	width: 8px;
	top: 0;
	right: 0;
	cursor: pointer;
	background: #999;
}



/*  フッター 共通設定
---------------------------------------------*/

/* -------- コピーライト -------- */

#footer .txtCopyright {
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 1px;
}