.f-underline{text-decoration: underline;}
.f-italic{font-style: italic;}
.t9{font-size: 9px;}.t10{font-size: 10px;}.t11{font-size: 11px;}.t12{font-size: 12px;}.t13{font-size: 13px;}.t14{font-size: 14px;}.t15{font-size: 15px;}.t16{font-size: 16px;}.t17{font-size: 17px;}.t18{font-size: 18px;}.t19{font-size: 19px;}.t20{font-size: 20px;}.t21{font-size: 21px;}.t22{font-size: 22px;}.t23{font-size: 23px;}.t24{font-size: 24px;}.t25{font-size: 25px;}.t26{font-size: 26px;}.t27{font-size: 27px;}.t28{font-size: 28px;}.t29{font-size: 29px;}.t30{font-size: 30px;}.t35{font-size: 35px;}.t40{font-size: 40px;}.t45{font-size: 45px;}.t50{font-size: 50px;}

.ml-5{margin-left: -0.5em !important;}
.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb15{margin-bottom: 15px !important;}.mb20{margin-bottom: 20px !important;}.mb25{margin-bottom: 25px !important;}.mb30{margin-bottom: 30px !important;}.mb35{margin-bottom: 35px !important;}.mb40{margin-bottom: 40px !important;}.mb45{margin-bottom: 45px !important;}.mb50{margin-bottom: 50px !important;}
.mt5{margin-top: 5px !important;}.mt10{margin-top: 10px !important;}.mt15{margin-top: 15px !important;}.mt20{margin-top: 20px !important;}.mt15{margin-top: 25px !important;}.mt30{margin-top: 30px !important;}.mt35{margin-top: 35px !important;}.mt40{margin-top: 40px !important;}.mt45{margin-top: 45px !important;}.mt50{margin-top: 50px !important;}
.ml5{margin-left: 5px !important;}.ml10{margin-left: 10px !important;}.ml15{margin-left: 15px !important;}.ml20{margin-left: 20px !important;}.ml25{margin-left: 25px !important;}.ml30{margin-left: 30px !important;}.ml35{margin-left: 35px !important;}.ml40{margin-left: 40px !important;}.ml45{margin-left: 45px !important;}.ml50{margin-left: 50px !important;}
.mr5{margin-right: 5px !important;}.mr10{margin-right: 10px !important;}.mr15{margin-right: 15px !important;}.mr20{margin-right: 20px !important;}.mr25{margin-right: 25px !important;}.mr30{margin-right: 30px !important;}.mr35{margin-right: 35px !important;}.mr40{margin-right: 40px !important;}.mr45{margin-right: 45px !important;}.mr50{margin-right: 50px !important;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;line-height: 100%;}html{height:100%;}body{height:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}address{font-style:normal;}

.clear:before, .clear:after{content: " ";display: table;}
.clear:after{clear: both;}
.clear{*zoom: 1;}

body{position: relative;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;font-kerning: normal;background-color: #fff;}

#sp-header{display: none;}
#dots{position: fixed;right: 12px;top: 50%;z-index: 30;overflow: hidden;width: 50px;height: 30px;margin-top: -40px;}
#dots li{display: block;float: left;width: 50px;height: 15px;}
#dots li a{display: block;position: relative;width: 50px;height: 10px;}
#dots li a:after{content: '';display: block;width: 5px;height: 5px;border-radius: 5px;border: #336666 1px solid;background-color: #336666;position: absolute;right: 0;top: 0;}
.img #dots li.img a:after{background-color: #fff;}
.text #dots li.text a:after{background-color: #fff;}
#dots li a:hover:after{opacity: 0.6;}
#dots li a span{color: #336666;display: block;font-size: 11px;font-weight: bold;display: none;}


article{padding: 0 30px 0 30px;}
#message-img{overflow: hidden;}

#copy-logo{position: fixed;left: 0;top: 0;z-index: 15;width: 100%;}
#copy-logo .message-copy{position: absolute;left: 7%;bottom: 30px;}
#copy-logo .message-logo{width: 160px;}

#langEN #copy-logo .message-copy,
#langES #copy-logo .message-copy,
#langPL #copy-logo .message-copy {bottom: 50px;}

/**/
#langEN #copy-logo .message-copy {width: 256px;}
#langDE #copy-logo .message-copy {width: 265px;}
#langFR #copy-logo .message-copy {width: 396px;}
#langIT #copy-logo .message-copy {width: 387px;}
#langTW #copy-logo .message-copy,
#langHK #copy-logo .message-copy {width: 238px;}
#langES #copy-logo .message-copy {width: 377px;}
#langPT #copy-logo .message-copy {width: 381px;}
#langJP #copy-logo .message-copy,
#langKR #copy-logo .message-copy,
#langCN #copy-logo .message-copy {width: 238px;}
#langJP #copy-logo .message-logo{width: 28px;}

#langEN #copy-logo .message-copy.langTH {width: 435px;}
/**/
#copy-logo .message-copy img,
#copy-logo .message-logo img {width: 100%;height: auto;}
/**/

#copy-logo .message-logo{position: absolute;right: 7%;bottom: 40px;}
#copy-logo .message-copy a,
#copy-logo .message-logo a{display: block;
-webkit-transition: opacity 0.4s ease-in-out 0s;
-moz-transition: opacity 0.4s ease-in-out 0s;
-o-transition: opacity 0.4s ease-in-out 0s;
-ms-transition: opacity 0.4s ease-in-out 0s;transition: opacity 0.4s ease-in-out 0s;}
#copy-logo .message-copy a:hover,
#copy-logo .message-logo a:hover{opacity: 0.6;}

#copy-logo .message-copy img,
#copy-logo .message-logo img{position: absolute;opacity: 0;left:  0;top: 0;display: block;
-webkit-transition: opacity 0.4s ease-in-out 0s;
-moz-transition: opacity 0.4s ease-in-out 0s;
-o-transition: opacity 0.4s ease-in-out 0s;
-ms-transition: opacity 0.4s ease-in-out 0s;transition: opacity 0.4s ease-in-out 0s;}
#copy-logo .message-copy img:first-child{position: relative;}
#copy-logo .message-logo img:first-child{position: relative;}
.text #copy-logo .message-copy img.text,
.text #copy-logo .message-logo img.text{opacity: 0.3;}

.img #copy-logo .message-copy img.img,
.end #copy-logo .message-copy img.text,
.img #copy-logo .message-logo img.img,
.end #copy-logo .message-logo img.text{opacity: 1;}

.img-slide{display: block;position: relative;overflow: hidden;}
.img-slide li{position: absolute;left: 0;top: 0;opacity: 0;
-ms-filter: "alpha(opacity=0)";display: block;z-index: 0;}
.img-slide li.current{z-index: 1;}
.img-slide li img{display: block;opacity: 1;
-ms-filter: "alpha(opacity=100)";z-index: 1;
-webkit-transform: scale(1);
-ms-transform:scale(1);transform:scale(1);
}
.img-slide img:first-child{z-index: 0;}
.i0 .img-slide img.i0,
.i1 .img-slide img.i1,
.i2 .img-slide img.i2,
.i3 .img-slide img.i3{opacity: 1;}


#message-text{margin: 0 10% 0 10%;position: relative;z-index: 18;padding-bottom: 0px;}
#message-text div{opacity: 0;
-webkit-transition: opacity 1.2s ease-in-out 0s;
-moz-transition: opacity 1.2s ease-in-out 0s;
-o-transition: opacity 1.2s ease-in-out 0s;
-ms-transition: opacity 1.2s ease-in-out 0s;transition: opacity 1.2s ease-in-out 0s;}

#message-text p{font: 16px/1.4 "Microsoft YaHei","Meiryo","MS PGothic";padding: 0 0 0 0;font-weight: bold;line-height: 200%;text-align: justify;letter-spacing: 0.02em;}
#langAr #message-text p {text-align: right;}
.text #message-text div{opacity: 1;}

#message-text ul{padding-top: 25px;text-align: right;}
#message-text li {display: inline-block;margin-left: 28px;padding-top: 20px;}
#message-text li a {display: inline-block;padding: 16px 40px;background: #000;color: #FFF;font-weight: bold;opacity: 1;transition: opacity 0.3s;}
#message-text li a:hover {opacity: 0.3;}

.inner {position: relative;}

#linkb {display: block;}
#sparea {display: none;}

#cbox {
opacity: 0;
position: absolute;
top: 0;
left: calc(5% + 28px);
right : calc(5% + 28px);
z-index: 10;
}

.slider .left {float: left;width: calc(50% - 14px);border: 1px solid #F7F7F7;}
.slider .right {float: right;width: calc(50% - 14px);border: 1px solid #F7F7F7;}

.slider .right a {opacity: 1;transition: opacity 0.3s;display: inline-block;}
.slider .right a:hover {opacity: 0.5;}
.slider .right a:focus {outline:none;}

.slider img {width: 100%;}
#cinbox {text-align: right;}
#cinbox .slider {text-align: left;}
#cbox .close {position: relative;right: -28px;display: inline-block;padding: 5px;overflow: hidden;cursor: pointer;}
#cbox .close:hover {opacity: .5;}

#cbox .slick-prev {left: -28px;}
#cbox .slick-next {right: -28px;}

.slider p.ttl {padding-top: 1.5em;font-size: 21px;font-weight: bold;}
.slider p.txt {padding-top: 1.8em;font-size: 16px;line-height: 2;}
.slider p.dat {padding-top: 2.3em;font-size: 14px;line-height: 2;}

.slider p.dat a {color: #000;font-weight: bold;}

#footer{position: fixed;left: 0;bottom: 0;width: 100%;height: 35px;overflow: hidden;z-index: 100;}
#footer .footer-in{padding: 0 30px;overflow: hidden;}
#footer .mujitop{float: left;width: 50%;position: relative;z-index: 1;text-align: left;color: #1a1a1a;font-size: 10px;}
#footer .mujitop a{display: inline-block;height: 35px;line-height: 35px;color: #1a1a1a;font-size: 11px;
-webkit-transition: color 0.3s ease-in-out 0s;
-moz-transition: color 0.3s ease-in-out 0s;
-o-transition: color 0.3s ease-in-out 0s;
-ms-transition: color 0.3s ease-in-out 0s;transition: color 0.3s ease-in-out 0s;}
#footer .mujitop a:hover{color: #8c8c8c;}
#footer .copyright{position: static;float: right;width: 50%;z-index: 0;line-height: 35px;text-align: right;font-size: 10px;letter-spacing: 0.02em;}
#footer.with-lang .copyright{position: absolute;float: none;width: 100%;text-align: center;left: 0;top: 0;}
#footer .lang{float: right;width: 50%;position: relative;z-index: 1;text-align: right;}
#footer .lang li{display: inline-block;}
#footer .lang li a{display: inline-block;padding: 0 0 0 10px;height: 35px;line-height: 35px;color: #1a1a1a;font-weight: bold;font-size: 11px;
-webkit-transition: color 0.3s ease-in-out 0s;
-moz-transition: color 0.3s ease-in-out 0s;
-o-transition: color 0.3s ease-in-out 0s;
-ms-transition: color 0.3s ease-in-out 0s;transition: color 0.3s ease-in-out 0s;}
#footer .lang a.current,
#footer .lang a:hover{color: #8c8c8c;}

body{font-family: 微软雅黑,Helvetica, ArialMT, sans-serif;}

body#langKR,
body#langHK,
body#langTW,
body#langCN,
body#langJP {font-family: "YuGothic","Yu Gothic","游ゴシック体", sans-serif;}

#message-text li a {font-family: 微软雅黑,Helvetica,"YuGothic","Yu Gothic","游ゴシック体", sans-serif;}

#footer .mujitop { font-family: 微软雅黑,HelveticaNeue, Helvetica, ArialMT, sans-serif;font-weight: bold;}
#footer .copyright { font-family: 微软雅黑,Helvetica, ArialMT, sans-serif;}
#footer .lang li{font-family: 微软雅黑,HelveticaNeue, ArialMT, sans-serif;}

/* tablet - sp common */
.padmode article,
.spmode article{padding: 0 0 0 0;}
.padmode #dots,
.spmode #dots{display: none;}
.padmode #copy-logo,
.spmode #copy-logo{position: absolute;}
.padmode #footer,
.spmode #footer{position: relative;padding: 0 0 10px 0;}
.padmode #copy-logo .message-copy img.img,
.padmode #copy-logo .message-logo img.img,
.spmode #copy-logo .message-copy img.img,
.spmode #copy-logo .message-logo img.img{opacity: 1;}
.padmode #copy-logo .message-copy img.text,
.padmode #copy-logo .message-logo img.text,
.spmode #copy-logo .message-copy img.text,
.spmode #copy-logo .message-logo img.text{display: none;}

/* Tablet */
.padmode #copy-logo .message-copy{bottom: 40px;left: 40px;}
#langJP.padmode #copy-logo .message-copy{width: 199px;}
#langEN.padmode #copy-logo .message-copy{width: 235px;}
#langFR.padmode #copy-logo .message-copy{width: 309px;}
#langDE.padmode #copy-logo .message-copy{width: 246px;}
#langES.padmode #copy-logo .message-copy{width: 284px;}
#langPT.padmode #copy-logo .message-copy{width: 267px;}
#langPL.padmode #copy-logo .message-copy{width: 194px;}
#langIT.padmode #copy-logo .message-copy{width: 275px;}
#langID.padmode #copy-logo .message-copy{width: 183px;}
#langKR.padmode #copy-logo .message-copy{width: 164px;}
#langHK.padmode #copy-logo .message-copy,
#langTW.padmode #copy-logo .message-copy,
#langCN.padmode #copy-logo .message-copy{width: 204px;}

.padmode #copy-logo .message-logo{bottom: 40px;right: 40px;width: 67px;}
#langJP.padmode #copy-logo .message-logo{width: 21px;}
.padmode #copy-logo .message-copy img,
.padmode #copy-logo .message-logo img{width: 100%;height: auto;}

.padmode #dots{right: 17px;}
.padmode #dots li{height: 15px;}
.padmode #dots li a{height: 5px;}
.padmode #dots li a:after{width: 5px;height: 5px;}
.padmode #message-text{height: auto !important;margin: 0px 40px 0 40px;padding: 40px 0 40px 0;}
.padmode #message-text p{font-size: 14px;opacity: 1 !important;}

/* sp */
.spmode #copy-logo .message-copy{bottom: 15px;left: 30px;}
#langJP.spmode #copy-logo .message-copy{width: 100px;}
#langEN.spmode #copy-logo .message-copy{width: 110px;bottom: 30px;}
#langFR.spmode #copy-logo .message-copy{width: 200px;}
#langDE.spmode #copy-logo .message-copy{width: 166px;}
#langES.spmode #copy-logo .message-copy{width: 154px; bottom:30px;}
#langPT.spmode #copy-logo .message-copy{width: 181px;}
#langPL.spmode #copy-logo .message-copy{width: 131px; bottom:30px;}
#langIT.spmode #copy-logo .message-copy{width: 186px;}
#langID.spmode #copy-logo .message-copy{width: 124px;}
#langKR.spmode #copy-logo .message-copy{width: 100px;}
#langHK.spmode #copy-logo .message-copy,
#langTW.spmode #copy-logo .message-copy,
#langCN.spmode #copy-logo .message-copy{width: 100px;}
#langAr.spmode #copy-logo .message-copy{width: 160px;}

.spmode #copy-logo .message-logo{bottom: 30px;right: 30px;width: 45px;}
#langJP.spmode #copy-logo .message-logo{width: 14px;}
.spmode #copy-logo .message-copy img,
.spmode #copy-logo .message-logo img{width: 100%;height: auto;}

.spmode.text #copy-logo .message-copy img,
.spmode.text #copy-logo .message-logo img {margin-top: -10px;}
.spmode #message-text{height: auto !important;margin: 0px 30px 0 30px;padding: 30px 0 30px 0;}
.spmode #message-text p{font-size: 13px;opacity: 1 !important;}

.spmode #dots{right: 17px;}
.spmode #dots li{height: 15px;}
.spmode #dots li a{height: 5px;}
.spmode #dots li a:after{width: 5px;height: 5px;}
.spmode #footer {height: auto;}
.spmode #footer .footer-in{padding: 0;}
.spmode #footer .mujitop{padding: 0 0 10px 20px;width: 120px;font-size: 9px;}
.spmode #footer .copyright{padding: 0 20px 10px 0;position: relative;width: 200px;text-align: right;font-size: 9px;}

/* with lang */
.spmode #footer.with-lang .copyright{float: right;}
.spmode #footer .lang{padding: 8px 0 0 0;width: 100%;clear: both;text-align: center;border-top: #e8e8e8 1px solid;}


.padmode #cbox,
.spmode #cbox {opacity: 0;}
.padmode #message-text div,
.spmode #message-text div{opacity: 1;}
.padmode #message-text ul,
.spmode #message-text ul{padding-top: 35px;text-align: center;}
.padmode #message-text li,
.spmode #message-text li{margin-left: 0;}
.padmode #linkb,
.spmode #linkb{display: none;}
.padmode #sparea,
.spmode #sparea{display: block;margin: 0px 30px 0 30px;padding: 50px 0 100px 0;}
#sparea .ttl {padding-top: 10px;line-height: 2em;font-weight: bold;}
#sparea .txt {padding-top: 30px;font-size: 13px;line-height: 2em;}
#sparea .dat {padding: 30px 0 30px 0;font-size: 13px;line-height: 2em;}
#sparea .dat a {display: block;margin-top: 5px;padding: 7px 0;border: 1px solid #000;color: #000;font-weight: bold;text-align: center;}
#sparea .img {padding-top: 14px;}
#sparea .img img {width: 100%;vertical-align: bottom;}