@charset "utf-8";
@import url("/tw/css/ugc_main.css");

.Header .DivW1280 { position:relative; padding-right:72px;}
.Header .TopMenu { position:absolute; right:30px; top:50%; margin-top:-20px;}
.Header .Nav  { padding-left:20px; max-width:1500px; float:right;}
.Header .Nav > ul { display:flex; flex-wrap:wrap;}
.Header .Nav > ul > li { display:inline-block; width:auto; height:auto; float:left; margin-right:20px; font-size:1em;}
.Header .Nav > ul > li:nth-child(1) { width:calc( ( 100% / 120 * 11 ) - 20px );}
.Header .Nav > ul > li:nth-child(2) { width:calc( ( 100% / 120 * 18 ) - 20px );}
.Header .Nav > ul > li:nth-child(3) { width:calc( ( 100% / 120 * 20 ) - 20px );}
.Header .Nav > ul > li:nth-child(4) { width:calc( ( 100% / 120 * 8 ) - 20px );}
.Header .Nav > ul > li:nth-child(5) { width:calc( ( 100% / 120 * 16 ) - 20px );}
.Header .Nav > ul > li:nth-child(6) { width:calc( ( 100% / 120 * 17 ) - 20px );}
.Header .Nav > ul > li:nth-child(7) { width:calc( ( 100% / 120 * 10 ) - 20px );}
.Header .Nav > ul > li:nth-child(8) { width:calc( ( 100% / 120 * 20 ) - 20px );}
.Header .Nav > ul > li > a { white-space:nowrap; text-align:left;}
.Header .Nav > ul > li > a:after,
.Header .Nav > ul > li:nth-child(5) > a:after{ right:0; margin:0;}
.Nav > ul > li:nth-child(8):hover > a + .sub-menu { width:calc( ( ( 100vw - 290px ) * 0.18404908 ) + 50px );}
.Nav > ul > li:nth-child(8) > a + .sub-menu > li a { font-size:14px; white-space:normal; line-height:1.2;}
.Nav > ul > li:nth-child(8) > a + .sub-menu > li > a { font-size:16px; white-space:normal; line-height:1.2;}
.WrapperFixed .Header .DivW1280  { padding-right:72px;}

.search-box { max-width:320px;}

.Footer .SiteMap { flex-wrap:wrap;}
.Footer .SiteMap a { white-space:normal;}
.Footer .DivW1280  > div.SiteMap:before { background:url(/tw/uPhoto/HomeImg/202306191642_549627.png) center 60px no-repeat; background-size:auto 55px;}
.Footer .DivW1280 > div.SiteMap dl { width:25%; margin-bottom:1em;}
.Footer .DivW1280 > div.SiteMap dl dd a { position:relative; padding-left:20px; padding-right:10px;}
.Footer .DivW1280 > div.SiteMap dl dd a:before { position:absolute; top:0; left:0;}

.go-back { max-width:200px;}

@media only screen and (min-width:0px) and (max-width:1820px) {
	.Header .Nav > ul > li { font-size:0.9em;}
}

@media only screen and (min-width:0px) and (max-width:1720px) {
	.Header .Nav > ul > li { font-size:0.8em;}
}

@media only screen and (min-width:0px) and (max-width:1620px) {
.Footer .DivW1280 > div.SiteMap { flex-wrap:wrap; padding:40px 0 0 calc( 100% - 1000px ); justify-content:flex-start;}
.Footer .DivW1280 > div.SiteMap:before { width:calc( 100% - 1000px );}
.Footer .DivW1280 > div.SiteMap dl { width:33.33%; margin-bottom:40px;}
.Footer .DivW1280 > div.SiteMap a { white-space:normal;}

}

@media only screen and (min-width:0px) and (max-width:1600px) {
	.Nav > ul > li:nth-child(8):hover > a + .sub-menu { width:calc( ( ( 100vw - 270px ) * 0.18404908 ) + 50px );}
}

@media only screen and (min-width:0px) and (max-width:1500px) {
	.Wrapper { padding-top:63px;}
	.Header .DivW1280 { height:60px; padding:0 10px;}
	.Header .Logo { margin-top:10px;}
	.Header .Logo a img { height:40px;}
	.Header .Nav { display:none;}
	.Header .TopMenu { position:fixed; top:0; right:55px; margin-top:9px;}
	.WrapperFixed .Header { height:63px;}
	.WrapperFixed .Header .DivW1280 { padding:0 10px; height:60px;}
}

@media only screen and (min-width:0px) and (max-width:1300px) {	
	.Footer .DivW1280 > div.SiteMap { padding:30px 30px 0 30px;}
	.Footer .DivW1280 > div.SiteMap:before { display:none;}
	
	.Footer .Copyright .content-text > span#wrapperCopyright p { display:inline-flex; flex-wrap:wrap; justify-content:center;}
	.Footer .Copyright .content-text > span#wrapperCopyright p span { font-size:13px;}
}

@media only screen and (min-width:0px) and (max-width:1024px) {
	.Footer .DivW1280 > div.SiteMap dl { width:50%;}
}

@media only screen and (min-width:0px) and (max-width:600px) {
	.Footer .DivW1280 > div.SiteMap { padding:15px; padding-bottom:0;}
	.Footer .DivW1280 > div.SiteMap dl { width:100%; margin-bottom:15px;}
}