#page-android-id { margin: 0; padding: 0; /*font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;*/ -webkit-text-size-adjust: 100%; } /* celarfix box element */ #page-android-id p, #page-android-id ul { margin:0; } #page-android-id div:after, #page-android-id main:after, #page-android-id section:after, #page-android-id p:after, #page-android-id li:after, #page-android-id h1:after, #page-android-id h2:after, #page-android-id h3:after { content: ""; display: block; clear: both; float: none; } #page-android-id p:not([class*="-mt"]) { margin-top:0; } #page-android-id a:not([class*="with-hover"]):not([class*="has-underline"]) { text-decoration: none; } #page-android-id a:not([class*="with-hover"]):not([class*="has-underline"]):hover { text-decoration: none; } #page-android-id a:focus, *:focus { outline:none; } #page-android-id input, #page-android-id input:focus { border:0px; outline: 0px; } #page-android-id img:not([class*="va-"]) { vertical-align:top; border:0; } #page-android-id img { height:auto; } /* --------------------------- font-size --------------------------- */ #page-android-id .fs10 { font-size:10px; } #page-android-id .fs11 { font-size:11px; } #page-android-id .fs12 { font-size:12px; } #page-android-id .fs13 { font-size:13px; } #page-android-id .fs14 { font-size:14px; } #page-android-id .fs15 { font-size:15px; } #page-android-id .fs16 { font-size:16px; } #page-android-id .fs17 { font-size:17px; } #page-android-id .fs18 { font-size:18px; } #page-android-id .fs19 { font-size:19px; } #page-android-id .fs20 { font-size:20px; } #page-android-id .fs21 { font-size:21px; } #page-android-id .fs22 { font-size:22px; } #page-android-id .fs23 { font-size:23px; } #page-android-id .fs24 { font-size:24px; } #page-android-id .fs25 { font-size:25px; } #page-android-id .fs26 { font-size:26px; } #page-android-id .fs27 { font-size:27px; } #page-android-id .fs28 { font-size:28px; } #page-android-id .fs29 { font-size:29px; } #page-android-id .fs30 { font-size:30px; } #page-android-id .fs31 { font-size:31px; } #page-android-id .fs32 { font-size:32px; } #page-android-id .fs33 { font-size:33px; } #page-android-id .fs34 { font-size:34px; } #page-android-id .fs35 { font-size:35px; } #page-android-id .fs36 { font-size:36px; } #page-android-id .fs37 { font-size:37px; } #page-android-id .fs38 { font-size:38px; } #page-android-id .fs39 { font-size:39px; } #page-android-id .fs40 { font-size:40px; } #page-android-id .fs41 { font-size:41px; } #page-android-id .fs42 { font-size:42px; } #page-android-id .fs43 { font-size:43px; } #page-android-id .fs44 { font-size:44px; } #page-android-id .fs45 { font-size:45px; } #page-android-id .fs46 { font-size:46px; } #page-android-id .fs47 { font-size:47px; } #page-android-id .fs48 { font-size:48px; } #page-android-id .fs49 { font-size:49px; } #page-android-id .fs50 { font-size:50px; } #page-android-id .fs60 { font-size:60px; } #page-android-id .fs70 { font-size:70px; } #page-android-id .sub80 { font-size:80%; } #page-android-id .sub75 { font-size:75%; } #page-android-id .sub70 { font-size:70%; } #page-android-id .sub65 { font-size:65%; } #page-android-id .sub60 { font-size:60%; } #page-android-id .sub55 { font-size:55%; } #page-android-id .sub50 { font-size:50%; } #page-android-id .strong110 { font-size:110%; } #page-android-id .strong115 { font-size:115%; } #page-android-id .strong120 { font-size:120%; } #page-android-id .strong125 { font-size:125%; } #page-android-id .strong130 { font-size:130%; } #page-android-id .strong135 { font-size:135%; } #page-android-id .strong140 { font-size:140%; } #page-android-id .strong145 { font-size:145%; } #page-android-id .strong150 { font-size:150%; } #page-android-id .strong155 { font-size:155%; } #page-android-id .strong160 { font-size:160%; } #page-android-id .strong165 { font-size:165%; } #page-android-id .strong170 { font-size:170%; } #page-android-id .strong175 { font-size:175%; } #page-android-id .strong180 { font-size:180%; } #page-android-id .strong185 { font-size:185%; } #page-android-id .strong190 { font-size:190%; } #page-android-id .strong195 { font-size:195%; } #page-android-id .strong200 { font-size:200%; } #page-android-id .strong250 { font-size:250%; } #page-android-id .strong300 { font-size:300%; } /* --------------------------- maragin-set --------------------------- */ #page-android-id .childs-mb0 > *:not(:last-child) { margin-bottom:0px; } #page-android-id .childs-mb5 > *:not(:last-child) { margin-bottom:5px; } #page-android-id .childs-mb10 > *:not(:last-child) { margin-bottom:10px; } #page-android-id .childs-mb15 > *:not(:last-child) { margin-bottom:15px; } #page-android-id .childs-mb20 > *:not(:last-child) { margin-bottom:20px; } #page-android-id .childs-mb25 > *:not(:last-child) { margin-bottom:25px; } #page-android-id .childs-mb30 > *:not(:last-child) { margin-bottom:30px; } #page-android-id .childs-mb35 > *:not(:last-child) { margin-bottom:35px; } #page-android-id .childs-mb40 > *:not(:last-child) { margin-bottom:40px; } #page-android-id .childs-mb45 > *:not(:last-child) { margin-bottom:45px; } #page-android-id .childs-mb50 > *:not(:last-child) { margin-bottom:50px; } #page-android-id .childs-mb55 > *:not(:last-child) { margin-bottom:55px; } #page-android-id .childs-mb60 > *:not(:last-child) { margin-bottom:60px; } #page-android-id .childs-mb65 > *:not(:last-child) { margin-bottom:65px; } #page-android-id .childs-mb70 > *:not(:last-child) { margin-bottom:70px; } #page-android-id .childs-mb75 > *:not(:last-child) { margin-bottom:75px; } #page-android-id .childs-mb80 > *:not(:last-child) { margin-bottom:80px; } #page-android-id .childs-mb85 > *:not(:last-child) { margin-bottom:85px; } #page-android-id .childs-mb90 > *:not(:last-child) { margin-bottom:90px; } #page-android-id .childs-mb95 > *:not(:last-child) { margin-bottom:95px; } #page-android-id .childs-mb100 > *:not(:last-child) { margin-bottom:100px; } #page-android-id .childs-mb150 > *:not(:last-child) { margin-bottom:150px; } #page-android-id .childs-mb200 > *:not(:last-child) { margin-bottom:200px; } #page-android-id .childs-mb250 > *:not(:last-child) { margin-bottom:250px; } #page-android-id .childs-mb300 > *:not(:last-child) { margin-bottom:300px; } #page-android-id .mb0 { margin-bottom:0px; } #page-android-id .mb5 { margin-bottom:5px; } #page-android-id .mb10 { margin-bottom:10px; } #page-android-id .mb15 { margin-bottom:15px; } #page-android-id .mb20 { margin-bottom:20px; } #page-android-id .mb25 { margin-bottom:25px; } #page-android-id .mb30 { margin-bottom:30px; } #page-android-id .mb35 { margin-bottom:35px; } #page-android-id .mb40 { margin-bottom:40px; } #page-android-id .mb45 { margin-bottom:45px; } #page-android-id .mb50 { margin-bottom:50px; } #page-android-id .mb55 { margin-bottom:55px; } #page-android-id .mb60 { margin-bottom:60px; } #page-android-id .mb65 { margin-bottom:65px; } #page-android-id .mb70 { margin-bottom:70px; } #page-android-id .mb75 { margin-bottom:75px; } #page-android-id .mb80 { margin-bottom:80px; } #page-android-id .mb85 { margin-bottom:85px; } #page-android-id .mb90 { margin-bottom:90px; } #page-android-id .mb95 { margin-bottom:95px; } #page-android-id .mb100 { margin-bottom:100px; } #page-android-id .mb150 { margin-bottom:150px; } #page-android-id .mb200 { margin-bottom:200px; } #page-android-id .mb250 { margin-bottom:250px; } #page-android-id .mb300 { margin-bottom:300px; } #page-android-id .mt0 { margin-top:0px; } #page-android-id .mt5 { margin-top:5px; } #page-android-id .mt10 { margin-top:10px; } #page-android-id .mt15 { margin-top:15px; } #page-android-id .mt20 { margin-top:20px; } #page-android-id .mt25 { margin-top:25px; } #page-android-id .mt30 { margin-top:30px; } #page-android-id .mt35 { margin-top:35px; } #page-android-id .mt40 { margin-top:40px; } #page-android-id .mt45 { margin-top:45px; } #page-android-id .mt50 { margin-top:50px; } #page-android-id .mt55 { margin-top:55px; } #page-android-id .mt60 { margin-top:60px; } #page-android-id .mt65 { margin-top:65px; } #page-android-id .mt70 { margin-top:70px; } #page-android-id .mt75 { margin-top:75px; } #page-android-id .mt80 { margin-top:80px; } #page-android-id .mt85 { margin-top:85px; } #page-android-id .mt90 { margin-top:90px; } #page-android-id .mt95 { margin-top:95px; } #page-android-id .mt100 { margin-top:100px; } #page-android-id .mt150 { margin-top:150px; } #page-android-id .mt200 { margin-top:200px; } #page-android-id .mt250 { margin-top:250px; } #page-android-id .mt300 { margin-top:300px; } #page-android-id .ml0 { margin-left:0px; } #page-android-id .ml5 { margin-left:5px; } #page-android-id .ml10 { margin-left:10px; } #page-android-id .ml15 { margin-left:15px; } #page-android-id .ml20 { margin-left:20px; } #page-android-id .ml25 { margin-left:25px; } #page-android-id .ml30 { margin-left:30px; } #page-android-id .ml35 { margin-left:35px; } #page-android-id .ml40 { margin-left:40px; } #page-android-id .ml45 { margin-left:45px; } #page-android-id .ml50 { margin-left:50px; } #page-android-id .ml55 { margin-left:55px; } #page-android-id .ml60 { margin-left:60px; } #page-android-id .ml65 { margin-left:65px; } #page-android-id .ml70 { margin-left:70px; } #page-android-id .ml75 { margin-left:75px; } #page-android-id .ml80 { margin-left:80px; } #page-android-id .ml85 { margin-left:85px; } #page-android-id .ml90 { margin-left:90px; } #page-android-id .ml95 { margin-left:95px; } #page-android-id .ml100 { margin-left:100px; } #page-android-id .ml150 { margin-left:150px; } #page-android-id .ml200 { margin-left:200px; } #page-android-id .ml250 { margin-left:250px; } #page-android-id .ml300 { margin-left:300px; } #page-android-id .mr0 { margin-right:0px; } #page-android-id .mr5 { margin-right:5px; } #page-android-id .mr10 { margin-right:10px; } #page-android-id .mr15 { margin-right:15px; } #page-android-id .mr20 { margin-right:20px; } #page-android-id .mr25 { margin-right:25px; } #page-android-id .mr30 { margin-right:30px; } #page-android-id .mr35 { margin-right:35px; } #page-android-id .mr40 { margin-right:40px; } #page-android-id .mr45 { margin-right:45px; } #page-android-id .mr50 { margin-right:50px; } #page-android-id .mr55 { margin-right:55px; } #page-android-id .mr60 { margin-right:60px; } #page-android-id .mr65 { margin-right:65px; } #page-android-id .mr70 { margin-right:70px; } #page-android-id .mr75 { margin-right:75px; } #page-android-id .mr80 { margin-right:80px; } #page-android-id .mr85 { margin-right:85px; } #page-android-id .mr90 { margin-right:90px; } #page-android-id .mr95 { margin-right:95px; } #page-android-id .mr100 { margin-right:100px; } #page-android-id .mr150 { margin-right:150px; } #page-android-id .mr200 { margin-right:200px; } #page-android-id .mr250 { margin-right:250px; } #page-android-id .mr300 { margin-right:300px; } /* --------------------------- padding-set --------------------------- */ #page-android-id .pd5 { padding:5px; } #page-android-id .pd10 { padding:10px; } #page-android-id .pd15 { padding:15px; } #page-android-id .pd20 { padding:20px; } #page-android-id .pd25 { padding:25px; } #page-android-id .pd30 { padding:30px; } #page-android-id .pd35 { padding:35px; } #page-android-id .pd40 { padding:40px; } #page-android-id .pd45 { padding:45px; } #page-android-id .pd50 { padding:50px; } #page-android-id .pd55 { padding:55px; } #page-android-id .pd60 { padding:60px; } #page-android-id .pd65 { padding:65px; } #page-android-id .pd70 { padding:70px; } #page-android-id .pd75 { padding:75px; } #page-android-id .pd80 { padding:80px; } #page-android-id .pd85 { padding:85px; } #page-android-id .pd90 { padding:90px; } #page-android-id .pd95 { padding:95px; } #page-android-id .pd100 { padding:100px; } #page-android-id .pd150 { padding:150px; } #page-android-id .pd200 { padding:200px; } #page-android-id .pd250 { padding:250px; } #page-android-id .pd300 { padding:300px; } #page-android-id .pdb0 { padding-bottom:0px; } #page-android-id .pdb5 { padding-bottom:5px; } #page-android-id .pdb10 { padding-bottom:10px; } #page-android-id .pdb15 { padding-bottom:15px; } #page-android-id .pdb20 { padding-bottom:20px; } #page-android-id .pdb25 { padding-bottom:25px; } #page-android-id .pdb30 { padding-bottom:30px; } #page-android-id .pdb35 { padding-bottom:35px; } #page-android-id .pdb40 { padding-bottom:40px; } #page-android-id .pdb45 { padding-bottom:45px; } #page-android-id .pdb50 { padding-bottom:50px; } #page-android-id .pdb55 { padding-bottom:55px; } #page-android-id .pdb60 { padding-bottom:60px; } #page-android-id .pdb65 { padding-bottom:65px; } #page-android-id .pdb70 { padding-bottom:70px; } #page-android-id .pdb75 { padding-bottom:75px; } #page-android-id .pdb80 { padding-bottom:80px; } #page-android-id .pdb85 { padding-bottom:85px; } #page-android-id .pdb90 { padding-bottom:90px; } #page-android-id .pdb95 { padding-bottom:95px; } #page-android-id .pdb100 { padding-bottom:100px; } #page-android-id .pdb150 { padding-bottom:150px; } #page-android-id .pdb200 { padding-bottom:200px; } #page-android-id .pdb250 { padding-bottom:250px; } #page-android-id .pdb300 { padding-bottom:300px; } #page-android-id .pdt0 { padding-top:0px; } #page-android-id .pdt5 { padding-top:5px; } #page-android-id .pdt10 { padding-top:10px; } #page-android-id .pdt15 { padding-top:15px; } #page-android-id .pdt20 { padding-top:20px; } #page-android-id .pdt25 { padding-top:25px; } #page-android-id .pdt30 { padding-top:30px; } #page-android-id .pdt35 { padding-top:35px; } #page-android-id .pdt40 { padding-top:40px; } #page-android-id .pdt45 { padding-top:45px; } #page-android-id .pdt50 { padding-top:50px; } #page-android-id .pdt55 { padding-top:55px; } #page-android-id .pdt60 { padding-top:60px; } #page-android-id .pdt65 { padding-top:65px; } #page-android-id .pdt70 { padding-top:70px; } #page-android-id .pdt75 { padding-top:75px; } #page-android-id .pdt80 { padding-top:80px; } #page-android-id .pdt85 { padding-top:85px; } #page-android-id .pdt90 { padding-top:90px; } #page-android-id .pdt95 { padding-top:95px; } #page-android-id .pdt100 { padding-top:100px; } #page-android-id .pdt150 { padding-top:150px; } #page-android-id .pdt200 { padding-top:200px; } #page-android-id .pdt250 { padding-top:250px; } #page-android-id .pdt300 { padding-top:300px; } #page-android-id .pdl0 { padding-left:0px; } #page-android-id .pdl5 { padding-left:5px; } #page-android-id .pdl10 { padding-left:10px; } #page-android-id .pdl15 { padding-left:15px; } #page-android-id .pdl20 { padding-left:20px; } #page-android-id .pdl25 { padding-left:25px; } #page-android-id .pdl30 { padding-left:30px; } #page-android-id .pdl35 { padding-left:35px; } #page-android-id .pdl40 { padding-left:40px; } #page-android-id .pdl45 { padding-left:45px; } #page-android-id .pdl50 { padding-left:50px; } #page-android-id .pdl55 { padding-left:55px; } #page-android-id .pdl60 { padding-left:60px; } #page-android-id .pdl65 { padding-left:65px; } #page-android-id .pdl70 { padding-left:70px; } #page-android-id .pdl75 { padding-left:75px; } #page-android-id .pdl80 { padding-left:80px; } #page-android-id .pdl85 { padding-left:85px; } #page-android-id .pdl90 { padding-left:90px; } #page-android-id .pdl95 { padding-left:95px; } #page-android-id .pdl100 { padding-left:100px; } #page-android-id .pdl150 { padding-left:150px; } #page-android-id .pdl200 { padding-left:200px; } #page-android-id .pdl250 { padding-left:250px; } #page-android-id .pdl300 { padding-left:300px; } #page-android-id .pdr0 { padding-right:0px; } #page-android-id .pdr5 { padding-right:5px; } #page-android-id .pdr10 { padding-right:10px; } #page-android-id .pdr15 { padding-right:15px; } #page-android-id .pdr20 { padding-right:20px; } #page-android-id .pdr25 { padding-right:25px; } #page-android-id .pdr30 { padding-right:30px; } #page-android-id .pdr35 { padding-right:35px; } #page-android-id .pdr40 { padding-right:40px; } #page-android-id .pdr45 { padding-right:45px; } #page-android-id .pdr50 { padding-right:50px; } #page-android-id .pdr55 { padding-right:55px; } #page-android-id .pdr60 { padding-right:60px; } #page-android-id .pdr65 { padding-right:65px; } #page-android-id .pdr70 { padding-right:70px; } #page-android-id .pdr75 { padding-right:75px; } #page-android-id .pdr80 { padding-right:80px; } #page-android-id .pdr85 { padding-right:85px; } #page-android-id .pdr90 { padding-right:90px; } #page-android-id .pdr95 { padding-right:95px; } #page-android-id .pdr100 { padding-right:100px; } #page-android-id .pdr150 { padding-right:150px; } #page-android-id .pdr200 { padding-right:200px; } #page-android-id .pdr250 { padding-right:250px; } #page-android-id .pdr300 { padding-right:300px; } #page-android-id .pdlr0 { padding-left:0px; padding-right:0px; } #page-android-id .pdlr5 { padding-left:5px; padding-right:5px; } #page-android-id .pdlr10 { padding-left:10px; padding-right:10px; } #page-android-id .pdlr15 { padding-left:15px; padding-right:15px; } #page-android-id .pdlr20 { padding-left:20px; padding-right:20px; } #page-android-id .pdlr25 { padding-left:25px; padding-right:25px; } #page-android-id .pdlr30 { padding-left:30px; padding-right:30px; } #page-android-id .pdlr35 { padding-left:35px; padding-right:35px; } #page-android-id .pdlr40 { padding-left:40px; padding-right:40px; } #page-android-id .pdlr45 { padding-left:45px; padding-right:45px; } #page-android-id .pdlr50 { padding-left:50px; padding-right:50px; } #page-android-id .pdlr55 { padding-left:55px; padding-right:55px; } #page-android-id .pdlr60 { padding-left:60px; padding-right:60px; } #page-android-id .pdlr65 { padding-left:65px; padding-right:65px; } #page-android-id .pdlr70 { padding-left:70px; padding-right:70px; } #page-android-id .pdlr75 { padding-left:75px; padding-right:75px; } #page-android-id .pdlr80 { padding-left:80px; padding-right:80px; } #page-android-id .pdlr85 { padding-left:85px; padding-right:85px; } #page-android-id .pdlr90 { padding-left:90px; padding-right:90px; } #page-android-id .pdlr95 { padding-left:95px; padding-right:95px; } #page-android-id .pdlr100 { padding-left:100px; padding-right:100px; } #page-android-id .pdlr150 { padding-left:150px; padding-right:150px; } #page-android-id .pdlr200 { padding-left:200px; padding-right:200px; } #page-android-id .pdlr250 { padding-left:250px; padding-right:250px; } #page-android-id .pdlr300 { padding-left:300px; padding-right:300px; } #page-android-id .pdtb0 { padding-top:0px; padding-bottom:0px; } #page-android-id .pdtb5 { padding-top:5px; padding-bottom:5px; } #page-android-id .pdtb10 { padding-top:10px; padding-bottom:10px; } #page-android-id .pdtb15 { padding-top:15px; padding-bottom:15px; } #page-android-id .pdtb20 { padding-top:20px; padding-bottom:20px; } #page-android-id .pdtb25 { padding-top:25px; padding-bottom:25px; } #page-android-id .pdtb30 { padding-top:30px; padding-bottom:30px; } #page-android-id .pdtb35 { padding-top:35px; padding-bottom:35px; } #page-android-id .pdtb40 { padding-top:40px; padding-bottom:40px; } #page-android-id .pdtb45 { padding-top:45px; padding-bottom:45px; } #page-android-id .pdtb50 { padding-top:50px; padding-bottom:50px; } #page-android-id .pdtb55 { padding-top:55px; padding-bottom:55px; } #page-android-id .pdtb60 { padding-top:60px; padding-bottom:60px; } #page-android-id .pdtb65 { padding-top:65px; padding-bottom:65px; } #page-android-id .pdtb70 { padding-top:70px; padding-bottom:70px; } #page-android-id .pdtb75 { padding-top:75px; padding-bottom:75px; } #page-android-id .pdtb80 { padding-top:80px; padding-bottom:80px; } #page-android-id .pdtb85 { padding-top:85px; padding-bottom:85px; } #page-android-id .pdtb90 { padding-top:90px; padding-bottom:90px; } #page-android-id .pdtb95 { padding-top:95px; padding-bottom:95px; } #page-android-id .pdtb100 { padding-top:100px; padding-bottom:100px; } #page-android-id .pdtb150 { padding-top:150px; padding-bottom:150px; } #page-android-id .pdtb200 { padding-top:200px; padding-bottom:200px; } #page-android-id .pdtb250 { padding-top:250px; padding-bottom:250px; } #page-android-id .pdtb300 { padding-top:300px; padding-bottom:300px; } /* --------------------------- common color --------------------------- */ #page-android-id .f-color-red { color:red; } #page-android-id .f-color-black { color:#000; } #page-android-id .f-color-white { color:#fff; -webkit-font-smoothing: antialiased; } #page-android-id .f-color-orange { color:#fd7800; -webkit-font-smoothing: antialiased; } #page-android-id .f-color-666 { color:#666666; -webkit-font-smoothing: antialiased; } #page-android-id .f-color-gray { color:#757575; } #page-android-id .f-color-gold { color:#be9e5b; } #page-android-id .f-color-lightgreen { color:#23584b; -webkit-font-smoothing: antialiased; } #page-android-id .bg-light-gray { background-color:#f4f5f6; } #page-android-id .bg-gray { background-color:#e6e8eb; } #page-android-id .bg-black { background-color:#000; } #page-android-id .bg-red { background-color:#c30012; } #page-android-id .bg-white { background-color:#fff; } #page-android-id .bg-green { background-color:#e8f2e6; } #page-android-id .bg-beige { background-color:#e6e5db; } #page-android-id .bg-beige-light { background-color:#efefeb; } /* --------------------------- additional-settings --------------------------- */ #page-android-id .pic { vertical-align:bottom; } #page-android-id .f-left { float:left; } #page-android-id .f-right { float:right; } #page-android-id .txt-left { text-align:left; } #page-android-id .txt-right { text-align:right; } #page-android-id .txt-center { text-align:center; } #page-android-id .block-center { margin-left:auto; margin-right:auto; } #page-android-id .nowrap { white-space:nowrap; } #page-android-id .kerning { letter-spacing:-.08em; } #page-android-id .w100 { width:100%; } #page-android-id .h100 { height:100%; } #page-android-id .bold { font-weight:bold; -webkit-font-smoothing: antialiased; } #page-android-id .inblock { display:inline-block; } #page-android-id .border-box { box-sizing:border-box; } #page-android-id .border-ccc { border:1px solid #cccccc; } #page-android-id .border-b-ccc { border-bottom:1px solid #cccccc; } #page-android-id .lh100 { line-height:100%; } #page-android-id .lh120 { line-height:120%; } #page-android-id .lh140 { line-height:140%; } /* --------------------------- inline picture --------------------------- */ span.pic:not([class*="-hide"]) { display:inline-block; width:100%; background-repeat:no-repeat; } span.pic.with-alt { font-size:0px; text-indent:-99999px; overflow:hidden; } /* --------------------------- icons --------------------------- */ a[class*="with-"], span[class*="with-"] { display:inline-block; position:relative;} /*#page-android-id .with-arrow { position: relative; margin-right:1em; vertical-align:middle; } #page-android-id .with-arrow:after { content:""; display:inline-block; width:.4em; height:.4em; border-top-style: solid; border-top-width: 2px; border-right-style: solid; border-right-width: 2px; transform:rotate(45deg); transition:border .3s ease; -webkit-font-smoothing: none; position:absolute; top:calc(50% - .35em); vertical-align: middle; margin-left:.25em; }*/ a.with-hover { transition:opacity .3s ease; opacity:1; } a.with-hover:hover { opacity:.5; } /* a[href*=".pdf"], a[target="_blank"]:not([href*=".pdf"]) { position:relative; } a[href*=".pdf"]:after, a[target="_blank"]:not([href*=".pdf"]):not([class*="with-"]):after { content:""; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:right center; position:relative; margin-left:.25em; vertical-align:middle; top:50%; white-space:nowrap; } a[href*=".pdf"]:not(.no-icon):after { width:14px; height:14px; background-image:url(/jp/set/data/common/img/icon-pdf.png); background-size:14px 14px; margin-top:-3px; } *:not(.button):not(.anchor) > a[target="_blank"]:not([href*=".pdf"]):not(.no-icon):not([class*="with-"]):after { width:11px; height:9px; background-image: url(/jp/set/data/common/img/sprite-icon-sbr.png); background-position: -86px -54px; background-size: 108px 93px; margin-top:-3px; } a.noicon[target='_blank']:after{ content:none; } #page-android-id .file-size-off .pdfsize { display: none; } */ /* --------------------------- table --------------------------- */ #page-android-id table { border-collapse: collapse; } #page-android-id table tr { border-top:1px solid #ccc; } #page-android-id table tr:last-child { border-bottom:1px solid #ccc; } #page-android-id table th { text-align:left; background-color:#f4f5f6; font-weight:normal; } #page-android-id .table { display:table; } #page-android-id .table > .t-row { display:table-row; } #page-android-id .table > .t-cell, #page-android-id .table > .t-row > .t-cell { display:table-cell; height:100%; } #page-android-id .va-m { vertical-align:middle; } #page-android-id .va-t { vertical-align:top; } #page-android-id .va-b { vertical-align:bottom; } /* --------------------------- button --------------------------- */ #page-android-id .button { display:table; box-sizing:border-box; } #page-android-id .button > * { display:table-cell; height:100%; text-decoration:none; vertical-align:middle; } #page-android-id .button > a { text-decoration: none; } #page-android-id .button > * span { display:inline-block; position:relative; } #page-android-id .button > * span:after { content:''; display:inline-block; } #page-android-id .button > * { color:#1d50a3; background-color:#fff; border-radius:5px; transition:all .3s ease-out; } #page-android-id .button[class*="fill-"], #page-android-id .button.with-arrow { position:relative; } #page-android-id .button.with-arrow > * > span:after { content:""; display:inline-block; width:.5em; height:.5em; border-top-style: solid; border-top-color: #1d50a3; border-top-width: 2px; border-right-style: solid; border-right-color: #1d50a3; border-right-width: 2px; position:absolute; top:calc(50% - .35em); right:-.35em; transform:rotate(45deg); transition:border .3s ease; -webkit-font-smoothing: none; } #page-android-id .button[class*="fill-"] > *, #page-android-id .button.with-arrow > * { transition:all .3s ease; } /* --------------------------- grid-rayout --------------------------- */ #page-android-id .grid > .grid-inner > *, #page-android-id .grid > *:not(.grid-inner) { float:left; } #page-android-id .w10 { width:10%; } #page-android-id .w15 { width:15%; } #page-android-id .w20 { width:20%; } #page-android-id .w25 { width:25%; } #page-android-id .w30 { width:30%; } #page-android-id .w33 { width:33.33%; } #page-android-id .w35 { width:35%; } #page-android-id .w40 { width:40%; } #page-android-id .w45 { width:45%; } #page-android-id .w50 { width:50%; } #page-android-id .w55 { width:55%; } #page-android-id .w60 { width:60%; } #page-android-id .w65 { width:65%; } #page-android-id .w66 { width:66.66%; } #page-android-id .w70 { width:70%; } #page-android-id .w75 { width:75%; } #page-android-id .w80 { width:80%; } #page-android-id .w85 { width:85%; } #page-android-id .w90 { width:90%; } #page-android-id .w95 { width:95%; } #page-android-id .w100 { width:100%; } #page-android-id .w-auto { width:auto; } #page-android-id .max-w100 { max-width:100%; } #page-android-id .max-w450 { max-width:450px; margin-left:auto; margin-right:auto; } #page-android-id .max-w470 { max-width:470px; margin-left:auto; margin-right:auto; } #page-android-id .max-w600 { max-width:600px; margin-left:auto; margin-right:auto; } /* --------------------------- flex-box --------------------------- */ #page-android-id .flex { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; } #page-android-id [class*="flex"] > * { box-sizing:border-box; } #page-android-id [class*="flex"].flpd-5 { width:calc(100% + 5px); margin-left:-5px; } #page-android-id [class*="flex"].flpd-5 > * { padding-left:5px; } #page-android-id [class*="flex"].flpd-10 { width:calc(100% + 10px); margin-left:-10px; } #page-android-id [class*="flex"].flpd-10 > * { padding-left:10px; } #page-android-id [class*="flex"].flpd-15 { width:calc(100% + 15px); margin-left:-15px; } #page-android-id [class*="flex"].flpd-15 > * { padding-left:15px; } #page-android-id [class*="flex"].flpd-20 { width:calc(100% + 20px); margin-left:-20px; } #page-android-id [class*="flex"].flpd-20 > * { padding-left:20px; } #page-android-id [class*="flex"].flpd-25 { width:calc(100% + 25px); margin-left:-25px; } #page-android-id [class*="flex"].flpd-25 > * { padding-left:25px; } #page-android-id [class*="flex"].flpd-30 { width:calc(100% + 30px); margin-left:-30px; } #page-android-id [class*="flex"].flpd-30 > * { padding-left:30px; } #page-android-id [class*="flex"].flpd-35 { width:calc(100% + 35px); margin-left:-35px; } #page-android-id [class*="flex"].flpd-35 > * { padding-left:35px; } #page-android-id [class*="flex"].flpd-40 { width:calc(100% + 40px); margin-left:-40px; } #page-android-id [class*="flex"].flpd-40 > * { padding-left:40px; } #page-android-id [class*="flex"].flpd-45 { width:calc(100% + 45px); margin-left:-45px; } #page-android-id [class*="flex"].flpd-45 > * { padding-left:45px; } #page-android-id [class*="flex"].flpd-50 { width:calc(100% + 50px); margin-left:-50px; } #page-android-id [class*="flex"].flpd-50 > * { padding-left:50px; } #page-android-id [class*="flex"] > .order-first { order:-1; } #page-android-id [class*="flex"] > .order-1 { order:1; } #page-android-id [class*="flex"] > .order-2 { order:2; } #page-android-id [class*="flex"] > .order-3 { order:3; } #page-android-id [class*="flex"] > .order-4 { order:4; } #page-android-id [class*="flex"] > .order-5 { order:5; } #page-android-id [class*="flex"].justify-center { justify-content: center; } #page-android-id [class*="flex"].justify-between { justify-content: space-between; } #page-android-id [class*="flex"].align-center { align-items: center; } /* --------------------------- notes --------------------------- */ #page-android-id .notes > *, #page-android-id .notes.order-dot > * { display:inline-block; width:100%; padding-left:1em; text-indent:-1em; font-size:75%; margin-bottom:.35em; vertical-align:middle; } #page-android-id .notes > *:before, #page-android-id .notes.order-dot > *:before { content:"・"; display:inline-block; width:1em; height:1em; vertical-align:middle; position:relative; line-height:100%; text-indent:0; } #page-android-id .notes[class*="order-"]:not(.order-dot) { padding-left:1em; } #page-android-id .notes[class*="order-"]:not(.order-dot) > *:before { content:none; } #page-android-id .notes[class*="order-"]:not(.order-dot) > * > span.notes-unit { display:inline-block; vertical-align:middle; } /* --------------------------- youtube --------------------------- */ #page-android-id .ytbox { position:relative; width:100%; padding-top:56.25%; } #page-android-id .ytbox > iframe { display:block; width:100%; position:absolute; left:0; top:0; } /* --------------------------- page specific --------------------------- */ #contents-area { width:inherit; } #str-contents { padding:0; } .lyt-col-1 #contents-body { width:inherit; } #page-android-id ul.list-gen > li { display:table; } #page-android-id ul.list-gen > li > span:first-child { } #page-android-id h2, #page-android-id h3 { font-weight:bold; } #page-android-id hr { display:block; border:0; padding:0; margin:0; width:100%; height:1px; } #page-android-id .bg-gray1 { background-color:#f6f6f6; } #page-android-id .bg-gray2 { background-color:#efefef } /*#page-android-id section.settings .steps-lower .flex > [class*="step"] { box-sizing:border-box; }*/ #page-android-id section.settings .column.steps .step-content { height:100%; } #page-android-id section.settings .column.steps .steps-lower .figure { position:relative; } #page-android-id section.settings .column.steps .steps-lower .figure .pic { padding-bottom:179.34%; background-size:contain; background-repeat:no-repeat; } #page-android-id .step2 .figure .pic { background-image:url(/card/set/data/special/member/android-id/img/shared/steps_pic02.jpg?20220401); } #page-android-id .step3 .figure .pic { background-image:url(/card/set/data/special/member/android-id/img/shared/steps_pic03.jpg?20220401); } #page-android-id .step4 .figure .pic { background-image:url(/card/set/data/special/member/android-id/img/shared/steps_pic04.jpg); } #page-android-id .step5 .figure .pic { background-image:url(/card/set/data/special/member/android-id/img/shared/steps_pic05.jpg); } @media screen and (max-width:990px){ .lyt-col-1 #contents-body { width:990px; } }