@charset "utf-8";

/* -------------------------------------------
Auther: designstudio tom'sOne
        Tommy Tsutsui
        http://toms1.net/
Last modefied: 10/Nov/2017
------------------------------------------- */

/*  Reset */
a,address,header,html,iframe,nav{font-size:100%;padding:0;margin:0}address,header,html,iframe,nav{border:0;outline:0}abbr,article,aside,audio,b,canvas,cite,code,del,details,dfn,em,fieldset,figcaption,figure,form,hgroup,i,img,ins,kbd,label,legend,mark,menu,object,pblockquote,pre,q,samp,span,strong,sub,summary,sup,time,var,video{font-size:100%;background:0 0;margin:0;padding:0;border:0;outline:0}footer,h1,h2,h3,h4,h5,h6,p,section,small{font-size:100%;border:0;outline:0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a img,figure{vertical-align:top}abbr[title],dfn[title]{cursor:help}input,select{vertical-align:middle}noscript{margin:0}

/* -------------------------------------------
 Font Setting
------------------------------------------- */
@font-face {
 font-family: 'JSL';
 src: url('JosefinSans-Light.woff') format('woff'), url('JosefinSans-Light.ttf') format('truetype'); }

@font-face {
 font-family: 'JSR';
 src: url('JosefinSans-Regular.woff') format('woff'), url('JosefinSans-Regular.ttf') format('truetype'); }

@font-face {
 font-family: 'JSSB';
 src: url('JosefinSans-SemiBold.woff') format('woff'), url('JosefinSans-SemiBold.ttf') format('truetype'); }

@font-face {
 font-family: 'JSB';
 src: url('JosefinSans-Bold.woff') format('woff'), url('JosefinSans-Bold.ttf') format('truetype'); }

.jsr, #copyRight small, #SXTSec02 h2 span, #NOComp h2, #oldAdapter04 span,
#NSSXPer, #NSFPer, #SXStructure h3, #SXSpecSize dt, #SXScrewSize li, .makeList em, #SBUGPrice .SXPrice em,
#TDDesign figcaption, #legal h2 span, .jet3TopSection h2 span, .jet3PageName, #J3SSList h4 { font-family: 'JSR'; }

.jssb, .PTopNav, .changerPN h4, .otherPN #CPN-PTruck h4, .changerPN div:after, #CPName100, #CPN-F100 div:after,
.otherPN #CPN-PTruck div:after, .otherPN #CPN-PAC div:after, .otherPN #CPN-PAC h4, .TCEN16, .TCEN18, #TCCEn, .TCPDL, .eocPamph,
#SXTSec01 h1, #NSI-SX span, #NSI-F100 span, .F3Res02:after, #compNav, #company h3, .SIEnName,
#tDress01 h2, #TDTime em, #TDCertificate figcaption, #TDName em, #tDress04 h3, #tDress04 p,
.MLIN, .SIList .proNum, #legalNavi em, #entryPaging { font-family: 'JSSB'; }

.jsl, #SXTSec03 h2 span, #SXTSec04 h2 span, #SXTSec05 h2 span, #SXTSec06 h2 span,
#FSSeries h2 span, #FSAnime h3 span, #FGSeries h2 span, #F300Series h2 span, #productF300 h3 em,
#tDress02 h2 span, #tDress03 h2 span, #Mlist02 h2 span, #Mlist04 h2 span { font-family: 'JSL'; }

.jsb, .TMCopy, .TCIName, #TCSusName, #TCIShop p, #TCInfo h2, a .TCItem60 figure:after, a #TCISUS:before,
#TCQaEn, #TCPPCEn, #TCPTREn, .SXPageTop h1, .jetSmallCopy, .PTSmallCopy, #NOCompIM span,
#SXSpec h1, #SXBuy h1, #FGBuy h1, #F300Buy h1, .qaItem em, #contact h2, #contactTelNum,
#news02 time, #newsArticle time, #news02 div:after, .win #sitemapList h2#SListComp, .TCISDEn { font-family: 'JSB'; }

.texMincho, .SXBS h3, #selectItem h3, #TDTime, .TDTPad:after, #legal h3, #sitemapList h2 {
 font-family: '游明朝', 'Yu Mincho', YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, "HG明朝E", serif; }

.texGothic, .SIList .proNum span, .win #sitemapList h2 {
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

#PTopNavi, #footContainer, #TCInfo h2, #TCInfo h4, #MNOC01 a, #MNOC02 a, #SXTSec02 p, #SGItem,
#SXTSec04 h2, #SXTSec06 h2, .OGText, #NOComp, #NOCSpeedGraph, #SXClipSec p, #SXSpecContents,
#SXBuySec .jetSmallCopy, .PTSmallCopy, .buyHead h1, .SXBS h3, #selectItem h3, #SBUseGuide,
#FS02, #FSAnime h3, #FS04 h2, #FSIGuide, #FSIInfo, #purchaseGuideFG300, #compProfile, #TDWhats,
.qaToggle a, #SNaviInfo, .SIList th, #legal02, #legal04, #contact01, #CFGuide, #privacyGuide,
.inp01, #mailformpro select, #mailformpro textarea, #sitemapList h2, #news02 div,
#jet3SGraph, .jet3SGuide, #jet3TSec03, #jet3TC03, #jet3TSec04, #jet3TSec05,
#jet3CompSec01 h3, #jet3CompTopCopy p, #J3CC01 figcaption, #jet3SpecContents, #jet3SocketVarious li,
#jet3BuySec #jet3SCopy, #jet3SpecSec #jet3SCopy, #jet3PNBuy {
 text-shadow: rgba(255,255,255,1) 1px 1px 0; }

#NOCompIM, .tradeDressPN a:hover h4, #compAccess { text-shadow: rgba(255,255,255,.75) 1px 1px 0; }

#SXOpeSec04 p { text-shadow: rgba(255,255,255,1) 1px 1px 1px; }

#SXTSec02 h2 { text-shadow: rgba(0,0,0,.7) 0 0 5px; }

#FGTopName, #FGTopCopy { text-shadow: rgba(0,0,0,.85) 0 0 3px; }

#PTopNavi li.purchaseLink a:hover, #MNOC02 a:hover, #news02 a div:after { text-shadow: none; }

/* -------------------------------------------
 Common
------------------------------------------- */
/* Hide Items */
#trigger-overlay, .spTNum, .PTopNav b, #BNTrigger, #topMobileEyecatch, .ipad #topEyecatch, .android #topEyecatch,
.SPIM, #sp-rotateMov, #SP-FGInstMov { display: none !important; }

.ipad #topMobileEyecatch, .android #topMobileEyecatch { display: block !important; }

/* Desktop Only */
#bottomInfo li span.BIComp { display: inline; }

/* Common Container */
body {
 position: relative;
 color: #333; background-color: #fff;
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 16px;  line-height: 1; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;
 margin: 0; padding: 0; z-index: 1; }

body, footer, .stage, .stageTopContents, .stageContents, #productsNav, #pageTop {
 min-width: 1020px; width: 100%; }

header { background: #fff; height: 100px; }

.stage { position: relative; overflow: hidden; }

.stage section { margin: 0 auto; }

.FLeft { float: left; }
.FRight { float: right; }

/* Global header */
#globalHead { position: relative; width: 1020px; margin: 0 auto; }

#homeLogo { position: absolute; top: 20px; left: 28px; margin: 0; }

.homeLink {
 background: url(../common_im/common-2025.png) no-repeat 0 0;
 width: 104px; height: 62px; position: relative; display: block; overflow: hidden; }

.homeLink:after {
 background: url(../common_im/common-2025.png) no-repeat 0 -80px;
 content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 0; height: 62px;
 cursor: pointer; overflow: hidden; opacity: 0; }

.homeLink:hover:after { width: 104px; opacity: 1; }

#GNav { position: absolute; top: 25px; right: 10px; width: 750px; margin: 0; }

#GNav ul { width: 100%; margin: 0; padding: 0; }
#GNav ul li { position: relative; }

.GN01, .GN02, .GN03, .GN04, .GN05, .GN06, .GNon01, .GNon02, .GNon03, .GNon04, .GNon05, .GNon06,
.GN01:after, .GN02:after, .GN03:after, .GN04:after, .GN05:after, .GN06:after {
 background-image: url(../common_im/common-2025.png); background-repeat: no-repeat;
 float: left; text-indent: -9999px; height: 50px; position: relative; display: block; cursor: pointer; }

.GN01, .GN02, .GNon01, .GNon02, .GN01:after, .GN02:after, .GN06, .GN06:after { margin-right: 10px; }
.GN03, .GN04, .GNon03, .GNon04, .GN03:after, .GN04:after { margin-right: 8px; }

.GN01 { background-position: -145px 0; width: 130px; }
.GN02 { background-position: -280px 0; width: 130px; }
.GN03 { background-position: -410px 0; width: 100px; }
.GN04 { background-position: -520px 0; width: 100px; }
.GN05 { background-position: -625px 0; width: 110px; }
.GN06 { background-position: -550px -500px; width: 120px; }

.GN01:after, .GN02:after, .GN03:after, .GN04:after, .GN05:after, .GN06:after {
 content: ''; position: absolute; top: 20px; left: 0; bottom: 0; right: 0;
 height: 50px; display: block; cursor: pointer; opacity: 0;
 -webkit-transition: .3s; transition: .3s; }

.GN01:hover:after, .GN02:hover:after, .GN03:hover:after, .GN04:hover:after, .GN05:hover:after, .GN06:hover:after {
 top: 0; opacity: 1; }

.GN01:after { background-position: -145px -60px; width: 130px; }
.GN02:after { background-position: -280px -60px; width: 130px; }
.GN03:after, .GNon03 { background-position: -410px -60px; width: 100px; }
.GN04:after, .GNon04 { background-position: -520px -60px; width: 100px; }
.GN05:after, .GNon05 { background-position: -625px -60px; width: 110px; }
.GN06:after, .GNon06 { background-position: -550px -570px; width: 120px; }

/* GN Animation */
#GNav li:before, .GNBL:before { content: ''; position: absolute; width: 0; height: 50px; }

#GNav li:before {
 left: 0; top: 0; border-top: 2px solid #00a0d9;
 -webkit-transition-property: left; transition-property: left; opacity: 0;
 -webkit-transition: .3s; transition: .3s;
 -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

#GNav li:focus:before, #GNav li:active:before { left: 0; }

.GNBL { display: block; height: 50px; position: relative; z-index: 99; overflow: hidden; }

.GNBL:before {
 right: 0; bottom: 0; border-bottom: 2px solid #00a0d9;
 -webkit-transition-property: right; transition-property: right; opacity: 0;
 -webkit-transition: .3s; transition: .3s;
 -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

.GNBL:focus:before, .GNBL:active:before { right: 0; }

#GNav li:hover:before, .GNBL:hover:before { width: 100%; opacity: .7; z-index: 99; }

/* On Menu */
#GNav li.GNon03:before, #GNav li.GNon04:before, #GNav li.GNon05:before {
 width: 100%; height: 100%; display: block; opacity: .7; }

.GNon03:after, .GNon04:after, .GNon05:after {
 content: ''; position: absolute; bottom: 0; left: 0;
 width: 100%; height: 100%; border-bottom: 2px solid #00a0d9; display: block; opacity: .7; }

.GNon03 .GNBL:hover:before,
.GNon04 .GNBL:hover:before, .GNon05 .GNBL:hover:before { display: none; }

.GNon03:hover:after, .GNon04:hover:after, .GNon05:hover:after {
 border-bottom: 2px solid #00a0d9; opacity: .7; }

/* Mega Menu */
#GNav li .jetNav, #GNav li .megaNav, #GNav li .robustNav {
 display: block; visibility: hidden; opacity: 0;
 -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; }

#GNav li:hover .jetNav, #GNav li:hover .megaNav, #GNav li:hover .robustNav { visibility: visible; opacity: 1; }
#GNav li:after .jetNav, #GNav li:after .megaNav, #GNav li:after .robustNav { visibility: hidden; opacity: 0; }

.jetNav, .megaNav, .robustNav {
 position: absolute; top: 60px; left: -305px;
 background: rgba(255,255,255,.95); width: 740px; padding-bottom: 20px;
 z-index: 9999; -webkit-border-radius: 9px; border-radius: 9px;
 -webkit-box-shadow: 0 0 3px rgba(0,0,0,.35); box-shadow: 0 0 3px rgba(0,0,0,.35); }
.jetNav, .robustNav { width: auto; left: -195px; padding: 0; }
.robustNav { left: -160px}

.jetNav:after, .megaNav:after, .robustNav:after {
 content: ''; position: absolute; top: -12px;background: #00a0d9; width: 130px; height: 2px; opacity: 0; display: block}
.jetNav:after { left: 195px}
.megaNav:after { left: 305px}
.robustNav:after { left: 160px; width: 120px}

.jetNav:hover:after, .megaNav:hover:after, .robustNav:hover:after { opacity: .7; }

#GNav #MNSX01 { width: 670px; margin: 0; padding: 30px 30px 24px; }
#GNav #MNOC01 { width: 630px; margin: 0 auto; padding: 30px 20px 20px; }
#GNav #MNRobust { width: 400px; margin: 0 auto; padding: 30px 20px 20px; }

#GNav .jetNav li:before, #GNav .megaNav li:before, #GNav .robustNav li:before { border: none; }

.jetNav li, .megaNav li, .robustNav li {
 float: left; font-size: 82%; text-align: center; font-weight: bold;
 text-indent: 0; white-space: normal; letter-spacing: .05em; }
.jetNav li a:link, .jetNav li a:visited, .megaNav li a:link, .megaNav li a:visited,
.robustNav li a:link, .robustNav li a:visited { color: #555; text-decoration: none; }

#MNSX01 li span { margin-top: .5em; display: block; }

.jetNav a, .megaNav a, .robustNav a { cursor: pointer; width: 100%; height: 100%; display: block; }

#MNSX01 li { width: 210px; margin: 0; display: block; }
#MNSX01 .jet3Nav { margin-left: 20px; }

#MNOC01 li, .robustNav li { width: 180px; margin: 0 15px; display: block; }
.robustNav li { margin: 0 10px}

#MNSX01 li a:hover, #MNOC01 li a:hover, #MNRobust li a:hover { color: #007ebb; }

#MNSX01 li div, #MNSX01 li a figure, #MNSX01 li a div:after {
 width: 210px; height: 145px; display: block; overflow: hidden; }

#MNOC01 li div, #MNOC01 li a figure, #MNOC01 a div:after, #MNRobust div, #MNRobust div:after, #MNRobust figure {
 width: 180px; height: 120px; display: block; overflow: hidden; }

#MNSX01 li div, #MNOC01 li div, #MNRobust div { position: relative; margin-bottom: 8px; }

#MNSX01 a div:after, #MNOC01 a div:after, #MNRobust a div:after {
 content: ''; position: absolute; top: 0; left: 0; background: rgba(0,0,0,1); opacity: 0; }
#MNSX01 a:hover div:after, #MNOC01 a:hover div:after, #MNRobust a:hover div:after { opacity: .25}

#JNIM01, #JNIM02, #JNIM03 { background: url(../common_im/jet_nav03.jpg) no-repeat 0 0}
#JNIM02 { background-position: -210px 0}
#JNIM03 { background-position: -420px 0}

#MNOC01 li a figure, #RobIM02 { background-image: url(../common_im/mega_im03.jpg); background-repeat: no-repeat; }

#MNIM01 { background-position: -12px 0; }
#MNIM02 { background-position: -204px 0; }
#MNIM04 { background-position: -600px 0; }
#RobIM02 { background-position: -400px 0; }

#RobIM01 { background: url(../common_im/sd_nav.jpg) no-repeat 0 0}

.MNRobustName { display: none;}
.MNSpindle { margin-top: 5px; display: block;}

#MNIM04 figcaption {
 position: absolute; bottom: 10px; left: 22px;
 color: #fff; text-shadow: rgba(0,0,0,.85) 0 0 4px; }

#GNav ul#MNOC02, #GNav ul#MNOC03 { width: 700px; margin: 0 auto 10px; border-top: 1px solid #ccc; }
#GNav ul#MNOC03 { margin-bottom: 0; }

#MNOC02 li, #MNOC03 li { line-height: 1.8; margin: 10px 0 0; border-right: 1px solid #ccc; display: block; }
#MNOC02 li { width: 33.2%; }
#MNOC03 li { width: 50%; }
#MNOC03 li:first-child { margin-right: -1px; }
#MNOC02 li:last-child, #MNOC03 li:last-child { border: none; }

#MNOC02 li a, #MNOC03 li a {
 background: transparent; padding: .75em 0; display: block; position: relative; z-index: 999; }

#MNOC02 li a:hover, #MNOC03 li a:hover { color: #fff; background: rgba(0,0,0,.5); }

#MNOC02 a:before, #MNOC03 a:before {
 content: ""; position: absolute; top: 0; bottom: 0; right: 40px;
 width: 5px; height: 5px; margin: auto; vertical-align: middle;
 border-top: 2px solid #ddd; border-right: 2px solid #ddd; opacity: 0;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#MNOC02 a:hover:before, #MNOC03 a:hover:before { right: 20px; opacity: 1; }

/* Page Top Return */
#pageTop a {
 background: #a5a099; min-width: 1020px; width: 100%; margin: 0 auto; padding: 30px 0;
 border-top: 1px solid #d9d2c9; }
#pageTop a:hover { background: #726864; }

#topReturn { position: relative; margin: 0; height: 14px; }

#topReturn em {
 position: absolute; top: 0; left: 50%;
 width: 14px; height: 14px; margin: 0 0 0 -9px; display: block;
 border-top: 2px solid #fff; border-right: 2px solid #fff;
 -webkit-transform: rotate(315deg); transform: rotate(315deg); }

a #topReturn:before, a #topReturn:after {
 content: ""; position: absolute; top: 18px;
 background: #d9d5d0; width: 30px; height: 1px; margin-left: 0; display: block; }

a #topReturn:before { left: 50%; }
a #topReturn:after { right: 50%; }

a:hover #topReturn em { top: -2px; border-color: #fff999; }

a:hover #topReturn:before, a:hover #topReturn:after { top: 14px; background: #fffccc; width: 15px; height: 2px; }
a:hover #topReturn:before { margin-left: -3px; transform: rotate(45deg); }
a:hover #topReturn:after { margin-right: -1px; transform: rotate(-45deg); }

#pageTop a, a #topReturn em, a #topReturn:before, a #topReturn:after {
 -moz-transition: all .4s cubic-bezier(.23, 1, .32, 1);
 -webkit-transition: all .4s cubic-bezier(.23, 1, .32, 1);
 transition: all .4s cubic-bezier(.23, 1, .32, 1); }

/* Footer */
footer { background: #f2efe9; margin: 0; border-top: 1px solid #fff; }

#footContainer {
 width: 100%; max-width: 1280px; margin: 0 auto; padding: 50px 0 42px; position: relative; }

.bottomMark {
 position: absolute; top: 50%; left: 50%;
 background: url(../common_im/common-2025.png) no-repeat -250px -400px;
 width: 92px; height: 32px; margin: -16px 0 0 -46px; }

#bottomInfo { float: right; margin: 0 30px 0 0; position: relative; }

#bottomInfo h3 {
 background: url(../common_im/common-2025.png) no-repeat -250px -320px;
 width: 148px; height: 51px; margin: 0; }

#bottomInfo ul { margin: 0; padding: .5em 0 0; }
#bottomInfo li { font-size: 82%; line-height: 1.8; letter-spacing: .05em; margin: 1em 0 0; }
#bottomInfo li span { display: block; }
#bottomInfo .telNum { font-style: normal; letter-spacing: .15em; }
#bottomInfo a { position: relative; padding-left: 12px; cursor: pointer; }
#bottomInfo .jsr { font-size: 94%; line-height: 1.4; letter-spacing: .1em; }
#bottomInfo .jsr span { font-size: 107%; }
#bottomInfo a:link, #bottomInfo a:visited { color: #0089bb; text-decoration: none; }

#bottomInfo a:before {
 content: ""; position: absolute; top: 0; bottom: 0; left: 0;
 width: 4px; height: 4px; margin: auto; vertical-align: middle;
 border-top: 1px solid #999; border-right: 1px solid #888;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#bottomInfo a:hover:before { left: 3px; border-top: 1px solid #0089bb; border-right: 1px solid #0089bb; }

#bottomNav { float: left; margin: -.5em 0 0 30px; }
.BNav01, .BNav02 { float: left; margin: 0; padding: 0; }
.BNav02 { padding-left: 60px; }

#bottomNav li { font-size: 82%; letter-spacing: .075em; padding: .66em 0; }
#bottomNav li.lh2 { padding-top: 1em; }
#bottomNav li.pad { padding-left: 1em; }

#footContainer a { position: relative; display: inline-block; cursor: pointer; }
#footContainer #bottomInfo a:after { bottom: 0; }

#bottomNav a:link, #bottomNav a:visited { color: #333; text-decoration: none; }

.mainCat, #bottomNav .mainCat a:link, #bottomNav .mainCat a:visited { color: #0089bb; font-weight: bold; }

#bottomInfo a:hover, #bottomNav .mainCat a:hover, #bottomNav a:hover { color: #e54700; }

#copyRight { background: #fff; width: 100%; padding: 20px 0 15px; border-bottom: 10px solid #999; }
#copyRight small {
 color: #666; font-size: 88%; letter-spacing: .075em; text-align: center; width: 100%; display: block; }

/* Page Top Navi */
#PTopNavi {
 background: rgba(245,245,245,.9);
 min-width: 1020px; width: 100%; margin: 0 auto; border-top: 1px solid #000; z-index: 9999;
 -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); }

#PTopNavi.fixed { position: fixed; top: 0; border-top: none; }

#SXSpec #PTopNavi, #SXBuy #PTopNavi { background: rgba(249,249,249,.9); }

#PTopNavi:after {
 content: ''; position: absolute; top: 100%; left: 0;
 background-color: rgba(205,205,205,.5); width: 100%; height: 1px; z-index: 9999; }

#PTopNavi ul { font-size: 88%; text-align: center; margin: 0 auto; padding: 0; }
#PTopNavi li { padding: .84em .25em .75em; margin-right: -.1em; display: inline-block; }

#PTopNavi li a, #PTopNavi li span {
 background: none; letter-spacing: .1em; margin-right: -.1em; padding: 8px 10px 6px; }
.win #PTopNavi li a, .win #PTopNavi li span { padding: 8px 10px 5px; }
.win #PTopNavi li.PTopNav a, .win #PTopNavi li.PTopNav span { padding: 8px 10px 4px; }

#PTopNavi li span { color: #777; display: table-cell; position: relative; }
#PTopNavi li a strong { color: #666; }

#PTopNavi li a { background: none; display: block; position: relative; }
#PTopNavi li a:before { background: rgba(255,255,255,1); }

#PTopNavi li.purchaseLink { padding-left: 1em; }
#PTopNavi li.purchaseLink a { color: #008ebb; background: rgba(255,255,255,1); }
#PTopNavi li.purchaseLink a:hover { color: #fff; }
#PTopNavi li.purchaseLink a:before { background: rgba(250,105,0,.85); }

#PTopNavi li span:after {
 content: ''; position: absolute; bottom: -3px; left: 0;
 width: 100%; margin: 0; border-bottom: 2px solid #ccc; display: block; }

#PTopNavi ul .PTopNav { font-size: 100%; vertical-align: bottom; letter-spacing: .1em; }
.win #PTopNavi ul .PTopNav { vertical-align: top; }

#PTopNavi ul em { letter-spacing: .5em; font-style: normal; margin-right: -.5em; display: block; }

#PTopNavi a .SXPTN, #PTopNavi span .SXPTN {
 background: url(../common_im/common-2025.png) no-repeat -400px -250px;
 width: 29px; height: 15px; vertical-align: bottom; margin-left: 1px; display: inline-block; }
.win #PTopNavi a .SXPTN, .win #PTopNavi span .SXPTN { vertical-align: middle; }

#PTopNavi a:hover .SXPTN { background-position: -400px -280px; }

/* Stage Title Area */
.SXPageTop { padding-top: 100px; }

.jetSmallCopy, .PTSmallCopy {
 position: relative; font-size: 88%; letter-spacing: .05em; margin: 0 auto; }

.jetSmallCopy { width: 170px; color: #ccc; }
.PTSmallCopy { text-align: center; }

.jetSmallCopy span {
 position: absolute; top: 0; right: 0;
 background: url(../common_im/common-2025.png) no-repeat -400px -200px;
 width: 32px; height: 17px; margin: 0; display: block; }
.mac .jetSmallCopy span { top: -2px; }

.SXPageTop h1, #SXSpec h1, #SXBuy h1, #FGBuy h1, #F300Buy h1 {
 color: #ccc; font-size: 94%; text-align: center; letter-spacing: .1em; margin: .5em auto 0; }

#SXSpec .jetSmallCopy, .PTSmallCopy, #SXSpec h1, #SXBuy .jetSmallCopy,
#SXBuy h1, #FGBuy h1, #F300Buy h1 { color: #7e7e7e; }
#SXSpec .jetSmallCopy span, #SXBuy .jetSmallCopy span { background-position: -450px -200px; }

.SXPageTop h2 { margin: 75px auto 0; }

#SXPMainCopy {
 color: #eee; font-size: 113%; line-height: 1.8; text-align: center; letter-spacing: .05em; margin: 2em auto 0; }

/* Bottom Products Navi */
#productsNav { background: #999; min-width: 1020px; }

.changerPN, .otherPN, .PCardPN { width: 100%; max-width: 1600px; margin: 0 auto; }

.changerPN a, .otherPN a, .PCardPN a, #CPN-F100 { position: relative; float: left; overflow: hidden; cursor: pointer; z-index: 20; }
.changerPN a { width: 25%; height: 220px; margin-bottom: 1px; text-decoration: none; }
.changerPN.sub a { height: 180px; }
#OPN-Lifter, .PCardPN a { width: 50%; height: 180px; }
#CPN-F100, .otherPN #CPN-PTruck, .otherPN #CPN-PAC { width: 25%; height: 180px}
.PCardPN { margin-top: 1px; }

#CPN-tradeDress { background: #7e9080; }
#CPN-FS { background: #777; }
.CPN-Sub01 { background: rgba(0,0,0,.55); }
.CPN-Sub02 { background: rgba(0,0,0,.3); }

.changerPN div:after, .changerPN p, .changerPN h4, #CPN-F100 div:after, .otherPN #CPN-PAC h4, .otherPN #CPN-PAC div:after,
.otherPN #CPN-PTruck h4, .otherPN #CPN-PTruck div:after { position: absolute; z-index: 10; }

.changerPN div:after, #CPN-F100 div:after, .otherPN #CPN-PTruck div:after, .otherPN #CPN-PAC div:after {
 content: "ECO OIL CHANGER"; top: 90px; left: 0;
 color: #fff; font-size: 100%; text-align: center; letter-spacing: .05em; width: 100%; }
.changerPN.sub div:after { top: 80px; } #CPN-F100 div:after { top: 42.5%;}
.changerPN a:hover div:after, #CPN-F100:hover div:after, .otherPN #CPN-PTruck:hover div:after, .otherPN #CPN-PAC:hover div:after {
  color: #fff460; }

.changerPN #CPN-PAC div:after,
.changerPN #CPN-PTruck div:after, .otherPN #CPN-PTruck div:after, .otherPN #CPN-PAC div:after { top: 76px; font-size: 113%; letter-spacing: .1em; }
.changerPN #CPN-PAC div:after { content: "SX-JET Series"; }
.changerPN #CPN-PTruck div:after { content: "SX-JET3 Series"; top: 82px; }
.otherPN #CPN-PAC div:after { content: "SX-JET Series"; top: 70px; }
.otherPN #CPN-PTruck div:after { content: "SX-JET3 Series"; top: 87px; }

.changerPN p, .tradeDressPN p, .otherPN #CPN-PTruck p, .otherPN #CPN-PAC p {
 top: 50px; left: 50%; height: 15px; margin: 0;
 background-image: url(../common_im/common-2025.png); background-repeat: no-repeat; }
.changerPN.sub p { top: 38px; }

#CPN-SX p, .otherPN #CPN-PAC p { background-position: -400px -160px; width: 68px; margin-left: -34px; }
#CPN-SX p#CPJet {
 top: 112px; background-position: -500px -160px;
 width: 48px; height: 24px; margin: 0 0 0 -24px; display: block; }

#CPN-FG p { background-position: 0 -180px; width: 70px; margin-left: -35px; }
#CPN-F300 p { background-position: 0 -210px; width: 164px; margin-left: -82px; }
#CPN-tradeDress p { background-position: 0 -240px; width: 180px; margin-left: -91px; }
#CPN-FS p { background-position: 0 -270px; width: 188px; margin-left: -94px; }
#CPN-AList p { background-position: -200px -180px; width: 136px; margin-left: -68px; }
#CPN-QA p { background-position: -200px -210px; width: 132px; margin-left: -66px; }
#CPN-PAC p { background-position: -200px -240px; width: 146px; margin-left: -73px; }
#CPN-PTruck p, .otherPN #CPN-PTruck p { top: 25px; background-position: -200px -270px; width: 158px; margin-left: -79px; height: 34px; }
.otherPN #CPN-PTruck p, .otherPN #CPN-PAC p { top: 35px}
#CPN-Jet3 p { background-position: -520px -440px; width: 194px; margin-left: -97px; }

.changerPN h4, .otherPN #CPN-PTruck h4, #CPN-F100:hover h4, .otherPN #CPN-PAC h4 {
 top: 120px; left: 0; background: transparent;
 color: #fff; font-size: 150%; text-align: center; letter-spacing: .05em; width: 100%; margin: 0 auto; padding: .35em 0 .15em; }
.otherPN #CPN-PTruck h4 { top: 110px} .otherPN #CPN-PAC h4 { top: 95px}
.win .changerPN h4 { padding: .3em 0; }
.changerPN a:hover h4 { top: 160px; background: rgba(0,0,0,.5); }
.changerPN h4 span { font-size: 84%; }
#CPN-tradeDress h4 span { letter-spacing: .2em; padding: 3px 0 2px; display: block; }

.changerPN #CPN-Jet3 h4 { top: 128px; padding: 10px 0 4px; text-indent: -9999px; }
#CPN-Jet3 h4 span {
 background: url(../common_im/common-2025.png) no-repeat -560px -160px;
 width: 162px; height: 24px; margin: 0 auto; display: block; }
.changerPN #CPN-Jet3:hover h4 { top: 168px; }

.changerPN.sub h4 { top: 100px; }
.changerPN.sub a:hover h4 { top: 110px; background: rgba(0,0,0,.5); }
.otherPN #CPN-PTruck:hover h4, #CPN-F100:hover h4, .otherPN #CPN-PAC:hover h4 { top: 120px; background: rgba(0,0,0,.5); }
.otherPN #CPN-PAC:hover h4 { top: 105px; background: rgba(0,0,0,.5); }

.changerPN .pad10 h4 { margin-top: 10px; }

#CPNType100, #CPName100 { background: none; color: #eee; position: absolute; left: 0; text-align: center; text-decoration: none; width: 100%}
#CPNType100 { top: 25%; font-size: 15px; font-weight: bold; letter-spacing: .06em;}
#CPName100 { top: 60%; font-size: 150%; letter-spacing: .06em;}

.changerPN figure, #f100BN, .changerPN figure:after, .changerPN.sub a:after {
 position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.changerPN figure, .otherPN figure { z-index: 1; }

#CPN-SX figure { background: url(../common_im/bn_new01.jpg) no-repeat center -440px; }
#CPN-FG figure { background: url(../common_im/bn_new01.jpg) no-repeat center top; }
#CPN-F300 figure { background: url(../common_im/bn_new01.jpg) no-repeat center -220px; }
#CPN-Jet3 figure { background: url(../common_im/bn_new01.jpg) no-repeat center -660px; }
#f100BN { background: url(../common_im/f100_bn.jpg) no-repeat center 0; }

#CPN-FS figure {
 background: url(../common_im/common-2025.png) no-repeat -510px -200px;
 -webkit-transform-origin: left bottom; transform-origin: left bottom; }
#CPN-tradeDress figure { background: url(../common_im/common-2025.png) no-repeat center -640px; opacity: .8; }

.changerPN a figure:after, .changerPN.sub a:after, .otherPN #CPN-F100:after, #CPN-PTruck:after {
  content: ''; background: rgba(0,0,0,1); opacity: .4; z-index: 2; }
.changerPN a figure.half:after { opacity: .25; } #CPN-F100:after, #CPN-PTruck:after { top: 0; width: 100%; height: 100%;}
.changerPN a:hover figure:after, .changerPN.sub a:after, #CPN-F100:hover:after { opacity: 0; }
.changerPN.sub a:hover:after { background: rgba(0,40,80,1); opacity: .3; }
#CPN-PTruck:hover:after { background: rgb(0, 25, 54); opacity: .5; }
#CPN-PTruck:hover:after { z-index: 1; }

a#OPN-Risefit, #TCIRisefit { background: #693e3e; }
a:hover#OPN-Risefit { background: #895959; }
a#OPN-Lifter, #TCILifter { background: #33445e; }
a:hover#OPN-Lifter { background: #506992; }

.otherPN a:after {
 content: ''; position: absolute; left: 0;
 background: rgba(0,0,0,1); width: 100%; z-index: 1; opacity: 0; }
a#OPN-Lifter:after { top: 40px; height: 64px; }
.otherPN a#OPN-Risefit:after { top: 47px; height: 50px; }
.otherPN a:hover:after { opacity: .3; }

.otherPN h4, .otherPN p, .otherPN figure { position: absolute; margin: 0; display: block; }

.otherPN h4, .otherPN p {
 background-image: url(../common_im/common-2025.png); background-repeat: no-repeat; z-index: 10; }

#OPN-Lifter h4, #OPN-Lifter p { right: 55%; width: 170px; }
#OPN-Lifter h4 { top: 40px; background-position: 0 -320px; height: 45px; }
a:hover#OPN-Lifter h4 { top: 50px; }
#OPN-Lifter p { top: 108px; background-position: 0 -390px; height: 32px; }

#OPN-Risefit h4, #OPN-Risefit p { left: 50%; width: 204px; height: 32px; }
#OPN-Risefit h4 { top: 47px; background-position: 0 -450px; }
a:hover#OPN-Risefit h4 { top: 57px; }
#OPN-Risefit p { top: 108px; background-position: 0 -500px; }

.otherPN a figure { top: 0; height: 180px; overflow: hidden; z-index: 2; }
a#OPN-Lifter figure {
 background: url(../common_im/common-2025.png) no-repeat -240px -460px; left: 45%; width: 260px; }
a#OPN-Risefit figure {
 background: url(../common_im/common-2025.png) no-repeat -562px -460px; right: 60%; width: 168px; }

@media only screen and (min-width: 1240px) {
 #OPN-Risefit h4, #OPN-Risefit p { left: 55%; } a#OPN-Risefit figure { right: 55%; } }

@media only screen and (min-width: 1350px) { a#OPN-Lifter figure { left: 50%; } }

/* Stage Bottom Line */
#SXComp, #SXInst, #SXOpe, #SXSpec, #SXBuy, #F300Series, #FSSeries,
#tradeDress, #modelList, #contact, #completion, #legal, #sitemap { border-bottom: 5px solid #ccc; }

#SXTop { border-bottom: 5px solid #e5e5e5; }
#FGSeries { border-bottom: 5px solid #eee; }

#onlineShop { border-bottom: 5px solid #fff; }

#news { border-bottom: 3px solid #f7f7f7; }

/* Contents Text */
.tex01, .SXTCopy { font-size: 113%; line-height: 1.8; letter-spacing: .1em; }

.padTop01 { padding-top: 1em; }
.padTop02 { padding-top: 2em; }

.ls10 { letter-spacing: .1em; margin-right: -.1em; display: inline-block; }
.ls18 { letter-spacing: .18em; margin-right: -.18em; display: inline-block; }
.ls35 { letter-spacing: .35em; margin-right: -.35em; display: inline-block; }
.ls100 { letter-spacing: 1em; margin-right: -1em; display: inline-block; }
.ls112 { letter-spacing: 1.12em; margin-right: -1.1em; display: inline-block; }
.ls200 { letter-spacing: 2em; margin-right: -2em; display: inline-block; }

/* -------------------------------------------
 Plugins
------------------------------------------- */

/*! Lity - v2.0.0 - 2016-09-09 http://sorgalla.com/lity/ Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */.lity,.lity-wrap{z-index:99990;position:fixed;top:0;outline:0!important}.lity,.lity-content:after,.lity-wrap{bottom:0;right:0;left:0}.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}.lity,.lity-container,.lity-wrap{outline:0!important}.lity-content:after,.lity-wrap:before{content:''}.lity{white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{text-align:center}.lity-wrap:before{height:100%;margin-right:-.25em}.lity-loader{z-index:99991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:99992;position:relative;text-align:left;white-space:normal;max-width:100%;max-height:100%}.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);background:0 0;outline:0;border:0}.lity-content{z-index:99993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:99994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;appearance:none;cursor:pointer;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:992px}.lity-iframe-container{width:100%;height:0;padding-top:57%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}

/* -------------------------------------------
 Site Top Page
------------------------------------------- */
#topPage { background: #ddd; }

/* Top Eyecatch */
#topEyecatch {
 background: #222; width: 100%; border-top: 5px solid #a5a5a5; border-bottom: 5px solid #999; }

#topMov, #topContents { min-width: 1020px; max-width: 1360px; margin: 0 auto; overflow: hidden; }

#topMov { background: #000; height: 650px; position: relative; }

#topMov ul, #topMov .tp-caption { margin: 0; padding: 0; }

#topMovie, #startCurtain { width: 100%; height: 650px; }

#startCurtain { background: #000; }

@-webkit-keyframes TMCSW {
 70% { -webkit-transform: translate(0,900px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes TMCSW {
 70% { transform: translate(0,900px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }

.TMCopy.tp-caption {
 position: absolute; color: #fff; font-size: 46px; line-height: 1.25; text-align: center; width: 100%; margin: 0;
 -webkit-animation: TMCSW .8s ease; animation: TMCSW .8s ease; }

.TMCopy .tp-splitted { opacity: .8; }

#TMCopy01.tp-caption { letter-spacing: .15em; }
#TMCopy02.tp-caption { letter-spacing: .2em; }
#TMCopy03.tp-caption { letter-spacing: .175em; }

.TMJC.tp-caption { position: absolute; width: 100%; }

/* For iPad and Android Top Eyecatch */
.ipad #topMobileEyecatch, .android #topMobileEyecatch { margin: 1px 0; }

.ipad #topMobileMov, .android #topMobileMov { background: #000; height: 400px; position: relative; }

.ipad #topMobileMov ul, .ipad #topMobileMov .tp-caption,
.android #topMobileMov ul, .android #topMobileMov .tp-caption { margin: 0; padding: 0; }

.ipad #topMobileMov li, .android #topMobileMov li { position: absolute; top: 0; left: 0; }

@-webkit-keyframes TMCSW {
 70% { -webkit-transform: translate(0,900px); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes TMCSW {
 70% { transform: translate(0,900px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }

.ipad .TMCopy.tp-caption, .android .TMCopy.tp-caption {
 position: absolute; color: #fff; text-align: center; width: 100%; margin: 0;
 -webkit-animation: TMCSW .8s ease; animation: TMCSW .8s ease; }

.ipad .TMCopy .tp-splitted, .android .TMCopy .tp-splitted {
 font-size: 100%; line-height: 1.35; text-shadow: rgba(0,0,0,.6) 0 0 3px; opacity: .9; }

.ipad #TMCopy01 .tp-splitted, .ipad #TMCopy03 .tp-splitted,
.android #TMCopy01 .tp-splitted, .android #TMCopy03 .tp-splitted { letter-spacing: .1em; }
.ipad #TMCopy02 .tp-splitted, .android #TMCopy02 .tp-splitted { letter-spacing: .2em; }

/* Main Contents */
.TMJC p, .TCCat, .eocJet, .bikeJet, .TCNew, .eoc01, .eoc02, .eoc03, p.eoc04, p.eoc05,
#TCIMList h3, #TCITDress h3, #TCISUS h3, #TCIShop h3, #TCISUS figure span, .TCItem25 h3,
#TCITDress:after, #TCIShop:after, #TCQA:after, #TCPanfPC:after, #TCPanfTr:after, #TCCFumoto {
 background-image: url(../top_im/top02.png); background-repeat: no-repeat; }

.TMJC p { height: 26px; margin: 0 auto; opacity: .6; }

#TMJC01 { background-position: 0 0; width: 396px; }
#TMJC02 { background-position: 0 -50px; width: 478px; }
#TMJC03 { background-position: 0 -100px; width: 384px; }

#topContents a { cursor: pointer; }

#topContents div { float: left; margin: 0; overflow: hidden; position: relative; }

.TCItem60 { width: 60%; height: 300px; }

.TCItem40 { width: 40%; height: 300px; }

#TCIShop { width: 100%; height: 260px; }

.TCItemHalf40 { width: 40%; height: 150px; }

.TCItem25 { width: 25%; height: 260px; }

.TCItem50 { width: 50%; height: 200px; }

.TCItem60 section, .TCItem60 figure { position: absolute; top: 0; width: 50%; }

.TCItem60 section { background: #fff; right: 0; height: 300px; }

.TCItem60 figure { left: 0; overflow: hidden; z-index: 1; }

.TCItemHalf40 section { width: 100%; height: 100%; position: relative; }

#topContents h2 { text-align: center; width: 100%; margin: 0; margin-top: 65px; position: relative; }
#topContents #TCIJet3 h2 { margin-top: 45px; }

h2 .TCCat { margin: 0 auto; height: 19px; }

#TCISX .TCCat { background-position: 0 -220px; width: 86px; }
#TCIFG .TCCat { background-position: -120px -220px; width: 88px; }
#TCIF300 .TCCat { background-position: -250px -220px; width: 188px; }
#TCIMC .TCCat { background-position: -370px -750px; width: 80px; }
#TCIJet3 .TCCat { background-position: 0 -820px; width: 138px; height: 44px; }

h2 .eocJet, h2 .bikeJet { background-position: 0 -180px; margin: 18px auto 8px; width: 192px; height: 24px; display: block; }
h2 .bikeJet { background-position: -250px -670px; }
h2 .eoc03 { background-position: -320px -150px; margin: 18px auto 12px; width: 144px; height: 12px; display: block; }

.TCIName {
 color: #666; font-size: 225%; font-style: normal; line-height: 1.25;
 letter-spacing: .1em; margin: 0; display: block; }

#TCIF300 .TCIName { font-size: 200%; line-height: 1.15; letter-spacing: .025em; }

.TCIName span { color: #888; font-size: 50%; letter-spacing: .075em; margin-left: .5em; vertical-align: .35em; }
#TCIF300 .TCIName span { display: block; font-size: 60%; margin: 0; }

a #TCIMC .TCIName, #TCIMC .TCIName span { color: #fff; }
a:hover .bikeJet { opacity: .4; }

a:hover .TCIName, a:hover .TCIName span, a:hover #TCSusName,
a:hover #TCIMC .TCIName, a:hover #TCIMC .TCIName span { color: #fff24e; letter-spacing: .1em; }

a #TCIjet3Name {
 background: url(../top_im/top02.png) no-repeat -200px -800px;
 width: 214px; height: 35px; margin: 20px auto 0; display: block; }
a:hover #TCIjet3Name { background-position: -200px -840px; }

a .TCItem60 p, a #TCIMC p {
 position: absolute; bottom: 60px; left: 0;
 font-size: 88%; text-align: center; line-height: 1.8; letter-spacing: .05em; width: 100%; margin: 0; }

a .TCItem60 section:before, a #TCISUS section:before {
 content: ''; position: absolute; top: 0; left: 0;
 background: rgba(0,0,0,1); width: 100%; height: 100%; display: block; opacity: 0;
 -webkit-transform: scale(1,0); transform: scale(1,0); }
a:hover .TCItem60 section:before { opacity: .65; -webkit-transform: scale(1,1); transform: scale(1,1); }

.TCItem60 section:after, #TCISUS section:after {
 content: ''; position: absolute; width: 0; height: 0; border-style: solid; z-index: 50; }

.TCItem60 section:after {
 top: 50%; left: -30px; margin-top: -18px;
 border-width: 18px 40px 18px 0; border-color: transparent #fff transparent transparent; }

@-webkit-keyframes TCSignFlash { 50% { opacity: 1; } 75% { opacity: .1; } }
@keyframes TCSignFlash { 50% { opacity: 1; } 75% { opacity: .1; } }

a:hover .TCItem60 section:after {
 left: -15px; border-color: transparent #d30 transparent transparent;
 -webkit-transform: rotate(180deg); transform: rotate(180deg);
 -webkit-animation: TCSignFlash .8s linear; animation: TCSignFlash .8s linear;
 -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }

#topContents a:link, #topContents a:visited { text-decoration: none; }

a .TCItem60 p { color: #333; }
a #TCIMC p { color: #fff; font-size: 94%; }

#TCIMList h3, #TCITDress h3, #TCISUS h3 { position: absolute; top: 50%; left: 50%; z-index: 10; }

#TCIMList h3 { background-position: 0 -260px; width: 182px; height: 19px; margin: -10px 0 0 -91px; }
#TCITDress h3 { background-position: -220px -260px; width: 244px; height: 19px; margin: -10px 0 0 -122px; }

p.eoc01, p.eoc02, p.eoc04, p.eoc05 {
 position: absolute; top: 35px; left: 50%; width: 144px; height: 11px; margin: 0 0 0 -72px; }
p.eoc01, p.eoc04 { background-position: 0 -150px; }
p.eoc02 { background-position: -160px -150px; }
p.eoc05 { background-position: -320px -150px; }
p.eoc04, p.eoc05 { top: 122px; }

.eocPamph {
 position: absolute; top: 95px; left: 0;
 font-size: 150%; text-align: center; letter-spacing: .1em; width: 100%; }
.eocPamph span { font-size: 75%; vertical-align: 1px; }
a .eocPamph { color: #777; }
a #EPJet3.eocPamph { color: #fff; top: 115px; }

.TCEN16, .TCEN18 { position: absolute; bottom: 31px; left: 0; z-index: 10;
 color: #fff; font-size: 100%; text-align: center; letter-spacing: .1em; width: 100%; margin: 0 0 0 -.1em; }
.TCEN18 { bottom: 33px; font-size: 113%; }

.TCNew {
 position: absolute; top: 0; left: 50%;
 background-position: -400px -700px;  width: 56px; height: 25px; margin: 0 0 0 -28px; }

.TCItem60 figure span {
 background-image: url(../top_im/top-items02.jpg); background-repeat: no-repeat; z-index: 0;
 background-size: 408px auto; width: 100%; height: 300px; display: block; position: relative; }

#TCISX figure span { background-position: center 0; }
#TCIFG figure span { background-position: center -300px; }
#TCIF300 figure span { background-position: center -600px; }
#TCIJet3 figure span { background-position: center -1160px; }

a .TCItem60 figure span, a #TCISUS figure span, a .TCItem50 figure, a #TCIMC figure {
 -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
a:hover .TCItem60 figure span, a:hover #TCISUS figure span, a:hover .TCItem50 figure, a:hover #TCIMC figure, a:hover #TCISD figure {
 -webkit-transform: scale(1.06); -moz-transform: scale(1.06); transform: scale(1.06); }

a .TCItem60 figure:before {
 position: absolute; left: 0; width: 100%; display: block; opacity: 0; z-index: 10; }

a .TCItem60 figure:before { content: ''; top: 0; background: rgba(0,0,0,1); height: 100%; }
a:hover .TCItem60 figure:before { opacity: .3; }

#TCIMC { position: relative; overflow: hidden; }

a #TCIMC figure {
 background: url(../top_im/top-bike.jpg) no-repeat right top; background-size: 545px 300px;
 position: absolute; top: 0; left: 0; width: 100%; height: 300px; display: block; }

 a #TCISD figure {
 background: url(../top_im/sd_top_bn.jpg) no-repeat center top; background-size: 550px 300px;
 position: absolute; top: 0; left: 0; width: 100%; height: 300px; display: block}

 a .TCISDName { color: #fff; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,35);}

.TCISDEn { font-size: 16px; letter-spacing: .04em; margin-top: -5px; display: block}

.TCISDJap, .TCISDInfo { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal}

.TCISDJap { font-size: 28px; font-weight: 700; margin-top: 10px; display: block}

.ECSDName { font-size: 31px; letter-spacing: .06em; margin-left: 3px; vertical-align: -2px;}

a:hover .TCISDJap { color: #fff24e}
a:hover .TCISDEn { opacity: .4}

.TCISDInfo {
  color: #fff; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.6; letter-spacing: .06em;
  text-shadow: 0 1px 4px rgba(0,0,0,25); margin: 90px 0 0; position: relative; z-index: 5}

/* ModelList and TradeDress BN */
#TCIMList { background: #7e2e2e; }

#TCITDress { background: #69856b; overflow: hidden; }

#TCITDress:after {
 content: ''; position: absolute; bottom: -40px; right: -10px; background-position: 0 -650px;
 width: 150px; height: 150px; display: block; opacity: .7; z-index: 1; }
a:hover #TCITDress:after { opacity: 1; z-index: 5; }

/* SUS BN */
#TCISUS { background: #1e2733; position: relative; }

#TCISUS section { background: #4b525c; width: 100%; height: 150px; position: relative; }
a #TCISUS section:before { background: #1e2733; -webkit-transform: scale(0,1); transform: scale(0,1); }
a:hover #TCISUS section:before { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }

#TCISUS section:after {
 bottom: -30px; left: 50%; margin-left: -18px;
 border-width: 40px 18px 0 18px; border-color: #4b525c transparent transparent transparent; }

a:hover #TCISUS section:after {
 bottom: -20px; border-color: #d30 transparent transparent transparent;
 -webkit-transform: rotate(270deg); transform: rotate(270deg);
 -webkit-animation: TCSignFlash .6s linear; animation: TCSignFlash .6s linear;
 -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }

#TCISUS h3 { background-position: 0 -300px; width: 260px; height: 19px; margin: -10px 0 0 -130px; }

#TCSusName {
 position: absolute; top: 100px; left: 0;
 color: #e5e5e5; font-size: 200%; text-align: center; letter-spacing: .1em; width: 100%; margin: 0; }
#TCSusName span { font-size: 56%; letter-spacing: .075em; margin-left: .35em; vertical-align: .25em;  }

#TCISUS figure span {
 position: absolute; bottom: 6px; left: 50%; z-index: 30; display: block;
 background-position: 0 -460px; width: 196px; height: 171px; margin-left: -118px; }

a:hover #TCISUS h3, a:hover #TCISUS .eoc02 { opacity: .2; }
a:hover #TCISUS figure span { margin-left: -128px; opacity: .65; }

/* Shop BN */
#TCIShop:after, #TCQA:after, #TCPanfPC:after, #TCPanfTr:after {
 content: ''; position: absolute; left: 50%; display: block; }

#TCIShop { background: #573725; }

#TCIShop:after {
 top: 30px; margin-left: -120px;
 background-position: -250px -450px; width: 204px; height: 204px; z-index: 1; }
a:hover #TCIShop:after { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }

#TCIShop h3, #TCIShop p { z-index: 10; position: relative; }
#TCIShop h3 { background-position: -250px -180px; width: 154px; height: 15px; margin: 80px auto 0; }
#TCIShop p { color: #fdf4f0; font-size: 200%; text-align: center; letter-spacing: .1em; width: 100%; margin: 22px 0 0; }
#TCIShop p span { font-size: 69%; margin-bottom: 14px; display: block; }

a:hover #TCIShop p { color: #fff2dd; letter-spacing: .14em; }
a:hover #TCIShop h3 { margin-top: 78px; opacity: 0; }

/* Under BN */
#TCQA { background: #685e52; }
#TCPanfPC { background: #fff; }
#TCPanfTr { background: #7e7e7e; }
#TCCompany {
 background: url(../top_im/top-items.jpg) no-repeat 0 -900px; background-size: 408px 1160px; }
.webkit a:hover #TCCompany { background-position: -13px -954px; background-size: 429px 1229px; }

#TCQA:after { top: -2px; left: -2px; background-position: -250px -700px; width: 93px; height: 86px; }
a:hover #TCQA:after { left: 50%; margin-left: -46px; opacity: .6; }

#TCPanfPC:after, #TCPanfTr:after {
 top: 25px; background-position: -400px -400px; width: 28px; height: 33px; margin-left: -14px; }
#TCPanfTr:after { background-position: -450px -400px; }

a:hover #TCPanfPC:after, a:hover #TCPanfTr:after {
 top: 30px; -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.TCItem25 h3 { position: absolute; top: 78px; left: 50%; height: 19px; z-index: 10; }

#TCQA h3 { background-position: -300px -300px; width: 178px; margin: 0 0 0 -89px; }
#TCPanfPC h3 { background-position: 0 -350px; width: 194px; margin: 0 0 0 -97px; }
#TCPanfTr h3 { background-position: -250px -340px; width: 172px; height: 45px; margin: 0 0 0 -86px; }
#TCCompany h3 { background-position: -250px -400px; width: 90px; margin: 0 0 0 -45px; }

#TCQaEn, #TCPPCEn, #TCPTREn {
 position: absolute; top: 156px; left: 0; color: #fff; text-align: center; letter-spacing: .1em;
 width: 100%; margin: 0; padding-left: .1em; }

#TCQaEn { font-size: 200%; }
#TCPPCEn { color: #777; font-size: 125%; line-height: 1.15; }
#TCPTREn { font-size: 125%; top: 178px; }

.TCPDL {
 position: absolute; bottom: 30px; left: 0; font-size: 88%;
 color: #7e7e7e; text-align: center; letter-spacing: .1em; width: 100%; margin: 0; padding-left: .1em; }
.TCPDL.DLW { color: #fff; }

#TCCEn {
 position: absolute; top: 120px; left: 0; color: #fff; font-size: 88%;
 text-align: center; letter-spacing: .2em; width: 100%; margin: 0; padding-left: .1em; }

#TCCFumoto {
 position: absolute; top: 156px; left: 50%;
 background-position: 0 -400px; width: 190px; height: 26px; margin: 0 0 0 -95px; }

/* Other BN */
.TCItem50 h4, .TCItem50 p, .TCItem50 figure { position: absolute; margin: 0; display: block; }

.TCItem50 h4, .TCItem50 p {
 background-image: url(../common_im/common-2025.png); background-repeat: no-repeat; z-index: 10; }

#TCIRisefit h4, #TCIRisefit p { left: 50%; width: 204px; height: 32px; }
#TCIRisefit h4 { top: 55px; background-position: 0 -450px; }
a:hover #TCIRisefit h4 { top: 84px; margin-left: 20px; }
#TCIRisefit p { top: 116px; background-position: 0 -500px; }

#TCILifter h4, #TCILifter p { right: 55%; width: 170px; }
#TCILifter h4 { top: 52px; background-position: 0 -320px; height: 45px; }
a:hover #TCILifter h4 { top: 78px; margin-right: -5px; }
#TCILifter p { top: 116px; background-position: 0 -390px; height: 32px; }

a:hover .TCItem50 p { opacity: 0; }

.TCItem50 figure { top: 20px; height: 200px; overflow: hidden; z-index: 2; }
#TCIRisefit figure {
 background: url(../common_im/common-2025.png) no-repeat -562px -460px; right: 60%; width: 168px; }
#TCILifter figure {
 background: url(../common_im/common-2025.png) no-repeat -240px -460px; left: 48%; width: 260px; }
a:hover .TCItem50 figure { opacity: .65; }
a:hover #TCIRisefit figure { right: 58%; }
a:hover #TCILifter figure { left: 46%; }

@media only screen and (min-width: 1040px) { #TCILifter h4, #TCILifter p { right: 57%; } }
@media only screen and (min-width: 1100px) { #TCILifter h4, #TCILifter p { right: 59%; } }
@media only screen and (min-width: 1160px) { #TCILifter h4, #TCILifter p { right: 61%; } }
@media only screen and (min-width: 1240px) {
 #TCILifter h4, #TCILifter p { right: 62%; } a:hover #TCILifter h4 { margin-right: -15px; } }

/* Popup-Card & Sumahai BN */
#TCPopupCard, #TCSumahai { width: 50%; height: 200px; position: relative; overflow: hidden; }
#TCPopupCard { background: #2e2e2e; } #TCSumahai { background: url(../common_im/suma_bn_bg.jpg) no-repeat right bottom / 800px 200px; }
.PCardPN #TCPopupCard, .PCardPN #TCSumahai { width: 100%; height: 180px; }

#PCardST {
  position: absolute; top: 48px; left: 50%;
  background: url(../common_im/pcard_name.svg) no-repeat 0 0; position: relative; z-index: 10;
  background-size: 230px 38px; width: 230px; height: 38px; margin: 0 0 0 calc(-33% - 50px); }
.PCardPN #PCardST { top: 38px}

#PCardCopy {
  position: absolute; top: 102px; left: 50%;
  background: url(../common_im/pcard_copy.png) no-repeat 0 0; background-size: 274px 48px;
  width: 274px; height: 48px; margin: 0 0 0 calc(-33% - 52px); }
.PCardPN #PCardCopy { top: 92px}

#TCPopupCard:before, #TCSumahai:before {
  content: ''; position: absolute; top: 0; left: 0; opacity: 0; z-index: 5;
  background: rgba(0,0,0,.6); width: 100%; height: 200px; display: block; -webkit-transform: scale(1,0); transform: scale(1,0); }
#TCSumahai:before { background: rgba(255,255,255,.4)}

#PCCRight {
  position: absolute; top: 20px; left: 50%; background: url(../common_im/pcard02.jpg) no-repeat 0 0;
  background-size: cover; width: 246px; height: 164px; margin-left: 12%; z-index: 1; }

.PCardPN #PCCRight { top: 10px; }

a:hover #PCCRight, a:hover #TCSumaPlate { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media only screen and (min-width: 1120px) {
  #PCardST { margin-left: calc(-33% - 40px)} #PCardCopy { margin-left: calc(-33% - 42px)} #PCCRight { margin-left: 10%}}
@media only screen and (min-width: 1200px) { #PCCRight { margin-left: 7%}}
@media only screen and (min-width: 1280px) { #PCCRight { margin-left: 5%}}

#TCSumaST {
  position: absolute; top: 120px; left: 50%; width: 278px; height: 31px; margin: 0 0 0 calc(-12% - 4px);
  background: url(../common_im/sumahai_bn02.png) no-repeat 0 0 / 278px 31px; z-index: 10; }

#TCSumaCopy {
  position: absolute; top: 52px; left: 50%; width: 270px; height: 58px; margin: 0 0 0 -12%;
  background: url(../common_im/sumahai_bn01.png) no-repeat 0 0 / 270px 58px; }

#TCSumaPlate {
  position: absolute; top: 10px; right: 66%; width: 118px; height: 180px; margin: 0;
  background: url(../common_im/suma_plate.png) no-repeat 0 0 / 118px 180px; }

.PCardPN #TCSumaST { top: 110px} .PCardPN #TCSumaCopy { top: 42px}
.PCardPN #TCSumaPlate { top: 0; -webkit-transform: scale(.945,.945); transform: scale(.945,.945)}

@media only screen and (min-width: 1180px) {
  #TCSumaST { margin-left: calc(-7% - 4px)} #TCSumaCopy { margin-left: -7%} #TCSumaPlate { right: 64%}}
@media only screen and (min-width: 1250px) { }

a:hover #TCPopupCard:before, a:hover #TCSumahai:before { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1)}
a:hover #PCardST { margin-top: 34px} a:hover #TCSumaST { margin-top: -38px}
a:hover #PCardCopy, a:hover #TCSumaCopy { opacity: 0}

/* Top Common Anime */
a .TCION section:before, a .TCItem50:before, a #TCIMC figure:after, a #TCISD figure:after {
 content: ''; position: absolute; top: 0; left: 0;
 background: rgba(0,0,0,1); width: 100%; height: 100%; display: block;
 -webkit-transform: scale(1,0); transform: scale(1,0); opacity: 0; }
a:hover .TCION section:before, a:hover .TCItem50:before, a:hover #TCIMC figure:after, a:hover #TCISD figure:after {
 -webkit-transform: scale(1,1); transform: scale(1,1); opacity: .5; }

a #TCIMList.TCION section:before { background: rgba(55,7,0,1); }
a #TCITDress.TCION section:before { background: rgba(0,25,4,1); }
a #TCIShop.TCION section:before { background: rgba(50,10,0,1); }
a #TCQA.TCION section:before { background: rgba(30,12,0,1); }
a:hover #TCPanfPC.TCION section:before { opacity: .15; }
a #TCCompany.TCION section:before { background: rgba(0,10,20,1); }
a #TCIRisefit.TCItem50:before { background: rgba(50,5,10,1); }
a #TCILifter.TCItem50:before { background: rgba(0,20,30,1); }

a:hover .TCEN16, a:hover .TCEN18, a:hover .TCION .eoc01, a:hover .TCION .eoc04, a:hover .TCION .eoc05,
a:hover #TCQaEn, a:hover #TCPPCEn, a:hover #TCPTREn, a:hover #TCCEn, a:hover #TCCFumoto,
a:hover .TCPDL { opacity: .3; }

a .TCION section:after, a .TCION.TCONSec section:after, a .TCItem50:after, a:hover #TCIMC:after, a:hover #TCISD:after,
a #TCPopupCard:after, a #TCSumahai:after {
 content: ''; position: absolute; top: 50%; left: 86%;
 width: 12px; height: 12px; margin: -8px 0 0; vertical-align: middle;
 border-top: 3px solid #fff24e; border-right: 3px solid #fff24e; opacity: 0; z-index: 50;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }
a .TCION.TCONSec section:after { top: 54%; left: 50%; margin: -4px 0 0 -12px; border-color: #f56; }
a #TCILifter.TCItem50:after { left: 50%; margin-left: -8px; }
a #TCIShop section:after { left: 85%; }
a #TCPopupCard:after, #TCSumahai:after { left: 50%; margin-left: 140px}
a #TCSumahai:after { border-top: 3px solid #ff7200; border-right: 3px solid #ff7200; }

@media only screen and (max-width: 1320px) { a #TCSumahai:after { left: 88%}}
@media only screen and (max-width: 1230px) { a #TCSumahai:after { left: 91%}}
@media only screen and (max-width: 1080px) { a #TCSumahai:after { left: 93%}}


@-webkit-keyframes TCLaunch { 25% { opacity: .1; } 50% { opacity: .9; } }
@keyframes TCLaunch { 25% { opacity: .1; } 50% { opacity: .9; } }
a:hover .TCION section:after, a:hover .TCItem50:after, a:hover #TCIMC:after, a:hover #TCISD:after,
a:hover #TCPopupCard:after, a:hover #TCSumahai:after {
 opacity: .9; -webkit-animation: TCLaunch .8s linear; animation: TCLaunch .8s linear;
 -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* News Area */
#topContents div#TCInfo { float: none; }
#TCInfo { background: #f3f3f3; width: 100%; margin: 0; padding: 45px 0; height: 210px; }

#TCInfo section { width: 800px; }

#TCInfo h2 { color: #7e7e7e; font-size: 138%; text-align: center; width: 100%; margin: 0; }
.win #TCInfo h2 { margin-top: -5px; }

#TCInfo h2 em { font-style: normal; letter-spacing: .1em; padding-bottom: 10px; position: relative; }
#TCInfo h2 em:after {
 content: ''; position: absolute; top: 27px; left: -6px;
 background: #fff; width: 100%; height: 3px; padding: 0 5px; display: block; }
.win #TCInfo h2 em:after { top: 30px; }

#TCInfo dl {
 font-size: 94%; line-height: 1.5; letter-spacing: .05em;
 max-height: 11em; margin: 1.5em 0 0; padding: 0 20px 0 0; overflow: auto; }

#TCInfo dt { float: left; color: #666; margin: 0; padding: .5em 0;}
#TCInfo dd { margin: 0; padding: .5em 0 .5em 8em; }
#TCInfo dt:first-child, #TCInfo dd:first-of-type { padding-top: 0; }

#TCInfo h4 { margin: 0; }
#TCInfo h4 a:link, #TCInfo h4 a:visited { color: #007ebb; text-decoration: none; }
#TCInfo h4 a:hover { color: #e54700; }
#TCInfo p { font-size: 87%; margin: .3em 0 0; }

/* -------------------------------------------
 Products Common
------------------------------------------- */
.productStandardPrice { position: absolute; color: #fff; font-size: 94%; letter-spacing: .08em; margin: 0}
#sxPSPrice, #PSPriceJet3 { bottom: 60px; right: 0}
#PSPriceJet3 { bottom: 60px; right: 0} #fgPSPrice, #PSPriceF300 { bottom: 80px; right: 30px; z-index: 10}

#BSXPSPrice { color: #666; font-size: 94%; font-weight: bold; text-align: center; letter-spacing: .08em; margin: 30px 0 0}

/* -------------------------------------------
 SX Top
------------------------------------------- */
#SXTop01 { background: #000; }

.topSCSection h2 { position: absolute; top: 70px; left: 50%;
 background-image: url(../sx-jet/images/top.png); background-repeat: no-repeat;
 font-size: 225%; text-align: center; height: 60px; margin: 0 auto; }

.topSCSection h2 span {
 color: #777; font-size: 42%; padding-top: .5em; letter-spacing: .04em; display: block; }

#SXTSec02, #SXTSec03, #SXTSec04, #SXTSec05, #SXTSec06 {
 width: 1020px; position: relative; }

.SXLink { font-size: 94%; display: block; }

.SXLink a {
 color: #fff; background: #7e7e7e; letter-spacing: .1em; line-height: 1;
 padding: .75em 1.3em .75em 1.5em; position: relative; }
.win .SXLink a { padding: .75em 1.3em .7em 1.5em; }

.SXLink a:before { background: #00a9d2; }

/* Section01 */
#SXTSec01 { width: 1020px; height: 560px; position: relative; }

#SXTSec01 h1, #SXTSec01 h1 em, .SXTTopCopy01, .SXTTopCopy02, .SXTTopCopy03 {
 background-image: url(../sx-jet/images/top.png); background-repeat: no-repeat; }

#SXTSec01 h1 {
 position: absolute; top: 130px; left: 35px; background-position: 0 -520px;
 color: #f0f0f0; font-size: 107%; width: 500px; height: 61px; margin: 0; z-index: 99; }

#SXTSec01 h1 span { font-size: 165%; letter-spacing: .06em; width: auto; margin: 8px 0 0; display: block; }
#SXTSec01 h1 em {
 position: absolute; top: 1px; left: 280px; background-position: -200px -440px;
 width: 104px; height: 60px; display: block; }

.win #SXTSec01 h1 em { left: 282px; }
.iphone #SXTSec01 h1 em, .ipad #SXTSec01 h1 em { left: 295px; }
.safari #SXTSec01 h1 span { letter-spacing: .03em; }

.SXTTopCopy01, .SXTTopCopy02, .SXTTopCopy03, .SXTTopCopy04 {
 position: absolute; left: 35px; width: 316px; height: 40px; margin: 0; z-index: 99; }

.SXTTopCopy01 { top: 265px; background-position: 0 0;  }
.SXTTopCopy02 { top: 320px; background-position: 0 -50px; }
.SXTTopCopy03 { top: 375px; background-position: 0 -100px; }
.SXTTopCopy04 { top: 430px; color: #b5b5b5; font-size: 82%; font-weight: bold; letter-spacing: .05em; }

#SXTSec01 small {
 position: absolute; top: 60px; right: 0; z-index: 99;
 color: #e2e2e2; font-size: 100%; font-weight: bold; line-height: 1.5; letter-spacing: .05em; margin: 0; }

#SXItem01 {
 position: absolute; top: 120px; right: 140px;
 background: url(../sx-jet/images/sx-top-item.jpg) no-repeat 0 0;
 width: 400px; height: 388px; margin: 0; display: block; }

/* SX Promotion Video */
#SXTopVideo { background: #333; border-top: 2px solid #444; }

#SXTMov { text-align: center; padding: 40px 0; }

#SXTMov p { width: 900px; height: 500px; margin: 0 auto; }

#SXTMov a { width: 100%; height: 100%; opacity: 1; overflow: hidden; outline: none; }
#SXTMov a:hover { opacity: .75; }

#SXMain .lity-iframe .lity-container, #SXMain .lity-content,
#SXMain .lity-iframe-container, #SXMain .lity-iframe-container iframe { width: 992px; height: 560px; }

/* SX PV　Page */
#SXPV { background: #000; overflow: hidden; }

#SXTMov img, #SXPromotion { -webkit-border-radius: 6px; border-radius: 6px; }

/* Section02 */
#SXTop02 {
 background: rgba(235,236,237,1) url(../sx-jet/images/sx-item02.jpg) no-repeat left top;
 height: 600px; border-top: 1px solid #999; }

@media only screen and (max-width: 1200px) { #SXTop02 { background-position: -160px top; } }
@media only screen and (min-width: 1201px) { #SXTop02 { background-position: -100px top; } }
@media only screen and (min-width: 1320px) { #SXTop02 { background-position: -60px top; } }
@media only screen and (min-width: 1440px) { #SXTop02 { background-position: left top; } }

#SXTSec02 h2 { background-position: 0 -170px; width: 235px; margin-left: -118px; }
#SXTSec02 h2 span { color: #fff; }

.SXTSpeedGuide { position: absolute; top: 220px; right: 30px; }

#speedGraph { position: absolute; top: 360px; right: 20px; font-size: 88%; width: 350px; }

#SGItem {
 text-align: right; position: relative;
 width: 9em; height: 5em; margin: 0; padding: 0; border-right: 1px solid #999; }

#SGI-SX { position: absolute; top: 1em; right: 1em; }

#SGI-F100 { position: absolute; bottom: 1em; right: 1em; }

#Bar-SGX, #Bar-SGF {
 position: absolute; left: 9.075em; height: 20px; margin: 0; padding: 0; display: block;
 border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

#Bar-SGX { top: .69em; background: #39ae4a; width: 103px; }

#Bar-SGF { bottom: .88em; background: #29a4db; width: 206px; }

#speedGraph p {
 color: #1e7e2e; font-weight: bold; text-align: center; letter-spacing: .05em;
 width: 100%; margin: 1em 0 0; }

/* Section03 */
#SXTop03 {
 background: rgba(248,248,250,1);
 height: 550px; border-top: 1px solid #fff; position: relative; }

#SXTSec03 { z-index: 5; }

#SXTSec03 h2 { background-position: 0 -240px; width: 175px; margin-left: -88px; }

#SXTSec03 p { position: absolute; top: 265px; left: 30px; }

#SXBT03 { margin-top:50px; }

#SXTS03Mov { position: absolute; top: 50px; right: 0; width: 100%; height: 496px; z-index: 1; }

@media only screen and (max-width: 1059px) { #SXTS03Mov { right: -100px; } }
@media only screen and (min-width: 1060px) { #SXTS03Mov { right: -70px; } }
@media only screen and (min-width: 1200px) { #SXTS03Mov { right: -40px; } }
@media only screen and (min-width: 1340px) { #SXTS03Mov { right: 0; } }
@media only screen and (min-width: 1500px) { #SXTS03Mov { right: 2%; } }
@media only screen and (min-width: 1600px) { #SXTS03Mov { right: 4.5%; } }
@media only screen and (min-width: 1700px) { #SXTS03Mov { right: 6%; } }

#rotateMov { position: absolute; top: 0; right: 0; margin: 0; }

#SXTS03Mov:after {
 content: ''; background: url(../sx-jet/images/v-mask01.png) no-repeat 0 0;
 position: absolute; top: 0; right: 0; width: 720px; height: 496px; display: block; z-index: 5; }

/* Section04 */
#SXTop04 {
 background: rgba(247,247,247,1) url(../sx-jet/images/sx04.jpg) no-repeat left top;
 height: 550px; border-top: 1px solid #fff; position: relative; }

#SXTSec04 { z-index: 10; }

#SXTSec04 h2 { background-position: 0 -310px; width: 259px; margin-left: -130px; }
#SXTSec04 h2 span { color: #4e4e4e; }

#SXC04 { position: absolute; top: 250px; right: 30px; }

#SXBT04 { margin-top:50px; }

#freeMove { position: absolute; top: 0; left: 0; width: 100%; height: 550px; }

.FMItemOn {
 background: url(../sx-jet/images/item04_cut.png);
 position: absolute; top: 79px; left: 176px; width: 428px; height: 292px; }

@media only screen and (max-width: 1149px) {
 #SXTop04 { background-position: -130px 0; } .FMItemOn { left: 46px; } }
@media only screen and (min-width: 1150px) {
 #SXTop04 { background-position: -90px 0; } .FMItemOn{ left: 86px; } }
@media only screen and (min-width: 1250px) {
 #SXTop04 { background-position: -60px 0; } .FMItemOn { left: 116px; } }
@media only screen and (min-width: 1370px) {
 #SXTop04 { background-position: -30px 0; } .FMItemOn { left: 146px; } }
@media only screen and (min-width: 1500px) {
 #SXTop04 { background-position: 0 0; } .FMItemOn { left: 176px; } }

/* Section05 */
#SXTop05 { position: relative; background: rgba(255,255,255,1); height: 550px; }

#SXTSec05 { z-index: 5; }

#SXTSec05 h2 { background-position: 0 -380px; width: 237px; margin-left: -119px; }

#SXC05 { position: absolute; top: 250px; left: 30px; }
#SXBT05 { margin-top:50px; }

#correspondinTools {
 position: absolute; top: 240px; right: 0;
 width: 705px; height: 310px; z-index: 1; overflow: hidden; }

@media only screen and (min-width: 1250px) { #correspondinTools { right: 5%; } }
@media only screen and (min-width: 1400px) { #correspondinTools { right: 7%; } }
@media only screen and (min-width: 1600px) { #correspondinTools { right: 9%; } }
@media only screen and (min-width: 1700px) { #correspondinTools { right: 11%; } }

#correspondinTools figure { position: absolute; top: 0; height: 310px; }

#allenkey, #spana01, #spana02, #monky, #soket, #hexagon-socket {
 background: url(../sx-jet/images/tools.jpg); background-repeat: no-repeat; }

#allenkey { right: 575px; background-position: 0 0; width: 120px; }
#spana01 { right: 475px; background-position: -130px 0; width: 70px; }
#spana02 { right: 370px; background-position: -210px 0; width: 72px; }
#monky { right: 228px; background-position: -290px 0; width: 140px; }
#soket { right: 228px; background-position: -440px 0; width: 112px; }
#hexagon-socket { right: 34px; background-position: -560px 0; width: 164px; }

/* Section06 */
#SXTop06 { background: #f5f5f5; height: 550px; position: relative; overflow: hidden; }

#SXTSec06 h2 { background-position: 0 -450px; width: 155px; margin-left: -78px; }

#SXC06 { position: absolute; top: 250px; right: 30px; }

#SXTop06 figure { position: absolute; }

#SX106-01 { top: 164px; left: 5%; }
#SX106-02 { top: 164px; left: 42%; }

#SXTop06 figure:after {
 content: ''; position: absolute; top: 255px; left: 30%;
 width: 40%; height: 4%; z-index: 99; display: block;
 -webkit-box-shadow: 30px 80px 60px; box-shadow: 30px 80px 60px;
 -webkit-border-radius: 50px; border-radius: 50px; opacity: .5; }

@media only screen and (min-width: 1141px) { #SX106-01 { left: 8%; } }
@media only screen and (min-width: 1441px) { #SX106-01 { left: 10%; } }
@media only screen and (min-width: 1641px) { #SX106-01 { left: 12%; } }
@media only screen and (min-width: 1801px) { #SX106-01 { left: 14%; } }

/* Section07 */
#SXTop07 { background: #bbb; padding: 40px 0; }

#SXTSec07 a {
 background: url(../sx-jet/images/bike_lbn.jpg) no-repeat 0 0;
 width: 900px; height: 400px; margin: 0 auto; opacity: 1; position: relative; }
#SXTSec07 a:hover { opacity: .75; }

#SXTSec07 a:before, #SXTSec07 a:after {
 content: ''; position: absolute; display: block; }

#SXTSec07 a:before {
 bottom: 50px; right: 50px; width: 70px; height: 70px;
 background: rgba(255,255,255,.7);  -webkit-border-radius: 50%; border-radius: 50%; z-index: 5; }

#SXTSec07 a:after {
 bottom: 66px; right: 66px; width: 0; height: 0;
 border-style: solid; border-width: 18px 0 18px 31px;
 border-color: transparent transparent transparent #5d7284; z-index: 10; }

#SXC07 { position: absolute; bottom: 32px; left: 0; color: #fff; text-align: center; width: 100%; }

/* -------------------------------------------
 SX Compare
------------------------------------------- */
#SXComp01 { background: #000; }

#SXCompSec01, #SXCompSec03 { position: relative; width: 1020px; }
#SXCompSec01 { height: 560px; }

#SXCompSec01 h2 {
 background: url(../sx-jet/images/compare.png) no-repeat 0 0;
 width: 390px; height: 36px; z-index: 99; position: relative; }

#SXNewModel, #SXOldModel {
 background: url(../sx-jet/images/new_old.jpg); background-repeat: no-repeat;
 position: absolute; top: 275px; height: 285px; margin: 0; }

#SXNewModel { background-position: 0 0; }
#SXOldModel { background-position: -340px 0; }

#NewModelCopy, #OldModelCopy {
 position: absolute; top: 565px; color: #b7b7b7;
 font-size: 94%; font-weight: bold; text-align: center; letter-spacing: .05em; margin: 0 0 0 -.05em; }
#NewModelCopy span, #OldModelCopy span { font-size: 107%; letter-spacing: .1em; }
#SXNewModel, #NewModelCopy { left: 120px; width: 340px; }
#SXOldModel, #OldModelCopy { right: 120px; width: 284px; }

#SXComp02 { background: url(../sx-jet/images/compare_bg.jpg) repeat-x 0 0; }

#SXCompSec02 { position: relative; width: 100%; height: 580px; }

#NOComp { position: absolute; top: 80px; left: 50%; width: 460px; margin: 0; z-index: 10; }

#NOComp h2 {
 background: url(../sx-jet/images/compare.png) no-repeat 128px -80px; position: relative;
 color: #444; font-size: 46px; letter-spacing: .05em; width: 100%; height: 36px; margin: 0; }

#NOComp em { font-style: normal; }
.compPer { position: absolute; top: -2px; left: 88px; }
#NOCTit { display: block; }

#NOComp p {
 font-size: 100%; line-height: 1.8; letter-spacing: .05em; margin: 60px 0 0;
 -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#NOComp p.sec { margin-top: .75em; }

#NOCompIM {
 position: absolute; top: 0; right: 30%;
 background: url(../sx-jet/images/compare.jpg) no-repeat 0 0;
 width: 980px; height: 580px; z-index: 1; }

@media only screen and (min-width: 1141px) { #NOCompIM { right: 33%; } }
@media only screen and (min-width: 1250px) { #NOCompIM { right: 35%; } }
@media only screen and (min-width: 1440px) { #NOCompIM { right: 37%; } }
@media only screen and (min-width: 1600px) { #NOCompIM { right: 39%; } }
@media only screen and (min-width: 1920px) { #NOCompIM { right: 41%; } }

#NOCompIM figcaption {
 position: absolute; top: 396px; left: 340px;
 color: #1e892e; font-size: 88%; font-weight: bold; letter-spacing: .05em; }

#NOCompIM span {
 position: absolute; top: 80px; font-size: 94%; letter-spacing: .1em; display: block; }

#NOCIOld { color: #09a2cc; left: 280px; }
#NOCINew { color: #09a922; left: 488px; }

#NOCSpeedGraph { position: absolute; bottom: 50px; left: 50%; width: 680px; margin-left: -340px; }

#NSItem { height: 6em; margin: 0; padding: 0; position: relative; z-index: 10; }

#NSSXPer, #NSFPer { position: absolute; left: 0; font-size: 125%; width: 6.5em; }
#NSSXPer { top: 0; }
#NSFPer { top: 50px; }
#NSSXPer span, #NSFPer span { font-size: 180%; }

#NSBar-SGX, #NSBar-SGF {
 position: absolute; left: 140px; height: 8px; margin: 0; padding: 0; display: block; }

#NSBar-SGX { top: 0; background: #39ae4a; width: 270px; }
#NSBar-SGF { top: 50px; background: #29a4db; width: 540px; }

#NSI-SX, #NSI-F100 { position: absolute; left: 140px; font-size: 94%; }
#NSI-SX { top: 15px; }
#NSI-F100 { top: 65px; }
#NSI-SX span, #NSI-F100 span { letter-spacing: 1px; padding-right: 2px; }
#NSFastCopy {
 position: absolute; top: -2px; right: 0; color: #1e892e; font-size: .82em; font-weight: bold; letter-spacing: .025em; }

#SXCompSec03 { padding: 70px 0 60px; }

#SXCompSec03 h2 {
 background: url(../sx-jet/images/compare.png) no-repeat 0 -160px;
 width: 260px; height: 35px; margin: 0 auto; }

#oldAdapter, #adapterNeedless { position: relative; width: 960px; height: 550px; margin: 50px auto 0; }
#adapterNeedless { margin-top: 0; height: 556px; }

#OAdapterSec { position: absolute; top: 60px; right: 0; width: 477px; margin: 0; }
#OAdapterSec h3, #ANLessSec h3 {
 background: url(../sx-jet/images/compare.png) no-repeat 0 -240px;
 width: 156px; height: 28px; margin: 0 auto; }
#ANLessSec h3 { background-position: 0 -320px; width: 218px; }

#OAdapterSec p, #ANLessSec p {
 color: #555; font-size: 113%; line-height: 2; width: 18em; margin: 40px auto 0; }
#OAdapterSec p { padding-left: .6em; }
#ANLessSec p { width: 17em; }
#ANLessSec p span { white-space: nowrap; }

#oldAdapter figure, #adapterNeedless figure {
 position: absolute; background-repeat: no-repeat; width: 471px; height: 272px; margin: 0; }

#oldAdapter figure { background-image: url(../sx-jet/images/adapter.jpg); border: 6px solid #a2d9f0; }

#oldAdapter01 { top: 0; left: 0; background-position: 0 0; border-bottom: none; }
#oldAdapter02 { top: 272px; left: 0; background-position: 0 -272px; }
#oldAdapter03 { top: 272px; right: 0; background-position: 0 -544px; border-left: none; border-bottom: none; }

#ANLessSec { position: absolute; top: 120px; left: 0; width: 477px; }

#adapterNeedless figure { background-image: url(../sx-jet/images/adapter_02.jpg); border: 6px solid #a2e2a2; }
#oldAdapter04 { top: 0; right: 0; background-position: 0 0; border-bottom: none; }
#oldAdapter05 { top: 272px; right: 0; background-position: 0 -272px; }

#adapterNeedless figure#adapterSign {
 top: 242px; right: 200px; width: 70px; height: 88px; border: none; z-index: 10;
 background: url(../sx-jet/images/adapter_sign.png); }

/* -------------------------------------------
 SX Installation
------------------------------------------- */
#SXInst01, #SXOpe01 { background: #222; margin: 0; }

#SXInstSec01 h2 { background: url(../sx-jet/images/installation.png) no-repeat 0 0; width: 434px; height: 36px; }

#SXInst02 { position:relative; background: #222; padding: 80px 0 100px; margin: -1px 0 0; }

#SXInstSec03 { position:relative; }

#SXInstSec03 h2, #SXInstSec04 h2 {
 background-image: url(../sx-jet/images/installation.png); background-repeat: no-repeat; margin: 70px auto 0; }

#SXInstSec03 h2 { background-position: 0 -100px; width: 266px; height: 35px; }

#instTools { position: relative; width: 960px; height: 310px; margin: 50px auto 0; overflow: hidden; }

#instTools figure {
 position: absolute; top: 0; height: 310px;
 -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

#instTools #allenkey { left: 0; }
#instTools #spana01 { left: 174px; }
#instTools #spana02 { left: 300px; }
#instTools #monky { left: 420px; }
#instTools #soket { right: 225px; }
#instTools #hexagon-socket { right: 0; }

#toolVarious { background: #999; text-align: center; width: 100%; padding-bottom: 40px; }

#toolVarious img {
 width: 100%; max-width: 1600px; height: auto; margin: 5px auto 0; vertical-align: top;
 -webkit-transition: .4s; -moz-transition: .4s;  transition: .4s; }

.instCaution, #allenkeyGuide {
 background: rgba(245,245,245,1); width: 960px; margin: 40px auto 0; padding: 1.5em 0; }

.instCaution li { font-size: 88%; padding: .5em 0; }

#allenkeyGuide { min-height: 150px; position: relative; }
#allenkeyGuide:after {
 content: ''; position: absolute; top: 16px; left: 50px;
 background: url(../sx-jet/images/inst-allenkey.jpg) no-repeat 0 0; background-size: cover;
 width: 370px; height: 160px; display: block; }

#allenkeyGuide p {
 font-size: 94%; text-align: left; line-height: 2; letter-spacing: .05em; margin: 0; padding: 1em 46px .5em 480px; }

#allenkeyGuide p a { margin-top: 1em; display: inline-block; }

#SXInstSec04 h2 { background-position: 0 -200px; width: 234px; height: 35px; }

#SXInstCaution { width: 100%; max-width: 1200px; height: 400px; margin: 50px auto 0; position: relative; }

#SXInstCaution p {
 position: absolute; top: 10%; left: 50%;
 font-size: 100%; line-height: 2; letter-spacing: .075em; margin: 0 0 0 50px; }

.SXICaut02 { margin-top: 30px; display: block; }
#SXAdptLink { letter-spacing: .05em; margin-top: 20px; }

#SXInstCaution figure {
 position: absolute; top: 0; right: 50%;
 background: url(../sx-jet/images/inst_caution.jpg) no-repeat right top;
 width: 592px; height: 354px; border: 4px solid #c0c0c0; overflow: hidden; }

/* -------------------------------------------
 Slider Revolution
------------------------------------------- */
/* SX Series */
#SXInstallMov, #SXContentslMov { position:relative; width: 960px; height: 618px; margin: 0 auto; }

#SXInstallMov noscript div, #SXContentslMov noscript div {
 position: absolute; top: 0; left: 0;
 background: url(../sx-jet/images/inst03.jpg) no-repeat 0 0;
 width: 100%; height: 100%; margin: 0; z-index: 9999; }

#SXInstallMov noscript p, #SXContentslMov noscript p {
 position: absolute; top: 50%; left: 0; text-shadow: rgba(0,0,0,.85) 0 0 5px;
 color: #fff; font-size: 200%; text-align: center; width: 100%; margin: 0; }

.instGuide, .opeGuide {
 position: absolute; bottom: 0; left: 0;
 font-size: 113%; background: rgba(255,255,255,.8); width: 960px; height: 3em; }

.opeGuide { background: rgba(125,125,125,.2); }

.tp-caption { font-size: 113%; text-align: center; letter-spacing: .1em; width: 100%; padding: 1em 0; }

.movSeries.tp-caption { padding: 0; }

/* FG Series */
#FGInstMov { width: 700px; margin: 50px auto 0; position: relative; }

.fgiCap {
 position: absolute; bottom: 0; left: 0;
 background: rgba(255,255,255,.8); width: 700px; height: 50px; z-index: 1; }

#FGInstMov .tp-caption { font-size: 125%; letter-spacing: .075em; white-space: normal; }
.wCap.tp-caption { line-height: 1.3; text-align: left; }
#FGInstall .tp-bullets.preview3 { height: 20px; }

/* -------------------------------------------
 SX Operation
------------------------------------------- */
#SXOpeSec01 h2 { background: url(../sx-jet/images/operation.png) no-repeat 0 0; width: 408px; height: 36px; }

#SXOpe02 { position:relative; background: #222; padding: 80px 0 100px; }

#SXClip { background: #d7d7d7; border-top: 1px solid #eee; }

#SXOpe03 { background: #494e56; border-top: 1px solid #aeaeae; }

#SXClipSec, #SXOpeSec03, #SXOpeSec04 { position:relative; }

#SXClipSec h2, #SXOpeSec03 h2, #SXOpeSec04 h2 {
 background-image: url(../sx-jet/images/operation.png); background-repeat: no-repeat;
 position: absolute; top: 70px; left: 50%; height: 35px; z-index: 10; }

#SXClipSec h2 { background-position: 0 -80px; width: 282px; margin: 0 0 0 -141px; }

.clipImage { position: absolute; top: 40px; right: 48%; margin: 0; overflow: hidden; z-index: 0; }

#SXOpeSec03 h2 { background-position: 0 -160px; width: 248px; margin: 0 0 0 -124px; }

.soketImage { position: absolute; top: 80px; right: 52%; margin: 0; overflow: hidden; z-index: 2; }

#SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p {
 position: relative; color: #f2f2f2; font-size: 113%; line-height: 1.8; letter-spacing: .05em; margin: 0; }

#SXClipSec p { color: #222; min-height: 295px; padding: 195px 0 0 50%; z-index: 20; }

#SXOpeSec03 p { min-height: 325px; padding: 165px 0 0 50%; }

#SXClipSec p span, #SXOpeSec03 p span, #SXOpeSec04 p span {
 font-size: 78%; margin-top: 1em; display: block; }

#clipVarious, #soketVarious, #LSoketVarious { text-align: center; width: 100%; }

#clipVarious img, #soketVarious img, #LSoketVarious img {
 width: 100%; max-width: 1400px; height: auto; margin: 0 auto; vertical-align: top; }

#clipVarious ul, #soketVarious ul, #LSoketVarious ul {
 position: relative; color: #f0f0f0; font-size: 100%; font-weight: bold; letter-spacing: .1em;
 max-width: 1400px; margin: 0 auto; padding: 0; }

#clipVarious li, #soketVarious li, #LSoketVarious li { position: absolute; bottom: 0; height: 80px; }
#clipVarious li, #soketVarious li { text-align: center; width: 50%; }
#clipVarious li { height: 50px; }
#LSoketVarious li { text-align: left; }

#clipV01, #soketV01 { left: 0; }
#clipV02, #soketV02 { right: 0; }
#LSoketV01 { left: 3%; }
#LSoketV02 { left: 53%; }
@media only screen and (min-width: 1300px) { #LSoketV01 { left: 4%; } #LSoketV02 { left: 54%; } }

#SXOpe04 { background: #d5d5db; border-top: 1px solid #eee; }

#SXOpeSec04 h2 { background-position: 0 -240px; width: 348px; height: 36px; margin: 0 0 0 -174px; }

#SXOpeSec04 p { color: #222; max-width: 480px; min-height: 260px; padding: 230px 0 0 50%; }

#LSoketImage { position: absolute; top: 90px; right: 52%; margin: 0; overflow: hidden; z-index: 2; }

/* -------------------------------------------
 SX Spec
------------------------------------------- */
#SXSpecContents { background: #f2f2f2; border-top: 1px solid #fff; }

#SXSpecSec { width: 1020px; margin: 0 auto; padding-top: 65px; }

#SXSpecSec h2 {
 background: url(../sx-jet/images/specs.png) no-repeat 0 0;
 width: 184px; height: 37px; margin: 65px auto 0; }

#SXStructure { width: 920px; margin: 36px auto 0; position:relative; }

#SXStructure h3, #SXSpecList h3 {
 color: #595959; font-size: 150%; font-weight: normal; letter-spacing: .1em; width: 240px; margin: 0;
 border-top: 1px solid #aeaeae; }

#SXStructure h3 { padding-top: 20px; }

#SXSMov { width: 740px; height: 490px; margin: 16px auto 0; position:relative; }

#SXSMov li { border: 1px solid #fff; }

#SXStructure li:hover { cursor: pointer; }

#SXStructure p { color: #555; font-size: 88%; text-align: center; letter-spacing: .075em; margin: 20px 0 0; }

#SXSpecList { width: 920px; margin: 80px auto 0; padding-bottom: 30px; }

#SXSpecList section { position: relative; width: 100%; margin: 0; padding-bottom: 40px; }

#SXSpecList { border: none; }

#SXSpecList h3 { float: left; font-size: 138%; padding-top: 30px; }
#SXSpecList h3 span { font-size: 59%; letter-spacing: .05em; padding-top: 1.5em; display: block; }

#SXSpecSize figure {
 position: absolute; top: 0; right: 0; width: 404px; height: 344px;
 background: url(../sx-jet/images/sx106-size.png) no-repeat 0 0 / 404px 344px; }

#SXSpecSize dl, #SXSpecList ul { float: right; width: 580px; margin: 0; padding: 0; }

#SXSpecSize dt { color: #595959; font-size: 150%; margin: 0; letter-spacing: 2px; }
#SXSpecSize dt em {
 color: #00a0d9; font-size: 200%; font-style: normal; letter-spacing: -1px; margin: 0 5px 0 0; }
#SXSpecSize dt span { color: #898989; font-size: 58%; font-weight: bold; vertical-align: .5em; margin-right: 2px; }
#SXSpecSize dd { color: #555; font-size: 100%; letter-spacing: .1em; margin: 0; padding-bottom: 30px; }

@-webkit-keyframes SXSSData {
 0% { -webkit-transform: translate(0, 30px); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes SXSSData {
 0% { transform: translate(0, 30px); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

#SXSpecList ul { color: #555; font-size: 100%; border-top: 1px solid #aeaeae; letter-spacing: .1em; }
#SXSpecList li { position: relative; margin: 33px 0 0; }
#SXSpecList li span { position: absolute; top: 0; left: 200px; color: #008ebe; }
#SXSpecList li small { font-size: 82%; letter-spacing: .05em; }

#SXScrewSize ul { font-size: 138%; }
#SXScrewSize li { margin: 32px 0 0; }
#SXScrewSize li small { position: absolute; top: 0; left: 330px; color: #5e4733; font-size: 68%; padding-top: 3px; }
#SXScrewSize li em { color: #ee3300; font-size: 80%; vertical-align: .1em; padding-right: .35em; }

#SXOption h3 small { font-size: 80%; margin-left: -.35em; }

#SXOption ul small, #SXOther small { color: #494949; line-height: 1.8; padding: .25em 0 0 30px; display: block; }
#SXOther small { padding-top: 16px; }

.SXOls { font-style: normal; letter-spacing: 4px; }

#SXOption em { font-style: normal; }

#SXOther img { border: 4px solid #c2c2c2; vertical-align: top; }

/* -------------------------------------------
 SX Buy
------------------------------------------- */
.commonBuy { background: #f2f2f2; border-top: 1px solid #fff; }

.buyHead { position: relative; width: 1020px; margin: 0 auto; padding-top: 65px; }

.buyHead h2 { margin: 65px auto 0; }

#SXBuySec h2 { background: url(../sx-jet/images/buy.png) no-repeat 0 0; width: 308px; height: 66px; }

#buySXImage {
 position: absolute; top: 60px; right: 74%;
 background: url(../sx-jet/images/sx_buy.png) no-repeat 0 0;
 width: 260px; height: 200px; }

.SXBS { width: 940px; margin: 40px auto 0; border-top: 1px solid #bbb; }
#selectItem { width: 940px; margin: 0 auto; border-top: 2px solid #fff; }

.SXBS h3, #selectItem h3, .makeList h4 { text-align: center; margin: 0; }

.SXBS h3, #selectItem h3 { color: #494949; font-size: 163%; letter-spacing: .15em; padding: 1.8em 0 1.5em; }

.makeList h4 { color: #595959; font-size: 138%; font-weight: normal; padding: 2em 0 1.5em; }

#selectMake { margin-top: 80px; }

.buySelectContainer { padding-bottom: 10px; border-bottom: 1px solid #bbb; }

.buySelectContainer p { float: left; font-size: 138%; margin: 0 35px 30px 0; }
.buySelectContainer p.cent { float: none; width: 290px; margin: 0 auto 30px; }
.buySelectContainer p:nth-child(3n+3) { margin-right: 0; }

.makeList h4 small, .buySelectContainer p small { font-size: 73%; margin-left: -.35em; vertical-align: .05em; }

.buySelectContainer a {
 background: #858585; text-align: center; position: relative;
 width: 290px; padding: .635em 0; }
.win .buySelectContainer a { padding: .635em 0 .55em; }

.buySelectContainer.useGuide a { color: #595959; background: #fff; }
.buySelectContainer.useGuide a:hover { color: #fff; }

.buySelectContainer a:before { background: #00a2d5; }

#selectItem h3 { padding-bottom: 0; }

.stage .makeList { margin: 40px auto 0; }

.makeList {
 background: #fff; padding: .2em 30px 40px;
 -webkit-border-radius: 9px; border-radius: 9px; }

.makeList h4 { padding: 1.2em; border-bottom: 1px solid #ccc; }
.makeList h4.double { padding-top: 2.2em; }

.MLType, .MLTypeW {
 position: relative; width: 100%; margin: 0; padding: 16px 0;
 border-bottom: 1px solid #ccc; -webkit-box-sizing : border-box; box-sizing : border-box; }
.MLTypeW { padding: 10px 0; }

.MLType .single, .MLTypeW .single { padding: 15px 0 15px 10px; }

.MLType ul, .MLTypeW ul { width: 580px; margin: 0; padding: 0 0 0 10px; }
.MLTypeW ul { float: left; width: 560px; }

.MLType li, .MLTypeW li { font-size: 94%; line-height: 2; margin: 0; letter-spacing: .05em; }

.MLType sup, .MLTypeW sup { color: #cc1e1e; font-weight: bold; vertical-align: .1em; margin-right: .35em; }
.screwSize { color: #696969; font-size: 88%; padding-left: 2em; }
.screwSize span { font-size: 86%; padding-left: .25em; vertical-align: 1px; }

.MLNum, .NSBox01 p, .NSBox02 p { font-size: 188%; letter-spacing: .1em; }

.MLNum { position: absolute; top: 50%; left: 630px; width: 240px; margin: -.5em 0 0; }
.win #FGBuy .MLNum, .win #F300Buy .MLNum { margin-top: -.6em; }

.MLFG .MLNum { left: 590px; width: 280px; }

.SXADP .MLNum { left: 590px; width: auto; }

.NSBox01, .NSBox02 { float: right; width: 280px; padding-right: 10px; border: none; }
.NSBox02 { width: 295px; }

.NSBox01 p, .NSBox02 p { position: relative; }

.fgNml { margin: .35em 0 .5em; }
.ie9 .fgNml { margin: .4em 0 .5em; }
.fgNml span, .MLFG .MLNormal { color: #2e8e1e; }
.fgNS { margin: 0 0 .3em 0; padding: .65em 0 0; border-top: 1px dotted #ccc; }
.ie9 .fgNS { margin: 0 0 .4em; }
.fgNS span, .MLFG .MLNS, .MLFG .MLElbow { color: #bb5900; }

.MLSX, .MLOption { color: #5e5e5e; }
.makeList p.wide { left: 590px; width: 280px; }

.MLjet3S { color: #3595b5; }
.MLjet3L { color: #2e8e1e; }

.makeList em { font-style: normal; }
.NSBox01 em, .NSBox02 em, .MLFG em { vertical-align: -.075em; }

.makeList p span { font-size: 40%; margin-right: 5px; vertical-align: 50%; }
.makeList .NSBox01 p span, .makeList .NSBox02 p span, .makeList .MLFG p span {
 font-weight: bold; line-height: 1.5; text-align: center; letter-spacing: .05em;
 vertical-align: middle; width: 6em; margin-right: 8px; display: inline-block; }
.makeList .MLFG p span.MLOption { width: 5em; }

.fumotoCart, .fumotoCartFG01, .fumotoCartFG02 { position: absolute; left: 630px; width: 240px; }

.fumotoCart { top: 50%; }
.fumotoCartFG01 { top: 25%; }
.fumotoCartFG02 { bottom: 26%; }

.cartBT {
 position: absolute; top: 0; right: 0;
 background: #00a2d5; color: #fff; font-size: 18px; letter-spacing: .1em; display: block;
 margin: -15px 0 0; padding: 3px 10px 2px 11px; border: none; cursor: pointer; overflow: hidden; outline: none; }
.win.ie .cartBT, .win.gecko .cartBT { padding: 5px 10px 6px 11px; }
.win.webkit .cartBT { padding: 3px 10px 4px 11px; }
.win7.chrome .cartBT { padding: 6px 10px 4px 11px; }

.cartBT:before { background: #f46000; }

.makeList a.soon { background: #888; cursor: default;
  position: absolute; top: 0; right: 0; color: #fff; font-size: 16px; letter-spacing: .1em;
 margin: -15px 0 0; padding: 8px 8px 7px 9px; border: none;
  -webkit-border-radius: 5px; border-radius: 5px; }

.makeList a.soon:before { display: none; }

.makeList p small {
 font-size: 43%; letter-spacing: .05em; white-space: nowrap; display: block; }
.cautionFG3 { position: absolute; bottom: 6px; right: 8px; font-size: 88%; }
.cautionSItem { text-align: center; margin: .5em 0 0 0; }

.makeList p small a { position: relative; background: none; color: #00a2d5; font-size: 100%; padding: 0; }
.makeList p small a:before { background: none; }

#SBUseGuide { width: 940px; margin: 0 auto; padding: 20px 0 50px; }

.stage .SBUse { margin: 20px 0 0; }

.SBUse h3, .SBUse ul { margin: 0; border-top: 1px solid #bbb; }

.SBUse h3 {
 float: left; color: #595959; font-size: 138%; font-weight: normal;
 letter-spacing: .18em; width: 200px; padding-top: 30px; }
.SBUse ul { float: right; width: 640px; padding: 20px 0 0 0; }

.SBUse li { font-size: 100%; letter-spacing: .05em; margin: 0; padding: 12px 0; }
.SBUse small { font-size: 82%; }
.SBUse li.med { font-size: 88%; padding-top: 18px; }
.SBUse .lh18 { line-height: 1.8; }

#SBUGPrice { position: relative; }

#SBUGPrice p { position: absolute; top: 28px; right: 0; font-size: 88%; width: 250px; margin: 0; }

#SBUGPrice .SXPrice { color: #00a0d9; font-size: 258%; letter-spacing: -.05em; vertical-align: middle; }
#SBUGPrice .SXPrice em { font-size: 134%; font-style: normal; }
#SBUGPrice .standrdPrice { font-size: 93%; letter-spacing: .07em; margin: 4px 0 0 7px; display: block; }

.MLInstNotes { font-size: 94%; text-align: right; letter-spacing: .05em; margin: 1em -.05em 0 0; }

.makeList p.MLInstNotes a:before { background: none; }


/* -------------------------------------------
 Jet3 Top
------------------------------------------- */
#jet3Top section { position: relative; }

.jet3TopSection h2 { position: absolute; top: 60px; left: 50%;
 background-image: url(../jet3/images/top.png); background-repeat: no-repeat;
 background-size: 770px auto; font-size: 225%; text-align: center; height: 60px; margin: 0 auto; }

.jet3TopSection h2 span {
 color: #777; font-size: 42%; padding-top: .5em; letter-spacing: .1em; display: block; }

#jet3Top .SXLink { font-weight: bold; text-shadow: none; z-index: 99; }

#jet3Top .SXTCopy { line-height: 2; }

/* Section01 */
#jet3T01 { background: #1d0800; }

#jet3TSec01 { width: 1020px; height: 550px; position: relative; }

#jet3TSec01 h1 span, #jet3TSec01 h1 em, #jet3TSec01 h2, #jet3TSec01 p span, #jet3TSec01 p em {
 background-image: url(../jet3/images/top.png); background-repeat: no-repeat; background-size: 770px auto; }

#jet3TSec01 h1 span, #jet3TSec01 h1 em, #jet3TSec01 h2, #jet3TSec01 p span, #jet3TSec01 p em {
 position: absolute; left: 100px; margin: 0; display: block; z-index: 99; }

#jet3TSec01 h2 { top: 78px; background-position: 0 0; width: 770px; height: 29px; }

#jet3TSec01 p { margin: 0; }
#jet3TSec01 p span { top: 190px; background-position: 0 -50px; width: 280px; height: 39px; }
#jet3TSec01 p em { top: 245px; background-position: 0 -105px; width: 318px; height: 28px; }

#jet3TSec01 h1 { margin: 0; }

#jet3TSec01 h1 em { top: 320px; background-position: -400px -50px; width: 288px; height: 25px; text-indent: -9999px; }
#jet3TSec01 h1 span { top: 360px; background-position: -400px -90px; width: 288px; height: 72px; text-indent: -9999px; }

#jet3TopItem {
 position: absolute; top: 150px; right: 80px; background: url(../jet3/images/main800.jpg) no-repeat 0 0;
 background-size: 400px auto; width: 400px; height: 346px; margin: 0; display: block; }

/* Section02 */
#jet3Top02 {
 background: url(../jet3/images/top02_bg.png) repeat-x left top; border-top: 1px solid #eee; }

#jet3TSec02 {
 color: #000; background: url(../jet3/images/top01.jpg) no-repeat left top; height: 600px; position: relative; }

@media only screen and (max-width: 1200px) { #jet3TSec02 { background-position: -160px top; } }
@media only screen and (min-width: 1201px) { #jet3TSec02 { background-position: -100px top; } }
@media only screen and (min-width: 1320px) { #jet3TSec02 { background-position: -60px top; } }
@media only screen and (min-width: 1440px) { #jet3TSec02 { background-position: left top; } }

#jet3TSec02 h2 { background-position: 0 -180px; width: 490px; height: 70px; margin: -10px 0 0 -245px; }
#jet3TSec02 h2 span { color: #fff; padding-top: 1.2em; text-shadow: rgba(0,0,0,.35) -1px -1px 0; }

.jet3SGuide { position: absolute; top: 180px; left: 60%; }

#jet3SGraph { position: absolute; top: 320px; left: 60%; font-size: 88%; width: 400px; }

#jet3SGraph #SGItem {
 text-align: right; position: relative; letter-spacing: .05em;
 width: 12.5em; height: 5em; margin: 0; padding: 0; border-right: 1px solid #999; }

#SGI-jet3 { position: absolute; top: 1em; right: 1em; }

#SGI-oldFG { position: absolute; bottom: 1em; right: 1em; }

#Bar-jet3, #Bar-oldFG {
 position: absolute; left: 12.575em; height: 20px; margin: 0; padding: 0; display: block;
 border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

#Bar-jet3 { top: .69em; background: #f0771e; width: 100px; }

#Bar-oldFG { bottom: .88em; background: #29a4db; width: 200px; }

#speedGraph p {
 color: #1e7e2e; font-weight: bold; text-align: center; letter-spacing: .05em;
 width: 100%; margin: 1em 0 0; }

#jet3SMerit { color: #d96b1b; font-weight: bold; letter-spacing: .1em; }

#jet3BT01 { font-size: 115%; margin-top: 50px; }

/* Section03 */
#jet3Top03 {
 background: rgba(230,230,230,1) url(../jet3/images/free_bg.jpg) no-repeat left top;
 height: 550px; border-top: 1px solid #fff; position: relative; }

#jet3TSec03 { z-index: 10; }

#jet3TSec03 h2 { background-position: 0 -260px; width: 294px; margin-left: -147px; }
#jet3TSec03 h2 span { color: #4e4e4e; }

#jet3TC03 { position: absolute; top: 190px; left: 56%; max-width: 26em; margin: 1em 2em 0 0; z-index: 50; }

.jet3MoveOn {
 background: url(../jet3/images/free_item.png);
 position: absolute; top: 139px; left: 216px; width: 395px; height: 296px; }

@media only screen and (max-width: 1149px) {
 #jet3Top03 { background-position: -120px 0; } .jet3MoveOn { left: 96px; } }
@media only screen and (min-width: 1150px) {
 #jet3Top03 { background-position: -90px 0; } .jet3MoveOn{ left: 126px; } }
@media only screen and (min-width: 1250px) {
 #jet3Top03 { background-position: -60px 0; } .jet3MoveOn { left: 156px; } }
@media only screen and (min-width: 1370px) {
 #jet3Top03 { background-position: -30px 0; } .jet3MoveOn { left: 186px; } }
@media only screen and (min-width: 1500px) {
 #jet3Top03 { background-position: 0 0; } .jet3MoveOn { left: 216px; } }

/* Section04 */
#jet3Top04 { background: rgba(240,240,240,1); height: 550px; border-top: 1px solid #fff; }

#jet3TSec04 h2 { background-position: 0 -340px; width: 308px; margin-left: -154px; z-index: 10; }
#jet3TSec04 h2 span { color: #888; }

#jet3TC04 { position: absolute; top: 210px; left: 52%; width: 23.5em; }

#jet3TopClip { position: absolute; top: 110px; right: 49%; z-index: 1; }

/* Section05 */
#jet3Top05 { position: relative; background: rgba(234,234,234,1); height: 550px; border-top: 1px solid #fff; }

#jet3TSec05 h2 { background-position: -400px -260px; width: 228px; margin-left: -114px; z-index: 10; }

#jet3TC05 { position: absolute; top: 220px; right: 52%; width: 24.5em; z-index: 10; }

#jet3TWeightSaving { position: absolute; top: 95px; left: 46%; z-index: 1; }

@media only screen and (min-width: 1280px) { #jet3TWeightSaving { left: 48%; } }

/* Section06 */
#jet3Top06 { background: #fff; height: 520px; overflow: hidden; position: relative; }

#jet3TSec06 h2 { background-position: -400px -340px; width: 154px; margin-left: -77px; }

#jet3TC06 { position: absolute; top: 240px; left: 50%; margin-left: -71px; }

#jet3CG-01 { position: absolute; top: 120px; left: 3%; width: 400px; }
#jet3CG-02 { position: absolute; top: 120px; right: 3%; width: 420px; margin-top: 10px; }
#jet3CG-01 img, #jet3CG-02 img { width: 100%; height: auto; }

#jet3Top06 figure:after {
 content: ''; position: absolute; top: 225px;
 width: 40%; height: 4%; z-index: 99; display: block;
 -webkit-box-shadow: 30px 90px 60px; box-shadow: 30px 90px 60px;
 -webkit-border-radius: 50px; border-radius: 50px; opacity: .4; }

#jet3Top06 #jet3CG-01:after { left: 10%; }
#jet3Top06 #jet3CG-02:after { right: 25%; }

@media only screen and (min-width: 1130px) { #jet3CG-01 { left: 5%; } #jet3CG-02 { right: 5%; } }
@media only screen and (min-width: 1260px) { #jet3CG-01 { left: 7%; } #jet3CG-02 { right: 7%; } }
@media only screen and (min-width: 1360px) { #jet3CG-01 { left: 9%; } #jet3CG-02 { right: 9%; } }
@media only screen and (min-width: 1420px) { #jet3CG-01 { left: 11%; } #jet3CG-02 { right: 11%; } }
@media only screen and (min-width: 1560px) { #jet3CG-01 { left: 13%; } #jet3CG-02 { right: 13%; } }

/* -------------------------------------------
 JET3 Common
------------------------------------------- */
/* Page Top Navi */
#PTopNavi a .jet3PTN, #PTopNavi #PTCurrent .jet3PTN, #PTopNavi a:hover .jet3PTN {
 background-image: url(../jet3/images/copy_jet3.png);
 background-repeat: no-repeat; background-size: 350px 22px;
 width: 47px; height: 19px; text-indent: -9999px; display: block; }

.win #PTopNavi a .jet3PTN, .win #PTopNavi #PTCurrent .jet3PTN { vertical-align: middle; }

#PTopNavi a .jet3PTN { background-position: -180px 0; }
#PTopNavi #PTCurrent .jet3PTN { background-position: -240px 0; }
#PTopNavi a:hover .jet3PTN { background-position: -300px 0; }

#jet3Top #PTopNavi ul .jet3PNC { margin-right: 15px; }
#PTopNavi ul .jet3PNC { margin-right: 18px; }

#PTopNavi .jet3PNC span { width: 55px; padding: 0 0 4px; }
#PTopNavi .jet3PNC span:after { left: -5px; bottom: -1px; }

#PTopNavi ul .jet3PNTop { margin-right: 5px; }

#PTopNavi .jet3PNTop a { margin: 0; padding: 6px 15px 4px 8px; }
.win #PTopNavi li.jet3PNTop a { margin: 0; padding: 6px 15px 4px 8px; }

/* Page Name */
#jet3SCopy {
 font-family: JSB; font-size: 88%; letter-spacing: .05em;
 width: 194px; height: 22px; margin: 0 auto; position: relative; z-index: 99; }

.JSCWhite, .JSCGray {
 position: absolute; bottom: 5px; right: 0;
 background: url(../jet3/images/copy_jet3.png) no-repeat 0 0; background-size: 350px auto;
 width: 55px; height: 22px; display: block; }
.JSCGray { background-position: -100px 0; }

.jet3PageName {
 position: absolute; left: 0; font-size: 88%; text-align: center; letter-spacing: .1em;
 width: 100%; margin: 0; z-index: 99; }

/* Contents */
.jet3TCopy { color: #000; font-size: 113%; line-height: 2; letter-spacing: .1em; }

.jet3CompContents { position: relative; }

#jet3PMainCopy {
 color: #eee; font-size: 113%; line-height: 2; text-align: center; letter-spacing: .075em;
 margin: 0 auto; padding-top: 130px; }

#jet3PMainCopy span { font-size: 83%; }
#jet3PMainCopy b { color: #fff5a9; padding-right: .25em; vertical-align: middle; }

#jet3PMainCopy .tLink02 a { color: #fff5a9; }
#jet3PMainCopy .tLink02 a:hover { color: #b9e9f9; }

#jet3Top, #jet3Compare, #jet3Inst, #jet3Ope, #jet3Spec { border-bottom: 5px solid #ccc; }

/* -------------------------------------------
 JET3 Compare
------------------------------------------- */
#jet3CompSec01 #jet3SCopy { color: #fff; padding-top: 60px; }

#jet3Comp01 { background: rgb(246,247,251) url(../jet3/images/compare_bg.jpg) repeat-x left top; height: 750px; }

#jet3CompSec01 { position: relative; height: 100%; }

#jet3CompSec01 h1, .jet3CompSection h2, .jet3CompContents h2 {
 background-image: url(../jet3/images/compare.png); background-repeat: no-repeat;
 background-size: 364px auto; position: absolute; left: 50%; margin: 0; }

#jet3CompSec01 h1 {
 top: 105px; background-position: 0 0; width: 270px; height: 35px; margin-left: -135px; z-index: 99; }

#jet3PNCompare.jet3PageName { top: 155px; color: #fff; }

#jet3CompTopCopy { position: absolute; top: 230px; left: 52%; z-index: 99; }

#jet3CompTopCopy h3 { color: #000; font-family: 'JSR'; font-size: 46px; letter-spacing: .04em; height: 40px; margin: 0; }

.jet3Count { font-style: normal; width: 2em; }

.jet3Count, .jet3Percent { vertical-align: 2px; display: inline-block; }

#jet3CountTit {
 background: url(../jet3/images/compare.png) no-repeat 0 -48px; background-size: 364px auto;
 width: 115px; height: 38px; margin-left: 6px; display: inline-block; }

#jet3CompTopCopy p { max-width: 28em; margin: 2em 2em 0 0; }

#jet3CompItem { position: absolute; top: 0; right: 37%; margin: 0; z-index: 1; }

@media only screen and (min-width: 1080px) { #jet3CompItem { right: 40%; } }
@media only screen and (min-width: 1200px) { #jet3CompItem { right: 42%; } }
@media only screen and (min-width: 1280px) { #jet3CompItem { right: 44%; } }
@media only screen and (min-width: 1600px) { #NOCompIM { right: 39%; } }
@media only screen and (min-width: 1920px) { #NOCompIM { right: 41%; } }

#Jet3SpeedGraph { position: absolute; top: 585px; left: 50%; width: 682px; margin-left: -341px; }

#NSBar-NJet3, #NSBar-OFG { position: absolute; left: 140px; height: 8px; margin: 0; padding: 0; display: block; }

#NSBar-NJet3 { top: 0; background: #f0771e; width: 270px; }
#NSBar-OFG { top: 50px; background: #29a4db; width: 540px; }

.win #Jet3SpeedGraph #NSSXPer { top: -3px; }
.win #Jet3SpeedGraph #NSFPer { top: 47px; }

#jet3FastCopy {
 position: absolute; top: -2px; right: -.75em; color: #d96b1b; font-size: .82em; font-weight: bold; letter-spacing: .025em; }

#jet3SpeedCaution {
 position: absolute; bottom: 45px; left: 0; font-size: 82%; text-align: center;
 letter-spacing: .05em; width: 100%; margin: 0; }
#jet3SpeedCaution b { color: #d30; font-size: 116%; vertical-align: -.225em; margin-right: .25em; }

#jet3Comp02 { background: #f5f5f5; height: 550px; border-top: 2px solid #fff; }

#jet3Comp02 h2 {
 top: 60px; background-position: 0 -100px; width: 362px; height: 35px; margin-left: -181px; z-index: 10; }

#jet3CompBolt { position: absolute; top: 160px; right: 51%; width: 470px; }

#jet3CompAdapter { position: absolute; top: 120px; left: 53%; width: 390px; }

#jet3CompBolt p, #jet3CompAdapter p {
 font-size: 113%; line-height: 1.8; letter-spacing: .075em; margin: 0; position: relative; z-index: 10; }

#jet3CompBolt p { padding: 0 1em; }

#jet3CompAdapter p { margin-top: -12px; }

#jet3Comp02 figure { z-index: 1; position: relative; }
#jet3CompBolt figure { margin-top: -28px; }

#jet3Comp03 { background: #fff; min-height: 500px;}

#jet3Comp03 h2 {
 top: 60px; background-position: 0 -150px; width: 292px; height: 34px; margin-left: -146px; }

#jet3CompAlleviation { padding: 80px 0;  position: relative; }

#jet3CompAlleviation section {
 background: #f5f2ec; width: 960px; margin: 80px auto 0; position: relative; }

#J3CC01 { min-height: 318px; }
#J3CC02 { padding-bottom: 38px; }
#J3CC03 { min-height: 440px; }

#jet3CompAlleviation h3 { margin: 0; padding-top: 40px; }

#jet3CompAlleviation h3 span {
 background-image: url(../jet3/images/compare.png); background-repeat: no-repeat;
 background-size: 364px auto; height: 29px; display: block; }

#J3CC01 h3 span { background-position: 0 -200px; width: 232px; }
#J3CC02 h3 span { background-position: 0 -250px; width: 286px; }
#J3CC03 h3 span { background-position: 0 -300px; width: 286px; }
#J3CC04 h3 span { background-position: 0 -350px; width: 286px; }

#jet3CompAlleviation p { font-size: 100%; line-height: 1.8; letter-spacing: .05em; margin: 0; padding: 1.5em 2em 0 0; }

#J3CC01 h3, #J3CC01 p { padding-left: 500px; }
#J3CC02 h3, #J3CC02 p { padding-left: 40px; width: 33em; }
#J3CC03 h3, #J3CC03 p { padding-left: 320px; max-width: 36em; }
#J3CC04 h3 { padding-left: 60px; }
#J3CC04 p { padding: 1.5em 60px 40px 60px; }

#J3CC01 figure, #j3CCIM03 { position: absolute; top: -20px; left: -20px; }
#J3CC02 figure { position: absolute; top: -20px; right: -20px; }
#j3CCIM04 { position: absolute; bottom: -20px; right: -20px; }

#J3CC01 figcaption span {
 position: absolute; top: 30px; color: #000; font-size: 94%; letter-spacing: .075em; z-index: 10; }
#jetCompFF01 { left: 84px; }
#jetCompFF02 { right: 118px; }

#J3CC02 figcaption {
 position: absolute;  top: 16px; left: 16px;
 color: #fff; font-size: 88%; letter-spacing: .025em; font-weight: bold; z-index: 10; }

/* -------------------------------------------
 JET3 Installation
------------------------------------------- */
#jet3Inst01 #jet3SCopy { color: #fff; padding-top: 60px; }

#jet3Inst section { position: relative; }

#jet3Inst01 { background-color: #222; }

#jet3InstSec01 { position: relative; height: 100%; }

#jet3InstSec01 h1, #jet3InstSec03 h2, #jet3InstSec04 h2 {
 background-image: url(../jet3/images/installation.png); background-repeat: no-repeat;
 background-size: 450px auto; position: absolute; left: 50%; margin: 0; }

#jet3InstSec01 h1 {
 top: 120px; background-position: 0 0; width: 356px; height: 36px; margin-left: -178px; z-index: 99; }

#jet3PNInst.jet3PageName { top: 170px; color: #fff; }

#jet3Inst02 { position:relative; background: #222; padding: 50px 0 100px; margin: -1px 0 0; }

#jet3InstSec03 h2 { top: 60px; background-position: 0 -60px; width: 264px; height: 35px; margin-left: -132px; }

#jet3InstSec03 p { font-size: 113%; text-align: center; letter-spacing: .075em; margin: 0; padding-top: 125px; }

#jet3InstTools { position: relative; width: 700px; height: 310px; margin: 30px auto 0; overflow: hidden; }

#jet3InstTools figure { position: absolute; top: 0; height: 310px; text-indent: -9999px; }
#jet3InstTools #spana01 { left: 0; }
#jet3InstTools #spana02 { left: 175px; }
#jet3InstTools #monky { right: 220px; }
#jet3InstTools #soket { right: 0; }

#jet3Inst04 { position:relative; background: #f5f5f5; }
#jet3InstSec04 { padding: 480px 0 60px; }

#jet3InstSec04 h2 { top: 60px; background-position: 0 -120px; width: 316px; height: 33px; margin-left: -158px; }

#J3InstGuide { position: absolute; top: 160px; left: 49%; width: 29.6em; z-index: 10; }

#J3InstGuide p { font-size: 113%; line-height: 2; letter-spacing: .075em; margin: 0; }

#J3InstGuide figure { text-align: center; }

#J3IAdaptOn { position: absolute; top: 120px; right: 50%; z-index: 1; }

#J3IAdaptInst, #J3IAdaptInst h3, .J3IAI01, .J3IAI02 {
 background: url(../jet3/images/installation.png) no-repeat 0 -240px; background-size: 450px auto; }

#J3IAdaptInst {
 width: 480px; min-height: 370px; margin: 0 auto; padding: 18px 0 0 480px; position: relative; z-index: 20; }
#J3IAdaptInst h3 { background-position: 0 -180px; width: 268px; height: 26px; margin: 0; }

#J3IAdaptInst p { line-height: 2; letter-spacing: .075em; margin: 0; padding: 1.5em 0 0 48px; }
#J3IAdaptInst p span { font-size: 94%; display: block; }

.J3IAI01 { background-position: -400px 21px; }
.J3IAI02 { background-position: -400px -79px; }

.J3IAdaptIGuide { background: #fff; width: 21.5em; margin: 20px 0 0; padding-bottom: .75em; -webkit-border-radius: 6px; border-radius: 6px; }

#J3IAdaptInst .J3IAdaptIGuide p { font-size: 88%; padding: 1em 0 0 2em; }

/* -------------------------------------------
 JET3 Operation
------------------------------------------- */
#jet3Ope01 #jet3SCopy { color: #fff; padding-top: 60px; }

#jet3Ope section { position: relative; }

#jet3Ope01 { background-color: #222; }

#jet3OpeSec01 { position: relative; height: 100%; }

#jet3OpeSec01 h1, #jet3Ope03 h2, #jet3OpeSec04 h2 {
 background-image: url(../jet3/images/operation.png); background-repeat: no-repeat;
 background-size: 398px auto; position: absolute; left: 50%; margin: 0; }

#jet3OpeSec01 h1 {
 top: 120px; background-position: 0 0; width: 398px; height: 35px; margin-left: -199px; z-index: 99; }

#jet3PNInst.jet3PageName { top: 170px; color: #fff; }

#jet3Ope02 { position:relative; background: #222; padding: 50px 0 100px; margin: -1px 0 0; }

#jet3Ope03 { background: #f0f0f0; border-top: 1px solid #fff; }
#jet3OpeSec03 { padding-top: 530px; }

#jet3Ope03 h2 { top: 60px; background-position: 0 -50px; width: 383px; height: 36px; margin-left: -192px; z-index: 10; }

#jet3Ope03 p, #jet3Ope04 p {
 position: absolute; top: 170px; left: 52%;
 font-size: 113%; line-height: 2; letter-spacing: .075em; max-width: 29em; margin: 0; padding-right: 40px; }
 #jet3Ope04 p { max-width: 30em; }

#jet3Ope03 p span, #jet3Ope04 p span { font-size: 78%; margin-top: 30px; display: block; }
#jet3Ope04 p span { margin-top: 20px; }

#J3OpeClipOn { position: absolute; top: 80px; right: 48%; z-index: 1; }

#jet3Ope03 p .J3OCO2 { margin-top: .5em; }

#jet3ClipVarious, #jet3SocketVarious {
 text-align: center; width: 100%; max-width: 1400px; margin: 0 auto; position: relative; }

#jet3ClipVarious img, #jet3SocketVarious img {
 width: 100%; max-width: 1400px; height: auto; margin: 0 auto; vertical-align: top; }

#jet3ClipVarious ul, #jet3SocketVarious ul {
 position: absolute; top: 0; left: 0; font-size: 94%; font-weight: bold; letter-spacing: .05em;
 width: 100%; height: 100%; margin: 0 auto; padding: 0; }
#jet3ClipVarious li { white-space: nowrap; display: block; }

#jet3ClipV01 { position: absolute; bottom: 7%; left: 2%; color: #000; }
#jet3ClipV02 { position: absolute; top: 7%; left: 50%; color: #fff; margin-left: 25px;}

#jet3Ope04 { background: #f0f0f0; border-top: 1px solid #fff; }
#jet3OpeSec04 { padding-top: 490px; }

#jet3OpeSec04 h2 {
 top: 60px; background-position: 0 -100px; width: 349px; height: 36px; margin-left: -174px; z-index: 10; }

#J3OpeSocket { position: absolute; top: 80px; right: 49%; z-index: 1; }

#jet3SocketV01, #jet3SocketV02 { position: absolute; bottom: 30px; width: 50%; height: 1em; text-align: center; }
#jet3SocketV01 { left: 0; }
#jet3SocketV02 { right: 0; }

/* -------------------------------------------
 JET3 Spec
------------------------------------------- */
#jet3SpecContents { background: #f2f2f2; border-top: 1px solid #fff; position: relative; }

#jet3SpecSec #jet3SCopy { color: #727272; padding-top: 70px; }

#jet3SpecSec h1 {
 background: url(../jet3/images/specs.png) no-repeat 0 0; background-size: 174px auto;
 position: absolute; left: 50%; top: 140px; width: 174px; height: 37px; margin: 0 0 0 -87px; z-index: 99; }

#jet3PNSpec.jet3PageName { top: 190px; color: #7e7e7e; }

#jet3SpecCG { position: absolute; top: 30px; left: 58%; z-index: 10; width: 450px; }
#jet3SpecCG img { width: 100%; height: auto; }

#jet3SpecList section { position: relative; width: 100%; margin: 0; padding-bottom: 40px; }

#jet3SpecList #jet3SpecSize { padding: 0; }

#jet3SpecList { width: 920px; margin: 250px auto 0; padding-bottom: 30px; }

#jet3SpecList { border: none; }
#jet3SpecList h3 {
 font-size: 150%; font-weight: normal; letter-spacing: .1em; width: 240px; margin: 0; border-top: 1px solid #aeaeae; }
#jet3SpecList h3 { float: left; font-size: 138%; padding-top: 30px; }
#jet3SpecList h3 span { font-size: 59%; letter-spacing: .05em; padding-top: 1.5em; display: block; }
#jet3SpecSize h3 span { line-height: 1.8; }

#J3SSList { float: right; width: 580px; margin: 0; padding: 0; }

.J3SSBlock { width: 100%; padding: 30px 0 40px; border-top: 1px solid #aeaeae; }

#J3SSList h4 { color: #606060; font-size: 188%; letter-spacing: .075em; margin: 0; }
#J3SSList h4 small { font-size: 60%; font-weight: normal; letter-spacing: 0; vertical-align: middle; }

#jet3SpecList ul {
 float: right; width: 580px; margin: 0; padding: 0; font-size: 100%;
 border-top: 1px solid #aeaeae; letter-spacing: .1em; }

#jet3SpecList li { position: relative; margin: 33px 0 0; }
#jet3SpecList li span { position: absolute; top: 0; left: 150px; color: #008ebe; }
#jet3SpecList li small { font-size: 82%; letter-spacing: .05em; }

#jet3SpecList #jet3ScrewSize ul { font-size: 113%; }

#J3SSList ul { margin: 0; padding: 20px 0 0; border: none; }
#J3SSList li { float: left; margin: 0 30px 0 0; display: block;}

#J3SSList b { color: #00a0d9; font-size: 238%; font-weight: normal; letter-spacing: -1px; margin: 0 5px 0 0; }
#J3SSList em { color: #666; font-size: 113%; font-style: normal; }
#J3SSList li small { font-size: 94%; margin-top: .35em; padding-top: .5em; border-top: 1px solid #fff; display: block; }

#jet3ScrewSize h3 span { font-size: 68%; vertical-align: .1em; display: inline-block; }
#jet3ScrewSize em { font-size: 83%; font-style: normal; vertical-align: .05em; }
#jet3ScrewSize i { font-style: normal; margin-left: .25em; }

#jet3SpecList #SXMaterials li em { font-style: normal; }

/* -------------------------------------------
 JET3 BUY
------------------------------------------- */
#jet3BuyContents { background: #f2f2f2; border-top: 1px solid #fff; position: relative; }
#jet3BuySec { width: 1020px; margin: 0 auto; }

#jet3BuySec #jet3SCopy { color: #727272; padding-top: 60px; }

#jet3BuySec h1 {
 background: url(../jet3/images/buy.png) no-repeat 0 0; background-size: 396px auto;
 position: absolute; left: 50%; top: 130px; width: 396px; height: 73px; margin: 0 0 0 -198px; z-index: 99; }

#jet3PNBuy.jet3PageName { top: 210px; color: #7e7e7e; }

#jet3BuyContents #selectMake { margin-top: 190px; }

#jet3FGImage { position: absolute; top: 36px; right: 73%; width: 290px; }
#jet3FGImage img { width: 100%; height: auto; }

#jet3BuySec #SBUGPrice p { width: 215px; }
#jet3BuySoon {
 background: #fff; text-align: center; letter-spacing: .05em;
 margin: 40px 0 0; padding: 25px 30px; -webkit-border-radius: 8px; border-radius: 8px; }

#jet3BuySoon h2 { color: #d25200; font-size: 150%; margin: 0; }
#jet3BuySoon h3 { font-size: 125%; margin: 3px 0 .75em; padding: 0; }
#jet3BuySoon h3 span { padding: 0 .1em 5px .3em; border-bottom: 2px solid #ccc; display: inline-block; }
#jet3BuySoon p { font-size: 100%; line-height: 1; margin: .75em 0 0; }
#jet3BuySoon p span { font-size: 132%; }

/* -------------------------------------------
 SUS(D) Series
------------------------------------------- */
#FSEyecatch { background: #000; }

#FS01 { max-width: 1120px; height: 800px; position: relative; }

#FSSeries section h1, #FSSeries section h2, #FS01 h2 span, #FSAnime h3 {
 background-image: url(../sus/images/sus.png); background-repeat: no-repeat; }

#FS01 h1, #FS01 h2 { position: absolute; left: 7%; width: 494px; height: 39px; margin: 0; z-index: 99; }

#FS01 h1 { top: 180px; background-position: 0 0; }
#FS01 h2 { top: 236px; background-position: 0 -60px; }

#FS01 h2 span {
 background-position: -300px -120px;
 position: absolute; top: 8px; left: 248px; width: 58px; height: 26px; display: block; }

#FSTopName {
 position: absolute; top: 120px; left: 7%;
 color: #ccc; font-size: 125%; letter-spacing: .05em; }

#FSTopCopy { position: absolute; top: 560px; right: 4%; color: #ddd; width: 29.75em; margin: 0; z-index: 99; }

#FSCG, #FSIM { position: absolute; margin: 0; z-index: 1; }

#FSCG {
 background: url(../sus/images/sus-cg.jpg) no-repeat 0 0; background-size: contain;
 top: 90px; right: 5%; width: 470px; height: 410px; }

@media only screen and (max-width: 1040px) { #FSCG { right: 1%; } }
@media only screen and (min-width: 1041px) { #FSCG { right: 3%; } }
@media only screen and (min-width: 1100px) { #FSCG { right: 5%; } }

#FSIM {
 background: url(../sus/images/sus-im.jpg) no-repeat 0 0; background-size: contain;
 position: absolute; top: 340px; left: 4%; width: 400px; height: 412px; }

#FSSummary, #FSIntroduce { background: #f2f2f2; }

#FS02, #FS03, #FS04 {
 width: 960px; margin: 0 auto; padding: 70px 0 60px; position: relative; }
#FS02 { padding-bottom: 70px; }

#FS02 h2, #FSAnime h3, #FS03 h2, #FS04 h2 { font-size: 225%; text-align: center; height: 59px; margin: 0 auto; }

#FS02 h2 { background-position: 0 -140px; width: 174px; }

#FSSeries h2 span, #FSAnime h3 span {
 color: #777; font-size: 42%; padding-top: .5em; letter-spacing: .075em; display: block; }

#FS02 p, #FSIGuide { font-size: 100%; line-height: 1.87; letter-spacing: .05em; }
#FS02 p { width: 35em; margin: 0; z-index: 10; }

#FS02 p.susPatent { color: #666; font-size: 94%; font-weight: bold; }

#SusPin {
 background: url(../sus/images/sus-pin.jpg) no-repeat 0 0; background-size: contain;
 position: absolute; top: 134px; right: -10px; width: 350px; height: 370px; z-index: 1; }
#SusPin figcaption {
 position: absolute; bottom: -1em; left: 0; font-size: 88%; text-align: center; width: 100%; }

#FSAnime { width: 900px; margin: 0 auto; padding-bottom: 70px; }

#FSAnime h3 { background-position: 0 -320px; width: 302px; }

#SUSAnimation { background: #f3f3f3; margin: 40px auto 0; }

#SUSAnimation img, #SUSVideo { -webkit-border-radius: 10px; border-radius: 10px; }

#SUSAnimation p a { opacity: 1; }
#SUSAnimation p a:hover { opacity: .75; }

#SUSVideo { margin: 0; overflow: hidden; }

body#SUSMov { background: #000; min-width: 900px; overflow: hidden; }

body#SUSMov,
#FSPage .lity-iframe .lity-container, #FSPage .lity-content,
#FSPage .lity-iframe-container, #FSPage .lity-iframe-container iframe { width: 900px; height: 600px; }

#FS03 h2 { background-position: 0 -200px; width: 248px; }

#FS03 div { width: 40em; margin: 16px auto 0; height: 344px; position: relative; }

#FS03 p { position: absolute; top: 70px; right: 50%;
 font-size: 125%; line-height: 2; letter-spacing: .1em;
 width: 14em; margin: 0 24px 0 0; z-index: 10; }

#FS03 figure { position: absolute; top: 0; left: 50%; margin-left: 30px; z-index: 1; }

#FS04 h2 { background-position: 0 -260px; width: 328px; }

#FSIInfo {
 color: #795e45; font-size: 113%; font-weight: bold; text-align: center; letter-spacing: .1em;
 width: 100%; margin: 2.5em 0 1em; }

#FSIGuide { float: left; line-height: 2; width: 28.5em; margin: .88em 0 0; }

#FSItemNum { float: right; background: #fff; width: 400px; padding: 24px; margin: 0; }
#FSItemNum h3 { color: #666; font-size: 107%; margin: 0; }
#FSItemNum p { font-size: 82%; line-height: 2; letter-spacing: .05em; margin: 0; padding: 1em 0 0; }

.SXLink { font-size: 94%; display: block; }

#FSInquiry { font-size: 107%; text-align: center; margin: 2em 0 0; }

#FSInquiry a { background: #727272; display: inline-block; }

/* -------------------------------------------
 For Truck / FG Series
------------------------------------------- */
#FGEyecatch { background: #000; position: relative; overflow: hidden; z-index: 0; }

#FGEInner {
 background: url(../fg/images/title.jpg) no-repeat center top;
 width: 100%; z-index: 1; border-top: 1px solid #666; }

#FGEInner:after {
 content: ''; position: absolute; top: 0; right: 0; left: 0;
 background: rgba(0,0,0,.45); width: 100%; height: 720px; display: block; z-index: 2; }

#FGTop { max-width: 968px; height: 720px; position: relative; }

#FGTop h1, #FGSeries h2 {
 background-image: url(../fg/images/fg.png); background-repeat: no-repeat; }

#FGTop h1, #FGTop h2 { position: absolute; left: 0; margin: 0; z-index: 10; }

#FGTop h1 { top: 200px; background-position: 0 -40px; width: 423px; height: 48px; }
#FGTop h2 { top: 170px; background-position: 0 0; width: 216px; height: 24px; }

#FGTopName, #FGTopCopy {
 position: absolute; left: 4px; color: #fff; font-size: 125%; letter-spacing: .05em; margin: 0; z-index: 10; }

#FGTopName { top: 105px; }

#FGTopCopy { top: 480px; font-weight: bold; line-height: 2; }

#FGCip { background: #e3e6e9; }

#FG02, #FG03, #FG04, #FG05 { width: 100%; margin: 0; padding: 70px 0 60px; position: relative; }

#FG02 { min-height: 370px; border-top: 1px solid #f2f2f2; }

#FG02 h2, #FG03 h2, #FG04 h2 {
 font-size: 225%; text-align: center; height: 59px; margin: 0 auto; position: relative; z-index: 10; }

#FG02 h2 { background-position: 0 -120px; width: 282px; }
#FG03 h2 { background-position: 0 -200px; width: 316px; }
#FG04 h2 { background-position: 0 -280px; width: 280px; }

#FGSeries h2 span { color: #777; font-size: 42%; padding-top: .5em; letter-spacing: .075em; display: block; }
#FGSeries #FG04 h2 span { color: #c2c2c2; }

.FGClipGuide, .FGNSGuide { position: absolute; left: 50%; margin: 0; }
.FGClipGuide { top: 170px; width: 27em; }

.FGClipGuide span { font-size: 73%; margin-top: 1em; display: block; }

#FGPurchase, #FGNSPurchase { position: absolute; top: 380px; left: 50%; margin: 0; }
#FGNSPurchase { top: 350px; }

#fgClipIM { position: absolute; top: 145px; right: 60%; z-index: 1; }

#FGNSType { background: #f0f0f0; border-top: 1px solid #f9f9f9; }

.FGNSGuide { top: 210px; width: 18.5em; }

#fgNsIM { position: absolute; top: 140px; right: 59%; z-index: 1; }

#FGNS-Socket { background: #fff; width: 960px; height: 380px; margin: 400px auto 0; position: relative; }

#FGNS-Socket:after {
 content: ''; position: absolute; top: 200px; left: 370px;
 background: url(../fg/images/fg.png) no-repeat -350px -120px; width: 50px; height: 46px; }

#FGNS-Socket p { font-size: 100%; text-align: center; letter-spacing: .05em; margin: 0 auto; padding-top: 40px; }

#FGNS-Socket small { font-size: 82%; text-align: left; width: 75.2%; margin-top: 1em; display: inline-block; }

#NSL-Socket { position: absolute; top: 115px; left: 130px; text-align: center; }
#NSL-Socket figcaption { font-size: 82%; letter-spacing: .05em; margin-top: .3em; }

#NSL-Installing { position: absolute; top: 110px; right: 120px; }

#FGInstall { background: #494949; padding-bottom: 216px; border-top: 1px solid #fff; position: relative; }

#fgiCaution { position: absolute; bottom: -154px; left: 50%;
 background: rgba(255,255,255,.85); width: 722px; margin: 0 0 0 -400px; padding: 25px 30px 25px 40px; }

#fgiCaution li { font-size: 88%; padding: .35em 0; }

#FGPV { background: #ccc; border-top: 1px solid #e5e5e5; }

#FG05 h3 { color: #fff; font-size: 150%; text-align: center; letter-spacing: .3em; margin: 0; }

#FGPamph { padding: 50px 0 48px; }
#FGPBT { font-size: 125%; font-weight: bold; text-align: center; width: 100%; margin: 0; }
#FGPBT span { display: inline-block; }
#FGPBT a { letter-spacing: .035em; }
#FGPBT small { font-size: 64%; margin-left: .5em; vertical-align: .15em; }

#FGSeriesMov { margin-top: 40px; }

#FGVideo { width: 700px; height: auto; margin: 0 auto; display: block; }

/* FG Buy */
#FGBuyContents, #F300BuyContents { background: #f2f2f2; border-top: 1px solid #fff; }

#FGBuySec, #F300BuySec { position: relative; width: 1020px; margin: 0 auto; padding-top: 65px; }

#FGBuySec h2 {
 background: url(../fg/images/fg.png) no-repeat 0 -350px;
 width: 310px; height: 66px; margin: 65px auto 0; }

#buyFGImage {
 position: absolute; top: 40px; right: 74%;
 background: url(../fg/images/fg-buy.jpg) no-repeat 0 0;
 width: 260px; height: 235px; background-size: cover; }

#FGPriceGuide { padding-top: .5em; line-height: 1.8; }

.FGSTPrice { letter-spacing: .05em; padding-bottom: .75em; display: block; }

#SBUGPrice .FGPrice { color: #00a0d9; font-size: 200%; letter-spacing: .05em; vertical-align: middle; }
#SBUGPrice .FGPrice em { font-size: 125%; font-style: normal; margin-right: .25em; }

/* -------------------------------------------
 F300, F400, F500 Series
------------------------------------------- */
#F300Eyecatch { background: #000; position: relative; overflow: hidden; z-index: 0; }

#F300EInner {
 background: url(../f300/images/title.jpg) no-repeat center top;
 width: 100%; z-index: 1; border-top: 1px solid #666; }

#F300EInner:after {
 content: ''; position: absolute; top: 0; right: 0; left: 0;
 background: rgba(0,0,0,.33); width: 100%; height: 700px; display: block; z-index: 2; }

#F300Top { max-width: 968px; height: 700px; position: relative; }

#F300Top h1, #F300Series h2, #F300JName, #productF300 h3 {
 background-image: url(../f300/images/f300.png); background-repeat: no-repeat; }

#F300Top h1, #F300Top h2, #F300JName { position: absolute; left: 0; margin: 0; z-index: 10; }

#F300Top h1 { top: 172px; background-position: 0 -30px; width: 504px; height: 39px; }
#F300Top h2 { top: 216px; background-position: 0 -80px; width: 556px; height: 47px; }
#F300JName { top: 140px; background-position: 0 0; width: 216px; height: 24px; }

#F300TopName, #F300TopCopy {
 position: absolute; left: 4px; color: #fff; letter-spacing: .05em; margin: 0; z-index: 10; }

#F300TopName { top: 90px; font-size: 125%; }

#F300TopCopy { top: 490px; font-size: 138%; font-weight: bold; line-height: 2; }

#F300PV { background: #eee; border-top: 1px solid #f9f9f9; }

#F300-02, #F300-03 { width: 100%; margin: 0; padding: 70px 0 60px; position: relative; }

#F300PV h2, #productF300 h2 {
 font-size: 225%; text-align: center; height: 59px; margin: 0 auto; position: relative; z-index: 10; }

#F300PV h2 { background-position: 0 -140px; width: 434px; }
#productF300 h2 { background-position: 0 -220px; width: 174px; }

#F300Series h2 span { color: #777; font-size: 42%; padding-top: .5em; letter-spacing: .075em; display: block; }

#F300-02 p { font-size: 100%; line-height: 2; text-align: center; letter-spacing: .05em; margin: 3em auto; }

#F300Mov { margin-top: 40px; }

#F300Video { width: 720px; height: auto; margin: 0 auto; display: block; }

#productF300 { background: #f3f3f3; border-top: 1px solid #fcfcfc; }

.PS300 { width: 960px; margin: 0 auto; padding-top: 50px; position: relative; }

#productF300 h3 em { color: #777; font-size: 82%; font-style: normal; letter-spacing: .1em; }

.PSH3-01 { height: 40px; margin: 0 auto; }
.PSH3-01 em { text-align: center; margin-top: 1em; display: block; }

.psSec01, .psSec02 { margin-top: 18px; padding-top: 2em; border-top: 3px solid #fff; }
.psSec02 { border-top: 3px solid #ddd; }

.PS300 p { font-size: 100%; line-height: 1.8; letter-spacing: .05em; }

#F300-About h3 { background-position: -249px -200px; width: 302px; }
#F300-About p { width: 35em; margin: .75em 0 0; }
#F300-About figure {
 position: absolute; letter-spacing: .05em;
 background: url(../f300/images/illust.png) no-repeat 0 0; background-size: cover; }
#F300-About figure { bottom: 34px; right: 60px; width: 273px; height: 200px; }

#F300-About figcaption, #EIMillust figcaption, #EIMphoto figcaption,
#F300JointOff figcaption, #fuelType figcaption {
 position: absolute; bottom: -24px; left: -.82em;
 font-size: 82%; text-align: center; white-space: nowrap; letter-spacing: .05em; }

#F300-Usability, #F300-Reliability, #F300-Quality {
 min-height: 250px; margin-top: 50px; padding-top: 20px; }

.PSH3-02 { position: absolute; top: 0; left: 560px; margin: 0; height: 24px; position: relative; }
.PSH3-02 em { position: absolute; top: 7px; left: 250px; margin: 0; display: block; }

#F300-Usability h3 { background-position: -320px -250px; width: 480px; }
#F300-Usability p { margin: 0; padding: .75em 0 0 560px; }
#F300-Usability figure {
 position: absolute; top: 0; left: 0; width: 480px; height: 270px;
 background: url(../f300/images/im01.jpg) no-repeat 0 0; background-size: cover; }

.PSH3-03, .PSH3-04 { position: absolute; top: 0; left: 0; margin: 0; height: 24px; position: relative; }
.PSH3-03 em, .PSH3-04 em { position: absolute; top: 7px; left: 302px; margin: 0; display: block; }

#F300-Reliability h3 { background-position: -260px -300px; width: 480px; }
#F300-Reliability p { width: 26.5em; margin: 0; padding-top: .25em; }
#F300-Reliability figure {
 position: absolute; top: 0; right: 0; width: 480px; height: 270px;
 background: url(../f300/images/im01.jpg) no-repeat 0 -270px; background-size: cover; }

#F300-Resolve h3 { background-position: 0 -300px; width: 230px; }
.F3Res01, .F3Res02 { text-align: center; margin: 0; }
.F3Res02 { padding-top: 50px; position: relative; }
.F3Res02:after {
 content: '...'; position: absolute; top: -70px; left: 0; width: 100%; display: block;
 color: #fff; font-size: 563%; text-shadow: rgba(0,0,0,.1) -1px -1px 1px; }

#F300LIM { width: 720px; height: 240px; margin: 25px auto 0; position: relative; }

#EIMillust, #EIMphoto { position: absolute; }

#EIMillust {
 top: 5px; left: 0; background: url(../f300/images/illust.png) no-repeat 0 -200px; background-size: 115%;
 width: 238px; height: 200px; }

#EIMphoto {
 top: 0; right: 0; background: url(../f300/images/f300l.jpg) no-repeat 0 0; background-size: cover;
 width: 330px; height: 230px; }

#F300LIM figcaption { left: 0; }
#EIMphoto figcaption { bottom: 0; width: 100%; }

#F300NIM { width: 934px; height: 220px; margin: 25px auto 0; position: relative; }

#F300Nphoto, #F300JointOff {
 position: absolute; top: 0; left: 0;
 background: url(../f300/images/300n.jpg) no-repeat 0 0; background-size: cover;
 width: 240px; height: 210px; display: block; }

#F300JointOff { background-position: -240px 0; left: 50%; width: 340px; margin-left: -180px; }
#F300JointOff figcaption { left: 0; bottom: -8px; width: 100%; }
#F300NMillust {
 position: absolute; top: 14px; right: 0; width: 244px; height: 180px;
 background: url(../f300/images/illust.png) no-repeat 0 -400px; background-size: 112%; }

#F500-other { background: rgba(255,255,255,.95); width: 900px; margin: 60px auto 0; padding: 40px; }

#F500-other h3 { background-position: 0 -350px; width: 264px; }
.PSH3-04 em { left: 216px; }

#F500Inner { height: 220px; padding-top: 30px; position: relative; }
#F500Inner:after {
 content: ''; position: absolute; top: 30px; right: 250px;
 background: #ddd; width: 2px; height: 220px; display: block; }

#F500Inner h4, #F500Inner p { position: absolute; left: 240px; margin: 0; }
#F500Inner h4 { top: 65px; font-size: 163%; letter-spacing: .075em; }
#F500Inner h4 span { font-size: 108%; }
#F500Inner p { top: 115px; font-size: 94%; line-height: 1.8; letter-spacing: .05em; width: 25em; }
#F536 {
 position: absolute; top: 30px; left: 0; width: 200px; height: 220px;
 background: url(../f300/images/f536.jpg) no-repeat 0 0; background-size: cover; }
#fuelType {
 position: absolute; top: 30px; right: 0; width: 200px; height: 184px;
 background: url(../f300/images/fuel_type.jpg) no-repeat 0 0; background-size: cover; }
#fuelType figcaption { left: 0; bottom: -28px; width: 100%; }

#F300-Quality { min-height: 230px; margin-top: 60px; }
#F300-Quality h3 { background-position: -320px -350px; width: 480px; }
#F300-Quality h4 { color: #595959; font-size: 100%; letter-spacing: .075em; margin: .35em 0 0; }
#F300-Quality p { width: 27em; margin: 0; padding-top: 1.25em; }
#F300-Quality figure {
 position: absolute; top: 0; right: 0; width: 480px; height: 250px;
 background: url(../f300/images/reliability.jpg) no-repeat 0 0; background-size: cover; }

#F300-Purchase { text-align: center; width: 100%; margin: 0; padding: 50px 0 0; }
#F300-Purchase p { margin: 0 auto; display: inline-block; }
#F300-Purchase .SXLink { font: 100%; }
#F300-Purchase .SXLink a { padding: 1em 2.3em 1em 2.5em; }

/* FG300 Buy */
#F300BuySec h2 {
 background: url(../f300/images/f300.png) no-repeat 0 -400px;
 width: 492px; height: 66px; margin: 65px auto 0; }

#buyF300Image {
 position: absolute; top: 20px; right: 74%;
 background: url(../f300/images/f300_buy.jpg) no-repeat 0 0;
 width: 222px; height: 290px; background-size: cover; z-index: 1; }

#purchaseGuideFG300 {
 font-size: 1em; text-align: center; line-height: 2; letter-spacing: .05em;
 margin: 0 0 -.5em 0; padding: 4em 40px 0; z-index: 10; position: relative; }
#purchaseGuideFG300 small { font-size: 88%; }
#purchaseGuideFG300 span { color: #883300; font-weight: bold; }

.SL-eoc h4 em { font-size: 114%; font-style: normal; margin: 0 .15em 0 .25em; }
.SL-eoc h4 span { font-size: 82%; letter-spacing: .05em; vertical-align: .1em; }

.SL-eoc .MLNum em { letter-spacing: .1em; }

/* -------------------------------------------
 Online Shop
------------------------------------------- */
#shopEyecatch { background: #553927; border-top: 1px solid #000; }

#shop01 { min-width: 1020px; max-width: 1280px; height: 400px; position: relative; overflow: visible; }

#SETitle01, #SETitle02, #shop01 h1, #SEIM, #shop02 span, #SIJet, #SIJet3, .SIContainer figure, .SICDouble figure,
#SICRisefit h2, #SICLifter h2, #SICRCopy, #SICLCopy, #SILColor {
 background-image: url(../shop/images/common.png); background-repeat: no-repeat; }

#SETitle01, #SETitle02, #shop01 h1 {
 position: absolute; left: 16%; width: 352px; margin: 0; }

#SETitle01 { top: 90px; background-position: 0 0; height: 24px; }
#SETitle02 { top: 125px; background-position: 0 -38px; height: 36px; }
#shop01 h1 { top: 180px; background-position: 0 -90px; height: 21px; }

#shop01 figure { position: absolute; }

#SEIM {
 top: 45px; left: 65%;
 background-position: -400px 0; width: 200px; height: 200px; }

#SEItem {
 position: absolute; top: 275px; left: 0; width: 100%; height: 160px; z-index: 100; }

#SEItem figure, #SISImage, #SICRisefit figure, #SICLifter figure {
 background-image: url(../shop/images/common-items.png); background-repeat: no-repeat;
 background-size: 510px 290px; }

#SEItem01 { top: 5px; left: 0; background-position: 0 0; width: 144px; height: 130px; }
#SEItem02 { top: 10px; left: 17%; background-position: -150px 0; width: 160px; height: 125px; margin-left: 4px; }
#SEItem03 { top: 0; left: 38%; background-position: 0 -135px; width: 120px; height: 156px; }
#SEItem04 { top: 0; right: 32%; background-position: -150px -135px; width: 172px; height: 150px; }
#SEItem05 { top: 10px; right: 16%; background-position: -310px 0; width: 200px; height: 138px; }
#SEItem06 { top: 0; right: 0; background-position: -325px -140px; width: 146px; height: 150px; }

@media only screen and (max-width: 1060px) { #SEItem03 { left: 37%; } #SEItem04 { right: 30%; } }
@media only screen and (min-width: 1061px) { #SEItem03 { left: 37%; } #SEItem04 { right: 31%; } }
@media only screen and (min-width: 1141px) { #SEItem03 { left: 38%; } #SEItem04 { right: 32%; } }

#shopNavi { background: #f3f3f3; padding-bottom: 40px; }

#shop02 {
 display: flex; -js-display: flex; justify-content: space-between; flex-flow: row wrap;
 max-width: 1200px; margin: 0 auto; padding: 40px 30px; border-top: 1px solid #fff; }

#shop02 p { background: #fff; width: 22%; height: 100px; margin: 30px auto 0; position: relative; z-index: 1; }
#shop02 a { width: 100%; height: 100%; position: relative; z-index: 999; }

#shop02 span { position: relative; height: 85px; margin: 0 auto; display: block; z-index: 5; }

#SN001 span { background-position: 0 -200px; width: 124px; }
#SN002 span { background-position: -200px -200px; width: 124px; }
#SN003 span { background-position: -400px -200px; width: 146px; }
#SN004 span { background-position: -400px -300px; width: 118px; }
#SN005 span { background-position: 0 -300px; width: 178px; }
#SN006 span { background-position: -200px -300px; width: 178px; }
#SN007 span { background-position: 0 -400px; width: 126px; }
#SN008 span { background-position: -200px -400px; width: 152px; }
#SN009 span {
  background: url(../shop/images/bike-navi.png) no-repeat 0 17px / 124px 66px; width: 124px}

#shop02 p:after, #shop02 a:before, #shop02 a:after {
 content: ''; position: absolute; margin: 0; display: block; opacity: 0; }

#shop02 p:after {
 top: 0; left: 0;
 background: rgba(0,0,0,.6); width: 100%; height: 100px; z-index: 2; }
#shop02 p:hover:after { opacity: 1; }

#shop02 p a:before {
 top: 50%; left: 50%; background: rgba(0,96,128,0.6);
 width: 50px; height: 50px; margin: -27px 0 0 -27px;
 border: 2px solid #ddd; -webkit-border-radius: 50%; border-radius: 50%; z-index: 10; }
#shop02 p a:after {
 top: 50%; left: 50%;
 width: 10px; height: 10px; margin: -9px 0 0 -6px; vertical-align: middle;
 border-top: 3px solid #fff; border-right: 3px solid #fff; z-index: 30;
 -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#shop02 p:hover:after, #shop02 p:hover a:before, #shop02 p:hover a:after { opacity: 1; }

#SNaviInfo {
 color: #22823e; font-size: 100%; font-weight: bold; text-align: center; letter-spacing: .075em; margin: 0 -.1em 0 0; }
#SNaviInfo small { font-size: 88%; }

#shopItems { background: #ddd; border-top: 1px solid #fff; }

#shop03 { min-width: 940px; max-width: 1280px; margin: 0 auto; padding: 0 40px 60px; }

.SIContainer, #SICRisefit, #SICLifter { width: 100%; padding: 40px 0; position: relative; }

.SIContainer { background: #fff; }

.stage section.SIContainer, #SICRisefit, #SICLifter { margin: 50px 0 0; }

.SIContainer figure, .SICDouble figure { position: absolute; top: 36px; left: 0; width: 80px; height: 60px; }
.SIContainer .BSXItem figure { background: none}

#SICsx figure { background-position: 0 -130px; }
#SICjet3 figure { background-position: -520px -650px; }
#SICfg figure, #SICfg-ns figure { background-position: -100px -130px; }
#SICsus figure { background-position: -300px -130px; }
#SICfN300 figure, #SICfL300 figure { background-position: -200px -130px; }
#SIBikeIco { background: url(../shop/images/bike-icon.png) no-repeat 0 0 / 80px 60px; }

.SIContainer h2, .SIEnName { text-align: center; letter-spacing: .05em; }

.SIContainer h2 { font-size: 150%; font-weight: normal; margin: 0 -.1em 0 0; }
.SIContainer h2 em { font-style: normal; letter-spacing: .1em; }

.SICDouble { padding-top: 40px; position: relative; }

.SIEnName { font-size: 125%; text-align: center; letter-spacing: .1em; margin: 10px -.1em 0 0; }

.SENSX { color: #d96279; }
.SENFG { color: #29a2d9; }
.SENSus { color: #5c8ecc; }
.SENf300 { color: #008945; }

#SIJet {
 background-position: -398px -420px; width: 40px; height: 20px; vertical-align: -.25em; display: inline-block; }
.safari #SIJet { vertical-align: 0; }

#SIJet3 {
 background-position: -398px -450px; width: 54px; height: 20px; vertical-align: -.25em; display: inline-block; }
.safari #SIJet3 { vertical-align: 0; }

.SIList {
 font-size: 88%; width: 100%; margin: 34px 0 0; border: none; border-collapse: separate; border-spacing: 0; }

#SICXNotice, #SIJet3Notice { font-size: 94%; text-align: center; letter-spacing: .05em; margin: 1.25em 0 -.5em; }
#SIJet3Notice { color: #22823e; }

#bikeSXNotice { font-size: 94%; line-height: 1.8; letter-spacing: .05em; margin: 0 0 -.5em; padding: 1.25em 80px 0}
.bikeSXSold { color: #c30}

@media only screen and (min-width: 1090px) { #bikeSXNotice { padding: 1.25em 100px 0}}

#bikeSXInfo {
  margin: 40px auto 0; width: calc(100% - 60px); max-width: 920px; position: relative; display: -webkit-flex; display: flex;
  -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row wrap; flex-flow: row wrap}

.BSXItem { height: 120px; margin: 0}

.BSXIWrapp {
  color: #0e7eb5; text-decoration: none; width: 47.5%; height: 100%;
  border: 1px solid #ddd; display: block; position: relative; z-index: 1}
.BSXIWrapp:before {
  content: ''; position: absolute; top: 0; left: 0; background: #f27200; width: 0; height: 100%; z-index: -1;
 -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1) .1s;
 transition: all .5s cubic-bezier(.075, .82, .165, 1) .1s}

.BSXIWrapp:hover { color: #fff; border: 1px solid #f27200} .BSXIWrapp:hover:before { width: 100%}

#SICBike .BSXCIM { top: 0; left: 0; width: 180px; height: 120px}
#bikeSXInfo img { width: 100%; height: auto} .BSXItem:hover img { opacity: .9}

.BSXKind { font-size: 94%; font-weight: bold; text-align: center; letter-spacing: .06em; margin: 0; padding: 53px 0 0 182px; }

.octStart { color: #d30; font-weight: bold}

.SIList th {
 color: #000; background-color: #eee; text-align: center; font-weight: normal;
 line-height: 1.33; white-space: nowrap; letter-spacing: .25em;
 padding: .75em 1em .6em; border-left: 1px solid #fff; }

.SIList th.SILScrew { font-size: 86%; letter-spacing: 0; }

.SIList td { text-align: center; padding: 1em 1em; letter-spacing: .05em; border-left: 1px dotted #ddd; border-bottom: 1px solid #ddd; }

.SIList th.SINum, .SIList td.proNum { border-left: none; }
.SIList .proNum { color: #007eb2; font-size: 143%; letter-spacing: .1em; }
.SIList .proNum span { color: #444; font-size: 65%; margin-top: .5em; display: block; }

.SIList td.siAdapt { text-align: left; line-height: 2; padding: 1em 1.5em; }
.siAdapt .sec { margin: -.25em 0 0 1em; line-height: 1.5; display: block; }
.siAdapt small { font-size: 93%; line-height: 1.5; margin: -.25em 0 0 2.35em; display: block; }
.siAdapt em { color: #c30; font-style: normal; margin: 0 .25em 0 -1.35em; }

.SIList .siScrew { font-size: 93%; line-height: 1.6; letter-spacing: .1em; }

.cartIN {
 color: #fff; background: #00a2d5; font-size: 16px; font-weight: bold; letter-spacing: .5em;
 min-width: 5em; padding: .5em .5em .5em 1em; border: none; position: relative;
 -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; overflow: hidden; outline: none; }
.mac .cartIN { padding: .5em .5em .4em 1em; }
.win.webkit .cartIN { padding: .4em .5em .5em 1em; }

.cartIN:before { background: #f46000; }

.soonRelease span {
 color: #fff; background: #999; font-weight: bold; padding: .65em .6em .5em .75em;
 -webkit-border-radius: 5px; border-radius: 5px; }

.SIList td.spLink { min-width: 8em; }

.proNum, .siScrew, .cartIN, .siPrice, .soonRelease { white-space: nowrap; }

.SIList td.siIM { padding: 1em 0; }
.siIM a { width: 160px; height: 116px; margin: 0 auto; display: block; overflow: hidden; }

.SIList tbody:hover { background: #fffeee; }

#SICsus { position: relative; }

#SISImage {
 position: absolute; bottom: 3%; left: 3%;
 background-position: -210px -189px; background-size: 714px 406px;
 width: 241px; height: 210px; display: block; opacity: .7; z-index: 1; }

@media only screen and (min-width: 1120px) { #SISImage { bottom: 5%; left: 5%; } }
@media only screen and (min-width: 1240px) { #SISImage { bottom: 10%; left: 7%; } }
@media only screen and (min-width: 1360px) { #SISImage { bottom: 10%; left: 9%; } }

#SISusInfo { font-size: 113%; line-height: 2; text-align: center; letter-spacing: .15em; margin: 34px -.2em 0 0; }

#SISAction { position: relative; width: 500px; margin: 40px auto 0; padding-bottom: 20px; z-index: 10; }

#SISAction a, #SICRbt a, #SICLbt a {
 color: #fff; font-size: 113%; text-align: center; text-decoration: none; letter-spacing: .075em;
 width: 11em; margin-right: -.1em; padding: .85em 1em .725em; position: relative;
 cursor: pointer; overflow: hidden; z-index: 1; }

#SISContactBT a { float: left; background: #00a2d5; }
#SISContactBT a:before { background: #f46000; }

#SISDetailBT a { float: right; background: #999; }
#SISDetailBT a:before { background: #22992e; }

#SICRisefit, #SICLifter { background: #7e4949; padding-bottom: 42px; }
#SICLifter { background: #33445e; }

#SICRisefit h2 { background-position: 0 -510px; width: 232px; height: 80px; margin: 10px auto 0; }
#SICLifter h2 { background-position: -300px -510px; width: 250px; height: 106px; margin: 10px auto 0; }

#SICRisefit figure  {
 position: absolute; top: 50%; right: 66%; background-position: -455px -196px;
 background-size: 714px 406px; width: 205px; height: 210px; margin-top: -105px; }

#SICRCopy {
 position: absolute; top: 165px; left: 50%;
 background-position: 0 -630px; width: 496px; height: 55px; margin: 0 0 0 -116px; }

#SICLifter figure  {
 position: absolute; top: 50%; left: 64%; background-position: -465px 0;
 background-size: 765px 435px; width: 300px; height: 207px; margin-top: -104px; }

#SEItem05 { top: 10px; right: 16%; background-position: -310px 0; width: 200px; height: 138px; }

#SICLCopy { background-position: 0 -700px; width: 316px; height: 20px; margin: 24px auto 0; }
#SILColor {
 position: absolute; top: 91px; left: 15%;
 background-position: -460px -420px; width: 130px; height: 62px; margin: 0; }

#SICRbt, #SICLbt { text-align: center; margin: 0 auto; }

#SICRbt { padding-top: 130px; }
#SICLbt { padding-top: 40px; }

#SICRbt a, #SICLbt a {
 font-weight: bold; text-decoration: none; display: inline-block; cursor: pointer; overflow: hidden; z-index: 1;
 -webkit-border-radius: 5px; border-radius: 5px; }

#SICRbt a { color: #613434; background: #fcebe5; width: 13.75em; }
#SICLbt a { color: #32435e; background: #f2f6fe; }

#SICRbt a:before, #SICLbt a:before { background: #00a2cc; }
#SICRbt a:hover, #SICLbt a:hover { color: #fff; }

/* My Account */
#shopMyAccount { max-width: 1200px; margin: 0 auto; padding: 40px 45px 0; }
#shopMyAccount section { background: #fff; margin: 0 auto; padding: 35px 0 30px;  }

#shopMyAccount h3, #shopMyAccount p { font-size: 94%; text-align: center; letter-spacing: .05em; margin: 0; }
#shopMyAccount p { margin: 1.5em 0 0; }

#shopMyAccount span { letter-spacing: 0; margin-left: 1em; display: inline; }

/* -------------------------------------------
 Model List
------------------------------------------- */
#modelListEyecatch { background: #aeaeae; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }

#Mlist01 {
 background: url(../model_list/images/title.jpg) no-repeat center top; background-size: cover;
 max-width: 1400px; height: 400px; position: relative; }

#Mlist01 h1, #Mlist01 h2, #Mlist01 p, #Mlist02 h2, #Mlist04 h2 {
 background-image: url(../model_list/images/model_list.png); background-repeat: no-repeat; }

#Mlist01 h1, #Mlist01 h2, #Mlist01 p { position: absolute; left: 50%; width: 270px; margin: 0 0 0 -420px; }

#Mlist01 h2 { top: 130px; background-position: 0 0; height: 28px; }
#Mlist01 h1 { top: 170px; background-position: 0 -40px; height: 40px; }
#Mlist01 p { top: 240px; background-position: 0 -100px; height: 25px; }

#Mlist02 #selectMake { margin: 60px auto 0; }

.SMML { width: 940px; margin: 0 auto; }

#Mlist02 h2, #Mlist04 h2 {
 font-size: 188%; text-align: center; height: 50px; margin: 0 auto; position: relative; }

#Mlist02 h2 { background-position: 0 -150px; width: 204px; }
#Mlist02 h2 span, #Mlist04 h2 span {
 color: #777; font-size: 42%; margin-left: -.2em; padding-top: .5em; letter-spacing: .2em; display: block; }

#Mlist02 .buySelectContainer { padding: 36px 0 30px; border: none; }

#MLCaution { font-size: 100%; text-align: center; margin: 30px 0 0; }
#MLCaution span { margin-left: .1em; }

#MLCaution a {
 background: #00a2d5; width: 290px; margin: 0 auto; padding: .5em 0;
 -webkit-border-radius: 5px; border-radius: 5px; position: relative; }
.win #MLCaution a { padding: .65em 0 .5em; }

#MLCaution a:before { background: #f5722e; }
#MLCaution a:link, #MLCaution a:visited { color: #fff; text-decoration: none; }

#Mlist03 { background: #f3f3f3; width: 100%; padding: 30px 0 60px; }

#Mlist03 #selectItem { border: none; }

.MLCap { font-size: 75%; margin: 0; height: 2.4em; border-bottom: 1px solid #ccc; position: relative; }
.MLCap dfn { position: absolute; top: .67em; font-style: normal; text-align: center; letter-spacing: .1em; margin-right: -.1em; }
.win .MLCap dfn { top: .8em; }

.capMake { left: 10px; width: 526px; }
.capScrew { left: 560px; font-weight: bold; width: 175px; }
.capItem { right: 10px; font-weight: bold; width: 122px; color: #00a2d5; }

#Mlist03 .MLType ul { width: 525px; }
#Mlist03 .MLType ul.MLAll { width: 100%; }

.MLIN { position: absolute; top: 50%; right: 10px; width: 124px; margin-top: -1.06em; }

.makeList p.MLIN a {
 background: #00a2d5; font-size: 150%; text-align: center; letter-spacing: .1em; white-space: nowrap;
 margin: 0 -.1em 0 0; padding: 8px 8px 3px; min-width: 108px; position: relative; }
.win .makeList p.MLIN a { padding: 5px 8px; }

.makeList p.MLIN a:before { background: #f46000; }

.MLScrew {
 position: absolute; top: 50%; left: 555px;
 font-size: 82%; font-weight: bold; text-align: center; letter-spacing: .075em; width: 175px; margin: -.5em -.1em 0 0; }

.capScrew, .MLScrew { color: #908075; }

.MLSmall { font-size: 88%; line-height: 1; padding: 0 0 .86em .5em; display: block; }

#Mlist04 { margin: 60px auto; }

#Mlist04 h2 { background-position: 30px -210px; width: 156px; }

#Mlist04 ul {
 font-size: 94%; line-height: 1.5; letter-spacing: .075em; width: 46.75em; margin: 0 auto; padding: 30px 0 0; }

#Mlist04 li { padding: .4em 0; position: relative; }

#Mlist04 li:before {
 content: "#"; position: absolute; top: .57em; left: -1.15em; color: #d54e5e; font-size: 87%; display: block; }

/* -------------------------------------------
 Company
------------------------------------------- */
#PTopNavi ul#compNav { font-size: 94%; }
#PTopNavi #compNav li { padding: .87em .25em .6em; }
#PTopNavi #compNav li a { letter-spacing: .2em; padding: 10px 7px 5px 10px; }

.webkit.win #PTopNavi #compNav li a, .gecko.win #PTopNavi #compNav li a, .ie #PTopNavi #compNav li a {
 padding: 6px 7px 6px 10px; }

#company { padding-bottom: 5px; }

#compEyecatch { background: #c2c2c2; border-top: 1px solid #fff; }

#comp01 {
 background: url(../company/images/title.jpg) no-repeat center top;
 max-width: 1400px; height: 560px; position: relative; }

#comp01 h1, #comp01 h2, #company h4, #accessGuide h5 em {
 background-image: url(../company/images/company.png); background-repeat: no-repeat; }

#comp01 h1, #comp01 h2, #comp01 p { position: absolute; left: 50%; margin: 0; }

#comp01 h1 { top: 168px; background-position: 0 0; width: 514px; height: 84px; margin-left: -257px; }
#comp01 h2 { top: 285px; background-position: 0 -100px; width: 190px; height: 48px; margin-left: -95px; }

#comp01 p { top: 340px; color: #ddd; font-size: 88%; letter-spacing: .6em; margin-left: -2.9em; }

#compProfile { background: #f3f3f3; }
#compAccess { background: #d9d9d9; }
#company .stageContents { padding: 70px 0 60px; }
#comp02, #comp03, #comp04, #accessGuide { width: 960px; margin: 0 auto; }

#company h3 { color: #666; font-size: 113%; text-align: center; margin: 0; padding-bottom: 16px; }
#company #compAccess h3 { color: #333; }

#company h3 em { font-style: normal; display: inline-block; position: relative; }

#comp02 h3 em { letter-spacing: .3em; padding-left: .35em; }
#comp03 h3 em, #comp04 h3 em { letter-spacing: .2em; padding-left: .2em; }
#comp05 h3 em { letter-spacing: .5em; padding-left: .5em; }

#company h3 em:after {
 content: ""; position: absolute; top: 28px; left: 0;
 background: #ccc; width: 100%; height: 4px; display: block; }
#company #comp03 h3 em:after, #company #comp05 h3 em:after { background: #fff; }

#comp03 h4, #comp04 h4 { height: 14px; margin: 12px auto 0; }
#comp03 h4 { background-position: -250px -100px; width: 64px; }
#comp04 h4 { background-position: -350px -100px; width: 144px; }

#comp02 p { font-size: 100%; text-align: center; line-height: 2.25; margin: 1em 0 0; }

#compProContainer { width: 920px; margin: 25px auto 0; }

#comp03 dl {
 font-size: 88%; line-height: 2; letter-spacing: .05em; width: 430px; margin: 0; padding: 0; }

#comp03 dt { float: left; color: #4e4e4e; font-weight: bold; margin: 0; padding-top: 1em; }
#comp03 dd { margin: 0; padding: 1em 0 0 7em; }
#comp03 dd span { color: #4e4e4e; font-weight: bold; }
#comp03 dd span.spFalse { color: #333; font-weight: normal; }
#comp03 dd small { font-size: 93%; }

#clientsList { width: 760px; margin: 30px auto 0; }
#clientsList ul { font-size: 94%; letter-spacing: .1em; line-height: 2.25; width: auto; margin: 0; padding: 0; }
#clientsList .FLeft { padding-left: 3.3em; }

#accessGuide { margin-top: 50px; min-height: 334px; position: relative;}
#accessGuide h5 { width: 300px; margin: 0; }
#accessGuide h5 em {
 background-position: -297px -130px; width: 115px; height: 16px;
 margin: 20px 0 0; padding: 0 3px 12px; border-bottom: 3px solid #fff; display: block; }

#accessGuide ul { color: #1e1e1e; font-size: 88%; line-height: 2; margin: 0; padding: 2em 0 0; }
#accessGuide li { padding: .25em 0 0; }
#accessGuide li.ACTransport { padding-top: 1.25em; }

.ACBus { width: 4em; display: inline-block; }
.busSec { padding-left: 4em; display: block; }

#fumotoBillding {
 position: absolute; top: 0; right: 0;
 background: url(../company/images/company.jpg) no-repeat 0 0;
 width: 380px; height: 334px; background-size: contain; }

/* Google Map */
#ACCMap {
 background: #fff; width: 100%; margin-top: 30px;
 border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }

#map_canvas {
 width: 100%; height: 540px; padding: 1px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

/* -------------------------------------------
 Trade Dress
------------------------------------------- */
#PTopNavi ul#TDNav .jssb { font-size: 108%; }
#PTopNavi #TDNav .jssb a:link, #PTopNavi #TDNav .jssb a:visited { color: #595959; }
#PTopNavi #TDNav .jssb a:hover { color: #009ecc; }
#PTopNavi #TDNav li.jssb { vertical-align: -.2em; }

#tradeDressEyecatch { background: #69826c; border-top: 1px solid #fff; position: relative; overflow: hidden; }

#tDress01 { max-width: 1000px; height: 460px; position: relative; }

#tDress01 h1, #tDress02 h2, #tDress03 h2, #tDress03 h3 em {
 background-image: url(../tradedress/images/td.png); background-repeat: no-repeat; }

#tDress01 h1, #tDress01 h2, #tDress01 p, #TDMark { position: absolute; margin: 0; }

#tDress01 h1 { top: 140px; left: 95px; background-position: 0 0; width: 362px; height: 40px; }
#tDress01 h2 { top: 240px; left: 97px; color: #e0e5e0; font-size: 150%; letter-spacing: .3em; }
#tDress01 p { top: 275px; left: 97px; color: #e0e5e0; font-size: 150%; letter-spacing: .148em; }

#TDMark {
 top: 33px; left: 55%;
 background: url(../tradedress/images/td_mark.png) no-repeat 0 0; width: 360px; height: 360px;
 transform: matrix3d(1,0.05,0.00,-0.0003,-0.05,0.95,0.00,-0.0006,0,0,1,0,0,0,0,1);
 -webkit-transform: matrix3d(1,0.05,0.00,-0.0003,-0.05,0.95,0.00,-0.0006,0,0,1,0,0,0,0,1); }
.ie9 #TDMark { top: 50px; }

#tDress02, #tDress03, #tDress04 { text-align: center; width: 900px; margin: 0 auto; padding: 70px 0 60px; }

#tDress02 h2, #tDress03 h2 { font-size: 225%; height: 60px; margin: 0 auto; }

#tDress02 h2 { background-position: 0 -80px; width: 402px; }
#tDress02 h2 span, #tDress03 h2 span {
 color: #777; font-size: 42%; padding-top: .5em; letter-spacing: .075em; display: block; }

#TDTime { font-size: 113%; letter-spacing: .2em; margin: 50px 0 0; }
#TDTime em { color: #a58b42; font-size: 200%; font-style: normal; vertical-align: middle; }
.win #TDTime { font-weight: bold; letter-spacing: .15em; }
.win7.chrome #TDTime { font-weight: bold; letter-spacing: .25em; }

.win #TDTime em { vertical-align: -.1em; }

#TDInfo { font-size: 113%; line-height: 2.4; letter-spacing: .05em; margin: .5em 0 0; }

#TDCertificate { width: 740px; margin: 50px auto 0; }

#TDCertificate figure a {
 border: 3px solid #ccc; display: block; cursor: pointer; overflow: hidden; display: block; }
#TDCertificate figure a:hover { border: 3px solid #09b; }

#TDCertificate figcaption {
 color: #999; font-size: 138%; letter-spacing: .1em; padding-top: .6em; margin-left: -.2em; display: block; }

#TDWhats { background: #f3f3f3; width: 100%; }

#tDress03 h2 { background-position: 0 -160px; width: 290px; }

#TDName {
 background: #fff; font-size: 100%; letter-spacing: .1em;
 margin: 45px auto 0; padding: .75em 1.5em; display: inline-block; }
.mac #TDName { padding: .79em 1.5em .5em; }

#TDName em { color: #666; font-size: 113%; font-style: normal; }

#tDress03 h3 { margin: 50px 0 0; }
#tDress03 h3 em, #tDress04 h3 em {
 height: 42px; margin: 0 auto; padding: 0 4px; border-bottom: 4px solid #fff; display: inline-block; }
#TDRights em { background-position: 0 -240px; width: 148px; }
#TDConditions em { background-position: -200px -240px; width: 226px; }


.TDText { font-size: 16px; line-height: 2; margin: 1.5em auto 0; }
.TDTPad { padding-bottom: 30px; position: relative; }
.TDTPad:after {
 content: '. . .'; position: absolute; bottom: -64px; left: 0;
 font-size: 500%; text-align: center; color: #fff; width: 100%; display: block;
 text-shadow: rgba(0,0,0,.25) -1px -1px 1px; }

#tDress04 h3 { margin: 0; }
#tDress04 h3 em {
 color: #666; font-size: 125%; font-style: normal; letter-spacing: .2em;
 margin-left: -.2em; padding: 0 1px 0 4px; height: 32px; border-bottom: 4px solid #ccc; }

#tDress04 p { color: #666; font-size: 100%; line-height: 2.2; letter-spacing: .15em; margin: 1.5em auto 0; }

#TDDesign { width: 430px; height: 200px; margin: 6px auto 0; position: relative; }
#TDDesign figure { position: absolute; top: 0; text-align: center; height: 168px; }
#TDDesign figcaption {
 position: absolute; bottom: -18px; left: 0; font-size: 94%; letter-spacing: .15em;
 width: 100%; margin-left: -.15em; display: block; }

#TDD01 { left: 0; background: url(../tradedress/images/td.png) no-repeat 0 -300px; width: 174px; }
#TDD02 { right: 0; background: url(../tradedress/images/td.png) no-repeat -246px -300px; width: 184px; }

/* -------------------------------------------
 Q & A
------------------------------------------- */
#QAEyecatch { background: #655e52; position: relative; border-top: 5px solid #ccc; overflow: hidden; }

#QA01 { max-width: 1000px; height: 400px; position: relative; }

#QA01 h1, #QA01 h2, #QA01 p, #QAImage {
 background-image: url(../qa/images/qa.png); background-repeat: no-repeat;
 position: absolute; left: 50%; width: 320px; margin: 0 0 0 -400px; }

#QA01 h1 { top: 230px; background-position: 0 -100px; height: 34px; }

#QA01 h2 { top: 200px; background-position: 0 -60px; height: 16px; }

#QA01 p { top: 120px; background-position: 0 0; height: 38px; }

#QAImage {
 top: 80px; left: 57%;
 background-position: 0 -180px; width: 290px; height: 270px; margin-left: 0;
 -webkit-transform: matrix3d(1,-0.05,0.00,0,0.05,1,0.00,0,0,0,1,0,0,0,0,1);
 transform: matrix3d(1,-0.05,0.00,0,0.05,1,0.00,0,0,0,1,0,0,0,0,1); }

#QAContents { background: #f3f3f3; border-top: 1px solid #fff; }

#QA02 { width: 860px; margin: 0 auto; padding: 30px 0 60px; }

.qaItem { background: #fff; margin: 30px 0 0; padding: 18px 40px 10px 0; }

.win .qaItem { padding: 14px 40px 16px 0; }

.qaToggle { font-size: 113%; font-weight: normal; letter-spacing: .075em; margin: 0;
 display: block; cursor: pointer; overflow: hidden; position: relative; }
.gaTDouble { margin: 9px 0 16px; }
.win .gaTDouble { margin: 14px 0; }

.qaToggle .gaTsec { margin-top: 14px; display: block; }

.qaToggle a {
 background: #fff6ec; padding: 3px 5px 3px 8px; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; }
.win .qaToggle a { padding: 5px 5px 2px 8px; }

.qaToggle a:hover, .qaToggle:hover.qaToggle a { background: #ecfaff; }
.qaToggle.active a, .qaToggle.active.qaToggle a { background: #f0fff4; }

.qaToggle:before, .qaToggle:after { content: ''; position: absolute; display: block; }

.qaToggle:before {
 top: 50%; left: 86px;
 background: #f59339; width: 18px; height: 18px; margin-top: -13px;
 -webkit-border-radius: 50%; border-radius: 50%; }
.win .qaToggle:before { margin-top: -7px; }

.qaToggle:hover:before { background: #3395b5; }
.qaToggle.active:before { background: #339e4e; }
.qaToggle.gaTDouble:before { margin-top: -10px; }

.qaToggle:after {
 top: 50%; left: 91px; width: 4px; height: 4px; margin: -7px 0 0; z-index: 10;
 border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.win .qaToggle:after { margin-top: -1px; }

.qaToggle.gaTDouble:after { margin-top: -4px; }

.qaToggle.active:after { left: 92px; margin-top: -8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.win .qaToggle.active:after { margin-top: -2px; }

.qaToggle.gaTDouble.active:after { margin-top: -5px; }

.qaToggle em {
 color: #e7d5c2; font-size: 267%; font-style: normal; text-align: center; vertical-align: -.18em;
 width: 1.8em; margin-right: 26px; display: inline-block; }
.qaToggle em.QIemW { vertical-align: .15em; }

.qaToggle:hover em { color: #c2e9f5; }
.qaToggle.active em { color: #b2e5be; }
.qaItem div { margin: 0; padding-bottom: .75em; }
.qaItem ul { margin: 0; padding: 0; }

.qaItem p, .qaItem li { font-size: 100%; line-height: 2; margin: 0; padding: .5em 0 .5em 118px; }
.qaItem li { margin-left: 1.75em; }
.qaItem li span { margin-left: -1.75em; }
.qaItem li small { color: #d30; font-size: 75%; margin-right: .35em; vertical-align: .1em; }

/* -------------------------------------------
 Contact
------------------------------------------- */
#contactEyecatch {
 background: #f7eae9; position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #eee5e2; overflow: hidden; }

#contact01 { max-width: 1280px; height: 320px; position: relative; }

#contact01 h1, #contactST, #CTBalloon, #contact h3, #CTNum:before,
#CFGuide, #mailformpro .required, #completionST {
 background-image: url(../contact/images/contact.png); background-repeat: no-repeat; }

#contact01 h1, #contactST { position: absolute; left: 50%; width: 262px; margin: 0 0 0 -131px; }
#contact01 h1 { top: 145px; background-position: 0 -60px; height: 20px; }
#contactST { top: 80px; background-position: 0 0; height: 41px; }

#contactInfo, #CTNInfo { line-height: 2; text-align: center; letter-spacing: .1em; width: 100%; margin: 0 0 0 -.1em; }

#contactInfo { position: absolute; top: 208px; left: 0; font-size: 100%; }

#CTBalloon { position: absolute; top: 100px; right: 5%; background-position: 0 -200px; width: 150px; height: 200px; }

#contact02, #contact03 { width: 700px; margin: 0 auto; padding: 70px 0 60px; }

#contact02 h2, #contact03 h2 { color: #666; font-size: 113%; text-align: center; margin: 0; padding-bottom: 16px; }
#contact03 h2 { color: #555; }

#contact h2 em {
 font-style: normal; letter-spacing: .2em; padding-left: .2em; display: inline-block; position: relative; }

#contact h2 em:after {
 content: ""; position: absolute; top: 28px; left: 0;
 background: #ccc; width: 100%; height: 4px; display: block; }
#contact #contact03 h2 em:after { background: #fff; }

#contact h3 { height: 15px; margin: 12px auto 0; }
#contact02 h3 { background-position: 0 -100px; width: 70px; }
#contact03 h3 { background-position: -100px -100px; width: 134px; }

#contactTelNum { text-align: center; margin: 46px auto 0; }

#CTNum { color: #008ec5; font-size: 263%; font-style: normal; letter-spacing: .075em; position: relative; }
.win #CTNum { margin-top: -.5em; display: inline-block; }

#CTNum:before {
 content: ''; position: absolute; top: 7px; left: -34px;
 background-position: -200px -200px; width: 22px; height: 22px; display: block; }
.win #CTNum:before { top: 11px; }

#CTNum:after {
 content: "（代）"; position: absolute; top: 14px; right: -54px; color: #555; font-size: 36%; display: block; }
.win #CTNum:after { top: 16px; right: -40px; }

#CTNInfo { font-size: 94%; margin-top: 34px; }

#contactForm { background: #f3f3f3; }

#CFArea { margin: 45px 0 0; }

#CFGuide { background-position: -185px -300px; margin: 0; padding: 0 0 12px 37px; }

#mailformpro { margin: 0; }

#mailformpro p, #privacyGuide {
 background: #fff; letter-spacing: .1em; margin: 15px 0 0; padding: 15px;
 -webkit-border-radius: 8px; border-radius: 8px; position: relative; }

#mailformpro label span { font-size: 100%; padding: .6em 0 0 22px; display: inline-block; }

#mailformpro .required { background-position: -200px -300px; }
.win #mailformpro .required { background-position: -200px -297px; }

.inp01, #mailformpro select, #mailformpro textarea {
 color: #492e00; background: #e5f7ff; font-size: 100%;
 margin: 0; padding: 8px; border: none; outline: none; -webkit-border-radius: 7px; border-radius: 7px; }

.inp01, textarea { float: right; width: 460px; }
#mailformpro select { float: right; width: 380px; margin-right: 96px; }
select { height: 2.2em; }

#mailformpro small { color: #c43; font-size: 88%; letter-spacing: .05em; margin: 20px 15px 0 22px; display: block; }
#mailformpro small span { color: #e06; font-size: 129%; margin-right: 4px; vertical-align: top; }
#mailformpro textarea { height: 12em; }

#mailformpro p.TFSend { background: transparent; padding: 0; }

#mailformpro .TFSend input {
 color: #fff; background-color: #27a2d2;
 font-size: 113%; line-height: 2; font-weight: bold; letter-spacing: .1em;
 width: 100%; text-transform: uppercase; padding: .5em 0;
 border: none; outline: none; cursor: pointer;
 -webkit-border-radius: 8px; border-radius: 8px; }

#mailformpro .TFSend input:hover {background-color: #f46000; }

#privacyGuide {
 background: #f9f9f9; font-size: 88%; text-align: center; margin-top: 40px; padding: 25px; border: 1px solid #fff; }

/* Completion */
#completion #contactEyecatch { border-top: 3px solid #ccc; }

#completionST {
 position: absolute; top: 212px; left: 50%;
 background-position: 0 -140px; width: 378px; height: 35px; margin: 0 0 0 -189px; }

#completionMessage { width: 900px; margin: 0 auto; padding: 40px 0 60px; }

#completion02 p { font-size: 100%; text-align: center; line-height: 2; letter-spacing: .075em; margin: 1em 0 0; }

#completion02 b { color: #fff; background: #e74e33; padding: .35em 0 .35em .75em; -webkit-border-radius: 5px; border-radius: 5px; }

#completion02 em {
 color: #008ec5; font-size: 200%; font-weight: bold; font-style: normal;
 margin: 0 -.15em 0 .1em; vertical-align: -.1em; }

#completion02 span { color: #008ec5; font-size: 94%; margin-top: -1em; display: block; }
.win #completion02 em { vertical-align: -.15em; }

/* Mail Form */
div#mfp_hidden{overflow:hidden;width:1px;height:1px;padding:0;margin:0}div#mfp_hidden input{margin:10px}div.mfp_thanks{padding:30px}div.mfp_thanks p{line-height:1.7em}div.mfp_thanks ul.mfp_caution{margin:0;padding:0}div.mfp_thanks ul.mfp_caution li{display:block;color:#C00;margin:0;padding:5px 0}div#mfp_thanks{text-align:center;font-size:18px;padding:20px 0}div#mfp_thanks strong{color:#C00;font-size:24px}div#mfp_loading_screen{z-index:20000;opacity:.8;display:none;background-color:#000;position:absolute}div#mfp_loading{z-index:20001;position:absolute;display:none;width:40px;height:40px;background-image:url(images/mfp_loading.gif)}div.mfp_buttons{clear:both;padding:10px 0;text-align:center}div.mfp_buttons button#mfp_button_cancel,div.mfp_buttons button#mfp_button_send{color:#fff;font-size:118%;background-color:#0e99c2;line-height:2;letter-spacing:.15em;font-weight:700;text-transform:uppercase;margin:.5em 15px;padding:2px 12px 2px 15px;border:none;-webkit-border-radius:4px;border-radius:4px;cursor:pointer}div.mfp_buttons button#mfp_button_send:hover{background-color: #00ae1e}div.mfp_buttons button#mfp_button_cancel{letter-spacing:0;background-color:#777}div.mfp_buttons button#mfp_button_cancel:hover{color:#333;background-color:#e5e5e5}div.mfp_buttons button.imagebutton{margin:0;padding:0;border:none;outline:0;background:0 0}div#mfp_warning{background-color:#FEE;border:1px solid red;padding:10px;display:none}div#mfp_warning p{padding:0;margin:0;font-size:14px;text-align:center}div#mfp_warning p strong{font-size:18px;color:red}button.mfp_next,button.mfp_prev{font-size:18px;margin:10px;padding:5px 10px}button.mfp_next{float:right}button.mfp_prev{float:left}ul#mfp_phase_stat{padding:10px}ul#mfp_phase_stat li{float:left;padding:8px 15px;border-radius:3px;margin:5px;list-style:none;font-size:14px}ul#mfp_phase_stat li.mfp_phase_arrow{box-shadow:none;padding:8px 5px}ul#mfp_phase_stat li.mfp_active_phase{background-color:#E8EEF9;box-shadow:0 0 5px #000}ul#mfp_phase_stat li.mfp_inactive_phase{background-color:#CCC;color:#666;box-shadow:0 0 5px #CCC}div.mfp_err{float: right;width: 460px;background:url(images/mfp_error.gif) no-repeat 0 1px;color:#d73300;font-size:82%;margin: 16px 0 0 0;padding:3px 0 0px 17px;display:none}.problem,#mailformpro textarea.problem{background-color:#fcc;}.mfp_parent_error{border:2px solid red}div#mfp_error{background-color:#FEE;border:1px solid red;padding:10px;display:none}div#mfp_error p{padding:0;margin:0;font-size:14px;text-align:center}div#mfp_error p strong{font-size:18px;color:red}table#mfp_confirm_table{border-spacing:0;border-collapse:collapse;width:100%}table#mfp_confirm_table tr.mfp_colored{background-color:#F6F7F9}div#mfp_overlay_inner,table#mfp_confirm_table tr.mfp_achroma{background-color:#FFF}table#mfp_confirm_table tr td,table#mfp_confirm_table tr th{text-align:left;font-size:94%;border-top:solid 1px #CCC;padding:5px 10px}table#mfp_confirm_table tr th{white-space:nowrap;width:200px}table#mfp_confirm_table tr td{line-height:1.5em;word-break:break-all}div#mfp_phase_confirm{clear:both}div#mfp_phase_confirm h4{font-size:36px;padding:10px 0 0;text-align:center}div#mfp_overlay{position:absolute;display:none;z-index:10001}div#mfp_overlay_inner{color:#333;padding:15px;margin:10% auto 0;border-radius:5px;box-shadow:0 0 10px #000;width:640px}div#mfp_overlay_inner h4{color:#d23900;font-size:125%;text-align: center}div#mfp_overlay_background{background-color:#000;position:absolute;display:none;z-index:10000}.mfp_ok {display:none}

/* -------------------------------------------
 Legal
------------------------------------------- */
#legalEyecatch { background: #576675; border-top: 1px solid #fff; overflow: visible; }

#legal01 { max-width: 1020px; height: 240px; position: relative; }

#legal01 h1, #legal01 p, #LegalClip, #legalNavi span, #legal h2 {
 background-image: url(../legal/images/legal.png); background-repeat: no-repeat; }

#legal01 h1, #legal01 p { position: absolute; left: 50%; width: 210px; margin: 0 0 0 -105px; }

#legal01 h1 { top: 110px; background-position: 0 -40px; height: 39px; }

#legal01 p { top: 70px; background-position: 0 0; height: 24px; }

#LegalClip {
 position: absolute; left: 50%; top: 197px;
 background-position: -280px 0; width: 106px; height: 101px; margin-left: -53px; }

#legalNavi {
 display: flex; -js-display: flex; justify-content: space-between; flex-flow: row wrap;
 max-width: 1200px; margin: 0 auto; padding: 70px 30px; }

#legalNavi li { background: #576675; width: 22%; margin: 0 auto; position: relative; z-index: 1; }
#legalNavi a { width: 100%; height: 100px; position: relative; z-index: 10; }

#legalNavi span { height: 19px; margin: 30px auto 0; display: block; }
#ln01 span { background-position: 0 -120px; width: 110px; }
#ln02 span { background-position: -200px -120px; width: 152px; }
#ln03 span { background-position: 0 -160px; width: 122px; }
#ln04 span { background-position: -200px -160px; width: 142px; }

#legalNavi em {
 font-size: 82%; font-style: normal; text-align: center; letter-spacing: .1em;
 margin: .75em 0 0 -.1em; display: block; }

#legalNavi a:link, #legalNavi a:visited { color: #d5d5d5; text-decoration: none; }

#legalNavi li:after, #legalNavi a:before, #legalNavi a:after { content: ''; position: absolute; display: block; }

#legalNavi li:after {
 top: 0; right: 0; left: 0; background: rgba(0,175,210,0.4); width: 100%; height: 100%; opacity: 0; }
#legalNavi li:hover:after { opacity: 1; }

#legalNavi a:before {
 top: 50%; left: 50%; background: rgba(0,30,50,.8); width: 40px; height: 40px; margin: -20px 0 0 -20px;
 -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; }
#legalNavi a:after {
 top: 50%; left: 50%;
 width: 7px; height: 7px; margin: -7px 0 0 -4px;
 border-top: 3px solid #fff; border-right: 3px solid #fff; z-index:15; opacity: 0;
 -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#legalNavi a:hover:before, #legalNavi a:hover:after { opacity: 1; }

#tokushoho, #paymentShipping { background: #f3f3f3; }

.legalContents { width: 100%; }
.legalContents section { max-width: 920px; margin: 0 auto; padding: 70px 0; }
#legal h2 {
 font-size: 225%; text-align: center; height: 56px; margin: 0 auto; position: relative; z-index: 10; }

#legal h2 span { color: #777; font-size: 42%; letter-spacing: .1em; margin-left: -.1em; padding-top: .2em; display: block; }

#tokushoho h2 { background-position: 0 -200px; width: 368px; }
#privacyPolicy h2 { background-position: 0 -260px; width: 344px; }
#paymentShipping h2 { background-position: 0 -320px; width: 330px; }
#termsUse h2 { background-position: 0 -380px; width: 350px; }

#TSHContents {
 margin: 50px auto 0; border: none; border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #ddd; }

#TSHContents th, #TSHContents td {
 font-size: 94%; line-height: 1.8; text-align: left; letter-spacing: .075em; padding: 1em; border-top: 1px solid #ddd; }

#TSHContents th { color: #494949; white-space: nowrap; }

#legal dl { letter-spacing: .075em; margin: 50px auto 0; }
#legal dl.sec { margin-top: 1em; }
#legal dt, #legal h4 { color: #494949; font-size: 100%; font-weight: bold; letter-spacing: .1em; margin: 1.5em 0 0; }
#legal dd { font-size: 94%; line-height: 2; margin: .6em 0 0 2em; }

#legal dd ul { margin: 0; padding: .75em 0 0 2em; list-style-type: circle; }

.legalSign {
 font-size: 94%; text-align: center; letter-spacing: .075em;
 margin: 1.5em 0 0 -.75em; padding-top: 2em; border-top: 2px solid #eee; }

#legal h3 { color: #530; font-size: 138%; letter-spacing: .1em; margin: 2em 0 0; padding-bottom: .4em; border-bottom: 3px solid #d7ccba; display: inline-block; }

#legal h4 { margin-left: 1em; }

.legalContents p { font-size: 94%; line-height: 2; letter-spacing: .075em; margin: .75em 0 0 2em; }

.legalContents p.legalSign { text-align: center; margin: 1.5em 0 0 -.75em; padding-top: 2em; border-top: 2px solid #eee; }

#legal small { font-size: 94%; margin-left: 1.25em; display: block; }
#legal small em, .CSign { color: #d30; font-style: normal; font-weight: bold; margin-left: -1.5em; }
.CSign { margin-left: 0; }

/* -------------------------------------------
 Site Map
------------------------------------------- */
#sitemapEyecatch { background: #e2f2fa; border-top: 3px solid #ccc; overflow: hidden; }

#sitemap01 { max-width: 1400px; height: 240px; position: relative; }

#sitemap01 h1, #sitemap01 p, #SMAirPlane {
 background-image: url(../sitemap/images/sitemap.png); background-repeat: no-repeat; }

#sitemap01 h1, #sitemap01 p { position: absolute; left: 50%; width: 250px; margin: 0 0 0 -125px; }

#sitemap01 h1 { top: 110px; background-position: 0 -50px; height: 40px; }

#sitemap01 p { top: 70px; background-position: 0 0; height: 25px; }

#SMAirPlane {
 position: absolute; top: 60px; right: 13%;
 background-position: 0 -120px; width: 132px; height: 129px; }

#SMapContainer { background: #f3f3f3; padding: 15px 0 60px; border-top: 1px solid #fff; }

#sitemapList { width: 920px; margin: 0 auto; }

@media only screen and (min-width: 1060px) { #sitemapList { width: 930px; } }
@media only screen and (min-width: 1090px) { #sitemapList { width: 940px; } }
@media only screen and (min-width: 1120px) { #sitemapList { width: 950px; } }
@media only screen and (min-width: 1140px) { #sitemapList { width: 960px; } }

#SLLeft, #SLRight { width: 440px; margin: 0; }

#SLLeft { float: left; }
#SLRight { float: right; }

#sitemapList h2 { font-size: 125%; margin: 35px 0 0; }
.win #sitemapList h2 { color: #555; font-size: 113%; }
.win #sitemapList h2#SListComp { font-size: 125%; }

#sitemapList dl { background: #fff; margin: 16px 0 0; padding: 20px; }

#sitemapList dt {
 font-size: 107%; font-weight: bold; line-height: 1.5; letter-spacing: .05em;
 margin: 1.3em 0 0; padding-left: 20px; position: relative; }

#sitemapList dd { font-size: 88%; line-height: 1.8; margin: 0; padding: .35em 0 0 20px; }

#sitemapList dt:first-child { margin-top: 0; }

#sitemapList a:link, #sitemapList a:visited { color: #0082bb; text-decoration: none; }
#sitemapList a:hover { color: #f26600; }

#sitemapList a:before, #sitemapList a:after { content: ''; position: absolute; display: block; cursor: pointer; }
#sitemapList a:before {
 top: 5px; left: 0; background: #f7ae59; width: 14px; height: 14px;
 -webkit-border-radius: 50%; border-radius: 50%; }
#sitemapList a:hover:before { left: 3px; background: #59b2d2; }

#sitemapList a:after {
 top: 9px; left: 3px; width: 4px; height: 4px; margin: 0; z-index: 10;
 border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#sitemapList a:hover:after { left: 6px; }

#sitemapList .LWide { letter-spacing: .15em; }

/* -------------------------------------------
 News
------------------------------------------- */
#newsEyecatch { background: #606872; border-top: 3px solid #ccc; overflow: hidden; }

#news01, #newsHead { max-width: 1240px; height: 240px; overflow: hidden; position: relative; }

#news01 h1, #news01 h2, #newsHead h2, #newsHead p {
 background-image: url(../news/images/news.png); background-repeat: no-repeat;
 position: absolute; left: 50%; z-index: 10; }

#news01 h1 { top: 130px; background-position: 0 -50px; width: 190px; height: 28px; margin: 0 0 0 -95px; }
#newsHead h2 { top: 130px; background-position: 0 -100px; width: 120px; height: 28px; margin: 0 0 0 -60px; }

#news01 h2, #newsHead p { top: 80px; background-position: 0 0; width: 146px; height: 34px; margin: 0 0 0 -73px; }

#newsBG {
 position: absolute; top: -40px; left: 0;
 background: url(../news/images/title.png) no-repeat center top; width: 100%; height: 320px; }

@-webkit-keyframes newsWMap {
 0% { -webkit-transform: translate(0,-40px); }
 25% { -webkit-transform: translate(0, -80px); }
 75% { -webkit-transform: translate(0, 0); }
 100% { -webkit-transform: translate(0,-40px); } }
@keyframes newsWMap {
 0% { transform: translate(0,0); }
 22% { transform: translate(0, -40px); }
 28% { transform: translate(0, -40px); }
 72% { transform: translate(0, 40px); }
 78% { transform: translate(0, 40px); }
 100% { transform: translate(0, 0); } }
#newsBG {
 -webkit-animation: newsWMap 12s linear; animation: newsWMap 12s linear;
 -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }

/* News List */
#newsList { background: #ddd; width: 100%; padding: 5px 0; border-top: 1px solid #fff; }

#news02 {
 width: 100%; max-width: 1400px; margin: 0 auto;
 display: flex; -js-display: flex; flex-flow: row wrap; }

#news02 a {
 background: #fff; text-decoration: none; width: 33.333%;
 display: block; z-index: 1; cursor: pointer; overflow: hidden; position: relative; }

#news02 a:nth-child(even) { background: #f2f2f2; }

#news02 div { padding: 25px 30px; z-index: 20; }

#news02 a time, #newsArticle time { color: #606872; font-size: 113%; letter-spacing: .15em; }

#news02 a h3 { color: #0082cc; font-size: 100%; line-height: 1.5; letter-spacing: .075em; margin: .33em 0 0; }

#news02 a p {
 color: #444; font-size: 88%; line-height: 1.6;
 margin: .75em 0 0; padding-top: .75em; border-top: 3px solid #ddd; }

#news02 a:nth-child(even) p { border-color: #fff; }

#news02 a:after {
 content: ''; position: absolute; top: 0; left: 0; opacity: 0;
 background: rgba(0,20,33,1); width: 100%; height: 100%; display: block; }

#news02 a:hover:after { opacity: .3; }

#news02 a div:after {
 content: 'Read More ...'; position: absolute; top: 50%; left: 50%;
 background: rgba(0,35,55,.9); color: #fff; font-size: 107%; text-align: center;
 margin: -1.5em 0 0 -3.75em; padding: 1em 1em .88em 1em; display: block; opacity: 0; }

#news02 a:hover div:after { opacity: 1; }

/* News Individual */
#newsContents { background: #ddd; width: 100%; padding: 40px 0 70px; border-top: 1px solid #fff; }

#newsArticle { background: #fff; width: 920px; margin: 0 auto; padding: 40px 0 0; }

#newsArticle time, #newsArticle h1 { text-align: center; padding: 0 48px; }

#newsArticle time { display: block; margin-right: -.15em; }

#newsArticle h1 { color: #2e555e; font-size: 157%; letter-spacing: .075em; margin: .6em -.075em 0 0; }
.win #newsArticle h1 { margin-top: .75em; }

#newsArticle h1 span { position: relative; display: inline-block; }
#newsArticle h1 span:after {
 content: ''; position: absolute; left: -1px; bottom: -20px;
 background: #ddd; width: 100%; height: 3px; display: block; }

#newsBody { padding: 2em 4.1em; }

#newsBody p { font-size: 100%; line-height: 2; letter-spacing: .1em; margin: 1em 0 0; }

#entryPaging { margin: 0; padding: 0; display: flex; -js-display: flex; flex-flow: row wrap; }

#entryPaging li { font-size: 100%; text-align: center; letter-spacing: .1em; width: 33.333%; }

#entryPaging a { text-decoration: none; padding: 1em 0 1em .1em; }
.mac #entryPaging a { padding: 1.2em 0 .85em .1em; }

.newsTop a { background: #999; }
.newsTop a:link, .newsTop a:visited { color: #fff; }

.previousEntry a, .nextEntry a { background: #d4ecf7; border-bottom: 1px solid #fff; }
.previousEntry a:link, .previousEntry a:visited, .nextEntry a:link, .nextEntry a:visited { color: #007ea7; }
.previousEntry a:hover, .nextEntry a:hover { color: #fff; }

.previousEntry a { -webkit-border-radius: 0 0 0 9px; border-radius: 0 0 0 9px; border-left: 1px solid #fff; }
.nextEntry a { -webkit-border-radius: 0 0 9px 0; border-radius: 0 0 9px 0; border-right: 1px solid #fff; }

#entryPaging a:hover { background: #33a7c0; }

/* -------------------------------------------
 Displey Setting
------------------------------------------- */
#PTopNavi a:link, #PTopNavi a:visited { color: #333; text-decoration: none; }

#PTopNavi a:hover { color: #009ecc; }

.homeLink, #bottomInfo h3, #pageTop a, .TCNew, .jetSmallCopy span, #PTopNavi .SXPTN,
.eoc01, .eoc02, .eoc03, p.eoc04, p.eoc05, .TCCat, .eocJet, .bikeJet, .TCItemHalf40 h3, #topContents figure,
#TCISUS h3, #TCIShop h3, #TCISUS figure span, #TCCFumoto, .TCItem50 h4, .TCItem50 p, a #TCIjet3Name,
.changerPN p, .otherPN h4, .otherPN p, .buyHead h2, .TMJC p, .TCItem25 h3, #PCardST, #PCardCopy,
#SXTSec01 h1, #SXTSec01 p, .topSCSection h2, #correspondinTools figcaption, .SXPageTop h2,
#SXTSec07 h3, #SXTSec07 h4, #SXInst h2, #instTools figcaption, #SXClipSec h2,
#SXOpeSec03 h2, #SXOpeSec04 h2, #SXCompSec01 figcaption,
#NOCTit, #SXCompSec03 h2, #OAdapterSec h3, #ANLessSec h3, #SXSpecSec h2, .buyHead figure,
#FSSeries section h1, #FSSeries section h2, #FSAnime h3, #FGEyecatch h1, #FGSeries h2,
#F300Series section h1, #F300Series h2, #F300Eyecatch h1, #F300JName, #productF300 h3,
#comp01 h1, #comp01 h2, #company h4, #accessGuide h5, #fumotoBillding,
#tDress01 h1, #tDress02 h2, #tDress03 h2, #tDress03 h3 em, #QA01 h1, #QA01 h2, #QA01 p,
#Mlist01 h1, #Mlist01 h2, #Mlist01 p, #Mlist02 h2, #Mlist04 h2, #shop01 h1, #shop01 p,
#shop02 span, #SIJet, #SIJet3, #SICRisefit h2, #SICLifter h2, #SICRCopy, #SICLCopy, #SILColor, #sitemap01,
#contact01 h1, #contactST, #contact h3, #legal01 h1, #legal01 p, #legalNavi a, #legal h2, #completionST,
#news01 h1, #news01 h2, #newsHead h2, #newsHead p,
#jet3TSec01 h1, #jet3TSec01 h2, #jet3TSec01 p span, #jet3TSec01 p em, .jet3TopSection h2,
#jet3SCopy span, #jet3CompSec01 h1, .jet3CompSection h2, #jet3CountTit, .jet3CompContents h2,
#jet3CompAlleviation h3 span, #jet3InstSec01 h1, #jet3InstSec03 h2, #jet3InstSec04 h2, #J3IAdaptInst h3,
#jet3OpeSec01 h1, #jet3Ope03 h2, #jet3Ope04 h2, #jet3SpecSec h1, #jet3BuySec h1, #TCSumaST, #TCSumaCopy {
 text-indent: 300%; white-space: nowrap; overflow: hidden; }

#CPNType100, #CPName100, .otherPN #CPN-PTruck h4, .otherPN #CPN-PAC h4 { text-indent: 0; white-space: pre; overflow: visible}

#pageTop a { text-indent: 600%}

a .TCItem60 figure:after, #SXTSec01 h1 span, #SXTSec01 p.SXTTopCopy04, .topSCSection h2 span,
#FS02 h2 span, #FS03 h2 span, #FSAnime h3 span, #FS04 h2 span,
#FG02 h2 span, #FG03 h2 span, #FG04 h2 span,
#F300PV h2 span, #productF300 h2 span, #productF300 h3 em,
#tDress02 h2 span, #tDress03 h2 span, #Mlist02 h2 span, #Mlist04 h2 span,
#legalNavi a em, #legal h2 span, .jet3TopSection h2 span {
 text-indent: 0; white-space: normal; overflow: visible; }

#SXTSec07 a, #SXInstallMov li, #SXContentslMov li, .instCaution, #allenkeyGuide, #FGInstMov li, #fgiCaution,
#TDName, #SISAction a, #legalNavi li, #legalNavi li:after, #news02 a div:after {
 -webkit-border-radius: 6px; border-radius: 6px; }

#SXSMov li, #FSItemNum, #FGNS-Socket, #F500-other, .qaItem, #shop02 p, #shop02 p:after, #shopMyAccount section,
.SIContainer, #SICRisefit, #SICLifter, #sitemapList dl, #newsArticle {
 -webkit-border-radius: 9px; border-radius: 9px; }

#pageTop a, .changerPN a, #CPN-F100, #SXTSec07 a, .buySelectContainer a, #shop02 a, #shop02 p:after,
#MLCaution a, #legalNavi a, #entryPaging a {
 cursor: pointer; overflow: hidden; display: block; }

/* Common Image For Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.homeLink, .homeLink:after, .bottomMark, #bottomInfo h3, .GN01, .GN02, .GN03, .GN04, .GN05, .GNon01, .GNon02, .GNon03, .GNon04, .GNon05,
.GN01:after, .GN02:after, .GN03:after, .GN04:after, .GN05:after,
#PTopNavi a .SXPTN, #PTopNavi span .SXPTN, .jetSmallCopy span,
.changerPN p, .tradeDressPN p, #CPN-FS figure, #CPN-tradeDress figure, .otherPN h4, .otherPN p,
a#OPN-Lifter figure, a#OPN-Risefit figure, .TCItem50 h4, .TCItem50 p, #TCIRisefit figur, #TCILifter figure {
 background-image: url(../common_im/common2025@2x.png); background-size: 730px auto; }

.TMJC p, .TCCat, .eocJet, .eocJet, .TCNew, .eoc01, .eoc02, .eoc03, p.eoc04, p.eoc05,
#TCIMList h3, #TCITDress h3, #TCISUS h3, #TCIShop h3, #TCISUS figure span, .TCItem25 h3,
#TCITDress:after, #TCIShop:after, #TCQA:after, #TCPanfPC:after, #TCPanfTr:after, #TCCFumoto {
 background-image: url(../top_im/top@2x.png); background-size: 480px auto; }

.topSCSection h2, #SXTSec01 h1, #SXTSec01 h1 em, .SXTTopCopy01, .SXTTopCopy02, .SXTTopCopy03 {
 background-image: url(../sx-jet/images/top@2x.png); background-size: 316px 536px; }

#SXCompSec01 h2, #NOComp h2, #SXCompSec03 h2, #OAdapterSec h3, #ANLessSec h3 {
 background-image: url(../sx-jet/images/compare@2x.png); background-size: 392px 350px; }

#SXInstSec01 h2, #SXInstSec03 h2, #SXInstSec04 h2 {
 background-image: url(../sx-jet/images/installation@2x.png); background-size: 436px 236px; }

#SXClipSec h2, #SXOpeSec01 h2, #SXOpeSec03 h2, #SXOpeSec04 h2 {
 background-image: url(../sx-jet/images/operation@2x.png); background-size: 408px 276px; }

#SXSpecSec h2 { background-image: url(../sx-jet/images/specs@2x.png); background-size: 184px 37px; }

#SXBuySec h2 { background-image: url(../sx-jet/images/buy@2x.png); background-size: 308px 66px; }

#FSSeries section h1, #FSSeries section h2, #FS01 h2 span, #FSAnime h3 {
 background-image: url(../sus/images/sus@2x.png); background-size: 496px 360px; }

#FGTop h1, #FGSeries h2, #FGNS-Socket:after, #FGBuySec h2 {
 background-image: url(../fg/images/fg@2x.png); background-size: 422px 416px; }

#F300Top h1, #F300Series h2, #F300JName, #productF300 h3, #F300BuySec h2 {
 background-image: url(../f300/images/f300@2x.png); background-size: 556px 466px; }

#comp01 h1, #comp01 h2, #company h4, #accessGuide h5 em {
 background-image: url(../company/images/company@2x.png); background-size: 514px 148px; }

#SETitle01, #SETitle02, #shop01 h1, #SEIM, #shop02 span, #SIJet, .SIContainer figure,
#SICRisefit h2, #SICLifter h2, #SICRCopy, #SICLCopy, #SILColor {
 background-image: url(../shop/images/common@2x.png); background-size: 600px 720px; }

#shop02 #SN009 span { background: url(../shop/images/bike-navi.png) no-repeat 0 17px / 124px 66px;}

#Mlist01 h1, #Mlist01 h2, #Mlist01 p, #Mlist02 h2, #Mlist04 h2 {
 background-image: url(../model_list/images/model_list@2x.png); background-size: 272px 238px; }

#tDress01 h1, #tDress02 h2, #tDress03 h2, #tDress03 h3 em {
 background-image: url(../tradedress/images/td@2x.png); background-size: 430px 468px; }

#TDMark { background-image: url(../tradedress/images/td_mark@2x.png); background-size: 360px 360px; }

#contact01 h1, #contactST, #CTBalloon, #contact h3, #CTNum:before, #CFGuide, #mailformpro .required, #completionST {
 background-image: url(../contact/images/contact@2x.png); background-size: 400px 400px; }

#QA01 h1, #QA01 h2, #QA01 p, #QAImage {
 background-image: url(../qa/images/qa@2x.png); background-size: 320px 450px; }

#legal01 h1, #legal01 p, #LegalClip, #legalNavi span, #legal h2 {
 background-image: url(../legal/images/legal@2x.png); background-size: 390px 410px; }

#sitemap01 h1, #sitemap01 p, #SMAirPlane {
 background-image: url(../sitemap/images/sitemap@2x.png); background-size: 250px 250px; }

#news01 h1, #news01 h2, #newsHead h2, #newsHead p {
 background-image: url(../news/images/news@2x.png); background-size: 190px 128px; }

#newsBG {
 background-image: url(../news/images/title@2x.png); background-size: 1240px 320px; }

}

/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after, #footContainer:after, #GNav ul:after, .megaNav ul:after, #MNOC01:after,
.changerPN:after, .otherPN:after, #speedGraph:after, #topContents:after, .TCCat, .eocJet,
#SXSpecList section:after, .buySelectContainer:after, .MLTypeW:after, .SBUse:after,
#compProContainer:after, #clientsList:after, #TDCertificate:after, #shop02:after, #SISAction:after, #mailformpro p:after, #sitemapList:after, #jet3SpecList section:after, .J3SSBlock:after {
 content: ""; clear: both; display: block; height: 0; }

/* -------------------------------------------
 Common Animation
------------------------------------------- */
#PTopNavi li a, .SXLink a, .buySelectContainer a, .cartBT, #MLCaution a, .cartIN, .makeList p.MLIN a {
 color: #fff; text-decoration: none; display: table-cell;
 cursor: pointer; overflow: hidden; z-index: 1;
 -webkit-border-radius: 5px; border-radius: 5px; }

.cartIN, #MLCaution a { display: inline-block; }

.makeList p small a { display: block; overflow: visible; -webkit-border-radius: 0; border-radius: 0; }
.makeList p.MLInstNotes a {
 position: relative; background: none; font-size: 94%; padding: 0;
 -webkit-border-radius: 0; border-radius: 0; display: inline; }

#PTopNavi li a:before, .SXLink a:before, .buySelectContainer a:before, .cartBT:before, #MLCaution a:before,
.cartIN:before, #SISAction a:before, #SICRbt a:before, #SICLbt a:before, .makeList p.MLIN a:before {
 content: ''; position: absolute; top: 50%; left: 50%;
 height: 0; width: 0; z-index: -1;
 -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
 -moz-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
 -o-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
 -webkit-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear;
 transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
 -webkit-transition-delay: 0s, 0s, 0.05s; transition-delay: 0s, 0s, 0.05s}

#PTopNavi li a:hover:before, .SXLink a:hover:before,
.buySelectContainer a:hover:before, .buySelectContainer.useGuide a:hover:before,
.cartBT:hover:before, #MLCaution a:hover:before, .cartIN:hover:before,
#SISAction a:hover:before, #SICRbt a:hover:before, #SICLbt a:hover:before, .makeList p.MLIN a:hover:before {
 width: 100%; height: 100%;  -webkit-border-radius: 5px; border-radius: 5px; }

.homeLink:after, .megaNav li a, #MNSX01 a, #MNSX01 a:after, #MNSX01 a figure, #MNSX01 a div:after,
#MNOC01 a, #MNOC01 a:after, #MNOC01 a figure, #MNOC01 a div:after, #MNOC02 a:before, #MNOC03 a:before,
#MNRobust li, #MNRobust a div:after, #MNRobust a figure, #PTopNavi a, #footContainer a,#footContainer a:after,
#bottomInfo a:before, .tLink01 a, .tLink01 a:after, .tLink02 a, .tLink02 a:after, a.link01,
.changerPN div:after, .changerPN h4, .changerPN figure, .changerPN figure:after, #CPN-PTruck h4,
.changerPN.sub a:after, .otherPN a, .otherPN a:after, .otherPN a h4, .otherPN figure,
a .TCItem60 section, a .TCItem60 section:before, .TCItem60 section:after,  a .TCItem50:before, a #TCIMC figure:after,
a .TCIName, a .TCIName span, a .TCItem60 figure span, a .TCItem60 figure:after, a .TCItem60 figure:before,
a .TCItem60 figure span:after, a #TCISUS section:before, a #TCISUS section:after, a #TCISUS h3, a #TCIjet3Name,
a #TCSusName, a #TCISUS .eoc02, a #TCISUS figure span, a .TCEN16, a .TCEN18, a .TCItem50 figure,
a .TCION section:before, a #TCITDress:after, a .TCION .eoc01, a .TCION .eoc04, a .TCION .eoc05,
a #TCIMC figure, a:hover .TCCat, a:hover .bikeJet, #TCPopupCard:before, #TCSumahai:before, #PCardST, #PCardCopy,
#TCSumaPlate, #TCSumaST, #TCSumaCopy, #PCCLeft, #PCCRight, #SXTSec07 a, a #TCISD figure:after, a #TCISD figure,
a #TCIShop h3, a #TCIShop p, a #TCIShop:after, a #TCQaEn, a #TCPPCEn, a #TCPTREn, a #TCCEn, a .TCISDJap, a .TCISDEn,
a #TCCFumoto, a:hover .TCPDL, a #TCQA:after, a #TCPanfPC:after, a #TCPanfTr:after, a #TCCompany,
a #TCIRisefit h4, a #TCILifter h4, a .TCItem50 p, #TCInfo h4 a, #TCInfo a:after, #MLCaution a:before, #MLCaution a,
#TDCertificate a, .IMOn:before, .IMOn:after, .qaToggle a, .qaToggle:before, .qaToggle:after, .qaToggle em,
#shop02 p:after, #shop02 p a:before, #shop02 p a:after, .cartIN:before, .siIM a, .siIM a img,
.SIList tbody:hover, #SISAction a:before, #SICRbt a, #SICLbt a, #SICRbt a:before, #SICLbt a:before, #SXTMov a,
#legalNavi li:after, #legalNavi a:before, #legalNavi a:after, .TFSend input, #SUSAnimation p a,
#sitemapList a, #sitemapList a:before, #sitemapList a:after, button#mfp_button_cancel, button#mfp_button_send,
#news02 a:after, #news02 a div:after, #newsBody p a, #newsBody p a:after, #entryPaging a, .BSXIWrapp, .BSXCIM img {
 -webkit-transition: all .25s ease-in-out;
 -moz-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out; }

.tLink01 a, .tLink02 a, #TCInfo a, #newsBody p a { position: relative; display: inline-block; cursor: pointer; }
.tLink01 a:link, .tLink01 a:visited, .tLink02 a:link, .tLink02 a:visited, a:link.link01, a:visited.link01,
#newsBody p a:link, #newsBody p a:visited { color: #0089bb; text-decoration: none; }
.tLink01 a:hover, .tLink02 a:hover, a:hover.link01, #newsBody p a:hover { color: #dd4500; }

.tLink01 a:after, .tLink02 a:after, #MNSX01 a:after, #MNOC01 a:after, #footContainer a:after,
#TCInfo a:after, #newsBody p a:after {
 content: ''; position: absolute; bottom: -5px; left: 50%;
 background-color: #49b5e5; width: 0; height: 1px;
 -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.tLink02 a:after { bottom: -2px; }
#TCInfo a:after, #newsBody p a:after { bottom: 0; }

.tLink01 a:hover:after, .tLink02 a:hover:after, #MNSX01 a:hover:after, #MNOC01 a:hover:after,
#footContainer a:hover:after, #TCInfo a:hover:after, #newsBody p a:hover:after { width: 100%; }

#MNSX01 a figure, #MNOC01 a figure, #MNRobust a figure, .changerPN a figure, .otherPN a figure, .siIM a img {
 -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
#MNSX01 a:hover figure, #MNOC01 a:hover figure, #MNRobust a:hover figure {
 -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.changerPN a:hover figure, .otherPN a:hover figure, .siIM a:hover img {
 -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

.IMOn { position: relative; z-index: 1; }
.IMOn:before, .IMOn:after { content: ''; position: absolute; display: block; opacity: 0; }
.IMOn:before { top: 0; right: 0; left: 0; z-index: 5; background: rgba(0,0,0,.5); width: 100%; height: 100%; }
.IMOn:after {
 background: url(../common_im/common-2025.png) no-repeat 0 -560px;
 top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; z-index: 10; }
.IMOn:hover:before, .IMOn:hover:after { opacity: 1; }

/* -------------------------------------------
 Animations
------------------------------------------- */
/*　Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT　Copyright (c) 2015 Daniel Eden　*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}

/* General */
.fadeInUp06 { -webkit-animation: fadeInUp .6s ease-in-out; animation: fadeInUp .6s ease-in-out; }
.fadeIn12 { -webkit-animation: fadeIn 1.2s ease-in-out; animation: fadeIn 1.2s ease-in-out; }
.fadeInUp10 { -webkit-animation: fadeInUp 1s ease-in-out; animation: fadeInUp 1s ease-in-out; }
.fadeInUp12 { -webkit-animation: fadeInUp 1.2s ease-in-out; animation: fadeInUp 1.2s ease-in-out; }
.fadeInUpEase10 { -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease; }

@-webkit-keyframes SPT01 {
 0% { -webkit-transform: translate(-120px); opacity: 0; } 100% { -webkit-transform: translate(0); opacity: 1; } }
@keyframes SPT01 {
 0% { transform: translate(-120px); opacity: 0; } 100% { transform: translate(0); opacity: 1; } }

.SPT01 { -webkit-animation: SPT01 .6s ease-in-out; animation: SPT01 .6s ease-in-out; }

@-webkit-keyframes SPT02 {
 0% { -webkit-transform: translate(120px); opacity: 0; } 100% { -webkit-transform: translate(0); opacity: 1; } }
@keyframes SPT02 {
 0% { transform: translate(120px); opacity: 0; } 100% { transform: translate(0); opacity: 1; } }

.SPT02 { -webkit-animation: SPT02 .6s ease-in-out; animation: SPT02 .6s ease-in-out; }

@-webkit-keyframes SPT03 {
 0% { -webkit-transform: translate(0,70px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes SPT03 {
 0% { transform: translate(0,70px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }

.SPT03 { -webkit-animation: SPT03 .75s ease-in-out; animation: SPT03 .75s ease-in-out; }
.SPT04 { -webkit-animation: SPT03 1s ease-in-out; animation: SPT03 1s ease-in-out; }
.SPT05 { -webkit-animation: SPT03 1.2s ease-in-out; animation: SPT03 1.2s ease-in-out; }
.SPT06 { -webkit-animation: SPT03 1.4s ease-in-out; animation: SPT03 1.4s ease-in-out; }

@-webkit-keyframes SXP01 {
 0% { -webkit-transform: translate(0, 60px); opacity: 0; }
 60% { -webkit-transform: translate(0, 60px); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes SXP01 {
 0% { transform: translate(0, 60px); opacity: 0; }
 60% { transform: translate(0, 60px); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

.SXTC01 { -webkit-animation: SXP01 1.2s ease-in-out; animation: SXP01 1.2s ease-in-out; }
.SXTC02 { -webkit-animation: SXP01 1.8s ease-in-out; animation: SXP01 1.6s ease-in-out; }
.SXTC03 { -webkit-animation: SXP01 2.4s ease-in-out; animation: SXP01 2.2s ease-in-out; }
.SXTC04 { -webkit-animation: SXP01 2.4s ease-in-out; animation: SXP01 2.6s ease-in-out; }

.SXP20 { -webkit-animation: SXP01 2s ease-in-out; animation: SXP01 2s ease-in-out; }

@-webkit-keyframes FIL60 {
 0% { -webkit-transform: translate(-60px,0); opacity: 0; }
 100% { -webkit-transform: none; opacity: 1; } }
@keyframes FIL60 {
 0% { transform: translate(-60px,0); opacity: 0; }
 100% { transform: none; opacity: 1; } }
.FIL6 { -webkit-animation: FIL60 1s ease-in-out; animation: FIL60 1s ease-in-out; }
.FIL612 { -webkit-animation: FIL60 1.2s ease-in-out; animation: FIL60 1.2s ease-in-out; }
.FIL6-05 { -webkit-animation: FIL60 .5s ease-in-out; animation: FIL60 .5s ease-in-out; }

@-webkit-keyframes FIR60 {
 0% { -webkit-transform: translate(60px,0); opacity: 0; }
 100% { -webkit-transform: none; opacity: 1; } }
@keyframes FIR60 {
 0% { transform: translate(60px,0); opacity: 0; }
 100% { transform: none; opacity: 1; } }
.FIR6 { -webkit-animation: FIR60 1s ease-in-out; animation: FIR60 1s ease-in-out; }
.FIR612 { -webkit-animation: FIR60 1.2s ease-in-out; animation: FIR60 1.2s ease-in-out; }
.FIR6-08 { -webkit-animation: FIR60 .8s ease-in-out; animation: FIR60 .8s ease-in-out; }
.FIR6-05 { -webkit-animation: FIR60 .5s ease-in-out; animation: FIR60 .5s ease-in-out; }

@-webkit-keyframes FScaleAni01 {
 0% { -webkit-transform: scale(.75,.75); opacity: 0; }
 100% { -webkit-transform: scale(1,1); opacity: 1; } }
@keyframes FScaleAni01 {
 0% { transform: scale(.75,.75); opacity: 0; }
 100% { transform: scale(1,1); opacity: 1; } }
.FScale05 { -webkit-animation: FScaleAni01 .5s ease; animation: FScaleAni01 .5s ease; }
.FScale75 { -webkit-animation: FScaleAni01 .75s ease; animation: FScaleAni01 .75s ease; }
.FScale10 { -webkit-animation: FScaleAni01 1s ease; animation: FScaleAni01 1s ease; }

@-webkit-keyframes scale6 {
 0% { -webkit-transform: scale(.6,.6); opacity: 0; }
 100% { -webkit-transform: scale(1,1); opacity: 1; } }
@keyframes scale6 {
 0% { transform: scale(.6,.6); opacity: 0; }
 100% { transform: scale(1,1); opacity: 1; } }
.SC604 { -webkit-animation: scale6 .4s ease-in-out; animation: scale6 .4s ease-in-out; }
.SC605 { -webkit-animation: scale6 .5s ease-in-out; animation: scale6 .5s ease-in-out; }
.SC606 { -webkit-animation: scale6 .6s ease-in-out; animation: scale6 .6s ease-in-out; }
.SC607 { -webkit-animation: scale6 .7s ease-in-out; animation: scale6 .7s ease-in-out; }
.SC608 { -webkit-animation: scale6 .8s ease-in-out; animation: scale6 .8s ease-in-out; }
.SC609 { -webkit-animation: scale6 .9s ease-in-out; animation: scale6 .9s ease-in-out; }
.SC610 { -webkit-animation: scale6 10s ease-in-out; animation: scale6 1s ease-in-out; }

@-webkit-keyframes FIR30 {
 0% { -webkit-transform: translate(0, 30px); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes FIR30 {
 0% { transform: translate(0, 30px); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

.FIR04 { -webkit-animation: FIR30 .4s ease-in-out; animation: FIR30 .4s ease-in-out; }
.FIR06 { -webkit-animation: FIR30 .6s ease-in-out; animation: FIR30 .6s ease-in-out; }
.FIR08 { -webkit-animation: FIR30 .8s ease-in-out; animation: FIR30 .8s ease-in-out; }
.FIR10 { -webkit-animation: FIR30 1s ease-in-out; animation: FIR30 1s ease-in-out; }
.FIR12 { -webkit-animation: FIR30 1.2s ease-in-out; animation: FIR30 1.2s ease-in-out; }
.FIR14 { -webkit-animation: FIR30 1.4s ease-in-out; animation: FIR30 1.4s ease-in-out; }
.FIR16 { -webkit-animation: FIR30 1.6s ease-in-out; animation: FIR30 1.6s ease-in-out; }
.FIR18 { -webkit-animation: FIR30 1.8s ease-in-out; animation: FIR30 1.8s ease-in-out; }

@-webkit-keyframes FIR90 {
 0% { -webkit-transform: translate(90px, 0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes FIR90 {
 0% { transform: translate(90px, 0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }
.FIR90 { -webkit-animation: FIR90 1.2s cubic-bezier(0,.45,.45,1); animation: FIR90 1.2s cubic-bezier(0,.45,.45,1); }

/* SX TopPage */
@-webkit-keyframes SX01 {
 0% { -webkit-transform: matrix3d(0.693,0,0,0,0,0.693,0,0,0,0,1,0,0,50,0,1); opacity: 0; }
 40% { -webkit-transform: matrix3d(0.792,0.1,0.00,0,-0.1,0.792,0.00,0,0,0,1,0,10,-50,0,1); opacity: 1; }
 100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); } }
@keyframes SX01 {
 0% { transform: matrix3d(0.693,0,0,0,0,0.693,0,0,0,0,1,0,0,50,0,1); opacity: 0; }
 40% { transform: matrix3d(0.792,0.1,0,0,-0.1,0.792,0,0,0,0,1,0,10,-50,0,1); opacity: 1; }
 100% { transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); } }

.SXTopAni { -webkit-animation: SX01 2.4s ease-in-out; animation: SX01 2.4s ease-in-out; }

@-webkit-keyframes SXH01 {
 0% { -webkit-transform: translate(0, 80px); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes SXH01 {
 0% { transform: translate(0,80px); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

.SXTH1 { -webkit-animation: SXH01 .6s ease-in-out; animation: SXH01 .6s ease-in-out; }

@-webkit-keyframes SXHSP01 {
 0% { -webkit-transform: translate(0, 100px); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes SXHSP01 {
 0% { transform: translate(0,100px); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

.SXH1SP1 { -webkit-animation: SXHSP01 .8s ease-in-out; animation: SXHSP01 .8s ease-in-out; }

@-webkit-keyframes SXHEM01 {
 0% { -webkit-transform: translate(30px, 0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes SXHEM01 {
 0% { transform: translate(30px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

.SXH1EM { -webkit-animation: SXHEM01 1.5s ease-in-out; animation: SXHEM01 1.5s ease-in-out; }

@-webkit-keyframes SXP01 {
 0% { -webkit-transform: translate(0, 60px); opacity: 0; }
 60% { -webkit-transform: translate(0, 60px); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes SXP01 {
 0% { transform: translate(0, 60px); opacity: 0; }
 60% { transform: translate(0, 60px); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

@-webkit-keyframes BarScale {
 0% { -webkit-transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); } }
@keyframes BarScale {
 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }

.barScale01 {
 -webkit-animation: BarScale .5s ease; animation: BarScale .5s ease;
 -webkit-transform-origin: left center; transform-origin: left center; }
.barScale02 {
 -webkit-animation: BarScale 1s ease; animation: BarScale 1s ease;
 -webkit-transform-origin: left center; transform-origin: left center; }

@-webkit-keyframes SXS04 {
 0% { -webkit-transform: rotate(0deg); }
 38% { -webkit-transform: rotate(50deg); }
 82% { -webkit-transform: rotate(-10deg); }
 100% { -webkit-transform: rotate(0deg); } }
@keyframes SXS04 {
 0% { transform: rotate(0deg); }
 38% { transform: rotate(50deg); }
 82% { transform: rotate(-10deg); }
 100% { transform: rotate(0deg); } }

.FMItemOn, .jet3MoveOn {
 -webkit-transform-origin: 105px 113px; transform-origin: 105px 113px;
 -webkit-animation: SXS04 5s ease-in-out 2; animation: SXS04 5s ease-in-out 2; }

@-webkit-keyframes allenkey {
 0% { -webkit-transform: translate(0,300px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes allenkey {
 0% { transform: translate(0,300px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }
.allenkey { -webkit-animation: allenkey .4s ease-in-out; animation: allenkey .4s ease-in-out; }

@-webkit-keyframes spana01 {
 0% { -webkit-transform: translate(0,400px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes spana01 {
 0% { transform: translate(0,400px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }
.spana01 { -webkit-animation: spana01 .6s ease-in-out; animation: spana01 .6s ease-in-out; }

@-webkit-keyframes spana02 {
 0% { -webkit-transform: translate(0,500px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes spana02 {
 0% { transform: translate(0,500px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }
.spana02 { -webkit-animation: spana02 .8s ease-in-out; animation: spana02 .8s ease-in-out; }

@-webkit-keyframes monky {
 0% { -webkit-transform: translate(0,600px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes monky {
 0% { transform: translate(0,600px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }
.monky { -webkit-animation: monky 1s ease-in-out; animation: monky 1s ease-in-out; }

@-webkit-keyframes soket {
 0% { -webkit-transform: translate(0,700px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes soket {
 0% { transform: translate(0,700px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }
.soket { -webkit-animation: soket 1s ease-in-out; animation: soket 1s ease-in-out; }
.soket02 { -webkit-animation: soket 1.2s ease-in-out; animation: soket 1.2s ease-in-out; }

@-webkit-keyframes hexagon {
 0% { -webkit-transform: translate(0,800px); opacity: 0; } 100% { -webkit-transform: translate(0,0); opacity: 1; } }
@keyframes hexagon {
 0% { transform: translate(0,800px); opacity: 0; } 100% { transform: translate(0,0); opacity: 1; } }
.hexagon { -webkit-animation: hexagon 1.2s ease-in-out; animation: hexagon 1.2s ease-in-out; }
.hexagon02 { -webkit-animation: hexagon 1.4s ease-in-out; animation: hexagon 1.4s ease-in-out; }

@-webkit-keyframes SXTop06 {
 0% { top: 464px; -webkit-transform: matrix3d(0.75,0.15,0.00,0,-0.15,0.75,0.00,0,0,0,1,0,-10,-60,0,1); opacity: 0; } 100% { top: 164px; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; } }
@keyframes SXTop06 {
 0% { top: 464px; transform: matrix3d(0.75,0.15,0.00,0,-0.15,0.75,0.00,0,0,0,1,0,-10,-60,0,1); opacity: 0; } 100% { top: 164px; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; } }

.SXT61 { -webkit-animation: SXTop06 1s ease-in-out; animation: SXTop06 1s ease-in-out; }
.SXT62 { -webkit-animation: SXTop06 1.4s ease-in-out; animation: SXTop06 1.4s ease-in-out; }

/* SX Compare */
@-webkit-keyframes SXNmod {
 0% { -webkit-transform: matrix3d(0.8,0.05,0.00,0,-0.05,0.8,0.00,0,0,0,1,0,0,0,0,1); opacity: 0; }
 40% { -webkit-transform: matrix3d(0.9,-0.09,0.00,0,0.09,0.9,0.00,0,0,0,1,0,-10,-20,0,1); opacity: 1; }
 100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); } }
@keyframes SXNmod {
 0% { transform: matrix3d(0.8,0.05,0.00,0,-0.05,0.8,0.00,0,0,0,1,0,0,0,0,1); opacity: 0; }
 40% { transform: matrix3d(0.9,-0.09,0.00,0,0.09,0.9,0.00,0,0,0,1,0,-10,-20,0,1); opacity: 1; }
 100% { transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); } }

.SXNmod { -webkit-animation: SXNmod 1.8s ease-in-out; animation: SXNmod 1.8s ease-in-out; }

@-webkit-keyframes SXOmod {
 0% { -webkit-transform: matrix3d(0.8,0.05,0.00,0,-0.05,0.8,0.00,0,0,0,1,0,0,0,0,1); opacity: 0; }
 40% { -webkit-transform: matrix3d(0.9,0.09,0.00,0,-0.09,0.9,0.00,0,0,0,1,0,10,-20,0,1); opacity: 1; }
 100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); } }
@keyframes SXOmod {
 0% { transform: matrix3d(0.8,0.05,0.00,0,-0.05,0.8,0.00,0,0,0,1,0,0,0,0,1); opacity: 0; }
 40% { transform: matrix3d(0.9,0.09,0.00,0,-0.09,0.9,0.00,0,0,0,1,0,10,-20,0,1); opacity: 1; }
 100% { transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); } }

.SXOmod { -webkit-animation: SXOmod 2.2s ease-in-out; animation: SXOmod 2.2s ease-in-out; }

/* Jet3 Animations */
@-webkit-keyframes jet3New {
 0%,40% { -webkit-transform: translate(120px); opacity: 0; }
 100% { -webkit-transform: translate(0); opacity: 1; } }
@keyframes jet3New {
 0%,40% { transform: translate(120px); opacity: 0; } 100% { transform: translate(0); opacity: 1; } }

.jet3New { -webkit-animation: jet3New 1.4s ease-in-out; animation: jet3New 1.4s cubic-bezier(0,.4,.55,1); }

@-webkit-keyframes jet3TAni {
 0% { -webkit-transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1); opacity: 0; }
 10% { -webkit-transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1);
    opacity: 0; -webkit-animation-timing-function: cubic-bezier(0,.4,.55,1); }
 35% { -webkit-transform: matrix3d(0.9,0.05,0.00,0,-0.05,0.9,0.00,0,0,0,1,0,20,-30,0,1);
    opacity: 1; -webkit-animation-timing-function: ease-in-out; } }
@keyframes jet3TAni {
 0% { transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1); opacity: 0; }
 10% { transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1); opacity: 0;
  animation-timing-function: cubic-bezier(0,.4,.55,1) }
 35% { transform: matrix3d(0.9,0.05,0.00,0,-0.05,0.9,0.00,0,0,0,1,0,20,-30,0,1); opacity: 1;
 animation-timing-function: ease-in-out; } }
.jet3TAni { -webkit-animation: jet3TAni 1.6s; animation: jet3TAni 1.6s; }

@-webkit-keyframes jet3IMLeft {
 0% { -webkit-transform: translate(-100px,0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes jet3IMLeft {
 0% { transform: translate(-100px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }
.jet3IMLeft { -webkit-animation: jet3IMLeft 1s cubic-bezier(0,.8,.5,1); animation: jet3IMLeft 1s cubic-bezier(0,.8,.5,1); }

@-webkit-keyframes jet3IMRight {
 0% { -webkit-transform: translate(100px,0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes jet3IMRight {
 0% { transform: translate(100px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }
.jet3IMRight { -webkit-animation: jet3IMRight 1s cubic-bezier(0,.8,.5,1); animation: jet3IMRight 1s cubic-bezier(0,.8,.5,1); }

@-webkit-keyframes JET3Top06 {
 0% { top: 440px; -webkit-transform: matrix3d(0.75,0.15,0.00,0,-0.15,0.75,0.00,0,0,0,1,0,-10,-60,0,1); opacity: 0; } 100% { top: 120px; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; } }
@keyframes JET3Top06 {
 0% { top: 440px; transform: matrix3d(0.75,0.15,0.00,0,-0.15,0.75,0.00,0,0,0,1,0,-10,-60,0,1); opacity: 0; } 100% { top: 120px; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; } }

.jet3T61 { -webkit-animation: JET3Top06 .8s ease-in-out; animation: JET3Top06 .8s ease-in-out; }
.jet3T62 { -webkit-animation: JET3Top06 1s ease-in-out; animation: JET3Top06 1s ease-in-out; }

/* FS Series */
@-webkit-keyframes FSSpan {
 60% { -webkit-transform: translate(60px,0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes FSSpan {
 60% { transform: translate(60px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }

.FSSpan { -webkit-animation: FSSpan 2.4s ease-in-out; animation: FSSpan 2.4s ease-in-out; }

@-webkit-keyframes FSAni01 {
 0% { -webkit-transform: matrix3d(0.7425,-0.1,0.00,0,0.10,0.7425,0.00,0,0,0,1,0,-80,-100,0,1);
    opacity: 0; -webkit-animation-timing-function: cubic-bezier(0,.63,.67,1); }
 40% { transform: matrix3d(0.9,0.03,0.00,0,-0.03,0.9,0.00,0,0,0,1,0,-30,20,0,1);
    opacity: 1; -webkit-animation-timing-function: cubic-bezier(.4,0,.28,1); } }
@keyframes FSAni01 {
 0% { transform: matrix3d(0.7425,-0.1,0.00,0,0.10,0.7425,0.00,0,0,0,1,0,-80,-100,0,1);
    opacity: 0; animation-timing-function: cubic-bezier(0,.63,.67,1); }
 40% { transform: matrix3d(0.9,0.03,0.00,0,-0.03,0.9,0.00,0,0,0,1,0,-30,20,0,1);
    opacity: 1; animation-timing-function: cubic-bezier(.4,0,.28,1); } }
.FSAni01 { -webkit-animation: FSAni01 2.4s; animation: FSAni01 2.4s; }

@-webkit-keyframes FSAni02 {
 0% { -webkit-transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1); opacity: 0; }
 15% { -webkit-transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1);
    opacity: 0; -webkit-animation-timing-function: cubic-bezier(0,.4,.55,1); }
 60% { -webkit-transform: matrix3d(0.9,0.05,0.00,0,-0.05,0.9,0.00,0,0,0,1,0,20,-30,0,1);
    opacity: 1; -webkit-animation-timing-function: cubic-bezier(.27,0,.28,1); } }
@keyframes FSAni02 {
 0% { transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1); opacity: 0; }
 15% { transform: matrix3d(0.8,-0.09,0.00,0,0.09,0.8,0.00,0,0,0,1,0,40,40,0,1);
    opacity: 0; animation-timing-function: cubic-bezier(0,.4,.55,1); }
 60% { transform: matrix3d(0.9,0.05,0.00,0,-0.05,0.9,0.00,0,0,0,1,0,20,-30,0,1);
    opacity: 1; animation-timing-function: cubic-bezier(.27,0,.28,1); } }
.FSAni02 { -webkit-animation: FSAni02 2.6s; animation: FSAni02 2.6s; }

/* Page St */
@-webkit-keyframes PSTLeft {
 0% { -webkit-transform: translate(-40px,0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes PSTLeft {
 0% { transform: translate(-40px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }
.PSTLeft { -webkit-animation: PSTLeft .8s ease-in-out; animation: PSTLeft .8s ease-in-out; }
.PSTLeft02 { -webkit-animation: PSTLeft 1s ease-in-out; animation: PSTLeft 1s ease-in-out; }
.BNL08 { -webkit-animation: PSTLeft .8s ease-in-out; animation: PSTLeft .8s ease-in-out; }
.BNL10 { -webkit-animation: PSTLeft 1s ease-in-out; animation: PSTLeft 1s ease-in-out; }
.BNL12 { -webkit-animation: PSTLeft 1.2s ease-in-out; animation: PSTLeft 1.2s ease-in-out; }

@-webkit-keyframes PSTRight {
 0% { -webkit-transform: translate(40px,0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes PSTRight {
 0% { transform: translate(40px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }
.PSTRight { -webkit-animation: PSTRight .8s ease-in-out; animation: PSTRight .8s ease-in-out; }
.PSTRight02 { -webkit-animation: PSTRight 1s ease-in-out; animation: PSTRight 1s ease-in-out; }
.BNR08 { -webkit-animation: PSTRight .8s ease-in-out; animation: PSTRight .8s ease-in-out; }
.BNR10 { -webkit-animation: PSTRight 1s ease-in-out; animation: PSTRight 1s ease-in-out; }
.BNR12 { -webkit-animation: PSTRight 1.2s ease-in-out; animation: PSTRight 1.2s ease-in-out; }

/* Trade Dress */
@-webkit-keyframes TDMark {
 0% { -webkit-transform: matrix3d(0.88,-0.09,0.00,0,0.09,0.88,0.00,-0,0,0,1,0,100,100,0,1); opacity: 0; }
 40% { -webkit-transform: matrix3d(0.95,0.05,0.00,0,-0.05,0.95,0.00,0.0006,0,0,1,0,40,-30,0,1); opacity: 1; }
 100% { -webkit-transform: matrix3d(1,0.05,0.00,-0.0003,-0.05,0.95,0.00,-0.0006,0,0,1,0,0,0,0,1); } }
@keyframes TDMark {
 0% { transform: matrix3d(0.88,-0.09,0.00,0,0.09,0.88,0.00,-0,0,0,1,0,100,100,0,1); opacity: 0; }
 40% { transform: matrix3d(0.95,0.05,0.00,0,-0.05,0.95,0.00,0.0006,0,0,1,0,40,-30,0,1); opacity: 1; }
 100% { transform: matrix3d(1,0.05,0.00,-0.0003,-0.05,0.95,0.00,-0.0006,0,0,1,0,0,0,0,1); } }
.TDMIN { -webkit-animation: TDMark 2.2s ease; animation: TDMark 2.2s ease; }

@-webkit-keyframes QAIM {
 0% { -webkit-transform: matrix3d(0.8415,0.14,0.00,-0.0002,-0.14,0.8415,0.00,-0.0002,0,0,1,0,100,-100,0,1); opacity: 0; }
 40% { -webkit-transform: matrix3d(0.95,0.05,0.00,0,-0.05,0.9,0.00,0.0002,0,0,1,0,50,50,0,1); opacity: 1; }
 100% { -webkit-transform: matrix3d(1,-0.05,0.00,0,0.05,1,0.00,0,0,0,1,0,0,0,0,1); } }
@keyframes QAIM {
 0% { transform: matrix3d(0.8415,0.14,0.00,-0.0002,-0.14,0.8415,0.00,-0.0002,0,0,1,0,100,-100,0,1); opacity: 0; }
 40% { transform: matrix3d(0.95,0.05,0.00,0,-0.05,0.9,0.00,0.0002,0,0,1,0,50,50,0,1); opacity: 1; }
 100% { transform: matrix3d(1,-0.05,0.00,0,0.05,1,0.00,0,0,0,1,0,0,0,0,1); } }
.QAIM { -webkit-animation: QAIM 1.2s cubic-bezier(0,.25,.65,1); animation: QAIM 1.2s cubic-bezier(0,.25,.65,1); }

/* Shop */
@-webkit-keyframes ShopIM {
 0% { -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,-70,150,0,1); opacity: 0; }
 50% { -webkit-transform: matrix3d(0.99,-0.12,0.00,0,0.12,0.99,0.00,0,0,0,1,0,-20,-20,0,1); opacity: 1; }
 100% { -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1); } }
@keyframes ShopIM {
 0% { transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,-70,150,0,1); opacity: 0; }
 50% { transform: matrix3d(0.99,-0.12,0.00,0,0.12,0.99,0.00,0,0,0,1,0,-20,-20,0,1); opacity: 1; }
 100% { transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1); } }
.ShopIM { -webkit-animation: ShopIM 1.5s ease; animation: ShopIM 1.5s ease; }

@-webkit-keyframes ShopItems {
 0% { -webkit-transform: translate(0,-50px); opacity: 0; }
 50% { -webkit-transform: translate(0,15px); opacity: 1; }
 100% { -webkit-transform: translate(0, 0); } }
@keyframes ShopItems {
 0% { transform: translate(0,-50px); opacity: 0; }
 50% { -webkit-transform: translate(0,15px); opacity: 1; }
 100% { transform: translate(0, 0); } }
.ShopItems01 { -webkit-animation: ShopItems .8s ease; animation: ShopItems .8s ease; }
.ShopItems02 { -webkit-animation: ShopItems 1.4s ease; animation: ShopItems 1.4s ease; }
.ShopItems03 { -webkit-animation: ShopItems 1.6s ease; animation: ShopItems 1.6s ease; }
.ShopItems04 { -webkit-animation: ShopItems 1.8s ease; animation: ShopItems 1.8s ease; }
.ShopItems05 { -webkit-animation: ShopItems 1.2s ease; animation: ShopItems 1.2s ease; }
.ShopItems06 { -webkit-animation: ShopItems 1s ease; animation: ShopItems 1s ease; }

/* Contact */
@-webkit-keyframes CBalloon {
 0% { -webkit-transform: matrix3d(1,-0.09,0.00,0,0.09,1,0.00,0,0,0,1,0,40,50,0,1); }
 20% { -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-20,0,1); }
 23% { -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-24,0,1); }
 43% { -webkit-transform: matrix3d(1,0.09,0.00,0,-0.09,1,0.00,0,0,0,1,0,-40,20,0,1); }
 48% { -webkit-transform: matrix3d(1,0.09,0.00,0,-0.09,1,0.00,0,0,0,1,0,-40,20,0,1); }
 70% { -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-20,0,1); }
 73% { -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-20,0,1); }
 95% { -webkit-transform: matrix3d(1,-0.09,0.00,0,0.09,1,0.00,0,0,0,1,0,40,50,0,1); }
 100% { -webkit-transform: matrix3d(1,-0.09,0.00,0,0.09,1,0.00,0,0,0,1,0,40,50,0,1); } }
@keyframes CBalloon {
 0% { transform: matrix3d(1,-0.09,0.00,0,0.09,1,0.00,0,0,0,1,0,40,50,0,1); }
 20% { transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-20,0,1); }
 23% { transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-24,0,1); }
 43% { transform: matrix3d(1,0.09,0.00,0,-0.09,1,0.00,0,0,0,1,0,-40,20,0,1); }
 48% { transform: matrix3d(1,0.09,0.00,0,-0.09,1,0.00,0,0,0,1,0,-40,20,0,1); }
 70% { transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-20,0,1); }
 73% { transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,-20,0,1); }
 95% { transform: matrix3d(1,-0.09,0.00,0,0.09,1,0.00,0,0,0,1,0,40,50,0,1); }
 100% { transform: matrix3d(1,-0.09,0.00,0,0.09,1,0.00,0,0,0,1,0,40,50,0,1); } }
.CBalloon {
 -webkit-animation: CBalloon 7s linear; animation: CBalloon 7s linear;
 -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }

/* Legal */
@-webkit-keyframes LClip {
 0% { -webkit-transform: translate(-500px,0); opacity: 0; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes LClip {
 0% { transform: translate(-500px,0); opacity: 0; }
 100% { transform: translate(0, 0); opacity: 1; } }
.LClip { -webkit-animation: LClip .8s ease; animation: LClip .8s ease; }

/* Site Map */
@-webkit-keyframes SMPlane {
 0% { -webkit-transform: translate(-240px,240px); }
 60% { -webkit-transform: translate(240px, -240px); }
 100% { -webkit-transform: translate(240px, -240px); } }
@keyframes SMPlane {
 0% { transform: translate(-240px,240px); }
 60% { transform: translate(240px, -240px); }
 100% { transform: translate(240px, -240px); } }
.SMPlane {
 -webkit-animation: SMPlane 4s linear; animation: SMPlane 4s linear;
 -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }