@charset "utf-8";

/* ==========================================
	hover style
========================================== */
figure a:hover img {
	opacity: 0.8;
}

/* ==========================================
	heading
========================================== */
/*	style01 */
.smpHeading_style01_Wrap {
	position: relative;
	margin: 0 0 30px;
	padding: 0 20px;
	border-top: solid 2px #ddd;
	background: #fff url(/common/5.01/img/hongkong/bg_h1_01.png) 0 100% repeat-x;
}
.smpHeading_style01_Wrap:before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	top: -2px;
	left: 0;
	background: #0f39a1;
}
.smpHeading_style01_Wrap div {
	display: table-cell;
	height: 90px;
	padding: 0;
	vertical-align: middle;
}
.smpHeading_style01 {
	font-size: 215.38%;
	line-height: 1.2;
}
.smpHeading_style01_isSub {
	margin: 3px 0 0;
	font-size: 92.31%;
	line-height: 1.2;
	font-weight: bold;
}

/*	top02 */
.smpHeading_top02 {
	margin: 0 0 12px 0;
	font-size: 200%;
	color: #000000;
}
.smpHeading_top02 a {
	padding-right: 18px;
	color: #2152a0;
	background: url(/common/5.01/img/hongkong/icon_arrow_heading_top02.png) no-repeat 100% 50%;
}
.smpHeading_top02 a:hover {
	opacity: .5;
	text-decoration: none;
}

/*	style02 */
.smpHeading_style02 {
	margin: 0 0 25px 0;
	padding: 3px 0 3px 15px;
	font-size: 150%;
	line-height: 1.3;
	border-left: 5px solid #0f39a1;
}

/*	style03 */
.smpHeading_style03_Wrap {
	margin: 0 0 25px;
	border-top: solid 2px #123c9e;
	background: #fff url(/common/5.01/img/bg_h1_01.png) 0 100% repeat-x;
}
.smpHeading_style03 {
	padding: 9px 15px 9px;
	font-size: 115.38%;
	line-height: 1.6;
	color: #000;
}

/*	style04 */
.smpHeading_style04 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 16px;
	font-size: 123.08%;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
}
.smpHeading_style04:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: '';
	width: 10px;
	height: 10px;
	background: #001e5e;
}


/* =======================================
	smpAreaInner
========================================== */
.smpAreaInner {
	margin: 0;
	padding: 0 15px;
	box-sizing: border-box;
}
.oneColumn .smpAreaInner .smpMenuListBox > li {
	width: 300px;
}
.oneColumn .smpAreaInner .smpMenuListBox > li a {
	width: auto;
}
.oneColumn .smpAreaInner .smpFourColBlock01 {
	width: auto;
	margin: auto 0;
}


/* =======================================
	smpHorizon
========================================== */
.smpHorizon {
	display: table;
	direction: rtl;
	margin: 0;
	width: 100%;
}
.smpHorizonContent {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	direction: ltr;
}
.smpHorizonContent:first-child {
	width: 100%;
	padding: 0 0 0 30px;
}
.smpHorizonContent img {
	width: auto;
}
.smpHorizon.smpRight {
	direction: ltr;
}
.smpHorizon.smpRight .smpHorizonContent {
	width: 100%;
}
.smpHorizon.smpRight .smpHorizonContent:first-child {
	width: auto;
	padding: 0 15px 0 0;
}
.smpHorizonContent .smpHorizonText + .smpBtnLink {
	margin: 10px 0 0 0;
}


/* =======================================
	smpDefine
========================================== */
.smpDefine:after ,
.smpDefineLarge:after {
	content: "";
	clear: both;
	display: block; 
}
.smpDefine{
	margin-left: 15px;
}
.smpDefineHeading {
	float: left;
	width: 115px;
	padding: 10px 0 0;
	line-height: 1.4;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	border-top: 1px solid #ddd;
}
.smpDefineLarge .smpDefineHeading {
	width: 125px;
}
.smpDefineContent {
	float: right;
	width: 570px;
	overflow: hidden;
	/*padding: 0 15px;*/
}
.smpDefineContent_atoz{
	width: 100%;
	padding: 0 15px;
}
.smpDefineLarge .smpDefineContent_atoz {
	width: 100%;
}
.smpDefineLarge .smpDefineContent {
	width: 565px;
}
.smpDefineContent li a {
	color: #0a3f99;
}
.smpDefineContent li a:hover {
	opacity: .5;
}


/* ==========================================
	smpTextBlock
	smpTextBorderBlock
	smpListBlock
	smpBtnLinkBlock
	smpIconLinkBlock
========================================== */
.smpTextBorderBlock{
	text-align: center;
	min-height: 80px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.smpTextBorderBlock p{
    margin: 2em;
}

[class^="smpIconLinkBlock"],
[class^="smpBtnLinkBlock"],
[class^="smpTextBorderBlock"],
[class^="smpTextBlock"],
[class^="smpListBlock"] {
	margin: auto 2% auto 2%;
}

.smpTextBlock01 {
	text-align: left;
}
.smpTextBlock02 {
	text-align: center;
}
.smpTextBlock03 {
	text-align: right;
}

.smpContentWrap {
	padding: 30px 0 0;
}

.smpBgColor01 {
	background: #f4f5f7;
}


/* ==========================================
	smpImageBlock
	smpImageBlockLeft*
	smpImageBlockRight*
========================================== */
[class^="smpImageBlock"] {
	overflow: hidden;
	margin: auto 2% auto 2%;
}

/*[class^="smpImageBlock"] figure{
	width: 260px;
}
*/[class^="smpImageBlock"] .smpTextUnit{
	width: auto;
}

.smpImageBlock01 figure{
	float: left;
}
.smpImageBlock02 figure{
	float: right;
}

.smpImageBlock01 .smpTextUnit,
.smpImageBlock02 .smpTextUnit{
	display: table-cell;
}

.smpImageBlock01 .smpTextUnit p{
	margin-left: 30px;
}
.smpImageBlock02 .smpTextUnit p{
	margin-right: 30px;
}

.smpImageBlock03 figure{
	float: left;
	margin-right: 30px;
}
.smpImageBlock04 figure{
	float: right;
	margin-left: 30px;
}


/* ==========================================
	smpTabBlock
========================================== */
[class*="twoColumn"] div.smpTabBlock {
	width: 718px;
}
[class*="threeColumn"] div.smpTabBlock {
	width: 575px;
}

div.smpTabBlock {
	position: relative;
	min-height: 100px;
	margin: auto;
}
.smpTabBlock .smpTabUnit {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.smpTabnav span {
	font-size: 127%;
	font-weight: bold;
}
.smpTabBlock .smpTabUnit .smpTabnav {
	width: 145px;
	height: 45px;
	cursor: pointer;
	background: #0c419a;
	color: #fff;
	margin-right: 14px;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	border: 1px solid #0c419a;
	position: absolute;
	top: 1px;
	display: inline-block;

}
.smpTabBlock .smpTabUnit .smpTabnav:hover {
	opacity: 0.8;
}
.smpTabBlock .smpTabUnit .smpTabnav span {
	display: table-cell;
	width: 145px;
	height: 44px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2em;
}
.smpTabBlock .smpTabUnit .smpTabnav.active {
	background: #fff;
	color: #0f449a;
	border: 1px solid #2152a0;
	border-bottom: 1px solid #fff;
}

.smpTabBlock .smpTabUnit .smpTabnav.active:hover {
	opacity: 1;
}

.smpTabBlock .smpTabUnit .smpTabContents {
	display: none;
	position: absolute;
	top: 44px;
	width: 100%;
	margin-top: -3px;
	padding: 20px 0 18px;
	box-sizing: border-box;
	border-top: 5px solid #0a429c;
}

.smpTabContents [class*="ColBlock"] {
	width: auto;
}

.smpTabBlock .smpTextBorderBlock,
.smpTabBlock [class^="smpTextBlock"],
.smpTabBlock [class^="smpImageBlock"] {
	margin: 0;
}



/* =======================================
	smpBlock
========================================== */
.smpBlock:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	content: ".";
}
.smpBlock .smpTextUnit {
	float: left;
}
.smpBlock figure {
	float: right;
}
.smpBlock_isHarf .smpTextUnit ,
.smpBlock_isHarf figure {
	width: 50%;
}
.smpBlock_isHarf figure .smpGoogleMap iframe {
	width: 100%;
	height: 450px;
	border: 0;
}


/* =======================================
	smpColumnTwo
========================================== */
.smpColumnTwoA:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	content: ".";
}
.smpColumnTwoA .smpColumnTwoMain {
	float: left;
	width: 698px;
}
.smpColumnTwoA .smpColumnTwoSide {
	float: right;
	width: 240px;
}
.smpColumnTwoA .smpColumnTwoMain .smpTabBlock {
	width: 698px;
}


/* ==========================================
	smpOneColBlock
	smpTwoColBlock
	smpThreeColBlock
========================================== */
[class*="oneColumn"] [class*="ColBlock"]{
	width: 920px;
	margin: auto;
}
[class*="twoColumn"] [class*="ColBlock"]{
	width: 718px;
	margin: auto;
}
[class*="threeColumn"] [class*="ColBlock"]{
	width: 575px;
	margin: auto;
}

[class*="Column"] [class^="smpTwoColBlock"],
[class*="Column"] [class^="smpThreeColBlock"],
[class*="Column"] [class^="smpFourColBlock"]{
    display: flex;
    justify-content:space-between;
}

[class*="twoColumn"] [class^="smpThreeColBlock"] .smpColUnit{
	width: 220px;

}
[class*="twoColumn"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit figure{
	/*
	width: 90px;
	*/
	display: inline;
}
[class*="twoColumn"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit .smpTextUnit{
	display: table-cell;
}

[class*="threeColumn"] [class^="smpThreeColBlock"] .smpColUnit{
	width: 176px;
}
[class*="threeColumn"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit figure{
	/*
	width: 70px;
	*/
	display: inline;
}

[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit .smpTextUnit{
    display: table-cell;
    -webkit-align-items: center;
	width: 100%;
}

[class*="threeColumn"] [class^="smpFourColBlock"] .smpColUnit,
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit figure{
	width: 130px;
}

[class*="twoColumn"] [class^="smpFourColBlock"] .smpColUnit,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit figure{
	width: 160px;
}

[class*="oneColumn"] [class^="smpTwoColBlock"] .smpColUnit{
	width: 440px;
}
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpColUnit{
	width: 340px;
}
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpColUnit{
	width: 276px;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit{
	width: 48%;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit figure{
	display: inline-block;
	vertical-align: top;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit{
	display: inline-block;
	width: 48%;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit .smpLinkList_style01 li {
	width: 100%;
	clear: both;
	line-height: normal;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .partsMarginT_10{
	width: 100%;
	margin-bottom: 15px;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .partsMarginT_10 a {
	display: block;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .partsMarginT_10 span{
	min-height: 36px;
	width: 100%;
	box-sizing: border-box;
	padding-top: 6px;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .partsMarginT_10 span:before{
	margin-top: 7px;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpColUnit {
	width: 48%;
}

[class^="smpOneColBlock"] figure,
[class^="smpTwoColBlock"] .smpColUnit figure{
	display: table-cell;
	vertical-align:top;
	padding-top:  0.3em;
}
[class^="smpTwoColBlock"] .smpColUnit figureimg {
	max-width: 120px;
	height: auto;
}
[class^="smpOneColBlock"] .smpTextUnit,
[class^="smpTwoColBlock"] .smpColUnit .smpTextUnit{
	display: table-cell;
    padding-left: 20px;
}

[class^="smpThreeColBlock"] .smpColUnit{
	width: 290px;
	display: inline-block;

}
[class^="smpThreeColBlock"] .smpColUnit:last-child{
	margin-right:0;
}
[class^="smpThreeColBlock"] .smpColUnit figure,
[class^="smpThreeColBlock"] .smpColUnit .smpTextUnit{
	display: block;
}
[class^="smpThreeColBlock"] .smpColUnit .smpTextUnit{
	margin-top: 1em;
}
[class^="smpThreeColBlock"] .smpColUnit figure img {
	max-width: 290px;
	height: auto;
}

[class^="smpFourColBlock"] .smpColUnit{
	width: 210px;
	display: inline-block;
}
[class^="smpFourColBlock"] .smpColUnit:last-child{
	margin-right:0;
}
[class^="smpFourColBlock"] .smpColUnit figure,
[class^="smpFourColBlock"] .smpColUnit .smpTextUnit{
	display: block;
}
[class^="smpFourColBlock"] .smpColUnit figure img {
	max-width: 210px;
	height: auto;
}
[class^="smpFourColBlock"] .smpColUnit .smpTextUnit{
	margin-top: 1em;
}

[class^="smpThreeColBlock"] .smpColUnit .smpGrayBase,
[class^="smpFourColBlock"] .smpColUnit .smpGrayBase{
	background:#f7f7f7;
	margin-top: 0;
	box-sizing: border-box;
	min-height: 50px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	padding: 1em;
}

[class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit {
	display: inline-table;
}

[class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit figure,
[class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit .smpTextUnit{
	display: table-cell;
}

[class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit figure{
	width: 120px;
	vertical-align: middle;
	display: inline;
}
[class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit .smpTextUnit{
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 80px;
	height: 80px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	padding: 1em;
}


/* IE8,IE99 huck */
[class*="oneColumn"] [class^="smpTwoColBlock"] .smpColUnit,
[class*="oneColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit{
	width: 47%\9;
	display: inline-block;
}
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpColUnit,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit{
	width: 46%\9;
	display: inline-block;
}
[class*="oneColumn"] [class^="smpTwoColBlock"] .smpColUnit:first-child,
[class*="oneColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit:first-child,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpColUnit:first-child,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit:first-child{
	margin-right: 42px\9;
}

[class*="oneColumn"] [class^="smpThreeColBlock"] .smpColUnit {
	margin-right: 18px\9;
	margin-right/*\**/: 12px\9;
}
[class*="twoColumn"] [class^="smpThreeColBlock"] .smpColUnit{
	margin-right: 20px\9;
	margin-right/*\**/: 16px\9;
}
[class*="oneColumn"] [class^="smpThreeColBlock"] .smpColUnit:last-child,
[class*="twoColumn"] [class^="smpThreeColBlock"] .smpColUnit:last-child{
	margin-right: 0\9;
}

[class*="oneColumn"] [class^="smpFourColBlock"] .smpColUnit {
	margin-right: 18px\9;
	margin-right/*\**/: 16px\9;
}
[class*="twoColumn"] [class^="smpFourColBlock"] .smpColUnit{
	margin-right: 18px\9;
	margin-right/*\**/: 14px\9;
}
[class*="oneColumn"] [class^="smpFourColBlock"] .smpColUnit:last-child,
[class*="twoColumn"] [class^="smpFourColBlock"] .smpColUnit:last-child{
	margin-right: 0\9;
}

[class*="threeColumn"] [class^="smpTwoColBlock"] .smpColUnit,
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit{
	width: 46%\9;
	display: inline-block;
}
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpColUnit:first-child,
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit:first-child{
	margin-right: 40px\9;
}

[class*="threeColumn"] [class^="smpThreeColBlock"] .smpColUnit{
	margin-right: 16px\9;
	margin-right/*\**/: 12px\9;
}
[class*="threeColumn"] [class^="smpThreeColBlock"] .smpColUnit:last-child{
	margin-right: 0\9;
}

[class*="threeColumn"] [class^="smpFourColBlock"] .smpColUnit{
	vertical-align: top\9;
	vertical-align/*\**/: top\9;
	margin-right: 12px\9;
	margin-right/*\**/: 10px\9;
}
[class*="threeColumn"] [class^="smpFourColBlock"] .smpColUnit:last-child{
	margin-right: 0\9;
}

/* =======================================
	smpGrid
========================================== */
.smpGrid {
	margin: 0 0 0 -10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.smpGrid:after {
	content: "";
	clear: both;
	display: block;
}
.smpGridContent {
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.smpGrid img {
	margin-bottom: 10px;
}
.smpGrid a:hover img ,
.smpColumnTwoSide a:hover img {
	opacity: .8;
}
.smpGrid span {
	font-size: 110%;
	line-height: 1.4;
}
.smpGrid2 .smpGridContent {
	width: 50%;
}
.smpGrid3 .smpGridContent {
	width: 33.3%;
}
.smpGrid4 .smpGridContent {
	width: 25%;
}
.smpGrid5 .smpGridContent {
	width: 20%;
}
.smpGrid6 .smpGridContent {
	width: 17%;
}
.smpGrid7 .smpGridContent {
	width: 14%;
}
.smpTabContents .smpGrid .smpGridContent .smpGridContent_01 {
	margin: 0 10px 15px 0;
	padding: 0 0 0 10px;
}
.smpTabContents .smpGrid .smpGridContent .smpGridContent_02 {
	margin: 0 0px 15px 0;
	padding: 0 0 0 10px;
}
.locMainProductLink2 ul {
  border-top: 1px solid #e6e6e6;
}
.locMainProductLink2 ul:first-child {
  border: none;
}
.locMainProductLink2 ul li{
	float: left;
    width: 220px;
    padding: 0 10px 0 0;
	margin-bottom: 15px;
	margin-top: 10px;
    font-size: 100%;
    line-height: 1.4;
}
/*-- pc --*/
@media print, screen and (min-width: 641px) {
.smpTabContents .smpGrid4 .smpGridContent {
	width: 137px;
}
.smpTabContents .smpGrid5 .smpGridContent {
	width: 115px;
}
.smpTabContents .smpGrid6 .smpGridContent {
	width: 96px;
}
.smpTabContents .smpGrid7 .smpGridContent {
	width: 96px;
}
}


/* ==========================================
	ul normal style
========================================== */
.fieldContents ul.smpList,
.fieldContents ul.smpList > li ul {
	list-style: url(/common/5.01/img/ico_list_normal.png);
	line-height: 2em;
	padding: 0 0 10px 16px;
}
.fieldContents ul.smpList > li ul {
 	list-style: url(/common/5.01/img/ico_list_small.png);
}


/* ==========================================
	localListstyle
========================================== */
ul.smpMenuListBox{
	margin: 0 -10px -10px 0;
	}
ul.smpMenuListBox > li {
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	box-sizing: border-box;
}
ul.smpMenuListBox > li:hover{
	background-color: #f2fafd;
}
ul.smpMenuListBox > li a {
	display: block;
}
ul.smpMenuListBox > li p{
	margin-top: 10px;
}
.oneColumn .smpMenuListBox > li {
	width: 307px;
	margin: 0 16px 10px 0;
}
.twoColumn .smpMenuListBox > li {
	width: 239px;
	margin: 0 16px 10px 0;
}
.twoColumnB .smpMenuListBox > li {
	width: 249px;
	margin: 0 16px 10px 0;
}
.threeColumn .smpMenuListBox > li {
	width: 286px;
	margin: 0 16px 10px 0;
}
.oneColumn ul.smpMenuListBox > li a {
	width: 283px;
	padding: 10px 11px 12px;
}
.twoColumn ul.smpMenuListBox > li a {
	width: 215px;
	padding: 10px 11px 12px;
}
.twoColumnB ul.smpMenuListBox > li a {
	width: 225px;
	padding: 10px 11px 12px;
}
.threeColumn ul.smpMenuListBox > li a {
	width: 264px;
	padding: 10px 10px 12px;
}
.smpUsageList{
	margin: 0 0 -30px 20px;
	font-weight: bold;
}
.smpUsageList > li {
	width: 76px;
	margin: 0 35px 30px 0;
	text-align: center;
}
.smpUsageList li img {
	display: block;
	margin-bottom: 5px;
}


/* ==========================================
	smpMenuBar
========================================== */
.smpMenuBar {
	margin: 0 -15px;
}
.smpMenuBar > li {
	padding: 0 15px;
	box-sizing: border-box;
	vertical-align: top;
}
.smpMenuBar > li a {
	display: block;
}
.smpMenuBar > li figure {
	padding: 9px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #f2fafd;
}
.smpMenuBar > li figure img {
	margin: 0;
}
.smpMenuBar > li .smpMenuBar_text {
	margin-top: 5px;
	text-align: center;
}
.smpMenuBar > li .smpMenuBar_text span {
	background: url(/common/5.01/img/ico_bullet_arrow01_sp.png) no-repeat right center;
	background-size: 5px 7px;
	padding-right: 1.5em;
}
.smpMenuBar > li .smpMenuBar_text span.smpIconNew {
	background: url(/common/5.01/img/ico_newwin.png) no-repeat right center;
	background-size: 11px 11px;
	padding-right: 1.5em;
}




/* ==========================================
	smpBnrList
========================================== */
aside ul.smpBnrList li {
	margin: 0 0 5px;
}
aside.smpJsClonePc {
	display: block;
}
aside.smpJsSp {
	display: none;
}

/* ==========================================
	list_btn Style
========================================== */
.smpBtnStyle01 span{
	display: inline-block;
	height: 100%;
	padding: 2px 6px 0 10px;
	border-radius: 3px;
	background-color: #0c419a;
	color: #fff;
	line-height: 1.9;
	vertical-align: middle;
}
.smpBtnStyle01 span:before{
	display: inline-block;
	margin-top: 6px;
	padding-right: 6px;
	border-left: solid #fff 4px;
	border-top: solid transparent 3px;
	border-bottom: solid transparent 3px;
	content: "";
	vertical-align: top;
}
.smpBtnStyle01:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.smpBtnLink{
	display: inline-block;
	border-radius: 3px;
	background-color: #0c419a;
	color: #fff;
	line-height: 1.5;
	vertical-align: middle;
}
.smpBtnLink:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.smpBtnLink a {
	display:block;
	text-decoration:none;
	color: #fff;
	min-width: 107px;
	width: 100%;
	height: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
}
.smpBtnLink a:before{
	display: inline-block;
	margin-top: 7px;
	padding-right: 6px;
	border-left: solid #fff 4px;
	border-top: solid transparent 3px;
	border-bottom: solid transparent 3px;
	content: "";
	vertical-align: top;
}
.smpBtnLink a span{
	display: inline-block;
	margin: auto;
	font-size: 110%;
}
.smpBtnLink_large {
	width: 218px;
}
.smpBtnLink_large a {
	text-align: center;
}
.smpBtnLink a.smpIconNew:after ,
.smpBtnLink_large a.smpIconNew:after {
	display: inline-block;
	padding-right: 8px;
	width: 11px;
	height: 11px;
	content: "";
	vertical-align: middle;
	background: url(/common/5.01/img/ico_newwin_02.png) no-repeat right center;
	background-size:11px 11px;
}
[class^="smpImageBlock"] .smpTextUnit .smpBtnLink {
	margin: 0 0 0 30px;
}
[class^="smpImageBlock"] .smpTextUnit p + .smpBtnLink {
	margin: 20px 0 0 30px;
}


/* ==========================================
	smpCaptionLink
========================================== */
.smpCaptionLink:before {
	display: block;
	float: left;
	margin: .6em 0;
	border-left: solid #0c419a 3px;
	border-top: solid transparent 3px;
	border-bottom: solid transparent 3px;
	content: "";
}
.smpCaptionLink a {
	display: block;
	padding: 0 0 0 10px;
}

.smpCaptionLink a.smpIconNew {
	background: url(/common/5.01/img/ico_newwin.png) no-repeat right center;
	background-size:11px 11px;
	padding-right: 1.5em;
	display:inline-block;
}


/* ==========================================
	linkstyle
========================================== */
[class*="oneColumn"] div.smpLinkListBlock{
	width: 920px;
}
[class*="twoColumn"] div.smpLinkListBlock{
	width: 718px;
}
[class*="threeColumn"] div.smpLinkListBlock{
	width: 575px;
}

div.smpLinkListBlock{
	margin: auto;
}
.smpLink_style01 span.smpIconNew {
	background: url(/common/5.01/img/ico_newwin.png) no-repeat right center;
	background-size:11px 11px;
	padding-right: 1.5em;
}


/* ==========================================
	liststyle
========================================== */
.smpLineList > li {
	float: left;
}
.smpLineList:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	content: ".";
}
.smpLinkList_style01{
	margin-left: 20px;
}
.smpLinkList_style01 li {
	width: 26.5%;
	padding-right: 1.5%;
}
.threeColumn .smpIconLinkBlock .smpLinkList_style01 li {
	width: 30%;
}

.smpLinkList_style01 li:before{
	display: block;
	float: left;
	margin: 0.6em 0;
	border-left: solid #0c419a 3px;
	border-top: solid transparent 3px;
	border-bottom: solid transparent 3px;
	content: "";
}
.smpLinkList_style01 li a {
	display: block;
	padding: 0 0 12px 10px;
}
.smpLinkList_style02 li:before{
	display: block;
	float: left;
	margin: 5px 0;
	border-left: solid #0c419a 3px;
	border-top: solid transparent 3px;
	border-bottom: solid transparent 3px;
	content: "";
}
.smpLinkList_style02 li a {
	padding-left: 6px;
	color: #000000;
}

[class^="smpLinkList_style0"] li a span.iconNew{
	display:inline-block;
	background: url("/common/5.01/img/ico_link_new.png") no-repeat right center;
	padding-right: 1.5em;
}
[class^="smpLinkList_style0"] li a span.iconPdf{
	display:inline-block;
	background: url("/common/5.01/img/ico_link_pdf.png") no-repeat right center;
	padding-right: 1.5em;
	margin-right: 0.5em;
}
[class^="smpLinkList_style0"] li a:hover span{
	text-decoration:underline;
}

.smpTextUnit .smpLinkList_style01{
	margin-left: 10px;
}

/*	smpBackToTop */
#pagetop{
	display: block;
	width: 1px;
	height: 1px;
	margin: 0 0 -1px 0;
	padding: 0;
}
.smpBackToTop{
	padding: 10px 0;
	text-align: right;
}

/* ==========================================
	tablestyle
========================================== */
[class*="oneColumn"] [class^="smpDataTable"] table{
	width: 920px;
}
[class*="twoColumn"] [class^="smpDataTable"] table{
	width: 718px;
}
[class*="threeColumn"] [class^="smpDataTable"] table{
	width: 575px;
}
[class^="smpDataTable"] table{
	margin: auto;
}
[class^="smpDataTable"] table table{
	box-sizing: border-box;
}
[class^="smpDataTable"] table th,
[class^="smpDataTable"] table td{
	padding: 10px;
	border: 1px solid #e0e0e0;
	text-align: left;
}

.smpDataTableScroll01 table thead th,
.smpDataTableScroll03 table thead th,
.smpDataTable01 table thead th,
.smpDataTable03 table thead th{
	background: #f0f5ff;
}
.smpDataTableScroll01 table tbody th,
.smpDataTableScroll03 table tbody th,
.smpDataTable01 table tbody th,
.smpDataTable03 table tbody th{
	background: #f8f8f8;
}
.smpDataTableScroll02 table th,
.smpDataTable02 table th{
	background: #f0f5ff;
}
[class*="smpDataTableScroll"] .scrollBtnOuter{
	display:none;
}


/* ==========================================
	bxslider-style
========================================== */
.bx-controls-direction{
	width: 100%;
	position: absolute;
	top: 50px;
	z-index: 51;
}
.bxWrapper .bx-prev{
	display: none;
}
.bxWrapper .bx-next{
	display: none;
}
.bxWrapper{
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
}
.bxWrapper img {
	display: block;
	max-width: 100%;
}
.bxWrapper .bx-pager{
	width: 100px;
	margin: 10px auto;
}
.bxWrapper .bx-pager.bx-default-pager a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
.bxWrapper .bx-pager.bx-default-pager a {
	background: url(/common/5.01/img/smp/slider/slide_positionMarker.gif) no-repeat;
	text-indent: -99999px;
}
.bxWrapper .bx-pager.bx-default-pager a.active{
	background: url(/common/5.01/img/smp/slider/slide_positionMarker_current.gif) no-repeat;
	text-indent: -99999px;
}


/* ==========================================
	smplocalnav_style01
========================================== */
#fieldLocalnav .smplocalnav_style01 li a {
	display: block;
	color: #0a419b;
	font-size: 100%;
}
#fieldLocalnav .smplocalnav_style01 ul {
	margin: 0;
	padding: 0;
}
#fieldLocalnav .smplocalnav_style01 ul li {
	border-top: 1px solid #ddd;
	margin: 0;
	font-size: 12px;
	list-style: none;
	line-height: 1.2;
}
#fieldLocalnav .smplocalnav_style01 dt {
	width: 100%;
	padding: 0 0 9px 0;
	font-size: 154%;
	font-weight: bold;
}
#fieldLocalnav .smplocalnav_style01 dt a {
	padding-right: 18px;
	color: #2152a0;
	background: url(/common/5.01/img/hongkong/icon_arrow_heading_top02.png) no-repeat 100% 50%;
}
#fieldLocalnav .smplocalnav_style01 dt a:hover {
	text-decoration: none;
	opacity: .5;
}
#fieldLocalnav .smplocalnav_style01 dd {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 li {
	margin-bottom: -1px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/*  .smplocalnav_style01 ul.level1
----------------------------------- */
#fieldLocalnav .smplocalnav_style01 ul.level1 > li {
	border-top: 1px solid #ddd;
	font-size: 100%;
	line-height: 1.4;
	background: #f4f5f7;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 > li a {
	display: block;
	padding: 10px;
	color: #0a419b;
	text-decoration: none;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 > li.current,
#fieldLocalnav .smplocalnav_style01 ul.level1 > li.current > a {
	background: #e1ecfe;
	text-decoration: none;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 > li a:hover{
	text-decoration: underline;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 > li.current a {
	border-bottom: none;
}

/* .smplocalnav_style01 ul.level2
----------------------------------- */
#fieldLocalnav .smplocalnav_style01 ul.level2{
	margin: 0 0 0 4px;
	padding-bottom: 9px;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 > li:last-child{
	border-bottom: 1px solid #ddd;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 > li a {
	display: block;
	padding: 10px 4px 9px 5px;
	background: url(/common/5.01/img/smp/locnav/bg_localnav_level2.gif) no-repeat 0 0;
	font-weight: normal;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 > li > a:before{
	display: inline;
	width: 10px;
	background: url(/common/5.01/img/ico_bullet_arrow03.gif) no-repeat left 0.5em;
	content: "";
}
#fieldLocalnav .smplocalnav_style01 ul.level2 > li.current,
#fieldLocalnav .smplocalnav_style01 ul.level2 > li.current > a,
#fieldLocalnav .smplocalnav_style01 ul.level2 > li a:hover{
	background: #e1ecfe;
}

/* .smplocalnav_style01 ul.level3
----------------------------------- */
#fieldLocalnav .smplocalnav_style01 ul.level3{
	margin: 0 0 0 4px;
	padding: 0 0 2px;
}
#fieldLocalnav .smplocalnav_style01 ul.level3 > li a {
	padding: 4px 3px 6px 7px;
	background-image: none;
}
#fieldLocalnav .smplocalnav_style01 ul.level3 > li a:before{
	display: inline;
	width: 10px;
	background: url(/common/5.01/img/ico_bullet_arrow04.gif) no-repeat left 0.5em;
	content: "　";
}
#fieldLocalnav .smplocalnav_style01 ul.level3 > li.current a,
#fieldLocalnav .smplocalnav_style01 ul.level3 > li a:hover{
	background: #e1ecfe;
}


/* ==========================================
 * Grid.js
 * .smpMainVisual01
 * .smpMainVisual02
 * .smpMainVisual03
========================================== */
[class^="smpMainVisual0"]{
	text-align: center;
	position: relative;
}

[class^="smpMainVisual0"] a {
	color: #fff;
}
[class^="smpMainVisual0"] .slider {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

[class^="smpMainVisual0"] .smpSlides {
  height: 100%;
  /* Clear fix */
  overflow: hidden;
  *zoom: 1;
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

[class^="smpMainVisual0"] .smpSlides .slide {
	 height: 100%;
	display: table-cell;
	vertical-align: top;
}
[class^="smpMainVisual0"] .smpSlides  .slide img {
	width:100%;
}

/* prev&nextボタンの配置 */
[class^="smpMainVisual0"] .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 15px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
  font-size: 15px;
}
[class^="smpMainVisual0"] .slider-arrow:hover {
	background-color: rgba(255,255,255,0.5);
}

[class^="smpMainVisual0"] .slider-arrow--right {
  bottom: 50%;	/*画面下端からの距離*/
  right: 30px; /*画面右端からの距離*/
}

[class^="smpMainVisual0"] .slider-arrow--left {
  bottom: 50%;	/*画面下端からの距離*/
  left: 30px;	/*画面左端からの距離*/
}

[class^="smpMainVisual0"] .slider-nav {
	padding-top: 10px;
	width:auto!important;
	min-height: 60px;
	text-align: center;
	display:inline-block;

}

[class^="smpMainVisual0"] .slider-nav__item {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 16px 0 0;
  background: #e6e6e6;
}

[class^="smpMainVisual0"] .slider-nav__item:hover {
  background: #0c419a;
}

[class^="smpMainVisual0"] .slider-nav__item--current {
  background: #0c419a;
}

.smpMainVisual01{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.oneColumn .smpMainVisual01{
	width: 960px;
}

.smpMainVisual02{
	width: 100%;
}

.smpMainVisual02 .slider-arrow--right {
	position:  absolute;
	right: 0;
	width: 60px;
	height: 60px;
	border-radius: 0;
	cursor: pointer;
	background: rgba(74, 98, 141, 0.5);
}
.smpMainVisual02 .slider-arrow--right:hover{
	background: rgba(74, 98, 141, 0.4);
}
.smpMainVisual02 .slider-arrow--right span{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
	border-left-width: 0;
	border-top-width: 0;
	border-radius: 0;
	box-sizing: border-box;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.smpMainVisual02 .slider-arrow--left {
	position:  absolute;
	left: 0;
	width: 60px;
	height: 60px;
	border-radius: 0;
	cursor: pointer;
	background: rgba(74, 98, 141, 0.5);
}
.smpMainVisual02 .slider-arrow--left:hover{
	background: rgba(74, 98, 141, 0.4);
}
.smpMainVisual02 .slider-arrow--left span{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
	border-right-width: 0;
	border-top-width: 0;
	border-radius: 0;
	box-sizing: border-box;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.smpMainVisual03 {
	width: 960px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

.smpMainVisual03 .smpSlides li {
	position: relative;
	text-align: left;
	border-left: none;
	border-right: none;
}
.smpMainVisual03 .smpSlides li .catchCopy,
.smpMainVisual03 .smpSlides li .caption{
	display: block;
	position: absolute;
	z-index: auto;
}
.smpMainVisual03 .smpSlides li .catchCopy{
	left: 50px;
	top: 64px;
	font-size: 32px;
}

.smpMainVisual03 .smpSlides li .catchCopy.white{
	color: #fff;
}

.smpMainVisual03 .smpSlides li .caption{
	width:100%;
	min-height: 80px;
	padding: 16px;
	box-sizing: border-box;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	left: 0;
	bottom: 0;
}
.smpMainVisual03 .smpSlides li .caption p:first-child{
	display: inline-table;
	width: 90%;
	vertical-align: middle;
}
.smpMainVisual03 .smpSlides li .caption p:last-child{
	display: inline-table;
	width: 10%;
	vertical-align: middle;
	text-align: right;
}

.smpMainVisual03 .slider-arrow--right ,
.smpMainVisual03 .slider-arrow--left {
	width: 60px;
	height: 60px;
	margin-bottom: -30px;
	cursor: pointer;
	bottom: 50%;
	position: absolute;
	box-sizing: border-box;
	border: none;
	border-radius: 30px;
	background: rgba(0,0,0,0.8);
}
.smpMainVisual03 .slider-arrow--right:hover ,
.smpMainVisual03 .slider-arrow--left:hover {
	background: rgba(0,0,0,0.4);
}
.smpMainVisual03 .slider-arrow--right span ,
.smpMainVisual03 .slider-arrow--left span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 15px;
	height: 15px;
	border: 1px solid #ffffff;
	border-radius: 0;
	box-sizing: border-box;
}
.smpMainVisual03 .slider-arrow--right {
	right: -80px;
		border-left-width: 0;
	border-top-width: 0;
}
.smpMainVisual03 .slider-arrow--right span {
	left: -5px;
	border-left-width: 0;
	border-top-width: 0;
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.smpMainVisual03 .slider-arrow--left {
	left: -80px;
		border-right-width: 0;
	border-top-width: 0;
}
.smpMainVisual03 .slider-arrow--left span {
	right: -5px;
	border-right-width: 0;
	border-top-width: 0;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.smpMainVisual03 div.pauseTool {
	display: none;
}
.smpMainVisual03 .slider-nav {
	display: none;
}


/* 再生:停止ボタン */
div.pauseTool{
	display:inline-block;
	word-spacing: -1em;
	margin-right:24px;
	width:13px;
	height:18px;
}
div.pauseTool a {
	position:relative;
	display:block;
	width:13px;
	height:18px;
}

div.pauseTool a:before, div.pauseTool a:after {
	position:absolute;
	top: 2px;
  	width: 0;
  	height: 18px;
  	content: '';
  	border-top: 0 solid transparent;
  	border-bottom: 0 solid transparent;
}

div.pauseTool a:before {
  	border-left: 4px solid #e6e6e6;
	left: 0;
}
div.pauseTool a:after {
  	border-right: 4px solid #e6e6e6;
  	right: 0;
}

div.pauseTool.pause a:before {
	top: 1px;
	left:1px;
 	height: 0;
	border-left-color: #0c419a;
 	border-top-width: 10px;
 	border-left-width: 13px;
 	border-bottom-width: 10px;
}
div.pauseTool.pause a:after {
	visibility:hidden;
}
div.pauseTool:not(.pause):hover a:before,
div.pauseTool:not(.pause):hover a:after{
	border-color: #0c419a;
}

/* ==========================================
 * general
========================================== */
.smpViewPC {
	display: block;
}
.smpViewSP {
	display: none;
}


/* ==========================================
	mediaQuery
========================================== */

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

/* ==========================================
	heading(sp)
========================================== */
/*	style01 */
.smpHeading_style01_Wrap {
	margin: 0 0 30px;
}
.smpHeading_style01_Wrap div {
	height: 60px;
	padding: 0;
}
.smpHeading_style01 {
	margin: 0 auto;
	padding: 0;
	font-size: 22px;
}
.smpHeading_style01_isSub {
	padding: 0;
}

/*	style02 */
.smpHeading_style02 {
	margin: 0 auto 20px;
	font-size: 17px;
}

/*	top02 */
.smpHeading_top02 {
	margin: 0 auto 12px;
}
.smpHeading_top02 a {
	background: url(/common/5.01/img/hongkong/icon_arrow_heading_top02.png) no-repeat 100% 50%;
	background-size: 8px 13px;
}

/*	style03 */
.smpHeading_style03 {
	font-size: 16px;
}

/*	style04 */
.smpHeading_style04 {
	font-size: 16px;
}


/* smpAreaInner(sp)
----------------------------------- */
.smpArea {
	padding: 0 15px;
}
.smpAreaInner {
	padding: 0 15px;
}
.oneColumn .smpAreaInner .smpMenuListBox > li {
	width: 46%;
}
.oneColumn .smpAreaInner .smpFourColBlock01 {
	width: auto;
	margin: auto;
}


/* =======================================
	smpHorizon(sp)
========================================== */
.smpHorizon.smpVerticalSmp {
	display: block;
	direction: ltr;
	margin: 0;
	width: 100%;
}
.smpHorizon.smpVerticalSmp .smpHorizonContent {
	display: block;
	text-align: left;
	vertical-align: top;
	direction: ltr;
}
.smpHorizon.smpVerticalSmp .smpHorizonContent:first-child {
	text-align: center;
}
.smpHorizonContent:first-child {
	width: 100%;
	padding: 0;
	text-align: center;
}
.smpHorizon.smpRight .smpHorizonContent:first-child {
	padding: 0;
}
.smpHorizon.smpVerticalSmp .smpHorizonContent img {
	margin: 0 auto;
}
.smpHorizon.smpVerticalSmp .smpHorizonContent + .smpHorizonContent {
	margin: 20px 0 0;
}
.smpHorizonContent .smpHorizonText + .smpBtnLink {
	margin: 20px 0 0;
}


/* =======================================
	smpDefine(sp)
========================================== */
.smpDefineHeading {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
	padding: 3px 0 3px 15px;
	font-size: 18px;
	line-height: 1.4;
	border-top: none;
	border-left: 5px solid #0f39a1;
}
.smpDefineLarge .smpDefineHeading ,
.smpDefineLarge .smpDefineContent {
	width: auto;
}
.smpDefineContent {
	float: none;
	width: auto;
}


/* ==========================================
	*smpImg smp(sp)
========================================== */
.smpImgHarfSmp ,
img.smpImgHarfSmp {
	width: 50%;
}
.smpImgTwothirdsSmp ,
img.smpImgTwothirdsSmp {
	width: 72%;
}
/* ==========================================
	*
	locMainProductLink2
========================================== */
.locMainProductLink2 ul{
		border: none;
		
}
.locMainProductLink2{	
	float: none;
    padding: 0 10px 0 0;
	margin-bottom: 15px;
    font-size: 100%;
    line-height: 1.4;
}
/* ==========================================
	*Block width(sp)
========================================== */
/*[class^="smpTextBlock"],
[class^="smpIconLinkBlock"],
[class*="smpTopicsBlock"],
[class^="smpTextBorderBlock"],
[class^="smpBtnLinkBlock"],
[class^="smpListBlock"],
[class^="smpTopicsBlock"],
[class^="smpImageBlock"],
[class^="smpTabBlock"],
[class^="smpOneColBlock"],
[class^="smpTwoColBlock"],
[class^="smpThreeColBlock"],
[class^="smpFourColBlock"],
[class^="smpDataTable"],
ul[class^="smpMenuListBox"],
[class^="smpUsageList"],
[class^="smpLinkListBlock"],
[class^="smpLinkList_style01"]{
	display: block;
	width: 88%!important;
	margin: auto;
}*/
.smpIconLinkBlock .smpLinkList_style01 {
	width: 100%!important;
}
[class^="smpTwoColBlock"],
[class^="smpThreeColBlock"]{
    display: block;
}

[class^="smpFourColBlock"]{
 	flexWrap: wrap;
}
.smpTabUnit [class^="smpTextBlock"],
.smpTabUnit [class^="smpIconLinkBlock"],
.smpTabUnit [class*="smpTopicsBlock"],
.smpTabUnit [class^="smpTextBorderBlock"],
.smpTabUnit [class^="smpBtnLinkBlock"],
.smpTabUnit [class^="smpListBlock"],
.smpTabUnit [class^="smpTopicsBlock"],
.smpTabUnit [class^="smpImageBlock"],
.smpTabUnit [class^="smpTabBlock"],
.smpTabUnit [class^="smpOneColBlock"],
.smpTabUnit [class^="smpTwoColBlock"],
.smpTabUnit [class^="smpThreeColBlock"],
.smpTabUnit [class^="smpFourColBlock"],
.smpTabUnit [class^="smpDataTable"],
.smpTabUnit ul[class^="smpMenuListBox"],
.smpTabUnit [class^="smpUsageList"],
.smpTabUnit [class^="smpLinkListBlock"],
.smpTabUnit [class^="smpLinkList_style01"]{
	width: 100%!important;
}

/* ==========================================
	locallist_style
========================================== */

ul.smpMenuListBox{
}

.oneColumn ul.smpMenuListBox > li,
.twoColumn ul.smpMenuListBox > li,
.twoColumnB ul.smpMenuListBox > li,
.threeColumn ul.smpMenuListBox > li {
	width: 48%;
	display: inline-block;
	margin: 0 0 4% 0;
}

.oneColumn ul.smpMenuListBox > li:nth-child(odd),
.twoColumn ul.smpMenuListBox > li:nth-child(odd),
.twoColumnB ul.smpMenuListBox > li:nth-child(odd),
.threeColumn ul.smpMenuListBox > li:nth-child(odd){
	margin-right: 4%;
}

ul.smpMenuListBox > li:hover{
	background-color: #f2fafd;
}
.oneColumn ul.smpMenuListBox > li a,
.twoColumn ul.smpMenuListBox > li a,
.twoColumnB ul.smpMenuListBox > li a,
.threeColumn ul.smpMenuListBox > li a {
	width: 92%;
    padding: 4% 4% 3%;
}
ul.smpMenuListBox > li p{
	margin-top: 3%;
	font-size: 1.4rem;
}
.smpUsageList li {
	width: 22.6%;
	box-sizing: border-box;
	margin: 0 3% 3% 0;
	font-size: 1.3rem;
}
.smpUsageList li:nth-child(4),
.smpUsageList li:nth-child(8),
.smpUsageList li:nth-child(12),
.smpUsageList li:nth-child(16),
.smpUsageList li:nth-child(20),
.smpUsageList li:nth-child(24){
	margin-right: 0;
}


/* ==========================================
	smpMenuBar(sp)
========================================== */
.smpMenuBar {
	margin: 0;
}
.smpMenuBar li {
	float: none;
	margin: 0;
}
.smpMenuBar > li ,
.smpMenuBar .smpGridContent {
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
}
.smpMenuBar > li:first-child {
	margin: 0;
}
.smpMenuBar > li a {
	display: table;
	width: 100%;
	border: 1px solid #e0e0e0;
}
.smpMenuBar > li figure {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 0;
	border: none;
	background: #ffffff;
}
.smpMenuBar > li .smpMenuBar_text {
	display: table-cell;
	position: relative;
	width: 50%;
	vertical-align: middle;
	margin-top: 0;
	padding: 0 10px;
	text-align: left;
}
.smpMenuBar > li .smpMenuBar_text span {
	background: none;
}
.smpMenuBar > li .smpMenuBar_text span.smpIconNew {
	background: none;
}
.smpMenuBar > li .smpMenuBar_text span:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	width: 5px;
	height: 7px;
	margin-top: -3px;
	background: url(/common/5.01/img/ico_bullet_arrow01_sp.png) no-repeat right center;
	background-size: 5px 7px;
}
.smpMenuBar > li .smpMenuBar_text span.smpIconNew:after {
	width: 11px;
	height: 11px;
	margin-top: -4px;
	background: url(/common/5.01/img/ico_newwin.png) no-repeat right center;
	background-size: 11px 11px;
}


/* ==========================================
	smpContentWrap(sp)
========================================== */
.smpContentWrap {
	margin: 20px 0 0;
	padding: 20px 0 0;
}

/* ==========================================
	smpTextBlock(sp)
========================================== */
.smpTextBlock{
	margin: auto 3%;
}

/* =======================================
	smpBlock(sp)
========================================== */
.smpBlock {
	margin: auto;
}
.smpBlock:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	content: ".";
}
.smpBlock .smpTextUnit {
	float: none;
}
.smpBlock figure {
	float: none;
	width: 100%;
	margin: 40px auto 0;
}
.smpBlock_isHarf .smpTextUnit {
	width: 100%;
}
.smpBlock_isHarf figure .smpGoogleMap iframe {
	width: 100%;
	height: 450px;
	border: 0;
}
.smpGoogleMap iframe {
	width: 100%;
	height: 400px;
}

/* ==========================================
	smpTopicsBlock01(sp)
	smpTopicsBlock02(sp)
========================================== */
.smpTopics {
	padding: 0;
}
.smpTopics li {
	padding: 10px 0;
}
.smpTopicsDay {
	float: none;
	display: inline-block;
}
.smpTopicsIcon {
	float: none;
	display: inline-block;
}
.smpTopicsIcon img {
	width: 76px;
	height: auto;
/*	padding-left: 16px;*/
}
.smpTopics a {
	float: none;
	display: block;
	width: auto;
	margin-top: 5px;
}
.smpTopicsBlock02 .smpTopics {
	width: auto;
	margin-left: 0;
}

/* ==========================================
	smpImageBlock(sp)
	smpImageBlockLeft(sp)
	smpImageBlockRight(sp)
========================================== */
[class^="smpImageBlock"] {
	overflow: hidden;
}
[class^="smpImageBlock"] figure{
	width: 72%;
	margin:auto ;
	float: none;
}
[class^="smpImageBlock"] .smpTextUnit{
	width: 100%;
	margin: 0;
	float: none;
}
[class^="smpImageBlock"] .smpTextUnit p{
	margin: 17px 0 0;
}
[class^="smpImageBlock"] .smpTextUnit .smpBtnLink {
	margin: 0;
}
[class^="smpImageBlock"] .smpTextUnit p + .smpBtnLink {
	margin: 15px 0 0;
}

div.smpImageBlock03 figure,
div.smpImageBlock04 figure{
	margin-bottom: 2em;
}
div.smpImageBlock03 p,
div.smpImageBlock04 p{
	display:block;
	clear:both;
}

/* ==========================================
	smpTabBlock(sp)
========================================== */
[class*="oneColumn"] div.smpTabBlock,
[class*="twoColumn"] div.smpTabBlock,
[class*="threeColumn"] div.smpTabBlock{
	position: static;
	width: auto;
}
.smpTabBlock .smpTabUnit{
	position: static;
	margin-bottom: 6px;
}

.smpTabBlock .smpTabUnit .smpTabnav,
.smpTabBlock .smpTabUnit .smpTabnav.active{
	position: relative;
	margin: 0;
	border-radius: 4px;
	box-sizing: border-box;
	border: none;
	background: #0c419a;
	color: #fff;
	width: 100%;
	min-height: 66px;
	display: inline-block;
	display: flex;
	-webkit-align-items: baseline; /* Safari */
	align-items: baseline;
}

.smpTabBlock .smpTabUnit .smpTabnav:hover{
	opacity: 1;
}
.smpTabBlock .smpTabUnit .smpTabnav:before{
    position: absolute;
	content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 18px auto auto;
    padding: 0;
    width: 16px;
    height: 16px;
    z-index: auto;
    background: none;
    border: 1px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.smpTabBlock .smpTabUnit .smpTabnav.active:before{
    margin-top: 30px;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.smpTabBlock .smpTabUnit .smpTabnav span{
	display: inline-block;
    margin: auto auto auto 4%;
	width: auto;
    height: auto;
    text-align: left;
	vertical-align: middle;
	line-height: 1.5em;
}
.smpTabBlock .smpTabUnit .smpTabContents {
	position: static;
	height: auto;
	margin: -6px auto 1em auto;
	border-top: none;
}
.smpTabBlock .smpTabUnit .smpTabContents {
	font-size: 14px;
}


/* smpGrid2_sp(sp)
----------------------------------- */
.smpColumnTwoA .smpColumnTwoMain ,
.smpColumnTwoA .smpColumnTwoSide {
	float: none;
	width: 100%;
}
.smpColumnTwoA .smpColumnTwoMain .smpTabBlock {
	width: auto;
}
.smpColumnTwoA .smpGrid2_sp .smpGridContent {
	width: 50%;
	margin: 0 0 30px 0;
}
.smpColumnTwoA .smpGrid3_sp .smpGridContent {
	width: 33.3%;
	margin: 0 0 30px 0;
}
.smpColumnTwoA .smpGrid2_sp ,
.smpColumnTwoA .smpGrid3_sp {
	width: auto;
}
.smpColumnTwoA .smpGrid2_sp img {
	width: 100%;
}
.smpColumnTwoA .smpGrid3_sp img {
	width: 100%;
}

.smpGrid1_sp .smpGridContent {
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
}
.smpGrid2_sp .smpGridContent {
	width: 50%;
	margin: 0 0 30px 0;
}
.smpGrid3_sp .smpGridContent {
	width: 33.3%;
	margin: 0 0 30px 0;
}
.smpGrid1_sp ,
.smpGrid2_sp ,
.smpGrid3_sp {
	width: auto;
}
.smpGrid2_sp img {
	width: 100%;
}
.smpGrid3_sp img {
	width: 100%;
}
.smpGrid span {
	font-size: 14px;
}
.smpGrid5 span {
	font-size: 100%;
	line-height: 1.1em;
}

/* smpTabContents(sp)
----------------------------------- */
.smpTabnav span {
	font-size: 20px;
}

/* ==========================================
	smpOneColBlock(sp)
	smpTwoColBlock(sp)
	smpThreeColBlock(sp)
========================================== */
[class*="Column"] [class*="ColBlock"]{
	display: block;
}

[class*="Column"] [class^="smpOneColBlock"] figure{
	display: block;
	width: 50%;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpColUnit,
[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit{
	display: block;
	width: auto;
	margin: 0 0 40px 0;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpColUnit:last-child,
[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit:last-child{
	margin: 0;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpColUnit:first-child{
	margin-right: 0;
}
[class*="Column"] [class^="smpOneColBlock"] figure,
[class*="Column"] [class^="smpTwoColBlock"] .smpColUnit figure{
	display: block;
	width: 50%;
	margin: 0 auto 15px;
}

[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit figure{
	display: block;
	width: 66%;
	margin: auto;
}
[class*="twoColumn"] [class^="smpThreeColBlock"] .smpColUnit figure,
[class*="threeColumn"] [class^="smpThreeColBlock"] .smpColUnit figure{
	width: 44%;
}

[class*="Column"] .smpThreeColBlock02 .smpColUnit figure,
[class*="Column"] [class^="smpFourColBlock"] .smpColUnit figure{
	width: 100%;
}

[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit figure img,
[class*="Column"] [class^="smpFourColBlock"] .smpColUnit figure img {
	width: 100%;
	max-width: 100%
}

[class*="Column"] [class^="smpOneColBlock"] .smpTextUnit,
[class*="Column"] [class^="smpTwoColBlock"] .smpColUnit .smpTextUnit,
[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit .smpTextUnit{
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

[class*="Column"] [class^="smpFourColBlock"] .smpColUnit{
	display: inline-block;
	width: 48%;
	margin: 0 0 1em 0;
	vertical-align: top;
}
[class*="Column"] [class^="smpFourColBlock"] .smpColUnit:nth-child(odd){
	margin-right: 2%;
}

[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit {
	margin-bottom: 1.4em;
	width: 100%;
	display: inline-block;
	display: flex;
}
[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit figure{
	display: initial;
}
[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit a {
	display: initial;
}
[class*="Column"] [class^="smpThreeColBlock"] .smpColUnit.smpBandedUnit .smpTextUnit{
    height: auto;
	margin: 0;
    padding-left: 24px;
	display: inline-flex;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit {
	width: 100%;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit:first-child {
	margin-bottom: 40px;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .partsMarginT_10 span{
	padding-top: 8px;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .partsMarginT_10 span:before{
	margin-top: 6px;
}

[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit figure,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit figure{
	width: 48%;
}

[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit{
	width: 48%;
	display: inline-flex;
	margin-top: -0.4em;
}

[class*="Column"] [class^="smpOneColBlock"] .smpTextUnit {
	margin: 0;
}

/* ==========================================
	[class*="threeColumn"] aside smpBnrList(sp)
========================================== */
aside.smpJsClonePc {
	display: none;
}
aside.smpJsSp {
	display: block;
	padding: 40px 15px 20px;
	background: #ffffff;
}
.fieldContents aside ul.smpBnrList{
	float: none;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.fieldContents aside ul.smpBnrList li {
	/*float: left;
	width: 48%;*/
	margin: 0 2% 3% 0;
}
.fieldContents aside ul.smpBnrList li.smpbgBnr{
	width: 98%;
}
.fieldContents aside ul.smpBnrList:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	content: ".";
}
.smpBtnStyle01 span{
	background-color: #0c419a;
	padding: 3px 6px 3px 10px;
	line-height: 1.5;
}
/*	smpBackToTop */
.smpBackToTop{
	position: relative;
	z-index: 900;
	padding: 0;
}
.smpBackToTop a:after{
	position: absolute;
	top: 14px;
	left: 6px;
	color: #fff;
	content: "TOP";
}
.smpBackToTop a:before{
	position: absolute;
	left: 12px;
	top: 6px;
	border-bottom: solid #fff 5px;
	border-left: solid transparent 5px;
	border-right: solid transparent 5px;
	content: "";
}
.smpBackToTop a {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	border: 3px solid #000;
	border-radius: 3px;
	background-color: #000;
	box-sizing: border-box;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.smpBackToTop img {
	display: none;
}


/* ==========================================
	smpBtnLink(sp)
========================================== */
.smpBtnLink a span {
	font-size: 14px;
}


/* ==========================================
	table(sp)
========================================== */
[class*="Column"] [class^="smpDataTable"] table{
	width:100%;
}
[class*="smpDataTableScroll"]{
	overflow-x: auto;
	/*
	margin: auto 3% auto 3%;
	*/
	box-sizing: border-box;
	position: relative;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

[class*="smpDataTableScroll"] table{
	min-width: 140%;
    display: inline-table;
    margin-right: 1px;
}

[class*="smpDataTableScroll"] .scrollBtnOuter{
    position: absolute;
    display: block;
    box-sizing: border-box;
    height: 100%;
    right: 0;
    top: 0;
}
[class*="smpDataTableScroll"] .scrollBtnOuter .smpBtnStyle01{
    display: inline-block;
	-webkit-animation: btnScrollAn 1.0s ease-out infinite alternate;
    animation: btnScrollAn 1.0s ease-in-out infinite alternate;
    margin-top: 8px;
    padding: 0 8px;
}

@-webkit-keyframes btnScrollAn {
  0% {
    -webkit-transform: translateX(-6px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes btnScrollAn {
  0% {
    transform: translateX(-6px);
  }
  100% {
    transform: translateX(0);
  }
}


/* ==========================================
	linkList_style(sp)
========================================== */

.smpLink_style01{
	display: block;
	padding-left: 12px;
	background: url(/common/5.01/img/ico_bullet_squarearrow_sp.gif) no-repeat left 10px;
	font-size: 1.0rem;
	font-weight: bold;
	letter-spacing: initial;
}
/*
.smpLinkList_style01{
	margin: 0;
}
*/
.smpLinkList_style01 li:before{
	display: block;
	float: left;
	margin: 1em 0;
	border-left: solid #0c419a 5px;
	border-top: solid transparent 4px;
	border-bottom: solid transparent 4px;
	content: "";
}
.smpLinkList_style01 li {
    width: 48%;
    margin: 0 3% 3% 0;
	padding: 2% 3.5%;
	border: 2px solid #043c99;
	border-radius: 3px;
	letter-spacing: initial;
	box-sizing: border-box;
	font-size: 1.4rem;
    font-weight: bold;
}

.smpLinkList_style01 li:nth-child(even){
	margin-right: 0;
}

.smpLinkList_style01 li a {
	height: 100%;
	padding: 4% 0% 2% 7%;
	/* background: url(/common/5.01/img/ico_bullet_arrow01_sp.png) no-repeat 0 0.6em; */
}
.smpLinkList_style02 li:before{
	display: block;
	float: left;
	margin: 6px 5px 2px;
	border-left: solid #fff 4px;
	border-top: solid transparent 3px;
	border-bottom: solid transparent 3px;
	content: "";
}
.smpLinkList_style02 li a {
	padding-left: 0;
	color: #fff;
}
#menuList .smpLinkList_style02 li:before{
	margin: 9px 5px;
}

.smpIconlist {
	margin: 0;
}
.smpIconlist li {
	border: none!important;
	margin: 0;
	padding:0;
	width: 50%;
	font-size: 1.5rem;
}

[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpLinkList_style01{
	margin: auto auto auto 20px;
	width: 100%;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpLinkList_style01 li {
	border: none;
	line-height: normal;
}
[class*="Column"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpLinkList_style01 li:before{
    margin-top: 5%;
}
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit .smpLinkList_style01,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit .smpLinkList_style01{
	margin: 0;
	width: 100% !important;
}
[class*="threeColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit .smpLinkList_style01 li,
[class*="twoColumn"] [class^="smpTwoColBlock"] .smpCategoryUnit .smpTextUnit .smpLinkList_style01 li {
	line-height: 100%;
	margin: auto;
}


/* ==========================================
	smplocalnav_style01(sp)
========================================== */

#fieldLocalnav .smplocalnav_style01 {
	margin: 0 auto 40px;
	padding: 0 15px;
}
#fieldLocalnav .smplocalnav_style01 dt,
#fieldLocalnav .smplocalnav_style01 dd,
#fieldLocalnav .smplocalnav_style01 ul li {
	background: none;
}
#fieldLocalnav .smplocalnav_style01 dt {
	width: 100%;
	padding: 0 0 10px;
	font-weight: bold;
}
#fieldLocalnav .smplocalnav_style01 dt a {
	background: url(/common/5.01/img/hongkong/icon_arrow_heading_top02.png) no-repeat 100% 50%;
	background-size: 8px 13px;
}
#fieldLocalnav .smplocalnav_style01 dd {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#fieldLocalnav .smplocalnav_style01 ul {
	margin: 0;
	padding: 0;
}
#fieldLocalnav .smplocalnav_style01 ul li {
	border-top: 1px solid #fff;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 > li,
#fieldLocalnav .smplocalnav_style01 ul.level1 > li.current ,
#fieldLocalnav .smplocalnav_style01 ul.level1 > li.current a {
	margin: 0;
	border-bottom: none;
	list-style: none;
	line-height: 1.2;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 li,
#fieldLocalnav .smplocalnav_style01 ul.level2 li a,
#fieldLocalnav .smplocalnav_style01 ul.level1 li:first-child a {
	background-image: none;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 li {
	border-left: none;
	border-bottom: none;
	background-color: #f2f6ff;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 li:last-child{
	border-left: none;
	border-bottom: none;
}
#fieldLocalnav .smplocalnav_style01 ul.level2,
#fieldLocalnav .smplocalnav_style01 ul.level3,
#fieldLocalnav .smplocalnav_style01 ul.level2 li,
#fieldLocalnav .smplocalnav_style01 ul.level3 li {
	margin: 0;
	padding: 0;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 li > a:before,
#fieldLocalnav .smplocalnav_style01 ul.level2 li > a:before,
#fieldLocalnav .smplocalnav_style01 ul.level3 li > a:before{
	background: url(/common/5.01/img/ico_bullet_arrow01_sp.png) no-repeat left 0.3em;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 li.active > a:before,
#fieldLocalnav .smplocalnav_style01 ul.level2 li.active > a:before,
#fieldLocalnav .smplocalnav_style01 ul.level3 li.active > a:before{
	background: url(/common/5.01/img/ico_bullet_arrow05_sp.png) no-repeat left 0.3em;
}
#fieldLocalnav .smplocalnav_style01 ul.level1 li a {
	padding: 15px 10px;
}
#fieldLocalnav .smplocalnav_style01 ul.level2 li a {
	padding: 15px 10px 15px;
}
#fieldLocalnav .smplocalnav_style01 ul.level3 li a {
	padding: 15px 10px 20px;
}
#fieldLocalnav .smplocalnav_style01 ul.level3 li,
#fieldLocalnav .smplocalnav_style01 ul.level3 li.current a {
	background-color: #fafbff;
}
#fieldLocalnav .smplocalnav_style01 ul.level3 li.current a:hover{
	background: #e1ecfe;
}


/* ==========================================
 * Grid.js
 * .smpMainVisual01(sp)
 * .smpMainVisual02(sp)
 * .smpMainVisual03(sp)
========================================== */

[class^="smpMainVisual0"]{
	width: 100%;
	height: 100%;
}

[class^="smpMainVisual0"] .slider-nav__item {
    width: 18px;
    height: 18px;
    margin: 8px 18px 0 0;
}

div.slider-nav {
	vertical-align: middle;
}

div.pauseTool,
div.pauseTool a {
    width: 18px;
    height: 24px;
}
div.pauseTool a:before, div.pauseTool a:after {
    height: 24px;
}
div.pauseTool a:before {
	border-left: 6px solid #e6e6e6;
}
div.pauseTool a:after {
	border-right: 6px solid #e6e6e6;
}
div.pauseTool.pause a:before{
	border-top-width: 13px;
    border-left-width: 16px;
    border-bottom-width: 13px;
}
div.pauseTool:not(.pause):hover a:before,
div.pauseTool:not(.pause):hover a:after{
	border-color: #e6e6e6;
}

.oneColumn .smpMainVisual01 {
	width: 94%;
}

.smpMainVisual02 .slider-arrow--left,
.smpMainVisual02 .slider-arrow--right{
    width: 20px;
    height: 20px;
	bottom: 0;
	top: 25%;
}
.smpMainVisual02 .slider-arrow--left:hover,
.smpMainVisual02 .slider-arrow--right:hover{
	background: rgba(74, 98, 141, 0.5);
}

.smpMainVisual03 .slider-arrows {
	display:none;
}
.smpMainVisual03 .smpSlides{
	margin: 0 0 20px;
}
.smpMainVisual03 .smpSlides li {
	border-left: none;
	border-right: none;
	background: #f7f7f7;
}
.smpMainVisual03 .smpSlides li .catchCopy{
    position: absolute;
    top: 14%;
    bottom: 0;
    left: 8%;
    font-size: 180%;
}
.smpMainVisual03 .smpSlides li .caption{
	position: static;
	height: auto;
	background: #f7f7f7;
	color: #333;
}
.smpMainVisual03 .smpSlides li .caption p:first-child,
.smpMainVisual03 .smpSlides li .caption p:last-child{
	display: block;
	width: 100%;
}
.smpMainVisual03 div.pauseTool {
	display: inline-block;
}
.smpMainVisual03 .slider-nav {
	display: inline-block;
}

/* ==========================================
 * general
========================================== */
.smpViewPC {
	display: none;
}
.smpViewSP {
	display: block;
}

}