@charset "utf-8";

/* リセットスタイル
========================================================= */

h1, h2, h3, h4, h5, h6 { font-weight: inherit; margin-top: 0; margin-bottom: 0; }

ol, ul { list-style: none; margin-top: 0; margin-bottom: 0; padding-left: 0; }
dl { margin-top: 0; margin-bottom: 0; }
dd { margin-left: 0; }

p { margin-top: 0; margin-bottom: 0; }
img { width: 100%; height: auto; vertical-align: top; }
a:link { outline: 0; }

table { border-collapse: collapse; }
th,td { vertical-align: top; padding: 0; }
th { font-weight: normal; text-align: left; }



/* フォームリセットスタイル
========================================================= */

form { margin-bottom: 0; }
select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { padding: 0; resize: vertical; }
input[type="text"] { vertical-align: top; padding: 0; }
input[type="radio"] { vertical-align: top; }
input[type="checkbox"] { vertical-align: top; }
input[type="submit"] { border: none; }
label { display: inline-block; }

/* webkit */
::-webkit-input-placeholder { color: #999999; }
:focus::-webkit-input-placeholder { color: transparent; }

/* FireFox */
:-moz-placeholder { opacity: 1; color: #999999; }
:focus:-moz-placeholder { color: transparent; }
::-moz-placeholder { opacity: 1; color: #999999; }
:focus::-moz-placeholder { color: transparent; }

/* IE */
:-ms-input-placeholder { color: #999999; }
select::-ms-expand { display: none; }

/* Android iOS */
select { background-color: #ffffff; }

/* iOS */
input,
select,
textarea { -webkit-appearance: none; border-radius: 0; }



/* 基礎スタイル
========================================================= */

html { overflow-y: scroll; font-family: Helvetica,Arial,sans-serif; font-size: 62.5%; line-height: 1; color: #333333; font-weight: 500; }

a         { color: #333399; text-decoration: none; }
a:visited { color: #800080; }
a:hover   { color: #333399; text-decoration: underline; }



/* ヘッダー
========================================================= */

header { position: relative; }


/* ロゴ
------------------------------------------ */

header #headerLogo { position: relative; overflow: hidden; width: 960px; height: 80px; box-sizing: border-box; padding-top: 34px; margin-right: auto; margin-left: auto; }
header #headerLogo a { display: block; line-height: 1rem; }
header #headerLogo a:nth-child(1) { float: left; width: 126px; }
header #headerLogo a:nth-child(2) { float: left; width: 154px; box-sizing: border-box; padding: 5px; margin-top: 4px; margin-left: 18px; }

@media screen and (max-width: 1000px) {
	header #headerLogo { width: 95%; }
	header #headerLogo a:nth-child(2) { margin-left: 12px; }
}

@media screen and (max-width: 640px) {
	header #headerLogo { width: 100%; height: auto; padding: 6.25% 4.6875% 4.0625%; }
	header #headerLogo a:nth-child(1) { width: 31.37931034482759%; }
	header #headerLogo a:nth-child(2) { width: 38.25431034482759%; padding: 1.72413793103448%; margin-top: 0.3448275862069%; margin-left: 1.37931034482759%; }
}

/* 100周年仕様 */
header #headerLogo100 { position: relative; overflow: hidden; width: 960px; height: 80px; box-sizing: border-box; padding-top: 10px; margin-right: auto; margin-left: auto; }
header #headerLogo100 a { display: block; line-height: 1rem; }
header #headerLogo100 a:nth-child(1) { float: left; width: 200px; }
header #headerLogo100 a:nth-child(2) { float: left; width: 144px; padding: 5px; margin-top: 18px; margin-left: 24px; }

@media screen and (max-width: 1000px) {
	header #headerLogo100 { width: 95%; }
	header #headerLogo100 a:nth-child(2) { margin-left: 12px; }
}

@media screen and (max-width: 767px) {
	header #headerLogo100 { padding-top: 16px; }
	header #headerLogo100 a:nth-child(1) { width: 160px; }
	header #headerLogo100 a:nth-child(2) { width: 115px; margin-top: 12px; }
}

@media screen and (max-width: 640px) {
	header #headerLogo100 { width: 100%; height: auto; padding: 3.4375% 4.6875% 3.75%; }
	header #headerLogo100 a:nth-child(1) { width: 36.20689655172414%; }
	header #headerLogo100 a:nth-child(2) { width: 34.48275862068966%; padding: 1.72413793103448%; margin-top: 2.41379310344828%; margin-left: 1.37931034482759%; }
}


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

header #menuOpen { display: none; cursor: pointer; }
header #headerMenu { width: 100%; }
header #headerMenu #globalNav { background-color: #464646; border-top: solid 1px #d6d6d6; }
header #headerMenu #globalNav .megaMenu { overflow: hidden; width: 960px; margin: -1px auto 1px; }
header #headerMenu #globalNav .megaMenu li { float: left; }
header #headerMenu #globalNav .megaMenu li .btnLink { font-size: 1.5rem; line-height: 2.4rem; border-right: solid 1px #d6d6d6; }
header #headerMenu #globalNav .megaMenu li:first-child .btnLink { border-left: solid 1px #d6d6d6; }
header #headerMenu #globalNav .megaMenu li .btnLink a { display: block; width: 100%; background-color: #464646; box-sizing: border-box; border-top: solid 1px #d6d6d6; text-align: center; text-decoration: none; color: #ffffff; padding: 6px 45px 5px; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
header #headerMenu #globalNav .megaMenu li .btnBox { visibility: hidden; opacity: 0; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame { display: table; width: 960px; box-sizing: border-box; margin-right: auto; margin-left: auto; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame a { color: #0d146c; text-decoration: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame a:hover { opacity: 0.4; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfTitle { display: table-cell; width: 156px; font-size: 2.0rem; background: no-repeat 47px 66px; vertical-align: top; padding: 41px 28px 45px 46px; }
header #headerMenu #globalNav .megaMenu li.menuBtn2 .btnBox .boxFrame .bfTitle { background-image: url(/common/share/mega_bg2.jpg); background-size: 155px 280px; }
header #headerMenu #globalNav .megaMenu li.menuBtn4 .btnBox .boxFrame .bfTitle { background-image: url(/common/share/mega_bg4.jpg); background-size: 155px 272px; }
header #headerMenu #globalNav .megaMenu li.menuBtn5 .btnBox .boxFrame .bfTitle { background-image: url(/common/share/mega_bg5.jpg); background-size: 155px 148px; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfTitle span { position: relative; display: inline-block; width: 154px; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfTitle span:before { position: absolute; top: 8px; right: 0; display: block; width: 5px; height: 5px; border-right: solid 1px #333399; border-bottom: solid 1px #333399; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfMenu { display: table-cell; padding: 41px 45px 45px 0; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfMenu .bfBlock { overflow: hidden; border-left: solid 1px #cccccc; padding-left: 25px; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfMenu .bfBlock .blockCell { float: left; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfMenu .bfBlock .blockCell:not(:last-child) { border-right: solid 1px #cccccc; }
header #headerMenu #globalNav .megaMenu li .btnBox .boxFrame .bfMenu .bfBlock .blockCell a { display: block; text-align: center; }

.menuBtn2 .bfBlock .bfBlock1 { background: url(/common/share/mega_product_01.svg) no-repeat 52px 27px; background-size: 44px 44px; border: solid 3px #dddddd; padding: 12px 17px 13px 156px; margin-bottom: 20px; }
.menuBtn2 .bfBlock .bfBlock1 dl { overflow: hidden; border-bottom: solid 1px #dddddd; }
.menuBtn2 .bfBlock .bfBlock1 dl dt { float: left; width: 100px; }
.menuBtn2 .bfBlock .bfBlock1 dl dt a,
.menuBtn2 .bfBlock .bfBlock1 p a { display: block; padding: 7px 20px 5px; }
.menuBtn2 .bfBlock .bfBlock1 dl dd { overflow: hidden; float: left; width: 380px; font-size: 1.2rem; line-height: 2rem; padding-top: 9px; padding-bottom: 7px; }
.menuBtn2 .bfBlock .bfBlock1 dl dd a { position: relative; float: left; display: inline-block; color: #333333; padding-left: 12px; margin-right: 18px; }
.menuBtn2 .bfBlock .bfBlock1 dl dd a:before { position: absolute; top: 6px; left: -2px; display: block; width: 5px; height: 5px; border-right: solid 1px #333399; border-bottom: solid 1px #333399; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn2 .bfBlock .bfBlock2 { overflow: hidden; }
.menuBtn2 .bfBlock .bfBlock2 .blockCell { width: 219px; }
.menuBtn2 .bfBlock .bfBlock2 .blockCell a { height: 45px; background: no-repeat center 15px; padding-top: 80px; }
.menuBtn2 .bfBlock .bfBlock2 .blockCell:nth-child(1) a { background-image: url(/common/share/mega_product_02.svg); background-size: 44px 44px; }
.menuBtn2 .bfBlock .bfBlock2 .blockCell:nth-child(2) a { background-image: url(/common/share/mega_product_03.svg); background-size: 44px 44px; }
.menuBtn2 .bfBlock .blockAlkapply { float: left; width: 219px; height: 127px; }
.menuBtn2 .bfBlock .blockAlkapply a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 219px; height: 127px; background: url(/common/share/mega_alkapplysolution.svg) no-repeat center center; background-size: 144px 22px; }

.menuBtn4 .bfBlock .blockCell { width: 219px; }
.menuBtn4 .bfBlock .blockCell a { height: 43px; background: no-repeat center 25px; padding-top: 90px; }
.menuBtn4 .bfBlock .bfBlock1 { overflow: hidden; border-bottom: solid 1px #cccccc; padding-bottom: 15px; margin-bottom: 15px; }
.menuBtn4 .bfBlock .bfBlock1 .blockCell:nth-child(1) a { background-image: url(/common/share/mega_company_01.svg); background-size: 48px 54px; }
.menuBtn4 .bfBlock .bfBlock1 .blockCell:nth-child(2) a { background-image: url(/common/share/mega_company_03.svg); background-size: 54px 54px; }
.menuBtn4 .bfBlock .bfBlock1 .blockCell:nth-child(3) a { background-image: url(/common/share/mega_company_04.svg); background-size: 54px 48px; }
.menuBtn4 .bfBlock .bfBlock2 { overflow: hidden; }
.menuBtn4 .bfBlock .bfBlock2 .blockCell:nth-child(1) a { background-image: url(/common/share/mega_company_05.svg); background-size: 50px 48px; }
.menuBtn4 .bfBlock .bfBlock2 .blockCell:nth-child(2) a { background-image: url(/common/share/mega_company_06.svg); background-size: 54px 54px; }

.menuBtn5 .bfBlock .blockCell { width: 25%; box-sizing: border-box; }
.menuBtn5 .bfBlock .blockCell a { height: 63px; background: no-repeat center 45px; padding-top: 110px; }
.menuBtn5 .bfBlock .blockCell:nth-child(1) a { background-image: url(/common/share/mega_csr_01.svg); background-size: 54px 46px; }
.menuBtn5 .bfBlock .blockCell:nth-child(2) a { background-image: url(/common/share/mega_csr_02.svg); background-size: 55px 54px; }
.menuBtn5 .bfBlock .blockCell:nth-child(3) a { background-image: url(/common/share/mega_csr_03.svg); background-size: 53px 54px; }
.menuBtn5 .bfBlock .blockCell:nth-child(4) a { background-image: url(/common/share/mega_csr_04.svg); background-size: 52px 44px; }

@media screen and (min-width: 641px) {
	header #headerMenu { display: block !important; }
	body.cgProduct header #headerMenu #globalNav .megaMenu li.menuBtn2 .btnLink a,
	body.cgSupport header #headerMenu #globalNav .megaMenu li.menuBtn3 .btnLink a,
	body.cgCompany header #headerMenu #globalNav .megaMenu li.menuBtn4 .btnLink a,
	body.cgCsr     header #headerMenu #globalNav .megaMenu li.menuBtn5 .btnLink a { background-color: #ffffff; border-top: solid 1px #ffffff; color: #464646; }
}

@media screen and (min-width: 769px) {
	header #headerMenu #globalNav .megaMenu li:hover .btnLink a { background-color: #ffffff; border-top: solid 1px #ffffff; color: #464646; }
	header #headerMenu #globalNav .megaMenu li.menuBtn2:hover .btnLink a,
	header #headerMenu #globalNav .megaMenu li.menuBtn3:hover .btnLink a,
	header #headerMenu #globalNav .megaMenu li.menuBtn4:hover .btnLink a,
	header #headerMenu #globalNav .megaMenu li.menuBtn5:hover .btnLink a { background-color: #ffffff; border-top: solid 1px #ffffff; }
}

@media screen and (min-width: 1001px) {
	header #headerMenu #globalNav .megaMenu li .btnBox { position: absolute; top: 116px; left: 50%; width: 960px; background-color: #f8f8f8; font-size: 1.4rem; line-height: 2.4rem; margin-left: -480px; z-index: 9999; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
	header #headerMenu #globalNav .megaMenu li:hover .btnBox { visibility: visible; opacity: 1; }
	header #headerMenu #globalNav .megaMenu li.menuBtn2:hover .btnLink a,
	header #headerMenu #globalNav .megaMenu li.menuBtn3:hover .btnLink a,
	header #headerMenu #globalNav .megaMenu li.menuBtn4:hover .btnLink a,
	header #headerMenu #globalNav .megaMenu li.menuBtn5:hover .btnLink a,
	body.cgProduct header #headerMenu #globalNav .megaMenu li.menuBtn2:hover .btnLink a,
	body.cgSupport header #headerMenu #globalNav .megaMenu li.menuBtn3:hover .btnLink a,
	body.cgCompany header #headerMenu #globalNav .megaMenu li.menuBtn4:hover .btnLink a,
	body.cgCsr     header #headerMenu #globalNav .megaMenu li.menuBtn5:hover .btnLink a { background-color: #f8f8f8; border-top: solid 1px #f8f8f8; color: #464646; }
}

@media screen and (max-width: 1000px) {
	header #headerMenu #globalNav .megaMenu { width: 95%; }
	header #headerMenu #globalNav .megaMenu li { width: 20%; }
	header #headerMenu #globalNav .megaMenu li .btnLink { font-size: 1.4rem; line-height: 2.2rem; }
	header #headerMenu #globalNav .megaMenu li .btnLink a { padding-right: 0; padding-left: 0; }
	header #headerMenu #globalNav .megaMenu li .btnBox { display: none; }
}

@media screen and (max-width: 640px) {
	header #menuOpen { position: absolute; right: 4.6875%; top: 18.18181818181818%; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 10.9375%; height: 63.63636363636364%; background-color: #464646; }
	header #menuOpen div { position: relative; display: block; width: 65.71428571428571%; height: 54.28571428571429%; margin: 22.85714285714286% auto; }
	header #menuOpen div:before,
	header #menuOpen div:after,
	header #menuOpen span { position: absolute; display: block; width: 100%; height: 6px; background-color: #ffffff; content: ""; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
	header #menuOpen div:before { top: 0; }
	header #menuOpen div:after { bottom: 0; }
	header #menuOpen span { text-indent: 100%; white-space: nowrap; overflow: hidden; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
	header.active #menuOpen div:before { bottom: 0; margin-top: auto; margin-bottom: auto; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
	header.active #menuOpen div:after { top: 0; margin-top: auto; margin-bottom: auto; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
	header.active #menuOpen span { opacity: 0; }
	header #headerMenu { position: absolute; display: none; z-index: 10000; }
	header #headerMenu #globalNav { background: none; border-top: none; margin-top: 4px; }
	header #headerMenu #globalNav .megaMenu { width: 100%; margin: 0; }
	header #headerMenu #globalNav .megaMenu li { float: none; }
	header #headerMenu #globalNav .megaMenu li:nth-child(1),
	header #headerMenu #globalNav .megaMenu li:nth-child(2),
	header #headerMenu #globalNav .megaMenu li:nth-child(3),
	header #headerMenu #globalNav .megaMenu li:nth-child(4),
	header #headerMenu #globalNav .megaMenu li:nth-child(5) { width: 100%; }
	header #headerMenu #globalNav .megaMenu li .btnLink { font-size: 1.5rem; line-height: 2.4rem; border-right: none; }
	header #headerMenu #globalNav .megaMenu li:first-child .btnLink { border-left: none; }
	header #headerMenu #globalNav .megaMenu li .btnLink a { background-color: rgba(0,0,0,0.9); border-top: none; border-bottom: solid 1px #464646; padding-top: 10px; padding-bottom: 9px; }
}

@media screen and (max-width: 560px) {
	header #menuOpen div:before,
	header #menuOpen div:after,
	header #menuOpen span { height: 5px; }
}

@media screen and (max-width: 460px) {
	header #menuOpen div:before,
	header #menuOpen div:after,
	header #menuOpen span { height: 4px; }
}

@media screen and (max-width: 374px) {
	header #menuOpen div:before,
	header #menuOpen div:after,
	header #menuOpen span { height: 3px; }
	header #headerMenu #globalNav .megaMenu li .btnLink a { padding-top: 2.8125%; padding-bottom: 2.8125%; }
}


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

header #headerMenu #headerNav { position: absolute; top: 0; left: 0; right: 0; width: 960px; margin-right: auto; margin-left: auto; }
header #headerMenu #headerNav nav { position: absolute; top: 38px; right: 0; overflow: hidden; font-size: 1.2rem; line-height: 1.8rem; }
header #headerMenu #headerNav nav a { float: left; display: block; color: #333333; text-decoration: none; padding: 8px 13px; }

@media screen and (min-width: 769px) {
	header #headerMenu #headerNav nav a:hover { background-color: #f3f3f3; }
}

@media screen and (max-width: 1000px) {
	header #headerMenu #headerNav { width: 95%; }
	header #headerMenu #headerNav nav { top: 42px; right: 0; }
}

@media screen and (max-width: 767px) {
	header #headerMenu #headerNav nav { font-size: 1.1rem; line-height: 1.8rem; }
}

@media screen and (max-width: 640px) {
	header #headerMenu #headerNav { position: static; width: 100%; }
	header #headerMenu #headerNav nav { position: static; border-bottom: solid 1px #7b7b7b; font-size: 1.5rem; line-height: 2.4rem; }
	header #headerMenu #headerNav nav a { color: #ffffff; text-align: center; padding: 10px 0 9px; }
	header #headerMenu #headerNav nav a:nth-child(1) { float: none; background-color: rgba(0,0,0,0.9); border-bottom: solid 1px #464646; }
	header #headerMenu #headerNav nav a:nth-child(2) { width: 50%; background-color: rgba(70,70,70,0.9); }
	header #headerMenu #headerNav nav a:nth-child(3) { width: 50%; background-color: rgba(70,70,70,0.9); box-sizing: border-box; border-left: solid 1px #7b7b7b; }
}

@media screen and (max-width: 414px) {
	header #headerMenu #headerNav nav a { padding-top: 2.8125%; padding-bottom: 2.8125%; }
}



/* コンテンツ
========================================================= */

#contentsBlock { font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 90px; }
#contentsBlock #singleColumn { width: 960px; margin-right: auto; margin-left: auto; }
#contentsBlock #doubleColumn { overflow: hidden; width: 960px; margin-right: auto; margin-left: auto; }
#contentsBlock #doubleColumn #mainArea  { float: left; width: 72.91666666666667%; }
#contentsBlock #doubleColumn #localArea { float: right; width: 25%; }
#localArea .localName { font-size: 1.6rem; color: #ffffff; }
#localArea .localName a { display: block; background-color: #464646; color: #ffffff; text-decoration: none; padding: 16px 20px 15px; }
#localArea .localNav { background-color: #f5f5f5; padding-top: 10px; padding-bottom: 10px; }
#localArea .localNav a { color: #333333; text-decoration: none; }
#localArea .localNav a.iconArr { position: relative; display: block; padding: 5px 20px 4px 40px; }
#localArea .localNav a.iconArr:before { position: absolute; top: 13px; left: 23px; display: block; width: 6px; height: 6px; border-top: solid 1px #939393; border-right: solid 1px #939393; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#localArea .localNav a.iconDown { display: block; background: url(/common/share/icon_down2.svg) no-repeat 20px 11px; background-size: 13px 13px; padding: 6px 20px 3px 40px; }
#localArea .localNav a .iconOut { position: relative; padding-right: 14px; }
#localArea .localNav a .iconOut:before { position: absolute; top: 10px; right: 5px; display: block; width: 3px; height: 3px; border-bottom: solid 1px #939393; border-left: solid 1px #939393; content: ""; }
#localArea .localNav a .iconOut:after { position: absolute; top: 3px; right: 0; display: block; width: 5px; height: 7px; border: solid 1px #939393; content: ""; }
#localArea .localNav .navMenu .menuTitle { position: relative; display: block; padding: 5px 20px 4px 40px; }
#localArea .localNav .navMenu a.menuTitle:before { position: absolute; top: 13px; left: 23px; display: block; width: 6px; height: 6px; border-top: solid 1px #939393; border-right: solid 1px #939393; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#localArea .localNav .navMenu .menuBtn { display: none; cursor: pointer; }
#localArea .localNav .navMenu .accordionType1 { display: none; padding-bottom: 10px; }
#localArea .localNav .navMenu .accordionType1 li { font-size: 1.2rem; line-height: 1.8rem; }
#localArea .localNav .navMenu .accordionType1 li a { position: relative; display: block; padding: 4px 20px 3px 40px; }
#localArea .localNav .navMenu .accordionType1 li a:before { position: absolute; top: 10px; left: 29px; display: block; width: 4px; height: 4px; background-color: #a1a1a1; border-radius: 2px; content: ""; }
	body.cgProduct #contentsBlock #singleColumn { margin-bottom: 90px; }
	body.cgProduct #productIndexMain + #singleColumn { margin-bottom: 70px; }
	body.cgProduct #contentsBlock #productMain + #singleColumn { margin-bottom: 50px; }
	body.cgProduct #contentsBlock #localArea { display: none; }

@media screen and (min-width: 768px) {
		body.cgCompany.cgcDomestic #localArea .localNav div.cgcDomestic ul { display: block !important; }
}

@media screen and (min-width: 769px) {
	#localArea .localName a:hover { background-color: #1d1d1d; }
	#localArea .localNav a:hover  { background-color: #ffffff; }
}

@media screen and (max-width: 1000px) {
	#contentsBlock #singleColumn,
	#contentsBlock #doubleColumn { width: 95%; }
	#localArea .localName { font-size: 1.4rem; }
	#localArea .localName a { padding: 8px 12px; }
	#localArea .localNav { padding-top: 7px; padding-bottom: 7px; }
	#localArea .localNav a.iconArr { font-size: 1.3rem; padding-right: 10px; padding-left: 25px; }
	#localArea .localNav a.iconArr:before { top: 13px; left: 10px; }
	#localArea .localNav a.iconDown { background-position: 8px 11px; font-size: 1.3rem; padding-right: 10px; padding-left: 25px; }
	#localArea .localNav .navMenu .menuTitle { font-size: 1.3rem; padding-right: 10px; padding-left: 25px; }
	#localArea .localNav .navMenu a.menuTitle:before { top: 13px; left: 10px; }
	#localArea .localNav .navMenu .accordionType1 li { font-size: 1rem; line-height: 1.6rem; }
	#localArea .localNav .navMenu .accordionType1 li a { padding-right: 10px; padding-left: 25px; }
	#localArea .localNav .navMenu .accordionType1 li a:before { top: 9px; left: 15px; }
}

@media screen and (max-width: 767px) {
	#contentsBlock { margin-bottom: 60px; }
	#contentsBlock #singleColumn,
	#contentsBlock #doubleColumn { width: 100%; }
	#contentsBlock #singleColumn #mainArea  { width: 95%; margin-right: auto; margin-left: auto; }
	#contentsBlock #doubleColumn #mainArea  { float: none; width: 95%; margin-right: auto; margin-bottom: 90px; margin-left: auto; }
	#contentsBlock #doubleColumn #localArea { float: none; width: 100%; }
	#localArea .localName { font-size: 1.8rem; line-height: 3rem; text-align: center; }
	#localArea .localName a { padding: 6px 15px 4px; }
	#localArea .localNav { padding-top: 0; padding-bottom: 0; }
	#localArea .localNav a.iconArr:not(:last-child),
	#localArea .localNav a.iconDown:not(:last-child) { border-bottom: solid 1px #dddddd; }
	#localArea .localNav a.iconArr { font-size: 1.4rem; padding: 10px 15px 9px 35px; }
	#localArea .localNav a.iconArr:before { top: 18px; left: 16px; }
	#localArea .localNav a.iconDown { background-position: 14px 15px; font-size: 1.4rem; padding: 10px 20px 9px 35px; }
	#localArea .localNav .navMenu { position: relative; }
	#localArea .localNav .navMenu:not(:last-child) { border-bottom: solid 1px #dddddd; }
	#localArea .localNav .navMenu .menuTitle { font-size: 1.4rem; padding: 10px 15px 9px 35px; }
	#localArea .localNav .navMenu a.menuTitle:before { top: 18px; left: 16px; }
	#localArea .localNav .navMenu .menuBtn { position: absolute; top: 0; right: 0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 43px; }
	#localArea .localNav .navMenu .menuBtn.btnType1 { width: 67px; }
	#localArea .localNav .navMenu .menuBtn.btnType2 { width: 100%; }
	#localArea .localNav .navMenu .menuBtn:before { position: absolute; top: 18px; right: 31px; display: block; width: 5px; height: 5px; border-right: solid 1px #939393; border-bottom: solid 1px #939393; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	#localArea .localNav .navMenu .menuBtn.active:before { top: 21px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
	#localArea .localNav .navMenu .menuBtn:after { position: absolute; top: 13px; right: 25px; display: block; width: 18px; height: 18px; box-sizing: border-box; border: solid 1px #939393; border-radius: 2px; content: ""; }
	#localArea .localNav .navMenu .accordionType1 { padding-bottom: 6px; }
	#localArea .localNav .navMenu .accordionType1 li { font-size: 1.2rem; line-height: 1.8rem; }
	#localArea .localNav .navMenu .accordionType1 li a { display: block; padding: 6px 15px 6px 35px; }
	#localArea .localNav .navMenu .accordionType1 li a:before { top: 12px; left: 21px; }
	#localArea .localNav .navMenu .accordionType1 li br { display: none; }
	#localArea .localNav .navMenu div.accordionType2 { display: none; padding-right: 35px; padding-left: 35px; }
	#localArea .localNav .navMenu div.accordionType2 ul { overflow: hidden; }
	#localArea .localNav .navMenu ul.accordionType2 { overflow: hidden; display: none; padding-right: 35px; padding-left: 35px; }
	#localArea .localNav .navMenu .accordionType2 li { float: left; font-size: 1.2rem; line-height: 1.8rem; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc; margin-bottom: 15px; }
	#localArea .localNav .navMenu .accordionType2 li:not(:last-child) { margin-right: -1px; }
	#localArea .localNav .navMenu .accordionType2 li a { display: block; padding: 3px 19px 2px; }
	#localArea .localNav .navMenu .accordionType2 li a:before { top: 12px; left: 21px; }
	#localArea .localNav .navMenu .accordionType2 li a .type2Out { position: relative; padding-right: 14px; }
	#localArea .localNav .navMenu .accordionType2 li a .type2Out:before { position: absolute; top: 9px; right: 5px; display: block; width: 3px; height: 3px; border-bottom: solid 1px #939393; border-left: solid 1px #939393; content: ""; }
	#localArea .localNav .navMenu .accordionType2 li a .type2Out:after { position: absolute; top: 2px; right: 0; display: block; width: 5px; height: 7px; border: solid 1px #939393; content: ""; }
	#localArea .localNav .navMenu .accordionType2 div { font-size: 1.3rem; line-height: 2.2rem; font-weight: 700; margin-bottom: 4px; }
		body.cgProduct #contentsBlock #singleColumn { margin-bottom: 60px; }
		body.cgProduct #contentsBlock #localArea { display: block; }
}

@media screen and (max-width: 640px) {
	#contentsBlock { border-top: solid 4px #464646; }
	#contentsBlock #singleColumn #mainArea,
	#contentsBlock #doubleColumn #mainArea { width: 90.625%; }
		body.cgProduct #contentsBlock #singleColumn { margin-bottom: 30px; }
		body.cgProduct #productIndexMain + #singleColumn { margin-bottom: 45px; }
}



/* ページトップ
========================================================= */

#pageTop { overflow: hidden; width: 960px; margin-right: auto; margin-left: auto; }
#pageTop a { position: relative; float: right; display: block; width: 90px; height: 60px; background-color: #282828; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
#pageTop a:before { position: absolute; top: 13px; left: 0; right: 0; display: block; width: 13px; height: 13px; border-top: solid 1px #ffffff; border-right: solid 1px #ffffff; margin-right: auto; margin-left: auto; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#pageTop img { display: block; width: 50px; height: 11px; margin: 32px auto 0; }

@media screen and (min-width: 769px) {
	#pageTop a:hover { background-color: #5e5e5e; }
}

@media screen and (max-width: 1000px) {
	#pageTop { width: 95%; }
}

@media screen and (max-width: 640px) {
	#pageTop { width: 100%; }
	#pageTop a { width: 100%; height: 50px; }
	#pageTop img { margin-top: 27px; }
}



/* パンナビ
========================================================= */

#breadCrumb { width: 100%; background-color: #ededed; border-top: solid 1px #d6d6d6; font-size: 1.2rem; line-height: 1.8rem; margin-top: -27px; }
#breadCrumb nav { overflow: hidden; width: 960px; margin-right: auto; margin-left: auto; }
#breadCrumb nav a,
#breadCrumb nav span { float: left; display: block; height: 21px; color: #333333; padding-top: 5px; margin-right: 8px; }
#breadCrumb nav a:not(:first-child),
#breadCrumb nav span:not(:first-child) { background: url(/common/share/bread_arrow.svg) no-repeat; background-size: 14px 26px; padding-left: 26px; }

@media screen and (max-width: 1000px) {
	#breadCrumb nav { width: 95%; }
}

@media screen and (max-width: 768px) {
	#breadCrumb nav a:hover { text-decoration: none; }
}

@media screen and (max-width: 640px) {
	#breadCrumb { display: none; }
}



/* フッター
========================================================= */

footer { width: 100%; background-color: #464646; padding-bottom: 14px; }
footer #footerLink { border-bottom: solid 1px #5a5a5a; }
footer #footerLink nav { overflow: hidden; width: 960px; font-size: 1.7rem; line-height: 2.6rem; padding-top: 40px; padding-bottom: 40px; margin-right: auto; margin-left: auto; }
footer #footerLink nav div { float: left; overflow: hidden; width: 18.75%; }
footer #footerLink nav div:not(:last-child) { margin-right: 1.5625%; }
footer #footerLink nav div a { display: table; width: 100%; height: 80px; background: no-repeat center center; background-size: cover; color: #ffffff; text-align: center; text-decoration: none; }
footer #footerLink nav div:nth-child(1) a { background-image: url(/chinese/common/images/footer_link1.jpg); }
footer #footerLink nav div:nth-child(2) a { background-image: url(/chinese/common/images/footer_link2.jpg); }
footer #footerLink nav div:nth-child(3) a { background-image: url(/chinese/common/images/footer_link3.jpg); }
footer #footerLink nav div:nth-child(4) a { background-image: url(/chinese/common/images/footer_link4.jpg); }
footer #footerLink nav div:nth-child(5) a { background-image: url(/chinese/common/images/footer_link5.jpg); }
footer #footerLink nav div a span { display: table-cell; background-color: rgba(0,0,0,0.25); vertical-align: middle; }
footer #footerNav { overflow: hidden; width: 960px; padding-top: 13px; margin-right: auto; margin-left: auto; }
footer #footerNav nav { float: left; overflow: hidden; font-size: 1.1rem; line-height: 1.5rem; padding-left: 16px; }
footer #footerNav nav a { float: left; display: block; border-left: solid 1px #ebebeb; color: #ffffff; padding-right: 11px; padding-left: 11px; }
footer #footerNav p { float: right; font-family: Arial; font-size: 1.1rem; line-height: 1.4rem; color: #ffffff; }

@media screen and (min-width: 769px) {
	footer #footerLink nav div a:hover span { background-color: rgba(0,0,0,0); }
}

@media screen and (max-width: 1000px) {
	footer #footerLink nav { width: 95%; font-size: 1.4rem; line-height: 2.2rem; }
	footer #footerLink nav div a { height: 70px; }
	footer #footerNav { width: 95%; }
	footer #footerNav nav a:hover { text-decoration: none; }
}

@media screen and (max-width: 640px) {
	footer { padding-bottom: 28px; }
	footer #footerLink { border-bottom: none; }
	footer #footerLink nav { width: 90.625%; line-height: 2rem; padding-top: 12px; padding-bottom: 12px; }
	footer #footerLink nav div { width: 100%; }
	footer #footerLink nav div:not(:last-child) { margin-right: 0; }
	footer #footerLink nav div:nth-child(1) a,
	footer #footerLink nav div:nth-child(2) a,
	footer #footerLink nav div:nth-child(3) a,
	footer #footerLink nav div:nth-child(4) a,
	footer #footerLink nav div:nth-child(5) a { background-image: none; }
	footer #footerLink nav div a { position: relative; display: block; height: auto; box-sizing: border-box; text-align: left; padding-top: 1.37931034482759%; padding-bottom: 1.37931034482759%; padding-left: 15px; }
	footer #footerLink nav div a:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; border-right: solid 1px #939393; border-bottom: solid 1px #939393; margin-top: auto; margin-bottom: auto; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	footer #footerLink nav div a span { display: inline-block; background-color: transparent; vertical-align: top; }
	footer #footerLink nav div a span.outLink { position: relative; padding-right: 14px; }
	footer #footerLink nav div a span.outLink:before { position: absolute; top: 11px; right: 5px; display: block; width: 3px; height: 3px; border-bottom: solid 1px #c2c2c2; border-left: solid 1px #c2c2c2; content: ""; }
	footer #footerLink nav div a span.outLink:after { position: absolute; top: 4px; right: 0; display: block; width: 5px; height: 7px; border: solid 1px #c2c2c2; content: ""; }
	footer #footerLink nav div a span br { display: none; }
	footer #footerNav { width: 100%; border-top: solid 1px #888888; padding-top: 0; }
	footer #footerNav nav { float: none; padding-top: 0; padding-left: 0; }
	footer #footerNav nav a { float: none; display: block; border-left: none; border-bottom: solid 1px #888888; padding: 4.13793103448276% 5.17241379310345%; }
	footer #footerNav p { float: none; text-align: center; padding-top: 27px; }
}