@charset "utf-8";

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

/* -------------------------------------------
 Reset
------------------------------------------- */
html{font-size:62.5%}body,html{height:100%}body{margin:0;font-size:1rem}address,footer,h1,h2,h3,h4,h5,h6,header,html,iframe,nav,p,section,small{font-size:1rem;border:0;outline:0}a,address,header,html,iframe,nav{padding:0;margin: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{margin:0;padding:0;border:0;outline:0;background:0 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: '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, .topSCSection h2 span, .Count01, .compPer, #oldAdapter04 span,
#NSItem span, #SXSpecSize dt, #SXScrewSize li, .makeList em, #SBUGPrice .SXPrice em, #SBUGPrice .FGPrice,
#F300Series h2 span, #productF300 h3 em, #FSSeries h2 span, #FSAnime h3 span,
#Mlist02 h2 span, #Mlist04 h2 span, #tDress02 h2 span, #tDress03 h2 span,
#TDDesign figcaption, #legal h2 span, #legalNavi em, #entryPaging,
#jet3PNCompare, #jet3PNInst, #jet3PNSpec, #J3SSList h4, #spJet3BPrice { font-family: 'JSR'; }

.jssb, #globalNav em, .PTopNav b, #BNTrigger,
.eocJet, .bikeJet, .eoc03:before, .eoc01:before, .eoc02:before,.eoc04:before, .eoc05:before, .eocPamph,
#SXStructure h3,.TCEN16, .TCEN18, #TCIShop p, #TCInfo h2, #TCCEn, #NOCompIM span,
#fgiCaution em, .SL-eoc .makeList h4 em, .MLIN:before, #TDTime em, #tDress04 p,
#QA01 p, .qaToggle em, #contact02 h2, #contact03 h2, #sitemap01 p,
#news01 h2, #newsHead p, #news02 a time, #newsArticle time, #news02 a div:after {
 font-family: 'JSSB'; }

.jsb, .TMCopy, .TCIName, #TCSusName, #TCQaEn, #SXTSec01 h1 span, .jetSmallCopy, .PTSmallCopy,
.SXPageTop h1, #SXSpec h1, #SXBuy h1, #FGBuy h1, #F300Buy h1, #SXCompSec03 h3 em,
#FGTop h1 em, #FGSeries h2 span, #F300Series h2, #F300TopName, #F300BuySec h2 strong,
#company h3, #CTNum, #tDress01 h2, #TDCertificate figcaption, #TDName em, #tDress04 h3,
#shop01 p, .SIEnName, #contactST, #legal01 p { font-family: 'JSB'; }

.iphone .texMincho, .iphone .topSCSection h2, .iphone .stageTopContents h2, .iphone .stageContents h2,
.iphone #NOCTit, .iphone #SXCompSec03 h3, .iphone #SXBuySec h3, .iphone #FGTop h1, .iphone #FGTop h2,
.iphone #FGBuySec h3, .iphone #F300Series h1, .iphone #F300Series h2 em, .iphone #F300PV h2,
.iphone #F300PV h2, .iphone #productF300 h2, .iphone #productF300 h3, .iphone #F300BuySec h2,
.iphone #F300Buy h3, .iphone #FSAnime h3, .iphone #SICRCopy, .iphone #SICLCopy,
.iphone #Mlist02 h2, .iphone #Mlist04 h2, .iphone #company h4, #QA01 h1, .iphone #contact01 h1, #contact h3,
.iphone #tDress01 h1, .iphone #TDTime, #TDWhats h3, .iphone #shop01 h1,
.iphone #legal01 h1, .iphone #sitemap01 h1, .iphone #sitemapList h2, .iphone #news01 h1, .iphone #newsHead h2,
.iphone #jet3Comp01 h1, .iphone #jet3CompAlleviation h3, .iphone #J3IAdaptInst h3, .iphone #jet3BuySec h3 {
 font-family: '游明朝', 'Yu Mincho', YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, "HG明朝E", serif; }

#TCInfo h2, #TCInfo dt, #TCInfo h4, #SXTop h2, #NOComp h2, #SXOpeSec04 h2, #SXSpecSec h2, #SXSpecList,
#SXBuy .jetSmallCopy, #SXStructure h3, #SXStructure p, #SXClip h2, #SXSpecList h3, #SXBuy h1, #SXBuy h2, #SXBuy h3,
#FS02 h2, #FSAnime h3, #FS04 h2, #FGCip h2, #FGNSType h2, #FGBuy h1, #FGBuy h2, #FGBuy h3, #SBUseGuide h3,
#F300-02 h2, #F300-03 h2, #productF300 h3, #productF300 h4, #F300BuySec h2, #F300BuySec h3,
#tDress03 h2, #tDress03 h3, #contact01, #contact h2, #CFGuide, #privacyGuide,
#legal02 h2, #legal04 h2, #sitemap01 h1, #sitemap01 p, #sitemapList h2, #news02 a,
#jet3TSec02, #jet3TC03, #jet3Top04, #jet3Top05, #jet3Inst04, #jet3SpecContents,
#jet3BuySec #jet3SCopy, #jet3SpecSec #jet3SCopy, #jet3BuyContents h2, #jet3BuySec h3, #SBUseGuide  {
 text-shadow: rgba(255,255,255,1) 1px 1px 0; }

#TCIMC h2, #TCIMC p { text-shadow: rgba(0,0,0,.6) 0 0 3px; }

#news02 a div:after { text-shadow: none; }

/* -------------------------------------------
 Common
------------------------------------------- */
/* Hide Items */
.spFalse, #globalNav em, #globalNav li.GNCurrent, #PTopNavi strong, .catEOL, #topEyecatch,
#globalNav li.GN01 .GNBL, #globalNav li.GN02 .GNBL, .GN06 .GNBL, .megaNav br, #MNSX01 figure, .bgFix figure, .bottomMark,
#productsNav, #PTopNavi #PTCurrent, #TCPPCEn, #TCPTREn,
.desktopIM, #SXTSec03 p br, #rotateMov, #SXC04 br, #SXTSec06 h2 em, #SXTop06 img,
#NOComp br, #ANLessSec h3 span, #ANLessSec br, #allenkeyGuide p br, #SXInstCaution br, #SXClipSec p br,
#SXOpeSec03 p br, .clipImage img, .soketImage img, #SXStructure p,
#FGSeries #PTopNavi, #FGBuy #PTopNavi, #FGInstMov, #FGInstall .tp-bullets,
#F300JName, #F300Buy #PTopNavi, #FSSeries #PTopNavi, #FSIM, #FS03 p br,
.SIEnName span, #modelList #PTopNavi, #company #PTopNavi, #comp02 p br, #tradeDress #PTopNavi,
#contact #PTopNavi, #legal #PTopNavi, #jet3TC03 br, #jet3TC05 br, .J3IAI02 br { display: none !important; }

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

body, #globalHead, #mainNav, .stage, #pageTop, footer { width: 100%; }

.stage { padding-top: 52px; overflow: hidden; }

.spBlock { display: block; }

/* Global Head */
#globalHead {
 position: fixed; top: 0; left: 0; background: rgba(0,0,0,.85); height: 51px; border-bottom: 1px solid #666; z-index: 999; }

.android4 #globalHead { position: absolute; }

@media (min-width: 480px) { #globalHead { position: relative; } .stage { padding: 0; } .android4 .stage { padding-top: 52px; } }

@-webkit-keyframes HLogo {
 0% { -webkit-transform: translate(0, -50px); opacity: .5; }
 100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@keyframes HLogo {
 0% { transform: translate(0, -50px); opacity: .5; }
 100% { transform: translate(0, 0); opacity: 1; } }

#homeLogo {
 position: absolute; top: 16px; left: 50%; margin: 0 0 0 -74px;
 -webkit-animation: HLogo .8s ease; animation: HLogo .8s ease; }

.homeLink {
 background: url(../common_im/common_sp.png) no-repeat 0 0;
 width: 147px; height: 20px; display: block; }

/* Overlay Navi */
#trigger-overlay { z-index: 9999; }

.menu-trigger, .menu-trigger span { display: inline-block; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box; }
.menu-trigger { position: absolute; top: 17px; right: 18px; width: 22px; height: 19px; }
.menu-trigger span { position: absolute; left: 0; background-color: #fff; width: 100%; height: 3px; border-radius: 3px; }

.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 8px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }

.menu-trigger.normal span:nth-of-type(1) {
 -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
.menu-trigger.normal span:nth-of-type(2) { opacity: 1; }
.menu-trigger.normal span:nth-of-type(3) {
 -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }

/* Overlay */
.overlay {
 position: fixed; top: 0; left: 0; background: rgba(0,12,25,.95);
 width: 100%; height: 100%; overflow: auto; z-index: 555; }

/* Overlay Menu */
#GNav {
 position: relative; top: 50%; text-align: center;
 height: 80%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#globalNav {
 width: 84%; max-width: 300px; margin: 0; padding: 0 20px 45px;
 display: inline-block; position: relative; }

#globalNav li {
 font-size: 113%; font-weight: bold; line-height: 1; letter-spacing: .1em;
 margin: 0; padding: 1em 0 .83em;
 display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#globalNav .megaNav li {padding: .9em 0 .85em;}

#globalNav .GN03, #globalNav .GN04, #globalNav .GN05 { padding: .85em 0;}

#globalNav #MNSX01 li { font-size: 82%; }
#globalNav #MNSX01 li span { font-size: 130%; padding-top: .5em; display: block; }
#globalNav #MNSX01 #JNBike { margin-left: 10px; vertical-align: -1px; display: inline-block}

.MNRobustName { display: none}

#globalNav #MNRobust li { font-size: 100%}
#SDSpindle::before { content: "・"; margin: 0 -.2em;}
#MNBallbalve { margin-top: 8px; display: block}

#globalNav .jet3Nav:last-Child { padding-top: .3em;}

#globalNav li.GN02 { height: auto; }

#globalNav li:first-Child, .jet3Nav, .FGGN .MNOC05 { border-top: 1px solid #456; }
#globalNav #MNSX01 li:first-Child, #globalNav #MNOC02 li:first-Child, #globalNav #MNOC03 li:first-Child { border-top: none; }

#globalNav .GN06 { padding-bottom: 0;}
#globalNav #MNRobust li:first-Child { margin-top: -2px; padding-top: 0; border-top: none;}
#globalNav #MNRobust li:last-Child { padding: .8em 0 .9em; border-top: 1px solid #456; border-bottom: 1px solid #456;}

.GN02, .GN03, .GN04, .GN05,
.GNon02, .GNon03, .GNon04, .GNon05, .megaNav li { border-bottom: 1px solid #456; }
.megaNav li.MNSpLast { border: none; }

.jetNav, .megaNav { margin: -1em 0 -.75em; } .FGGN #globalNav .MNOC05 { padding-top: .9em; }
.jetNav ul, .megaNav ul, #MNRobust { margin: 0; padding: 0; }

#globalNav #MNOC03 li { font-size: 85%; }
#globalNav li .MNSpSec { margin-top: .5em; display: block; }

#globalNav li .bgFix { font-size: 100%; }

#globalNav a { color: #fff; text-decoration: none; display: block;
 -webkit-transition: color .2s; transition: color .2s; }
#globalNav .GN02 a .GNBL { color: #87bbff; }
#globalNav a:hover, #globalNav a:focus { color: #e3fcb1; }

@media (min-width: 480px) {
 .menu-trigger { right: 30px; }
 #globalNav { width: 80%; max-width: 460px; }
 #globalNav #MNSX01 li { padding: 1.2em 0 1.1em; }
 #globalNav #MNSX01 li span { padding: 0 0 0 .5em; vertical-align: -.075em; display: inline-block; }
 .jetNav { margin: -1em 0 -.82em; }
 .megaNav { margin-bottom: -.75em; }
 #globalNav #MNOC03 li { font-size: 88%; }
 #globalNav li .MNSpSec { margin: 0; display: inline; } }


/* Overlay Effects */
.overlay-slidedown {
 visibility: hidden;
 -webkit-transform: translateX(100%); transform: translateX(100%);
 -webkit-transition: -webkit-transform .4s ease-in-out, visibility 0s .4s;
 transition: transform .4s ease-in-out, visibility 0s .4s; }

.overlay-slidedown.open {
 visibility: visible;
 -webkit-transform: translateX(0%); transform: translateX(0%);
 -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }

@media screen and (max-height: 30.5em) { .overlay nav { height: 75%; } }

@media screen and (max-width: 34em) { .overlay { font-size: 87%; } }

@media screen and (max-width: 25em) { .codrops-icon span { display: none; } }

/* Page Top Return */
#pageTop { margin: 5px 0 5px; }
#pageTop a { background: #a5a099; margin: 0; padding: 30px 0; }
#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%; }

/* Footer */
footer { background: #f2efe9; }

#footContainer { width: 100%; }

#footContainer, #bottomInfo { position: relative; }

#BNTrigger { text-align: center; width: 100%; margin: 0; }

#BNTrigger a {
 color: #fff; background: #a79e92; font-size: 94%; text-decoration: none;
 letter-spacing: .1em; margin: 0; padding: 11px 15px 13px 16px; display: inline-block;
 border: 1px solid #fff; border-top: none; position: relative;
 -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

#BNTrigger a:before {
 content: ""; position: absolute; bottom: 8px; left: 50%;
 width: 4px; height: 4px; margin: 0 0 0 -2px; display: block;
 border-top: 1px solid #fff; border-right: 1px solid #fff;
 -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#bottomNav { margin: 0; padding: .75em 0 0; }

#bottomInfo:before {
  content: ''; position: absolute; top: 10px; right: 50%;
  background: url(../common_im/common_sp.png) no-repeat 0 -130px; background-size: 400px 200px;
  width: 92px; height: 32px; margin: 0 40px 0 0; display: block; }

.BNav01, .BNav02 {
 font-size: 88%; text-align: center; letter-spacing: .05em; width: 18em; margin: 0 auto; padding: 0; }

.BNav02 { padding-bottom: 1em; border-bottom: 2px solid #d0c9c2; }

#bottomNav li { margin: 1.29em 0; }

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

#bottomInfo { margin-top: 32px; }

#bottomInfo h3 { position: absolute; top: 0; left: 50%;
 background: url(../common_im/common_sp.png) no-repeat 0 -50px;
 width: 148px; height: 51px; margin: 0 0 0 -15px; }

#bottomInfo ul { text-align: center; margin: 0; padding: 62px 0 0; }
#bottomInfo li { font-size: 82%; line-height: 1.8; letter-spacing: .05em; margin: 1em 0 0; }
#bottomInfo li span { display: block; }
#bottomInfo .spTNum, #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 .spTNum a { font-size: 108%; padding-left: 0; }
#bottomInfo .spTNum a:before { position: relative; display: none; }

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

@media (min-width: 560px) {
  #bottomNav { max-width: 420px; margin: 0 auto; border-bottom: 2px solid #d0c9c2; }
  #bottomNav:after, #bottomInfo:after { content: ""; clear: both; display: block; height: 0; }
  .BNav01 { float: left; width: auto; }
  .BNav02 { float: right; width: auto; border: none; }
  #bottomInfo { max-width: 500px; margin: 30px auto 0; }
  #bottomInfo:before { top: 3px; left: 28px; }
  #bottomInfo h3 { top: 53px; left: 0; margin: 0; }
  #bottomInfo li span.BIComp { display: inline; }
  #bottomInfo ul { float: right; padding: 0; }
  #bottomInfo li:first-Child { margin: 0; }
 }

@media (min-width: 640px) {  #bottomInfo { max-width: 520px; } }

/* BackGround Size */
.homeLink, .bottomMark, #bottomInfo h3 { background-size: 400px 200px; }

/* Page Top Navi */
#PTopNavi {
 background: rgba(245,245,245,95); width: 100%; z-index: 999;
 -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); }

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

.android4 #PTopNavi, .android4 #PTopNavi.fixed { position: relative; z-index: 10; }

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

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

#PTopNavi ul {
 font-size: 88%; margin: 0; padding: 19px .5em 0 1em; height: 32px;
 display: flex; justify-content: space-around; flex-flow: row nowrap; }

@media (max-width: 340px) { #jet3Compare #PTopNavi ul { padding: 19px 0 0 .5em; } }

#PTopNavi li a, #PTopNavi li span {
 background: none; letter-spacing: .1em; margin-right: -.1em; padding: 0; }

.android4 #PTopNavi ul { padding: 19px 0 0 1em; display: block; }
.android4 #PTopNavi li { float: left; text-align: center; display: inline-block; }
.android4 #SXTop #PTopNavi li, .android4 #SXComp #PTopNavi li, .android4 #SXInst #PTopNavi li,
.android4 #SXOpe #PTopNavi li, .android4 #SXSpec #PTopNavi li, .android4 #SXBuy #PTopNavi li,
.android4 #jet3Top #PTopNavi li, .android4 #jet3Compare #PTopNavi li, .android4 #jet3Inst #PTopNavi li,
.android4 #jet3Ope #PTopNavi li, .android4 #jet3Spec #PTopNavi li, .android4 #jet3Buy #PTopNavi li  {
  margin: 0 .425em; }
.android4 #F300Series #PTopNavi li { min-width: 33.3%; }

@media (min-width: 450px) {
  .android4 #SXTop #PTopNavi li, .android4 #SXComp #PTopNavi li, .android4 #SXInst #PTopNavi li,
  .android4 #SXOpe #PTopNavi li, .android4 #SXSpec #PTopNavi li, .android4 #SXBuy #PTopNavi li,
  .android4 #jet3Top #PTopNavi li, .android4 #jet3Compare #PTopNavi li, .android4 #jet3Inst #PTopNavi li,
  .android4 #jet3Ope #PTopNavi li, .android4 #jet3Spec #PTopNavi li, .android4 #jet3Buy #PTopNavi li {
  min-width: 20%; margin: 0; }
  .android4 .jet3PTN { margin-left: 30%; } }

#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 a { color: #008ebb; }

#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: 107%; letter-spacing: .2em; margin-top: -1px; }

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

#PTopNavi ul .jet3PNTop, #PTopNavi .jet3PNTop em { letter-spacing: .05em; }

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

.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/common02.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, .jet3PageName {
 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: 94%; line-height: 1.8; text-align: center; letter-spacing: .05em; margin: 2em auto 0; }

@media (max-width: 480px) { #SXPMainCopy br { display: none; } }
@media (max-width: 340px) { #SXPMainCopy { width: 17em; } }
@media (min-width: 341px) { #SXPMainCopy { width: 20em; } }
@media (min-width: 480px) { #SXPMainCopy { width: 23em; } }
@media (min-width: 481px) { #SXPMainCopy { width: 29em; } }

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

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

.ls10 { letter-spacing: .05em; margin-right: -.05em; 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:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;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}

#shopPage .lity-container { width: 90%; margin: 0 auto}
#shopPage .lity-wrap:before { margin: 0}


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

/* Top Eyecatch */
#topMobileEyecatch { margin: 1px 0; }

#topMobileMov { background: #000; height: 400px; position: relative; }

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

#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; } }

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

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

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

@media (min-width: 415px) { .TMCopy .tp-splitted { font-size: 135%; } }

/* Main Contents */
.TCCat, .TCNew, .eocJet:after, .bikeJet:after, #TCIjet3Name,
#TCIMList h3, #TCITDress h3, #TCISUS h3, #TCIShop h3, #TCISUS figure span, .TCItem25 h3,
#TCITDress:after, #TCIShop:after, #TCQA:after, #TCPanfPC:after, #TCPanfTr:after, #TCCFumoto,
.TCItem50 h4, #TCIRisefit figure, #TCILifter figure {
 background-image: url(../top_im/top-sp02.png); background-repeat: no-repeat; background-size: 480px 814px; }

#topContents a { cursor: pointer; }

#topContents div { width: 100%; margin: 2px 0; overflow: hidden; position: relative; }
#topContents div:last-child { margin-bottom: 0; }

.TCItemHalf40, .TCItem25, .TCItem50 { height: 160px; }

.TCItem60 section { background: #fff; height: 135px; padding-top: 25px;}

@media (max-width: 540px) { #TCIJet3 section { height: 150px; } }

.TCItem60 figure, #TCIMC figure { width: 100%; height: 250px; overflow: hidden; }

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

#topContents h2 { position: relative; text-align: center; margin: 0; }

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

#TCIJet3 .TCCat { background-position: 0 -770px; width: 138px; height: 44px; }
#TCISX .TCCat { background-position: 0 -40px; width: 86px; }
#TCIFG .TCCat { background-position: -120px -40px; width: 88px; }
#TCIF300 .TCCat { background-position: -250px -40px; width: 188px; }
#TCIMC .TCCat { background-position: -400px -650px; width: 80px; margin-top: 60px; }

.eocJet, .eoc03, .bikeJet { display: block; }
a .eocJet, a .eoc03, a .eoc05 { color: #666; }

#TCIJet3 .eoc03:before { top: 60px; }

.eocJet:before, .eoc03:before, .bikeJet:before {
 content: 'ECO OIL CHANGER'; position: absolute; top: 38px; left: 0;
 font-size: 88%; text-align: center; letter-spacing: .075em; margin: 0 0 0 -24px; width: 100%; display: block; }
.eoc03:before { top: 40px; margin: 0; }
.bikeJet:before { top: 40px; color: #fff; }

.eocJet:after, .bikeJet:after {
 content: ''; position: absolute; top: 33px; left: 50%;
 background-position: 0 0; margin: 0 0 0 54px; width: 44px; height: 24px; display: block; }

.bikeJet:after { top: 35px; background-position: -400px -700px; }

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

#TCIjet3Name {
 background-position: -200px -770px; width: 224px; height: 45px; margin: -200px auto 0; display: block; }

#TCISX .TCIName, #TCIFG .TCIName { margin-top: -124px; }
#TCIF300 .TCIName { font-size: 200%; line-height: 1.15; letter-spacing: .025em; margin-top: -255px; }
#TCIMC .TCIName { margin-top: 30px; }

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

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

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

.TCItem60 section:after {
 top: 255px; left: 50%; margin: -33px 0 0 -16px;
 border-width: 16px 30px 16px 0; border-color: transparent #fff transparent;
 -webkit-transform: rotate(90deg); transform: rotate(90deg); }

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

a .TCItem60 p { color: #333; }
a #TCIMC p { bottom: 30px; color: #fff; font-weight: bold; }

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

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

.eoc01, .eoc02, .eoc04, .eoc05 { margin: 0; }
a .eoc01, a .eoc02, a .eoc04 { color: #fff; }
.eoc01:before, .eoc02:before, .eoc04:before, .eoc05:before {
 content: 'ECO OIL CHANGER'; position: absolute; top: 38px; left: 0; letter-spacing: .075em;
 font-size: 88%; text-align: center; margin: 0; width: 100%; display: block; }

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

.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: -100px 0;  width: 56px; height: 25px; margin: 0 0 0 -28px; }

.TCItem60 figure span, #TCIMC figure span {
 background-image: url(../top_im/sp-top-items02.jpg); background-repeat: no-repeat; z-index: 0;
 width: 100%; height: 250px; display: block; position: relative; }

#TCIJet3 figure span { background-position: center -1160px; }
#TCISX figure span { background-position: center 0; }
#TCIFG figure span { background-position: center -250px; }
#TCIF300 figure span { background-position: center -500px; }
#TCIMC figure span { background-position: right -910px; }

#TCIMC section { position: absolute; top: 0; left: 0; width: 100%; height: 250px; }

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

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

#TCITDress:after {
 content: ''; position: absolute; bottom: -20px; right: -15px; background-position: 0 -460px;
 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, #TCISUS figure { height: 160px; width: 100%; }

#TCISUS section { background: #4b525c; position: relative; }

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

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

#TCSusName {
 position: absolute; top: 96px; 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: 18px; left: 50%; z-index: 30; display: block;
 background-position: 0 -280px; width: 196px; height: 171px; margin-left: -114px; }

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

#TCIShop { background: #573725; height: 250px; }

#TCIShop:after {
 top: 24px; margin-left: -120px;
 background-position: -250px -270px; width: 204px; height: 204px; z-index: 1; }

#TCIShop h3, #TCIShop p { z-index: 10; position: relative; }
#TCIShop h3 { background-position: -250px 0; width: 154px; height: 15px; margin: 82px 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; }

/* Under BN */
#TCQA { background: #685e52; }
#TCQA section { position: relative; z-index: 10; }
#TCPanfPC { background: #fff; }
#TCPanfTr { background: #7e7e7e; }
#TCCompany {
 background: url(../top_im/sp-top-items02.jpg) no-repeat 0 -750px; }

#TCQA:after { top: -2px; left: -2px; background-position: -180px -500px; width: 93px; height: 86px; z-index: 1; }
a:hover #TCQA:after { left: 50%; margin-left: -46px; opacity: .6; }

#TCPanfPC:after, #TCPanfTr:after {
 bottom: 24px; background-position: -400px -220px; width: 28px; height: 34px; margin-left: -14px; }
#TCPanfTr:after { background-position: -450px -220px; }

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

#TCQA h3 { background-position: -300px -120px; width: 178px; margin: 0 0 0 -89px; }
#TCPanfPC h3 { background-position: 0 -170px; width: 194px; margin: 0 0 0 -97px; }
#TCPanfTr h3 { top: 48px; background-position: -250px -160px; width: 172px; height: 45px; margin: 0 0 0 -86px; }
#TCCompany h3 { background-position: -250px -220px; top: 36px; width: 90px; margin: 0 0 0 -45px; }

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

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

.TCPDLoad, .TCPpdf { position: absolute; top: 0; display: block; }
.TCPDLoad { right: 50%; margin-right: 23px; }
.TCPpdf { left: 50%; margin-left: 23px; }

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

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

/* Other BN */
#TCIRisefit { background: #693e3e; }
#TCILifter { background: #33445e; }

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

.TCItem50 h4, .TCItem50 p { z-index: 10; }

#TCIRisefit h4 { top: 38px; left: 50%; background-position: -300px -500px; width: 138px; height: 32px; }
#TCILifter h4 {  top: 35px; right: 45%; background-position: -300px -560px; width: 170px; height: 45px; }

.TCItem50 p { font-size: .82rem; font-weight: bold; line-height: 1.6; letter-spacing: .05em; margin: 0; }
#TCIRisefit p { top: 84px; left: 50%; color: #f0e5e5; padding-right: 1em; }
#TCILifter p { top: 89px; right: 45%; color: #e5f0f5; text-align: center; width: 9em; margin-right: 24px; }

.TCItem50 figure { top: 20px; height: 140px; overflow: hidden; z-index: 2; }
#TCIRisefit figure { background-position: 0 -620px; right: 55%; width: 150px; }
#TCILifter figure { background-position: -200px -630px; left: 46%; width: 174px; }

@media (max-width: 320px) {
 #TCIRisefit figure { right: 51%; } #TCILifter figure { left: 44%; }
 #TCILifter h4 { right: 40%; } #TCILifter p { right: 40%; } }

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

#PCardST {
  background: url(../common_im/pcard_name.svg) no-repeat 0 0; position: relative; z-index: 10;
  background-size: 207px 35px; width: 207px; height: 35px; margin: 35px 0 0 25px; }

#PCardCopy {
  background: url(../common_im/sp-pcard_copy.png) no-repeat 0 0; background-size: 248px 46px;
  width: 248px; height: 46px; margin: 10px 0 0 21px; position: relative; z-index: 10; }

#PCCLeft img, #PCCRight img { width: 100%; height: auto; }
#PCCRight {
  position: absolute; top: 10px; left: 59%; opacity: .85; z-index: 1;
  background: url(../common_im/pcard02.jpg) no-repeat 0 0; background-size: cover; width: 210px; height: 140px; }

@media only screen and (min-width: 500px) {
  #PCardST { margin-left: 50px} #PCardCopy { margin-left: 46px} #PCCRight { left: 56%} }

@media only screen and (min-width: 640px) {
  #PCardST { margin: 38px auto 0}
  #PCardCopy {
    background: url(../common_im/pcard_copy.png) no-repeat 0 0; background-size: 232px 39px;
    width: 232px; height: 39px; margin: 14px auto 0} #PCCRight { left: 50%; margin-left: 10px}
  #PCCLeft {
    background: url(../common_im/pcard01.jpg) no-repeat 0 0; background-size: cover;
    position: absolute; bottom: 0; left: 50%; width: 242px; height: 140px; margin-left: -390px} }

#TCSumaST {
  position: absolute; top: 94px; right: 6%; width: 214px; height: 23px; margin: 0;
  background: url(../common_im/sumahai_bn02.png) no-repeat 0 0 / 214px 23px; z-index: 10; }

#TCSumaCopy {
  position: absolute; top: 38px; right: calc(6% + 2px); width: 210px; height: 45px; margin: 0;
  background: url(../common_im/sumahai_bn01.png) no-repeat 0 0 / 210px 45px; }

#TCSumaPlate {
  position: absolute; top: 6px; left: 6%; width: 97px; height: 148px; margin: 0;
  background: url(../common_im/suma_plate.png) no-repeat 0 0 / 97px 148px; }

@media only screen and (max-width: 354px) {
  #TCSumaST { top: 106px; right: 4%} #TCSumaCopy { top: 52px; right: calc(4% + 2px)} #TCSumaPlate { left: 4%}}
@media only screen and (min-width: 375px) { #TCSumaPlate { left: 8%}}
@media only screen and (min-width: 395px) { #TCSumaST { right: 10%} #TCSumaCopy { right: calc(10% + 2px)} #TCSumaPlate { left: 9%}}
@media only screen and (min-width: 450px) { #TCSumaST { right: 15%} #TCSumaCopy { right: calc(15% + 2px)} #TCSumaPlate { left: 14%}}
@media only screen and (min-width: 500px) { #TCSumaST { left: 42%; right: inherit} #TCSumaPlate { left: inherit; right: 65%}}
@media only screen and (min-width: 640px) {
  #TCSumaST { top: 106px; left: inherit; right: 4%} #TCSumaCopy { top: 52px; left: inherit; right: calc(4% + 2px)} #TCSumaPlate { left: 4%}}
@media only screen and (min-width: 700px) {
  #TCSumaST { right: 8%} #TCSumaCopy { right: calc(8% + 2px)} #TCSumaPlate { left: 8%}
}

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

#TCInfo section { max-width: 500px; padding: 0 30px; }

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

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

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

#TCInfo dt, #TCInfo h4 { text-align: center; width: 100%; }
#TCInfo dt { color: #666; margin: 0; padding: 1em 0 0;}
#TCInfo dd { margin: 0; padding: 0; }
#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; }

@media (min-width: 540px) {
  #topContents div { margin: 0; }
  .TCItem60 section, .TCItem60 figure, #topContents div.TCItemHalf40, #TCIMC section,
  #TCISUS section, #TCISUS figure, #topContents div.TCItem25 { float: left; width: 50%; position: relative; }
  .TCItem60 section { height: 154px; padding-top: 46px;}
  .TCItem60 figure, #TCISUS section, #TCISUS figure, #TCIMC figure, #TCIMC section, #TCIShop { height: 200px; }
  #TCIFG figure span { background-position: center -280px; }
  #TCIF300 figure span { background-position: center -550px; }
  #TCIMC figure { float: right; width: 50%; } #TCIMC figure span { background-position: 70% -920px; }
  #TCIMC section { background: #555; }
  #TCISX figure span { background-position: center -30px; }
  #TCIJet3 figure span { background-position: center -1096px; background-size: 385px auto; }
  a .TCItem60 p { bottom: 30px; }
  .TCItem60 section:after {
  top: 100px; left: 0; margin: -16px 0 0 -28px; -webkit-transform: rotate(0); transform: rotate(0); }
  #TCISUS section:after, #TCIMC section:after {
  bottom: 50%; left: 100%; margin: 0 0 -16px -2px;
  border-width: 16px 0 16px 30px; border-color: transparent #4b525c transparent; }
  #TCIMC section:after {
  content: ''; position: absolute; width: 0; height: 0;
  border-style: solid; border-color: transparent #555 transparent; z-index: 50; }
  .bikeJet:before { top: 48px; } .bikeJet:after { top: 43px; }
  #TCIMC .TCCat { margin-top: 46px; } a #TCIMC p { bottom: 43px; }
  #TCIMC h2, #TCIMC p { text-shadow: none; }
  #TCIjet3Name { margin: -10px 0 0 -90%; }
  #TCISX .TCIName, #TCIFG .TCIName, #TCIF300 .TCIName, #TCIMC .TCIName { display: none; }
  .TCNew { left: 0; } #TCISUS .TCNew { left: 100%; }
  #TCSusName { top: 124px; } .eoc02:before { top: 60px; }
  #TCISUS figure span { margin-left: -94px; }
  #TCIF300 section { background: #fff9d5; }
  #TCIF300 section:after { border-width: 16px 30px 16px 0; border-color: transparent #fff9d5 transparent; }
  #TCIShop:after { top: -4px; } #TCIShop h3 { margin-top: 52px; }
  #TCQA:after { opacity: .8; }
  #TCInfo section { margin: 0 auto; }
}
@media (min-width: 600px) {  #TCIjet3Name { margin-left: -86%; } }
@media (min-width: 640px) {
  #topContents div.TCItem50 { float: left; width: 50%; position: relative; }
  #TCIjet3Name { margin-left: -85%; }
  #TCIRisefit p { top: 90px; left: 49.5%; font-size: .75rem; padding-right: .75em; } #TCIRisefit figure { right: 52%; }
  #TCILifter h4, #TCILifter p { right: 40%; } }
@media (min-width: 700px) {  #TCIjet3Name { margin-left: -80%; } }

/* -------------------------------------------
 Products Common
------------------------------------------- */
.productStandardPrice { position: absolute; color: #fff; font-size: 94%; text-align: center; letter-spacing: .08em; width: 100%; margin: 0}
#sxPSPrice { bottom: 35px; left: 0} #PSPriceJet3 { bottom: 35px; left: 0}
#fgPSPrice { top: 315px; left: 0; z-index: 10} #PSPriceF300 { top: 320px; left: 0; z-index: 10}

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

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

#SXTSec02, #SXTSec03, #SXTSec04, #SXTSec05, #SXTSec06 {
 width: 100%; position: relative; }

#SXTSec03 { padding: 40px 0; }

#SXTop h2 { position: relative; z-index: 10; }

.topSCSection h2, .stageContents h2 {
 font-size: 188%; text-align: center; letter-spacing: .05em; width: 100%; margin: 0; }

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

#SXTSec02 h2, #SXTSec03 h2, #SXTSec04 h2, #SXTSec05 h2 { color: #333; }
#SXTSec02 h2 span, #SXTSec02 h3 span, #SXTSec04 h2 span, #SXTSec05 h2 span { color: #999; }

.SXTCopy { text-align: center; }

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

.SXLink a {
 letter-spacing: .1em; line-height: 1; margin-right: -.1em; padding: .75em 1.3em .75em 1.5em;
 display: inline-block; cursor: pointer; }

.SXLink a:link, .SXLink a:visited { color: #fff; background: #7e7e7e; text-decoration: none; }
.SXLink a:hover { background: #00a9d2; }

/* Section01 */
#SXTSec01 { width: 100%; height: 640px; position: relative; overflow: hidden; }

#SXTSec01 h1, #SXTSec01 h1 em, .SXTTopCopy01, .SXTTopCopy02, .SXTTopCopy03 {
 background-image: url(../sx-jet/sp_img/sp-top02.png); background-repeat: no-repeat;
 background-size: 312px 196px; }

#SXTSec01 h1 {
 position: absolute; top: 50px; left: 50%; background-position: -100px 0;
 color: #f0f0f0; font-size: 100%; width: 310px; height: 50px; margin: 0 0 0 -155px; z-index: 99; }

#SXTSec01 h1 span { font-size: 119%; letter-spacing: .105em; width: auto; margin: 6px 0 0; display: block; }
#SXTSec01 h1 em {
 position: absolute; top: 0; left: 220px; background-position: 0 0;
 width: 88px; height: 50px; display: block; }

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

.SXTTopCopy01 { top: 345px; background-position: 0 -60px; }
.SXTTopCopy02 { top: 390px; background-position: 0 -110px; }
.SXTTopCopy03 { top: 433px; background-position: 0 -160px; }
.SXTTopCopy04 { position: absolute; top: 483px; left: 0; color: #b5b5b5; font-size: 82%; letter-spacing: .05em; }

.SXTTopCopy04, #SXTSec01 small { font-weight: bold; text-align: center; width: 100%; margin: 0 auto; z-index: 99; }

#SXTSec01 small {
 position: absolute; top: 502px; right: 0; display: block;
 color: #e5e5e5; font-size: 94%; line-height: 1.5; letter-spacing: .1em; }

#SXItem01 {
 position: absolute; top: 115px; left: 50%;
 background: url(../sx-jet/sp_img/sp-sx-top.jpg) no-repeat 0 0; background-size: cover;
 width: 250px; height: 220px; margin-left: -128px; display: block; z-index: 1; }

@media (max-width: 340px) { .SXTTopCopy04 { letter-spacing: .025em; } }

@media (min-width: 400px) {
  #SXTSec01 { height: 580px; } .SXTTopCopy04 { top: 506px; left: 30px; width: auto; }
  #SXTSec01 small { top: 480px; right: 30px; width: auto; } }

@media (min-width: 500px) {
  #SXTSec01 { height: 540px; } .SXTTopCopy04 { top: 472px; }
  #SXTSec01 small { top: 356px; line-height: 2; } }

@media (min-width: 540px) {
 #SXTSec01 { max-width: 510px; height: 360px; margin: 0 auto; overflow: visible; }
 #SXTSec01 h1 { left: 0; margin: 0; }
 #SXItem01 { top: 53px; left: 53%; margin: 0; }
 .SXTTopCopy01 { top: 130px; left: 0; }
 .SXTTopCopy02 { top: 175px; left: 0; }
 .SXTTopCopy03 { top: 218px; left: 0; }
 .SXTTopCopy04 { top: 266px; left: 0; }
 #SXTSec01 small { top: 290px; right: 0; width: 100%; display: block; }
 #SXTSec01 small span { margin: 0 .66em; }
 #SXTSec01 small br { display: none; } }

@media (min-width: 600px) { #SXTSec01 { max-width: 540px; } #SXItem01 { left: 55%; } }

@media (min-width: 640px) { #SXTSec01 { max-width: 560px; } }

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

#SXTMov, #SXTop07 { text-align: center; padding: 40px 10px; }

#SXTMov p, #SXTSec07 { max-width: 540px; margin: 0 auto; }

#SXTMov img, #SXTSec07 img { width: 100%; height: auto; opacity: 1; overflow: hidden; outline: none; }

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

#SXPV div { margin: 0; padding: 0 4%; }
@media (min-width: 480px) { #SXPV div { padding: 6% 10% 0; } }

#SXTMov img, #SXPromotion, #SXTSec07 img {
  width: 100%; margin: 0; -webkit-border-radius: 6px; border-radius: 6px; }

/* Section02 */
#SXTop02 {
 background: rgba(235,236,237,1); width: 100%; padding: 230px 0 26px;
 border-top: 1px solid #999; position: relative; }

#SXTop02:after {
 content: ''; background: url(../sx-jet/sp_img/sx-item02_sp-port.jpg) no-repeat center top;
 background-size: 414px 270px;
 position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; }

#speedGraph { font-size: 82%; width: 100%; margin: 30px 0 0; }

#SGItem { height: 4em; margin: 0 auto; padding: 0 30px; position: relative; }

#SGI-SX, #SGI-F100 {
 position: absolute; left: 0; text-align: right; width: 8em; height: 1em; margin: 0;
 padding: .5em .5em .5em 28px; vertical-align: middle; border-right: 1px solid #999; }
#SGI-SX { top: 0; }
#SGI-F100 { bottom: 0; }

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

#Bar-SGX { top: .5em; background: #39ae4a; width: 27%; }

#Bar-SGF { bottom: .5em; background: #29a4db; width: 54%; }

@media (max-width: 339px) { #SGI-SX, #SGI-F100 { padding-left: 16px; } #Bar-SGX, #Bar-SGF { margin-left: 16px; } }
@media (min-width: 340px) { #SGI-SX, #SGI-F100 { padding-left: 24px; } #Bar-SGX, #Bar-SGF { margin-left: 24px; } }
@media (min-width: 366px) { #SGI-SX, #SGI-F100 { padding-left: 28px; } #Bar-SGX, #Bar-SGF { margin-left: 28px; } }
@media (min-width: 400px) { #SGI-SX, #SGI-F100 { padding-left: 33px; } #Bar-SGX, #Bar-SGF { margin-left: 33px; } }
@media (min-width: 480px) { #SGI-SX, #SGI-F100 { padding-left: 50px; } #Bar-SGX, #Bar-SGF { margin-left: 50px; } }
@media (min-width: 540px) { #SGI-SX, #SGI-F100 { padding-left: 64px; } #Bar-SGX, #Bar-SGF { margin-left: 64px; } }
@media (min-width: 565px) { #SGI-SX, #SGI-F100 { padding-left: 72px; } #Bar-SGX, #Bar-SGF { margin-left: 72px; } }
@media (min-width: 640px) { #SGI-SX, #SGI-F100 { padding-left: 88px; } #Bar-SGX, #Bar-SGF { margin-left: 88px; } }
@media (min-width: 665px) { #SGI-SX, #SGI-F100 { padding-left: 93px; } #Bar-SGX, #Bar-SGF { margin-left: 93px; } }
@media (min-width: 700px) { #SGI-SX, #SGI-F100 { padding-left: 106px; } #Bar-SGX, #Bar-SGF { margin-left: 106px; } }

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

.SXTSpeedGuide { margin-top: 30px; }

@media (min-width: 560px) {
 #SXTop02 {
 background: rgba(235,236,237,1) url(../sx-jet/sp_img/sx-item02_sp-land.jpg) no-repeat center top;
 background-size: 614px 272px; padding: 40px 0; }
 #SXTop02:after { display: none; }
 #SGItem { margin-top: 180px; }
 .SXTSpeedGuide { position: absolute; top: 90px; left: 52%; text-align: left; width: 42%; margin: 0; }
 .SXTSpeedGuide br { display: none; } }

@media (min-width: 640px) {
 #SXTop02 { background-position: left top; }
 .SXTSpeedGuide { width: 45%; }
 .SXTSpeedGuide br { display: block; } }

/* Section03 */
#SXTop03 { background: #fff; border-top: 1px solid #fff; position: relative; }

#SXTSec03 { z-index: 5; }

#SXTSec03 p { max-width: 27em; margin: 270px auto 0; padding: 0 2.6em 0;  }

#SXBT03 { margin-top: 25px; }

#SXTS03Mov { position: absolute; top: 105px; left: 50%; width: 240px; height: 233px; margin-left: -120px; z-index: 990; }

#sp-rotateMov { width: 240px; height: 233px; margin: 0; }

@media (min-width: 560px) {
 #SXTSec03 { width: 90%; max-width: 600px; margin: 0 auto; min-height: 280px; z-index: 99; }
 #SXTS03Mov { left: 5%; margin: 0; }
 #SXTSec03 p { position: relative; text-align: left; margin: 50px 0 0 50%; padding: 0; } }
@media (min-width: 640px) { #SXTS03Mov { left: 7%; } }

/* Section04 */
#SXTop04 { background: rgba(247,247,247,1); border-top: 1px solid #fff; position: relative; }

#SXTop04:after {
 content: ''; background: url(../sx-jet/sp_img/sp-sx04.jpg) no-repeat center top;
 background-size: 414px 300px;
 position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; }

#SXTSec04 { padding: 270px 0 40px; }

#SXC04 { position: relative; margin: 25px 0 0; padding: 0 2em; }

#SXBT04 { margin-top: 25px; }

#freeMove { position: absolute; top: 0; left: 0; width: 100%; height: 550px; overflow: hidden; z-index: 10; }

.FMItemOn {
 background: url(../sx-jet/sp_img/sp-sx04_cut.png);
 position: absolute; top: 49px; left: 50%; width: 264px; height: 180px; margin-left: -135px; }

@media (min-width: 415px) {
 #SXTop04:after { background-position: 0 0; }
 .FMItemOn { left: 73px; margin: 0; } }

@media (min-width: 560px) {
 #SXTSec04 { padding: 40px 0; }
 #SXTSec04 h2 { z-index: 20; text-shadow: rgba(255,255,255,1) 1px 1px 1px; }
 #SXTSec04 h2 span { color: #fff; text-shadow: none; }
 #SXC04 { text-align: left; padding: 0 2em 0 60%; position: relative; z-index: 20; } }

@media (min-width: 560px) and (max-width: 639px) {
 #SXTop04:after { background-position: -30px 0; }
 #SXC04 { padding: 0 1em 0 58%; }
 .FMItemOn { left: 43px; margin: 0; }
 #SXC04 { max-width: 16em; } }

@media (min-width: 640px) { #SXC04 { width: 16em; padding: 0 2em 0 56%; } }

@media (min-width: 670px) { #SXTSec04 h2 span { color: #666; text-shadow: rgba(255,255,255,.7) 1px 1px 0; } }

/* Section05 */
#SXTop05 { position: relative; background: #fff; padding: 40px 0 0; }

#SXTSec05 { z-index: 5; }

#SXC05 { margin: 30px 0 0; }

#SXBT05 { margin-top: 25px; }

#correspondinTools {
 width: 100%; max-width: 560px; height: 145px; margin: 30px auto 0; z-index: 1; overflow: hidden; position: relative; }

#correspondinTools figure { position: absolute; top: 0; height: 145px; display: block; }

#allenkey, #spana01, #spana02, #monky, #soket, #hexagon-socket {
 background-image: url(../sx-jet/sp_img/sp-tools.jpg); background-repeat: no-repeat; background-size: 330px 145px; }

#allenkey { left: 6%; background-position: 0 0; width: 54px; }
#spana01 { left: 26%; background-position: -58px 0; width: 33px; }
#spana02 { left: 42%; background-position: -96px 0; width: 32px; }
#monky { left: 50%; background-position: -132px 0; width: 64px; margin-left: -32px; }
#soket { right: 30%; background-position: -201px 0; width: 50px; }
#hexagon-socket { right: 5%; background-position: -256px 0; width: 74px; }

/* Section06 */
#SXTop06 { background: #f5f5f5; padding: 40px 0; position: relative; }

#SXC06 { position: relative; margin: 210px 0 0; z-index: 10; }

#SXTop06 figure { position: absolute; height: 125px; z-index: 1; }

#SX106-01 {
 top: 120px; right: 53%; background-image: url(../sx-jet/sp_img/sx106-sp01.jpg);
 background-size: 155px 125px; width: 155px; }

#SX106-02 {
 top: 120px; left: 52%; background: url(../sx-jet/sp_img/sx106-sp02.jpg);
 background-size: 162px 125px; width: 162px; }

#SXTop06 figure:after {
 content: ''; position: absolute; top: 70px; left: 15%;
 width: 40%; height: 5%; z-index: 99; display: block;
 -webkit-box-shadow: 20px 70px 50px; box-shadow: 20px 70px 50px;
 -webkit-border-radius: 50px; border-radius: 50px; opacity: .9; }

@media (min-width: 540px) {
 #SXC06 { margin-top: 180px; }
 #SX106-01 { top: 100px; right: 58%; }
 #SX106-02 { top: 100px; left: 57%; } }

@media (min-width: 700px) {
 #SX106-01 { right: 60%; }
 #SX106-02 { left: 59%; } }

/* Section07 */
#SXTop07 { background: #bbb; padding: 30px 10px; }

#SXTSec07 a { width: 100%; height: 100%; position: relative; display: block; }

#SXTSec07 h3, #SXTSec07 h4 { display: none; }

#SXC07 {
 position: absolute; top: 60%; left: 0;
 color: #fff; text-align: center; line-height: 1.5; letter-spacing: .025em; width: 100%; margin: 0; }

@media (min-width: 373px) { #SXC07 { top: 62%; } }
@media (min-width: 411px) { #SXC07 { top: 64%; } }

@media (min-width: 540px) {
#SXTSec07 a:before, #SXTSec07 a:after {
 content: ''; position: absolute; display: block; }

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

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

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

#SXCompSec01, #SXCompSec03 { position: relative; width: 100%; }
#SXCompSec01 { height: 360px; }

.stageTopContents h2 {
 font-size: 188%; text-align: center; letter-spacing: .05em; margin: 0; padding-left: .1em; }

#SXCompSec01 h2 {
 color: #fff; width: 100%; margin: 40px 0 0; z-index: 99; position: relative; }

@media (max-width: 339px) { .stageTopContents #SXCompSec01 h2 { font-size: 163%; } }
@media (min-width: 340px) { .stageTopContents #SXCompSec01 h2 { font-size: 175%; } }
@media (min-width: 360px) { .stageTopContents #SXCompSec01 h2 { font-size: 188%; } }

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

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

#NewModelCopy, #OldModelCopy {
 position: absolute; top: 340px; color: #b7b7b7;
 font-size: 82%; 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 { right: 49%; width: 170px; }
#SXOldModel, #OldModelCopy { left: 56%; width: 142px; }

@media (max-width: 339px) { #SXNewModel, #NewModelCopy { right: 47%; } #SXOldModel, #OldModelCopy { left: 55%; } }

#SXComp02 { background: rgba(244,244,244,1); }

#SXCompSec02 { position: relative; width: 100%; padding-bottom: 35px; }

#NOComp { padding-top: 40px ; z-index: 10; }

#NOComp h2 { text-align: left; margin: 0 auto; width: 6.5em; position: relative; z-index: 99; }

#NOComp h2 em {
 position: absolute; top: 1px; left: 0; color: #4e4e4e; font-size: 120%; font-style: normal; text-align: left;
 width: 2.2em; display: inline-block; }
.compPer { color: #4e4e4e; font-size: 110%; padding-left: 2.25em; }
#NOCTit { position: absolute; top: 0; right: 0; display: block; }

#NOComp p {
 font-size: 100%; line-height: 1.8; text-align: center; letter-spacing: .05em;
 margin: 270px 0 0; padding: 0 1.6em; z-index: 99; position: relative; }
#NOComp p.sec { margin-top: 1em; }

#NOCompIM {
 position: absolute; top: 0; left: 0;
 background: url(../sx-jet/sp_img/sp-comp02.jpg) no-repeat center top; background-size: 740px 335px;
 width: 100%; height: 335px; z-index: 1; }

#NOCompIM figcaption {
 color: #1e892e; font-size: 88%; font-weight: bold; text-align: center; letter-spacing: .05em; margin-top: 305px; }

#NOCompIM span {
 position: absolute; top: 270px; font-size: .82rem; letter-spacing: .1em; display: block; }

#NOCIOld { color: #09a2cc; right: 56%; }
#NOCINew { color: #09a922; left: 50%; }

#NOCSpeedGraph, #Jet3SpeedGraph {
 width: 90%; max-width: 500px; margin: 0 auto; padding: 30px 20px 0; position: relative; }

#NSItem { height: 9em; margin: 0; padding: 0; position: relative; }

#NSSXPer, #NSFPer { position: absolute; left: 58%; color: #555; font-size: 125%; text-align: center; }
#NSSXPer { top: 0; }
#NSFPer { top: 55px; }
#NSSXPer span, #NSFPer span { font-size: 180%; }

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

#NSBar-SGX { top: 33px; background: #39ae4a; width: 49%; }
#NSBar-SGF { top: 90px; background: #29a4db; width: 98%; }

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

@media (max-width: 350px) {
 #NSSXPer, #NSFPer { left: 54%; font-size: 113%; }
 #NSI-SX { top: 7px; } #NSI-F100 { top: 63px; } }
@media (min-width: 351px) { #NSSXPer, #NSFPer { left: 55%; } }
@media (min-width: 375px) { #NSSXPer, #NSFPer { left: 56%; } }
@media (min-width: 405px) { #NSSXPer, #NSFPer { left: 60%; } }
@media (min-width: 475px) { #NSSXPer, #NSFPer { left: 65%; } }
@media (min-width: 510px) { #NSSXPer, #NSFPer { left: 60%; } }
@media (min-width: 570px) { #NSSXPer, #NSFPer { left: 56%; } }

#SXCompSec03 { margin: 0; padding: 40px 0; }

#SXCompSec03 h2 { color: #494949; }

#oldAdapter, #adapterNeedless { position: relative; width: 100%; margin: 30px 0 0; }
#adapterNeedless { margin-top: 45px; }

#SXCompSec03 h3 { color: #4e4e4e; font-size: 150%; text-align: center; margin: 0; }
#SXCompSec03 h3:before { content: '- '; color: #999; }
#SXCompSec03 h3:after { content: ' -'; color: #999; }

#SXCompSec03 h3 em { font-style: normal; letter-spacing: .15em; }

#OAdapterSec p, #ANLessSec p {
 color: #555; font-size: 94%; line-height: 2; width: 306px; margin: 1em auto 0; }

#oldAdapter figure, #adapterNeedless figure {
 background-repeat: no-repeat; width: 300px; height: 172px; margin: 10px auto 0; }
#oldAdapter figure#oldAdapter01, #adapterNeedless figure#oldAdapter04 { margin-top: 20px; }

#oldAdapter figure {
 background-image: url(../sx-jet/images/adapter.jpg); background-size: 300px 520px;
 border: 3px solid #a2d9f0; }
#adapterNeedless figure {
 background-image: url(../sx-jet/images/adapter_02.jpg); background-size: 300px 346px;
 border: 3px solid #a2e2a2; }

#oldAdapter01, #oldAdapter04 { background-position: center 0; }
#oldAdapter02, #oldAdapter05 { background-position: center -174px; }
#oldAdapter03 { background-position: center -347px; position: relative; }

#adapterNeedless figure#adapterSign {
 position: absolute; bottom: 140px; left: 50%;
 width: 56px; height: 70.4px; margin-left: -28px; border: none; z-index: 10;
 background: url(../sx-jet/images/adapter_sign.png) no-repeat 0 0; background-size: 56px 70.4px; }

@media (max-width: 339px) {
 #OAdapterSec p, #ANLessSec p { width: 280px; }
 #oldAdapter figure, #adapterNeedless figure { width: 280px; } }

@media (min-width: 560px) {
 #NOComp p { padding: 0 3.5em; } #OAdapterSec p, #ANLessSec p { width: 75%;} }

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

#SXInstSec01 h2, #SXOpeSec01 h2 { color: #fff; font-size: 1.63rem; margin-top: 40px; }

#SXInst02, #SXOpe02 { position:relative; background: #222; padding: 40px 0 50px; margin: 0; }

.android #SXInst02 { margin-top: -1px; }

#SXInstSec03, #SXInstSec04 { padding: 40px 0 0; position:relative; }

#SXInstSec03 h2, #SXInstSec04 h2 { color: #444; }

#instTools { position: relative; width: 100%; height: 145px; margin: 50px auto 0; overflow: hidden; }

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

@media (max-width: 350px) {
#instTools #allenkey { left: 2%; } #instTools #spana01 { left: 19%; }
#instTools #spana02 { left: 31%; } #instTools #monky { left: 50%; }
#instTools #soket { right: 24.5%; } #instTools #hexagon-socket { right: 1%; } }

@media (min-width: 351px) {
#instTools #allenkey { left: 4%; } #instTools #spana01 { left: 20.5%; }
#instTools #spana02 { left: 32%; } #instTools #monky { left: 50%; }
#instTools #soket { right: 26%; } #instTools #hexagon-socket { right: 4%; } }

@media (min-width: 460px) { #instTools { width: 88%; } }
@media (min-width: 620px) { #instTools { width: 82%; } }
@media (min-width: 700px) { #instTools { width: 80%; } }

#toolVarious { background: #999; position: relative; }

@media (max-width: 420px) {
 #toolVarious { padding: 725px 20px 30px; }
 #toolVarious:before {
 content: ''; position: absolute; left: 0; top: 0;
 background: url(../sx-jet/sp_img/sp-various.jpg) no-repeat center top; background-size: 374px 690px;
 width: 100%; height: 690px; margin-top: 5px; display: block; }
 #toolVarious img { display: none; }
 .instCaution { margin: 0 auto; padding: .5em 0; } }

@media (min-width: 421px) {
 #toolVarious { padding-bottom: 30px; }
 #toolVarious img {
 width: 100%; height: auto; margin: 5px auto 0; vertical-align: top;
 -webkit-transition: .4s; -moz-transition: .4s;  transition: .4s; }
 .instCaution { margin: 30px 20px 0; padding: 1em 1em; } }
@media (min-width: 440px) { .instCaution { padding: 1em 2em; } }

.instCaution, #allenkeyGuide {
 background: rgba(245,245,245,1); width: 100%; margin: 0 auto; padding: .75em 0; }

.instCaution li { font-size: 82%; line-height: 1.6; letter-spacing: .05em; margin-right: -.1em; padding: .5em 1em; }

#allenkeyGuide { margin-top: 30px; padding-bottom: 30px; position: relative; }
#allenkeyGuide:after {
 content: ''; position: absolute; top: 16px; left: 50%;
 background: url(../sx-jet/images/inst-allenkey.jpg) no-repeat 0 0; background-size: cover;
 width: 185px; height: 80px; margin-left: -92px; display: block; }

#allenkeyGuide p {
 font-size: 88%; text-align: left; line-height: 2; letter-spacing: .05em; margin: 0; padding: 100px 30px 0; }

#allenkeyGuide p a { letter-spacing: .025em; max-width: 15.5em; margin: 1em auto 0; display: block; }

@media (max-width: 355px) { #allenkeyGuide p a { text-align: center; line-height: 1.4; max-width: 10.5em; } }
@media (min-width: 421px) { .instCaution, #allenkeyGuide { width: auto; margin: 30px 30px 0; } }

@media (min-width: 480px) {
  #allenkeyGuide:after { top: 50%; left: 20px; margin: -40px 0 0; z-index: 1; }
  #allenkeyGuide p { padding: .75em 1.5em 0 50%; z-index: 5; position: relative; }
  #allenkeyGuide p br { display: block; }
  #allenkeyGuide p a { text-align: center; line-height: 1.4; max-width: 10.5em; margin: 1em 0 0; } }

@media (min-width: 500px) { #allenkeyGuide:after { left: 30px; } }
@media (min-width: 600px) {
  #allenkeyGuide:after  { left: 40px; }
  #allenkeyGuide p { padding: .5em 1.5em 0 45%; }
  #allenkeyGuide p br { display: none; }
  #allenkeyGuide p a { max-width: 15.5em; } }

@media (min-width: 615px) { #allenkeyGuide p { width: 19.5em; } }
@media (min-width: 690px) {  #allenkeyGuide:after { left: 50px; }  }

#SXInstCaution { margin: 0; padding: 28px 0 0; position: relative; }

#SXInstCaution p {
 font-size: 94%; line-height: 1.8; letter-spacing: .05em; margin: 0; padding: 0 26px; }

.SXICaut02 { margin-top: 10px; display: block; }
#SXAdptLink { text-align: center; letter-spacing: .05em; margin-top: 15px; }

#SXInstCaution figure {
 background: url(../sx-jet/images/inst_caution.jpg) no-repeat right top; background-size: 414px 248px;
 width: 100%; height: 248px; margin-top: 30px; overflow: hidden; }

@media (max-width: 357px) { #SXAdptLink a { line-height: 1.2; width: 13.5em;}}
@media (min-width: 421px) {
 #SXInstCaution figure { background-position: right center; background-size: 480px 280px; height: 280px; } }

@media (min-width: 481px) {
 #SXInstCaution figure { width: 480px; margin: 25px auto; } }

/* -------------------------------------------
 Slider Revolution
------------------------------------------- */
/* SX Series */
#SXInstallMov, #SXContentslMov { position:relative; width: 96%; max-width: 480px; margin: 0 auto; }

#SXInstallMov ul, #SXContentslMov ul, #SP-FGInstMov ul { height: 300px; }

#SXInstallMov noscript div, #SXContentslMov noscript div {
 position: absolute; top: 0; left: 0;
 background: url(../sx-jet/images/inst03.jpg) no-repeat 0 0; background-size: 480px 309px;
 width: 100%; max-width: 480px; height: 100%; margin: 0 auto; padding: 1px; overflow: hidden; z-index: 9999; }

#SXInstallMov noscript p, #SXContentslMov noscript p {
 text-shadow: rgba(0,0,0,.85) 0 0 5px;
 color: #fff; font-size: 138%; font-weight: bold; line-height: 1.8; text-align: center;
 margin: 0 auto; padding: 5.5em 1em 0; }

.instGuide, .opeGuide, .fgiCap {
 position: absolute; bottom: 0; left: 0;
 background: rgba(255,255,255,.8); width: 100%; height: 3em; }

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

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

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

@media (max-width: 340px) { .tp-caption { font-size: 7px;  } }
@media (min-width: 341px) { .tp-caption { font-size: 150%; padding-top: .67em; } }
@media (min-width: 480px) { .tp-caption { font-size: 138%; padding-top: .75em; } }

/* FG Series */
#SP-FGInstMov { width: 96%; max-width: 480px; margin: 30px auto 0; position: relative; }

.fgiCap { height: 3.5em; z-index: 1; }

#SP-FGInstMov .tp-caption { text-align: left; line-height: 1.5; }

@media (max-width: 350px) {
 #SP-FGInstMov .tp-caption { line-height: 3.65; letter-spacing: -.1em; padding-top: 1.5em; }
 #SP-FGInstMov .spCap01 { margin-left: -16px ; }
 #SP-FGInstMov .spCap02 { margin-left: -20px; }
 #SP-FGInstMov .spCap03 { margin-left: -6px; } }

@media (min-width: 351px) {
 #SP-FGInstMov .spCap01 { margin-top: -1px ; }
 #SP-FGInstMov .spCap02 { margin: -1px 0 0 -9px; } }

@media (min-width: 400px) {
 #SP-FGInstMov .spCap01, #SP-FGInstMov .spCap02, #SP-FGInstMov .spCap03 { margin: 0 0 0 30px; } }

@media (min-width: 480px) {
 #SP-FGInstMov .tp-caption { font-size: 150%; line-height: 1.4; margin: 0; padding: .65em 0 0 20px; } }

/* -------------------------------------------
 SX Operation
------------------------------------------- */
#SXClip { background: #d7d7d7; border-top: 1px solid #eee; }

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

#SXClipSec, #SXOpeSec03, #SXOpeSec04 { padding-top: 40px; position:relative; }

#SXClipSec h2, #SXOpeSec03 h2, #SXOpeSec04 h2 { font-size: 1.63rem; position:relative; z-index: 10; }

#SXOpeSec03 h2 { color: #fff; }
#SXClipSec h2, #SXOpeSec04 h2 { color: #000; }

.clipImage, #SXOpeSec03 .soketImage, #SXOpeSec04 .soketImage {
 width: 100%; height: 220px; margin: 0 auto; }

.clipImage {
 background: url(../sx-jet/images/leverclip.jpg) no-repeat center bottom; background-size: cover;
 max-width: 420px; z-index: 0; }

#SXOpeSec03 .soketImage {
 background: url(../sx-jet/images/soket.jpg) no-repeat center top; background-size: cover;
 max-width: 400px; z-index: 2; }

#SXOpeSec04 .soketImage {
 background: url(../sx-jet/images/soket_l.jpg) no-repeat center bottom; background-size: cover;
 max-width: 400px; z-index: 2; }

#SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p {
 position: relative; color: #f7f7f7; font-size: 94%; line-height: 1.8; letter-spacing: .05em;
 margin: 0; padding: 5px 30px 0; z-index: 20; }
#SXClipSec p { color: #333; }

#SXClipSec p span, #SXOpeSec03 p span, #SXOpeSec04 p span {
 font-size: 80%; margin-top: .75em; padding: 0 1em; display: block; }

@media (min-width: 560px) {
.clipImage, #SXOpeSec03 .soketImage, #SXOpeSec04 .soketImage {
 position: absolute; top: 80px; left: -30px;
 width: 390px; height: 230px; margin: 0; z-index: 1; }
#SXOpeSec03 .soketImage { left: -60px; top: 90px; }
#SXOpeSec04 .soketImage { top: 55px; left: -60px; }
#SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p { padding: 25px 1em 0 50%; }
#SXOpeSec04 p { padding-bottom: 30px; } }

@media (min-width: 620px) {
 .clipImage, #SXOpeSec03 .soketImage, #SXOpeSec04 .soketImage { top: 60px; width: 400px; height: 230px; }
 #SXOpeSec03 .soketImage { left: -40px; top: 70px; }
 #SXOpeSec04 .soketImage { left: -30px; }
 #SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p { padding: 25px 1em 0 50%; }
 #SXClipSec p { padding-bottom: 10px; }
 #SXOpeSec04 p { padding-bottom: 30px; } }

@media (min-width: 660px) {
 #SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p { padding-right: 2em; } .clipImage { left: -15px; } }
@media (min-width: 720px) {
 .clipImage { left: 0; } #SXOpeSec03 .soketImage, #SXOpeSec04 .soketImage { left: -10px; } }

@media (max-width: 480px) {
 #clipVarious img, #soketVarious img, #LSoketVarious img { display: none; }
 #SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p { padding-bottom: 10px; }
 #clipVarious, #soketVarious, #LSoketVarious { text-align: center; width: 100%; z-index: 20; }
 #clipVarious ul, #soketVarious ul, #LSoketVarious ul { position: relative; margin: 0; padding: 0 0 15px; }
 #clipVarious li, #soketVarious li, #LSoketVarious li {
 color: #fff; font-size: 88%; font-weight: bold; letter-spacing: .05em;
 width: 100%; max-width: 350px; height: 35px; margin: 15px auto 0; padding-top: 165px; }

 #clipV01, #clipV02 {
 background: url(../sx-jet/images/clip-ver.jpg) no-repeat 0 center; background-size: 700px 200px; }
 #soketV01, #soketV02 {
 background: url(../sx-jet/images/soket_ver.jpg) no-repeat 0 center; background-size: 700px 200px; }
 #LSoketV01, #LSoketV02 {
 background: url(../sx-jet/images/soket_l_ver.jpg) no-repeat 0 center; background-size: 700px 200px; }
 #clipV02, #soketV02, #LSoketV02 { background-position: right center; }
}

@media (max-width: 350px) {
 #SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p { padding-bottom: 25px; }
 #clipVarious li, #soketVarious li, #LSoketVarious li { margin: 0 auto; } }

@media (min-width: 481px) {
 #clipVarious img, #soketVarious img, #LSoketVarious img { display: block; width: 100%; height: auto; position: relative; z-index: 20; }
 #clipVarious, #soketVarious, #LSoketVarious { text-align: center; width: 100%; margin: 30px 0 0; z-index: 20; }
 #clipVarious ul, #soketVarious ul, #LSoketVarious ul { position: relative; margin: 0; padding: 0; }
 #clipVarious li, #soketVarious li, #LSoketVarious li {
 position: absolute; bottom: 15px;
 color: #fff; font-size: 82%; font-weight: bold; letter-spacing: .05em; width: 50%;  }

 #clipV01, #soketV01, #LSoketV01 { left: 0; }
 #clipV02, #soketV02, #LSoketV02 { right: 0; }
}

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

#SXOpeSec04 p { color: #222; }

#LSoketImage { overflow: hidden; z-index: 2; }

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

#SXSpecSec { padding-top: 50px; }

#SXSpecSec h2 { color: #444; margin-top: 40px; letter-spacing: .2em;}

#SXStructure { max-width: 460px; margin: 36px auto 0; padding: 0 20px; position:relative; }

#SXStructure h3, #SXSpecList h3, #jet3SpecList h3 {
 color: #595959; font-size: 125%; font-weight: normal; letter-spacing: .1em; margin: 50px 0 0; padding-top: 20px;
 border-top: 1px solid #bbb; }

#SXSMov { width: 100%; max-width: 460px; height: auto; margin: 17px auto 0; position:relative; }

#SXSpecList, #jet3SpecList { width: 100%; max-width: 500px; margin: 40px auto 0; }

#SXSpecList section, #jet3SpecList section { position: relative; margin: 0; padding: 0 20px 40px; }

#SXSpecList h3 { margin: 0; }
#SXSpecList h3 span, #jet3SpecList h3 span { font-size: 60%; font-weight: normal; letter-spacing: 0; vertical-align: .2em; }

#SXSpecSize figure {
 position: absolute; top: 50%; width: 202px; height: 172px; margin-top: -70px;
 background: url(../sx-jet/images/sx106-size.png) no-repeat 0 0; background-size: cover; }

@media (max-width: 330px) { #SXSpecSize figure { right: 0; } }
@media (min-width: 331px) { #SXSpecSize figure { right: 5%; } }
@media (min-width: 360px) { #SXSpecSize figure { right: 6%; } }
@media (min-width: 390px) { #SXSpecSize figure { right: 8%; } }
@media (min-width: 410px) { #SXSpecSize figure { right: 7%; width: 230px; height: 196px; margin-top: -85px; } }
@media (min-width: 480px) { #SXSpecSize figure { width: 260px; height: 222px; margin-top: -100px; } }

#SXSpecSize dl, #SXSpecList ul, #jet3SpecSize dl, #jet3SpecList ul { margin: 0; padding: 0; }
#SXSpecSize dl, #jet3SpecSize dl { margin-bottom: -20px; padding: 25px 10px 0; }
#SXSpecSize dt, #jet3SpecSize dt { color: #595959; font-size: 138%; margin: 0; letter-spacing: 2px; }
#SXSpecSize dt em, #jet3SpecSize dt em {
 color: #00a0d9; font-size: 172%; font-style: normal; letter-spacing: -1px; margin: 0 5px 0 0; }
#SXSpecSize dt span, #jet3SpecSize dt span { color: #898989; font-size: 58%; font-weight: bold; vertical-align: .5em; margin-right: 2px; }
#SXSpecSize dd, #jet3SpecSize dd { color: #555; font-size: 82%; letter-spacing: .1em; margin: 0; padding-bottom: 20px; }

@-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, #jet3SpecList ul { color: #555; font-size: 100%; letter-spacing: .1em; }
#SXSpecList li, #jet3SpecList li { position: relative; margin: 30px 0 0; }
#SXSpecList li span, #jet3SpecList li span { position: absolute; top: 0; left: 7.5em; color: #008ebe; }
#SXScrewSize li span, #jet3SpecSize li span { left: 5.5em; }
#SXSpecList li small, #jet3SpecList li small { font-size: 82%; letter-spacing: .05em; }

#SXScrewSize ul, #jet3ScrewSize ul { font-size: 138%; }
#SXScrewSize li, #jet3ScrewSize li { margin: 32px 0 0; }
#SXScrewSize li small, #jet3ScrewSize li small { position: absolute; top: 0; left: 0; 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 1em; display: block; }
#SXOther small { padding-top: 12px; }

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

#SXOption em { font-style: normal; }

#SXOther img { width: 100%; height: auto; margin-left: -3px; border: 3px solid #fff; vertical-align: top; }

@media (min-width: 560px) { .SXOL01 br { display: none; } }

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

#SXBuySec, #FGBuySec, #F300BuySec { padding: 50px 20px 0; position: relative; }

@media (max-width: 340px) { #SXBuySec { padding: 50px 15px 0; } }

#SXBuySec h2, #SXBuySec h3, #FGBuySec h2, #FGBuySec h3,
#F300BuySec h2, #F300BuySec h3 { padding-top: 30px; }

#SXBuySec .buyHead h2, #FGBuySec .buyHead h2, #F300BuySec .buyHead h2 {
 position: relative; margin: 30px 0 0; padding: 0; z-index: 20; }

#SXBuySec h2 em, #FGBuySec h2 em, #F300BuySec h2 em {
 font-size: 50%; font-style: normal; padding-bottom: .5em; display: block; }

#buySXImage {
 position: absolute; top: 195px; left: 50%; margin-left: -82px;
 background: url(../sx-jet/images/sx_buy.png) no-repeat 0 0; background-size: cover;
 width: 156px; height: 120px; }

.SXBS { width: 100%; border-top: 1px solid #bbb; }
#selectItem { width: 100%; 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: .1em; }

#selectMake { margin-top: 180px; }

@media (min-width: 541px) {
  #SXBuySec h2 { margin: 10px 0 0 33%; }
  #buySXImage { top: 90px; left: 9%; margin: 0; }
  #SXBuy #selectMake { margin-top: 70px; } }

.buySelectContainer {
 display: flex; justify-content: space-between; flex-flow: row wrap; flex-grow: 1;
 padding: 21px 0 31px; border-bottom: 1px solid #bbb; }

.buySelectContainer p { font-size: 100%; font-weight: bold; text-align: center; width: 47%; margin: 9px 0; }
.buySelectContainer p.cent { float: none; margin: 0 auto; }
.buySelectContainer p:nth-child(3n+3) { margin-right: 0; }

.android4 .buySelectContainer { display: block; }
.android4 .buySelectContainer p { float: left; width: 45.5%; margin: 9px 2.1%; }

@media (max-width: 340px) { .buySelectContainer p { font-size: 94%; } .buySelectContainer p { width: 47.25%; } }

@media (min-width: 520px) {
 #SXBuySec, #FGBuySec, #F300BuySec { max-width: 560px; margin: 0 auto; } .buySelectContainer p { width: 31.25%; }
 .android4 .buySelectContainer p { width: 30.25%; margin: 9px 1.5%; } }

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

.buySelectContainer a {
 color: #fff; background: #858585; text-decoration: none; position: relative;
 width: 100%; padding: .635em 0; }

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

#selectItem h3 { padding-bottom: 0; }

.stage .makeList { margin: 30px 0 0; }

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

.makeList h4 {
 color: #595959; font-size: 138%; font-weight: normal; padding-bottom: 24px; border-bottom: 1px solid #ccc; }
.makeList h4.double { padding-top: 40px; }

.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; }

.MLType div { position: relative; }

.MLType ul, .MLTypeW ul { margin: 0; padding: 0; }

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

.MLType sup, .MLTypeW sup { color: #cc1e1e; font-weight: bold; vertical-align: .1em; margin-right: .35em; }

.MLType li.screwSize, .MLTypeW li.screwSize { color: #696969; font-size: 69%; line-height: 1.5; margin-top: .6em; }
.MLType li.screwSize span, .MLTypeW li.screwSize span { padding-left: .25em; vertical-align: 1px; }

@media (max-width: 350px) {
  .MLType li.screwSize, .MLTypeW li.screwSize { max-width: 13.5em; margin-left: 13px; } }

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

.MLNum { margin: 15px 0 0; }

.NSBox01, .NSBox02 { margin-bottom: -16px; border: none; }
.NSBox01 div, .NSBox02 div { position: relative; }

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

.MLSX, .MLOption { color: #5e5e5e; }

.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 p span br { display: none; }

.makeList .NSBox01 p span, .makeList .NSBox02 p span, .makeList .MLFG p span {
 font-weight: bold; letter-spacing: .05em; display: block; padding-bottom: .6em; }

.fumotoCart, .fumotoCartFG01, .fumotoCartFG02 { width: 100%; }

.cartBT, .makeList a.soon {
 position: absolute; top: 0; left: 180px; white-space: nowrap;
 background: #00a2d5; color: #fff; font-size: 18px; letter-spacing: .1em;
 margin: 0; padding: 3px 10px 2px 11px; border: none; cursor: pointer; overflow: hidden; outline: none; }

#jet3BuySec .cartBT { top: 20px; }

#FGBuySec .cartBT, #F300Buy .cartBT { top: 50%; margin-top: -5px; }
#FGBuySec .fumotoCart .cartBT, #F300Buy .fumotoCart .cartBT { margin-top: -8px; }

@media (max-width: 328px) {
  .cartBT { left: 168px; }
  .makeList a.soon { margin-left: -10px; }
  #FGBuySec .cartBT, #FGBuySec .makeList a.soon, #F300Buy .cartBT, #F300Buy .makeList a.soon { left: 158px; } }
@media (min-width: 329px) {
  .cartBT, .makeList a.soon { left: 180px; }
  #FGBuySec .cartBT, #FGBuySec .makeList a.soon, #F300Buy .cartBT, #F300Buy .makeList a.soon { left: 170px; } }

@media (max-width: 339px) { .SXADP .MLNum{ font-size: 150%; }  .SXADP .cartBT { top: -4px; }}
@media (min-width: 340px) and (max-width: 360px) {
  .SXADP .MLNum { font-size: 163%; } .SXADP .cartBT { top: -3px; }}
@media (min-width: 361px) and (max-width: 373px) {
  .SXADP .MLNum{ font-size: 175%; } .SXADP .cartBT { top: -2px; }}

@media (max-width: 385px) { .SXADP .cartBT { left: auto; right: 0; }}
@media (min-width: 386px) { .SXADP .cartBT { left: 220px; right: auto; }}

@media (min-width: 540px) {
  .MLType li.screwSize, .MLTypeW li.screwSize { font-size: 75%; letter-spacing: .05em; padding-left: 13px; }
  .fgNml span, .fgNS span { position: absolute; top: 47%; left: 145px; }
  #FGBuySec .MLNum span.MLSX, #FGBuySec .MLNum span.MLNormal,
  #F300Buy .MLNum span.MLNormal, #F300Buy .MLNum span.MLElbow {
  position: absolute; top: 37%; left: 145px; }
  #FGBuySec .MLNum span.MLOption { position: absolute; top: 37%; left: 190px; }
  .fgNS span { margin-left: .4em; }
  #FGBuySec .cartBT, #F300Buy .cartBT { margin-top: -13px; left: 275px; }
  #FGBuySec .makeList a.soon { left: 275px; }
  #FGBuySec .fumotoCart .cartBT, #F300Buy .fumotoCart .cartBT { margin-top: -15px; }
}

.makeList a.soon {
 top: -48px; left: 170px; background: #888; font-size: 16px; padding: 8px 8px 7px 9px; display: block;
 -webkit-border-radius: 6px; border-radius: 6px; }
.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; }

#SBUseGuide { margin: 0 auto; padding: 20px 0 30px; }

.stage .SBUse { margin: 10px 0 0; padding-bottom: 10px; }

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

.SBUse h3 {
 color: #595959; font-size: 138%; font-weight: normal; letter-spacing: .18em; padding-top: 30px; }

.SBUse ul { margin: 0; padding: 8px 0 6px; }

.SBUse li { font-size: 88%; line-height: 1.8; letter-spacing: .05em; margin: 0; padding: 1em 0 0; }
.SBUse small { font-size: 82%; }

#SBUGPrice { position: relative; }

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

#SBUGPrice ul .med { padding-top: 100px; }

#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: 6px 0 0 7px; display: block; }

.MLInstNotes { font-size: 82%; letter-spacing: .025em; margin: 1em 0 0; }

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

.jet3TopSection h2 {
 font-size: 188%; text-align: center; letter-spacing: .05em; width: 100%; margin: 0; }

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

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

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

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

#jet3TSec01 { width: 100%; height: 590px; position: relative; }

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

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

#jet3TSec01 h2 { top: 30px; background-position: 0 -30px; width: 290px; height: 49px; margin-left: -145px; }

#jet3TSec01 p { margin: 0; }
#jet3TSec01 p span { top: 110px; background-position: 0 -90px; width: 290px; height: 33px; margin-left: -140px; }
#jet3TSec01 p em { top: 155px; background-position: 0 -130px; width: 290px; height: 24px; margin-left: -140px; }

#jet3TSec01 h1 { margin: 0; }

#jet3TSec01 h1 em { top: 425px; background-position: -300px -60px; width: 250px; height: 22px; margin-left: -125px; }
#jet3TSec01 h1 span { top: 460px; background-position: -300px -100px; width: 250px; height: 63px; margin-left: -125px; }

#jet3TopItem {
 position: absolute; top: 195px; left: 50%; background: url(../jet3/images/main800.jpg) no-repeat 0 0;
 background-size: 250px auto; width: 250px; height: 225px; margin-left: -125px; display: block; }

@media (min-width: 540px) {
  #jet3TSec01 { height: 340px; }
  #jet3TSec01 h1 span, #jet3TSec01 h1 em, #jet3TSec01 h2, #jet3TSec01 p span, #jet3TSec01 p em {
   background-size: 495px; height: auto; }
   #jet3TSec01 h2 { top: 30px; background-position: 0 0; width: 480px; height: 18px; margin-left: -240px; }
   #jet3TSec01 h1 span, #jet3TSec01 h1 em, #jet3TSec01 p span, #jet3TSec01 p em { left: 8%; margin: 0; }
   #jet3TSec01 p span { top: 95px; background-position: 0 -81px; width: 218px; height: 30px; }
  #jet3TSec01 p em { top: 135px; background-position: 0 -117px; width: 252px; height: 22px; }
  #jet3TSec01 h1 em { top: 190px; background-position: -270px -54px; width: 225px; height: 20px; }
  #jet3TSec01 h1 span { top: 225px; background-position: -270px -90px; width: 225px; height: 57px; }
  #jet3TopItem { top: 75px; left: 53%; margin-left: 0; }
}

/* Section02 */
#jet3Top02 { background: #f0f0f0; border-top: 1px solid #eee; }

#jet3TSec02 {
 color: #222; background: url(../jet3/sp_im/sp-top-port01.jpg) no-repeat 0 0; background-size: contain;
 padding: 60% 0 36px; position: relative; }

#jet3TSec02 h2 { line-height: 1.2; width: 9em; margin: 0 auto; }
#jet3TSec02 h2 span { color: #777; padding-top: .35em; }

.jet3SGuide { margin: 1.5em 0 0; }

#jet3SGraph { position: relative; font-size: 82%; margin: 25px 5% 0 4%; padding-left: 10px; }

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

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

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

#Bar-jet3, #Bar-oldFG {
 position: absolute; left: 12.075em; 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: 50%; }

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

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

#jet3SMerit {
 color: #d96b1b; font-size: 108%; font-weight: bold; text-align: center; letter-spacing: .05em; margin: 1em 0 0; }

#jet3BT01 { font-size: 107%; margin-top: 33px; }

@media (max-width: 340px) { #jet3SGraph { margin-left: 0; } #Bar-jet3 { width: 42%; } #Bar-oldFG { width: 84%; } }
@media (min-width: 341px) {  #jet3SGraph { margin-left: 2%; } }
@media (min-width: 370px) {  #jet3SGraph { margin-left: 4%; } }
@media (min-width: 390px) {  #jet3SGraph { margin-left: 5%; } }
@media (min-width: 405px) {  #jet3SGraph { margin-left: 7%; } }

@media (min-width: 540px) {
  #jet3TSec02 { background: url(../jet3/sp_im/sp-top-land01.jpg) no-repeat 0 0;
  background-size: 52%; padding-top: 40px; }
  #jet3TSec02 h2 { text-align: left; margin: 0; padding-left: 47%; }
  #jet3TSec02 h2 span { text-align: center; }
  .jet3SGuide { text-align: left; padding-left: 47%; }
  #Bar-jet3 { width: 92%; } #Bar-oldFG { width: 184%; } }
@media (min-width: 640px) {
  #jet3TSec02 h2, .jet3SGuide { padding-left: 52%; }
  #jet3SGraph { margin-left: 10%; }
  #Bar-jet3 { width: 100%; } #Bar-oldFG { width: 200%; } }
@media (min-width: 670px) {  #jet3TSec02 { background-size: 55%; }  #jet3TSec02 h2, .jet3SGuide { padding-left: 55%; } }
@media (min-width: 720px) {  #jet3SGraph { margin-left: 15%; }  #jet3SGraph { margin-top: 40px; } }

/* Section03 */
#jet3Top03, #jet3Top04, #jet3Top05 { padding: 35px 0; border-top: 1px solid #fff; position: relative; overflow: hidden; }
#jet3Top03 {
 background: #eaeaea url(../jet3/sp_im/sp-free_bg.jpg) no-repeat 0 0;
 background-size: 414px auto; min-height: 280px; }

#jet3TSec03 { z-index: 10; }

#jet3TSec03 h2 { color: #fff; text-shadow: rgba(0,0,0,.75) 0 0 4px; }
#jet3TSec03 h2 span { color: #eee; text-shadow: rgba(0,0,0,.3) -1px -1px 0; }

#jet3TC03, #jet3TC04, #jet3TC05 { text-align: left; margin: 0; padding: 240px 2em 0; z-index: 50; }
#jet3TC03 span, #jet3TC04 span, #jet3TC05 span { text-align: center; }

.jet3MoveOn {
 background: url(../jet3/sp_im/sp-free_item.png); background-size: 231px 169px;
 position: absolute; top: 85px; left: 58px; width: 231px; height: 169px; }

@media (max-width: 340px) { #jet3Top03 { background-position: -15px 0; } .jet3MoveOn { left: 43px;} }

@media (min-width: 540px) {
  #jet3Top03 { background-position: -30px 0; } .jet3MoveOn { left: 28px;}
  #jet3TC03 { line-height: 1.8; padding: 20px 1em 0 59%;}
  #jet3TC03 span, #jet3TC04 span, #jet3TC05 span { text-align: left; } }
@media (min-width: 600px) { #jet3TC03 { padding-left: 55%;} }
@media (min-width: 660px) { #jet3TC03 { padding-left: 54%;} }

/* Section04 */
#jet3Top04 { background: rgba(240,240,240,1); }

#jet3TSec04 h2 { letter-spacing: 0; position: relative; z-index: 10; }
#jet3TSec04 h2 span { color: #777; }

#jet3TC04 { padding-top: 70%; position: relative; z-index: 10; }

#jet3TopClip, #jet3TWeightSaving { position: absolute; top: 50px; left: 0; z-index: 1; width: 100%; }
#jet3TopClip img, #jet3TWeightSaving img, #jet3CG-01 img, #jet3CG-02 img { width: 100%; height: auto; }

@media (min-width: 540px) {
  #jet3TC04 { padding: 50px 1.5em 0 52%; }
  #jet3TopClip { top: 40px; left: -6%; width: 64%; } }
@media (min-width: 560px) { #jet3Top04 { min-height: 270px; } }
@media (min-width: 600px) { #jet3Top04 { min-height: 280px; } }
@media (min-width: 640px) { #jet3Top04 { min-height: 290px; } #jet3TC04 { padding-top: 60px; } }
@media (min-width: 680px) { #jet3Top04 { min-height: 300px; } }
@media (min-width: 705px) { #jet3Top04 { min-height: 315px; } }
@media (min-width: 725px) { #jet3Top04 { min-height: 325px; } }

/* Section05 */
#jet3Top05 { background: rgba(234,234,234,1); }

#jet3TSec05 h2 { position: relative; z-index: 10; }

#jet3TC05 { padding-top: 80%; position: relative; z-index: 10; }

#jet3TWeightSaving { top: 60px; }

@media (min-width: 540px) {
  #jet3TC05 { padding: 40px 1.5em 0 54%; }
  #jet3TWeightSaving { top: 40px; left: -2%; width: 60%; } }
@media (min-width: 570px) { #jet3Top05 { min-height: 280px; } }
@media (min-width: 600px) { #jet3Top05 { min-height: 290px; } #jet3TWeightSaving { top: 30px; } }
@media (min-width: 620px) { #jet3Top05 { min-height: 300px; } }
@media (min-width: 655px) { #jet3Top05 { min-height: 310px; } }
@media (min-width: 680px) { #jet3Top05 { min-height: 320px; } }
@media (min-width: 705px) { #jet3Top05 { min-height: 330px; } }

/* Section06 */
#jet3Top06 { background: #fff; padding: 35px 0 25px; overflow: hidden; position: relative; }

#jet3TSec06 h2 { letter-spacing: .2em; text-indent: .2em; }
#jet3TSec06 h2 em { display: none; }

#jet3TC06 { position: absolute; top: 56%; left: 0; width: 100%; margin: 0; z-index: 10; }

#jet3Top06 figure { width: 80%; position: relative; z-index: 1; }

#jet3CG-01 { margin: 20px auto 0; }
#jet3CG-02 { margin: 60px auto 0; }

#jet3Top06 figure:after {
 content: ''; position: absolute; top: 40%;
 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 (min-width: 540px) {
  #jet3TC06 { top: 50%; }
  #jet3Top06 figure { width: 40%; }
  #jet3CG-01 { float: left; margin: 0; }
  #jet3CG-02 { float: right; margin: 10px 0 0; }
  #jet3TSec06:after { content: ""; clear: both; display: block; height: 0; }
}

/* -------------------------------------------
 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; vertical-align: -1px; text-indent: -9999px; display: block; }

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

.jet3PNTop { margin-right: 3px; }

/* Page Name */
#jet3SCopy {
 font-family: JSB; position: absolute; left: 50%; font-size: 88%; letter-spacing: .05em;
 width: 194px; height: 22px; margin: 0 0 0 -97px; 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; }

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

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

.jet3CompContents { position: relative; }

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

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

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

/* -------------------------------------------
 JET3 Compare
------------------------------------------- */
#jet3CompSec01 { padding: 60px 0 36px; }

#jet3CompSec01 #jet3SCopy { color: #fff; top: 30px; }

#jet3Comp01 {
 background: rgba(245,246,250,1) url(../jet3/images/compare_bg.jpg) repeat-x 0 0; background-size: auto 444px; }

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

#jet3CompSec01 h1 {
 background: url(../jet3/images/compare.png) no-repeat 0 0; background-size: 364px auto;
 position: absolute; top: 60px; left: 50%;  width: 270px; height: 35px; margin: 0 0 0 -135px; z-index: 99; }

#jet3PNCompare { top: 110px; color: #fff; }

#jet3CompTopCopy { max-width: 30em; margin: 0 auto; padding: 280px 0 0; position: relative; z-index: 99; }

#jet3CompTopCopy h3 {
 color: #000; font-family: 'JSR'; font-size: 46px; text-align: center; letter-spacing: .04em;
 width: 100%; height: 40px; margin: 0; display: inline-block; }

.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 { margin: 1.5em 2em 0; }

#jet3CompItem { position: absolute; top: 0; left: 50%; margin-left: -220px; z-index: 1; width: 450px; }
#jet3CompItem img { width: 100%; height: auto; }

#Jet3SpeedGraph { padding-top: 25px; }

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

#NSBar-NJet3 { top: 33px; background: #f0771e; width: 49%; }
#NSBar-OFG { top: 90px; background: #29a4db; width: 98%; }

#jet3FastCopy {
 position: absolute; top: 120px; left: 0;
 color: #d96b1b; font-size: .82em; font-weight: bold; text-align: center; letter-spacing: .025em; width: 100%; }

#jet3SpeedCaution {
 font-size: 82%; line-height: 1.4; letter-spacing: .05em; width: 18em; margin: 1em auto 0; }
#jet3SpeedCaution b { color: #d30; font-size: 116%; vertical-align: -.15em; margin: 0 .25em 0 -.66em; }

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

#jet3CompSec02, #jet3CompSec03 { padding: 35px 0; }

#jet3Comp02 h2 { z-index: 10; }

#jet3CompBolt { margin-top: 30px; }

#jet3CompAdapter { margin-top: -30px; }

#jet3CompBolt p, #jet3CompAdapter p {
 font-size: 94%; line-height: 1.8; letter-spacing: .075em;
 max-width: 28em; margin: 0 auto; padding: 0 2em; position: relative; z-index: 10; }

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

#jet3Comp02 figure { margin: 0 auto; z-index: 1; position: relative; }
#jet3CompBolt figure { width: 90%; max-width: 400px; margin-top: -25px; }
#jet3CompAdapter figure { width: 84%; max-width: 370px; margin-top: -25px; }
#jet3Comp02 img { width: 100%; height: auto; }

#jet3CompSec03 { background: #fff; padding-bottom: 30px; }

#jet3CompAlleviation { position: relative; }

#jet3CompAlleviation section { background: #f5f2ec; margin: 30px 10px 0; padding-bottom: 2.2%; position: relative; }
#jet3CompAlleviation #J3CC04 { padding-bottom: 30px; }

#jet3CompAlleviation h3 {
 font-size: 150%; text-align: center; letter-spacing: .05em; text-indent: .05em; margin: 0; padding-top: 30px; }

#jet3CompAlleviation h3 em { font-size: 82%; font-style: normal; margin-left: -.35em; vertical-align: .05em; }

#jet3CompAlleviation p {
 font-size: 95%; line-height: 1.8; letter-spacing: .05em; max-width: 35em; margin: 0 auto; padding: 1.5em 1.3em 0; }

#jet3CompAlleviation figure { width: 94%; margin: 20px auto 0; position: relative; }
#jet3CompAlleviation img { width: 100%; height: auto; }

#J3CC01 figure { max-width: 440px; }
#J3CC02 figure { max-width: 360px; }
#j3CCIM03 { max-width: 300px; }
#j3CCIM04 { max-width: 340px; }

#jet3CompAlleviation #j3CCIM03 { margin-top: 25px; }

#J3CC01 figcaption span {
 position: absolute; top: 16px; color: #000; font-size: 88%; letter-spacing: .075em; z-index: 10; }
#jetCompFF01 { left: 13%; }
#jetCompFF02 { right: 14%; }

#J3CC02 figcaption {
 position: absolute;  top: 16px; left: 16px; text-shadow: rgba(0,0,0,.75) 0 0 3px;
 color: #fff; font-size: 88%; letter-spacing: .025em; font-weight: bold; z-index: 10; }

@media (max-width: 349px) { #jet3CompSec02 h2 { font-size: 175%; letter-spacing: 0; } }

@media (min-width: 350px) { #jetCompFF01 { left: 15%; } #jetCompFF02 { right: 18%; } }
@media (min-width: 375px) { #jetCompFF01 { left: 17%; } #jetCompFF02 { right: 19%; } }

@media (min-width: 540px) {
  #jet3CompAlleviation section { margin: 30px 30px 0; } #jet3SpeedCaution { text-align: center; width: auto;} }

@media (min-width: 640px) {
  #jet3CompAlleviation #J3CC03 { min-height: 555px; }
  #jet3CompAlleviation #J3CC03 p { padding: 1.5em 2em 0 50%; }
  #jet3CompAlleviation #j3CCIM03 { position: absolute; top: 80px; left: 10px; width: 42%; margin: 0; }
  #jet3CompAlleviation #j3CCIM04 { position: absolute; bottom: 8px; right: 10px; width: 50%; margin: 0; } }

/* -------------------------------------------
 JET3 Installation
------------------------------------------- */
#jet3Inst01 #jet3SCopy, #jet3Ope01 #jet3SCopy { color: #fff; top: 40px; }

#jet3Inst section { position: relative; }

#jet3Inst01, #jet3Ope01 { background-color: #222; }

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

#jet3InstSec01 h1 {
 background: url(../jet3/images/installation.png) no-repeat 0 0; background-size: 387px auto;
 position: absolute; top: 85px; left: 50%; width: 306px; height: 32px; margin: 0 0 0 -153px; z-index: 99; }

#jet3PNInst.jet3PageName { top: 130px; color: #ddd; }

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

#jet3InstSec03 { padding-top: 35px; }

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

#jet3InstTools { position: relative; width: 100%; max-width: 500px; height: 145px; margin: 40px auto 0; overflow: hidden; }

#jet3InstTools figure { position: absolute; top: 0; height: 145px; text-indent: -9999px;
 -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

#jet3InstTools #spana01 { left: 9%; }
#jet3InstTools #spana02 { left: 29%; }
#jet3InstTools #monky { left: 56%; }
#jet3InstTools #soket { right: 9%; }

@media (max-width: 420px) {
 #toolVarious { background: #727272; }
#jet3Inst03 #toolVarious:before {
 background: url(../jet3/sp_im/sp-various.jpg) no-repeat center top; background-size: 374px 690px; } }

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

#jet3InstSec04 h2 { letter-spacing: 0; }

#J3InstGuide { margin-top: 25px; }

#J3InstGuide p { font-size: 100%; line-height: 1.8; letter-spacing: .075em; margin: 0 2.5em; position: relative; z-index: 10; }

#J3InstGuide figure { text-align: center; margin: 0 auto; }
#J3InstGuide img { width: 100%; height: auto; }

#J3InstGuide #J3IAdaptItem { width: 90%; max-width: 440px; margin-top: -20px; z-index: 5; }
#J3InstGuide #J3IAdaptOn { width: 100%; max-width: 500px; z-index: 1; }

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

#J3IAdaptInst { margin: 0 auto; padding-top: 10px; position: relative; }
#J3IAdaptInst h3 { font-size: 175%; text-align: center; margin: 0; position: relative; z-index: 50; }

#J3IAIDrawing {
 background-position: 0 -160px; background-size: 300px auto; width: 300px;
 height: 254px; margin: 15px auto -5px; display: block; }

#J3IAdaptInst p {
 font-size: 94%; line-height: 1.8; letter-spacing: .05em; min-height: 31px; margin: 0 20px; padding: 1.5em 0 0 48px; }
#J3IAdaptInst p span { font-size: 87%; }

.J3IAI01 { background-position: -400px 16px; }
.J3IAI02 { background-position: -400px -83px; }

.J3IAdaptIGuide {
 background: #fff; margin: 20px 2% 0; padding: .15em .75em 1em 1.2em; -webkit-border-radius: 6px; border-radius: 6px; }

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

@media (max-width: 350px) { #jet3Inst02 { padding-top: 30px; } .spNarrow { display: none; } }

@media (min-width: 350px) { .J3IAdaptIGuide { margin: 20px 4% 0; padding: .15em .5em 1em 1em; } }
@media (min-width: 360px) { .J3IAdaptIGuide { padding-left: 1.5em; } }
@media (min-width: 370px) { .J3IAdaptIGuide { padding-left: 1.75em; } }
@media (min-width: 380px) { .J3IAdaptIGuide { padding-left: 2em; } }
@media (min-width: 395px) {
 #jet3PMainCopy br { display: none; } #jet3PMainCopy b { margin: -.25em 0 -.6em; display: block; }
 #J3InstGuide p { margin: 0 1.5em; } .J3IAdaptIGuide { padding-left: 2.5em; } }

@media (min-width: 404px) { #J3InstGuide p { margin: 0 1.8em; } .J3IAdaptIGuide { padding-left: 3em; } }
@media (min-width: 410px) { #J3InstGuide p { margin: 0 2em; } }

@media (min-width: 530px) { #jet3PMainCopy br { display: block; } #jet3PMainCopy b { margin: 0; display: inline; } }

@media (min-width: 550px) {
  #J3InstGuide #J3IAdaptOn { float: left; width: 55%; margin-left: 1%; }
  #J3InstGuide #J3IAdaptItem { float: right; width: 44%; margin: 4% 4% 0 -6%;  }
  #J3InstGuide:after { content: ""; clear: both; display: block; height: 0; }
  #J3IAdaptInst { padding: 0; } }

@media (min-width: 600px) {
  #jet3Inst03 .instCaution { margin: 30px auto 0; padding-left: 1em; max-width: 34em; }
  #J3InstGuide p { max-width: 26em; margin: 0 auto; }
  #J3IAIDrawing { position: absolute; top: 40px; left: -3%; }
  #J3IAdaptInst p, .J3IAdaptIGuide { margin-left: 300px; }
  .J3IAdaptIGuide { padding-left: 1.2em; } }

@media (min-width: 640px) { .J3IAdaptIGuide { padding-left: 1.2em; } }
@media (min-width: 660px) { .J3IAdaptIGuide { padding-left: 1.5em; } }
@media (min-width: 670px) { .J3IAdaptIGuide { padding-left: 1.8em; } }
@media (min-width: 685px) { .J3IAdaptIGuide { padding-left: 2.2em; } }
@media (min-width: 700px) { #jet3InstTools { max-width: 560px; } .J3IAdaptIGuide { padding-left: 2.7em; } }

/* -------------------------------------------
 JET3 Operation
------------------------------------------- */
#jet3OpeSec01 h1 {
 background: url(../jet3/images/operation.png) no-repeat 0 0; background-size: 320px auto;
 position: absolute; top: 85px; left: 50%; width: 320px; height: 35px; margin: 0 0 0 -160px; z-index: 99; }

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

#jet3OpeSec03, #jet3OpeSec04 { padding-top: 35px; }

#jet3Ope03 h2, #jet3Ope04 h2 { position: relative; z-index: 10; }
#jet3Ope03 h2 { letter-spacing: -.05em; }

#jet3Ope03 p, #jet3Ope04 p {
 font-size: 94%; line-height: 1.8; letter-spacing: .075em; margin: 0 2.1em; }
 #jet3Ope04 p { max-width: 30em; }

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

#J3OpeClipOn, #J3OpeSocket { position: relative; width: 100%; max-width: 520px; margin: 0 auto; z-index: 1; }
#J3OpeSocket { max-width: 480px; }

#J3OpeClipOn img, #J3OpeSocket img { width: 100%; height: auto; }

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

#jet3ClipVarious, #jet3SocketVarious { text-align: center; width: 100%; margin: 20px auto 0; position: relative; }
  #jet3ClipV01 span {
    position: absolute; bottom: 15px;  left: 15px; color: #222; text-shadow: rgba(255,255,255,1) 0 0 4px; }
  #jet3ClipV02 span {
    position: absolute; top: 15px; left: 15px; color: #fff; text-shadow: rgba(0,0,0,.75) 0 0 3px; }
  #jet3SocketVarious span {
    color: #222; padding-top: 170px; text-shadow: rgba(255,255,255,1) 0 0 3px; display: inline-block; }

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

#jet3OpeSec04 h2 span { letter-spacing: -.1em; }

#J3OpeSocket { z-index: 1; }

@media (max-width: 340px) {
  #jet3OpeSec01 h1 { background-size: 304px auto; width: 304px; margin-left: -152px; }
  #jet3Ope03 h2 { font-size: 175%; }
  #jet3Ope03 p, #jet3Ope04 p { margin: 0 1.5em; } }

@media (max-width: 350px) {
 #SXClipSec p, #SXOpeSec03 p, #SXOpeSec04 p { padding-bottom: 25px; }
 #clipVarious li, #soketVarious li, #LSoketVarious li { margin: 0 auto; } }

@media (max-width: 480px) {
  #jet3ClipVarious img, #jet3SocketVarious img { display: none; }
  #jet3ClipVarious ul, #jet3SocketVarious ul { margin: 0; padding: 0 0 15px; }
  #jet3ClipVarious li, #jet3SocketVarious li {
    font-size: 88%; font-weight: bold; letter-spacing: .05em;
    width: 100%; max-width: 350px; height: 200px; margin: 15px auto 0; position: relative; }
  #jet3ClipV01, #jet3ClipV02 {
    background: url(../jet3/images/clip-guide.jpg) no-repeat left top; background-size: 700px 200px; }
  #jet3SocketV01, #jet3SocketV02 {
    background: url(../jet3/images/waste-oil.jpg) no-repeat left top; background-size: 700px 200px; }
  #jet3ClipV02, #jet3SocketV02 { background-position: right top; } }

@media (min-width: 481px) {
  #jet3ClipVarious img, #jet3SocketVarious img { display: block; width: 100%; height: auto; position: relative; z-index: 1; }
  #jet3ClipVarious, #jet3SocketVarious { text-align: center; width: 100%; margin: 30px 0 0; z-index: 20; }
  #jet3ClipVarious ul, #jet3SocketVarious ul {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
  #jet3ClipVarious li, #jet3SocketVarious li {
    position: absolute; top: 0; color: #fff; font-size: 75%; font-weight: bold; letter-spacing: .05em;
    width: 50%; height: 100%; z-index: 10; }
  #jet3SocketVarious span { padding-top: 48%; }
  #jet3ClipV01, #jet3SocketV01 { left: 0; }
  #jet3ClipV02, #jet3SocketV02 { right: 0; }
  #jet3ClipV01 span, #jet3ClipV02 span { letter-spacing: 0; } }

@media (min-width: 540px) {
  #jet3Ope01 #jet3PMainCopy { max-width: 27.5em; }
  #jet3Ope03 p { max-width: 35.75em; margin: 0 auto; } #jet3Ope04 p { max-width: 30em; margin: 0 auto; }
  #jet3ClipVarious li, #jet3SocketVarious li { font-size: 82%; }
  #jet3ClipV01 span, #jet3ClipV02 span { letter-spacing: .05em; }
}

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

#jet3SpecSec #jet3SCopy, #jet3BuySec #jet3SCopy { top: 40px; color: #727272; }

#jet3SpecSec { position: relative; }

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

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

#jet3SpecCG { width: 75%; max-width: 360px; margin: 0 auto; padding-top: 170px; }
#jet3SpecCG img { width: 100%; height: auto; }

#jet3SpecList { margin-top: 0; }

#jet3SpecList h3 { color: #444; font-weight: bold; margin-top: 20px; }

.J3SSBlock { width: 100%; padding: 30px 0 0; }

.J3SSBlock:first-child { padding-bottom: 27px; border-bottom: 1px solid #bbb; }

#J3SSList h4 { color: #606060; font-size: 138%; letter-spacing: .075em; margin: 0; }
#J3SSList h4 small { font-size: 68%; font-weight: normal; letter-spacing: 0; padding-top: .5em; display: block; }

#jet3SpecSize h3 span { line-height: 1.6; margin-top: .35em; display: block; }

#J3SSList ul { margin: 0; padding: 20px 0 0; border: none; }
#J3SSList li { float: left; margin: 0 20px 0 0; display: block;}
#J3SSList li:nth-child(4) { margin-right: 0; }

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

#jet3ScrewSize li span { left: 5.5em; font-size: 90%; line-height: 1.075; letter-spacing: .05em; }
#jet3ScrewSize li em { color: #777; font-size: 75%; font-style: normal; padding-right: .35em; vertical-align: .15em; }
#jet3ScrewSize .spNB { line-height: 1.25; display: block; }
#jet3ScrewSize i { font-style: normal; }

#jet3SpecList #SXMaterials li span { left: 7em; }
#jet3SpecList #SXMaterials em { font-size: 88%; font-style: normal; }

@media (max-width: 359px) {
  #J3SSList li { margin-right: 8px; }
  #J3SSList b { font-size: 150%; } #J3SSList em { font-size: 75%; }
  #jet3ScrewSize ul { font-size: 131%; } #jet3ScrewSize li span { left: 5.3em; line-height: 1.125; } }

@media (min-width: 340px) { #jet3SpecList .spBlock.spb02 { display: inline; } }

@media (max-width: 372px) { #jet3SpecList #SXInclude li { line-height: 1.6; } }
@media (min-width: 373px) { #jet3SpecList .spBlock.spb01 { line-height: 1.6; margin-top: .5em; } }

@media (max-width: 440px) {
  #jet3SpecList li.spMatPHight { height: 1.8em; display: block; }
  #jet3ScrewSize .spPadB { padding-bottom: 1.2em; }
  #jet3ScrewSize .spNB { line-height: 1.5; }
  #jet3ScrewSize i { display: block; }
  #jet3SpecList #SXMaterials em { line-height: 1.8; display: block; } }

@media (min-width: 375px) { #jet3SpecSize h3 span br { display: none; } }
@media (min-width: 600px) { #J3SSList h4 small { display: inline; } }
@media (min-width: 640px) {
  #jet3SpecCG { position: absolute; top: 38px; left: 59%; width: 300px; margin: 0; padding: 0; z-index: 1; }
  #jet3SpecList { padding-top: 180px; }
  #jet3SpecSize h3 span br { display: none; } }

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

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

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

#jet3FGImage { width: 75%; max-width: 300px; margin: 0 auto; padding-top: 180px; }
#jet3FGImage img { width: 100%; height: auto; }

#jet3BuySec #selectMake { margin-top: 30px; }

#jet3BuySec .useGuide { padding-bottom: 25px; }

#jet3BuySec h3 { padding-top: 30px; }

#jet3BuySec .buySelectContainer { justify-content: space-around; padding: 21px 0; }

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

.MLSSW small { font-size: 100%; }

#jet3BuySec #FGPriceGuide br { display: none; }
#spJet3BPrice { margin: -24px 0; }
#spJet3BPrice span { color: #00a0d9; font-size: 215%; letter-spacing: 0; padding-left: .15em; vertical-align: -.25em; }
#spJet3BPrice em { font-size: 160%; font-style: normal; padding-right: 5px; }
#jet3BuySec #SBUGPrice .med { padding-top: 1em; }

#jet3BuySoon {
 background: #fff; text-align: center; letter-spacing: .05em;
 margin: 25px 0 0; padding: 25px 10px; -webkit-border-radius: 8px; border-radius: 8px; }

#jet3BuySoon h2 { color: #d25200; font-size: 125%; line-height: 1.5; 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; padding: 0 .75em; }
#jet3BuySoon p span { font-size: 125%; }

@media (max-width: 500px) { .MLSSW small { display: block; } }

@media (min-width: 355px) and (max-width: 525px) { #SBUGCaution .spBrNone small br { display: none; } }

@media (min-width: 400px) and (max-width: 767px) { #jet3BuySec #FGPriceGuide br { display: block; } }

@media (max-width: 480px) { #jet3BuySoon p { line-height: 1.25; } }

@media (min-width: 540px) { #jet3BuySec #SBUGInclude .spBlock { display: inline; } }

@media (min-width: 600px) {
  #jet3FGImage { position: absolute; top: 60px; right: 72%; width: 200px; margin: 0; padding: 0; z-index: 1; }
  #jet3BuySec #selectMake { margin-top: 220px; } }
@media (min-width: 665px) { #jet3FGImage { top: 55px; } }
@media (min-width: 700px) { #jet3FGImage { top: 50px; } }

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

#FGEInner {
 background: url(../fg/images/title.jpg) no-repeat 60% top; background-size: 700px 360px;
 width: 100%; z-index: 1; }

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

#FGTop { text-shadow: rgba(0,0,0,.6) 0 0 5px; padding-top: 380px; position: relative; }

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

#FGTop h1 { top: 270px; font-size: 163%; margin-left: -.2em; }
#FGTop h1 em { font-size: 107%; font-style: normal; letter-spacing: .1em; }

#FGTop h2 { top: 245px; font-size: 100%; }

#FGTopName, #FGTopCopy { letter-spacing: .05em; margin: 0; z-index: 10; }

#FGTopName { position: absolute; top: 60px; left: 10%; color: #fff; font-size: 125%; }

#FGTopCopy { position: relative; color: #ddd; font-size: 94%; font-weight: bold; line-height: 2; padding: 0 1em 22px 10%; }

@media (min-width: 560px) {
  #FGEInner { background-position: center center; background-size: cover; }
  #FGTop { padding-top: 340px; }
  #FGTop h1, #FGTop h2, #FGTopName, #FGTopCopy { left: 8%; }
  #FGTopName { top: 50px; font-size: 113%; letter-spacing: .1em; }
  #FGTop h2 { top: 90px; font-size: 113%; }
  #FGTop h1 { top: 115px; font-size: 188%; margin-left: -.1em; }
  #FGTopCopy { position: absolute; top: 200px; color: #eee; padding: 0; }
}

#FGCip { background: #e3e6e9; }

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

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

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

#FG04 h2 { color: #fff; }

#FG02 p, #FG03 p { position: relative; z-index: 10; }

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

.FGClipGuide, .FGNSGuide { font-size: 94%; margin: 0; padding: 0 2em; }
.FGClipGuide { margin-top: 58%; }

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

#FGPurchase, #FGNSPurchase { text-align: center; margin: 20px 0 0; }

#fgClipIM, #fgNsIM { position: absolute; top: 95px; left: 0; text-align: center; width: 100%; z-index: 1; }
#fgClipIM img { width: 60%; max-width: 380px; height: auto; }
#fgNsIM img { width: 60%; max-width: 216px; height: auto; }

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

.FGNSGuide { margin-top: 55%; }

@media (min-width: 400px) { .FGClipGuide { margin-top: 55%; } .FGNSGuide { margin-top: 50%; } }

#FGNS-Socket {
 background: #fff; width: 90%; max-width: 560px;
 margin: 36px auto 0; padding-bottom: 16px; position: relative; }

#FGNS-Socket p { font-size: 94%; line-height: 1.6; letter-spacing: .05em; margin: 0; padding: 25px 1em 0 1.5em; }

#FGNS-Socket small { font-size: 82%; max-width: 21em; margin-top: 1em; display: inline-block; }

#NSL-Socket, #NSL-Installing { width: 100%; text-align: center; }
#NSL-Socket { margin-top: 10px; }
#NSL-Socket img { width: 45%; max-width: 140px; height: auto; }

#NSL-Installing { margin-top: 60px; position: relative; }
#NSL-Installing img { width: 80%; max-width: 250px; height: auto; }

#NSL-Socket figcaption { font-size: 82%; letter-spacing: .05em; margin-top: .3em; }

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

#NSL-Installing:after {
 content: ''; position: absolute; top: -46px; left: 50%;
 background: url(../fg/images/fg.png) no-repeat -350px -120px; width: 50px; height: 46px; margin-left: -25px;
 -webkit-transform: rotate(90deg); transform: rotate(90deg); }

@media (min-width: 380px) { #fgClipIM { top: 100px; } #fgClipIM img { width: 55%; }}
@media (min-width: 420px) { #fgClipIM img { width: 52%; }}

@media (min-width: 480px) {
  #FG02 { min-height: auto; }
  #fgClipIM, #fgNsIM { text-align: left; }
  #fgClipIM { width: 30%; }
  #fgClipIM img { width: 100%; height: auto; margin: 15px 0 0 22%; }
  #fgNsIM img { width: 30%; height: auto; margin-left: 9%; }
  .FGClipGuide { margin-top: 30px; padding-left: 46%; }
  #FGPurchase { margin-top: 30px; }
  .FGNSGuide { width: 19em; margin-top: 40px; padding-left: 50%; }
  #FGNSPurchase { margin-top: 30px; padding-left: 50%; text-align: left; }
  #FGNS-Socket { margin-top: 45px; padding-bottom: 32px; }
  #FGNS-Socket p { padding: 25px 2em 0 3em; }
  #FGNS-Socket small { display: block; max-width: 100%; margin-top: .4em; }
  #NSL-Socket { width: 26%; margin:  10px 12% 0 10%; display: inline-block; }
  #NSL-Installing  { width: 42%; margin: 16px 0 0; display: inline-block; }
  #NSL-Socket img, #NSL-Installing img { width: 100%; }
  #NSL-Socket figcaption { margin-top: 0; }
  #NSL-Installing:after { top: 30%; left: -13%; -webkit-transform: rotate(0); transform: rotate(0); }
}

@media (min-width: 480px) and (max-width: 636px) {
  #fgClipIM img { margin: 15px 0 0 18%; }
  .FGClipGuide { margin-top: 20px; padding: 0 1em 0 42%; }
  .FGNSGuide { margin-top: 25px; width: auto; }
  .FGNSGuide, #FGNSPurchase { padding-left: 47%; }
}

#fgiCaution {
 background: rgba(255,255,255,.85); width: 96%; max-width: 480px; margin: 30px auto 0; padding: 1em 0; }

#fgiCaution li { font-size: 88%; line-height: 1.6; padding: .4em 1em .25em 1.25em; }

#fgiCaution em { float: left; font-size: 108%; font-style: normal; padding-bottom: 1.4em; display: block; }

#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: 30px 30px 28px; }
#FGPBT { font-size: 113%; font-weight: bold; text-align: center; width: 100%; margin: 0; }
#FGPBT span { display: inline-block; }
#FGPBT.SXLink a { line-height: 1.5; letter-spacing: .035em; padding: .75em .8em .75em 1em; }
#FGPBT small { font-size: 75%; font-weight: normal; display: block; }

#FGSeriesMov { margin-top: 40px; }

#FGVideo { width: 100%; max-width: 480px; height: auto; margin: 0 auto; display: block; }

@media (max-width: 340px) { #FGPBT { font-size: 100%;  } }
@media (min-width: 480px) { #fgiCaution em { padding-bottom: 0; } }

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

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

#buyFGImage {
 position: absolute; top: 185px; left: 50%; margin-left: -82px;
 background: url(../fg/images/fg-buy.jpg) no-repeat 0 0; background-size: cover;
 width: 156px; height: 141px; }

#FGBuy #selectMake { margin-top: 180px; }

@media (min-width: 541px) {
  #FGBuySec h2 { margin: 10px 0 0 33%; }
  #buyFGImage { top: 90px; left: 10%; margin: 0; }
  #FGBuy #selectMake { margin-top: 70px; } }

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

#FGBuy #SBUGPrice p, #F300Buy #SBUGPrice p { left: 0; text-align: center; width: 100%; }

.FGSTPrice, #SBUGPrice .FGPrice { text-align: center; letter-spacing: .05em; }
.FGSTPrice { padding: 2em 0 .75em; display: inline-block; }

#SBUGPrice .FGPrice { color: #00a0d9; font-size: 175%; vertical-align: middle; display: inline-block; }
#SBUGPrice .FGPrice em { font-size: 150%; font-style: normal; margin: 0 .25em; }

#FGBuy #SBUGPrice ul .med, #F300Buy #SBUGPrice ul .med { padding-top: 90px; }
#FGBuy #SBUGPrice ul .med:nth-of-type(3), #F300Buy #SBUGPrice ul .med:nth-of-type(3) { padding-top: 1em; }

@media (max-width: 320px) {
  .FGSTPrice { padding-top: 3em; }
  #FGBuy #SBUGPrice ul .med, #F300Buy #SBUGPrice ul .med { padding-top: 50px; } }

@media (max-width: 345px) {  #FGBuy #SBUGPrice br, #F300Buy #SBUGPrice br { display: none; } }

@media (min-width: 322px) {   #FGBuy #SBUGPrice ul .med, #F300Buy #SBUGPrice ul .med { padding-top: 60px; } }

@media (min-width: 540px) {   #FGBuy #SBUGPrice p, #F300Buy #SBUGPrice p { text-align: left; padding-left: 2em; } }

/* -------------------------------------------
 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; background-size: 700px 360px;
 width: 100%; z-index: 1; }

#F300EInner:after { background: rgba(0,0,0,.33); }

#F300Top { padding-top: 380px; position: relative; text-shadow: rgba(0,0,0,.6) 0 0 5px; }

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

#F300Top h2 { top: 275px; font-size: 163%; text-align: left; margin-left: -.2em; }
#F300Top h1 { top: 250px; font-size: 100%; letter-spacing: .05em; }
#F300Top h2 em { font-size: 60%; font-style: normal; letter-spacing: -.06em; margin-left: .2em; vertical-align: .1em; }

@media (max-width: 338px) {  #F300Top h2 em { display: block; } }
@media (min-width: 325px) and (max-width: 360px) {  #F300Top h2 em { font-size: 50%; } }

#F300Top p { color: #fff; letter-spacing: .05em; margin: 0; z-index: 10; }

#F300TopName { position: absolute; top: 50px; left: 10%; font-size: 125%; }
#F300TopName span { padding-top: .25em; display: block; }

#F300TopCopy {
 position: relative; color: #ddd; font-size: 94%; font-weight: bold; line-height: 2; padding: 0 0 22px 10%; }

@media (min-width: 560px) {
  #F300EInner { background-position: center center; background-size: cover; }
  #F300Top { padding-top: 340px; }
  #F300Top h1, #F300Top h2, #F300Top p { left: 8%; }
  #F300TopName { top: 50px; font-size: 113%; letter-spacing: .1em; }
  #F300TopName span { display: inline; }
  #F300Top h1 { top: 90px; font-size: 113%; }
  #F300Top h2 { top: 120px; font-size: 188%; margin-left: -.1em; }
  #F300Top h2 em { font-size: 73%; vertical-align: 0; }
  #F300TopCopy { position: absolute; top: 200px; color: #eee; padding: 0; }
}

#F300PV { background: #eee; }

#F300PV, #productF300 { width: 100%; margin: 0; padding: 40px 0; position: relative; }

#F300PV h2, #F300PV h2, #productF300 h2, #productF300 h3 {
 font-size: 157%; text-align: center; letter-spacing: .05em; margin: 0 auto; position: relative; }

#F300Series h2 span, #productF300 h3 em {
 color: #888; font-size: 48%; padding-top: .5em; letter-spacing: .1em; display: block; }

#F300-03 h2 { letter-spacing: .2em; }
#F300-03 h2:before { content: ''; width: .1em; height: 0; display: inline-block; }

#F300-02 p {
 font-size: 94%; line-height: 2; letter-spacing: .05em; max-width: 460px; margin: 24px auto 0; padding: 0 3em; }
#F300-02 p br:nth-of-type(1) { display: none; }

@media (max-width: 338px) { #F300-02 p { padding: 0 2em; } }

#F300Mov { margin-top: 30px; }

#F300Video { width: 100%; max-width: 480px; height: auto; margin: 0 auto; display: block; }

#productF300 { background: #f3f3f3; border-top: 1px solid #fcfcfc; }
#F300-03 section { padding-top: 30px; }

#productF300 h3 { font-size: 125%; margin: 0 30px; padding-top: 24px; border-top: 1px solid #d7d7d7; }
#productF300 h3 em { font-size: 60%; font-style: normal; padding-top: .5em; }

.psSec01, .psSec02 { margin: 18px 30px 0; padding: .25em .35em 0; border-top: 2px solid #fff; }

#productF300 p { font-size: 94%; line-height: 1.8; letter-spacing: .05em; margin: 1em 0 0; }

#F300-About figure {
 background: url(../f300/images/illust.png) no-repeat 0 0; background-size: cover;
 width: 273px; height: 200px; margin: 20px auto 35px; position: relative; }

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

#F300-Usability figure, #F300-Reliability figure {
 width: 320px; height: 180px;
 background: url(../f300/images/im01.jpg) no-repeat 0 0; background-size: cover;
 margin: 20px auto 5px; position: relative; }
 #F300-Reliability figure { background-position: 0 -180px; }

.PSH3-03 em, .PSH3-04 em { display: block; }

#F300-Reliability p br:nth-of-type(2), .F3Res02 br { display: none; }

.F3Res02 { margin-top: 10px; padding-top: 30px; position: relative; }
.F3Res02:after {
 content: '...'; position: absolute; top: -96px; left: 0; text-align: center; width: 100%; display: block;
 color: #fff; font-size: 563%; text-shadow: rgba(0,0,0,.1) -1px -1px 1px; }

#F300LIM { margin: 15px auto 45px; }

#EIMillust, #EIMphoto { position: relative; }

#EIMillust {
 background: url(../f300/images/illust.png) no-repeat 0 -200px; background-size: 115%;
 width: 238px; height: 200px; margin: 0 auto; }

#EIMphoto {
 background: url(../f300/images/f300l.jpg) no-repeat 0 0; background-size: cover;
 width: 264px; height: 184px;  margin: 40px auto 0; }

#F300NIM { margin-top: -10px; }

#F300Nphoto, #F300JointOff {
 background: url(../f300/images/300n.jpg) no-repeat 0 0; background-size: cover;
 width: 216px; height: 189px; margin: 0 auto; display: block; }

#F300JointOff { background-position: -204px 0; padding: 0 3em; position: relative; }
#F300JointOff figcaption { bottom: -10px; }
#F300NMillust {
 width: 244px; height: 180px; margin: 40px auto 0;
 background: url(../f300/images/illust.png) no-repeat 0 -400px; background-size: 112%; }

#F500Inner { padding-top: 30px; }

#F500Inner h4, #F500Inner p { margin: 0; }
#F500Inner h4 { font-size: 150%; text-align: center; letter-spacing: .075em; margin: -5px 0 0; }
#F500Inner h4 span { font-size: 108%; }
#F500Inner p { margin: 1em 0 0; }
#F536 {
 width: 200px; height: 220px; margin: 20px auto 0;
 background: url(../f300/images/f536.jpg) no-repeat 0 0; background-size: cover; }

#fuelType {
 width: 200px; height: 184px; margin: 40px auto 0; position: relative;
 background: url(../f300/images/fuel_type.jpg) no-repeat 0 0; background-size: cover; }
#fuelType figcaption { width: 100%; }

#fuelType:before {
 content: ''; position: absolute; top: -20px; left: -25%;
 background: #ccc; width: 100%; height: 2px; padding: 0 25%; display: block; }

#F300-Quality { margin-top: 25px; }
#F300-Quality h4 { color: #595959; font-size: 107%; text-align: center; letter-spacing: .075em; margin: 1em 0 0; }
#F300-Quality p { margin: 0; padding-top: 1.25em; }
#F300-Quality figure {
 width: 100%; height: 200px; margin: 20px 0 0;
 background: url(../f300/images/reliability.jpg) no-repeat 0 0; background-size: cover; }

#F300-Purchase { text-align: center; width: 100%; margin: 0; padding: 40px 0 0; }
#F300-Purchase p { margin: 0 auto; display: inline-block; }
#F300-Purchase .SXLink { font-size: 113%; font-weight: bold; }
#F300-Purchase .SXLink a { padding: 1em 1.8em 1em 2.2em; }

@media (max-width: 340px) {
  #F300-About h3 { font-size: 119%; letter-spacing: 0; }
  #F300-About figure { width: 219px; height: 160px; margin: 10px auto 30px; position: relative; }
  #F300-About figcaption { margin-left: -2.5em; } }

@media (min-width: 560px) {
  .PS300 { min-height: 280px; position: relative; }
  #F300-About figure { float: right; width: 240px; height: 176px; margin: 25px 10px 0 0; }
  #F300-About figcaption {
  bottom: -45px; width: 16em; line-height: 1.5; padding-left: 1em; display: block; white-space: normal; }
  #F300-Usability .psSec01 { padding-top: 1em; }
  #F300-About .psSec01 p:nth-of-type(2) { float: left; width: 52%; }
  #F300-Usability figure { position: absolute; top: 120px; left: 0; width: 288px; height: 162px; }
  #F300-Usability p { padding-left: 52%; }
  #F300-Usability p br:nth-of-type(1), #F300NMillust, .psSec02 br, #fuelType:before { display: none; }
  #F300-Reliability figure {
  position: absolute; top: 128px; right: 0; background-position: 0 -162px; width: 288px; height: 162px; }
  #F300-Reliability p { padding-right: 52%; }
  #F300-Resolve { padding-bottom: 15px; }
  #F300LIM { margin-top: 15px; padding: 0 4%; }
  #EIMillust { float: left; margin: 0; }
  #EIMphoto { float: right; margin: 10px 0 0; }
  #F300NIM { padding: 0 6%; }
  #F300Nphoto { float: left; width: 194px; height: 170px; margin: 0; }
  #F300JointOff { float: right; background-position: -204px 0; width: 265px; height: 170px; margin-top: 5px; padding: 0; }
  #F300JointOff figcaption { margin-left: -1em; }
  #F500Inner { position: relative; }
  #F500Inner:before, #F536 { position: absolute; top: 30px; margin: 0; }
  #F500Inner:before { content: ''; left: 60%; background: #ddd; width: 2px; height: 92%; display: block; }
  #F536 { left: 0; }
  #F500Inner h4 { position: absolute; top: 100px; left: 220px; width: 4em; margin: 0; }
  #F500Inner p { float: left; width: 56%; margin: 0; margin-top: 230px; }
  #fuelType { float: right; margin: 0; }
  #F300-Quality { margin-top: 5px; }
  #F300-Quality figure { width: 100%; max-width: 460px; height: 220px; margin: 20px auto 0; }
  .psSec01:after, #F300LIM:after, #F500Inner:after { content: ""; clear: both; display: block; height: 0; }
}

@media (min-width: 560px) and (max-width: 599px) {
  #F300-About figure { width: 205px; height: 150px; margin: 40px 0 0; }
  #F300-About figcaption { padding: 0; }
  #F300-Usability .psSec01 { padding-top: .25em; }
  #F300-Usability figure { left: -25px; }
  #F300-Reliability figure { right: -25px; top: 140px; }
  #F300LIM { padding: 0; }
  #EIMillust { background-position: 0 -180px; width: 214px; height: 180px; }
  #EIMphoto { width: 238px; height: 166px; }
  #F300NIM { padding: 0; }
  #F500Inner:before { left: 53%; height: 93%; }
  #F500Inner h4 { top: 265px; left: 0; }
  #F500Inner p { width: 50%; margin-top: 265px; } }

@media (min-width: 660px) {
  #F300-Usability figure { left: 4.6%; } #F300-Reliability figure { right: 4.6%; } #F300NIM { padding: 0 8%; } }

@media (min-width: 700px) {
  #F300-Usability figure { left: 7%; } #F300-Reliability figure { right: 7%; }
  .psSec01, .psSec02 { margin: 18px 50px 0; } #productF300 h3 { margin: 0 50px; } }

/* FG300 Buy */
#F300BuySec h2 strong { margin: 5px 0; display: block; }

#buyF300Image {
 position: absolute; top: 225px; left: 50%; margin-left: -84px;
 background: url(../f300/images/f300_buy.jpg) no-repeat 0 0;
 width: 133px; height: 174px; background-size: cover; z-index: 1; }

#F300Buy #selectMake { margin-top: 30px; }

#purchaseGuideFG300 {
 font-size: 94%; line-height: 1.8; letter-spacing: .05em;
 margin: 200px 0 0; padding: 0 .5em 0 1.15em; z-index: 10; position: relative; }
#purchaseGuideFG300 small { font-size: 88%; }
#purchaseGuideFG300 br:nth-of-type(2) { display: none; }
#purchaseGuideFG300 span { color: #883300; font-weight: bold; }

.SL-eoc h4 { font-size: 100%; padding-bottom: 16px; }
.SL-eoc h4 em { font-size: 138%; font-style: normal; margin: 0 .15em 0 .25em; }
.SL-eoc h4 span { font-size: 94%; letter-spacing: .05em; vertical-align: .1em; }

.SL-eoc .MLNum em { letter-spacing: .1em; }


#F300Buy .makeList { padding: 25px 25px 40px; }
#F300Buy .makeList li { font-size: 82%; }

@media (max-width: 540px) {  .SL-eoc h4 .spBlock { padding-bottom: .53em; } }

@media (min-width: 541px) {
  #F300BuySec h2 { margin: 10px 0 0 30%; }
  #buyF300Image { top: 80px; left: 10%; margin: 0; }
  .SL-eoc h4 .spBlock { display: inline; }
  #purchaseGuideFG300 { margin-top: 50px; }
}

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

#FS01 { padding: 430px 0 35px; position: relative; }

#FS01 h1, #FS01 h2, #FS01 h2 span {
 background-image: url(../sus/images/sus.png); background-repeat: no-repeat; background-size: 300px 218px; }

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

#FS01 h1 { top: 78px; background-position: 0 0; width: 300px; }
#FS01 h2 { top: 114px; background-position: 0 -36px; width: 220px; }

#FS01 h2 span {
 background-position: -182px -72px;
 position: absolute; top: 5px; left: 150px; width: 36px; height: 17px; display: block; }

#FSTopName {
 position: absolute; top: 40px; left: 7%;
 color: #ccc; font-size: 100%; letter-spacing: .05em; margin: 0; z-index: 99; }

#FSTopCopy { color: #ddd; max-width: 530px; margin: 0; padding: 0 2.5em; z-index: 99; }

#FSCG {
 background: url(../sus/images/sus-cg.jpg) no-repeat 0 0; background-size: cover;
 position: absolute; top: 155px; left: 50%; width: 280px; height: 249px; margin-left: -145px; z-index: 1; }

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

#FS02, #FS03, #FS04 { max-width: 520px; margin: 0 auto; padding: 40px 20px; position: relative; }
#FS02 { padding-bottom: 70px; }

#FS02 h2, #FSAnime h3, #FS03 h2, #FS04 h2 { font-size: 163%; }
#FS02 h2 { letter-spacing: .2em; }
#FS02 h2:before { content: ''; width: .1em; height: 0; display: inline-block; }

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

#FS02 p, #FSIGuide, #FS02 p.susPatent { z-index: 10; position: relative; }
#FS02 p, #FSIGuide { font-size: 94%; line-height: 1.8; letter-spacing: .05em; margin: 0; }

#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;
 width: 245px; height: 259px; margin: 10px auto 0; z-index: 1; position: relative; }

#SusPin figcaption {
 position: absolute; bottom: -1.25em; left: -1em; font-size: 88%; text-align: center;
 width: 100%; white-space: nowrap; }

#FSAnime { margin: 0 auto; padding: 10px 0 40px; position: relative; }
#FSAnime:before {
 content: ''; position: absolute; top: -20px; left: 50%;
 background: #fff; width: 92%; height: 2px; margin-left: -46%; display: block; }

#FSAnime h3 { color: #444; font-size: 150%; text-align: center; margin: 0; letter-spacing: .05em; }

#SUSAnimation { background: #f3f3f3; max-width: 480px; margin: 30px auto 0; padding: 0 15px; }

#SUSAnimation img, #SUSVideo { width: 100%; height: auto; -webkit-border-radius: 10px; border-radius: 10px; }

#SUSAnimation p { margin: 0; }

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

body#SUSMov { background: #000; min-width: 100%; overflow: hidden; }

body#SUSMov,
#FSPage .lity-iframe .lity-container, #FSPage .lity-content,
#FSPage .lity-iframe-container, #FSPage .lity-iframe-container iframe { width: 100%; height: auto; }

#FS03 { padding-bottom: 10px; }
#FS03 p { font-size: 100%; line-height: 2; letter-spacing: .1em; max-width: 20em; margin: 0 auto; padding: 0 .5em; }
#FS03 .padTop02 { padding-top: 1.5em; }

#FS03 figure { text-align: center; width: 80%; max-width: 250px; margin: 25px auto; }
#FS03 img { width: 100%; height: auto; }

#FSIInfo {
 color: #795e45; font-size: 107%; font-weight: bold; text-align: center;
 line-height: 1.8; letter-spacing: .1em; margin: 1.5em 0 0; }

#FSIInfo span { display: block; }

#FS04 { padding-bottom: 30px; }
#FS04 .padTop02 { padding-top: 1.5em; }
#FSIGuide { line-height: 1.8; padding: 0 1.5em; }

#FSItemNum { background: #fff; margin: 1.5em 0 0; padding: 20px; }
#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; }

@media (max-width: 340px) { #FSIInfo { font-size: 100%; } }
@media (max-width: 540px) { #FSItemNum br { display: none; } }

@media (min-width: 560px) {
  #FS01 { padding-top: 260px; }
  #FS01 h1 { top: 88px; }
  #FS01 h2 { top: 124px; }
  #FSCG { top: 40px; margin-left: 0; left: 57%; width: 235px; height: 205px; }
  #FSTopCopy br { display: none; }
  #SusPin { margin-top: -50px; }
  #FS03 p { float: left; max-width: 15em; padding: 50px 0 0; }
  #FS03 .padTop02 { margin-top: 100px; padding: 0; }
  #FS03 figure { float: right; }
  #FS03 div:after { content: ""; clear: both; display: block; height: 0; }
}

@media (min-width: 620px) {
  #FS01 h1 { top: 118px; } #FS01 h2 { top: 154px; }
  #FSTopName { top: 50px; } #FSTopCopy { margin: 0 auto; } }

/* -------------------------------------------
 Online Shp
------------------------------------------- */
#shopEyecatch { background: #553927; }

#shop01 { height: 330px; position: relative; overflow: visible; }

#shop02 span, #SIJet, .SIContainer figure, #SICRisefit h2, #SICLifter h2, #SILColor {
 background-image: url(../shop/images/common@2x.png); background-repeat: no-repeat; }

#SETitle01, #SETitle02, #shop01 h1 {
 position: absolute; left: 13%; color: #fff4ec; margin: 0; z-index: 10; }

#shop01 h1 { top: 125px; font-size: 125%; letter-spacing: .05em; }
#shop01 p { letter-spacing: .075em; }
#SETitle01 { top: 40px; font-size: 188%; }
#SETitle02 { top: 75px; font-size: 225%; }

#SEIM {
 position: absolute; top: 125px; left: 50%; width: 150px; height: 150px; margin-left: -75px; z-index: 1;
 background: url(../shop/images/common@2x.png) no-repeat -300px 0; background-size: 450px 540px; }

#SEItem {
 position: absolute; top: 280px; 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: 306px 174px; position: absolute; }
.SIContainer .BSXItem figure { background: none}

#SEItem01 { top: 10px; left: 3%; background-position: 0 0; width: 87px; height: 78px; }
#SEItem02 { top: 10px; left: 50%; background-position: -90px 0; width: 96px; height: 75px; margin-left: -42px; }
#SEItem03 { top: 0; right: 3%; background-position: 0 -81px; width: 72px; height: 94px; }
#SEItem04 { top: -2px; right: 31%; background-position: -90px -81px; width: 103px; height: 90px; }
#SEItem05 { top: 5px; right: 17%; background-position: -186px 0; width: 120px; height: 83px; }
#SEItem06 { top: 5px; right: 1%; background-position: -195px -84px; width: 88px; height: 90px; }

@media (max-width: 559px) { #SEItem04, #SEItem05, #SEItem06 { display: none; } }

@media (min-width: 560px) {
  #shop01 { height: 260px; }
  #SETitle01, #SETitle02, #shop01 h1 { left: 12%; }
  #SETitle01 { top: 60px; } #SETitle02 { top: 95px; } #shop01 h1 { top: 145px; }
  #SEIM { top: 30px; left: 60%; margin: 0; }
  #SEItem { top: 200px; }
  #SEItem01 { top: 10px; left: 1%; } #SEItem02 { left: 25%; } #SEItem03 { left: 36%; } }

@media (min-width: 610px) { #SEItem03 { left: 37%; } }
@media (min-width: 630px) { #SEItem02 { margin-left: -45px; } }
@media (min-width: 700px) { #SEItem02 { left: 24.5%; } #SEItem04 { right: 32%; } }

#shopNavi { background: #f3f3f3; padding-bottom: 30px; }

#shop02 {
 display: -webkit-flex; display: flex; justify-content: space-between; flex-flow: row wrap;
 margin: 0 auto; padding: 30px 20px 20px; border-top: 1px solid #fff; }

#shop02 p { background: #fff; width: 47%; height: 70px; margin: 5.75% 0 0; position: relative; z-index: 102; }
#shop02 a { width: 100%; height: 100%; position: relative; z-index: 999; }


.android4 #shop02 { display: block; padding: 30px 2% 20px; }
.android4 #shop02 p { float: left; width: 44%; margin: 5.75% 3% 0; position: relative; z-index: 120; }

#shop02 span {
 position: relative; background-size: 480px auto; height: 68px; margin: 0 auto; display: block; z-index: 5; }

#SN001 span { background-position: 0 -165px; width: 100px; }
#SN002 span { background-position: -160px -165px; width: 100px; }
#SN003 span { background-position: -320px -165px; width: 117px; }
#SN004 span { background-position: -320px -245px; width: 94px; }
#SN005 span { background-position: 0 -245px; width: 143px; }
#SN006 span { background-position: -160px -245px; width: 143px; }
#SN007 span { background-position: 0 -323px; width: 101px; }
#SN008 span { background-position: -160px -323px; width: 122px; }
#SN009 span { background: url(../shop/images/bike-navi.png) no-repeat 0 9px / 99px auto; width: 99px}

#SNaviInfo {
 color: #22823e; font-size: 94%; font-weight: bold; text-align: center; letter-spacing: .05em;
 margin: 0 auto; padding: 0 20px; }
#SNaviInfo small { font-size: 82%; margin-left: -.2em; }

@media (max-width: 565px) { #SNaviInfo { line-height: 1.8; max-width: 18em; } }

#shopMyAccount { margin: 0; padding: 20px 20px 0; }
#shopMyAccount section { background: #fff; margin: 0 auto; padding: 20px 20px;  }

#shopMyAccount h3, #shopMyAccount p { font-size: 82%; text-align: center; letter-spacing: .05em; margin: 0 auto; }
#shopMyAccount p { margin: 1em 0 0; }

#shopMyAccount span { font-size: 108%; letter-spacing: 0; margin: 1em 0 0; }

@media (max-width: 420px) { #shopMyAccount h3 { line-height: 1.5; max-width: 13em; } }

@media (min-width: 560px) {
  #shop02 { padding-bottom: 25px; } #shop02:after { content: ''; width: 30%; display: block}
  #shop02 p { width: 31%; margin-top: 3.4%; }
  .android4 #shop02 p { width: 30%; margin: 3.4% 1.6% 0; }
  #shopMyAccount { padding-top: 25px; }
  #shopMyAccount span { font-size: 100%; margin: 0 0 0 1em; display: inline; }}

#shopItems { background: #ddd; border-top: 1px solid #fff; }

#shop03 { margin: 0 auto; padding: 0 15px 40px; }

.SIContainer, #SICRisefit, #SICLifter { width: 100%; padding: 25px 0 3px; position: relative; }

.SIContainer { background: #fff; overflow: hidden; }

.stage section.SIContainer, #SICRisefit, #SICLifter { margin: 40px 0 0; }
.SICDouble { padding-top: 30px; border-top: 2px solid #9bcfe5; position: relative; }

.SIContainer figure, .SICDouble figure {
 position: absolute; top: 32px; left: 0; width: 40px; height: 36px; background-size: 300px auto; }
.SIContainer figure { z-index: 0}

#SICsx figure { top: 14px; background-position: 0 -65px; }
#SICjet3 figure { background-position: -260px -325px; }
#SICfg figure, #SICfg-ns figure { background-position: -50px -65px; }
#SICsus figure { background-position: -150px -65px; }
#SICfN300 figure, #SICfL300 figure { background-position: -100px -65px; }
#SIBikeIco { top: 15px; background: url(../shop/images/bike-icon.png) no-repeat 0 0 / 40px 30px; }

@media (max-width: 390px) { #SICjet3 figure { top: 20px}}

.SIContainer h2, .SIEnName { text-align: center; }

.SIContainer h2 { font-size: 125%; font-weight: normal; letter-spacing: 0; margin: 0; position: relative; z-index: 2}
.SIContainer h2 em { font-style: normal; letter-spacing: .1em; }

.SIEnName { font-size: 113%; text-align: center; letter-spacing: .1em; margin: 8px -.1em 0 0; }

.SENSX { color: #d96279; }
.SENFG { color: #29a2d9; }
.SENSus { color: #5c8ecc; }
.SENf300 { color: #008945; }

#SICXNotice, #SIJet3Notice { font-size: 88%; text-align: center; letter-spacing: .05em; margin: 1.25em auto 0; }
#SIJet3Notice { color: #22823e; }

#bikeSXNotice { font-size: 88%; line-height: 1.8; letter-spacing: .05em; margin: 0 0 -4px; padding: 1.25em 25px 0}
.bikeSXSold { color: #c30}

#bikeSXInfo { max-width: 400px; margin: 30px auto 0; padding: 0 20px 10px}

.BSXItem { width: 100%; height: 90px; position: relative}

.BSXIWrapp { color: #0e7eb5; text-decoration: none; border: 1px solid #ddd; display: block}
.BSXIWrapp:nth-of-type(2) { margin-top: 20px}

#SICBike .BSXCIM { top: 0; left: 0; width: 135px; height: 90px}
#bikeSXInfo img { width: 100%; height: auto}

.BSXKind { font-size: 88%; line-height: 1.4; font-weight: bold; letter-spacing: .06em; margin: 0; padding: 15px 15px 0 152px; position: relative}
.BSXKClick {
  position: absolute; bottom: 20px; left: 152px; color: #f27200; font-size: 82%; font-weight: normal; display: block}

@media (max-width: 345px) { #bikeSXInfo { padding: 0 15px 10px} .BSXKind { font-size: 82%; padding: 15px 10px 0 150px} .BSXKClick {font-size: 82%}}
@media (min-width: 435px) {
  .BSXKind { text-align: center; padding: 25px 0 0 135px}
  .BSXKClick { left: 135px; bottom: 25px; text-align: center; width: calc(100% - 135px)}}

@media (max-width: 409px) { #SIJet3Notice { max-width: 19em; } }
@media (min-width: 410px) and (max-width: 420px) { #SIJet3Notice { max-width: auto; } }

@media (max-width: 420px) {
  .SIContainer h2 { font-size: 107%; line-height: 1.4; font-weight: bold; }
  .SIContainer h2 em { line-height: 1.5; margin: 0 -.1em 0 0; display: block; }
  .SICDouble figure { top: 45px; }
  #SICXNotice { line-height: 1.6; max-width: 16em; } }

@media (max-width: 325px) { #SICsx h2, #SICjet3 h2, #SICBike h2 { font-size: 100%} #SICsx em, #SICjet3 em, #SICBike em { font-size: 107%}}

@media (min-width: 410px) and (max-width: 740px) { #SIJet3Notice { line-height: 1.6; padding: 0 10px; } }

.SIList {
 font-size: 88%; width: 100%; margin: 25px 0 0; border: none; border-collapse: separate; border-spacing: 0; }

.SIList thead, .siScrew br, .SIList .siScrew.noAfter:after { display: none; position: relative; }
.siScrew .SISBR { display: block; }

@media (max-width: 360px) { .siScrew .SISBR32 { display: block; } }

.SIList tbody, .SIList tr { display: block; }
.SIList tbody { border-top: 1px solid #ddd; }
.SIList tr { padding: 10px 0 30px; }
.SIList td { text-align: center; letter-spacing: .05em; display: block; }

.SIList td.proNum { width: 47%; }
.SIList td.siScrew { width: 51%; }
.SIList .siPrice, .SIList .ALtd01, .SIList .spLink, .SIList .soonRelease { width: 48%; }

.SIList .proNum, .SIList .siPrice, .SIList .ALtd01 { float: left; }
.SIList .siScrew, .SIList .spLink, .SIList .soonRelease { float: right; }

.SIList .proNum { color: #007eb2; font-size: 163%; letter-spacing: .1em; padding: .75em 0 0; }
.SIList .siScrew { font-size: 93%; line-height: 1.6; letter-spacing: .1em; padding: 1.5em 0 0; }
.SIList .siScrew.noAfter { padding-top: 2.5em; }

@media (max-width: 420px) { .SIList .proNum { font-size: 150%; letter-spacing: .05em}}

.SIList .proNum:before, .SIList .siScrew:after, .SIList td.siAdapt:before, .SIList .siPrice:before, .SIList .ALtd01:before {
 color: #555; font-size: 11px; display: block; }
.SIList .proNum:before { content: "品　番"; font-size: 11px; margin-bottom: 5px; }
.SIList .siScrew:after { content: "ネジサイズ (締付トルク)"; font-size: 11px; letter-spacing: 0; }

.SIList td.siIM { padding: 15px 0; clear: both; }
.siIM a { width: 160px; height: 116px; margin: 0 auto; display: block; overflow: hidden; }

.SIList td.siAdapt { font-size: 88%; text-align: left; line-height: 2; padding: 0 1.5em 1em; }
.SIList td.siAdapt:before { content: "[ 適用車種・備考 ]"; text-align: center; }

.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 .siPrice, .SIList .ALtd01 { font-size: 107%; padding: .3em 0 0; }
.SIList .siPrice:before, .SIList .ALtd01:before { content: "特別価格"; letter-spacing: .2em; margin: 0 -.2em 6px 0; }

.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; }

.soonRelease span {
 color: #fff; background: #999; font-size: 16px; font-weight: bold; margin-top: 1px; padding: .65em .6em .65em .75em;
 -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; }

.proNum, .siScrew, .cartIN, .siPrice, .soonRelease { white-space: nowrap; }

@media (min-width: 560px) {
  #SICsx figure { top: 32px; }  .SIList { margin-top: 20px; }
  #SICXNotice { padding-bottom: .4em; }
  .SIList tr { padding-bottom: 20px; }
  .SIList td.proNum, .SIList td.siScrew, .SIList td.siIM { width: 33%; }
  .SIList td.proNum { padding-top: 2em; }  .SIList td.siScrew { padding-top: 4em; }
  .SIList .siScrew.noAfter { padding-top: 5em; }  .SIList td.siIM { float: left; clear: none; }
  .SIList td.siAdapt { width: 360px; margin: 0 auto; position: relative; clear: both; }
   .SIList td.siAdapt:after {
   content: ''; position: absolute; bottom: 5px; left: 0; background: #ddd; width: 100%; height: 1px; display: block; }
  #SICfg .SIList td.siAdapt  { width: 480px; }
  .SIList td.siaCent, #SICfg-ns .SIList td.siAdapt,
  #SICfN300 .SIList td.siAdapt, #SICfL300 .SIList td.siAdapt { text-align: center; }
   .SIList .siPrice, .SIList .ALtd01 { text-align: right; width: 35%; margin-top: 8px; }
   .SIList .spLink, .SIList .soonRelease { text-align: left; width: 35%; margin-top: 8px; }  }

#SICsus { position: relative; }

#SISImage {
 position: absolute; bottom: 140px; left: 50%;
 background-position: -147px -132px; background-size: 500px 285px;
 width: 169px; height: 147px; margin-left: -84px; display: block; opacity: .7; z-index: 1; }

#SISusInfo {
 font-size: 94%; line-height: 1.8; text-align: left; letter-spacing: .1em;
 margin: 25px auto 0; padding: 23px 30px 0; border-top: 1px solid #ddd; }
@media (max-width: 420px) { #SISusInfo br { display: none; } }

#SISAction { position: relative; text-align: center; margin: 160px auto 0; padding-bottom: 30px; z-index: 10; }

#SISAction a, #SICRbt a, #SICLbt a {
 color: #fff; font-size: 94%; text-decoration: none; letter-spacing: .075em;
 width: 11em; margin-right: -.1em; padding: .85em 1em .725em; display: inline-block;
 cursor: pointer; overflow: hidden; z-index: 1; }

#SISContactBT, #SISDetailBT { margin: 1em 0 0; }
#SISContactBT a { background: #00a2d5; }
#SISDetailBT a { background: #999; }

@media (min-width: 540px) {
  #SISImage { left: 10%; bottom: 15px; margin: 0; }
  #SISusInfo { text-align: center; margin-top: 20px; }
  #SISAction { margin: 40px 0 0; padding-left: 40%; }  }

@media (min-width: 620px) {  #SISImage { left: 13%; }  #SISAction { padding-left: 35%; }  }

#SICRisefit, #SICLifter { background: #7e4949; padding-bottom: 33px; }
#SICLifter { background: #33445e; }

#SICRisefit h2, #SICLifter h2 { background-size: 450px 540px; }
#SICRisefit h2 { background-position: 0 -382px; width: 175px; height: 60px; margin: 10px auto 0; }
#SICLifter h2 { background-position: -225px -382px; width: 188px; height: 80px; margin: 10px auto 0; }

#SICRisefit figure {
 position: absolute; top: 115px; left: 50%; background-position: -296px -127px;
 background-size: 461px 264px; width: 134px; height: 137px; margin-left: -68px; }

#SICRCopy, #SICLCopy {
 color: #fff; font-size: 107%; line-height: 1.6; font-weight: bold; letter-spacing: .05em;
 margin: 160px 0 0; padding: 0 1.5em 0  2em; }
#SICLCopy { text-align: center; margin: 160px 0 0; }

#SICLifter figure {
 position: absolute; top: 130px; right: 20%; width: 195px; height: 136px;
 background-position: -302px 0; background-size: 498px 283px; }

#SILColor {
 position: absolute; top: 190px; left: 20%; width: 104px; height: 50px;
 background-position: -368px -336px; background-size: 480px 576px; }

@media (max-width: 358px) {
  .SIList td.proNum { width: 47%; } .SIList td.siScrew { width: 52%; }
  #SICLCopy { letter-spacing: .075em; width: 11em; margin: 160px auto 0; }
  #SICLifter figure { right: 15%; } #SILColor { left: 15%; } }

#SICRbt, #SICLbt { text-align: center; margin: 0 auto; }

#SICRbt, #SICLbt { margin-top: 25px; }

#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; }

@media (min-width: 540px) {
  #SICRisefit figure { top: 105px; left: 7%; margin: 0; }
  #SICRCopy { max-width: 19em; margin-top: 38px; padding-left: 35%; }
  #SICLifter h2 { margin: 28px 0 0 60px; }  #SICLifter figure { top: 30px; right: 7%; }
  #SILColor { top: 70px; left: 55%; }  #SICLCopy { margin-top: 25px; }  #SICRbt { margin-top: 40px; }  }

@media (min-width: 600px) {
  #SICRisefit figure { left: 10%; }  #SICRCopy { padding-left: 40%; }
  #SICLifter h2 { margin-left: 12%; }  #SICLifter figure { right: 10%; }  #SILColor { top: 62px; left: 52%; }   }

@media (min-width: 700px) {
  #SICRisefit figure { left: 13%; }  #SICRCopy { padding-left: 46%; }
  #SICLifter h2 { margin-left: 14%; }  #SICLifter figure { right: 13%; } }

/* -------------------------------------------
 Model List
------------------------------------------- */
#modelListEyecatch { background: #eaebec; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }

#Mlist01 {
 background: url(../model_list/images/sp-title.jpg) no-repeat 72% top; background-size: cover;
 height: 350px; position: relative; }

#Mlist01 h1, #Mlist01 h2 {
 background-image: url(../model_list/images/model_list@2x.png); background-repeat: no-repeat; background-size: 245px 214px; }

#Mlist01 h1, #Mlist01 h2 { position: absolute; left: 10%; width: 243px; margin: 0; }

#Mlist01 h2 { top: 30px; background-position: 0 0; height: 26px; }
#Mlist01 h1 { top: 64px; background-position: 0 -36px; height: 36px; }
#Mlist01 p { color: #666; font-size: 94%; letter-spacing: .2em; margin: 0; padding: 110px 0 0 10%; }

#Mlist02 #selectMake { margin: 40px auto 0; }

.SMML { max-width: 560px; margin: 0; padding: 0 20px; }

#Mlist02 h2, #Mlist04 h2 { font-size: 163%; text-align: center; margin: 0; }

#Mlist02 h2 span, #Mlist04 h2 span {
 color: #777; font-size: 50%; margin-left: -.2em; padding-top: .5em; letter-spacing: .2em; display: block; }

#Mlist02 .buySelectContainer { padding: 20px 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: 240px; margin: 0 auto; padding: .5em 0;
 -webkit-border-radius: 5px; border-radius: 5px; position: relative; }

#MLCaution a:link, #MLCaution a:visited { color: #fff; text-decoration: none; }

#Mlist03 { background: #f3f3f3; width: 100%; padding: 5px 0 40px; }

#Mlist03 #selectItem { width: auto; max-width: 560px; padding: 0 20px; border: none; }
#Mlist03 .makeList { margin: 30px auto 0; padding: 25px 20px; }

#Mlist03 .makeList h4, #Mlist03 .MLType { padding-bottom: 20px; }
.MLCap { display: none; }

.MLScrew {
 color: #908075; font-size: 75%; text-align: center; letter-spacing: .05em;
 margin: 1em 0 0; position: relative; }
.MLScrew:before { content: "ネジサイズ (締付トルク) : "; letter-spacing: 0; display: inline; }

@media (max-width: 345px) { #Mlist01 { background-position: 69% top; } .MLScrew { font-size: 69%; } }

.makeList p.MLIN { min-height: 35px; margin: 18px 0 0; position: relative; }

.makeList p.MLIN a {
 background: #00a2d5; color: #fff; font-size: 150%; text-decoration: none; text-align: center;
 letter-spacing: .1em; white-space: nowrap; width: 126px;
 margin: 0 auto; padding: 5px 0 3px; display: block; }

.MLIN:before {
 content: "BUY"; position: absolute; top: 13px; left: 50%; margin-left: -102px;
 color: #999; font-size: 75%; font-weight: bold; letter-spacing: .1em; display: block; }

.MLSmall { font-size: 88%; line-height: 1.755; padding: .2em .5em 0; display: block; }

#Mlist04 { max-width: 500px; margin: 0 auto; padding: 40px 20px 30px; border-bottom: 1px solid #ddd; }

#Mlist04 h2 { letter-spacing: .3em; position: relative; }
#Mlist04 h2:before { content: ''; width: .25em; height: 0; display: inline-block; }

#Mlist04 ul {
 font-size: 88%; line-height: 1.6; letter-spacing: .075em; margin: 0 auto; padding: 25px 0 0 1.15em; }

#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; }

@media (min-width: 560px) {
  #Mlist01 { background-position: left bottom; height: 290px; }
  #Mlist01 h1 { top: 74px; } #Mlist01 h2 { top: 40px; } #Mlist01 p { padding-top: 120px; }
  .SMML { padding: 0 30px; }
  .MLScrew { position: absolute; bottom: 32px; left: 3%; }
  .makeList p.MLIN a { position: absolute; top: 0; left: 70%; }
  .MLIN:before { margin-left: 13%; } }

/* -------------------------------------------
 Company
------------------------------------------- */
#compEyecatch { background: #c2c2c2; border-top: 1px solid #fff; }

#comp01 {
 background: url(../company/images/sp-title.jpg) no-repeat left top; background-size: cover;
 width: 100%; height: 420px; position: relative; }
#comp01:after {
 content: ''; position: absolute; top: 0; right: 0; left: 0;
 background: rgba(0,0,0,.3); width: 100%; height: 100%; display: block; z-index: 1; }

#comp01 h1, #comp01 h2 {
 background-image: url(../company/images/company@2x.png); background-repeat: no-repeat;
 background-size: 300px auto; }

#comp01 h1, #comp01 h2, #comp01 p { position: absolute; left: 50%; margin: 0; z-index: 10; }

#comp01 h1 { top: 150px; background-position: 0 0; width: 298px; height: 50px; margin-left: -149px; }
#comp01 h2 { top: 220px; background-position: 0 -58px; width: 112px; height: 28px; margin-left: -56px; }

#comp01 p { top: 260px; color: #ddd; font-size: 82%; letter-spacing: .6em; margin-left: -2.8em; }

@media (min-width: 480px) {
 #comp01 { background-position: left 40%; height: 320px; }
 #comp01 h1 { top: 100px; } #comp01 h2 { top: 170px; } #comp01 p { top: 210px; }}

#compProfile { background: #f3f3f3; }
#compAccess { background: #d9d9d9; }

#comp02, #comp03, #comp04 { margin: 0 auto; padding: 40px 20px; }

#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 { max-width: 500px; }
#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; }

#company h4 { font-size: 88%; text-align: center; letter-spacing: .1em; margin: 10px 0 0 .1em; }

#comp02 p { font-size: 94%; line-height: 2; margin: 1em 0 0; padding: 0 1em; }
#comp02 .padTop01 { padding: 0 1em; }
#comp02 .padTop01:nth-of-type(1) { padding-top: 1em; }

#compProContainer { margin: 15px auto 0; }

#comp03 dl {
 font-size: 88%; line-height: 2; letter-spacing: .05em; width: 100%; max-width: 405px; margin: 0 auto; 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 small { font-size: 93%; word-break: break-all; }

#clientsList { margin: 25px 0 0; }
#clientsList ul { font-size: 94%; letter-spacing: .1em; margin: 0 0 0 .1em; padding: 0; }
#clientsList li { text-align: center; line-height: 1.5; margin: 0 auto; padding: .5em 0; }

@media (max-width: 386px) { #clientsList li { max-width: 18.5em; } }

#comp05 { padding: 40px 0 0; }

#accessGuide { background: #f2f2f2; margin-top: 35px; padding: 30px; border-top: 1px solid #fff; }
#accessGuide h5 { font-size: 107%; margin: 0; }
#accessGuide h5 em { font-style: normal; }

#accessGuide ul { color: #1e1e1e; font-size: 88%; line-height: 2; margin: 0; padding: 1em 0 30px; }
#accessGuide li { padding: .25em 0 0; }
#accessGuide li.ACTransport { padding-top: 1.25em; }

#fumotoBillding {
 background: url(../company/images/company.jpg) no-repeat 0 0; background-size: cover;
 width: 300px; height: 264px; margin: 0 auto; }

/* Google Map */
#ACCMap { background: #fff; width: 100%; margin-top: 30px; position: relative; }

#map_canvas { width: 100%; height: 360px; }

@media (max-width: 359px) { #fumotoBillding { width: 260px; height: 229px; } }

@media (min-width: 560px) {
  #accessGuide ul { float: left; width: 13.5em; padding-bottom: 0; }
  .ACBus, .ACTaxi { display: block; }
  #fumotoBillding { float: right; width: 280px; height: 229px; margin: 1.5em 0 0; }
  #accessGuide:after { content: ""; clear: both; display: block; height: 0; }
  #map_canvas { height: 320px; } }

@media (min-width: 630px) {
  #comp05 { padding: 30px; } #accessGuide { margin: 35px auto 0; } #accessGuide ul { width: 16em; } }

@media (min-width: 680px) { #accessGuide { padding: 30px 50px; } }

/* -------------------------------------------
 Trade Dress
------------------------------------------- */
#tradeDressEyecatch { background: #69826c; border-top: 1px solid #a9b2a9; position: relative; overflow: hidden; }

#tDress01 { height: 400px; position: relative; }

#tDress01 h1, #tDress01 h2, #tDress01 p { position: absolute; left: 0; text-align: center; width: 100%; margin: 0; }

#tDress01 h1 { top: 40px; color: #fff; font-size: 200%; letter-spacing: .1em; margin-left: .1em; }
#tDress01 h2 { top: 110px; color: #e0e5e0; font-size: 125%; letter-spacing: .34em; margin-left: .1em; }
#tDress01 p { top: 138px; color: #e0e5e0; font-size: 132%; letter-spacing: .14em; margin-left: .12em; }

#TDMark {
 position: absolute; top: 170px; left: 50%; width: 200px; height: 200px; margin-left: -100px;
 background: url(../tradedress/images/td_mark.png) no-repeat 0 0; background-size: cover;
 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); }

@media (min-width: 540px) {
  #tDress01 { height: 240px; }
  #tDress01 h1, #tDress01 h2, #tDress01 p { left: 6%; text-align: left; }
  #tDress01 h1 { top: 60px; }
  #tDress01 h2 { top: 130px; }
  #tDress01 p { top: 156px; }
  #TDMark { top: 20px; left: 61%; width: 220px; height: 220px; margin: 0; } }

@media (min-width: 640px) {
  #tDress01 h1, #tDress01 h2, #tDress01 p { left: 9%; }
  #TDMark { top: 10px; left: 58%; width: 240px; height: 240px; } }

#tDress02, #tDress03, #tDress04 { text-align: center; margin: 0 auto; padding: 40px 30px; }

#tDress02 h2, #tDress03 h2 { font-size: 150%; }

@media (max-width: 339px) { #tDress02 h2, #tDress03 h2 { font-size: 132%; } }

#tDress02 h2 span, #tDress03 h2 span {
 color: #777; font-size: 50%; letter-spacing: .1em; margin-left: .1em; padding-top: .5em; display: block; }

#TDTime { font-size: 113%; letter-spacing: .2em; margin: 30px 0 0; }
#TDTime em { color: #a58b42; font-size: 175%; font-style: normal; vertical-align: middle; }

#TDInfo { font-size: 94%; line-height: 1.8; letter-spacing: .05em; margin: .74em auto 0; }

#TDCertificate { max-width: 480px; margin: 0 auto; }

#TDCertificate figure a {
 width: 220px; margin: 30px auto 0; border: 2px solid #ccc;
 display: block; cursor: pointer; overflow: hidden; display: block; }
#TDCertificate figure img { width: 100%; height: auto; }

#TDCertificate figcaption {
 color: #999; font-size: 107%; letter-spacing: .1em; padding-top: .5em; margin-left: .1em; display: block; }

#tDress03, #tDress04 { max-width: 500px; margin: 0 auto; }

#TDWhats { background: #f3f3f3; width: 100%; }

#TDName {
 background: #fff; font-size: 94%; line-height: 1.6; letter-spacing: .1em; text-align: left;
 margin: 25px auto 0; padding: .67em 1.5em .5em; display: inline-block; }

#TDName em { color: #666; font-size: 107%; font-style: normal; }
#TDName em:nth-of-type(1):after { content: ''; display: block; white-space: pre; }

#TDWhats h3 {
 font-size: 125%; letter-spacing: .1em;
 margin: 30px auto 0; padding: 0 2px 9px 4px; border-bottom: 4px solid #fff; display: inline-block; }
#TDWhats h3 em { font-style: normal; }

.TDText { font-size: 94%; text-align: left; line-height: 1.8; margin: 1em auto 0; }
.TDTPad { padding-bottom: 20px; position: relative; }
.TDTPad:after {
 content: '. . .'; position: absolute; bottom: -44px; left: 0;
 font-size: 500%; text-align: center; color: #fff; width: 100%; display: block;
 text-shadow: rgba(0,0,0,.25) -1px -1px 1px; }

#tDress03 p br, #tDress04 p br { display: none; }
#tDress03 p.sp-tdbr br { display: block; }

#tDress04 { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

#tDress04 h3 { margin: 0; }
#tDress04 h3 em {
 color: #666; font-size: 125%; font-style: normal; letter-spacing: .2em;
 padding: 0 0 4px 5px; border-bottom: 4px solid #ccc; }

#tDress04 p {
 color: #666; font-size: 100%; text-align: left; line-height: 1.8; letter-spacing: .15em; margin: 1.25em auto 0; }
#tDress04 p:nth-of-type(1) { margin-top: 2em; }

#TDDesign { margin: 10px auto 0; position: relative; }
#TDDesign:after { content: ""; clear: both; display: block; height: 25px; }

#TDDesign figure { text-align: center; height: 126px; position: relative; }
#TDDesign figcaption {
 position: absolute; bottom: -18px; left: 0; font-size: 94%; letter-spacing: .15em;
 width: 100%; margin-left: -.15em; display: block; }

#TDD01 { float: left; background: url(../tradedress/images/td.png) no-repeat 0 -225px; width: 130px; }
#TDD02 { float: right; background: url(../tradedress/images/td.png) no-repeat -184px -225px; width: 138px; }
#TDD01, #TDD02 { background-size: 322px 351px; }

@media (max-width: 332px) {
  #TDName { padding: .67em 1em .5em; }
  #TDDesign figure { margin: 0 auto; } #TDD01, #TDD02 { float: none; }
  #TDDesign figure#TDD02 { margin-top: 30px; } }

@media (min-width: 360px) { #TDDesign { max-width: 290px; } }
@media (min-width: 400px) { #TDDesign { max-width: 310px; } }

@media (min-width: 530px) {
  #TDInfo { width: 28em; }
  #TDInfo br { display: none; }
  #TDCertificate figure a { width: 200px; }
  #TDCertificate .FLeft { float: left; }
  #TDCertificate .FRight { float: right; }
  #TDCertificate:after { content: ""; clear: both; display: block; height: 0; }
  #TDName { padding: .67em 1em .5em; }
  #TDName em:nth-of-type(1):after { content: ' / '; display: inline; white-space: normal; }
  #TDDesign { max-width: 340px; } }

/* -------------------------------------------
 Q & A
------------------------------------------- */
#QAEyecatch { background: #655e52; border-top: 1px solid #9e9995; position: relative; overflow: hidden; }

#QA01 { height: 400px; position: relative; }

#QA01 h1, #QA01 h2, #QA01 p { position: absolute; left: 0; color: #fff; text-align: center; width: 100%; margin: 0; }
#QA01 h1 { top: 120px; font-size: 163%; }
#QA01 h2 { top: 90px; font-size: 117%; letter-spacing: -.05em; }
#QA01 p { top: 40px; color: #f4f1ed; font-size: 132%; letter-spacing: .108em; margin-left: 3px; }

#QAImage {
 background: url(../qa/images/qa.png) no-repeat 0 -126px; background-size: 224px 315px;
 position: absolute; top: 185px; left: 50%; width: 203px; height: 189px; margin-left: -101px;
 -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); }

@media (min-width: 540px) {
  #QA01 { height: 280px; }
  #QA01 h1, #QA01 h2, #QA01 p { left: 7%; text-align: left; width: auto; }
  #QA01 p { top: 60px; }  #QA01 h2 { top: 110px; }  #QA01 h1 { top: 140px; }
  #QAImage { top: 50px; left: 55%; margin: 0; }  }

#QAContents { background: #f3f3f3; border-top: 1px solid #fff; }

#QA02 { margin: 0 auto; padding: 10px 16px 30px; }

.qaItem { background: #fff; max-width: 500px; margin: 30px auto 0; padding: 7px 10px 10px; }

.qaToggle {
 font-size: 94%; font-weight: normal; text-align: center; line-height: 1.5; letter-spacing: .05em;
 margin: 0; padding-bottom: 24px; display: block; cursor: pointer; overflow: visible; position: relative; }

.qaToggle .gaTsec { display: block; }

.qaToggle a {
 background: #fff6ec; text-align: left; padding: .47em .5em .47em .74em; display: inline-block;
 -webkit-border-radius: 5px; border-radius: 5px; }

@media (max-width: 320px) { .qaToggle a { padding: .47em .5em; }  }
@media (min-width: 414px) { .qaToggle a { padding: .47em 1em; }  }

.qaToggle.active a, .qaToggle.active.qaToggle a { background: #f0fff4; }

.qaToggle:before, .qaToggle:after { content: ''; position: absolute; display: block; }

.qaToggle:before {
 bottom: -2px; left: 50%;
 background: #f59339; width: 18px; height: 18px; margin-left: -9px;
 -webkit-border-radius: 50%; border-radius: 50%; }

.qaToggle.active:before { background: #339e4e; }

.qaToggle:after {
 bottom: 4px; left: 50%; width: 4px; height: 4px; margin: 0 0 1px -3px; z-index: 10;
 border-top: 2px solid #fff; border-right: 2px solid #fff;
 -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.qaToggle.active:after { margin: 0 0 -1px -3px; -webkit-transform: rotate(315deg); transform: rotate(315deg); }

.qaToggle em {
 color: #e7d5c2; font-size: 163%; font-style: normal; text-align: center; letter-spacing: .1em;
 width: 100%; margin-left: .1em; display: block; }

.qaToggle.active em { color: #b2e5be; }

.qaItem div, .qaItem ul { margin: 0; padding: 0; }

.qaItem p, .qaItem li { font-size: 88%; line-height: 2; margin: 0; padding: .5em 1em; }
.qaItem li { margin-left: .75em; }
.qaItem li span { margin-left: -1.75em; }
.qaItem li small { color: #d30; font-size: 75%; margin-right: .35em; vertical-align: .2em; }

@media (min-width: 540px) {  .qaItem p, .qaItem li { padding: .5em 1em .5em 1.25em; }  }

/* -------------------------------------------
 Contact
------------------------------------------- */
#contactEyecatch {
 background: #f7eae9; position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #eee5e2; overflow: hidden; }

#contact01 { height: 320px; position: relative; }

#CTBalloon, #CTNum:before, #CFGuide, #mailformpro .required {
 background-image: url(../contact/images/contact@2x.png); background-repeat: no-repeat; }

#contact01 h1, #contactST, #completionST {
 position: absolute; left: 0; color: #59453e; text-align: center; width: 100%; margin: 0; z-index: 10; }
#contact01 h1 { top: 90px; font-size: 163%; letter-spacing: .1em; margin-left: .1em; }
#contactST { top: 50px; font-size: 125%; letter-spacing: .15em; margin-left: .15em; }

#contactInfo, #CTNInfo {
 line-height: 2; text-align: center; letter-spacing: .075em; width: 100%; margin: 0 0 0 .075em; z-index: 10; }

#contactInfo { position: absolute; top: 235px; left: 0; font-size: 88%; }

#CTBalloon {
 position: absolute; top: 130px; left: 50%; width: 105px; height: 140px; margin-left: -30px;
 background-position: 0 -140px; background-size: 280px 280px; z-index: 1; }

#contact02, #contact03 { margin: 0 auto; padding: 30px 0; }

#contact02 h2, #contact03 h2 { color: #666; font-size: 107%; text-align: center; margin: 0; padding-bottom: 12px; }
#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: 24px; left: -1px;
 background: #ccc; width: 100%; height: 4px; display: block; }
#contact #contact03 h2 em:after { background: #fff; }

#contact h3 { font-size: 94%; text-align: center; letter-spacing: .075em; margin: 10px 0 0 .075em; }

#contactTelNum { text-align: center; margin: 30px auto 0; }

#CTNum { color: #008ec5; font-size: 200%; font-style: normal; letter-spacing: .05em; position: relative; }

#CTNum:before {
 content: ''; position: absolute; top: 5px; left: -26px; width: 18px; height: 18px;
 background-position: -164px -164px; background-size: 328px 328px; display: block; }

#CTNum:after {
 content: "（代）"; position: absolute; top: 11px; right: -38px; color: #555; font-size: 36%; display: block; }

#CTNInfo { font-size: 88%; max-width: 22em; margin: 22px auto 0; }

@media (max-width: 340px) { #contactInfo, #CTNInfo { letter-spacing: 0; } #CTNInfo { max-width: 20em; }}

#contactForm { background: #f3f3f3; }

#CFArea { margin: 30px 0 0; }

#CFGuide {
 background-position: -160px -240px; background-size: 320px 320px;
 font-size: 88%; margin: 0 0 0 33px; padding: 0 0 0 17px; }

#mailformpro { max-width: 460px; margin: 0 auto; padding: 0 18px; }

#mailformpro p, #privacyGuide {
 background: #fff; font-size: 88%; 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: 0 0 0 16px; display: block; }

#mailformpro .required { background-position: -160px -240px; background-size: 320px 320px; display: block; }

#mailformpro input { display: block; }

.inp01, #mailformpro select, #mailformpro textarea {
 color: #492e00; background: #e5f7ff; font-size: 94%; width: 94%;
 margin: .75em auto 0; padding: 8px; border: none; outline: none; -webkit-border-radius: 7px; border-radius: 7px; }

#mailformpro select { padding: 5px 8px 9px; }

@media (max-width: 340px) { #mailformpro select { width: 100%; padding: 5px 3px 9px 5px; }}

#mailformpro small { color: #c43; font-size: 88%; letter-spacing: .05em; margin: 15px 0 0 16px; display: block; }
#mailformpro small span { color: #e06; font-size: 129%; margin-right: 4px; vertical-align: top; }
#mailformpro textarea { height: 10em; }
#mailformpro small.spFalse { display: none; }

#mailformpro p.TFSend { background: transparent; padding: 0; }

#mailformpro .TFSend input {
 color: #fff; background-color: #27a2d2;
 font-size: 100%; line-height: 2; font-weight: bold; letter-spacing: .1em;
 width: 100%; text-transform: uppercase; padding: 9px 0 9px .1em;
 border: none; outline: none; cursor: pointer; -webkit-appearance: none; appearance: none;
 -webkit-border-radius: 8px; border-radius: 8px; }

#privacyGuide {
 color: #1e1e1e; background: #e5e5e5; font-size: 88%; text-align: center; line-height: 1.6;
 max-width: 424px; margin: 30px 15px 0; padding: 25px 18px; border: 1px solid #fff; }

@media (min-width: 340px) { #mailformpro select { width: 100%; } }
@media (min-width: 360px) { #mailformpro select { width: 99%; } }
@media (min-width: 540px) { #CFGuide { max-width: 414px; margin: 0 auto; } #privacyGuide { margin: 30px auto 0; } }

/* Completion */
#completion #contact01 { height: 250px; }

#completionST { top: 110px; color: #008e1e; font-size: 163%; letter-spacing: .1em; }

#completionMessage { max-width: 480px; margin: 0 auto; padding: 15px 25px 30px; }

#completion02 p { font-size: 94%; line-height: 1.8; letter-spacing: .05em; margin: 1em 0 0; }

#completion02 b {
 color: #fff; background: #e74e33; margin-top: .75em; padding: .25em .5em;
 -webkit-border-radius: 5px; border-radius: 5px;  display: inline-block; }

#completion02 .spCenter { text-align: center; }

#completion02 em {
 color: #008ec5; font-size: 200%; font-style: normal; letter-spacing: .075em;
 margin: 0 0 -.25em .075em; display: block; }

#completion02 span { color: #008ec5; font-size: 94%; margin-top: .5em; display: block; }


/* 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:100%;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{width: 100%;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;border-bottom: 1px solid #ccc;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:90%}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}

@media (max-width: 520px) {
  table#mfp_confirm_table tr td, table#mfp_confirm_table tr th { width: 94%; display: block; }
  table#mfp_confirm_table tr td { padding-bottom: 8px; border-top: none; }
  table#mfp_confirm_table tr th { padding: 12px 10px 0; }
}

/* -------------------------------------------
 Legal
------------------------------------------- */
#legalEyecatch { background: #576675; border-top: 1px solid #999b9e; overflow: visible; }

#legal01 { height: 200px; position: relative; }

#legal01 h1, #legal01 p { position: absolute; left: 0; color: #ebecee; text-align: center; width: 100%; margin: 0; }

#legal01 h1 { top: 105px; font-size: 163%; }

#legal01 p { top: 65px; font-size: 117%; letter-spacing: .11em; }

#LegalClip, #legalNavi span {
 background-image: url(../legal/images/legal@2x.png); background-repeat: no-repeat; }

#LegalClip {
 position: absolute; left: 50%; top: 170px; width: 75px; height: 71px; margin-left: -38px;
 background-position: -196px 0; background-size: 273px 287px; }

#legalNavi {
 display: flex; justify-content: space-between; flex-flow: row wrap;
 margin: 0 auto; padding: 50px 18px 30px; }

#legalNavi li { background: #576675; width: 45%; margin: 2.4% auto; position: relative; z-index: 1; }
#legalNavi a { width: 100%; height: 65px; position: relative; z-index: 10; }

.android4 #legalNavi { display: block; }
.android4 #legalNavi li { float: left; text-align: center; margin: 2.4% 2.5%; }

#legalNavi span { background-size: 312px 328px; height: 16px; margin: 18px auto 0; display: block; }
#ln01 span { background-position: 0 -96px; width: 88px; }
#ln02 span { background-position: -160px -96px; width: 122px; }
#ln03 span { background-position: 0 -128px; width: 98px; }
#ln04 span { background-position: -160px -128px; width: 114px; }

#legalNavi em {
 font-size: 69%; font-style: normal; text-align: center; letter-spacing: .1em;
 margin: .5em 0 0 .1em; display: block; }

#legalNavi a:link, #legalNavi a:visited { color: #d5d5d5; text-decoration: none; }

@media (min-width: 600px) {
  #legalNavi li { width: 22%; }  #legalNavi { padding: 40px 18px 20px; } }

@media (min-width: 580px) {
    .android4 #legalNavi { padding: 40px 10px 20px; }
    .android4 #legalNavi li { width: 22.25%; margin: 2.2% 1.5%; } }

#legal02, #legal03, #legal04, #legal05 { max-width: 550px; }

#tokushoho, #paymentShipping { background: #f3f3f3; }

.legalContents { width: 100%; }
.legalContents section { margin: 0 auto; padding: 40px 20px; }

#legal h2 {
 font-size: 138%; text-align: center; letter-spacing: .05em;
 margin: 0 auto; padding-left: .05em; position: relative; z-index: 10; }

#legal h2 span {
 color: #777; font-size: 55%; letter-spacing: .1em;
 margin-left: .1em; padding-top: .5em; display: block; }

#TSHContents {
 margin: 25px auto 0; border: none; border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #ddd; }

#TSHContents th, #TSHContents td {
 font-size: 88%; line-height: 1.8; text-align: left; letter-spacing: .05em;
 padding: .75em; display: block; }

#TSHContents th { color: #494949; padding-bottom: .5em; white-space: nowrap; border-top: 1px solid #ddd; }
#TSHContents th:after { content: "："; display: inline; }
#TSHContents td { padding-top: 0; }

#legal dl { letter-spacing: .05em; margin: 20px auto 0; }
#legal dl.sec { margin: 0 auto; }
#legal dt, #legal h4 { color: #494949; font-size: 100%; font-weight: bold; letter-spacing: .1em; margin: 1.5em 0 0; }
#legal dt { line-height: 1.5; }
#legal dl.sec dt { margin-top: 1em; }
#legal dd { font-size: 88%; line-height: 1.8; margin: .36em 0 0; }

#legal dd ul { margin: 0; padding: .6em 0 0 1.5em; list-style-type: circle; }

#legal h3 {
 color: #530; font-size: 107%; letter-spacing: .1em;
 margin: 1.5em 0 0; padding-bottom: .4em; border-bottom: 3px solid #d7ccba; display: inline-block; }

.legalContents p { font-size: 88%; line-height: 1.8; letter-spacing: .05em; margin: .75em 0 0; }

.legalContents p.legalSign { margin: 1.25em 0 0; padding-top: 1em; border-top: 2px solid #eee; }

#legal small { font-size: 88%; margin-left: 1em; display: block; }
#legal small em, .CSign { color: #d30; font-style: normal; font-weight: bold; margin: 0 .1em 0 -1em; }
.CSign { margin-left: 0; }

@media (max-width: 345px) {   #legal h2 { font-size: 125%; } .spBrowser br { display: none; } }

@media (min-width: 540px) {  .legalContents p.legalSign { text-align: center; }  }

@media (min-width: 600px) {
  .spBrowser li:nth-of-type(1) br { display: none; }  }

/* -------------------------------------------
 News
------------------------------------------- */
#newsEyecatch { background: #606872; border-top: 1px solid #bbb; overflow: hidden; }

#news01, #newsHead { height: 200px; overflow: hidden; position: relative; }

#news01 h1, #news01 h2, #newsHead h2, #newsHead p {
 position: absolute; left: 0; color: #f3f3f4; text-align: center; width: 100%; margin: 0; z-index: 10; }

#news01 h1, #newsHead h2 { top: 100px; font-size: 163%; letter-spacing: .05em; margin-left: .05em; }
#news01 h2, #newsHead p { top: 68px; font-size: 117%; letter-spacing: .15em; margin-left: .15em; }

#newsBG {
 position: absolute; top: -40px; left: 0; width: 100%; height: 280px;
 background: url(../news/images/title@2x.png) no-repeat 25% 0; background-size: 1085px 280px; }
.android4 #newsBG { top: 0; }

@-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; }

@media (max-width: 340px) {  #newsBG { background-position: 31% 0; } }
@media (min-width: 410px) {  #newsBG { background-position: 22% 0; } }
@media (min-width: 410px) {  #newsBG { background-position: 12% 0; } }
@media (min-width: 540px) {  #newsBG { background-position: 5% 0; } }
@media (min-width: 640px) {  #newsBG { background-position: 75% 0; } }
@media (min-width: 700px) {  #newsBG { background-position: 80% 0; } }

/* News List */
#newsList { background: #ddd; padding: 5px 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #e2e2e2; }

#news02 { margin: 0 auto; display: flex; flex-flow: row wrap; }

#news02 a {
 background: #fff; text-decoration: none; width: 100%;
 display: block; z-index: 1; cursor: pointer; overflow: hidden; position: relative; }

#news02 a:nth-child(even) { background: #f2f2f2; }

#news02 div { padding: 20px 25px 17px; z-index: 20; }

#news02 time, #newsArticle time { color: #606872; font-size: 88%; letter-spacing: .15em; }

#news02 h3 { color: #0082cc; font-size: 94%; line-height: 1.5; letter-spacing: .075em; margin: .33em 0 0; }

#news02 p {
 color: #444; font-size: 82%; line-height: 1.6;
 margin: .72em 0 0; padding-top: .72em; border-top: 3px solid #ddd; }

#news02 a:nth-child(even) p { border-color: #fff; }

#news02 a div:after {
 content: 'Read More ...'; position: absolute; bottom: 17px; right: 25px;
 background: rgba(0,35,55,1); color: #fff; font-size: 82%; text-align: center; letter-spacing: .05em;
 margin: 0; padding: .4em .2em .15em .5em; display: block; opacity: .4; }

@media (min-width: 540px) {
  #news02 a { width: 50%; }
  .android4 #news02 { display: block; }
  .android4 #news02:after { content: ""; clear: both; display: block; height: 0; }
  .android4 #news02 a { float: left; height: 165px; margin: 0; }
  #news02 a:nth-child(3n+1) { background: #fff; }
  #news02 a:nth-child(3n+2) { background: #f7f7f7; }
  #news02 a:nth-child(3n+3) { background: #eee; }
  #news02 a:nth-child(3n+2) p,   #news02 a:nth-child(3n+3) p { border-color: #fff; }
}

/* News Individual */
#newsContents { background: #ddd; padding: 30px 18px; border-top: 1px solid #fff; }

#newsArticle { background: #fff; max-width: 560px; margin: 0 auto; padding: 25px 0 0; }

#newsArticle time, #newsArticle h1 { text-align: center; }

#newsArticle time { display: block; margin-left: .15em; }

#newsArticle h1 { color: #2e555e; font-size: 125%; letter-spacing: .075em; margin: .6em 0 0 .075em; }

#newsArticle h1 span { position: relative; display: inline-block; }
#newsArticle h1 span:after {
 content: ''; position: absolute; left: -.1em; bottom: -20px;
 background: #ddd; width: 100%; height: 3px; display: block; }

#newsBody { padding: 25px 1.5em 25px 1.8em; }

#newsBody p { font-size: 88%; line-height: 1.8; letter-spacing: .075em; margin: 1em 0 0; }

#newsBody img { max-width: 100%; height: auto; }
#newsBody iframe { max-width: 100%; }

#entryPaging { margin: 0; padding: 0; display: flex; flex-flow: row; }

#entryPaging li { font-size: 82%; text-align: center; letter-spacing: .1em; width: 33.333%; }

#entryPaging a { text-decoration: none; padding: 1.15em 0 .69em .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 { -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 li.previousEntry, #entryPaging li.nextEntry { width: 32%; }
  #entryPaging li.newsTop { width: 36%; }
@media (max-width: 350px) {
  #entryPaging li { font-size: 75%; } }

.android4 #entryPaging { display: block; }
.android4 #entryPaging li { float: left; }
.android4 #entryPaging li.previousEntry, #entryPaging li.nextEntry { width: 32%; }
.android4 #entryPaging li.newsTop { width: 36%; }

/* -------------------------------------------
 Site Map
------------------------------------------- */
#sitemapEyecatch { background: #e2f2fa; border-top: 1px solid #fff; overflow: hidden; }

#sitemap01 { height: 200px; position: relative; }

#sitemap01 h1, #sitemap01 p {
 position: absolute; left: 0; color: #124E72; text-align: center; width: 100%; margin: 0; z-index: 10; }

#sitemap01 h1 { top: 105px; font-size: 163%; }

#sitemap01 p { top: 70px; font-size: 117%; letter-spacing: .15em; margin-left: .15em; }

#SMAirPlane {
 position: absolute; top: 60px; right: 13%; width: 93px; height: 91px; z-index: 1;
 background: url(../sitemap/images/sitemap.png) no-repeat 0 -84px; background-size: 175px 175px; }

#SMapContainer { background: #f3f3f3; padding: 5px 0 40px; border-top: 1px solid #fff; }

#sitemapList { margin: 0 auto; }

#SLLeft, #SLRight { margin: 0; padding: 0 18px; }

#sitemapList h2 { font-size: 125%; text-align: center; margin: 30px 0 0; }

#sitemapList dl { background: #fff; margin: 16px 0 0; padding: 16px; }

#sitemapList dt {
 font-size: 94%; font-weight: bold; line-height: 1.5; letter-spacing: .05em;
 margin: 1.15em 0 0; padding-left: 20px; position: relative; }

#sitemapList dd { font-size: 82%; line-height: 1.8; margin: 0; padding: .38em 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: 13px; height: 13px;
 -webkit-border-radius: 50%; border-radius: 50%; }

#sitemapList a:after {
 top: 9px; left: 3px; width: 3px; height: 3px; margin: 0; z-index: 10;
 border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#sitemapList .LWide { letter-spacing: .15em; }

@media (max-width: 410px) {   #sitemapList .spNBr br { display: none; } }

@media (min-width: 560px) {
  #SLLeft, #SLRight { max-width: 500px; margin: 0 auto; }  #sitemapList dt br { display: none; } }

@media (min-width: 720px) {
  #sitemapList { padding: 0 40px; }  #SLLeft, #SLRight { width: 47.5%; padding: 0; }
  #SLLeft { float: left; }  #SLRight { float: right; }
  #sitemapList:after { content: ""; clear: both; display: block; height: 0; }
  #sitemapList dt br { display: block; }
}

/* -------------------------------------------
 Displey Setting
------------------------------------------- */
#PTopNavi a:link, #PTopNavi a:visited { color: #333; text-decoration: none; }
#PTopNavi a:link b, #PTopNavi a:visited b { color: #666; }

.tLink01 a:link, .tLink01 a:visited, .tLink02 a:link, .tLink02 a:visited,
#compProContainer a:link, #compProContainer a:visited,
#Mlist04 a:link, #Mlist04 a:visited, .siAdapt a:link, .siAdapt a:visited,
#privacyGuide a:link, #privacyGuide a:visited, #TSHContents a:link, #TSHContents a:visited,
#legal dd a:link, #legal dd a:visited, #newsBody p a:link, #newsBody p a:visited {
 color: #0077b7; text-decoration: none; border-bottom: 1px solid #c2e7f5; }

.homeLink, #bottomInfo h3, #pageTop a, .TCNew, .jetSmallCopy span, #PTopNavi .SXPTN,
.eoc01, .eoc02, .eoc03, p.eoc04, p.eoc05, .TCCat, .eocJet, .bikeJet,
.TCItemHalf40 h3, .TCItem60 figure, #TCIMC figure, #TCIjet3Name,
#TCISUS h3, #TCIShop h3, #TCISUS figure span, #TCCFumoto, .TCItem50 h4,
.changerPN p, .otherPN h4, .otherPN p, .TMJC p, .TCItem25 h3, #PCardST, #PCardCopy, #TCSumaST, #TCSumaCopy,
#SXTSec01 h1, #SXTSec01 p, #correspondinTools figcaption, #instTools figcaption,
#SXCompSec01 figcaption, .buyHead figure, #FS01 h1, #FS01 h2,
#comp01 h1, #comp01 h2, #fumotoBillding, #Mlist01 h1, #Mlist01 h2,
#shop02 span, #SIJet, #SICRisefit h2, #SICLifter h2, #SILColor, #legalNavi a,
#jet3TSec01 h1, #jet3TSec01 h2, #jet3TSec01 p, #jet3SCopy span, #jet3CompSec01 h1, #jet3CountTit,
#jet3Inst01 h1, #jet3OpeSec01 h1, #jet3SpecSec h1, #jet3BuySec h1 {
 text-indent: 300%; white-space: nowrap; overflow: hidden; }

#pageTop a { text-indent: 600%}

.eocJet:before, .bikeJet:before, .bikeJet:after, .eoc03:before,
.eoc01:before, .eoc02:before, .eoc04:before, .eoc05:before,
#SXTSec01 h1 span, #SXTSec01 p.SXTTopCopy04, #legalNavi em {
 text-indent: 0; white-space: normal; overflow: visible; }

#SXInstallMov li, #SXContentslMov li, #SXInstallMov noscript div, #SXContentslMov noscript div, #SXSMov li,
#toolVarious ul, #allenkeyGuide, .buySelectContainer a, .cartBT, #SP-FGInstMov li, #fgiCaution,
#TDName, #SISAction a, .MLIN a, #shopMyAccount section, #legalNavi li, #legalNavi li:after,
#news02 a div:after, .SXLink a {
 -webkit-border-radius: 6px; border-radius: 6px; }

#FSItemNum, #FGNS-Socket, #F500-other, .qaItem, #shop02 p, #shop02 p:after,
.SIContainer, #SICRisefit, #SICLifter, #sitemapList dl, #newsArticle {
 -webkit-border-radius: 9px; border-radius: 9px; }

#pageTop a, .changerPN a, .buySelectContainer a, #shop02 a, #shop02 p:after,
#MLCaution a, #legalNavi a, #entryPaging a {
 cursor: pointer; overflow: hidden; display: block; }

/* -------------------------------------------
 Common Animation
------------------------------------------- */
.qaToggle:before, .qaToggle:after { -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after, #fgiCaution li:after, #comp03 dl:after, .SIList tr:after,
.android4 #PTopNavi ul:after, .android4 .buySelectContainer:after, .android4 #shop02:after,
.android4 #legalNavi:after, .android #entryPaging:after, #J3SSList ul:after {
 content: ""; clear: both; display: block; height: 0; }

/* -------------------------------------------
 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 .8s ease-in-out; animation: SXP01 .8s ease-in-out; }
.SXTC02 { -webkit-animation: SXP01 1s ease-in-out; animation: SXP01 1s ease-in-out; }
.SXTC03 { -webkit-animation: SXP01 1.2s ease-in-out; animation: SXP01 1.2s ease-in-out; }
.SXTC04 { -webkit-animation: SXP01 1.2s ease-in-out; animation: SXP01 1.2s 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 2s ease-in-out; animation: SX01 2s 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 1s ease-in-out; animation: SXHEM01 1s 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: 65px 75px; transform-origin: 65px 75px;
 -webkit-animation: SXS04 3.5s ease-in-out 2; animation: SXS04 3.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: 240px; -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 SXTop06 {
 0% { top: 240px; 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; } }

@media (min-width: 540px) {
 @-webkit-keyframes SXTop06 {
  0% { top: 220px; -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: 100px; -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: 220px; 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: 100px; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; } }
}

.SXT61 { -webkit-animation: SXTop06 .9s ease-in-out; animation: SXTop06 .9s ease-in-out; }
.SXT62 { -webkit-animation: SXTop06 1.2s ease-in-out; animation: SXTop06 1.2s 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: 200px; -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: 0; -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: 200px; 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: 0; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; } }

.jet3T61 { -webkit-animation: JET3Top06 .6s ease-in-out; animation: JET3Top06 .6s ease-in-out; }
.jet3T62 { -webkit-animation: JET3Top06 .8s ease-in-out; animation: JET3Top06 .8s 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 1.4s ease-in-out; animation: FSSpan 1.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 1.8s; animation: FSAni01 1.8s; }

@-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 1.8s ease; animation: TDMark 1.8s 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 3s linear; animation: SMPlane 3s linear;
 -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }