.mt3 {
  margin-top: 3px; }

.mt5 {
  margin-top: 5px; }

.mt8 {
  margin-top: 8px; }

.mt10 {
  margin-top: 10px; }

.mt12 {
  margin-top: 12px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mt55 {
  margin-top: 55px; }

.mt60 {
  margin-top: 60px; }

.mt65 {
  margin-top: 65px; }

.mt70 {
  margin-top: 70px; }

.mt75 {
  margin-top: 75px; }

.mt80 {
  margin-top: 80px; }

.mt370 {
  margin-top: 370px; }

.mb5 {
  margin-bottom: 5px; }

.mb6 {
  margin-bottom: 6px; }

.mb7 {
  margin-bottom: 7px; }

.mb8 {
  margin-bottom: 8px; }

.mb10 {
  margin-bottom: 10px; }

.mb12 {
  margin-bottom: 12px; }

.mb15 {
  margin-bottom: 15px; }

.mb20, .p_mb20 p {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.mb55 {
  margin-bottom: 55px; }

.mb60 {
  margin-bottom: 60px; }

.mb65 {
  margin-bottom: 65px; }

.mb70 {
  margin-bottom: 70px; }

.mb75 {
  margin-bottom: 75px; }

.mb80 {
  margin-bottom: 80px; }

.mb100 {
  margin-bottom: 100px; }

.mb120 {
  margin-bottom: 120px; }

.mb150 {
  margin-bottom: 150px; }

.mb200 {
  margin-bottom: 200px; }

.mb250 {
  margin-bottom: 250px; }

.mb270 {
  margin-bottom: 270px; }

.mb280 {
  margin-bottom: 280px; }

.mb290 {
  margin-bottom: 290px; }

.mb300 {
  margin-bottom: 300px; }

.mb400 {
  margin-bottom: 400px; }

.mb500 {
  margin-bottom: 500px; }

.mb1200 {
  margin-bottom: 20px; }

.ml1 {
  margin-left: 1px; }

.ml2 {
  margin-left: 2px; }

.ml3 {
  margin-left: 3px; }

.ml4 {
  margin-left: 4px; }

.ml5 {
  margin-left: 5px; }

.ml6 {
  margin-left: 6px; }

.ml7 {
  margin-left: 7px; }

.ml8 {
  margin-left: 8px; }

.ml10 {
  margin-left: 10px; }

.ml12 {
  margin-left: 12px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml35 {
  margin-left: 35px; }

.ml40 {
  margin-left: 40px; }

.ml45 {
  margin-left: 45px; }

.ml50 {
  margin-left: 50px; }

.ml55 {
  margin-left: 55px; }

.ml58 {
  margin-left: 58px; }

.ml60 {
  margin-left: 60px; }

.ml65 {
  margin-left: 65px !important; }

.ml68 {
  margin-left: 68px; }

.ml70 {
  margin-left: 70px; }

.ml75 {
  margin-left: 75px; }

.ml80 {
  margin-left: 80px; }

.ml85 {
  margin-left: 85px; }

.ml90 {
  margin-left: 90px; }

.ml95 {
  margin-left: 95px; }

.ml100 {
  margin-left: 100px; }

.ml110 {
  margin-left: 110px; }

.ml120 {
  margin-left: 120px; }

.ml130 {
  margin-left: 130px; }

.ml140 {
  margin-left: 140px; }

.ml150 {
  margin-left: 150px; }

.ml160 {
  margin-left: 160px; }

.ml300 {
  margin-left: 300px; }

.ml305 {
  margin-left: 305px; }

.ml310 {
  margin-left: 310px; }

.ml315 {
  margin-left: 315px; }

.ml320 {
  margin-left: 320px; }

.ml325 {
  margin-left: 325px; }

.ml350 {
  margin-left: 350px; }

.ml400 {
  margin-left: 400px; }

.mr1 {
  margin-right: 1px; }

.mr2 {
  margin-right: 2px; }

.mr3 {
  margin-right: 3px; }

.mr4 {
  margin-right: 4px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr12 {
  margin-right: 12px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.mr35 {
  margin-right: 35px; }

.mr40 {
  margin-right: 40px; }

.mr45 {
  margin-right: 45px; }

.mr50 {
  margin-right: 50px; }

.mr55 {
  margin-right: 55px; }

.mr60 {
  margin-right: 60px; }

.mr65 {
  margin-right: 65px; }

.mr70 {
  margin-right: 70px; }

.mr75 {
  margin-right: 75px; }

.mr80 {
  margin-right: 80px; }

.mr85 {
  margin-right: 85px; }

.mr90 {
  margin-right: 90px; }

.mr95 {
  margin-right: 95px; }

.mr100 {
  margin-right: 100px; }

.mr105 {
  margin-right: 105px; }

.mr110 {
  margin-right: 110px; }

.mr115 {
  margin-right: 115px; }

.mr120 {
  margin-right: 120px; }

.left,
.float_l {
  float: left; }

.float_l2 {
  float: left;
  margin-top: 180px; }

.right,
.float_r {
  float: right; }

.w1 {
  width: 1px; }

.w2 {
  width: 2px; }

.w3 {
  width: 3px; }

.w4 {
  width: 4px; }

.w5 {
  width: 5px; }

.w6 {
  width: 6px; }

.w7 {
  width: 7px; }

.w8 {
  width: 8px; }

.w9 {
  width: 9px; }

.w10 {
  width: 10px; }

.w20 {
  width: 20px; }

.w21 {
  width: 21px; }

.w22 {
  width: 22px; }

.w23 {
  width: 23px; }

.w24 {
  width: 24px; }

.w25 {
  width: 25px; }

.w26 {
  width: 26px; }

.w27 {
  width: 27px; }

.w28 {
  width: 28px; }

.w29 {
  width: 29px; }

.w30 {
  width: 30px; }

.w31 {
  width: 31px; }

.w32 {
  width: 32px; }

.w40 {
  width: 40px; }

.w42 {
  width: 42px; }

.w50 {
  width: 50px; }

.w52 {
  width: 52px; }

.w60 {
  width: 60px; }

.w65 {
  width: 65px; }

.w70 {
  width: 70px; }

.w75 {
  width: 75px; }

.w80 {
  width: 80px; }

.w85 {
  width: 85px; }

.w90 {
  width: 90px; }

.w95 {
  width: 95px; }

.w100 {
  width: 100px; }

.w109 {
  width: 109px; }

.w110 {
  width: 110px; }

.w120 {
  width: 120px; }

.w125 {
  width: 125px; }

.w127 {
  width: 127px; }

.w127_important {
  width: 127px !important; }
  .w127_important a, .w127_important span, .w127_important select {
    width: 127px !important; }

.w130 {
  width: 130px; }

.w135 {
  width: 135px; }

.w137 {
  width: 137px; }

.w138 {
  width: 138px; }

.w140 {
  width: 140px; }

.w140_important {
  width: 140px !important; }
  .w140_important a, .w140_important span, .w140_important select {
    width: 140px !important; }

.w145 {
  width: 145px; }

.w150 {
  width: 150px; }

.w150_important {
  width: 150px !important; }
  .w150_important a, .w150_important span, .w150_important select {
    width: 150px !important; }

.w160 {
  width: 160px; }

.w170 {
  width: 170px; }

.w170_important {
  width: 170px !important; }
  .w170_important a, .w170_important span, .w170_important select {
    width: 170px !important; }

.w180 {
  width: 180px; }

.w185 {
  width: 185px; }

.w190 {
  width: 190px; }

.w195 {
  width: 195px; }

.w200 {
  width: 200px; }

.w205 {
  width: 205px; }

.w210 {
  width: 210px; }

.w210_important {
  width: 210px !important; }
.w210_important a, .w210_important span, .w210_important select {
    width: 210px !important; }

.w215 {
  width: 215px; }

.w220 {
  width: 220px; }

.w220_important {
  width: 220px !important; }
  .w220_important a, .w220_important span, .w220_important select {
    width: 220px !important; }

.w230 {
  width: 230px; }

.w230_important {
  width: 230px !important; }
  .w230_important a, .w230_important span, .w230_important select {
    width: 230px !important; }

.w235 {
  width: 235px; }

.w240 {
  width: 240px; }

.w245 {
  width: 245px; }

.w250 {
  width: 250px; }

.w255 {
  width: 255px; }

.w260 {
  width: 260px; }

.w265 {
  width: 265px; }

.w270 {
  width: 270px; }

.w275 {
  width: 275px; }

.w280 {
  width: 280px; }

.w280_important {
  width: 280px !important; }
  .w280_important a, .w280_important span, .w280_important select, .w280_important input {
    width: 280px !important; }

.w285 {
  width: 285px; }

.w288 {
  width: 288px; }

.w290 {
  width: 290px !important; }

.w290_important {
  width: 290px !important; }
  .w290_important a, .w290_important span, .w290_important select, .w290_important input {
    width: 290px !important; }

.w295 {
  width: 295px; }

.w300 {
  width: 300px !important; }

.w300_important {
  width: 300px !important; }
  .w300_important a, .w300_important span, .w300_important select, .w300_important input {
    width: 300px !important; }

.w310 {
  width: 310px; }

.w320 {
  width: 320px; }

.w330 {
  width: 330px; }

.w335 {
  width: 335px; }

.w340 {
  width: 340px; }

.w340_important {
  width: 340px !important; }
  .w340_important a, .w340_important span, .w340_important select, .w340_important input {
    width: 340px !important; }

.w345 {
  width: 345px; }

.w350 {
  width: 350px; }

.w355 {
  width: 355px; }

.w360 {
  width: 360px; }

.w360_important {
  width: 360px !important; }
  .w360_important a, .w360_important span, .w360_important select, .w360_important input {
    width: 360px !important; }

.w365 {
  width: 365px; }

.w370 {
  width: 370px; }

.w375 {
  width: 375px; }

.w380 {
  width: 380px; }

.w385 {
  width: 385px; }

.w390 {
  width: 390px; }

.w395 {
  width: 395px; }

.w400 {
  width: 400px !important; }

.w405 {
  width: 405px; }

.w410 {
  width: 410px; }

.w415 {
  width: 415px; }

.w420 {
  width: 420px; }

.w425 {
  width: 425px; }

.w430 {
  width: 430px; }

.w435 {
  width: 435px; }

.w440 {
  width: 440px; }

.w445 {
  width: 445px; }

.w450 {
  width: 450px; }

.w455 {
  width: 455px; }

.w460 {
  width: 460px; }

.w465 {
  width: 465px; }

.w470 {
  width: 470px; }

.w475 {
  width: 475px; }

.w480 {
  width: 480px; }

.w485 {
  width: 485px; }

.w490 {
  width: 490px; }

.w500 {
  width: 500px; }

.w510 {
  width: 510px; }

.w515 {
  width: 515px; }

.w520 {
  width: 520px; }

.w530 {
  width: 530px; }

.w540 {
  width: 540px; }

.w540_important {
  width: 540px !important; }
  .w540_important div, .w540_important a, .w540_important span, .w540_important select, .w540_important input {
    width: 540px !important; }

.w550 {
  width: 550px; }

.w550_important {
  width: 550px !important; }
  .w550_important div, .w550_important a, .w550_important span, .w550_important select, .w550_important input {
    width: 550px !important; }

.w560 {
  width: 560px; }

.w560_important {
  width: 560px !important; }
  .w560_important div, .w560_important a, .w560_important span, .w560_important select, .w560_important input {
    width: 560px !important; }

.w568 {
  width: 568px; }

.w568_important {
  width: 568px !important; }
  .w568_important div, .w568_important a, .w568_important span, .w568_important select, .w568_important input {
    width: 568px !important; }

.w570 {
  width: 570px; }

.w580 {
  width: 580px; }

.w590 {
  width: 590px; }

.w595 {
  width: 595px; }

.w598 {
  width: 598px; }

.w598_important {
  width: 598px !important; }
  .w598_important div, .w598_important a, .w598_important span, .w598_important select, .w598_important input {
    width: 598px !important; }

.w600 {
  width: 600px; }

.w600_important {
  width: 600px !important; }
  .w600_important a, .w600_important span, .w600_important select {
    width: 600px !important; }

.w610 {
  width: 610px; }

.w620 {
  width: 620px; }

.w630 {
  width: 630px; }

.w640 {
  width: 640px; }

.w650 {
  width: 650px; }

.w700 {
  width: 700px; }

.w760 {
  width: 760px; }

.w800 {
  width: 800px; }

.w1080 {
  width: 1080px; } 

.w10per {
  width: 10% !important; }

.w20per {
  width: 20% !important; }

.w30per {
  width: 30% !important; }

.w40per {
  width: 40% !important; }

.w48per {
  width: 48% !important; }

.w49per {
  width: 49% !important; }

.w50per {
  width: 50% !important; }

.w60per {
  width: 60% !important; }

.w65per {
  width: 65% !important; }

.w70per {
  width: 70% !important; }

.w80per {
  width: 80% !important; }

.w81per {
  width: 81% !important; }

.w82per {
  width: 82% !important; }

.w83per {
  width: 83% !important; }

.w84per {
  width: 84% !important; }

.w85per {
  width: 85% !important; }

.w86per {
  width: 86% !important; }

.w87per {
  width: 87% !important; }

.w88per {
  width: 88% !important; }

.w89per {
  width: 89% !important; }

.w90per {
  width: 90% !important; }

.w91per {
  width: 91% !important; }

.w92per {
  width: 92% !important; }

.w93per {
  width: 93% !important; }

.w94per {
  width: 94% !important; }

.w95per {
  width: 95% !important; }

.w96per {
  width: 96% !important; }

.w97per {
  width: 97% !important; }

.w98per {
  width: 98% !important; }

.w99per {
  width: 99% !important; }

.w100per {
  width: 100% !important; }

.h10 {
  height: 10px; }

.h15 {
  height: 15px; }

.h20 {
  height: 20px; }

.h25 {
  height: 25px; }

.h28 {
  height: 28px; }

.h30 {
  height: 30px; }

.h35 {
  height: 35px; }

.h40 {
  height: 40px; }

.h42 {
  height: 42px; }

.h45 {
  height: 45px; }

.h46 {
  height: 46px; }

.h50 {
  height: 50px; }

.h53 {
  height: 53px; }

.h54 {
  height: 54px; }

.h55 {
  height: 55px; }

.h57 {
  height: 57px; }

.h60 {
  height: 60px; }

.h65 {
  height: 65px; }

.h70 {
  height: 70px; }

.h70_min {
  min-height: 70px; }

.h75 {
  height: 75px; }

.h80 {
  height: 80px; }

.h81 {
  height: 81px; }

.h83 {
  height: 83px; }

.h85 {
  height: 85px; }

.h90 {
  height: 90px; }

.h95 {
  height: 95px; }

.h100 {
  height: 100px; }

.h110 {
  height: 110px; }

.h120 {
  height: 120px; }

.h125 {
  height: 125px; }

.h126 {
  height: 126px; }

.h130 {
  height: 130px; }

.h140 {
  height: 140px; }

.h150 {
  height: 150px; }

.h160 {
  height: 160px; }

.h166 {
  height: 166px; }

.h170 {
  height: 170px; }

.h180 {
  height: 180px; }

.h196 {
  height: 196px; }

.h190 {
  height: 190px; }

.h200 {
  height: 200px; }

.h210 {
  height: 210px; }

.h300 {
  height: 300px; }

.h345 {
  height: 345px; }

.h350 {
  height: 350px; }

.h391 {
  height: 391px; }

.h400 {
  height: 400px; }

.h420 {
  height: 420px; }

.h450 {
  height: 450px; }

.h460 {
  height: 460px; }

.h470 {
  height: 470px; }

.h480 {
  height: 480px; }

.h490 {
  height: 490px; }

.h500 {
  height: 500px; }

.h510 {
  height: 510px; }

.h550 {
  height: 550px; }

.h600 {
  height: 600px; }

.h610 {
  height: 610px; }

.h620 {
  height: 620px; }

.h630 {
  height: 630px; }

.h640 {
  height: 640px; }

.h650 {
  height: 650px; }

.h700 {
  height: 700px; }

.h750 {
  height: 750px; }

.h90per {
  height: 90%; }

.h100per {
  height: 100%; }

.p0 {
  padding: 0 !important; }

.p1 {
  padding: 1px; }

.p2 {
  padding: 2px; }

.p3 {
  padding: 3px; }

.p4 {
  padding: 4px; }

.p5 {
  padding: 5px; }

.p6 {
  padding: 6px; }

.p7 {
  padding: 7px; }

.p8 {
  padding: 8px; }

.p9 {
  padding: 9px; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p25 {
  padding: 25px !important; }

.p30 {
  padding: 30px !important; }

.p35 {
  padding: 35px !important; }

.p40 {
  padding: 40px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb12 {
  padding-bottom: 12px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pt1 {
  padding-top: 1px; }

.pt2 {
  padding-top: 2px; }

.pt3 {
  padding-top: 3px; }

.pt4 {
  padding-top: 4px; }

.pt5 {
  padding-top: 5px; }

.pt6 {
  padding-top: 6px; }

.pt7 {
  padding-top: 7px; }

.pt8 {
  padding-top: 8px; }

.pt9 {
  padding-top: 9px; }

.pt10 {
  padding-top: 10px !important; }

.pt11 {
  padding-top: 10px !important; }

.pt12 {
  padding-top: 10px !important; }

.pt13 {
  padding-top: 10px !important; }

.pt14 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb1 {
  padding-bottom: 1px; }

.pb2 {
  padding-bottom: 2px; }

.pb3 {
  padding-bottom: 3px; }

.pb4 {
  padding-bottom: 4px; }

.pb5 {
  padding-bottom: 5px; }

.pb6 {
  padding-bottom: 6px; }

.pb7 {
  padding-bottom: 7px; }

.pb8 {
  padding-bottom: 8px; }

.pb9 {
  padding-bottom: 9px; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl1 {
  padding-left: 1px !important; }

.pl2 {
  padding-left: 2px !important; }

.pl3 {
  padding-left: 3px !important; }

.pl4 {
  padding-left: 4px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pr1 {
  padding-right: 1px !important; }

.pr2 {
  padding-right: 2px !important; }

.pr3 {
  padding-right: 3px !important; }

.pr4 {
  padding-right: 4px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.ls1 {
  letter-spacing: 1px !important; }

.ls2 {
  letter-spacing: 2px !important; }

.ls3 {
  letter-spacing: 3px !important; }

.ls4 {
  letter-spacing: 4px !important; }

.ls5 {
  letter-spacing: 5px !important; }

.picture_50 img {
  width: 50px !important;
  height: 50px !important; }

.picture_40 img {
  width: 40px !important;
  height: 40px !important; }

.picture_100 img {
  width: 100px !important;
  height: 100px !important; }

.picture_127 img {
  width: 127px !important;
  height: 127px !important; }

.picture_150 img {
  width: 150px !important;
  height: 150px !important; }

.picture_186 img {
  width: 186px !important;
  height: 186px !important; }

.picture_200 img {
  width: 200px !important;
  height: 200px !important; }

.picture_286 img {
  width: 286px !important;
  height: 286px !important; }

.picture_300 img {
  width: 300px !important;
  height: 300px !important; }

.picture_460 img {
  width: 460px !important;
  height: 460px !important; }

.fs10 {
  font-size: 10px !important;
  font-size: 0.625 rem !important; }
  .fs10 a, .fs10 p, .fs10 span, .fs10 input {
    font-size: 10px !important;
    font-size: 0.625 rem !important; }

.fs11 {
  font-size: 11px !important;
  font-size: 0.6875 rem !important; }
  .fs11 a, .fs11 p, .fs11 span, .fs11 input {
    font-size: 11px !important;
    font-size: 0.6875 rem !important; }

.fs12 {
  font-size: 12px !important;
  font-size: 0.75 rem !important; }
  .fs12 a, .fs12 p, .fs12 span, .fs12 input {
    font-size: 12px !important;
    font-size: 0.75 rem !important; }

.fs14 {
  font-size: 14px !important;
  font-size: 0.875 rem !important; }
  .fs14 a, .fs14 p, .fs14 span, .fs14 input {
    font-size: 14px !important;
    font-size: 0.875 rem !important; }

.fs16 {
  font-size: 16px !important;
  font-size: 1 rem !important; }
  .fs16 a, .fs16 p, .fs16 span, .fs16 input {
    font-size: 16px !important;
    font-size: 1 rem !important; }

.fs18 {
  font-size: 18px !important;
  font-size: 1.125 rem !important; }
  .fs18 a, .fs18 p, .fs18 span, .fs18 input {
    font-size: 18px !important;
    font-size: 1.125 rem !important; }

.fs20 {
  font-size: 20px !important;
  font-size: 1.25 rem !important; }
  .fs20 a, .fs20 p, .fs20 span, .fs20 input {
    font-size: 20px !important;
    font-size: 1.25 rem !important; }

.fs22 {
  font-size: 22px !important;
  font-size: 1.375 rem !important; }
  .fs22 a, .fs22 p, .fs22 span, .fs22 input {
    font-size: 22px !important;
    font-size: 1.375 rem !important; }

.fs24 {
  font-size: 24px !important;
  font-size: 1.5 rem !important; }
  .fs24 a, .fs24 p, .fs24 span, .fs24 input {
    font-size: 24px !important;
    font-size: 1.5 rem !important; }

.fs26 {
  font-size: 26px !important;
  font-size: 1.625 rem !important; }
  .fs26 a, .fs26 p, .fs26 span, .fs26 input {
    font-size: 26px !important;
    font-size: 1.625 rem !important; }

.fs28 {
  font-size: 28px !important;
  font-size: 1.75 rem !important; }
  .fs28 a, .fs28 p, .fs28 span, .fs28 input {
    font-size: 28px !important;
    font-size: 1.75 rem !important; }

.fs30 {
  font-size: 30px !important;
  font-size: 1.875 rem !important; }
  .fs30 a, .fs30 p, .fs30 span, .fs30 input {
    font-size: 30px !important;
    font-size: 1.875 rem !important; }

.fs32 {
  font-size: 32px !important;
  font-size: 2 rem !important; }
  .fs32 a, .fs32 p, .fs32 span, .fs32 input {
    font-size: 32px !important;
    font-size: 2 rem !important; }

.fs34 {
  font-size: 34px !important;
  font-size: 2.125 rem !important; }
  .fs34 a, .fs34 p, .fs34 span, .fs34 input {
    font-size: 34px !important;
    font-size: 2.125 rem !important; }

.fs36 {
  font-size: 36px !important;
  font-size: 2.25 rem !important; }
  .fs36 a, .fs36 p, .fs36 span, .fs36 input {
    font-size: 36px !important;
    font-size: 2.25 rem !important; }

.ime_mode_disabled {
  ime-mode: disabled; }

.lh100 {
  line-height: 100% !important; }

.lh110 {
  line-height: 110% !important; }

.lh120 {
  line-height: 120% !important; }

.lh130 {
  line-height: 130% !important; }

.lh140 {
  line-height: 140% !important; }

.lh150 {
  line-height: 150% !important; }

.lh160 {
  line-height: 160% !important; }

.lh170 {
  line-height: 170% !important; }

.lh180 {
  line-height: 180% !important; }

.z_index_0 {
  z-index: 0 !important; }

.z_index_9999 {
  z-index: 9999 !important; }

.disable,
.disabled {
  cursor: not-allowed; }

.hidden {
  display: none; }

.clear {
  clear: both; }

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

.nobr,
.nowrap {
  white-space: nowrap; }

.block {
  display: block !important; }

.inline_block {
  display: inline-block !important; }

.inline {
  display: inline !important; }

.none {
  display: none !important; }

.margincenter {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.textcenter,
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.textleft,
.alignleft {
  text-align: left; }

.textright,
.alignright {
  text-align: right; }

.cell_center {
  display: table; }
  .cell_center span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 150%; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.top {
  position: absolute;
  top: 0; }

.bottom {
  position: absolute;
  bottom: 0; }

.radius1 {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.radius2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.radius3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.radius4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.radius5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.radius6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.radius7 {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; }

.radius8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.radius9 {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px; }

.radius10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.b_gray {
  border: #D0D0D0 1px solid; }

.bt_gray {
  border-top: #D0D0D0 1px solid;
  width: 100%; }

.b_white {
  border: #FFF 1px solid; }

.bb_white {
  border-bottom: #FFF 1px solid !important;
  width: 100%; }

.bt_white {
  border-top: #FFF 1px solid !important;
  width: 100%; }

.bb_gray {
  border-bottom: #E3E3E3 1px solid;
  width: 100%; }

.bl_gray {
  border-left: #E3E3E3 1px solid; }

.br_gray {
  border-right: #E3E3E3 1px solid; }

.bb_gray_2px {
  border-bottom: #E3E3E3 2px solid;
  width: 100%; }

.bb_gray_3px {
  border-bottom: #E3E3E3 3px solid;
  width: 100%; }

.bb_gray_4px {
  border-bottom: #E3E3E3 4px solid;
  width: 100%; }

.b_lightgray {
  border: #CCC 1px solid;
  height: auto; }

.b_lightgray_10px {
  border: #DFDFDF 10px solid;
  height: auto; }

.bb_lightgray {
  border-bottom: #CCC 1px solid;
  width: 100%; }

.bt_lightgray {
  border-top: #CCC 1px solid;
  width: 100%; }

.b_ultralightgray {
  border: #e0e0e0 1px solid;
  height: auto; }

.bb_gray_shadow {
  background: url(../images/border_shadow.png) repeat-x scroll;
  width: 100%;
  height: 4px; }

.b_darkblue {
  border: #44607c 1px solid;
  width: 100%; }

.b_darkblue_2px {
  border: #44607c 2px solid;
  width: 100%; }

.b_darkblue_3px {
  border: #44607c 3px solid;
  width: 100%; }

.b_darkblue_5px {
  border: #44607c 5px solid;
  width: 100%; }

.bb_darkblue {
  border-bottom: #44607c 1px solid;
  width: 100%; }

.bb_darkblue_5px {
  border-bottom: #44607c 5px solid;
  width: 100%; }

.bb_darkblue2 {
  border-bottom: #34689a 1px solid;
  width: 100%; }

.bb_darkblue2_5px {
  border-bottom: #34689a 5px solid;
  width: 100%; }

.b_brown {
  border: #6A5939 1px solid; }

.bb_blue {
  border-bottom: #198efe 1px solid;
  width: 100%; }

.bb_blue_2px {
  border-bottom: #198efe 2px solid;
  width: 100%; }

.b_blue {
  border: #198efe 1px solid; }

.b_blue_2px {
  border: #198efe 2px solid; }

.b_blue_dashed {
  border: #198efe 1px dashed; }

.bb_darkblue {
  border-bottom: #44607c 1px solid;
  width: 100%; }

.bb_darkblue_2px {
  border-bottom: #44607c 2px solid;
  width: 100%; }

.b_darkblue_dashed {
  border: #44607c 1px dashed; }

.bb_brown {
  border-bottom: #6A5939 1px solid;
  width: 100%; }

.bb_brown_4px {
  border-bottom: #6A5939 4px solid;
  width: 100%; }

.bt_brown_4px {
  border-top: #6A5939 4px solid;
  width: 100%; }

.bb_lightbrown {
  border-bottom: #F2F0EC 1px solid;
  width: 100%; }

.bb_pink_1px {
  border-bottom: #d8006c 1px solid;
  width: 100%; }

.bb_pink_2px {
  border-bottom: #d8006c 2px solid;
  width: 100%; }

.bb_pink_3px {
  border-bottom: #d8006c 3px solid;
  width: 100%; }

.bb_pink_4px {
  border-bottom: #d8006c 4px solid;
  width: 100%; }

.word_break_all {
  word-break: break-all !important; }

.word_break_normal {
  word-break: normal !important; }

.bold {
  font-weight: bold !important; }

.bggray {
  background-color: #F5F3F2 !important; }

.bglightgray {
  background-color: #F5F5F5 !important; }

.bggray2 {
  background-color: #EEEEEE !important; }

.bgblue {
  background-color: #198efe !important; }

.bgblue2 {
  background-color: #19A3FF !important; }

.bglightblue {
  background-color: #DFF6FF !important; }

.bglightblue2 {
  background-color: #CCFFFF !important; }

.bgdarkgray {
  background-color: #DCDCDC !important; }

.bgred {
  background-color: #e53130 !important; }

.bgred2 {
  background-color: #DC0000 !important; }

.bgnavy {
  background-color: #13476B !important; }

.bgwhite {
  background-color: #FFFFFF !important; }

.bgpeach {
  background-color: #EFE7DE !important; }

.bgyellow {
  background-color: #F5E49C !important; }

.bglightyellow {
  background-color: #F8F6EC !important; }

.bgultralightyellow {
  background-color: #fdfdfa !important; }

.bgcream {
  background-color: #FFFDE8 !important; }

.bgbrown {
  background-color: #6A5939 !important; }

.bglightbrown {
  background-color: #F2F0EC !important; }

.colorred {
  color: #e53130 !important; }

.colorred2 {
  color: #CC0000 !important; }

.colorred3 {
  color: #FF2800 !important; }

.colorgreen {
  color: #267325 !important; }
  .colorgreen a, .colorgreen p {
    color: #267325 !important; }

.colorlightgreen {
  color: #a8c353 !important; }
  .colorlightgreen a, .colorlightgreen p {
    color: #a8c353 !important; }

.colorbrown {
  color: #6a5939 !important; }
  .colorbrown a, .colorbrown p {
    color: #6a5939 !important; }

.colorblack {
  color: #333333 !important; }
  .colorblack a, .colorblack p {
    color: #333333 !important; }

.colorgray {
  color: #656565 !important; }
  .colorgray a, .colorgray p {
    color: #656565 !important; }

.colordarkgray {
  color: #666 !important; }
  .colordarkgray a, .colordarkgray p {
    color: #666 !important; }

.colorlightgray {
  color: #c7c7c7 !important; }
  .colorlightgray a, .colorlightgray p {
    color: #c7c7c7 !important; }

.colorwhite {
  color: white !important; }
  .colorwhite a, .colorwhite p {
    color: white !important; }

.coloryellow {
  color: #fbc942 !important; }
  .coloryellow a, .coloryellow p {
    color: #fbc942 !important; }

.colorpink {
  color: #d8006c !important; }
  .colorpink a, .colorpink p {
    color: #d8006c !important; }

.colorblue {
  color: #198efe !important; }
  .colorblue a, .colorblue p {
    color: #198efe !important; }

.colorlightblue {
  color: #6ec4fe !important; }
  .colorlightblue a, .colorlightblue p {
    color: #6ec4fe !important; }

.colordarkblue {
  color: #44607c !important; }
  .colordarkblue a, .colordarkblue p {
    color: #44607c !important; }

.colordarkblue2 {
  color: #34689a !important; }
  .colordarkblue2 a, .colordarkblue2 p {
    color: #34689a !important; }

.colordarkgreen {
  color: #025f7d !important; }
  .colordarkgreen a, .colordarkgreen p {
    color: #025f7d !important; }

.coloroudo {
  color: #A57C2C !important; }
  .coloroudo a, .coloroudo p {
    color: #A57C2C !important; }

.table_layout {
  display: table; }
  .table_layout .table_cell {
    display: table-cell;
    vertical-align: top; }
    .table_layout .table_cell.vmiddle {
      vertical-align: middle !important; }

.max-image,
.max_image {
  width: 100%;
  height: auto; }
  .max-image img,
  .max_image img {
    width: 100%;
    height: auto; }

.circle {
  font-size: 18px;
  padding: 0;
  text-align: center;
  display: inline-block; }
  .circle.circle60 {
    border-radius: 120px;
    height: 60px;
    line-height: 60px;
    width: 60px; }
  .circle.circle50 {
    border-radius: 100px;
    height: 50px;
    line-height: 50px;
    width: 50px; }
  .circle.darkblue {
    background: none repeat scroll 0 0 #44607C;
    border: medium none;
    box-shadow: none;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background; }
  .circle.darkblue2 {
    background: none repeat scroll 0 0 #34689A;
    border: medium none;
    box-shadow: none;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: none;
    transition-duration: 0.3s;
    transition-property: background; }

.box_shadow_bottom {
  -webkit-box-shadow: 3px 6px 3px -3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 6px 3px -3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 6px 3px -3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 6px 3px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 6px 3px -3px rgba(0, 0, 0, 0.3); }

.box_shadow {
  -webkit-box-shadow: #999999 2px 2px 5px;
  -moz-box-shadow: #999999 2px 2px 5px;
  box-shadow: #999999 2px 2px 5px; }

.picture_box {
  background: #FEFEFE;
  border: #ECECEC 1px solid;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.02); }
  .picture_box .picture_box_inner {
    margin: 5px; }

table.form_layout th {
  width: 70px;
  padding: 10px 0;
  font-weight: bold;
  line-height: 130%;
  border-bottom: 1px #CCCCCC solid;
  white-space: nowrap; }
table.form_layout td {
  padding: 10px 0 10px 0;
  line-height: 130%;
  border-bottom: 1px #CCCCCC solid;
  word-break: break-all; }
table.form_layout th p, table.form_layout td p {
  padding-left: 5px;
  padding-right: 5px; }

dl.form_layout dt {
  float: left;
  width: 80px;
  padding: 10px 0;
  font-weight: bold;
  line-height: 130%; }
dl.form_layout dd {
  padding: 10px 0 10px 10px;
  line-height: 130%;
  border-bottom: 1px #CCCCCC solid;
  word-break: break-all; }

.gradient_button, input[type=submit], input[type=button], input[type=reset], .gradient_button_wapper div, .gradient_button_wapper a, .gradient_button_wapper input, .gradient_button_wapper button {
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 210%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }
  .gradient_button.white, input.white[type=submit], input.white[type=button], input.white[type=reset], .gradient_button_wapper div.white, .gradient_button_wapper a.white, .gradient_button_wapper input.white, .gradient_button_wapper button.white {
    border: 1px solid #999999;
    color: #523f6d;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
    background: -webkit-linear-gradient(top, white, #eeeeee);
    background: -moz-linear-gradient(top, white, #eeeeee);
    background: -ms-linear-gradient(top, white, #eeeeee);
    background: -o-linear-gradient(top, white, #eeeeee);
    background: linear-gradient(top bottom, #ffffff, #eeeeee); }
    .gradient_button.white:hover, input.white[type=submit]:hover, input.white[type=button]:hover, input.white[type=reset]:hover, .gradient_button_wapper div.white:hover, .gradient_button_wapper a.white:hover, .gradient_button_wapper input.white:hover, .gradient_button_wapper button.white:hover {
      color: #8469a9;
      text-decoration: none; }
  .gradient_button span, input[type=submit] span, input[type=button] span, input[type=reset] span, .gradient_button_wapper div span, .gradient_button_wapper a span, .gradient_button_wapper input span, .gradient_button_wapper button span {
    background: none;
    border: none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px white, -1px -1px #DDD;
    letter-spacing: 2px; }
  .gradient_button.disable, input.disable[type=submit], input.disable[type=button], input.disable[type=reset], .gradient_button_wapper div.disable, .gradient_button_wapper a.disable, .gradient_button_wapper input.disable, .gradient_button_wapper button.disable {
    color: #656565;
    text-decoration: none; }

input[type=submit], input[type=button], input[type=reset] {
  line-height: 100%; }

/* ---------------------------------------------------
01: home
02: about
03: news
04: products
05: works
06: contact
--------------------------------------------------- */
/* 01: home
--------------------------------------------------- */
.home #contents {
  width: 960px; }
.home #contents h2 {
    margin: 0;
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8; }

@media screen and (min-width: 0px) and (max-width: 767px) {
.home #contents {
    width: 100%; }
.home #contents h2 {
      font-size: 12px;
      line-height: 35px; } }
/* image holder */
#spacer {
  height: 9999px; }

#holder_pc {
  position: fixed;
  background-color: #fff; }

#holder_sp {
  position: fixed;
  background-color: #fff;
  display: none; }

#holder_pc {
  display: block;
  border: 20px solid #fff;
  /* opacity */
  filter: alpha(opacity=0) \9; }

/* IE8, 9 */
.holder .logo {
  position: absolute;
  bottom: 45px;
  right: 40px; }
  .holder .logo img {
    width: 75px; }
.holder .btn {
  position: absolute;
  bottom: 45px;
  left: 50%;
  width: 110px;
  margin-left: -55px;
  text-align: center;
  z-index: 100;
  display: none; }
.holder .btn img {
    margin-bottom: 3px; }
.holder .btn:hover {
    /* opacity */
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70; }
.holder a {
  color: #fff; }
.holder .ttl {
  position: absolute;
  bottom: 200px;
  left: 50%;
  width: 100%;
  margin-left: -50%;
  color: #fff;
  display: none; }
.holder .ttl h3 {
    margin-bottom: 24px;
    font-size: 40px;
    font-size: 2.5 rem;
    line-height: 36px;
    text-transform: none;
    text-align: center;
    border: 0;
    color: #fff;
    letter-spacing: 2px; }
.holder .ttl h3 img {
      width: 720px;
      margin-left: auto;
      margin-right: auto; }
.holder .ttl p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff; }

@media screen and (min-width: 0px) and (max-width: 767px) {
#holder_pc, #holder_sp {
    width: 100%;
}

#holder_pc {
    display: none;
    visibility: hidden;
}

#holder_sp {
    display: block;
    width: 1000px !important;
}

.holder .logo {
    width: 60px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -30px;
}
.holder .logo img {
      width: 60px;
}
.holder .btn {
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}
.holder .btn img {
      width: 51px;
      margin: 5px auto 0 auto;
}
.holder .ttl h3 {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 18px;
}
.holder .ttl p {
    font-size: 8px;
    line-height: 12px;
}

}

/* news slide */
#news_slide {
  float: left;
  width: 680px;
  height: auto;
  margin: 0 15px;
}
#news_slide .swipe-wrap {
    height: 400px;
    overflow: hidden;
}
#news_slide .ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: -60px 0 0 -50%;
    color: #fff;
}
#news_slide .ttl h3 {
      margin-bottom: 24px;
      font-size: 36px;
      text-transform: none;
      text-align: center;
      border: 0;
}
#news_slide .ttl p {
      font-size: 14px;
      line-height: 24px;
      text-align: center;
}

/* news list */
#news_list {
  float: left;
  width: 240px;
  margin: 0px 5px 0 0px;
}
#news_list ul {
    margin: 25px 0 0 0;
	list-style: none;
}
#news_list li {
    margin-bottom: 10px;
    padding-left: 10px;
    /background: url(/images/bullet.png) no-repeat left 7px;
}
#news_list li .date {
      font-size: 9px;
      line-height: 16px;
      color: #646464;
      display: block; 
}

#news_list li .txt {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1.5px;
}
#news_list li a {
      /display: block;
}
#news_list li a:hover .txt {
        text-decoration: underline;
}

#news_list li .txt2 {
   font-size: 10px;
   line-height: 14px;
   letter-spacing: 1.5px;
}

#news_list li .txt3 {
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1.5px;
}

#news_list li .txt4 {
   font-size: 13px;
   line-height: 25px;
   letter-spacing: 1.5px;
}

#news_list li .txt5 {
   font-size: 15px;
   line-height: 40px;
   letter-spacing: 1.5px;
}
		
/* news list2 */
#news_list2 {
  float: left;
  /width: 1100px;
  margin: 2px 5px 0 -10px;
}

#news_list2 h2 {
  float: left;
  width: 220px;
  margin: 2px 5px 0 -10px;
}
#news_list2 ul {
    margin: 10px 15px 25px 240px;
}
#news_list2 li {
    margin-bottom: 7px;
    padding-left: 10px;
    /background: url(/images/bullet.png) no-repeat left 7px;
}
#news_list2 li .date {
   font-size: 9px;
   line-height: 16px;
   color: #646464;
   display: block;
}
#news_list2 li .txt {
   font-size: 13px;
   line-height: 20px;
   letter-spacing: 1.5px;
}

#news_list2 li .txt2 {
   font-size: 12px;
   line-height: 14px;
   letter-spacing: 1.5px;
}

#news_list2 li .txt3 {
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1.5px;
}

#news_list2 li .txt4 {
   font-size: 13px;
   line-height: 25px;
   letter-spacing: 1.5px;
}

#news_list2 li .txt5 {
   font-size: 14px;
   line-height: 30px;
   letter-spacing: 1.5px;
}
#news_list2 li a {
    /display: block;
}
#news_list2 li a:hover .txt {
    text-decoration: underline;
}

/* news list3 */
#news_list3 {
  /float: left;
  /width: 1100px;
  margin: 2px 5px 0 0px;
	text-align: center;
}

#news_list3 ul {
    margin: 10px 15px 25px 0px;
}
#news_list3 li {
    margin-bottom: 7px;
    padding-left: 10px;
    /background: url(/images/bullet.png) no-repeat left 7px;
}
#news_list3 li .date {
   font-size: 9px;
   line-height: 16px;
   color: #646464;
   display: block;
}
#news_list3 li .txt {
   font-size: 13px;
   line-height: 20px;
   letter-spacing: 1.5px;
}

#news_list3 li .txt2 {
   font-size: 12px;
   line-height: 14px;
   letter-spacing: 1.5px;
}

#news_list3 li .txt3 {
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1.5px;
}

#news_list3 li .txt4 {
   font-size: 13px;
   line-height: 25px;
   letter-spacing: 1.5px;
}
#news_list3 li a {
    /display: block;
}
#news_list3 li a:hover .txt {
    text-decoration: underline;
}		

/* news all */
#news_all {
  width: 100%;
  margin: 30px 0 0 0;
  position: relative; }
#news_all h3, #news_all h4 {
    margin-top: 15px; }
#news_all h3 img.title, #news_all h4 img.title {
      margin-left: auto;
      margin-right: auto; }
#news_all h3 img.title-material-menu, #news_all h4 img.title-material-menu {
      width: 306px;
      height: auto; }
#news_all h3 img.title-material-skincare, #news_all h4 img.title-material-skincare {
      width: 388px;
      height: auto; }
#news_all h3 img.title-relaxhome, #news_all h4 img.title-relaxhome {
      width: 241px;
      height: auto; }
#news_all h3 img.title-almonihome, #news_all h4 img.title-almonihome {
      width: 350px;
      height: auto; }
#news_all h3 img.title-hair-make-design, #news_all h4 img.title-hair-make-design {
      width: 264px;
      height: auto; }
#news_all article.item {
    float: left;
    position: relative;
    margin: 0 10px;
    padding: 0 0 20px 0; }
#news_all article.item .icn {
      position: absolute;
      top: 1px;
      right: 5px;
      font-size: 9px;
      line-height: 14px;
      font-weight: bold;
      text-transform: uppercase; }
#news_all article.item .icn_cat {
      padding: 3px 6px 2px;
      color: #646464;
      border-left: 1px solid #c8c8c8;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8; }
#news_all article.item .icn_sale {
      padding: 3px 6px 2px;
      color: #fff;
      background: #97130e;
      border-left: 1px solid #97130e;
      border-right: 1px solid #97130e;
      border-bottom: 1px solid #97130e; }
#news_all .la_matiere_wapper .la_matiere article.item {
    width: 195px !important;
    margin-left: auto;
    margin-right: auto; }
#news_all .la_matiere_wapper .la_matiere article.item h4 {
      font-size: 16px;
      font-size: 1 rem; }
#news_all .la_matiere_wapper .la_matiere article.item a, #news_all .la_matiere_wapper .la_matiere article.item img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
#news_all .la_matiere_wapper .la_matiere article.item p {
      width: 80%;
      margin-left: auto;
      margin-right: auto; }

article.item h4 {
  margin: 15px 0 8px 0;
  font-size: 18px;
  font-size: 1.125 rem;
  line-height: 16px;
  text-align: center; }
article.item .cat {
  display: block;
  margin: 5px 0;
  font-size: 9px;
  color: #646464; }
article.item p {
  margin: 10px 0;
  font-size: 12px;
  font-size: 0.75 rem;
  line-height: 16px; }
article.item a {
  display: inline-block;
  color: #222; }
article.item a:hover img {
    /* opacity */
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70; }
article.item a:hover h4 {
    color: #b5b5b5;
    text-decoration: underline; }

article.item .taste {
  margin: 0 -10px 0 0; }


/* news all */
#accessmap {
  margin: 0 20px 0 20px; 
  } 
  
#accessmap h3 img.title {
  margin-left: auto;
  margin-right: auto; }
#accessmap h3 img.title-accessmap {
  width: 162px;
  height: 49px; }
#accessmap h4 {
  display: block;
  font-size: 30px;
  font-size: 1.875 rem;
  letter-spacing: 2px;
  margin-bottom: 25px; }
#accessmap h4 small {
    font-size: 14px;
    font-size: 0.875 rem;
    padding-left: 10px; }
#accessmap .tel {
  font-size: 20px;
  font-size: 1.25 rem;
  letter-spacing: 1px;
  padding-top: 15px; }
#accessmap .address {
  line-height: 1.8;
  font-weight: 100;
  color: #333;
  letter-spacing: 2px;
  font-size: 14px;
  font-size: 0.875 rem;  }
#accessmap strong {
  letter-spacing: 2px;
  margin-bottom: 3px;
  display: block;
  font-size: 14px;
  font-size: 0.875 rem; }
#accessmap p {
  line-height: 2.0;
  font-weight: 100;
  color: #333;
  letter-spacing: 2px;
  font-size: 14px;
  font-size: 0.875 rem; }
#accessmap .map {
  margin-left: 100px; } 

#accessmap .for_salon {
	position: absolute;
	padding: 40px 0 25px 746px;
	width: 960px;
}
#accessmap .for_salon2 {
	position: absolute;
	padding: 0 0 25px 746px;
	width: 960px;
}

#news_list2 .for_salon3 {
	position: absolute;
	padding: 0 0 0 766px;
	width: 960px;
	text-align: right;
}

#news_list .for_salon4 {
	position: relative;
	padding: 132px 0 0 20px;
}

#reservation h3 img.title {
  margin-left: auto;
  margin-right: auto; }
#reservation h3 img.title-reservation {
  width: 123px;
  height: 45px; }

/* other */
#blog, #info, #catalog, #store {
  float: left;
  width: 225px;
  margin: 0 10px; }

#blog ul {
  margin: 15px 5px 0 5px; }
#blog li {
  height: 60px;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 16px; }
#blog li .date {
    font-size: 9px;
    line-height: 12px;
    color: #646464;
    display: block; }
#blog li img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px; }
#blog li a {
    display: block; }
    #blog li a:hover .txt {
      text-decoration: underline; }
#blog li a:hover img {
      /* opacity */
      filter: alpha(opacity=70);
      -moz-opacity: .70;
      opacity: .70; }

#info ul {
  margin: 15px 5px; }
#info li {
  width: 215px;
  margin: 5px 0; }
#info img {
  width: 100%; }
#info li a:hover img {
  /* opacity */
  filter: alpha(opacity=70);
  -moz-opacity: .70;
  opacity: .70; }

#catalog div {
  margin: 15px 5px; }
#catalog img {
  width: 100%; }
#catalog h3 {
  font-size: 14px;
  margin: 10px; }
#catalog p {
  margin: 10px;
  font-size: 11px;
  line-height: 16px; }
#catalog a {
  color: #222; }
#catalog a:hover h3 {
    color: #b5b5b5;
    text-decoration: underline; }
#catalog a:hover img {
    /* opacity */
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70; }

#store {
  margin-right: 0; }
  #store ul {
    margin: 15px 5px; }
#store li {
    width: 215px;
    margin: 5px 0; }
#store img {
    width: 100%; }
#store li a:hover img {
    /* opacity */
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70; }

/* 02: about
--------------------------------------------------- */
.about .main {
  width: 100%;
  text-align: center; }
  .about .main h3 {
    margin: 20px 0 10px;
    font-size: 26px;
    line-height: 40px;
    border: 0; }
.about .main img {
    width: 785px;
    margin: 0 auto; }
.about .main p {
    margin: 0 0 2em 0;
    line-height: 2; }
.about .main hr {
    width: 30px;
    margin: 2em auto;
    border: 0;
    border-bottom: 1px solid #c8c8c8; }

/* 03: news
--------------------------------------------------- */
/* news list */
.news.list .main {
  border-top: 1px solid #c8c8c8; }
.news article.item {
  float: left;
  width: 215px;
  height: 355px;
  margin: 30px 25px 0 5px; }
.news article.item:nth-child(3n) {
    margin: 30px 5px 0 5px; }
.news article.item h4 {
    height: 32px;
    overflow: hidden; }
.news article.item a img {
    width: 215px;
    height: 305px; }
.news.detail article.detail h3 {
  margin: 1em 0; }

/* news detail */
/* 04: products
--------------------------------------------------- */
/* products list */
.products .side li {
  text-transform: uppercase; }
.products .side .sale a {
  color: #97130e; }
.products .side .sale a:hover {
    color: #b5b5b5; }
.products .side .sale.current a {
  color: #b5b5b5; }
.products article.item {
  float: left;
  width: 215px;
  height: auto;
  margin: 30px 25px 0 5px; }
  .products article.item:nth-child(3n) {
    margin: 30px 5px 0 5px; }
  .products article.item img {
    max-width: 215px;
    margin-bottom: 10px; }
  .products article.item h4 {
    height: 16px;
    overflow: hidden; }
  .products article.item p {
    margin: 5px 0;
    font-size: 10px;
    word-break: break-all; }
    .products article.item p strong {
      color: #97130e;
      font-weight: bold; }
.products.detail .main {
  position: relative; }
.products .icn {
  position: absolute;
  top: 63px;
  right: 5px;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase; }
.products .icn_sale {
  padding: 3px 6px 2px;
  color: #fff;
  background: #97130e;
  border-left: 1px solid #97130e;
  border-right: 1px solid #97130e;
  border-bottom: 1px solid #97130e; }
.products .p_code {
  margin: 0 0 25px 0;
  font-size: 10px;
  color: #646464; }
.products article.detail {
  padding: 0 5px; }
.products .share {
  border-top: 0; }
.products ul.color {
  margin: 20px 0;
  text-align: center; }
  .products ul.color li {
    float: left;
    width: 60px;
    height: auto;
    padding: 0;
    margin: 0 10px 15px 0;
    font-size: 10px;
    line-height: 12px;
    background: none; }
  .products ul.color img {
    width: 60px;
    height: 60px;
    margin: 0 0 5px 0;
    padding: 0;
    border-radius: 60px; }
.products table.price {
  text-align: center; }
  .products table.price th, .products table.price td {
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    word-break: break-all; }

/* products detail */
.buy {
  margin: 40px 5px 0 5px;
  padding: 40px;
  border: 20px solid #f5f5f5;
  text-align: center; }
  .buy h4 {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    letter-spacing: 1px; }
    .buy h4 span {
      display: block;
      font-size: 11px;
      line-height: 22px;
      color: #646464; }
  .buy p {
    margin: 1em auto;
    font-size: 14px; }

/* 05: works
--------------------------------------------------- */
/* works top */
.works .side h3.link {
  border-bottom: 0; }
  .works .side h3.link:last-child {
    border-bottom: 1px solid #c8c8c8; }
.works #craft, .works #bussiness {
  margin-top: 40px; }
.works .bussiness {
  margin: 30px 0;
  padding: 0 5px 30px 5px;
  border-bottom: 1px solid #c8c8c8; }
.works h4 {
  font-size: 22px;
  margin: 1.5em 0 1em 0; }
.works .bussiness h4 {
  font-size: 18px;
  margin: 0 0 1em 0; }
.works .swipe {
  width: 460px;
  height: 320px; }
.works .swipe-wrap {
  height: 300px;
  overflow: hidden; }
.works .swipe img {
  width: 460px; }
.works .right {
  float: right;
  width: 220px; }
.works .left {
  float: left; }
.works .bussiness .right {
  width: 460px; }
.works .bussiness .left {
  width: 215px; }
.works .center {
  margin: 1em auto; }
.works table th {
  text-align: left; }
.works table p {
  margin: 1em 0 0 0; }
  .works table p.txtlink a {
    margin: 1em 0 0 0;
    font-size: 12px;
    background-size: 12px;
    background: url(../images/ie_arrow12px_r.png) no-repeat left center\9; }
    .works table p.txtlink a:hover {
      background-image: url(../images/ie_arrow12px_r_on.png); }

/* works detail */
/* works dealer */
/* ie8 */
/* ie8 */
/* 06: contact
--------------------------------------------------- */
.contact .side {
  border-top: 1px solid #c8c8c8; }
  .contact .side h3 {
    border-top: 0; }
.contact ul.btn {
  margin: 20px 0; }
.contact h3#attn {
  margin: 40px 0 20px; }
.contact .attn_box {
  padding: 20px;
  line-height: 18px;
  border: 3px solid #97130e;
  color: #97130e; }

/* contact form */
.form {
  background: #fff; }
  .form #contents {
    width: 100%;
    margin: 0 auto; }
  .form .main {
    float: none;
    margin: 0 auto; }
  .form h3 {
    margin: 0 0 20px 0; }
  .form table {
    width: 100%;
    margin: 1.5em 0;
    border-top: 1px solid #c8c8c8; }
 
 .form table th {
      width: 190px;
      padding: 1em;
      line-height: 22px;
      vertical-align: middle;
      background: #f5f5f5;
      border-bottom: 1px solid #c8c8c8;
      border-right: 5px solid #fff; }
 
 .form table td {
      margin: 0;
      padding: 5px 1em;
      line-height: 22px;
      vertical-align: middle;
      border-bottom: 1px solid #c8c8c8;
      vertical-align: middle; }

.form input, .form textarea {
    padding: 5px 1.65%;
    border: 1px solid #c8c8c8; }

#access, #email, #email2, #addr {
  width: 96.7%; }

#message {
  width: 96.7%;
  height: 10em; }

#s_name, #f_name {
  width: 30%; }

#zip, #zip2, #tel, #tel2, #tel3 {
  width: 15%; }

.form table td span {
  padding: 0 5px; }

.form #form_btn {
  width: 255px;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  background: #0a0a0a url(../images/icon_arrow.png) no-repeat 20px center;
  background-size: 26px;
  border: 0;
  background: #0a0a0a url(../images/ie_icon_arrow.png) no-repeat 20px center\9; }

.form #form_btn:hover {
    background-color: #b5b5b5; }

.form .submit {
  width: 255px;
  margin: 0 auto; }

/* ie8 */
article.item p strong, .detail table td strong {
  color: #97130e; }

#philosophy_contents {
  position: relative;
  width: 980px;
  height: 855px;
  margin-bottom: 30px; }

#philosophy_contents #contents-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }

#philosophy_contents #philosophy-logo {
    position: absolute;
    top: 115px;
    width: 100%;
    height: 38px; }

#philosophy_contents #philosophy-logo img {
      width: 435px;
      height: 38px; }

#philosophy_contents #philosophy-txt p {
    position: absolute;
    top: 205px;
    width: 100%;
    letter-spacing: 3px;
    line-height: 220%;
	color: #5a5a5a;
	font-size: 14px; }

body.menu #contents {
  width: 980px; }

body.menu .main {
  width: 980px; }

body.menu .main table {
    width: 750px;
    margin-top: 10px;
    border: none; }

body.menu .main table caption {
      text-align: left;
      padding-bottom: 22px;
      line-height: 180%;
	  font-size: 13px;
	  color: #5a5a5a; }

body.menu .main table caption2 {
      text-align: left;
      padding-bottom: 8px;
      line-height: 180%;
	  /font-size: 13px;
	  color: #5a5a5a; }

body.menu .main table thead tr {
      text-align: left;
      font-size: 16px;
      /font-size: 1 rem; }

body.menu .main table thead tr th {
        background: none; }

body.menu .main table th {
      padding-left: 18px;
      padding-right: 30px;
      padding-top: 8px;
      padding-bottom: 8px;
      border: none;
      line-height: 1.6;
      font-weight: bold;
      letter-spacing: 1px;
      text-align: left;
      white-space: nowrap;
	  color:#666; }

body.menu .main table td.description {
      padding-left: 0;
      padding-right: 45px;
      padding-top: 8px;
      padding-bottom: 8px;
      border: none;
      line-height: 1.6;
      letter-spacing: 1px;
      white-space: nowrap;
      font-size: 1 rem; }

body.menu .main table td.price {
      padding-left: 0;
      padding-right: 20px;
      padding-top: 8px;
      padding-bottom: 8px;
      border: none;
      line-height: 1.6;
      text-align: right;
      font-weight: bold;
      letter-spacing: 1px;
      white-space: nowrap; }

body.menu .main table tbody {
      border: none; }

body.menu .main table tr.odd th, body.menu .main table tr.odd td {
      background: #F7F7F7; }

body.menu .main table tr.even th, body.menu .main table tr.even td {
      background: #EBEBEB; }

body.menu #menu-gnavi ul {
  background: #fff; }
  	  
body.menu #menu-gnavi ul li {
  float: left; }

body.menu .thumb {
  float: left;
  margin-right: 42px;
  display: none; }

body.menu .menu-contents {
  float: left;
  color: #2c2c2c;
  margin-left: 120px; }


/* 04: designer 本体ページ
--------------------------------------------------- */
body.designer .stylist-list li {
  float: left;
  width: 150px;
  /margin-left: 15px;
}

body.designer .item-list {
   margin: 30px 0 0 -110px;
  /float: right;
  position: absolute;
  width: 480px;
  text-align:center;
	position: relative;
}
  
body.designer .item-list li {
  float: right;
  width: 150px;
  /position: absolute;
}

body.designer .assistant-list2 li {
  float: left;
  width: 111px;
  /margin-top: 30px;
}
  
body.designer .item-list2 li {
  float: left;
  width: 111px; 
}

body.designer .assistant-list3 li {
  float: left;
  width: 111px;
  margin-top: 30px;
}
  
body.designer .item-list3 li {
  float: left;
  width: 111px; 
}

body.designer .item-list4 {
  margin: 30px 0 0 -110px;
  position: relative;
  width: 480px;
  text-align:center;
}

body.designer .item-list4 li {
  float: left;
  margin-top: 15px;
}
  
#news_all .coming {
  font-size: 13margincenterpx;
  letter-spacing: 3px;
  text-align:center; 
}

body.designer .stylist_tite {
  float: left;
  /width: 111px;
  margin: 30px 0 25px 10px;
}


body.designer .assistant_tite {
  float: left;
  /width: 111px;
  margin: 60px 0 25px 10px;
}

/* 04: designer 詳細ページ
--------------------------------------------------- */
body.designer .designer-list-second_sty {
  margin-top: 15px;
}

body.designer .designer-list-second_ass {
   margin-top: 15px;
}

body.designer .stylist_tite2 {
  /float: left;
  margin: 5px 0 0 24px;
}


body.designer .assistant_tite2 {
  /float: left;
  margin: 45px 0 0 24px;
}

body.designer .p-title {
	font-weight:bold;
	/line-height:1.5;
	margin:15px 0 10px 0;
	color: #777;
}

body.designer .p-cmt {
	/font-weight:bold;
	line-height:1.5;
	margin-top:-10px;
}

body.designer .content_reservation {
	padding:0 0 125px 0;
    position: relative;
}

body.designer .content_reservation li {
	padding:0 0 25px 40px;
}

/* 04: recruit 本体ページ */
--------------------------------------------------- */

.margincenter_recruit {
  /margin-left: 383px;
  /display: block;
  /width: 980px;
  /margin-top:-20px;
  text-align: center;
  margin: 0 auto;
}



/* 05: privacy 本体ページ */
/*-------------------------------*/
div.wrapHINAGATA {
	font-family: 'Droid Serif', 'Raleway', 'EB Garamond', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", serif;
}

div.wrapHINAGATA h1{
	margin:0 0 30px 0;
	font-family: 'Droid Serif', 'Raleway', 'EB Garamond', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", serif;
}
div.wrapHINAGATA h2{
	margin:30px 0 20px 0;
	font-family: 'Droid Serif', 'Raleway', 'EB Garamond', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", serif;
}
div.wrapHINAGATA p{
	margin:20px 0;
	font-size:1.3em;
	line-height:180%;
	text-align: justify;
	text-justify: distribute;
	font-family: 'Droid Serif', 'Raleway', 'EB Garamond', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", serif;
}
div.wrapHINAGATA ul{
	margin:20px 0 0 30px;
	font-size:1.3em;
	line-height:180%;
}
div.wrapHINAGATA ul li{
	list-style:outside decimal;
	margin:10px 0 0 0;
}
div.wrapHINAGATA ul li ul{
	margin:15px 0 10px 10px;
	font-size:1.3em;
	line-height:180%;
}
div.wrapHINAGATA ul li ul li{
	list-style:outside none;
	margin-left:20px;
	text-indent:-1.5em;
	font-size:1.3em;
	line-height:180%;
}
div.wrapHINAGATA ul.child{
	margin:15px 0 0 10px;
}
div.wrapHINAGATA ul.child li{
	list-style:outside none;
	margin-left:45px;
	text-indent:-1.7em;
}

div.wrapHINAGATA ul.child ol{
	list-style:outside none;
	margin-left:45px;
	text-indent:-1.7em;
}
div.wrapHINAGATA p.tR{
	margin:30px 0 0 0;
	text-align:right;
}
div.wrapHINAGATA ul li ul li ol li{
	list-style:outside lower-roman;
	margin-left:20px;
	text-indent:-0.2em;
}


/* ==============================
   Buttons
   ============================== */
  
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff;
    background: rgba(34,34,34, .9);
    border: 2px solid transparent;
    font-size: 11px;
    font-weight: 400;
    /text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
	font-family: 'Droid Serif', 'Raleway', 'EB Garamond', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", serif;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    font-weight: 400;
    color: rgba(255,255,255, .85);
    background: rgba(0,0,0, .7);
    text-decoration: none;
    outline: none;
    border-color: transparent;    
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-mod:active{
    cursor: pointer !important;
    outline: none !important;
}

.btn-mod.btn-small{
    height: auto;
    padding: 6px 17px;
    font-size: 11px;
    letter-spacing: 1px;
	font-family: 'Droid Serif', 'Raleway', 'EB Garamond', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", serif;
} 
.btn-mod.btn-medium{
    height: auto;
    padding: 8px 37px;
    font-size: 12px;
} 
.btn-mod.btn-large{
    height: auto;
    padding: 12px 45px;
    font-size: 18px;
	font-weight: 600;
} 

.btn-mod.btn-glass{
    color: rgba(255,255,255, .75);
    background: rgba(0,0,0, .40);
}
.btn-mod.btn-glass:hover,
.btn-mod.btn-glass:focus{
    color: rgba(255,255,255, 1);
    background: rgba(0,0,0, 1);
}

.btn-mod.btn-border{
    color: #151515;
    border: 2px solid #151515;
    background: transparent;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus{
    color: #fff;
    border-color: transparent;
    background: #000;
}

.btn-mod.btn-border-c{
    color: #e41919;
    border: 2px solid #e41919;
    background: transparent;
}
.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus{
    color: #fff;
    border-color: transparent;
    background: #e41919;
}

.btn-mod.btn-border-w{
    color: #fff;
    border: 2px solid rgba(255,255,255, .75);
    background: transparent;
}
.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus{
    color: #111;
    border-color: transparent;
    background: #fff;
}

.btn-mod.btn-w{
    color: #111;
    background: rgba(255,255,255, .8);
}
.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus{
    color: #111;
    background: #fff;
}

.btn-mod.btn-w-color{
    color: #e41919;
    background: #fff;
}
.btn-mod.btn-w-color:hover,
.btn-mod.btn-w-color:focus{
    color: #151515;
    background: #fff;
}

.btn-mod.btn-gray{
    color: #777;
    background: #e5e5e5;
}
.btn-mod.btn-gray:hover,
.btn-mod.btn-gray:focus{
    color: #444;
    background: #d5d5d5;
}

.btn-mod.btn-color{
    color: #fff;
    background: #e41919;
}
.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus{
    color: #fff;
    background: #e41919;
    opacity: .85;
}

.btn-mod.btn-circle{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btn-mod.btn-round{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.btn-icon{
    position: relative;
    border: none;
    overflow: hidden;
}
.btn-icon.btn-small{
    overflow: hidden;
}
.btn-icon > span{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #777;
    font-size: 48px;
    opacity: .2;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-icon:hover > span{
    opacity: 0;
    
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.btn-icon > span.white{
    color: #fff;
}
.btn-icon > span.black{
    color: #000;
}
.btn-full{
    width: 100%;
}


/* ==============================
   Common styles
   ============================== */
  
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }


/* ==============================
   pagetop
   ============================== */
#pageTop {
  padding-top: 40px;
  width: 308px;
  margin: 0 auto 0 auto;
  position:relative;
}

/* ==============================
   newfooter
   ============================== */
.newfooter {
  padding-top: 20px;
  margin: 0 auto 10px auto;
  text-align: center;
  position:relative;	
  font-family: 'Raleway', serif !important;
  padding-bottom: 10px;
}

.privacy {
  font-size: 9px;
  margin: 0 0 8px 0;	
  font-family: 'Raleway', serif !important;
  letter-spacing: 1px;
  color: #BDBDBD;
}


.copy {
  font-size: 9px;
  font-family: 'Raleway', serif !important;
  letter-spacing: 1px;
  margin: 10px 0 10px 0;
  color: #BDBDBD;
}

.footer_wrapper {
    min-height: 45vh;
    position: relative;/*←相対位置*/
    padding-bottom: 30px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

.footer_fixd {
 position: absolute;/*←絶対位置*/
 bottom: 0; /*下に固定*/
}
  
/* totop */
.totop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.totop a {
    display: block;
    background-color: #D3D3D3;
    text-align: center;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    padding: 15px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.totop a:hover {
    display: block;
    background-color: #B1AFAF;
    text-align: center;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    padding:15px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#topmes .txt6 {
   font-size: 15px;
   line-height: 40px;
   letter-spacing: 1.5px;
}

#topmes .txt7 {
   font-size: 14px;
   line-height: 25px;
   letter-spacing: 1px;
}

#topmes .txt7b {
   font-size: 13px;
   line-height: 21px;
   letter-spacing: 1px;
}