@charset "UTF-8";

/* **************************************************

Name: wide.css

Description: Common Settings for Wide Web Design

Create: 2019.02.19
Update: 2019.06.21
Update: 2020.11.10

Copyright 2019 Hitachi, Ltd.


***************************************************** */

/* content===========================================

[-] for all
[-] for 1305px -
[-] for 995px - 1304px
[-] for - 767px
[-] for - 579px
[-] for - 399px

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


/* for all
=========================================================================================== */

#U1305 {display: none;}


/* [s1] Header
=========================================================================================== */

#HeaderArea {
	min-width: 1275px;
}

#HeaderSet {
	width: 1275px;
}


/* --- [s1] Search Box --- */
#SearchArea {
	min-width: 1275px;
}

#SearchSet {
	width: 1275px;
}


/* --- [s1] Country/Region Selector --- */

#CountryRegionArea {
	min-width: 1275px;
}


#CountryRegion .Inner {
	width: 1275px;
}

#CountryRegion .Inner h3 a {
	width: 225px;
}

#CountryRegion .Inner .Column1 {
	width: 300px;
	margin: 0 0 0 25px;
}

#CountryRegion .Inner .FirstItem {
	margin: 0;
}

#CountryRegion .Inner ul.Global {
	width: 300px;
	margin: 0 0 0 25px;
}



/* --- [s1] Super Global Navigation --- */
.SuperGlobalNavi {
	min-width: 1275px;
}

.SuperGlobalNavi .Inner {
	width: 1275px;
}

.SuperGlobalNavi li {
	width: 300px;
	margin: 0 0 5px 25px;
}


.SuperGlobalNavi ul.SubMenu li {
	margin: 0 0 0 25px;
	padding: 0 0 25px;
}

.SuperGlobalNavi ul.SubMenu li.FirstItem {
	margin: 0;
	padding: 0 0 25px;
}

.SuperGlobalNavi .Column1 {
	width: 300px;
}

.SuperGlobalNavi .Column3 {
	width: 950px;
}




/* [s2] Site Identity Area
=========================================================================================== */

#SiteIdentityS,
#SiteIdentityL,
#SiteIdentity {
	min-width: 1275px;
}

#SiteIdentityS .Title,
#SiteIdentityL .Title,
#SiteIdentity .Title {
	width: 1275px;
}

/* [s3] Global Navigation System
=========================================================================================== */

#GlobalNavi {
	min-width: 1275px;
}

.CourtesyNavi {
	width: 1275px;
}

#GlobalNaviTop {
	width: 1275px;
}


/* [s4] Horizontal Local Navigation Bar
=========================================================================================== */

#HorizontalLocalNavi {
	width: 1275px;
}


/* [s5] Breadcrumb Trail
=========================================================================================== */

#TopicPath {
	min-width: 1275px;
}

#TopicPath ul {
	width: 1275px;
}


/* [-] Content Area
=========================================================================================== */

#Contents {
	min-width: 1275px;
	background-color: #fff;
	padding-bottom: 1px;
}


/* [s6] Vertical Local Navigation Menu
=========================================================================================== */


/* [s7] Footer
=========================================================================================== */
#Footer {
	min-width: 1275px;
}

#Footer ul {
	width: 1275px;
}

#Footer p {
	width: 1275px;
}




/* [s9] Footer Banner
=========================================================================================== */

/* --- [s9-1] Banner Area > 1 row --- */
/* --- [s9-2] Banner Area > 2 rows --- */

.FatBanner {
	min-width: 1275px;
}


.FatBanner ul {
	width: 1275px;
	margin: 0 auto;
}

.FatBanner li {
	width: 300px;
	margin: 0 0 15px 25px;
}

.FatBanner li.FirstItem {
	margin: 0 0 25px;
}


/* ----------------------------------------------------------------------------------------

Setting of grid layout

------------------------------------------------------------------------------------------- */

/* [-] Grid
=========================================================================================== */

.GridSet {
	width: 1275px;
}

.Grid3 {
	float: left;
	width: 950px;
}

.Grid1 {
	float: right;
	width: 300px;
}


/* [cc] Column
=========================================================================================== */

.Column1 {
	float: left;
	width: 300px;
	margin: 0 0 0 25px;
}


.Column1andHalf {
	float: left;
	width: 463px;
	margin: 0 0 0 24px;
}


.Column2 {
	float: left;
	width: 625px;
	margin: 0 0 0 25px;
}

.Column3 {
	float: left;
	width: 950px;
	margin: 0 0 0 25px;
}

.Column1.FirstItem,
.Column1andHalf.FirstItem,
.Column2.FirstItem,
.Column3.FirstItem {
	margin: 0;
}



/* [-] Fat Menu
=========================================================================================== */

.OptionWide:not(.OptionWideRWD) .FatMenu, .OptionWide:not(.OptionWideRWD) .FatMenuWide {
	min-width:1275px;
}
.FatMenuSet {
	position: relative;
	width: 1275px;
	margin: 0 auto;
}


.FMGrid4 {width: 1275px;}
.FMGrid3 {width: 956px;}
.FMGrid2 {width: 637px;}
.FMGrid1 {width: 318px;}

.FMColumn1,
.FMTopColumnMenu1,
.FMBottomColumnMenu {
	width: 318px;
}

.FMColumn2,
.FMTopColumnMenu2 {
	width: 637px;
}

.FMColumn3,
.FMTopColumnMenu3 {
	width: 956px;
}

.FMColumn4,
.FMTopColumnMenu4 {
	width: 1275px;
}



/* Floating Grid
=========================================================================================== */

.OptionWide #FloatingGridSet.Fixed #FloatingContainer,
.OptionWide #FloatingGridSet.Bottom #FloatingContainer {
	position: relative;
	width: 1275px;
	margin: 0 auto;
}

/* Rotation Banner
=========================================================================================== */

.OptionWide #RotationBanner {
	min-width: 1275px;
}

.OptionWide #RotationBanner .FatBanner {
	width: 1275px;
}

.OptionWide #RotationBanner ul {width: 1300px;}

.OptionWide #RotationBanner li,
.OptionWide #RotationBanner li.FirstItem {margin: 0 25px 15px 0;}

/* MegaMenu
=========================================================================================== */

.OptionWide #MegaMenu {
	width: 1275px;
	margin: 0 auto;
}

.OptionWide .MMColumnArea {
	width: 1275px;
	padding-bottom: 15px;
}

.OptionWide .MMGrid1 {
	width: 300px;
	margin: 0 0 0 25px;
}

.OptionWide .MMGrid2 {
	width: 625px;
	margin: 0 0 0 25px;
}

.OptionWide .MMGrid3 {
	width: 950px;
	margin: 0 0 0 25px;
}

.OptionWide .MMGrid4 {
	width: 1275px;
}

.OptionWide .MMGrid1.MMFirstItem,
.OptionWide .MMGrid2.MMFirstItem,
.OptionWide .MMGrid3.MMFirstItem {margin: 0;}

.OptionWide .MMColumn1,
.OptionWide .MMTopColumnMenu1,
.OptionWide .MMBottomColumnMenu {
	width: 300px;
	margin: 0 0 0 25px;
}

.OptionWide .MMColumn2,
.OptionWide .MMTopColumnMenu2 {
	width: 625px;
	margin: 0 0 0 25px;
}

.OptionWide .MMColumn3,
.OptionWide .MMTopColumnMenu3 {
	width: 950px;
	margin: 0 0 0 25px;
}

.OptionWide .MMColumn4,
.OptionWide .MMTopColumnMenu4 {width: 1275px;}

.OptionWide .MMColumn1.MMFirstItem,
.OptionWide .MMColumn2.MMFirstItem,
.OptionWide .MMColumn3.MMFirstItem,
.OptionWide .MMTopColumnMenu1.MMFirstItem,
.OptionWide .MMTopColumnMenu2.MMFirstItem,
.OptionWide .MMTopColumnMenu3.MMFirstItem,
.OptionWide .MMBottomColumnMenu.MMFirstItem {margin: 0;}


.OptionWide ul.MMLinkListStyle {
	margin: -5px -25px 15px 0;
	overflow: hidden;
}

.OptionWide ul.MMLinkListStyle li {
	width: 300px;
	margin: 0 25px 0 0;
}



/* Social Account Button
=========================================================================================== */
.OptionWide #GlobalNavi .SocialAccountStyle {
	width: 950px;
	padding: 0 325px 0 0;
}

.OptionWide #SocialAccountTop {
	width: 1275px;
}


.OptionWide:not(.OptionWideRWD) #SocialAccountBottom {
	min-width:1275px;
}


.OptionWide #SocialAccountBottom ul {
	width: 1275px;
}


/* Share Buttons
=========================================================================================== */

.OptionWide .Grid1 .ShareButtonSet li {
	height:36px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/*
.OptionWide .Grid1 .ShareButtonSet li.SbFacebook {
	width: 50%;
}
.OptionWide .Grid1 .ShareButtonSet li.SbTwitter {
	width: 50%;
}
.OptionWide .Grid1 .ShareButtonSet li.SbGplusone {
	width: 50%;
}
.OptionWide .Grid1 .ShareButtonSet li.SbHatena {
	width: 50%;
}
*/



/* --- Ultra Global Navigation Customize --- */

.OptionWide #CountryRegionFooter {
}

.OptionWide:not(.OptionWideRWD) #CountryRegionFooter {
    min-width: 965px;
    width: 100%;
    height: 60px;
    background-color: #dadada;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0px;
}

.OptionWide:not(.OptionWideRWD) #CountryRegionFooter .Inner h2 a {
	margin-left:0px!important;
}


.OptionWide:not(.OptionWideRWD) #SuperGlobalNaviCompanyFooter {
    min-width: auto;
    width: 100%;
    height: 60px;
    background-color: #dadada;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0px;
}


.OptionWide:not(.OptionWideRWD) #SuperGlobalNaviProductsFooter {
    min-width: auto;
    width: 100%;
    height: 60px;
    background-color: #dadada;
    border-top: 1px solid #fff;
    position: absolute;
    bottom: 0px;
	top:auto;
}

.OptionWide:not(.OptionWideRWD) #SuperGlobalNaviCompany > .Inner {
	top:auto;
}


/* ------ Category Navigation ------ */

.OptionWide:not(.OptionWideRWD) .ContentNavi,
.OptionWide:not(.OptionWideRWD) .CategoryNavi,
.OptionWide:not(.OptionWideRWD) .TabNavi {position: relative;}



/* [c11] Link List
=========================================================================================== */


.ThumbW300SetStyle .Img {
	float: left;
	padding: 0 20px 15px 0;
}

.ImgW300SetStyle .Img {
	float: left;
	padding-bottom: 15px;
}

.ThumbW300SetStyle .Img,
.ImgW300SetStyle .Img {width: 300px;}

.ThumbW300SetStyle .ImgSet {overflow: hidden;}

.ImgW300SetStyle .ImgSet {
	float: right;
	width: 100%;
}

.ImgW300SetStyle .ImgSet {margin-left: -300px;}

.ImgW300SetStyle .ImgSet dl {margin-left: 320px;}


/* [c16] Box
=========================================================================================== */

.BoxPatternA .ThumbW300SetStyle,
.BoxPatternB .ThumbW300SetStyle,
.BoxPatternC .ThumbW300SetStyle {margin-left: 15px;}

.BoxPatternA .ThumbW300SetStyle .Img,
.BoxPatternB .ThumbW300SetStyle .Img,
.BoxPatternC .ThumbW300SetStyle .Img {padding-right: 5px;}

.BoxPatternA .ImgW300SetStyle .ImgSet,
.BoxPatternB .ImgW300SetStyle .ImgSet,
.BoxPatternC .ImgW300SetStyle .ImgSet {margin-left: -340px;}




/* for 1305px -
=========================================================================================== */

@media screen and (min-width: 1305px) {



}


/* for 995px - 1304px
=========================================================================================== */

@media screen and (min-width :995px) and (max-width: 1304px) {

	/* ------ Base Settings ------ */

	.OptionWideRWD #Contents img,
	.OptionWideRWD .Contents img,
	.OptionWideRWD #PopUpContents img,
	.OptionWideRWD .FatBanner img {
		max-width: 100%;
		height: auto;
	}

	#U1305 {display: block;}

	/* ------ Header ------ */

	.OptionWideRWD #HeaderArea {min-width: 320px;}

	.OptionWideRWD #HeaderSet {
		width: auto;
		max-width: 1275px;
		padding: 0 15px;
	}

	.OptionWideRWD #SearchArea {min-width: 320px;}

	.OptionWideRWD #SearchSet {
		width: auto;
		max-width: 1275px;
		padding: 20px 15px 0;
	}

	.OptionWideRWD #Search .BtnClose {right: 15px;}

	.OptionWideRWD #CountryRegionArea {min-width: 320px;}

	.OptionWideRWD #CountryRegionSet {
		width: auto;
		max-width: 1275px;
		margin: 0 auto;
		padding: 0 15px;
	}

	.OptionWideRWD #CountryRegion div.Americas,
	.OptionWideRWD #CountryRegion div.Asia,
	.OptionWideRWD #CountryRegion div.Europe,
	.OptionWideRWD #CountryRegion div.MENA,
	.OptionWideRWD #CountryRegion div.Oceania {margin-left: -15px;}

	.OptionWideRWD #CountryRegion .Inner {
		width: auto;
		max-width: 1275px;
	}


	.OptionWideRWD #CountryRegion .Inner .Column1 {
		width: 25%;
		margin: 0;
	}

	.OptionWideRWD #CountryRegion .Inner .Column1 ul {margin-left: 15px;}

	.OptionWideRWD #CountryRegion .Inner li span {padding: 0 0 0 17px;}

	.OptionWideRWD .SuperGlobalNavi {min-width: 290px;}

	.OptionWideRWD .SuperGlobalNavi .Inner {
		width: auto;
		max-width: 1275px;
		padding: 0 15px 0 0;
	}

	.OptionWideRWD .SuperGlobalNavi h2 a {margin-left: 15px;}

	.OptionWideRWD .SuperGlobalNavi h3 {margin-left: 15px;}

	.OptionWideRWD .SuperGlobalNavi li {
		width: 25%;
		margin: 0 0 5px;
	}

	.OptionWideRWD .SuperGlobalNavi li span {
		display: block;
		margin-left: 15px;
	}

	.OptionWideRWD .SuperGlobalNavi ul.SubMenu li {margin: 0;}

	.OptionWideRWD .SuperGlobalNavi ul.SubMenu:after {margin-left: 15px;}

	.OptionWideRWD .SuperGlobalNavi .ColumnSet {margin: 0;}

	.OptionWideRWD .SuperGlobalNavi .Column1 {width: 25%;}

	.OptionWideRWD .SuperGlobalNavi .Column3 {
		width: 75%;
		margin: 0;
	}

	.OptionWideRWD .SuperGlobalNavi .Column3 ul li {width: 33.3333333%;}

	.OptionWideRWD .SuperGlobalNavi .BtnClose {right: 15px;}

/*
	.OptionWideRWD .SuperGlobalNavi #SuperGlobalNaviCompanyFooter {
		width:auto;
	}

	.OptionWideRWD .SuperGlobalNavi #SuperGlobalNaviProductsFooter {
		width:auto;
	}
*/

	/* ------ Site Identity ------ */

	.OptionWideRWD #SiteIdentityS,
	.OptionWideRWD #SiteIdentityL,
	.OptionWideRWD #SiteIdentity {min-width: 320px;}

	.OptionWideRWD #SiteIdentityS .Title,
	.OptionWideRWD #SiteIdentityL .Title,
	.OptionWideRWD #SiteIdentity .Title {
		width: auto;
		max-width: 1275px;
		padding: 5px 15px 0;
	}


	/* ------ Global Navi ------ */

	.OptionWideRWD #GlobalNavi {min-width: 320px;}

	.OptionWideRWD #GlobalNavi .ClearFix {padding: 0 15px;}

	.OptionWideRWD .CourtesyNavi {
		width: auto;
		max-width: 1275px;
	}

	.OptionWideRWD #GlobalNaviTop {
		width: auto;
		max-width: 1275px;
	}

	.OptionWideRWD #HorizontalLocalNavi {
		width: auto;
		max-width: 1275px;
		padding: 0 15px;
	}

	/* ------ Breadcrumb Trail ------ */

	.OptionWideRWD #TopicPath {min-width: 320px;}

	.OptionWideRWD #TopicPath ul {
		width: auto;
		max-width: 1275px;
		padding: 20px 15px 5px;
		line-height: 100%;
	}


	/* ------ Contents Area ------ */

	.OptionWideRWD #Contents {
		min-width: 290px;
		padding-right: 15px;
		padding-left: 15px;
	}


	/* ------ Footer ------ */

	.OptionWideRWD #Footer {
		min-width: 305px;
		padding-right: 15px;
	}

	.OptionWideRWD #Footer ul {
		width: auto;
		max-width: 1250px;
		padding: 0 15px;
	}

	.OptionWideRWD #Footer p {
		width: auto;
		max-width: 1300px;
	}

	/* ------ Grid ------ */
	.OptionWideRWD .GridSet {
		width: auto;
		max-width: 1300px;
		margin: 0 0 0 -25px;
	}

	.OptionWideRWD .Grid4,
	.OptionWideRWD .Grid3,
	.OptionWideRWD .Grid1 {
		padding: 0 0 0 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.OptionWideRWD .Grid3 {
		width: 75%;
	}

	.OptionWideRWD .Grid1 {
		width: 25%;
	}



	/* ------ Column ------ */

	.OptionWideRWD .ColumnSet {
		width: auto;
		margin: 0 0 0 -25px;
	}

	.OptionWideRWD .Grid4 .Column1 {
		width: 25%;
		margin: 0;
		padding: 0 0 0 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .Grid3 .Column1andHalf,
	.OptionWideRWD .Grid3 .Column2 .Column1,
	.OptionWideRWD .Grid4 .Column3 .Column1andHalf,
	.OptionWideRWD .Grid4 .Column2 .Column1,
	.OptionWideRWD .Grid4 .Column2 {
		width: 50%;
		margin: 0;
		padding: 0 0 0 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .Grid4 .Column3 {
		width: 75%;
		margin: 0;
		padding: 0 0 0 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .Grid3 .Column1,
	.OptionWideRWD .Grid4 .Column3 .Column1 {
		width: 33.33333333%;
		margin: 0;
		padding: 0 0 0 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .Grid3 .Column2,
	.OptionWideRWD .Grid4 .Column3 .Column2 {
		width: 66.66666666%;
		margin: 0;
		padding: 0 0 0 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}


	/* ------ Banner Area ------ */

	.OptionWideRWD .FatBanner {min-width: 320px;}

	.OptionWideRWD .FatBanner ul {
		width: auto;
		max-width: 1300px;
		padding-right: 25px;
	}

	.OptionWideRWD .FatBanner li {
		width: 25%;
		margin: 0 0 15px;
	}

	.OptionWideRWD .FatBanner a {margin-left: 25px;}


	/* ------ Fat Menu ------ */

	.OptionWide .FatMenu, .OptionWide .FatMenuWide {
		min-width: 320px;
		padding: 0;
	}

	.OptionWideRWD .FatMenu, .OptionWideRWD .FatMenuWide {
		min-width: 320px;
		padding: 0 15px;
	}

	.OptionWideRWD .FatMenuSet {
		max-width: 1275px;
		width: auto;
	}

	.OptionWideRWD .FMGrid1 {width: 25%;}
	.OptionWideRWD .FMGrid2 {width: 50%;}
	.OptionWideRWD .FMGrid3 {width: 75%;}
	.OptionWideRWD .FMGrid4 {width: 100%;}

	.OptionWideRWD .FMGrid1 .FMColumn1,
	.OptionWideRWD .FMGrid1 .FMTopColumnMenu1,
	.OptionWideRWD .FMGrid1 .FMBottomColumnMenu {width: 100%;}

	.OptionWideRWD .FMGrid2 .FMColumn1,
	.OptionWideRWD .FMGrid2 .FMTopColumnMenu1,
	.OptionWideRWD .FMGrid2 .FMBottomColumnMenu {width: 50%;}
	.OptionWideRWD .FMGrid2 .FMColumn2,
	.OptionWideRWD .FMGrid2 .FMTopColumnMenu2 {width: 100%;}

	.OptionWideRWD .FMGrid3 .FMColumn1,
	.OptionWideRWD .FMGrid3 .FMTopColumnMenu1,
	.OptionWideRWD .FMGrid3 .FMBottomColumnMenu {width: 33.33333333%;}
	.OptionWideRWD .FMGrid3 .FMColumn2,
	.OptionWideRWD .FMGrid3 .FMTopColumnMenu2 {width: 66.66666666%;}
	.OptionWideRWD .FMGrid3 .FMColumn3,
	.OptionWideRWD .FMGrid3 .FMTopColumnMenu3 {width: 100%;}

	.OptionWideRWD .FMGrid4 .FMColumn1,
	.OptionWideRWD .FMGrid4 .FMTopColumnMenu1,
	.OptionWideRWD .FMGrid4 .FMBottomColumnMenu {width: 25%;}
	.OptionWideRWD .FMGrid4 .FMColumn2,
	.OptionWideRWD .FMGrid4 .FMTopColumnMenu2 {width: 50%;}
	.OptionWideRWD .FMGrid4 .FMColumn3,
	.OptionWideRWD .FMGrid4 .FMTopColumnMenu3 {width: 75%;}
	.OptionWideRWD .FMGrid4 .FMColumn4,
	.OptionWideRWD .FMGrid4 .FMTopColumnMenu4 {width: 100%;}

	.OptionWideRWD .FMTitleLinkStyle1,
	.OptionWideRWD .FMTitleLinkStyle2,
	.OptionWideRWD .FMTitleLinkStyle3,
	.OptionWideRWD .FMTitleLinkStyle4 {margin-left: 0;}


	/* ------ Social Account Button ------ */
	.OptionWideRWD #SocialAccountBottom ul {
		width: auto;
		min-width: 290px;
		padding: 0 15px;
	}


	/* ------ Floating Grid ------ */

	.OptionWideRWD #FloatingGridSet.Fixed,
	.OptionWideRWD #FloatingGridSet.Bottom {
		padding-right: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD #FloatingGridSet.Fixed #FloatingContainer,
	.OptionWideRWD #FloatingGridSet.Bottom #FloatingContainer {
		width: auto;
		margin: auto;
	}




	/* ------ Rotation Banner ------ */

	.OptionWideRWD #RotationBanner {
		position: relative;
		width: 100%;
		min-width: 320px;
		padding: 25px 0 25px 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD #RotationBanner .FatBanner {
		width: 100%;
		min-width: 305px;
	}
	.OptionWideRWD #RotationBanner .FatBanner:after {
		content: "";
		position: absolute;
		display: block;
		width: 25px;
		height: 100%;
		top: 0;
		right: 0;
		background-color: #f2f2f2;
	}

	.OptionWideRWD #RotationBanner ul {
		width: 1000%!important;
		max-width: 100000px!important;	/* for iOS 4.x & Android 2.x */
	}

	.OptionWideRWD #RotationBanner li,
	.OptionWideRWD #RotationBanner li.FirstItem {
		width: 2.5%;
		margin-right: 0;
		padding-right: 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD #RotationBanner li a {margin-left: 0;}

	.OptionWideRWD #RotationBanner #SlideButton {padding: 0 15px 0 0;}

	.OptionWideRWD #CountryRegionFooter .Inner h2 a {
		margin-left: 15px;
	}


	.OptionWideRWD #MegaMenu {
		width: auto;
		margin: 0;
	}

	.OptionWideRWD .MMSet {
		min-width: 994px;
	}

	.OptionWideRWD .MMColumnArea {
		width: auto;
		padding: 0 15px 15px 0;
	}

	.OptionWideRWD .MMGrid1 {
		width: 25%;
		margin: 0;
		/* 2020.11.10 */
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.OptionWideRWD .MMGrid2 {
		width: 50%;
		margin: 0;
		/* 2020.11.10 */
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.OptionWideRWD .MMGrid3 {
		width: 75%;
		margin: 0;
		/* 2020.11.10 */
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.OptionWideRWD .MMGrid4 {
		width: 100%;
		margin: 0;
	}


	.OptionWideRWD .MMGrid1 > div,
	.OptionWideRWD .MMGrid2 > div,
	.OptionWideRWD .MMGrid3 > div,
	.OptionWideRWD .MMGrid4 > div {
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .MMGrid1 .MMColumn1,
	.OptionWideRWD .MMGrid1 .MMTopColumnMenu1,
	.OptionWideRWD .MMGrid1 .MMBottomColumnMenu {width: 100%;}

	.OptionWideRWD .MMGrid2 .MMColumn1,
	.OptionWideRWD .MMGrid2 .MMTopColumnMenu1,
	.OptionWideRWD .MMGrid2 .MMBottomColumnMenu {width: 50%;}
	.OptionWideRWD .MMGrid2 .MMColumn2,
	.OptionWideRWD .MMGrid2 .MMTopColumnMenu2 {width: 100%;}

	.OptionWideRWD .MMGrid3 .MMColumn1,
	.OptionWideRWD .MMGrid3 .MMTopColumnMenu1,
	.OptionWideRWD .MMGrid3 .MMBottomColumnMenu {width: 33.3333333%;}
	.OptionWideRWD .MMGrid3 .MMColumn2,
	.OptionWideRWD .MMGrid3 .MMTopColumnMenu2 {width: 66.6666666%;}
	.OptionWideRWD .MMGrid3 .MMColumn3,
	.OptionWideRWD .MMGrid3 .MMTopColumnMenu3 {width: 100%;}

	.OptionWideRWD .MMGrid4 .MMColumn1,
	.OptionWideRWD .MMGrid4 .MMTopColumnMenu1,
	.OptionWideRWD .MMGrid4 .MMBottomColumnMenu {width: 25%;}
	.OptionWideRWD .MMGrid4 .MMColumn2,
	.OptionWideRWD .MMGrid4 .MMTopColumnMenu2 {width: 50%;}
	.OptionWideRWD .MMGrid4 .MMColumn3,
	.OptionWideRWD .MMGrid4 .MMTopColumnMenu3 {width: 75%;}
	.OptionWideRWD .MMGrid4 .MMColumn4,
	.OptionWideRWD .MMGrid4 .MMTopColumnMenu4 {width: 100%;}

	.OptionWideRWD h2.MMSubHeaderStyle,
	.OptionWideRWD h3.MMSubHeaderStyle {margin-left: 0;}

	.OptionWideRWD ul.MMLinkListStyle li {
		margin: 0;
		padding: 5px 15px 0 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .MMColumn1 ul.MMLinkListStyle li,
	.OptionWideRWD .MMTopColumnMenu1 ul.MMLinkListStyle li,
	.OptionWideRWD .MMBottomColumnMenu ul.MMLinkListStyle li {width: 100%;}
	.OptionWideRWD .MMColumn2 ul.MMLinkListStyle li,
	.OptionWideRWD .MMTopColumnMenu2 ul.MMLinkListStyle li {width: 50%;}
	.OptionWideRWD .MMColumn3 ul.MMLinkListStyle li,
	.OptionWideRWD .MMTopColumnMenu3 ul.MMLinkListStyle li {width: 33.3333333%;}
	.OptionWideRWD .MMColumn4 ul.MMLinkListStyle li,
	.OptionWideRWD .MMTopColumnMenu4 ul.MMLinkListStyle li {width: 25%;}

	.OptionWideRWD .MMBannerLinkStyle img {
		width: 100%;
		height: auto;
	}

	.OptionWideRWD h2.MMBannerLinkStyle,
	.OptionWideRWD h3.MMBannerLinkStyle {margin-left: 0;}

	.OptionWideRWD .YouTubeBox .Movie {
		position: relative;
		padding-bottom: 37.125%; /* 56.25% x 66% */
		height: 0;
		overflow: hidden;
	}

	.OptionWideRWD .YouTubeBox .Movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


/* for - 994px
=========================================================================================== */

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

	.OptionWideRWD .ThumbW300SetStyle .Img {padding-right: 20px;}


	.OptionWideRWD .ImgW300SetStyle .Img {
		float: left;
		padding: 0 20px 15px 0;
	}

	.ImgW300SetStyle .ImgSet {
		float: none;
		width: auto;
		margin: 0;
		overflow: hidden;
	}

	.ImgW300SetStyle .ImgSet dl {margin: 0;}

	.BoxPatternA .ImgW300SetStyle,
	.BoxPatternB .ImgW300SetStyle,
	.BoxPatternC .ImgW300SetStyle {margin-left: 15px;}

	.OptionWideRWD .BoxPatternA .ThumbW300SetStyle .Img,
	.OptionWideRWD .BoxPatternB .ThumbW300SetStyle .Img,
	.OptionWideRWD .BoxPatternC .ThumbW300SetStyle .Img,
	.OptionWideRWD .BoxPatternA .ImgW300SetStyle .Img,
	.OptionWideRWD .BoxPatternB .ImgW300SetStyle .Img,
	.OptionWideRWD .BoxPatternC .ImgW300SetStyle .Img {padding-right: 5px;}

	.OptionWideRWD .BoxPatternA .ImgW300SetStyle .ImgSet,
	.OptionWideRWD .BoxPatternB .ImgW300SetStyle .ImgSet,
	.OptionWideRWD .BoxPatternC .ImgW300SetStyle .ImgSet {margin: 0;}

}


/* for - 767px
=========================================================================================== */

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

	.OptionWideRWD .ThumbW300SetStyle h2,
	.OptionWideRWD .ThumbW300SetStyle .LV1LinkSet,
	.OptionWideRWD .ImgW300SetStyle h2,
	.OptionWideRWD .ImgW300SetStyle .LV1LinkSet {margin-left: 0;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle {
		position: relative;
		margin: 0;
		padding: 15px 30px 0 15px;
		border-top: solid 1px #ddd;
		overflow: hidden;
	}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle:first-child,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle:first-child {border-top: 0 none;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle.hover,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle.hover {background-color: #f2f2f2;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle .Img,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle .Img {padding: 0 15px 15px 0;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle .ImgSet,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle .ImgSet {
		float: none;
		width: auto;
		margin-left: 0;
		overflow: hidden;
	}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle .ImgSet dl,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle .ImgSet dl {position: static;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle dt,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle dt {padding: 0 0 5px !important;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle dt a,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle dt a {
		margin: 0 0 -5px !important;
		padding: 0 0 5px !important;
	}


	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle.hover dt a:after,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle.hover dt a:after {right: 5px;}

	.OptionWideRWD .ResponsiveLinkListStyle .ThumbW300SetStyle dd,
	.OptionWideRWD .ResponsiveLinkListStyle .ImgW300SetStyle dd {padding: 0 0 5px !important;}

}



/* for - 579px
=========================================================================================== */

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

	.OptionWideRWD .ThumbW300SetStyle .Img,
	.OptionWideRWD .ImgW300SetStyle .Img {padding-right: 15px;}

	.OptionWideRWD .ThumbW300SetStyle .Img,
	.OptionWideRWD .ImgW300SetStyle .Img {width: 140px;}

	.OptionWideRWD .BoxPatternA .ThumbW300SetStyle .Img,
	.OptionWideRWD .BoxPatternB .ThumbW300SetStyle .Img,
	.OptionWideRWD .BoxPatternC .ThumbW300SetStyle .Img,
	.OptionWideRWD .BoxPatternA .ImgW300SetStyle .Img,
	.OptionWideRWD .BoxPatternB .ImgW300SetStyle .Img,
	.OptionWideRWD .BoxPatternC .ImgW300SetStyle .Img {padding-right: 0;}

}

/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {
	.OptionWideRWD .ThumbW300SetStyle .Img,
	.OptionWideRWD .ImgW300SetStyle .Img {width: 80px;}
}


/* for print
=========================================================================================== */
@media print {
	#SiteIdentityL .Title,
	#SiteIdentityS .Title,
	#SiteIdentity .Title {
		width: 1250px!important;
		padding-left: 25px!important;
	}

	.CourtesyNavi {
		width: 1250px!important;
		padding-right: 25px!important;
	}

}