.m_0{margin:0px;}.m_05{margin:5px;}.m_10{margin:10px;}.m_15{margin:15px;}.m_20{margin:20px;}.m_25{margin:25px;}.m_30{margin:30px;}.m_35{margin:35px;}.m_40{margin:40px;}.m_45{margin:45px;}.m_50{margin:50px;}.m_55{margin:55px;}.m_60{margin:60px;}.m_65{margin:65px;}.m_70{margin:70px;}.m_75{margin:75px;}.m_80{margin:80px;}.m_85{margin:85px;}.m_90{margin:90px;}.m_95{margin:95px;}.m_100{margin:100px;}.m_105{margin:105px;}.m_110{margin:110px;}.m_115{margin:115px;}.m_120{margin:120px;}.m_125{margin:125px;}.m_130{margin:130px;}.m_135{margin:135px;}.m_140{margin:140px;}.m_145{margin:145px;}.m_150{margin:150px;}.m_155{margin:155px;}.m_160{margin:160px;}.m_165{margin:165px;}.m_170{margin:170px;}.m_175{margin:175px;}.m_180{margin:180px;}.m_185{margin:185px;}.m_190{margin:190px;}.m_195{margin:195px;}.m_200{margin:200px;}.m_205{margin:205px;}.m_210{margin:210px;}.m_215{margin:215px;}.m_220{margin:220px;}.m_225{margin:225px;}.m_230{margin:230px;}.m_235{margin:235px;}.m_240{margin:240px;}.m_245{margin:245px;}.m_m0{margin:-0px;}.m_m05{margin:-5px;}.m_m10{margin:-10px;}.m_m15{margin:-15px;}.m_m20{margin:-20px;}.m_m25{margin:-25px;}.m_m30{margin:-30px;}.m_m35{margin:-35px;}.m_m40{margin:-40px;}.m_m45{margin:-45px;}.m_m50{margin:-50px;}.m_m55{margin:-55px;}.m_m60{margin:-60px;}.m_m65{margin:-65px;}.m_m70{margin:-70px;}.m_m75{margin:-75px;}.m_m80{margin:-80px;}.m_m85{margin:-85px;}.m_m90{margin:-90px;}.m_m95{margin:-95px;}.m_b0{margin-bottom:0px;}.m_b05{margin-bottom:5px;}.m_b10{margin-bottom:10px;}.m_b15{margin-bottom:15px;}.m_b20{margin-bottom:20px;}.m_b25{margin-bottom:25px;}.m_b30{margin-bottom:30px;}.m_b35{margin-bottom:35px;}.m_b40{margin-bottom:40px;}.m_b45{margin-bottom:45px;}.m_b50{margin-bottom:50px;}.m_b55{margin-bottom:55px;}.m_b60{margin-bottom:60px;}.m_b65{margin-bottom:65px;}.m_b70{margin-bottom:70px;}.m_b75{margin-bottom:75px;}.m_b80{margin-bottom:80px;}.m_b85{margin-bottom:85px;}.m_b90{margin-bottom:90px;}.m_b95{margin-bottom:95px;}.m_b100{margin-bottom:100px;}.m_b105{margin-bottom:105px;}.m_b110{margin-bottom:110px;}.m_b115{margin-bottom:115px;}.m_b120{margin-bottom:120px;}.m_b125{margin-bottom:125px;}.m_b130{margin-bottom:130px;}.m_b135{margin-bottom:135px;}.m_b140{margin-bottom:140px;}.m_b145{margin-bottom:145px;}.m_b150{margin-bottom:150px;}.m_b155{margin-bottom:155px;}.m_b160{margin-bottom:160px;}.m_b165{margin-bottom:165px;}.m_b170{margin-bottom:170px;}.m_b175{margin-bottom:175px;}.m_b180{margin-bottom:180px;}.m_b185{margin-bottom:185px;}.m_b190{margin-bottom:190px;}.m_b195{margin-bottom:195px;}.m_b200{margin-bottom:200px;}.m_b205{margin-bottom:205px;}.m_b210{margin-bottom:210px;}.m_b215{margin-bottom:215px;}.m_b220{margin-bottom:220px;}.m_b225{margin-bottom:225px;}.m_b230{margin-bottom:230px;}.m_b235{margin-bottom:235px;}.m_b240{margin-bottom:240px;}.m_b245{margin-bottom:245px;}.m_t0{margin-top:0px;}.m_t05{margin-top:5px;}.m_t10{margin-top:10px;}.m_t15{margin-top:15px;}.m_t20{margin-top:20px;}.m_t25{margin-top:25px;}.m_t30{margin-top:30px;}.m_t35{margin-top:35px;}.m_t40{margin-top:40px;}.m_t45{margin-top:45px;}.m_t50{margin-top:50px;}.m_t55{margin-top:55px;}.m_t60{margin-top:60px;}.m_t65{margin-top:65px;}.m_t70{margin-top:70px;}.m_t75{margin-top:75px;}.m_t80{margin-top:80px;}.m_t85{margin-top:85px;}.m_t90{margin-top:90px;}.m_t95{margin-top:95px;}.m_t100{margin-top:100px;}.m_t105{margin-top:105px;}.m_t110{margin-top:110px;}.m_t115{margin-top:115px;}.m_t120{margin-top:120px;}.m_t125{margin-top:125px;}.m_t130{margin-top:130px;}.m_t135{margin-top:135px;}.m_t140{margin-top:140px;}.m_t145{margin-top:145px;}.m_t150{margin-top:150px;}.m_t155{margin-top:155px;}.m_t160{margin-top:160px;}.m_t165{margin-top:165px;}.m_t170{margin-top:170px;}.m_t175{margin-top:175px;}.m_t180{margin-top:180px;}.m_t185{margin-top:185px;}.m_t190{margin-top:190px;}.m_t195{margin-top:195px;}.m_t200{margin-top:200px;}.m_t205{margin-top:205px;}.m_t210{margin-top:210px;}.m_t215{margin-top:215px;}.m_t220{margin-top:220px;}.m_t225{margin-top:225px;}.m_t230{margin-top:230px;}.m_t235{margin-top:235px;}.m_t240{margin-top:240px;}.m_t245{margin-top:245px;}.m_l0{margin-left:0px;}.m_l05{margin-left:5px;}.m_l10{margin-left:10px;}.m_l15{margin-left:15px;}.m_l20{margin-left:20px;}.m_l25{margin-left:25px;}.m_l30{margin-left:30px;}.m_l35{margin-left:35px;}.m_l40{margin-left:40px;}.m_l45{margin-left:45px;}.m_l50{margin-left:50px;}.m_l55{margin-left:55px;}.m_l60{margin-left:60px;}.m_l65{margin-left:65px;}.m_l70{margin-left:70px;}.m_l75{margin-left:75px;}.m_l80{margin-left:80px;}.m_l85{margin-left:85px;}.m_l90{margin-left:90px;}.m_l95{margin-left:95px;}.m_r0{margin-right:0px;}.m_r05{margin-right:5px;}.m_r10{margin-right:10px;}.m_r15{margin-right:15px;}.m_r20{margin-right:20px;}.m_r25{margin-right:25px;}.m_r30{margin-right:30px;}.m_r35{margin-right:35px;}.m_r40{margin-right:40px;}.m_r45{margin-right:45px;}.m_r50{margin-right:50px;}.m_r55{margin-right:55px;}.m_r60{margin-right:60px;}.m_r65{margin-right:65px;}.m_r70{margin-right:70px;}.m_r75{margin-right:75px;}.m_r80{margin-right:80px;}.m_r85{margin-right:85px;}.m_r90{margin-right:90px;}.m_r95{margin-right:95px;}.p_0{padding:0px;}.p_05{padding:5px;}.p_10{padding:10px;}.p_15{padding:15px;}.p_20{padding:20px;}.p_25{padding:25px;}.p_30{padding:30px;}.p_35{padding:35px;}.p_40{padding:40px;}.p_45{padding:45px;}.p_50{padding:50px;}.p_55{padding:55px;}.p_60{padding:60px;}.p_65{padding:65px;}.p_70{padding:70px;}.p_75{padding:75px;}.p_80{padding:80px;}.p_85{padding:85px;}.p_90{padding:90px;}.p_95{padding:95px;}.p_01{padding:1px;}.p_l0{padding-left:0px;}.p_l05{padding-left:5px;}.p_l10{padding-left:10px;}.p_l15{padding-left:15px;}.p_l20{padding-left:20px;}.p_l25{padding-left:25px;}.p_l30{padding-left:30px;}.p_l35{padding-left:35px;}.p_l40{padding-left:40px;}.p_l45{padding-left:45px;}.p_l50{padding-left:50px;}.p_l55{padding-left:55px;}.p_l60{padding-left:60px;}.p_l65{padding-left:65px;}.p_l70{padding-left:70px;}.p_l75{padding-left:75px;}.p_l80{padding-left:80px;}.p_l85{padding-left:85px;}.p_l90{padding-left:90px;}.p_l95{padding-left:95px;}.p_l100{padding-left:100px;}.p_l105{padding-left:105px;}.p_l110{padding-left:110px;}.p_l115{padding-left:115px;}.p_l120{padding-left:120px;}.p_l125{padding-left:125px;}.p_l130{padding-left:130px;}.p_l135{padding-left:135px;}.p_l140{padding-left:140px;}.p_l145{padding-left:145px;}.p_l150{padding-left:150px;}.p_l155{padding-left:155px;}.p_l160{padding-left:160px;}.p_l165{padding-left:165px;}.p_l170{padding-left:170px;}.p_l175{padding-left:175px;}.p_l180{padding-left:180px;}.p_l185{padding-left:185px;}.p_l190{padding-left:190px;}.p_l195{padding-left:195px;}.p_l200{padding-left:200px;}.p_l205{padding-left:205px;}.p_l210{padding-left:210px;}.p_l215{padding-left:215px;}.p_l220{padding-left:220px;}.p_l225{padding-left:225px;}.p_l230{padding-left:230px;}.p_l235{padding-left:235px;}.p_l240{padding-left:240px;}.p_l245{padding-left:245px;}.p_l01{padding-left:1px;}.p_r0{padding-right:0px;}.p_r05{padding-right:5px;}.p_r10{padding-right:10px;}.p_r15{padding-right:15px;}.p_r20{padding-right:20px;}.p_r25{padding-right:25px;}.p_r30{padding-right:30px;}.p_r35{padding-right:35px;}.p_r40{padding-right:40px;}.p_r45{padding-right:45px;}.p_r50{padding-right:50px;}.p_r55{padding-right:55px;}.p_r60{padding-right:60px;}.p_r65{padding-right:65px;}.p_r70{padding-right:70px;}.p_r75{padding-right:75px;}.p_r80{padding-right:80px;}.p_r85{padding-right:85px;}.p_r90{padding-right:90px;}.p_r95{padding-right:95px;}.p_r100{padding-right:100px;}.p_r105{padding-right:105px;}.p_r110{padding-right:110px;}.p_r115{padding-right:115px;}.p_r120{padding-right:120px;}.p_r125{padding-right:125px;}.p_r130{padding-right:130px;}.p_r135{padding-right:135px;}.p_r140{padding-right:140px;}.p_r145{padding-right:145px;}.p_r150{padding-right:150px;}.p_r155{padding-right:155px;}.p_r160{padding-right:160px;}.p_r165{padding-right:165px;}.p_r170{padding-right:170px;}.p_r175{padding-right:175px;}.p_r180{padding-right:180px;}.p_r185{padding-right:185px;}.p_r190{padding-right:190px;}.p_r195{padding-right:195px;}.p_r200{padding-right:200px;}.p_r205{padding-right:205px;}.p_r210{padding-right:210px;}.p_r215{padding-right:215px;}.p_r220{padding-right:220px;}.p_r225{padding-right:225px;}.p_r230{padding-right:230px;}.p_r235{padding-right:235px;}.p_r240{padding-right:240px;}.p_r245{padding-right:245px;}.p_r01{padding-right:1px;}.p_t0{padding-top:0px;}.p_t05{padding-top:5px;}.p_t10{padding-top:10px;}.p_t15{padding-top:15px;}.p_t20{padding-top:20px;}.p_t25{padding-top:25px;}.p_t30{padding-top:30px;}.p_t35{padding-top:35px;}.p_t40{padding-top:40px;}.p_t45{padding-top:45px;}.p_t50{padding-top:50px;}.p_t55{padding-top:55px;}.p_t60{padding-top:60px;}.p_t65{padding-top:65px;}.p_t70{padding-top:70px;}.p_t75{padding-top:75px;}.p_t80{padding-top:80px;}.p_t85{padding-top:85px;}.p_t90{padding-top:90px;}.p_t95{padding-top:95px;}.p_t01{padding-top:1px;}.p_b0{padding-bottom:0px;}.p_b05{padding-bottom:5px;}.p_b10{padding-bottom:10px;}.p_b15{padding-bottom:15px;}.p_b20{padding-bottom:20px;}.p_b25{padding-bottom:25px;}.p_b30{padding-bottom:30px;}.p_b35{padding-bottom:35px;}.p_b40{padding-bottom:40px;}.p_b45{padding-bottom:45px;}.p_b50{padding-bottom:50px;}.p_b55{padding-bottom:55px;}.p_b60{padding-bottom:60px;}.p_b65{padding-bottom:65px;}.p_b70{padding-bottom:70px;}.p_b75{padding-bottom:75px;}.p_b80{padding-bottom:80px;}.p_b85{padding-bottom:85px;}.p_b90{padding-bottom:90px;}.p_b95{padding-bottom:95px;}.p_b01{padding-bottom:1px;}.r_0{-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}.r_05{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}.r_10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}.r_15{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}.r_20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}.r_25{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}.r_30{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}.r_35{-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px;}.r_40{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}.r_45{-webkit-border-radius:45px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;}.r_50{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}.r_55{-webkit-border-radius:55px;-moz-border-radius:55px;-ms-border-radius:55px;-o-border-radius:55px;border-radius:55px;}.r_60{-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;}.r_65{-webkit-border-radius:65px;-moz-border-radius:65px;-ms-border-radius:65px;-o-border-radius:65px;border-radius:65px;}.r_70{-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;}.r_75{-webkit-border-radius:75px;-moz-border-radius:75px;-ms-border-radius:75px;-o-border-radius:75px;border-radius:75px;}.r_80{-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px;}.r_85{-webkit-border-radius:85px;-moz-border-radius:85px;-ms-border-radius:85px;-o-border-radius:85px;border-radius:85px;}.r_90{-webkit-border-radius:90px;-moz-border-radius:90px;-ms-border-radius:90px;-o-border-radius:90px;border-radius:90px;}.r_95{-webkit-border-radius:95px;-moz-border-radius:95px;-ms-border-radius:95px;-o-border-radius:95px;border-radius:95px;}.w0{width:0%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w05{width:5%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w10{width:10%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w15{width:15%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w20{width:20%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w25{width:25%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w30{width:30%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w35{width:35%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w40{width:40%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w45{width:45%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w50{width:50%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w55{width:55%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w60{width:60%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w65{width:65%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w70{width:70%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w75{width:75%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w80{width:80%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w85{width:85%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w90{width:90%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w95{width:95%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w100{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w33{width:33.3%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w16{width:16.66%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.w14{width:14.28%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.wpx0{width:0px;}.wpx05{width:5px;}.wpx10{width:10px;}.wpx15{width:15px;}.wpx20{width:20px;}.wpx25{width:25px;}.wpx30{width:30px;}.wpx35{width:35px;}.wpx40{width:40px;}.wpx45{width:45px;}.wpx50{width:50px;}.wpx55{width:55px;}.wpx60{width:60px;}.wpx65{width:65px;}.wpx70{width:70px;}.wpx75{width:75px;}.wpx80{width:80px;}.wpx85{width:85px;}.wpx90{width:90px;}.wpx95{width:95px;}.wpx100{width:100px;}.wpx105{width:105px;}.wpx110{width:110px;}.wpx115{width:115px;}.wpx120{width:120px;}.wpx125{width:125px;}.wpx130{width:130px;}.wpx135{width:135px;}.wpx140{width:140px;}.wpx145{width:145px;}.wpx150{width:150px;}.wpx155{width:155px;}.wpx160{width:160px;}.wpx165{width:165px;}.wpx170{width:170px;}.wpx175{width:175px;}.wpx180{width:180px;}.wpx185{width:185px;}.wpx190{width:190px;}.wpx195{width:195px;}.wpx200{width:200px;}.wpx205{width:205px;}.wpx210{width:210px;}.wpx215{width:215px;}.wpx220{width:220px;}.wpx225{width:225px;}.wpx230{width:230px;}.wpx235{width:235px;}.wpx240{width:240px;}.wpx245{width:245px;}.wpx250{width:250px;}.wpx255{width:255px;}.wpx260{width:260px;}.wpx265{width:265px;}.wpx270{width:270px;}.wpx275{width:275px;}.wpx280{width:280px;}.wpx285{width:285px;}.wpx290{width:290px;}.wpx295{width:295px;}.wpx300{width:300px;}.wpx305{width:305px;}.wpx310{width:310px;}.wpx315{width:315px;}.wpx320{width:320px;}.wpx325{width:325px;}.wpx330{width:330px;}.wpx335{width:335px;}.wpx340{width:340px;}.wpx345{width:345px;}.wpx350{width:350px;}.wpx355{width:355px;}.wpx360{width:360px;}.wpx365{width:365px;}.wpx370{width:370px;}.wpx375{width:375px;}.wpx380{width:380px;}.wpx385{width:385px;}.wpx390{width:390px;}.wpx395{width:395px;}.wpx400{width:400px;}.wpx405{width:405px;}.wpx410{width:410px;}.wpx415{width:415px;}.wpx420{width:420px;}.wpx425{width:425px;}.wpx430{width:430px;}.wpx435{width:435px;}.wpx440{width:440px;}.wpx445{width:445px;}.wpx450{width:450px;}.wpx455{width:455px;}.wpx460{width:460px;}.wpx465{width:465px;}.wpx470{width:470px;}.wpx475{width:475px;}.wpx480{width:480px;}.wpx485{width:485px;}.wpx490{width:490px;}.wpx495{width:495px;}.fs01{font-size:1px;}.fs02{font-size:2px;}.fs03{font-size:3px;}.fs04{font-size:4px;}.fs05{font-size:5px;}.fs06{font-size:6px;}.fs07{font-size:7px;}.fs08{font-size:8px;}.fs09{font-size:9px;}.fs10{font-size:10px;}.fs11{font-size:11px;}.fs12{font-size:12px;}.fs13{font-size:13px;}.fs14{font-size:14px;}.fs15{font-size:15px;}.fs16{font-size:16px;}.fs17{font-size:17px;}.fs18{font-size:18px;}.fs19{font-size:19px;}.fs20{font-size:20px;}.fs21{font-size:21px;}.fs22{font-size:22px;}.fs23{font-size:23px;}.fs24{font-size:24px;}.fs25{font-size:25px;}.fs26{font-size:26px;}.fs27{font-size:27px;}.fs28{font-size:28px;}.fs29{font-size:29px;}.fs30{font-size:30px;}.fs31{font-size:31px;}.fs32{font-size:32px;}.fs33{font-size:33px;}.fs34{font-size:34px;}.fs35{font-size:35px;}.fs36{font-size:36px;}.fs37{font-size:37px;}.fs38{font-size:38px;}.fs39{font-size:39px;}.fs40{font-size:40px;}.fs41{font-size:41px;}.fs42{font-size:42px;}.fs43{font-size:43px;}.fs44{font-size:44px;}.fs45{font-size:45px;}.fs46{font-size:46px;}.fs47{font-size:47px;}.fs48{font-size:48px;}.fs49{font-size:49px;}.fs50{font-size:50px;}.fs51{font-size:51px;}.fs52{font-size:52px;}.fs53{font-size:53px;}.fs54{font-size:54px;}.fs55{font-size:55px;}.fs56{font-size:56px;}.fs57{font-size:57px;}.fs58{font-size:58px;}.fs59{font-size:59px;}.fs60{font-size:60px;}.fs61{font-size:61px;}.fs62{font-size:62px;}.fs63{font-size:63px;}.fs64{font-size:64px;}.fs65{font-size:65px;}.fs66{font-size:66px;}.fs67{font-size:67px;}.fs68{font-size:68px;}.fs69{font-size:69px;}.fs70{font-size:70px;}.fs71{font-size:71px;}.fs72{font-size:72px;}.fs73{font-size:73px;}.fs74{font-size:74px;}.fs75{font-size:75px;}.fs76{font-size:76px;}.fs77{font-size:77px;}.fs78{font-size:78px;}.fs79{font-size:79px;}.lh110{line-height:1.1;}.lh120{line-height:1.2;}.lh130{line-height:1.3;}.lh140{line-height:1.4;}.lh150{line-height:1.5;}.lh160{line-height:1.6;}.lh170{line-height:1.7;}.lh180{line-height:1.8;}.lh190{line-height:1.9;}.lh200{line-height:2;}.lh210{line-height:2.1;}.lh220{line-height:2.2;}.lh230{line-height:2.3;}.lh240{line-height:2.4;}.lh250{line-height:2.5;}.lh260{line-height:2.6;}.lh270{line-height:2.7;}.lh280{line-height:2.8;}.lh290{line-height:2.9;}.lh300{line-height:3;}.lh310{line-height:3.1;}.lh320{line-height:3.2;}.lh330{line-height:3.3;}.lh340{line-height:3.4;}.lh350{line-height:3.5;}.lh360{line-height:3.6;}.lh370{line-height:3.7;}.lh380{line-height:3.8;}.lh390{line-height:3.9;}.ls01{letter-spacing:-0.9em;}.ls02{letter-spacing:-0.8em;}.ls03{letter-spacing:-0.7em;}.ls04{letter-spacing:-0.6em;}.ls05{letter-spacing:-0.5em;}.ls06{letter-spacing:-0.4em;}.ls07{letter-spacing:-0.3em;}.ls08{letter-spacing:-0.2em;}.ls09{letter-spacing:-0.1em;}.ls10{letter-spacing:0em;}.ls11{letter-spacing:0.1em;}.ls12{letter-spacing:0.2em;}.ls13{letter-spacing:0.3em;}.ls14{letter-spacing:0.4em;}.ls15{letter-spacing:0.5em;}.ls16{letter-spacing:0.6em;}.ls17{letter-spacing:0.7em;}.ls18{letter-spacing:0.8em;}.ls19{letter-spacing:0.9em;}.ls20{letter-spacing:1em;}.ls21{letter-spacing:1.1em;}.ls22{letter-spacing:1.2em;}.ls23{letter-spacing:1.3em;}.ls24{letter-spacing:1.4em;}.ls25{letter-spacing:1.5em;}.ls26{letter-spacing:1.6em;}.ls27{letter-spacing:1.7em;}.ls28{letter-spacing:1.8em;}.ls29{letter-spacing:1.9em;}.mh0{min-height:0px;}.mh10{min-height:10px;}.mh20{min-height:20px;}.mh30{min-height:30px;}.mh40{min-height:40px;}.mh50{min-height:50px;}.mh60{min-height:60px;}.mh70{min-height:70px;}.mh80{min-height:80px;}.mh90{min-height:90px;}.mh100{min-height:100px;}.mh110{min-height:110px;}.mh120{min-height:120px;}.mh130{min-height:130px;}.mh140{min-height:140px;}.mh150{min-height:150px;}.mh160{min-height:160px;}.mh170{min-height:170px;}.mh180{min-height:180px;}.mh190{min-height:190px;}.mh200{min-height:200px;}.mh210{min-height:210px;}.mh220{min-height:220px;}.mh230{min-height:230px;}.mh240{min-height:240px;}.mh250{min-height:250px;}.mh260{min-height:260px;}.mh270{min-height:270px;}.mh280{min-height:280px;}.mh290{min-height:290px;}.h0{height:0px;}.h10{height:10px;}.h20{height:20px;}.h30{height:30px;}.h40{height:40px;}.h50{height:50px;}.h60{height:60px;}.h70{height:70px;}.h80{height:80px;}.h90{height:90px;}.h100{height:100px;}.h110{height:110px;}.h120{height:120px;}.h130{height:130px;}.h140{height:140px;}.h150{height:150px;}.h160{height:160px;}.h170{height:170px;}.h180{height:180px;}.h190{height:190px;}.h200{height:200px;}.h210{height:210px;}.h220{height:220px;}.h230{height:230px;}.h240{height:240px;}.h250{height:250px;}.h260{height:260px;}.h270{height:270px;}.h280{height:280px;}.h290{height:290px;}.h300{height:300px;}.h310{height:310px;}.h320{height:320px;}.h330{height:330px;}.h340{height:340px;}.h350{height:350px;}.h360{height:360px;}.h370{height:370px;}.h380{height:380px;}.h390{height:390px;}.h400{height:400px;}.h410{height:410px;}.h420{height:420px;}.h430{height:430px;}.h440{height:440px;}.h450{height:450px;}.h460{height:460px;}.h470{height:470px;}.h480{height:480px;}.h490{height:490px;}.h500{height:500px;}.h510{height:510px;}.h520{height:520px;}.h530{height:530px;}.h540{height:540px;}.h550{height:550px;}.h560{height:560px;}.h570{height:570px;}.h580{height:580px;}.h590{height:590px;}.h600{height:600px;}.h610{height:610px;}.h620{height:620px;}.h630{height:630px;}.h640{height:640px;}.h650{height:650px;}.h660{height:660px;}.h670{height:670px;}.h680{height:680px;}.h690{height:690px;}.h700{height:700px;}.h710{height:710px;}.h720{height:720px;}.h730{height:730px;}.h740{height:740px;}.h750{height:750px;}.h760{height:760px;}.h770{height:770px;}.h780{height:780px;}.h790{height:790px;}.h800{height:800px;}.h810{height:810px;}.h820{height:820px;}.h830{height:830px;}.h840{height:840px;}.h850{height:850px;}.h860{height:860px;}.h870{height:870px;}.h880{height:880px;}.h890{height:890px;}.h900{height:900px;}.h910{height:910px;}.h920{height:920px;}.h930{height:930px;}.h940{height:940px;}.h950{height:950px;}.h960{height:960px;}.h970{height:970px;}.h980{height:980px;}.h990{height:990px;}.block{display: block;}.inline-block{display: inline-block;}.inline{display: inline;}.table-cell{display: table-cell;}.blockcenter{display: block;margin-left: auto;margin-right: auto;}.center{text-align: center;}.right{text-align: right;}.left{text-align:left;}.middle{vertical-align: middle;}.top{vertical-align: top;}.bottom{vertical-align: bottom;}.fl{float: left;display: block;}.fr{float: right;display: block;}.clear{overflow: hidden;clear: both;float:none;}.border-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}.noboder{border: none!important;}.border{border: 1px solid #ccc;}.relative{position: relative;}.absolute{position: absolute;}.fixed{position: fixed;}.static{position: static;}.bto{border:none;border-top:1px solid #ccc;}.bro{border:none;border-right:1px solid #ccc;}.bbo{border:none;border-bottom:1px solid #ccc;}.blo{border:none;border-left:1px solid #ccc;}.bt{border-top:1px solid #ccc;}.br{border-right:1px solid #ccc;}.bb{border-bottom:1px solid #ccc;}.bl{border-left:1px solid #ccc;}.bc_1{background-color:#000000;}.bc_2{background-color:#00a4b4;}.bc_3{background-color:#e5e5e5;}.bc_4{background-color:#3c414e;}.bc_white{background-color: #fff;}.bc_black{background-color: #000000;}.bc_gray{background-color: #5b5b5b;}.bc_lightgray{background-color: #f1f1f1;}.bch_1:hover,.bch_1:hover *{background-color:#000000;}.bch_2:hover,.bch_2:hover *{background-color:#00a4b4;}.bch_3:hover,.bch_3:hover *{background-color:#e5e5e5;}.bch_white:hover,.bch_white:hover *{background-color: #fff;}.bch_black:hover,.bch_black:hover *{background-color: #000000;}.bch_gray:hover,.bch_gray:hover *{background-color: #5b5b5b;}.bch_lightgray:hover,.bch_lightgray:hover *{background-color: #f1f1f1;}.bdc_1{border-color:#000000;}.bdc_2{border-color:#00a4b4;}.bdc_3{border-color:#e5e5e5;}.bdc_white{border-color: #fff;}.bdc_black{border-color: #000000;}.bdc_gray{border-color: #5b5b5b;}.bdch_1:hover,.bdch_1:hover *{border-color:#000000;}.bdch_2:hover,.bdch_2:hover *{border-color:#00a4b4;}.bdch_3:hover,.bdch_3:hover *{border-color:#e5e5e5;}.bdch_white:hover,.bdch_white:hover *{border-color: #fff;}.bdch_black:hover,.bdch_black:hover *{border-color: #000000;}.bdch_gray:hover,.bdch_gray:hover *{border-color: #5b5b5b;}.fc_white{color: #fff;}.fc_black{color: #000;}.fc_gray{color: #5b5b5b;}.fc_1{color:#000000}.fc_2{color:#00a4b4}.fc_3{color:#e5e5e5}.fc_4{color:#3c414e}.fch_white:hover,.fch_white:hover *{color: #fff;}.fch_black:hover,.fch_black:hover *{color: #000;}.fch_gray:hover,.fch_gray:hover *{color: #5b5b5b;}.fch_1:hover,.fch_1:hover *{color:#000000}.fch_2:hover,.fch_2:hover *{color:#00a4b4}.fch_3:hover,.fch_3:hover *{color:#e5e5e5}.filc_white svg{fill: #fff;}.filc_black svg{fill: #000;}.filc_gray svg{fill: #5b5b5b;}.filc_1 svg{fill:#000000}.filc_2 svg{fill:#00a4b4}.filc_3 svg{fill:#e5e5e5}.visible{overflow: visible;}.bw0{border-width:0px;}.bw01{border-width:1px;}.bw02{border-width:2px;}.bw03{border-width:3px;}.bw04{border-width:4px;}.bw05{border-width:5px;}.bw06{border-width:6px;}.bw07{border-width:7px;}.bw08{border-width:8px;}.bw09{border-width:9px;}.bw10{border-width:10px;}.bw11{border-width:11px;}.bw12{border-width:12px;}.bw13{border-width:13px;}.bw14{border-width:14px;}.bw15{border-width:15px;}.bw16{border-width:16px;}.bw17{border-width:17px;}.bw18{border-width:18px;}.bw19{border-width:19px;}.bw20{border-width:20px;}.bw21{border-width:21px;}.bw22{border-width:22px;}.bw23{border-width:23px;}.bw24{border-width:24px;}.bw25{border-width:25px;}.bw26{border-width:26px;}.bw27{border-width:27px;}.bw28{border-width:28px;}.bw29{border-width:29px;}/* header { position: unset; z-index: 9999; top: 0px; left: 0px; width: 100%; } */ /*---- header style ----*/ header { background-color: #fff; position: fixed; top: 0; z-index: 100; } .header-area{ width: 1350px; margin: 0 auto; max-width: 100%; } .pcmenu ul,.pcmenu li,.pcmenu p, .spmenu ul,.spmenu li,.spmenu p{ display: inline-block; } .pcmenu a{ color: #000; } .lh08{ line-height: 0.8em; } @media screen and (max-width: 1350px) { #headerLogo{ padding-left: 10px; } .pcmenu li p{ font-size: 13px; } .pcmenu li{ margin-right: 5px; } .pcmenu .siryo p{ padding: 10px; letter-spacing: normal; font-size: 12px; } .pcmenu .siryo p{ margin-right: 0; } } .clearfix::after{ content: ""; display: block; clear: both; } img{ font-size: 0; line-height: 0; } .textOverflowTest3 { overflow: hidden; width: 100%; height: 45px; } .shortcut { width: 300px; /* 要素の横幅を指定 */ white-space: nowrap; /* 横幅のMAXに達しても改行しない */ overflow: hidden; /* ハミ出した部分を隠す */ text-overflow: ellipsis; /* 「…」と省略 */ -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */ } /*---- main visual ----*/ .mainimage{ background-image: url("../images/mo/myown-main01.jpg"); height: 100vh; background-position:center center; /* 画像の表示位置を指定 */ background-size:cover; background-repeat: no-repeat; margin-top: 30px; } .pabsl{ position:absolute; width:25%; bottom: 40px; right:40px; } /*---- header style ----*/ #menuopen-input{ display: none; } #menuopen-input:checked ~ #menu-nav{ right: 0; } #menuopen-input:checked ~ #main-container{ right: 500px; } #menu-nav{ position: fixed; height: 100%; width: 250px; top: 0; right:-250px; text-align: left; background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); z-index: 1000000000; transition: right 0.1s linear; -webkit-transition: right 0.1s linear; } #menu-nav ul{ width: 90%; padding:0 20px; line-height: 20px; } #menu-nav li{ list-style: none; position: relative; display: block; padding: 10px 0; margin-right: 20px; border-bottom: 1px solid #ddd; } #menu-nav li a::after { border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; content: ''; bottom: 0; border-color: inherit; } #menu-nav li a p:before{ content: "›"; color: gray; padding-right:5px; } #main-container{ position: relative; top:-3px; left: -8px; width: 100%; height: 100%; box-sizing: border-box; z-index: 1; transition: right 0.1s linear; -webkit-transition: left 0.1s linear; } /*--- menu icon ---*/ .menu-icon{ font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 32px; display: inline-block; text-decoration: inherit; cursor: pointer; color: #ffffff; margin: 4px 4px; } /* .main-header{ position: relative; top: 2px; } */ .content-page{ padding-top: 70px; /* border-bottom: 1px solid #231815; */ clear: both; overflow: hidden; } .zift{ z-index: 1; position: relative; } .subtt{ font-weight: bold; margin-bottom: 15px; } .tptxt{ border-left: 5px solid #171C61; } .bat{ background-position: center top; } .normal{ font-weight: normal; } .lg-hide { display: none !important; } /* トップ手業 --------------------------------------- */ #tewaza{ padding: 60px 0; } #tewaza #top-wrapper{ background: none; padding: 0; } #tewaza #top-wrapper .box-left{ margin-top: 0px; } #tewaza #top-wrapper .box-left h4{ font-size: 60px; letter-spacing: .5rem; } #tewaza #top-wrapper .block-box{ clear: both; overflow: hidden; width: 1200px; max-width: 100%; margin: auto; } #tewaza #top-wrapper .box-left p:nth-of-type(1){ /* ← 職人の手業 アレンジ */ border-bottom: 1px solid #000; padding-bottom: 15px; margin: 0 auto 50px; display: block; width: 120px; letter-spacing: .2em; text-indent: .5em; font-size: 15px; text-align: center; overflow: hidden; } #tewaza #top-wrapper .box-left{ height: 500px; display: inline-block; } #tewaza #top-wrapper .box-left .ttl-box{ left:50%; transform:translate(-50%, 0%); margin: 0 0 30px; } #tewaza #top-wrapper .box-left h4:nth-of-type(2){ /* ← 職人の手業 アレンジ */ text-indent: 5em; } #tewaza #top-wrapper .box-left p:nth-of-type(2){ /* ← 職人の手業 アレンジ */ border-top: 1px solid #000; padding: 40px; margin: 0 auto; display: block; width: 100px; text-align: center; text-indent: -99999px; background-size: 140px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/33/sitelogo33.svg); overflow: hidden; } #tewaza #top-wrapper .box-left h4{ font-size: 25px; letter-spacing: .5rem; /* ← 職人の手業 アレンジ */ } #tewaza #top-wrapper{ margin-bottom: 0; } #tewaza #top-wrapper .top-block1 .img-box{ width: 800px; margin: auto; } #tewaza #top-wrapper .box-right{ padding: 50px 0 100px; } #tewaza .top-block2{ width: 1200px; max-width: 100%; margin: auto auto 100px; } #tewaza .top-block2 .txt-box{ float: left; width: 35%; padding: 0 20px; margin-top: 50px; line-height: 2em; font-size: 14px; box-sizing: border-box; } #tewaza .top-block2 .img-box{ float: right; margin: -80px 0 100px; width: 65%; box-sizing: border-box; } #tewaza .top-block2 .img-box img{ float: left; width: 50%; padding: 20px; box-sizing: border-box; } /* ↓ gtable ↓ */ table{ border-top: none; } .gtable td,.gtable th{ border-left: none; border-right: none; border-color: #e2e2e2; } .gtable th{ width: 40%; padding: 20px 0; font-weight: normal; font-size: 14px; } .gtable td{ padding: 20px 10px; font-size: 14px; line-height: 2em; } .gtable-a{ border-left: none; border-right: 1px solid #ccc; padding: 3px 10px; background-color: #fff; text-align: left; font-weight: normal; } table{ border-left: unset; } .gtable2{ border-left: 1px solid #ccc; border-right:none; } .gtable2 th{ width: 20%; text-align: center; background-color: #f3f3f3; padding: 3px 10px; height:50px; font-weight: normal; } .gtable2 td{ border-left: none; border-right: 1px solid #ccc; padding:15px; height:50px; font-size: 14px; } .gtable2 th p{ padding-left: 8px; border-left: 3px solid rgba(39, 71, 98, 0.55); } /* ↓ td letter-spacing ↓ */ .t2{ letter-spacing: 3.3em; margin-right: -3.3em } .t3{ letter-spacing: 1.2em; margin-right: -1.2em; } .t3e{ letter-spacing: 2.4em; margin-right: -2.4em; } .t4{ letter-spacing: 0.5em; } .t5{ letter-spacing: 0.5em; margin-right: -0.5em; } .t6{ letter-spacing: 0em; margin-right: 0em } /* ↑ td letter-spacing ↑ */ .closebtn:hover{ opacity: 0.7; } .relative{ position: relative; } .absolute{ position: relative; } .fixed{ position: fixed; } .tpmvsec{ cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tpmvsec:hover{ opacity: 0.7; } .ttl_bb{ border-bottom: #f8b62d 1px solid; display: inline-block; width: 45px; } .number{ font-size: 100px; background:linear-gradient(transparent 70%, rgba(0,166,181,0.66) 70%); line-height:0.9; display: inline-block; } ul.libox { list-style-type:disc; list-style-position:inside; } ul.libox li { text-indent: -1em; padding-left: 1em; } ol.libox { list-style-type:decimal; list-style-position:inside; } ol.libox li { text-indent: -1em; padding-left: 1em; margin-bottom: 10px; } /*ボックス全体*/ .accbox { margin-bottom: 2em; padding: 0; } /*ラベル*/ .accbox label { display: block; padding :20px; font-weight: bold; cursor :pointer; transition: all 0.5s; background-image: url("../images/underarrow.png"); background-position: right 10px center; background-size: 40px; background-color :#f0f3f7; background-repeat: no-repeat; border: #ccc 1px solid; margin:10px 0; font-size: 20px; } /*ラベルホバー時*/ .accbox label:hover { background-color :#c2c9d2; } /*チェックは隠す*/ .accbox input { display: none; } /*中身を非表示にしておく*/ .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ .cssacc:checked + .accshow { height: auto; padding: 5px; background: #fff; opacity: 1; padding: 20px; } .kodawari_txtbox { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .content-area2{ width: 1100px; margin: 0 auto; max-width: 100%; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } /*/--------- video ---------/*/ @-webkit-keyframes sdb { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); } 20% { -webkit-transform: rotate(-45deg) translate(-10px, 10px); } 40% { -webkit-transform: rotate(-45deg) translate(0, 0); } } @keyframes sdb { 0% { transform: rotate(-45deg) translate(0, 0); } 20% { transform: rotate(-45deg) translate(-10px, 10px); } 40% { transform: rotate(-45deg) translate(0, 0); } } .fa-angle-right{ position: relative; left: 20px; } .zindex100{ z-index: 100; } .zindex-10{ z-index: -10; } .arrow_f { background-image: url('../images/arrow_f.png'); background-size: 40px; background-repeat:no-repeat; padding: 0 20px; width: auto; position: relative; left: 110px; bottom: 40px; } .arrow_b { background-image: url('../images/arrow_b.png'); background-size: 30px; background-repeat:no-repeat; padding: 0 15px; width: auto; position: relative; left: 20px; top:5px; } #tewaza{ background-image: url(../images/33/bg-top-typelogo.jpg); background-repeat: no-repeat; background-size:cover; /* background-position: left -300px; */ } /* ↓ フッター */ .footer-list{ background-color: #fff; font-size: 14px; padding-top: 15px; padding-bottom: 15px; } .content-foot{ margin-top: 25px; } .content-foot a{ color: inherit; } .content-foot .fa-angle-right{ position: inherit; left: auto; } iframe{ vertical-align: bottom; } .footer-list ul{ display: inline-block; } .footer-list li{ display: inline-block; color: #524745; padding:0 10px; } footer{ text-align: center; color: #fff; } #footer-box{ padding: 50px 10px 30px; background-color: #00a4b4; text-align: center; } .footlogo img{ width: 180px; margin-bottom: 15px; } #footer-box p{ font-size: 14px; color: #fff; line-height: 1.2rem; } .copyright{ border-top:1px solid #ffffff; padding-top: 10px; padding-bottom: 10px; font-size: 11px; background-color: #00a4b4; } .copyright a{ color: #fff; } /* ↑ フッター */ /* ↓ デフォルト 汎用css */ /* ↓ 下層ページメイン 汎用css */ .bgp-t{ background-position: top; } .top-bgbox{ z-index: -10; float: left; width: 100%; position: relative; margin-top: -650px; } .top-bgc{ width: 80%; display: block; margin: auto auto; background-color: #f1f1f1; height: 600px; } .reform{ background-image:url(../images/bg-reform03.jpg); background-size:cover; } .zeh{ background-image:url(../images/bg-zeh01.jpg); background-size:cover; } /* ↑ 下層ページメイン 汎用css */ /* ↓ 下層ページ内 デフォルト top */ #top-wrapper{ background-image:url(../images/mo/myown-pro-bg01.png); background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; padding-top: 50px ; margin-bottom: 100px; height: 700px; max-width: 100%; } #top-wrapper .block-box{ clear: both; overflow: hidden; width: 1330px; max-width: 100%; margin: auto auto; } #top-wrapper .box-left{ float: left; width: 25%; box-sizing: border-box; } #top-wrapper .box-left .ttl-box{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: relative; width: auto; /* margin: 0 auto 30px; */ } #top-wrapper .box-left h4{ position:relative; font-family: '見出ゴMB31','Georgia','游明朝',"Yu Mincho",'YuMincho',"Hiragino Mincho ProN",'HGS明朝E','メイリオ','Meiryo',serif; font-size: 20px; font-weight: normal; } #top-wrapper .box-right{ float: right; width: 75%; box-sizing: border-box; } #top-wrapper .box-right .img-box{ clear: both; overflow: hidden; } #top-wrapper .box-right .img-box div{ float: left; width: 33%; padding: 10px; box-sizing: border-box; } #top-wrapper .box-right .img-box p{ background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; } /* ↑ 下層ページ内 デフォルト top */ /* ↓ デフォルト wrapper */ .wrapper{ width: 1100px; max-width: 100%; margin: auto; clear: both; overflow: hidden; } .container{ clear: both; overflow: hidden; padding: 100px 0 50px; } .ttl-block{ text-align: center; color: #231815; margin: 0 0 20px; } .ttl-block h3{ font-weight: normal; font-size: 38px; line-height: 1.1em; letter-spacing: .1em; } .ttl-block p{ padding: 10px; font-size: 15px; letter-spacing: .5rem; } /* ↑ デフォルト wrapper */ /* ↓ デフォルト block-box */ .blockttl-box{ background-size: cover; background-position: center center; background-repeat: no-repeat; clear: both; overflow: hidden; height: 400px; -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); padding: 0px 0; } .blockttl-box .ttl-box{ clear: both; overflow: hidden; padding: 0px; margin-top: 0px; color: #fff; } .blockttl-box .ttl-box div{ margin-bottom: 0px; } .blockttl-box .ttl-box div span:nth-child(1){ font-size: 13px; vertical-align: middle; padding-right: 10px; } .blockttl-box .ttl-box div span:nth-child(2){ font-size: 40px; } .blockttl-box .ttl-box h3{ margin-bottom: 0px; font-size: 38px; font-weight: normal; letter-spacing: .1em; } .blockttl-box .ttl-box p{ width: 70%; font-size: 14px; line-height: 2em; letter-spacing: .1em; } #c5 .block-box1{ clear: both; overflow: hidden; float: none; padding: 130px 0 100px; } #c5 .block-box1 .txt-box { float: left; background-color: #f1f1f1; width: 55%; padding: 100px 50px 70px; } #c5 .block-box1 .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } #c5 .block-box1 .txt-box .txt h4:nth-child(2){ font-size: 32px; font-weight: normal; margin-bottom: 10px; } #c5 .block-box1 .txt-box .txt p{ width: 65%; font-size: 14px; line-height: 2em; margin-top: 20px; } #c5 .block-box1 .img-box { display: inline; float: right; width: 55%; margin-top:-530px; } /* ↑ デフォルト block-box */ /* ↓ 汎用 works ブロック css */ .works-box{ float: left; width: 50%; box-sizing: border-box; } .works-box .article{ margin: 15px; } .works-box .img{ background-size: cover; background-position: center center; } .works-box .txt-area{ background-color: #f1f1f1; color: #231815; padding: 35px;font-size: 16px; } .works-box .txt-area p{ font-size: 16px; margin-bottom: 10px; } .works-box.txt-area span{ font-size: 13px; } .works-title-arrow{ background-image: url(../images/ico_arrow.png); background-repeat: no-repeat; background-size: cover; width: 13px; height: 40px; float: right; } /* ↑ works記事一覧 ブロック css */ /* ↓ 資料請求ブロック */ .kakomi-triple1 { position: relative; border: 1px solid #fff; /*左枠線*/ width: 90%; margin: 2em auto; padding: 100px 15px 90px 20px; z-index: 0; } .kakomi-triple1::after { position: absolute; content: ''; width: 100%; height: 100%; } .kakomi-triple1::after { border: 1px solid #fff; /*右枠線*/ bottom: -10px; right: -10px; z-index: 1; } /* ↑ 資料請求ブロック */ /* ↑ デフォルト 汎用 css */ /* ↓ 施工ギャラリー css */ #gallery #top-wrapper .box-left .ttl-box{ -webkit-writing-mode:lr-tb; -ms-writing-mode:lr-tb; writing-mode:lr-tb; position: inherit; left:auto; margin-bottom: 20px; } #gallery #top-wrapper .box-left{ float: left; width: 40%; box-sizing: border-box; padding:0 50px 0 30px; margin-top: 250px; } #gallery #top-wrapper .box-left .txt-box{ line-height: 2em; font-size: 15px; clear: both; overflow: hidden; } #gallery #top-wrapper .box-left .txt-box p{ text-align: left; } #gallery #top-wrapper .box-right{ float: left; width: 60%; box-sizing: border-box; padding: 0 0 100px; } #gallery #top-wrapper .box-right .img-box div{ /* width: 350px; */ width: 45%; height: 550px; background-position: center center; background-size: cover; } #gallery #top-wrapper .box-right .img-box div:nth-child(2){ margin-top: 100px; margin-left: 30px; } /* ↑ 施工ギャラリー css */ /* ↓ くりやま建築のこだわりページ css */ /* ↓ くりやま建築のこだわりページ concept css */ .top-box1{ float: left; width: 40%; padding-top: 80px; } .top-img1{ /* margin-top: 40px; */ background-size: cover; background-position: center center; } .top-box1.concept{ font-size: 13px; padding-bottom: 20px; } .top-txt1 h4{ font-size: 32px; padding-bottom: 20px; letter-spacing: 0.2em; font-weight: normal; } .top-txt1{ margin: auto auto auto 50px; } .top-box2{ float: right; width: 60%; } .top-img2{ margin: 0 0 40px 50px; background-size:cover; background-position: center center; } .top-txt2{ margin: auto 50px auto 50px; } .top-txt2 p,.top-txt1 p{ font-size: 14px; line-height: 2.2em; padding-bottom: 30px; } /* ↑ くりやま建築のこだわりページ concept css */ /* ↓ くりやま建築のこだわり #c1 css */ #kodawari .top-block{ margin: 90px auto; padding: 60px 0 0; } #kodawari #c1 .blockttl-box{ background-image: url(../images/bg-kodawari-c111.jpg); } #c1 .block-box1{ margin-bottom: 20px; display: inline-block; position: relative; z-index: 0; } #c1 .block-box1 img{ margin-bottom: 20px; } #c1 .position1{ position: relative; top: 90px; float: left; width: 25%; padding: 15px; box-sizing:border-box; } #c1 .position2{ position: relative; top: 60px; float: left; width: 25%; padding: 15px; box-sizing:border-box; } #c1 .position3{ position: relative; top: 30px; float: left; width: 25%; padding: 15px; box-sizing:border-box; } #c1 .position4{ position: relative; top: 0; float: left; width: 25%; padding: 15px; box-sizing:border-box; } #kodawari #c1 h5{ font-size: 18px; font-weight: normal; padding-bottom: 5px; } #c1 .txt-box{ font-size: 11px; line-height: 2.2em; } #c1 .block-box2{ clear: both; overflow: hidden; float: none; height: 500px; position: relative; z-index: 1; } #c1 .block-box2 .txt-box { float: left; background-color: #f1f1f1; width: 60%; padding: 50px; position: relative; top: 180px; } #c1 .block-box2 .txt-box .txt { width: 60%; } #c1 .block-box2 .txt-box .txt h4{ font-size: 20px; font-weight: normal; padding-bottom: 10px; } #c1 .block-box2 .img-box { position: absolute; right: 0; display: inline; float: right; width: 50%; z-index: 1; } /* ↑ くりやま建築のこだわり #c1 css */ /* ↓ くりやま建築のこだわり #c2 css */ #kodawari #c2 .blockttl-box{ background-image: url(../images/bg-kodawari-c22.jpg); } #c2 .block-box1{ clear: both; overflow: hidden; float: none; height: 850px; } #c2 .block-box1 .ttl-box{ padding: 100px 0 0; } #c2 .block-box1 .ttl-box p{ font-size: 12px; margin-bottom: 15px } #c2 .block-box1 .ttl-box h4{ font-size: 32px; font-weight: normal; letter-spacing: 0.2em; margin-bottom: 15px; } #c2 .txt-block{ clear: both; overflow: hidden; float: none; padding-bottom:50px; } #c2 .txt-box{ float: left; width: 20%; box-sizing: border-box; padding: 10px; } #c2 .txt-box:nth-child(1){ position: relative; top: 80px; } #c2 .txt-box:nth-child(2){ position: relative; top: 60px; } #c2 .txt-box:nth-child(3){ position: relative; top: 40px; } #c2 .txt-box:nth-child(4){ position: relative; top: 20px; } #c2 .txt-box:nth-child(5){ position: relative; top: 0; } #c2 .txt-box h5{ font-size: 18px; font-weight: normal; padding-bottom: 10px; } #c2 .txt-box p{ font-size: 11px; line-height: 2em; margin-bottom: 20px; } #c2 .img-block{ clear: both; overflow: hidden; float: none; padding-bottom: 60px; margin-top: -50px; } #c2 .img-block1, #c2 .img-block2{ width: 50%; float: right; padding-bottom: 60px; margin-top: -50px; box-sizing: border-box; } #c2 .img-box{ float: left; width: 50%; padding: 10px; box-sizing: border-box; } #c2 .img-block1 .img-box:nth-of-type(1){ position: relative; top:30px; } #c2 .img-block1 .img-box:nth-of-type(2){ position: relative; top:0px; } #c2 .img-block2 .img-box:nth-of-type(1){ position: relative; top:90px; } #c2 .img-block2 .img-box:nth-of-type(2){ position: relative; top:60px; } /* ↑ くりやま建築のこだわり #c2 css */ /* ↓ くりやま建築のこだわり #c3 css */ #kodawari #c3 .blockttl-box{ background-image: url(../images/bg-kodawari-c33.jpg); } #c3{ background-color: #f1f1f1; /* padding-bottom: 300px; */ padding-bottom: 100px; } #c3 .blockttl-box{ position: relative; top: -100px; margin-bottom: -50px; } /* #c3 .block-box{ clear: both; overflow: hidden; float: none; padding-bottom: 90px; } */ .content-area3{ width:1400px; margin: 0 auto; max-width: 100%; clear: both; overflow: hidden; display: block; } /* #c3 .block-box1{ clear: both; overflow: hidden; padding: 130px 0 0; } #c3 .block-box1 .txt-box { float: right; position: relative; top: -50px; width: 45%; padding: 100px 50px 70px; background-color: #fff; box-sizing: border-box; } #c3 .block-box1 .txt-box .txt{ float: right; width: 75%; } #c3 .block-box1 .txt-box .txt h4{ font-size: 32px; font-weight: normal; margin-bottom: 10px; letter-spacing: .1em; } #c3 .block-box1 .txt-box .txt p{ font-size: 14px; line-height: 2em; margin-top: 20px; } #c3 .block-box1 .img-box { display: inline; position: relative; right:-100px; float: right; width: 45%; margin-top:-150px; box-sizing: border-box; } */ /* #c3 .pasivaircon{ float: left; width: 400px; background-color: #f7931e; color: #fff; padding: 50px 30px; margin-top: -200px; box-sizing: unset; position: relative; right: 0; left: 0; z-index: 100; } #c3 .pasivaircon .ico-pasiv{ width: 130px; display: block; margin: auto auto 10px; box-sizing: border-box; } #c3 .pasivaircon h4{ text-align: center; font-size: 20px; font-weight:normal; margin-bottom: 10px; } #c3 .pasivaircon p{ font-size: 12px; line-height: 1.8em; padding: 0 15px; } */ #c3 .block-box1{ clear: both; overflow: hidden; float: none; padding:130px 0 100px; } #c3 .block-box1 .txt-box { float: right; background-color: #fff; width: 55%; padding: 100px 50px 70px 160px; box-sizing: border-box; } #c3 .block-box1 .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } #c3 .block-box1 .txt-box .txt h4:nth-child(2){ font-size: 32px; font-weight: normal; margin-bottom: 10px; letter-spacing: .1em; } #c3 .block-box1 .txt-box .txt p{ font-size: 14px; line-height: 2em; margin-top: 20px; } #c3 .block-box1 .img-box { display: inline; float: left; width: 55%; margin-top:-600px; } .pasivaircon-block{ background-color: #c5bbbb; padding: 100px 0 150px; -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); } .pasivaircon-block .content{ width: 1000px;max-width: 100%;margin: auto;display: block;clear: both;overflow: hidden; } .pasivaircon-block .ico{ float: left;width: 20%;box-sizing: border-box; } .pasivaircon-block .txt{ float: right; width: 80%; padding-left: 30px; margin-top: 40px; color: #fff; box-sizing: border-box; } .pasivaircon-block .txt h4{ font-size: 23px; font-weight: normal; padding-bottom: 20px; width: 11em; display: flex; align-items: center; } .pasivaircon-block .txt h4:before { border-top: 1px dotted; content: ""; flex-grow: 1; margin-right: 1rem; } .pasivaircon-block .txt p{ font-size: 15px; line-height: 1.8em; } .pasivaircon-block .link{ float: right; border:1px solid #fff; width: 350px; margin-right:20px; padding: 20px; text-align: center; clear: both; overflow: hidden; } .pasivaircon-block .link a{ color: #fff; text-align: center; } /* ↑ くりやま建築のこだわり #c3 css */ /* ↓ くりやま建築のこだわり #c4 css */ #kodawari #c4 .blockttl-box{ background-image: url(../images/bg-kodawari-c444.jpg); } #c4{ margin-top: -200px; padding-bottom: 300px; clear: both; overflow: hidden; } #c4 .block-box1{ clear: both; overflow: hidden; float: none; padding: 130px 0 100px; } #c4 .block-box1 .txt-box { float: left; background-color: #f1f1f1; width: 55%; padding: 100px 50px 70px; } #c4 .block-box1 .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } #c4 .block-box1 .txt-box .txt h4:nth-child(2){ font-size: 32px; font-weight: normal; margin-bottom: 10px; letter-spacing: .1em; } #c4 .block-box1 .txt-box .txt p{ width: 65%; font-size: 14px; line-height: 2em; margin-top: 20px; } #c4 .block-box1 .img-box { display: inline; float: right; width: 55%; margin-top:-580px; } #c4 .block-box2{ padding-top:50px; text-align: center; } #c4 .block-box2 .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } #c4 .block-box2 .txt-box .txt h4:nth-child(2){ font-size: 35px; font-weight: normal; margin-bottom: 10px; } #c4 .block-box2 .img-box{ clear: both; overflow: hidden; margin-top: 20px; } #c4 .block-box2 .img-box div{ float: left; width: 33%; box-sizing: border-box; padding: 20px; } #c4 .block-box2 .img-box div h5{ font-size: 23px; font-weight: normal; margin:20px 0; } #c4 .block-box2 .img-box div p{ font-size: 14px; line-height: 1.8em; text-align: left; } /* ↑ くりやま建築のこだわり #c4 css */ /* ↓ くりやま建築のこだわり #c5 css */ #kodawari #c5 .blockttl-box{ background-image: url(../images/bg-kodawari-c555.jpg); } #c5{ margin-top: -200px; } #c5 .block-box1{ clear: both; overflow: hidden; float: none; padding: 130px 0 100px; } #c5 .block-box1 .txt-box { float: left; background-color: #f1f1f1; width: 55%; padding: 100px 50px 70px; } #c5 .block-box1 .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } #c5 .block-box1 .txt-box .txt h4:nth-child(2){ font-size: 32px; font-weight: normal; margin-bottom: 10px; } #c5 .block-box1 .txt-box .txt p{ width: 65%; font-size: 14px; line-height: 2em; margin-top: 20px; } #c5 .block-box1 .img-box { display: inline; float: right; width: 55%; margin-top:-530px; } #c5 .block-box2{ /* -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); */ padding: 50px 0; text-align: center; } #c5 .block-box2 .txt-box h4{ font-size: 35px; font-weight: normal; margin-bottom: 10px; letter-spacing: .1em; } #c5 .block-box2 .img-box{ clear: both; overflow: hidden; margin-top: 20px; } #c5 .block-box2 .img-box div{ float: left; width: 33%; box-sizing: border-box; padding: 20px; } #c5 .block-box2 .img-box div h5{ font-size: 23px; font-weight: normal; margin:20px 0; } #c5 .block-box2 .img-box div p{ font-size: 14px; line-height: 1.8em; text-align: left; } /* ↑ くりやま建築のこだわり #c5 css */ /* ↑ くりやま建築のこだわりページ css */ /* ↓ 職人の手業 アレンジ css */ /* ↓ 職人の手業 ページ内トップ */ #page-tewaza #top-wrapper .block-box{ clear: both; overflow: hidden; width: 1200px; max-width: 100%; margin: auto; } #page-tewaza #top-wrapper .box-left p:nth-of-type(1){ /* ← 職人の手業 アレンジ */ border-bottom: 1px solid #000; padding-bottom: 15px; margin: 0 auto 50px; display: block; width: 120px; letter-spacing: .2em; text-indent: .5em; font-size: 15px; text-align: center; overflow: hidden; } #page-tewaza #top-wrapper .box-left{ height: 500px; display: inline-block; } #page-tewaza #top-wrapper .box-left .ttl-box{ left:50%; transform:translate(-50%, 0%); margin: 0 0 30px; } #page-tewaza #top-wrapper .box-left h4:nth-of-type(2){ /* ← 職人の手業 アレンジ */ text-indent: 3em; } #page-tewaza #top-wrapper .box-left p:nth-of-type(2){ /* ← 職人の手業 アレンジ */ border-top: 1px solid #000; padding: 40px; margin: 0 auto; display: block; width: 100px; text-align: center; text-indent: -99999px; background-size: 140px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/33/sitelogo33.svg); overflow: hidden; } #page-tewaza #top-wrapper .box-left h4{ font-size: 25px; letter-spacing: .5rem; /* ← 職人の手業 アレンジ */ } #page-tewaza #top-wrapper{ margin-bottom: 0; } #page-tewaza #top-wrapper .top-block1 .img-box{ width: 800px; margin: auto; } #page-tewaza #top-wrapper .box-right{ padding: 50px 0 100px; } #page-tewaza .top-block2{ width: 1200px; max-width: 100%; margin: auto auto 100px; } #page-tewaza .top-block2 .txt-box{ float: left; width: 35%; padding: 0 20px; margin-top: 50px; line-height: 2em; font-size: 14px; box-sizing: border-box; } #page-tewaza .top-block2 .img-box{ float: right; margin: -80px 0 100px; width: 65%; box-sizing: border-box; } #page-tewaza .top-block2 .img-box img{ float: left; width: 50%; padding: 20px; box-sizing: border-box; } /* ↑ 職人の手業 ページ内トップ */ /* ↓ 職人の手業 記事一覧 ブロック css */ .content-tewaza-box{ margin: 50px auto; clear: both; overflow: hidden; } .content-tewaza-box .article{ float: left; width: 25%; box-sizing: border-box; padding: 15px; } .content-tewaza-box .post{ margin-bottom: 20px; padding-bottom: 15px; /* border-bottom: 1px solid #f7931e; */ border-bottom: 1px dotted #ccc; } .content-tewaza-box .post p{ font-size: 15px; color: #231815; } .content-tewaza-box .post p{ position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; } .content-tewaza-box .post p::before{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .content-tewaza-box .post p::before{ left: 4px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dcdcdc; } .content-tewaza-box .post .img{ background-size: cover; background-position: center center; margin-bottom: 15px; } /* ↑ 職人の手業 記事一覧 ブロック css */ /* ↑ 職人の手業 アレンジ css */ /* ↓ 家庭菜園 アレンジ css */ /* ↓ 家庭菜園 ページ内トップ */ #garden #top-wrapper .block-box{ padding: 100px 0;/* ← 家庭菜園 アレンジ */ } #garden #top-wrapper .box-left h4{ letter-spacing: .3rem; /* ← 家庭菜園 アレンジ */ } #garden #top-wrapper .box-left{ height: 350px; } #garden #top-wrapper .box-left p{ font-size: 12px; letter-spacing: 0.2em; text-align: center; }#garden #top-wrapper .box-left .ttl-box{ left:50%; transform:translate(-50%, 0%); margin: 0 0 30px; } #garden #top-wrapper .box-right .img-box div:nth-child(2){ margin-top: 50px; } #garden #top-wrapper .box-right .img-box div:nth-child(3){ margin-top: 100px; } #garden #top-wrapper .box-right .txt-box{ width: 65%; font-size: 13px; line-height: 2em; padding-left: 50px; } /* ↑ 家庭菜園 ページ内トップ */ /* ↓ 家庭菜園 ページ内 右ブロック */ .block-box-right{ clear: both; overflow: hidden; float: none; padding: 80px 0; } .block-box-right .txt-wrapper{ width: 50%; max-width: 800px; position: relative; float: right; z-index: 0; right: -8%; margin-top: 50px; } .block-box-right .txt-box { background-color: #f1f1f1; padding: 70px 25% 70px 70px ; } .block-box-right .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } .block-box-right .txt-box .txt h4:nth-child(2){ font-size: 32px; font-weight: normal; margin-bottom: 10px; line-height: 1.5em; } .block-box-right .txt-box .txt p{ font-size: 14px; line-height: 2em; margin-top: 20px; } .block-box-right .img-box { width: 1000px; max-width: 50%; float: right; position: relative; z-index: 10; } .block-box-right .img-box div { background-position: center center; background-size: cover; height: 400px; } /* ↑ 家庭菜園 ページ内 右ブロック */ /* ↓ 家庭菜園 ページ内 左ブロック */ .block-box-left{ clear: both; overflow: hidden; float: none; padding: 80px 0; } .block-box-left .txt-wrapper{ width: 50%; max-width: 800px; position: relative; float: left; z-index: 0; left: -8%; margin-top: 50px; } .block-box-left .txt-box { background-color: #f1f1f1; padding: 70px 70px 70px 25%; } .block-box-left .txt-box .txt h4:nth-child(1){ margin-bottom: 20px; font-size: 12px; font-weight: normal; } .block-box-left .txt-box .txt h4:nth-child(2){ font-size: 32px; font-weight: normal; margin-bottom: 10px; line-height: 1.5em; } .block-box-left .txt-box .txt p{ font-size: 14px; line-height: 2em; margin-top: 20px; } .block-box-left .img-box { width: 1000px; max-width: 50%; float: left; position: relative; z-index: 10; } .block-box-left .img-box div { background-position: center center; background-size: cover; height: 400px; } /* ↑ 家庭菜園 ページ内 左ブロック */ /* ↓ 家庭菜園 ページ内 中ブロック */ #c1 .wrapper{ width: 1100px; max-width: 100%; margin: auto; } #c1 .block-box{ margin: 100px auto 100px; background-color: #f1f1f1; padding: 70px; text-align: center; } #c1 .block-box .txt-box .txt h4:nth-child(1){ font-size: 12px; font-weight: normal; margin-bottom: 20px; } #c1 .block-box .txt-box .txt h4:nth-child(2){ font-size: 35px; font-weight: normal; margin-bottom: 10px; } #c1 .block-box .img-box{ clear: both; overflow: hidden; margin-top: 20px; } #c1 .block-box .img-box div{ float: left; width: 33%; box-sizing: border-box; padding: 20px; } #c1 .block-box .img-box div h5{ font-size: 20px; font-weight: normal; margin:20px 0; } #c1 .block-box .img-box div p{ font-size: 14px; line-height: 1.8em; text-align: left; } /* ↑ 家庭菜園 ページ内 中ブロック */ /* ↓ 家庭菜園 ページ内 ブログブロック */ .blog-wrapper{ clear: both; overflow: hidden; background-size: cover; background-position: center center; background-image: url(../images/bg-garden-blog.jpg); height: 700px; margin-top: 150px; } .blog-wrapper-top{ clear: both; overflow: hidden; background-size: cover; background-position: center center; background-image: url(../images/bg-garden-blog.jpg); height: 700px; margin-top: 0px; } .blog-container{ width: 1000px; max-width: 100%; margin: auto; } .blog-block{ padding: 80px; margin: 180px 0 0; color: #fff; } .blog-block h3{ font-weight: normal; font-size: 38px; letter-spacing: .4rem; line-height: 1.8em; margin: 0 0 20px; } .blog-block p{ margin: 0 0 40px; letter-spacing: .1em; line-height: 1.7em; } .blog-block a p{ width: 180px; text-align: center; background-color: #fff; padding: 10px; } .blog-block a p :hover{ background-color: #f1f1f1; } /* ↑家庭菜園 ページ内 ブログブロック */ /* ↑家庭菜園 アレンジ css */ /* ↓ 実績PICKUP アレンジ css */ #works .img-main { position: relative; z-index: 1; width: 1100px; max-width: 100%; padding: 100px 0; margin: auto; } .content-box{ width: 1300px; max-width: 100%; margin: auto; } #works .img-madori{ position: relative; display: inline-block; left: 5%; margin-top: -50px; width: 500px; } #works .housename-box{ background-color: #f1f1f1; float: right; position: relative; margin-top: -200px; /* left: 1000px; */ width: 500px; padding: 50px; line-height: 3em; } #works .housename-box .name-area{ border-bottom: 1px #000 solid; padding: 90px 0 20px; margin-bottom: 20px; } .housename-box .name-area p:nth-child(2){ font-size: 40px; } #works .block-box-right .txt-wrapper{ width: 60%; float: left; right: auto; margin-top: -300px; } #works .block-box-left .txt-wrapper{ width: 60%; float: right; left: auto; margin-top: -300px; } #works .block-box-right .txt-box .txt h4:nth-child(1){ font-size: 15px; } #works .block-box-left .txt-box .txt h4:nth-child(1){ font-size: 15px; } /* ↑ 実績PICKUP アレンジ css */ /* ↓ blog 一覧ページ */ .blog-box{ clear: both; overflow: hidden; padding: 80px 0; } .blog-box .img{ float: right; width: 45%; position: relative; top:-100px; z-index: 2; } .blog-box .txt-area{ position: absolute; left: 0; background-color: #e8e8e8; float: right; width: 70%; height: 300px; padding: 70px 180px 50px 70px; box-sizing: border-box; z-index: 1; } .blog-box .txt-area h3{ font-size: 28px; font-weight: normal; margin-bottom: 30px; width: 100%; } .blog-box .txt-area p{ font-size: 15px; line-height: 1.5em; } .post-ttl{ position: absolute; z-index: -1; left: 60px; top: 75px; width:45%; } .blog-next-btn{ clear: both; overflow: hidden; text-align: center; padding-top: 25px; padding-bottom: 25px; } /* ↑ blog 一覧ページ */ /* ↓ blog singleページ */ #page-blog h3{ font-size: 28px; font-weight: normal; margin-bottom: 50px; padding-left:20px; border-left: 1px solid #666; } #page-blog .content{ padding: 0 80px; } #page-blog .content img{ } #page-blog .content p{ line-height: 1.6em; text-align: left!important; } .blog-next-btn a{ color: #fff; } /* ↑ blog singleページ */ .MB{ font-family: "ゴシックMB101 B"; } .MDMB{ font-family: "見出ゴMB31"; } .TGE{ font-family: "TBUDゴシック E"; } .SG{ font-family: "新ゴ R"; } .SGB{ font-family: "新ゴ B"; } .100hv { height: 100vh; } /* ↓ お問い合わせフォーム ↓ */ .recaptcha{ display: inline-block; } .justify { text-align:justify; } @media screen and (max-width:999px) { .tm_0{margin:0px;}.tm_05{margin:5px;}.tm_10{margin:10px;}.tm_15{margin:15px;}.tm_20{margin:20px;}.tm_25{margin:25px;}.tm_30{margin:30px;}.tm_35{margin:35px;}.tm_40{margin:40px;}.tm_45{margin:45px;}.tm_50{margin:50px;}.tm_55{margin:55px;}.tm_60{margin:60px;}.tm_65{margin:65px;}.tm_70{margin:70px;}.tm_75{margin:75px;}.tm_80{margin:80px;}.tm_85{margin:85px;}.tm_90{margin:90px;}.tm_95{margin:95px;}.tm_100{margin:100px;}.tm_105{margin:105px;}.tm_110{margin:110px;}.tm_115{margin:115px;}.tm_120{margin:120px;}.tm_125{margin:125px;}.tm_130{margin:130px;}.tm_135{margin:135px;}.tm_140{margin:140px;}.tm_145{margin:145px;}.tm_150{margin:150px;}.tm_155{margin:155px;}.tm_160{margin:160px;}.tm_165{margin:165px;}.tm_170{margin:170px;}.tm_175{margin:175px;}.tm_180{margin:180px;}.tm_185{margin:185px;}.tm_190{margin:190px;}.tm_195{margin:195px;}.tm_200{margin:200px;}.tm_205{margin:205px;}.tm_210{margin:210px;}.tm_215{margin:215px;}.tm_220{margin:220px;}.tm_225{margin:225px;}.tm_230{margin:230px;}.tm_235{margin:235px;}.tm_240{margin:240px;}.tm_245{margin:245px;}.tm_m0{margin:-0px;}.tm_m05{margin:-5px;}.tm_m10{margin:-10px;}.tm_m15{margin:-15px;}.tm_m20{margin:-20px;}.tm_m25{margin:-25px;}.tm_m30{margin:-30px;}.tm_m35{margin:-35px;}.tm_m40{margin:-40px;}.tm_m45{margin:-45px;}.tm_m50{margin:-50px;}.tm_m55{margin:-55px;}.tm_m60{margin:-60px;}.tm_m65{margin:-65px;}.tm_m70{margin:-70px;}.tm_m75{margin:-75px;}.tm_m80{margin:-80px;}.tm_m85{margin:-85px;}.tm_m90{margin:-90px;}.tm_m95{margin:-95px;}.tm_b0{margin-bottom:0px;}.tm_b05{margin-bottom:5px;}.tm_b10{margin-bottom:10px;}.tm_b15{margin-bottom:15px;}.tm_b20{margin-bottom:20px;}.tm_b25{margin-bottom:25px;}.tm_b30{margin-bottom:30px;}.tm_b35{margin-bottom:35px;}.tm_b40{margin-bottom:40px;}.tm_b45{margin-bottom:45px;}.tm_b50{margin-bottom:50px;}.tm_b55{margin-bottom:55px;}.tm_b60{margin-bottom:60px;}.tm_b65{margin-bottom:65px;}.tm_b70{margin-bottom:70px;}.tm_b75{margin-bottom:75px;}.tm_b80{margin-bottom:80px;}.tm_b85{margin-bottom:85px;}.tm_b90{margin-bottom:90px;}.tm_b95{margin-bottom:95px;}.tm_b100{margin-bottom:100px;}.tm_b105{margin-bottom:105px;}.tm_b110{margin-bottom:110px;}.tm_b115{margin-bottom:115px;}.tm_b120{margin-bottom:120px;}.tm_b125{margin-bottom:125px;}.tm_b130{margin-bottom:130px;}.tm_b135{margin-bottom:135px;}.tm_b140{margin-bottom:140px;}.tm_b145{margin-bottom:145px;}.tm_b150{margin-bottom:150px;}.tm_b155{margin-bottom:155px;}.tm_b160{margin-bottom:160px;}.tm_b165{margin-bottom:165px;}.tm_b170{margin-bottom:170px;}.tm_b175{margin-bottom:175px;}.tm_b180{margin-bottom:180px;}.tm_b185{margin-bottom:185px;}.tm_b190{margin-bottom:190px;}.tm_b195{margin-bottom:195px;}.tm_b200{margin-bottom:200px;}.tm_b205{margin-bottom:205px;}.tm_b210{margin-bottom:210px;}.tm_b215{margin-bottom:215px;}.tm_b220{margin-bottom:220px;}.tm_b225{margin-bottom:225px;}.tm_b230{margin-bottom:230px;}.tm_b235{margin-bottom:235px;}.tm_b240{margin-bottom:240px;}.tm_b245{margin-bottom:245px;}.tm_t0{margin-top:0px;}.tm_t05{margin-top:5px;}.tm_t10{margin-top:10px;}.tm_t15{margin-top:15px;}.tm_t20{margin-top:20px;}.tm_t25{margin-top:25px;}.tm_t30{margin-top:30px;}.tm_t35{margin-top:35px;}.tm_t40{margin-top:40px;}.tm_t45{margin-top:45px;}.tm_t50{margin-top:50px;}.tm_t55{margin-top:55px;}.tm_t60{margin-top:60px;}.tm_t65{margin-top:65px;}.tm_t70{margin-top:70px;}.tm_t75{margin-top:75px;}.tm_t80{margin-top:80px;}.tm_t85{margin-top:85px;}.tm_t90{margin-top:90px;}.tm_t95{margin-top:95px;}.tm_t100{margin-top:100px;}.tm_t105{margin-top:105px;}.tm_t110{margin-top:110px;}.tm_t115{margin-top:115px;}.tm_t120{margin-top:120px;}.tm_t125{margin-top:125px;}.tm_t130{margin-top:130px;}.tm_t135{margin-top:135px;}.tm_t140{margin-top:140px;}.tm_t145{margin-top:145px;}.tm_t150{margin-top:150px;}.tm_t155{margin-top:155px;}.tm_t160{margin-top:160px;}.tm_t165{margin-top:165px;}.tm_t170{margin-top:170px;}.tm_t175{margin-top:175px;}.tm_t180{margin-top:180px;}.tm_t185{margin-top:185px;}.tm_t190{margin-top:190px;}.tm_t195{margin-top:195px;}.tm_t200{margin-top:200px;}.tm_t205{margin-top:205px;}.tm_t210{margin-top:210px;}.tm_t215{margin-top:215px;}.tm_t220{margin-top:220px;}.tm_t225{margin-top:225px;}.tm_t230{margin-top:230px;}.tm_t235{margin-top:235px;}.tm_t240{margin-top:240px;}.tm_t245{margin-top:245px;}.tm_l0{margin-left:0px;}.tm_l05{margin-left:5px;}.tm_l10{margin-left:10px;}.tm_l15{margin-left:15px;}.tm_l20{margin-left:20px;}.tm_l25{margin-left:25px;}.tm_l30{margin-left:30px;}.tm_l35{margin-left:35px;}.tm_l40{margin-left:40px;}.tm_l45{margin-left:45px;}.tm_l50{margin-left:50px;}.tm_l55{margin-left:55px;}.tm_l60{margin-left:60px;}.tm_l65{margin-left:65px;}.tm_l70{margin-left:70px;}.tm_l75{margin-left:75px;}.tm_l80{margin-left:80px;}.tm_l85{margin-left:85px;}.tm_l90{margin-left:90px;}.tm_l95{margin-left:95px;}.tm_r0{margin-right:0px;}.tm_r05{margin-right:5px;}.tm_r10{margin-right:10px;}.tm_r15{margin-right:15px;}.tm_r20{margin-right:20px;}.tm_r25{margin-right:25px;}.tm_r30{margin-right:30px;}.tm_r35{margin-right:35px;}.tm_r40{margin-right:40px;}.tm_r45{margin-right:45px;}.tm_r50{margin-right:50px;}.tm_r55{margin-right:55px;}.tm_r60{margin-right:60px;}.tm_r65{margin-right:65px;}.tm_r70{margin-right:70px;}.tm_r75{margin-right:75px;}.tm_r80{margin-right:80px;}.tm_r85{margin-right:85px;}.tm_r90{margin-right:90px;}.tm_r95{margin-right:95px;}.tp_0{padding:0px;}.tp_05{padding:5px;}.tp_10{padding:10px;}.tp_15{padding:15px;}.tp_20{padding:20px;}.tp_25{padding:25px;}.tp_30{padding:30px;}.tp_35{padding:35px;}.tp_40{padding:40px;}.tp_45{padding:45px;}.tp_50{padding:50px;}.tp_55{padding:55px;}.tp_60{padding:60px;}.tp_65{padding:65px;}.tp_70{padding:70px;}.tp_75{padding:75px;}.tp_80{padding:80px;}.tp_85{padding:85px;}.tp_90{padding:90px;}.tp_95{padding:95px;}.tp_01{padding:1px;}.tp_l0{padding-left:0px;}.tp_l05{padding-left:5px;}.tp_l10{padding-left:10px;}.tp_l15{padding-left:15px;}.tp_l20{padding-left:20px;}.tp_l25{padding-left:25px;}.tp_l30{padding-left:30px;}.tp_l35{padding-left:35px;}.tp_l40{padding-left:40px;}.tp_l45{padding-left:45px;}.tp_l50{padding-left:50px;}.tp_l55{padding-left:55px;}.tp_l60{padding-left:60px;}.tp_l65{padding-left:65px;}.tp_l70{padding-left:70px;}.tp_l75{padding-left:75px;}.tp_l80{padding-left:80px;}.tp_l85{padding-left:85px;}.tp_l90{padding-left:90px;}.tp_l95{padding-left:95px;}.tp_l100{padding-left:100px;}.tp_l105{padding-left:105px;}.tp_l110{padding-left:110px;}.tp_l115{padding-left:115px;}.tp_l120{padding-left:120px;}.tp_l125{padding-left:125px;}.tp_l130{padding-left:130px;}.tp_l135{padding-left:135px;}.tp_l140{padding-left:140px;}.tp_l145{padding-left:145px;}.tp_l150{padding-left:150px;}.tp_l155{padding-left:155px;}.tp_l160{padding-left:160px;}.tp_l165{padding-left:165px;}.tp_l170{padding-left:170px;}.tp_l175{padding-left:175px;}.tp_l180{padding-left:180px;}.tp_l185{padding-left:185px;}.tp_l190{padding-left:190px;}.tp_l195{padding-left:195px;}.tp_l200{padding-left:200px;}.tp_l205{padding-left:205px;}.tp_l210{padding-left:210px;}.tp_l215{padding-left:215px;}.tp_l220{padding-left:220px;}.tp_l225{padding-left:225px;}.tp_l230{padding-left:230px;}.tp_l235{padding-left:235px;}.tp_l240{padding-left:240px;}.tp_l245{padding-left:245px;}.tp_l01{padding-left:1px;}.tp_r0{padding-right:0px;}.tp_r05{padding-right:5px;}.tp_r10{padding-right:10px;}.tp_r15{padding-right:15px;}.tp_r20{padding-right:20px;}.tp_r25{padding-right:25px;}.tp_r30{padding-right:30px;}.tp_r35{padding-right:35px;}.tp_r40{padding-right:40px;}.tp_r45{padding-right:45px;}.tp_r50{padding-right:50px;}.tp_r55{padding-right:55px;}.tp_r60{padding-right:60px;}.tp_r65{padding-right:65px;}.tp_r70{padding-right:70px;}.tp_r75{padding-right:75px;}.tp_r80{padding-right:80px;}.tp_r85{padding-right:85px;}.tp_r90{padding-right:90px;}.tp_r95{padding-right:95px;}.tp_r100{padding-right:100px;}.tp_r105{padding-right:105px;}.tp_r110{padding-right:110px;}.tp_r115{padding-right:115px;}.tp_r120{padding-right:120px;}.tp_r125{padding-right:125px;}.tp_r130{padding-right:130px;}.tp_r135{padding-right:135px;}.tp_r140{padding-right:140px;}.tp_r145{padding-right:145px;}.tp_r150{padding-right:150px;}.tp_r155{padding-right:155px;}.tp_r160{padding-right:160px;}.tp_r165{padding-right:165px;}.tp_r170{padding-right:170px;}.tp_r175{padding-right:175px;}.tp_r180{padding-right:180px;}.tp_r185{padding-right:185px;}.tp_r190{padding-right:190px;}.tp_r195{padding-right:195px;}.tp_r200{padding-right:200px;}.tp_r205{padding-right:205px;}.tp_r210{padding-right:210px;}.tp_r215{padding-right:215px;}.tp_r220{padding-right:220px;}.tp_r225{padding-right:225px;}.tp_r230{padding-right:230px;}.tp_r235{padding-right:235px;}.tp_r240{padding-right:240px;}.tp_r245{padding-right:245px;}.tp_r01{padding-right:1px;}.tp_t0{padding-top:0px;}.tp_t05{padding-top:5px;}.tp_t10{padding-top:10px;}.tp_t15{padding-top:15px;}.tp_t20{padding-top:20px;}.tp_t25{padding-top:25px;}.tp_t30{padding-top:30px;}.tp_t35{padding-top:35px;}.tp_t40{padding-top:40px;}.tp_t45{padding-top:45px;}.tp_t50{padding-top:50px;}.tp_t55{padding-top:55px;}.tp_t60{padding-top:60px;}.tp_t65{padding-top:65px;}.tp_t70{padding-top:70px;}.tp_t75{padding-top:75px;}.tp_t80{padding-top:80px;}.tp_t85{padding-top:85px;}.tp_t90{padding-top:90px;}.tp_t95{padding-top:95px;}.tp_t01{padding-top:1px;}.tp_b0{padding-bottom:0px;}.tp_b05{padding-bottom:5px;}.tp_b10{padding-bottom:10px;}.tp_b15{padding-bottom:15px;}.tp_b20{padding-bottom:20px;}.tp_b25{padding-bottom:25px;}.tp_b30{padding-bottom:30px;}.tp_b35{padding-bottom:35px;}.tp_b40{padding-bottom:40px;}.tp_b45{padding-bottom:45px;}.tp_b50{padding-bottom:50px;}.tp_b55{padding-bottom:55px;}.tp_b60{padding-bottom:60px;}.tp_b65{padding-bottom:65px;}.tp_b70{padding-bottom:70px;}.tp_b75{padding-bottom:75px;}.tp_b80{padding-bottom:80px;}.tp_b85{padding-bottom:85px;}.tp_b90{padding-bottom:90px;}.tp_b95{padding-bottom:95px;}.tp_b01{padding-bottom:1px;}.tr_0{-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}.tr_05{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}.tr_10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}.tr_15{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}.tr_20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}.tr_25{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}.tr_30{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}.tr_35{-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px;}.tr_40{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}.tr_45{-webkit-border-radius:45px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;}.tr_50{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}.tr_55{-webkit-border-radius:55px;-moz-border-radius:55px;-ms-border-radius:55px;-o-border-radius:55px;border-radius:55px;}.tr_60{-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;}.tr_65{-webkit-border-radius:65px;-moz-border-radius:65px;-ms-border-radius:65px;-o-border-radius:65px;border-radius:65px;}.tr_70{-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;}.tr_75{-webkit-border-radius:75px;-moz-border-radius:75px;-ms-border-radius:75px;-o-border-radius:75px;border-radius:75px;}.tr_80{-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px;}.tr_85{-webkit-border-radius:85px;-moz-border-radius:85px;-ms-border-radius:85px;-o-border-radius:85px;border-radius:85px;}.tr_90{-webkit-border-radius:90px;-moz-border-radius:90px;-ms-border-radius:90px;-o-border-radius:90px;border-radius:90px;}.tr_95{-webkit-border-radius:95px;-moz-border-radius:95px;-ms-border-radius:95px;-o-border-radius:95px;border-radius:95px;}.tw0{width:0%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw05{width:5%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw10{width:10%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw15{width:15%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw20{width:20%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw25{width:25%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw30{width:30%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw35{width:35%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw40{width:40%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw45{width:45%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw50{width:50%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw55{width:55%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw60{width:60%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw65{width:65%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw70{width:70%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw75{width:75%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw80{width:80%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw85{width:85%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw90{width:90%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw95{width:95%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw100{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw33{width:33.3%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw16{width:16.66%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.tw14{width:14.28%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.twpx0{width:0px;}.twpx05{width:5px;}.twpx10{width:10px;}.twpx15{width:15px;}.twpx20{width:20px;}.twpx25{width:25px;}.twpx30{width:30px;}.twpx35{width:35px;}.twpx40{width:40px;}.twpx45{width:45px;}.twpx50{width:50px;}.twpx55{width:55px;}.twpx60{width:60px;}.twpx65{width:65px;}.twpx70{width:70px;}.twpx75{width:75px;}.twpx80{width:80px;}.twpx85{width:85px;}.twpx90{width:90px;}.twpx95{width:95px;}.twpx100{width:100px;}.twpx105{width:105px;}.twpx110{width:110px;}.twpx115{width:115px;}.twpx120{width:120px;}.twpx125{width:125px;}.twpx130{width:130px;}.twpx135{width:135px;}.twpx140{width:140px;}.twpx145{width:145px;}.twpx150{width:150px;}.twpx155{width:155px;}.twpx160{width:160px;}.twpx165{width:165px;}.twpx170{width:170px;}.twpx175{width:175px;}.twpx180{width:180px;}.twpx185{width:185px;}.twpx190{width:190px;}.twpx195{width:195px;}.twpx200{width:200px;}.twpx205{width:205px;}.twpx210{width:210px;}.twpx215{width:215px;}.twpx220{width:220px;}.twpx225{width:225px;}.twpx230{width:230px;}.twpx235{width:235px;}.twpx240{width:240px;}.twpx245{width:245px;}.twpx250{width:250px;}.twpx255{width:255px;}.twpx260{width:260px;}.twpx265{width:265px;}.twpx270{width:270px;}.twpx275{width:275px;}.twpx280{width:280px;}.twpx285{width:285px;}.twpx290{width:290px;}.twpx295{width:295px;}.twpx300{width:300px;}.twpx305{width:305px;}.twpx310{width:310px;}.twpx315{width:315px;}.twpx320{width:320px;}.twpx325{width:325px;}.twpx330{width:330px;}.twpx335{width:335px;}.twpx340{width:340px;}.twpx345{width:345px;}.twpx350{width:350px;}.twpx355{width:355px;}.twpx360{width:360px;}.twpx365{width:365px;}.twpx370{width:370px;}.twpx375{width:375px;}.twpx380{width:380px;}.twpx385{width:385px;}.twpx390{width:390px;}.twpx395{width:395px;}.twpx400{width:400px;}.twpx405{width:405px;}.twpx410{width:410px;}.twpx415{width:415px;}.twpx420{width:420px;}.twpx425{width:425px;}.twpx430{width:430px;}.twpx435{width:435px;}.twpx440{width:440px;}.twpx445{width:445px;}.twpx450{width:450px;}.twpx455{width:455px;}.twpx460{width:460px;}.twpx465{width:465px;}.twpx470{width:470px;}.twpx475{width:475px;}.twpx480{width:480px;}.twpx485{width:485px;}.twpx490{width:490px;}.twpx495{width:495px;}.tfs01{font-size:1px;}.tfs02{font-size:2px;}.tfs03{font-size:3px;}.tfs04{font-size:4px;}.tfs05{font-size:5px;}.tfs06{font-size:6px;}.tfs07{font-size:7px;}.tfs08{font-size:8px;}.tfs09{font-size:9px;}.tfs10{font-size:10px;}.tfs11{font-size:11px;}.tfs12{font-size:12px;}.tfs13{font-size:13px;}.tfs14{font-size:14px;}.tfs15{font-size:15px;}.tfs16{font-size:16px;}.tfs17{font-size:17px;}.tfs18{font-size:18px;}.tfs19{font-size:19px;}.tfs20{font-size:20px;}.tfs21{font-size:21px;}.tfs22{font-size:22px;}.tfs23{font-size:23px;}.tfs24{font-size:24px;}.tfs25{font-size:25px;}.tfs26{font-size:26px;}.tfs27{font-size:27px;}.tfs28{font-size:28px;}.tfs29{font-size:29px;}.tfs30{font-size:30px;}.tfs31{font-size:31px;}.tfs32{font-size:32px;}.tfs33{font-size:33px;}.tfs34{font-size:34px;}.tfs35{font-size:35px;}.tfs36{font-size:36px;}.tfs37{font-size:37px;}.tfs38{font-size:38px;}.tfs39{font-size:39px;}.tfs40{font-size:40px;}.tfs41{font-size:41px;}.tfs42{font-size:42px;}.tfs43{font-size:43px;}.tfs44{font-size:44px;}.tfs45{font-size:45px;}.tfs46{font-size:46px;}.tfs47{font-size:47px;}.tfs48{font-size:48px;}.tfs49{font-size:49px;}.tfs50{font-size:50px;}.tfs51{font-size:51px;}.tfs52{font-size:52px;}.tfs53{font-size:53px;}.tfs54{font-size:54px;}.tfs55{font-size:55px;}.tfs56{font-size:56px;}.tfs57{font-size:57px;}.tfs58{font-size:58px;}.tfs59{font-size:59px;}.tfs60{font-size:60px;}.tfs61{font-size:61px;}.tfs62{font-size:62px;}.tfs63{font-size:63px;}.tfs64{font-size:64px;}.tfs65{font-size:65px;}.tfs66{font-size:66px;}.tfs67{font-size:67px;}.tfs68{font-size:68px;}.tfs69{font-size:69px;}.tfs70{font-size:70px;}.tfs71{font-size:71px;}.tfs72{font-size:72px;}.tfs73{font-size:73px;}.tfs74{font-size:74px;}.tfs75{font-size:75px;}.tfs76{font-size:76px;}.tfs77{font-size:77px;}.tfs78{font-size:78px;}.tfs79{font-size:79px;}.tlh110{line-height:1.1;}.tlh120{line-height:1.2;}.tlh130{line-height:1.3;}.tlh140{line-height:1.4;}.tlh150{line-height:1.5;}.tlh160{line-height:1.6;}.tlh170{line-height:1.7;}.tlh180{line-height:1.8;}.tlh190{line-height:1.9;}.tlh200{line-height:2;}.tlh210{line-height:2.1;}.tlh220{line-height:2.2;}.tlh230{line-height:2.3;}.tlh240{line-height:2.4;}.tlh250{line-height:2.5;}.tlh260{line-height:2.6;}.tlh270{line-height:2.7;}.tlh280{line-height:2.8;}.tlh290{line-height:2.9;}.tlh300{line-height:3;}.tlh310{line-height:3.1;}.tlh320{line-height:3.2;}.tlh330{line-height:3.3;}.tlh340{line-height:3.4;}.tlh350{line-height:3.5;}.tlh360{line-height:3.6;}.tlh370{line-height:3.7;}.tlh380{line-height:3.8;}.tlh390{line-height:3.9;}.tls01{letter-spacing:-0.9em;}.tls02{letter-spacing:-0.8em;}.tls03{letter-spacing:-0.7em;}.tls04{letter-spacing:-0.6em;}.tls05{letter-spacing:-0.5em;}.tls06{letter-spacing:-0.4em;}.tls07{letter-spacing:-0.3em;}.tls08{letter-spacing:-0.2em;}.tls09{letter-spacing:-0.1em;}.tls10{letter-spacing:0em;}.tls11{letter-spacing:0.1em;}.tls12{letter-spacing:0.2em;}.tls13{letter-spacing:0.3em;}.tls14{letter-spacing:0.4em;}.tls15{letter-spacing:0.5em;}.tls16{letter-spacing:0.6em;}.tls17{letter-spacing:0.7em;}.tls18{letter-spacing:0.8em;}.tls19{letter-spacing:0.9em;}.tls20{letter-spacing:1em;}.tls21{letter-spacing:1.1em;}.tls22{letter-spacing:1.2em;}.tls23{letter-spacing:1.3em;}.tls24{letter-spacing:1.4em;}.tls25{letter-spacing:1.5em;}.tls26{letter-spacing:1.6em;}.tls27{letter-spacing:1.7em;}.tls28{letter-spacing:1.8em;}.tls29{letter-spacing:1.9em;}.tmh0{min-height:0px;}.tmh10{min-height:10px;}.tmh20{min-height:20px;}.tmh30{min-height:30px;}.tmh40{min-height:40px;}.tmh50{min-height:50px;}.tmh60{min-height:60px;}.tmh70{min-height:70px;}.tmh80{min-height:80px;}.tmh90{min-height:90px;}.tmh100{min-height:100px;}.tmh110{min-height:110px;}.tmh120{min-height:120px;}.tmh130{min-height:130px;}.tmh140{min-height:140px;}.tmh150{min-height:150px;}.tmh160{min-height:160px;}.tmh170{min-height:170px;}.tmh180{min-height:180px;}.tmh190{min-height:190px;}.tmh200{min-height:200px;}.tmh210{min-height:210px;}.tmh220{min-height:220px;}.tmh230{min-height:230px;}.tmh240{min-height:240px;}.tmh250{min-height:250px;}.tmh260{min-height:260px;}.tmh270{min-height:270px;}.tmh280{min-height:280px;}.tmh290{min-height:290px;}.th0{height:0px;}.th10{height:10px;}.th20{height:20px;}.th30{height:30px;}.th40{height:40px;}.th50{height:50px;}.th60{height:60px;}.th70{height:70px;}.th80{height:80px;}.th90{height:90px;}.th100{height:100px;}.th110{height:110px;}.th120{height:120px;}.th130{height:130px;}.th140{height:140px;}.th150{height:150px;}.th160{height:160px;}.th170{height:170px;}.th180{height:180px;}.th190{height:190px;}.th200{height:200px;}.th210{height:210px;}.th220{height:220px;}.th230{height:230px;}.th240{height:240px;}.th250{height:250px;}.th260{height:260px;}.th270{height:270px;}.th280{height:280px;}.th290{height:290px;}.th300{height:300px;}.th310{height:310px;}.th320{height:320px;}.th330{height:330px;}.th340{height:340px;}.th350{height:350px;}.th360{height:360px;}.th370{height:370px;}.th380{height:380px;}.th390{height:390px;}.th400{height:400px;}.th410{height:410px;}.th420{height:420px;}.th430{height:430px;}.th440{height:440px;}.th450{height:450px;}.th460{height:460px;}.th470{height:470px;}.th480{height:480px;}.th490{height:490px;}.th500{height:500px;}.th510{height:510px;}.th520{height:520px;}.th530{height:530px;}.th540{height:540px;}.th550{height:550px;}.th560{height:560px;}.th570{height:570px;}.th580{height:580px;}.th590{height:590px;}.th600{height:600px;}.th610{height:610px;}.th620{height:620px;}.th630{height:630px;}.th640{height:640px;}.th650{height:650px;}.th660{height:660px;}.th670{height:670px;}.th680{height:680px;}.th690{height:690px;}.th700{height:700px;}.th710{height:710px;}.th720{height:720px;}.th730{height:730px;}.th740{height:740px;}.th750{height:750px;}.th760{height:760px;}.th770{height:770px;}.th780{height:780px;}.th790{height:790px;}.th800{height:800px;}.th810{height:810px;}.th820{height:820px;}.th830{height:830px;}.th840{height:840px;}.th850{height:850px;}.th860{height:860px;}.th870{height:870px;}.th880{height:880px;}.th890{height:890px;}.th900{height:900px;}.th910{height:910px;}.th920{height:920px;}.th930{height:930px;}.th940{height:940px;}.th950{height:950px;}.th960{height:960px;}.th970{height:970px;}.th980{height:980px;}.th990{height:990px;}.tblock{display: block;}.tinline-block{display: inline-block;}.tinline{display: inline;}.ttable-cell{display: table-cell;}.tblockcenter{display: block;margin-left: auto;margin-right: auto;}.tcenter{text-align: center;}.tright{text-align: right;}.tleft{text-align:left;}.tmiddle{vertical-align: middle;}.ttop{vertical-align: top;}.tbottom{vertical-align: bottom;}.tfl{float: left;display: block;}.tfr{float: right;display: block;}.tclear{overflow: hidden;clear: both;float:none;}.tborder-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}.tnoboder{border: none!important;}.tborder{border: 1px solid #ccc;}.trelative{position: relative;}.tabsolute{position: absolute;}.tfixed{position: fixed;}.tstatic{position: static;}.tbto{border:none;border-top:1px solid #ccc;}.tbro{border:none;border-right:1px solid #ccc;}.tbbo{border:none;border-bottom:1px solid #ccc;}.tblo{border:none;border-left:1px solid #ccc;}.tbt{border-top:1px solid #ccc;}.tbr{border-right:1px solid #ccc;}.tbb{border-bottom:1px solid #ccc;}.tbl{border-left:1px solid #ccc;}.tbc_1{background-color:#000000;}.tbc_2{background-color:#00a4b4;}.tbc_3{background-color:#e5e5e5;}.tbc_4{background-color:#3c414e;}.tbc_white{background-color: #fff;}.tbc_black{background-color: #000000;}.tbc_gray{background-color: #5b5b5b;}.tbc_lightgray{background-color: #f1f1f1;}.tbch_1:hover,.tbch_1:hover *{background-color:#000000;}.tbch_2:hover,.tbch_2:hover *{background-color:#00a4b4;}.tbch_3:hover,.tbch_3:hover *{background-color:#e5e5e5;}.tbch_white:hover,.tbch_white:hover *{background-color: #fff;}.tbch_black:hover,.tbch_black:hover *{background-color: #000000;}.tbch_gray:hover,.tbch_gray:hover *{background-color: #5b5b5b;}.tbch_lightgray:hover,.tbch_lightgray:hover *{background-color: #f1f1f1;}.tbdc_1{border-color:#000000;}.tbdc_2{border-color:#00a4b4;}.tbdc_3{border-color:#e5e5e5;}.tbdc_white{border-color: #fff;}.tbdc_black{border-color: #000000;}.tbdc_gray{border-color: #5b5b5b;}.tbdch_1:hover,.tbdch_1:hover *{border-color:#000000;}.tbdch_2:hover,.tbdch_2:hover *{border-color:#00a4b4;}.tbdch_3:hover,.tbdch_3:hover *{border-color:#e5e5e5;}.tbdch_white:hover,.tbdch_white:hover *{border-color: #fff;}.tbdch_black:hover,.tbdch_black:hover *{border-color: #000000;}.tbdch_gray:hover,.tbdch_gray:hover *{border-color: #5b5b5b;}.tfc_white{color: #fff;}.tfc_black{color: #000;}.tfc_gray{color: #5b5b5b;}.tfc_1{color:#000000}.tfc_2{color:#00a4b4}.tfc_3{color:#e5e5e5}.tfc_4{color:#3c414e}.tfch_white:hover,.tfch_white:hover *{color: #fff;}.tfch_black:hover,.tfch_black:hover *{color: #000;}.tfch_gray:hover,.tfch_gray:hover *{color: #5b5b5b;}.tfch_1:hover,.tfch_1:hover *{color:#000000}.tfch_2:hover,.tfch_2:hover *{color:#00a4b4}.tfch_3:hover,.tfch_3:hover *{color:#e5e5e5}.tfilc_white svg{fill: #fff;}.tfilc_black svg{fill: #000;}.tfilc_gray svg{fill: #5b5b5b;}.tfilc_1 svg{fill:#000000}.tfilc_2 svg{fill:#00a4b4}.tfilc_3 svg{fill:#e5e5e5}.tvisible{overflow: visible;}.tbw0{border-width:0px;}.tbw01{border-width:1px;}.tbw02{border-width:2px;}.tbw03{border-width:3px;}.tbw04{border-width:4px;}.tbw05{border-width:5px;}.tbw06{border-width:6px;}.tbw07{border-width:7px;}.tbw08{border-width:8px;}.tbw09{border-width:9px;}.tbw10{border-width:10px;}.tbw11{border-width:11px;}.tbw12{border-width:12px;}.tbw13{border-width:13px;}.tbw14{border-width:14px;}.tbw15{border-width:15px;}.tbw16{border-width:16px;}.tbw17{border-width:17px;}.tbw18{border-width:18px;}.tbw19{border-width:19px;}.tbw20{border-width:20px;}.tbw21{border-width:21px;}.tbw22{border-width:22px;}.tbw23{border-width:23px;}.tbw24{border-width:24px;}.tbw25{border-width:25px;}.tbw26{border-width:26px;}.tbw27{border-width:27px;}.tbw28{border-width:28px;}.tbw29{border-width:29px;}.boxess li{ display: block; float: left; width: 50%; text-align: center; padding: 15px; background-color: #E74191; border: 3px solid #fff; color: #fff; font-weight: bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; } .boxess2 li{ display: block; float: left; width: 33%; text-align: center; padding: 5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; } .tnoborder{ border: none; } .boxess2 li>div{ background-color: #ffffff; color: #484848; font-weight: bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; } .bnr p.left{ position: inherit; right:auto; } .bnr p.right{ position: inherit; left:auto; } .tmnbg{ background-image: none!important; } .tbcnone{ background-image: none!important; } .boxess2 li:nth-child(4),.boxess2 li:nth-child(5){ width: 50%; } .tha{ height: auto!important; } .gtable2{ font-size: 14px; } .gtable2 td:nth-child(1){ width:30%; } .section .content-area{ padding: 40px 0 0; margin-bottom: 40px; } .tp_lr{ padding-right:20px; padding-left:20px; } .tp_lr10{ padding: 0 10px; } .tp_tb{ padding: 40px 0; } .news_text, .his_date { width: 100% !important; } .menu-area{ width: auto; } .his_date{ padding-left: 20px; } .history_text{ padding-left: 20px; } .game-mainttl{ position: relative; top:250px; } #c1 .block-box .ttl-box{ padding: 30px; margin-top:0; } #c1 .blockttl-box .ttl-box h3{ width: 100%; } .blog-block{ padding: 30px; margin: 0; } .ttl-box h3{ font-size: 25px; } #c1 .block-box1{ padding: 0 15px; } #c1 .block-box2{ padding: 0 20px; } #c1 .block-box2 .img-box{ right: 20px; } #c1 .block-box2 .txt-box{ top: 100px; } #c2 .block-box1{ padding: 0 20px; } /* */ #c3 .block-box1{ padding:0 0 20px; } #c3 .block-box1 .txt-box, #c4 .block-box1 .txt-box, #c5 .block-box1 .txt-box{ width: 90%; max-width: 100%; float: none; top: 0; padding: 0; margin: 0; clear: both; overflow: hidden; z-index: 0; } #c3 .block-box1 .txt-box .txt, #c4 .block-box1 .txt-box .txt, #c5 .block-box1 .txt-box .txt{ width: auto; float: none; margin:80px 35px 150px; } #c3 .block-box1 .img-box, #c4 .block-box1 .img-box, #c5 .block-box1 .img-box{ float: right; width: 85%; top: -30px; margin-top: -80px; right: auto; position: relative; z-index: 1; } #c4{ padding-bottom: 200px; } #c4 .block-box1, #c5 .block-box1{ padding: 50px 0; } /* */ #c3 .block-box1 .txt-box .txt h4:nth-child(1), #c4 .block-box1 .txt-box .txt h4:nth-child(1), #c5 .block-box1 .txt-box .txt h4:nth-child(1){ font-size: 10px; } #c3 .block-box1 .txt-box .txt h4:nth-child(2), #c4 .block-box1 .txt-box .txt h4:nth-child(2), #c5 .block-box1 .txt-box .txt h4:nth-child(2){ font-size: 23px; } #c3 .block-box1 .txt-box .txt p, #c4 .block-box1 .txt-box .txt p, #c5 .block-box1 .txt-box .txt p{ font-size: 13px; width: 100%; } #c4 .block-box2 .txt-box .txt h4:nth-child(2), #c5 .block-box2 .txt-box h4{ font-size: 25px; } #c4 .block-box2 .img-box, #c5 .block-box2 .img-box{ margin: 10px; } #c4 .block-box2 .img-box div, #c5 .block-box2 .img-box div{ padding: 10px; } #c4 .block-box2 .img-box div h5, #c5 .block-box2 .img-box div h5{ font-size: 18px; } #c4 .block-box2 .img-box div p, #c5 .block-box2 .img-box div p{ font-size: 12px; } .pasivaircon-block{ padding-bottom: 150px; } .pasivaircon-block .ico{ float: none; width: 180px; display: block; margin: 0 auto 20px; } .pasivaircon-block .txt{ float: none; width: 80%; display: block; margin: auto; padding: 0; } .pasivaircon-block .txt h4{ font-size: 18px; } .pasivaircon-block .txt p{ font: 12px; } .pasivaircon-block .link{ float: none; width: 100%; margin:20px 0 0; font-size: 13px; box-sizing: border-box; } .pasivaircon-block .link a{ color: #fff; text-align: center; } #page-tewaza #top-wrapper .top-block1 .img-box{ max-width: 100%; margin: auto 20px; } #page-tewaza .top-block2 .txt-box{ /* float: right; */ position: absolute; top: -200px; right: 10px; width: 75%; padding: 0 30px; margin: 0 auto; clear: both; overflow: hidden; } #page-tewaza .top-block2 .img-box{ float: none; margin: auto; width: 100%; padding: 10px; clear: both; overflow: hidden; } #page-tewaza .top-block2 .img-box img{ padding: 10px; } .content-tewaza-box .post p{ font-size: 13px; } .content-tewaza-box .post{ height: 200px; } .block-box-right .txt-wrapper{ right: -40px; } .block-box-left .txt-wrapper{ left: -40px; } .block-box-left .txt-box{ padding: 60px 50px 60px 20%; } .block-box-left .txt-box .txt h4:nth-child(2), .block-box-right .txt-box .txt h4:nth-child(2){ font-size: 25px; } .block-box-right .txt-box{ padding: 20% 60px 60px 50px; } #c1 .block-box{ padding: 80px 10px 50px; } .ttl-block h3{ font-size: 30px; } .blog-block h3{ letter-spacing: .2rem; } .ttl-block p{ letter-spacing: .2em; } #gallery #top-wrapper{ padding: 60px 0 40px; margin-bottom: 20px; clear: both; overflow: hidden; height: auto; } #gallery #top-wrapper .block-box{ width: 90%; } #gallery #top-wrapper .box-left{ float: none; width: 100%; padding: 0; margin: 0 0 30px; clear: both; overflow: hidden; } #gallery #top-wrapper .box-left .txt-box{ font-size: 12px; line-height: 2.2em; } #gallery #top-wrapper .box-right{ float: none; width: 100%; clear: both; overflow: hidden; } #gallery #top-wrapper .box-right .img-box div:nth-child(1){ margin: 0; float: left; width: 50%; height: 300px; background-size: 100%; background-repeat: no-repeat; } #gallery #top-wrapper .box-right .img-box div:nth-child(2){ margin: 0; float: right; width: 50%; height: 300px; background-size: 100%; background-repeat: no-repeat; } #works .img-main{ padding: 0; font-size: 0; } #works .img-madori{ left: 5%; width: 40%; top:100px; } #works .housename-box{ width: 50%; max-width: 100%; padding: 30px; margin-top: -50px; position: relative; float: right; left: 0; clear: both; overflow: hidden; box-sizing: border-box; } .housename-box .name-area p, .housename-box .txt-area p{ font-size: 14px; } .housename-box .name-area p:nth-child(2){ font-size: 23px; line-height: 1.8em; } } @media screen and (max-width:599px) { .sm_0{margin:0px;}.sm_05{margin:5px;}.sm_10{margin:10px;}.sm_15{margin:15px;}.sm_20{margin:20px;}.sm_25{margin:25px;}.sm_30{margin:30px;}.sm_35{margin:35px;}.sm_40{margin:40px;}.sm_45{margin:45px;}.sm_50{margin:50px;}.sm_55{margin:55px;}.sm_60{margin:60px;}.sm_65{margin:65px;}.sm_70{margin:70px;}.sm_75{margin:75px;}.sm_80{margin:80px;}.sm_85{margin:85px;}.sm_90{margin:90px;}.sm_95{margin:95px;}.sm_100{margin:100px;}.sm_105{margin:105px;}.sm_110{margin:110px;}.sm_115{margin:115px;}.sm_120{margin:120px;}.sm_125{margin:125px;}.sm_130{margin:130px;}.sm_135{margin:135px;}.sm_140{margin:140px;}.sm_145{margin:145px;}.sm_150{margin:150px;}.sm_155{margin:155px;}.sm_160{margin:160px;}.sm_165{margin:165px;}.sm_170{margin:170px;}.sm_175{margin:175px;}.sm_180{margin:180px;}.sm_185{margin:185px;}.sm_190{margin:190px;}.sm_195{margin:195px;}.sm_200{margin:200px;}.sm_205{margin:205px;}.sm_210{margin:210px;}.sm_215{margin:215px;}.sm_220{margin:220px;}.sm_225{margin:225px;}.sm_230{margin:230px;}.sm_235{margin:235px;}.sm_240{margin:240px;}.sm_245{margin:245px;}.sm_m0{margin:-0px;}.sm_m05{margin:-5px;}.sm_m10{margin:-10px;}.sm_m15{margin:-15px;}.sm_m20{margin:-20px;}.sm_m25{margin:-25px;}.sm_m30{margin:-30px;}.sm_m35{margin:-35px;}.sm_m40{margin:-40px;}.sm_m45{margin:-45px;}.sm_m50{margin:-50px;}.sm_m55{margin:-55px;}.sm_m60{margin:-60px;}.sm_m65{margin:-65px;}.sm_m70{margin:-70px;}.sm_m75{margin:-75px;}.sm_m80{margin:-80px;}.sm_m85{margin:-85px;}.sm_m90{margin:-90px;}.sm_m95{margin:-95px;}.sm_b0{margin-bottom:0px;}.sm_b05{margin-bottom:5px;}.sm_b10{margin-bottom:10px;}.sm_b15{margin-bottom:15px;}.sm_b20{margin-bottom:20px;}.sm_b25{margin-bottom:25px;}.sm_b30{margin-bottom:30px;}.sm_b35{margin-bottom:35px;}.sm_b40{margin-bottom:40px;}.sm_b45{margin-bottom:45px;}.sm_b50{margin-bottom:50px;}.sm_b55{margin-bottom:55px;}.sm_b60{margin-bottom:60px;}.sm_b65{margin-bottom:65px;}.sm_b70{margin-bottom:70px;}.sm_b75{margin-bottom:75px;}.sm_b80{margin-bottom:80px;}.sm_b85{margin-bottom:85px;}.sm_b90{margin-bottom:90px;}.sm_b95{margin-bottom:95px;}.sm_b100{margin-bottom:100px;}.sm_b105{margin-bottom:105px;}.sm_b110{margin-bottom:110px;}.sm_b115{margin-bottom:115px;}.sm_b120{margin-bottom:120px;}.sm_b125{margin-bottom:125px;}.sm_b130{margin-bottom:130px;}.sm_b135{margin-bottom:135px;}.sm_b140{margin-bottom:140px;}.sm_b145{margin-bottom:145px;}.sm_b150{margin-bottom:150px;}.sm_b155{margin-bottom:155px;}.sm_b160{margin-bottom:160px;}.sm_b165{margin-bottom:165px;}.sm_b170{margin-bottom:170px;}.sm_b175{margin-bottom:175px;}.sm_b180{margin-bottom:180px;}.sm_b185{margin-bottom:185px;}.sm_b190{margin-bottom:190px;}.sm_b195{margin-bottom:195px;}.sm_b200{margin-bottom:200px;}.sm_b205{margin-bottom:205px;}.sm_b210{margin-bottom:210px;}.sm_b215{margin-bottom:215px;}.sm_b220{margin-bottom:220px;}.sm_b225{margin-bottom:225px;}.sm_b230{margin-bottom:230px;}.sm_b235{margin-bottom:235px;}.sm_b240{margin-bottom:240px;}.sm_b245{margin-bottom:245px;}.sm_t0{margin-top:0px;}.sm_t05{margin-top:5px;}.sm_t10{margin-top:10px;}.sm_t15{margin-top:15px;}.sm_t20{margin-top:20px;}.sm_t25{margin-top:25px;}.sm_t30{margin-top:30px;}.sm_t35{margin-top:35px;}.sm_t40{margin-top:40px;}.sm_t45{margin-top:45px;}.sm_t50{margin-top:50px;}.sm_t55{margin-top:55px;}.sm_t60{margin-top:60px;}.sm_t65{margin-top:65px;}.sm_t70{margin-top:70px;}.sm_t75{margin-top:75px;}.sm_t80{margin-top:80px;}.sm_t85{margin-top:85px;}.sm_t90{margin-top:90px;}.sm_t95{margin-top:95px;}.sm_t100{margin-top:100px;}.sm_t105{margin-top:105px;}.sm_t110{margin-top:110px;}.sm_t115{margin-top:115px;}.sm_t120{margin-top:120px;}.sm_t125{margin-top:125px;}.sm_t130{margin-top:130px;}.sm_t135{margin-top:135px;}.sm_t140{margin-top:140px;}.sm_t145{margin-top:145px;}.sm_t150{margin-top:150px;}.sm_t155{margin-top:155px;}.sm_t160{margin-top:160px;}.sm_t165{margin-top:165px;}.sm_t170{margin-top:170px;}.sm_t175{margin-top:175px;}.sm_t180{margin-top:180px;}.sm_t185{margin-top:185px;}.sm_t190{margin-top:190px;}.sm_t195{margin-top:195px;}.sm_t200{margin-top:200px;}.sm_t205{margin-top:205px;}.sm_t210{margin-top:210px;}.sm_t215{margin-top:215px;}.sm_t220{margin-top:220px;}.sm_t225{margin-top:225px;}.sm_t230{margin-top:230px;}.sm_t235{margin-top:235px;}.sm_t240{margin-top:240px;}.sm_t245{margin-top:245px;}.sm_l0{margin-left:0px;}.sm_l05{margin-left:5px;}.sm_l10{margin-left:10px;}.sm_l15{margin-left:15px;}.sm_l20{margin-left:20px;}.sm_l25{margin-left:25px;}.sm_l30{margin-left:30px;}.sm_l35{margin-left:35px;}.sm_l40{margin-left:40px;}.sm_l45{margin-left:45px;}.sm_l50{margin-left:50px;}.sm_l55{margin-left:55px;}.sm_l60{margin-left:60px;}.sm_l65{margin-left:65px;}.sm_l70{margin-left:70px;}.sm_l75{margin-left:75px;}.sm_l80{margin-left:80px;}.sm_l85{margin-left:85px;}.sm_l90{margin-left:90px;}.sm_l95{margin-left:95px;}.sm_r0{margin-right:0px;}.sm_r05{margin-right:5px;}.sm_r10{margin-right:10px;}.sm_r15{margin-right:15px;}.sm_r20{margin-right:20px;}.sm_r25{margin-right:25px;}.sm_r30{margin-right:30px;}.sm_r35{margin-right:35px;}.sm_r40{margin-right:40px;}.sm_r45{margin-right:45px;}.sm_r50{margin-right:50px;}.sm_r55{margin-right:55px;}.sm_r60{margin-right:60px;}.sm_r65{margin-right:65px;}.sm_r70{margin-right:70px;}.sm_r75{margin-right:75px;}.sm_r80{margin-right:80px;}.sm_r85{margin-right:85px;}.sm_r90{margin-right:90px;}.sm_r95{margin-right:95px;}.sp_0{padding:0px;}.sp_05{padding:5px;}.sp_10{padding:10px;}.sp_15{padding:15px;}.sp_20{padding:20px;}.sp_25{padding:25px;}.sp_30{padding:30px;}.sp_35{padding:35px;}.sp_40{padding:40px;}.sp_45{padding:45px;}.sp_50{padding:50px;}.sp_55{padding:55px;}.sp_60{padding:60px;}.sp_65{padding:65px;}.sp_70{padding:70px;}.sp_75{padding:75px;}.sp_80{padding:80px;}.sp_85{padding:85px;}.sp_90{padding:90px;}.sp_95{padding:95px;}.sp_01{padding:1px;}.sp_l0{padding-left:0px;}.sp_l05{padding-left:5px;}.sp_l10{padding-left:10px;}.sp_l15{padding-left:15px;}.sp_l20{padding-left:20px;}.sp_l25{padding-left:25px;}.sp_l30{padding-left:30px;}.sp_l35{padding-left:35px;}.sp_l40{padding-left:40px;}.sp_l45{padding-left:45px;}.sp_l50{padding-left:50px;}.sp_l55{padding-left:55px;}.sp_l60{padding-left:60px;}.sp_l65{padding-left:65px;}.sp_l70{padding-left:70px;}.sp_l75{padding-left:75px;}.sp_l80{padding-left:80px;}.sp_l85{padding-left:85px;}.sp_l90{padding-left:90px;}.sp_l95{padding-left:95px;}.sp_l100{padding-left:100px;}.sp_l105{padding-left:105px;}.sp_l110{padding-left:110px;}.sp_l115{padding-left:115px;}.sp_l120{padding-left:120px;}.sp_l125{padding-left:125px;}.sp_l130{padding-left:130px;}.sp_l135{padding-left:135px;}.sp_l140{padding-left:140px;}.sp_l145{padding-left:145px;}.sp_l150{padding-left:150px;}.sp_l155{padding-left:155px;}.sp_l160{padding-left:160px;}.sp_l165{padding-left:165px;}.sp_l170{padding-left:170px;}.sp_l175{padding-left:175px;}.sp_l180{padding-left:180px;}.sp_l185{padding-left:185px;}.sp_l190{padding-left:190px;}.sp_l195{padding-left:195px;}.sp_l200{padding-left:200px;}.sp_l205{padding-left:205px;}.sp_l210{padding-left:210px;}.sp_l215{padding-left:215px;}.sp_l220{padding-left:220px;}.sp_l225{padding-left:225px;}.sp_l230{padding-left:230px;}.sp_l235{padding-left:235px;}.sp_l240{padding-left:240px;}.sp_l245{padding-left:245px;}.sp_l01{padding-left:1px;}.sp_r0{padding-right:0px;}.sp_r05{padding-right:5px;}.sp_r10{padding-right:10px;}.sp_r15{padding-right:15px;}.sp_r20{padding-right:20px;}.sp_r25{padding-right:25px;}.sp_r30{padding-right:30px;}.sp_r35{padding-right:35px;}.sp_r40{padding-right:40px;}.sp_r45{padding-right:45px;}.sp_r50{padding-right:50px;}.sp_r55{padding-right:55px;}.sp_r60{padding-right:60px;}.sp_r65{padding-right:65px;}.sp_r70{padding-right:70px;}.sp_r75{padding-right:75px;}.sp_r80{padding-right:80px;}.sp_r85{padding-right:85px;}.sp_r90{padding-right:90px;}.sp_r95{padding-right:95px;}.sp_r100{padding-right:100px;}.sp_r105{padding-right:105px;}.sp_r110{padding-right:110px;}.sp_r115{padding-right:115px;}.sp_r120{padding-right:120px;}.sp_r125{padding-right:125px;}.sp_r130{padding-right:130px;}.sp_r135{padding-right:135px;}.sp_r140{padding-right:140px;}.sp_r145{padding-right:145px;}.sp_r150{padding-right:150px;}.sp_r155{padding-right:155px;}.sp_r160{padding-right:160px;}.sp_r165{padding-right:165px;}.sp_r170{padding-right:170px;}.sp_r175{padding-right:175px;}.sp_r180{padding-right:180px;}.sp_r185{padding-right:185px;}.sp_r190{padding-right:190px;}.sp_r195{padding-right:195px;}.sp_r200{padding-right:200px;}.sp_r205{padding-right:205px;}.sp_r210{padding-right:210px;}.sp_r215{padding-right:215px;}.sp_r220{padding-right:220px;}.sp_r225{padding-right:225px;}.sp_r230{padding-right:230px;}.sp_r235{padding-right:235px;}.sp_r240{padding-right:240px;}.sp_r245{padding-right:245px;}.sp_r01{padding-right:1px;}.sp_t0{padding-top:0px;}.sp_t05{padding-top:5px;}.sp_t10{padding-top:10px;}.sp_t15{padding-top:15px;}.sp_t20{padding-top:20px;}.sp_t25{padding-top:25px;}.sp_t30{padding-top:30px;}.sp_t35{padding-top:35px;}.sp_t40{padding-top:40px;}.sp_t45{padding-top:45px;}.sp_t50{padding-top:50px;}.sp_t55{padding-top:55px;}.sp_t60{padding-top:60px;}.sp_t65{padding-top:65px;}.sp_t70{padding-top:70px;}.sp_t75{padding-top:75px;}.sp_t80{padding-top:80px;}.sp_t85{padding-top:85px;}.sp_t90{padding-top:90px;}.sp_t95{padding-top:95px;}.sp_t01{padding-top:1px;}.sp_b0{padding-bottom:0px;}.sp_b05{padding-bottom:5px;}.sp_b10{padding-bottom:10px;}.sp_b15{padding-bottom:15px;}.sp_b20{padding-bottom:20px;}.sp_b25{padding-bottom:25px;}.sp_b30{padding-bottom:30px;}.sp_b35{padding-bottom:35px;}.sp_b40{padding-bottom:40px;}.sp_b45{padding-bottom:45px;}.sp_b50{padding-bottom:50px;}.sp_b55{padding-bottom:55px;}.sp_b60{padding-bottom:60px;}.sp_b65{padding-bottom:65px;}.sp_b70{padding-bottom:70px;}.sp_b75{padding-bottom:75px;}.sp_b80{padding-bottom:80px;}.sp_b85{padding-bottom:85px;}.sp_b90{padding-bottom:90px;}.sp_b95{padding-bottom:95px;}.sp_b01{padding-bottom:1px;}.sr_0{-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}.sr_05{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}.sr_10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}.sr_15{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}.sr_20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}.sr_25{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}.sr_30{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}.sr_35{-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px;}.sr_40{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}.sr_45{-webkit-border-radius:45px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;}.sr_50{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}.sr_55{-webkit-border-radius:55px;-moz-border-radius:55px;-ms-border-radius:55px;-o-border-radius:55px;border-radius:55px;}.sr_60{-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;}.sr_65{-webkit-border-radius:65px;-moz-border-radius:65px;-ms-border-radius:65px;-o-border-radius:65px;border-radius:65px;}.sr_70{-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;}.sr_75{-webkit-border-radius:75px;-moz-border-radius:75px;-ms-border-radius:75px;-o-border-radius:75px;border-radius:75px;}.sr_80{-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px;}.sr_85{-webkit-border-radius:85px;-moz-border-radius:85px;-ms-border-radius:85px;-o-border-radius:85px;border-radius:85px;}.sr_90{-webkit-border-radius:90px;-moz-border-radius:90px;-ms-border-radius:90px;-o-border-radius:90px;border-radius:90px;}.sr_95{-webkit-border-radius:95px;-moz-border-radius:95px;-ms-border-radius:95px;-o-border-radius:95px;border-radius:95px;}.sw0{width:0%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw05{width:5%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw10{width:10%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw15{width:15%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw20{width:20%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw25{width:25%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw30{width:30%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw35{width:35%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw40{width:40%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw45{width:45%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw50{width:50%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw55{width:55%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw60{width:60%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw65{width:65%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw70{width:70%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw75{width:75%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw80{width:80%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw85{width:85%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw90{width:90%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw95{width:95%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw100{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw33{width:33.3%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw16{width:16.66%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.sw14{width:14.28%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.swpx0{width:0px;}.swpx05{width:5px;}.swpx10{width:10px;}.swpx15{width:15px;}.swpx20{width:20px;}.swpx25{width:25px;}.swpx30{width:30px;}.swpx35{width:35px;}.swpx40{width:40px;}.swpx45{width:45px;}.swpx50{width:50px;}.swpx55{width:55px;}.swpx60{width:60px;}.swpx65{width:65px;}.swpx70{width:70px;}.swpx75{width:75px;}.swpx80{width:80px;}.swpx85{width:85px;}.swpx90{width:90px;}.swpx95{width:95px;}.swpx100{width:100px;}.swpx105{width:105px;}.swpx110{width:110px;}.swpx115{width:115px;}.swpx120{width:120px;}.swpx125{width:125px;}.swpx130{width:130px;}.swpx135{width:135px;}.swpx140{width:140px;}.swpx145{width:145px;}.swpx150{width:150px;}.swpx155{width:155px;}.swpx160{width:160px;}.swpx165{width:165px;}.swpx170{width:170px;}.swpx175{width:175px;}.swpx180{width:180px;}.swpx185{width:185px;}.swpx190{width:190px;}.swpx195{width:195px;}.swpx200{width:200px;}.swpx205{width:205px;}.swpx210{width:210px;}.swpx215{width:215px;}.swpx220{width:220px;}.swpx225{width:225px;}.swpx230{width:230px;}.swpx235{width:235px;}.swpx240{width:240px;}.swpx245{width:245px;}.swpx250{width:250px;}.swpx255{width:255px;}.swpx260{width:260px;}.swpx265{width:265px;}.swpx270{width:270px;}.swpx275{width:275px;}.swpx280{width:280px;}.swpx285{width:285px;}.swpx290{width:290px;}.swpx295{width:295px;}.swpx300{width:300px;}.swpx305{width:305px;}.swpx310{width:310px;}.swpx315{width:315px;}.swpx320{width:320px;}.swpx325{width:325px;}.swpx330{width:330px;}.swpx335{width:335px;}.swpx340{width:340px;}.swpx345{width:345px;}.swpx350{width:350px;}.swpx355{width:355px;}.swpx360{width:360px;}.swpx365{width:365px;}.swpx370{width:370px;}.swpx375{width:375px;}.swpx380{width:380px;}.swpx385{width:385px;}.swpx390{width:390px;}.swpx395{width:395px;}.swpx400{width:400px;}.swpx405{width:405px;}.swpx410{width:410px;}.swpx415{width:415px;}.swpx420{width:420px;}.swpx425{width:425px;}.swpx430{width:430px;}.swpx435{width:435px;}.swpx440{width:440px;}.swpx445{width:445px;}.swpx450{width:450px;}.swpx455{width:455px;}.swpx460{width:460px;}.swpx465{width:465px;}.swpx470{width:470px;}.swpx475{width:475px;}.swpx480{width:480px;}.swpx485{width:485px;}.swpx490{width:490px;}.swpx495{width:495px;}.sfs01{font-size:1px;}.sfs02{font-size:2px;}.sfs03{font-size:3px;}.sfs04{font-size:4px;}.sfs05{font-size:5px;}.sfs06{font-size:6px;}.sfs07{font-size:7px;}.sfs08{font-size:8px;}.sfs09{font-size:9px;}.sfs10{font-size:10px;}.sfs11{font-size:11px;}.sfs12{font-size:12px;}.sfs13{font-size:13px;}.sfs14{font-size:14px;}.sfs15{font-size:15px;}.sfs16{font-size:16px;}.sfs17{font-size:17px;}.sfs18{font-size:18px;}.sfs19{font-size:19px;}.sfs20{font-size:20px;}.sfs21{font-size:21px;}.sfs22{font-size:22px;}.sfs23{font-size:23px;}.sfs24{font-size:24px;}.sfs25{font-size:25px;}.sfs26{font-size:26px;}.sfs27{font-size:27px;}.sfs28{font-size:28px;}.sfs29{font-size:29px;}.sfs30{font-size:30px;}.sfs31{font-size:31px;}.sfs32{font-size:32px;}.sfs33{font-size:33px;}.sfs34{font-size:34px;}.sfs35{font-size:35px;}.sfs36{font-size:36px;}.sfs37{font-size:37px;}.sfs38{font-size:38px;}.sfs39{font-size:39px;}.sfs40{font-size:40px;}.sfs41{font-size:41px;}.sfs42{font-size:42px;}.sfs43{font-size:43px;}.sfs44{font-size:44px;}.sfs45{font-size:45px;}.sfs46{font-size:46px;}.sfs47{font-size:47px;}.sfs48{font-size:48px;}.sfs49{font-size:49px;}.sfs50{font-size:50px;}.sfs51{font-size:51px;}.sfs52{font-size:52px;}.sfs53{font-size:53px;}.sfs54{font-size:54px;}.sfs55{font-size:55px;}.sfs56{font-size:56px;}.sfs57{font-size:57px;}.sfs58{font-size:58px;}.sfs59{font-size:59px;}.sfs60{font-size:60px;}.sfs61{font-size:61px;}.sfs62{font-size:62px;}.sfs63{font-size:63px;}.sfs64{font-size:64px;}.sfs65{font-size:65px;}.sfs66{font-size:66px;}.sfs67{font-size:67px;}.sfs68{font-size:68px;}.sfs69{font-size:69px;}.sfs70{font-size:70px;}.sfs71{font-size:71px;}.sfs72{font-size:72px;}.sfs73{font-size:73px;}.sfs74{font-size:74px;}.sfs75{font-size:75px;}.sfs76{font-size:76px;}.sfs77{font-size:77px;}.sfs78{font-size:78px;}.sfs79{font-size:79px;}.slh110{line-height:1.1;}.slh120{line-height:1.2;}.slh130{line-height:1.3;}.slh140{line-height:1.4;}.slh150{line-height:1.5;}.slh160{line-height:1.6;}.slh170{line-height:1.7;}.slh180{line-height:1.8;}.slh190{line-height:1.9;}.slh200{line-height:2;}.slh210{line-height:2.1;}.slh220{line-height:2.2;}.slh230{line-height:2.3;}.slh240{line-height:2.4;}.slh250{line-height:2.5;}.slh260{line-height:2.6;}.slh270{line-height:2.7;}.slh280{line-height:2.8;}.slh290{line-height:2.9;}.slh300{line-height:3;}.slh310{line-height:3.1;}.slh320{line-height:3.2;}.slh330{line-height:3.3;}.slh340{line-height:3.4;}.slh350{line-height:3.5;}.slh360{line-height:3.6;}.slh370{line-height:3.7;}.slh380{line-height:3.8;}.slh390{line-height:3.9;}.sls01{letter-spacing:-0.9em;}.sls02{letter-spacing:-0.8em;}.sls03{letter-spacing:-0.7em;}.sls04{letter-spacing:-0.6em;}.sls05{letter-spacing:-0.5em;}.sls06{letter-spacing:-0.4em;}.sls07{letter-spacing:-0.3em;}.sls08{letter-spacing:-0.2em;}.sls09{letter-spacing:-0.1em;}.sls10{letter-spacing:0em;}.sls11{letter-spacing:0.1em;}.sls12{letter-spacing:0.2em;}.sls13{letter-spacing:0.3em;}.sls14{letter-spacing:0.4em;}.sls15{letter-spacing:0.5em;}.sls16{letter-spacing:0.6em;}.sls17{letter-spacing:0.7em;}.sls18{letter-spacing:0.8em;}.sls19{letter-spacing:0.9em;}.sls20{letter-spacing:1em;}.sls21{letter-spacing:1.1em;}.sls22{letter-spacing:1.2em;}.sls23{letter-spacing:1.3em;}.sls24{letter-spacing:1.4em;}.sls25{letter-spacing:1.5em;}.sls26{letter-spacing:1.6em;}.sls27{letter-spacing:1.7em;}.sls28{letter-spacing:1.8em;}.sls29{letter-spacing:1.9em;}.smh0{min-height:0px;}.smh10{min-height:10px;}.smh20{min-height:20px;}.smh30{min-height:30px;}.smh40{min-height:40px;}.smh50{min-height:50px;}.smh60{min-height:60px;}.smh70{min-height:70px;}.smh80{min-height:80px;}.smh90{min-height:90px;}.smh100{min-height:100px;}.smh110{min-height:110px;}.smh120{min-height:120px;}.smh130{min-height:130px;}.smh140{min-height:140px;}.smh150{min-height:150px;}.smh160{min-height:160px;}.smh170{min-height:170px;}.smh180{min-height:180px;}.smh190{min-height:190px;}.smh200{min-height:200px;}.smh210{min-height:210px;}.smh220{min-height:220px;}.smh230{min-height:230px;}.smh240{min-height:240px;}.smh250{min-height:250px;}.smh260{min-height:260px;}.smh270{min-height:270px;}.smh280{min-height:280px;}.smh290{min-height:290px;}.sh0{height:0px;}.sh10{height:10px;}.sh20{height:20px;}.sh30{height:30px;}.sh40{height:40px;}.sh50{height:50px;}.sh60{height:60px;}.sh70{height:70px;}.sh80{height:80px;}.sh90{height:90px;}.sh100{height:100px;}.sh110{height:110px;}.sh120{height:120px;}.sh130{height:130px;}.sh140{height:140px;}.sh150{height:150px;}.sh160{height:160px;}.sh170{height:170px;}.sh180{height:180px;}.sh190{height:190px;}.sh200{height:200px;}.sh210{height:210px;}.sh220{height:220px;}.sh230{height:230px;}.sh240{height:240px;}.sh250{height:250px;}.sh260{height:260px;}.sh270{height:270px;}.sh280{height:280px;}.sh290{height:290px;}.sh300{height:300px;}.sh310{height:310px;}.sh320{height:320px;}.sh330{height:330px;}.sh340{height:340px;}.sh350{height:350px;}.sh360{height:360px;}.sh370{height:370px;}.sh380{height:380px;}.sh390{height:390px;}.sh400{height:400px;}.sh410{height:410px;}.sh420{height:420px;}.sh430{height:430px;}.sh440{height:440px;}.sh450{height:450px;}.sh460{height:460px;}.sh470{height:470px;}.sh480{height:480px;}.sh490{height:490px;}.sh500{height:500px;}.sh510{height:510px;}.sh520{height:520px;}.sh530{height:530px;}.sh540{height:540px;}.sh550{height:550px;}.sh560{height:560px;}.sh570{height:570px;}.sh580{height:580px;}.sh590{height:590px;}.sh600{height:600px;}.sh610{height:610px;}.sh620{height:620px;}.sh630{height:630px;}.sh640{height:640px;}.sh650{height:650px;}.sh660{height:660px;}.sh670{height:670px;}.sh680{height:680px;}.sh690{height:690px;}.sh700{height:700px;}.sh710{height:710px;}.sh720{height:720px;}.sh730{height:730px;}.sh740{height:740px;}.sh750{height:750px;}.sh760{height:760px;}.sh770{height:770px;}.sh780{height:780px;}.sh790{height:790px;}.sh800{height:800px;}.sh810{height:810px;}.sh820{height:820px;}.sh830{height:830px;}.sh840{height:840px;}.sh850{height:850px;}.sh860{height:860px;}.sh870{height:870px;}.sh880{height:880px;}.sh890{height:890px;}.sh900{height:900px;}.sh910{height:910px;}.sh920{height:920px;}.sh930{height:930px;}.sh940{height:940px;}.sh950{height:950px;}.sh960{height:960px;}.sh970{height:970px;}.sh980{height:980px;}.sh990{height:990px;}.sblock{display: block;}.sinline-block{display: inline-block;}.sinline{display: inline;}.stable-cell{display: table-cell;}.sblockcenter{display: block;margin-left: auto;margin-right: auto;}.scenter{text-align: center;}.sright{text-align: right;}.sleft{text-align:left;}.smiddle{vertical-align: middle;}.stop{vertical-align: top;}.sbottom{vertical-align: bottom;}.sfl{float: left;display: block;}.sfr{float: right;display: block;}.sclear{overflow: hidden;clear: both;float:none;}.sborder-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}.snoboder{border: none!important;}.sborder{border: 1px solid #ccc;}.srelative{position: relative;}.sabsolute{position: absolute;}.sfixed{position: fixed;}.sstatic{position: static;}.sbto{border:none;border-top:1px solid #ccc;}.sbro{border:none;border-right:1px solid #ccc;}.sbbo{border:none;border-bottom:1px solid #ccc;}.sblo{border:none;border-left:1px solid #ccc;}.sbt{border-top:1px solid #ccc;}.sbr{border-right:1px solid #ccc;}.sbb{border-bottom:1px solid #ccc;}.sbl{border-left:1px solid #ccc;}.sbc_1{background-color:#000000;}.sbc_2{background-color:#00a4b4;}.sbc_3{background-color:#e5e5e5;}.sbc_4{background-color:#3c414e;}.sbc_white{background-color: #fff;}.sbc_black{background-color: #000000;}.sbc_gray{background-color: #5b5b5b;}.sbc_lightgray{background-color: #f1f1f1;}.sbch_1:hover,.sbch_1:hover *{background-color:#000000;}.sbch_2:hover,.sbch_2:hover *{background-color:#00a4b4;}.sbch_3:hover,.sbch_3:hover *{background-color:#e5e5e5;}.sbch_white:hover,.sbch_white:hover *{background-color: #fff;}.sbch_black:hover,.sbch_black:hover *{background-color: #000000;}.sbch_gray:hover,.sbch_gray:hover *{background-color: #5b5b5b;}.sbch_lightgray:hover,.sbch_lightgray:hover *{background-color: #f1f1f1;}.sbdc_1{border-color:#000000;}.sbdc_2{border-color:#00a4b4;}.sbdc_3{border-color:#e5e5e5;}.sbdc_white{border-color: #fff;}.sbdc_black{border-color: #000000;}.sbdc_gray{border-color: #5b5b5b;}.sbdch_1:hover,.sbdch_1:hover *{border-color:#000000;}.sbdch_2:hover,.sbdch_2:hover *{border-color:#00a4b4;}.sbdch_3:hover,.sbdch_3:hover *{border-color:#e5e5e5;}.sbdch_white:hover,.sbdch_white:hover *{border-color: #fff;}.sbdch_black:hover,.sbdch_black:hover *{border-color: #000000;}.sbdch_gray:hover,.sbdch_gray:hover *{border-color: #5b5b5b;}.sfc_white{color: #fff;}.sfc_black{color: #000;}.sfc_gray{color: #5b5b5b;}.sfc_1{color:#000000}.sfc_2{color:#00a4b4}.sfc_3{color:#e5e5e5}.sfc_4{color:#3c414e}.sfch_white:hover,.sfch_white:hover *{color: #fff;}.sfch_black:hover,.sfch_black:hover *{color: #000;}.sfch_gray:hover,.sfch_gray:hover *{color: #5b5b5b;}.sfch_1:hover,.sfch_1:hover *{color:#000000}.sfch_2:hover,.sfch_2:hover *{color:#00a4b4}.sfch_3:hover,.sfch_3:hover *{color:#e5e5e5}.sfilc_white svg{fill: #fff;}.sfilc_black svg{fill: #000;}.sfilc_gray svg{fill: #5b5b5b;}.sfilc_1 svg{fill:#000000}.sfilc_2 svg{fill:#00a4b4}.sfilc_3 svg{fill:#e5e5e5}.svisible{overflow: visible;}.sbw0{border-width:0px;}.sbw01{border-width:1px;}.sbw02{border-width:2px;}.sbw03{border-width:3px;}.sbw04{border-width:4px;}.sbw05{border-width:5px;}.sbw06{border-width:6px;}.sbw07{border-width:7px;}.sbw08{border-width:8px;}.sbw09{border-width:9px;}.sbw10{border-width:10px;}.sbw11{border-width:11px;}.sbw12{border-width:12px;}.sbw13{border-width:13px;}.sbw14{border-width:14px;}.sbw15{border-width:15px;}.sbw16{border-width:16px;}.sbw17{border-width:17px;}.sbw18{border-width:18px;}.sbw19{border-width:19px;}.sbw20{border-width:20px;}.sbw21{border-width:21px;}.sbw22{border-width:22px;}.sbw23{border-width:23px;}.sbw24{border-width:24px;}.sbw25{border-width:25px;}.sbw26{border-width:26px;}.sbw27{border-width:27px;}.sbw28{border-width:28px;}.sbw29{border-width:29px;}/*---- main visual ----*/ .mainimage{ background-image: url("../images/mo/myown-main-sp.png"); height: 650px; background-position:center center; /* 画像の表示位置を指定 */ background-size:cover; background-repeat: no-repeat; margin-top: 50px; } .pabsl{ position:absolute; width:30%; bottom: 0; } header { position: fixed; height: 0px; z-index: 100; } .ico_header{ position: absolute; top: 20px; right: 10px; } .content-page{ padding-top: 50px; } #menu-nav li{ padding: 6px 0; text-align: left; } .snoborder{ border: none; } .boxess2 li>div{ background-color: #ffffff; color: #484848; font-weight: bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; } .boxess2 li:nth-child(5){ width: 100%; } .smnbg{ background-image: none!important; } .br.sbb{ border-right: none; } .sha{ height: auto!important; } .table-cellpc{ display: none; } .sbgiclear{ background-position: inherit; } .cssacc:checked + .accshow{ padding: 10px; } .gtable2{ font-size: 4px; letter-spacing: 0em; line-height: 4em; } .gtable2 td,.gtable2 th{ padding:10px 5px; font-size: 8px; } .gtable2 th { width: 20%; } .gtable2 td:nth-child(1){ width: 20%; } .m_05{ margin-top: 5px; } #tewaza{ background-image: url(../images/33/bg-top-typelogo.jpg); background-size:auto; background-position: left top; padding-bottom: 20px; margin-bottom: 0px; } #tewaza{ height: auto; } #tewaza #top-wrapper{ background: none; padding: 0; height: auto; } #tewaza #top-wrapper .box-left{ margin-top: 0; height: auto; } #tewaza #top-wrapper .box-left p:nth-of-type(1){ margin-bottom: 20px; padding-bottom: 10px; } #tewaza #top-wrapper .box-left .ttl-box{ margin-bottom: 20px; } #tewaza #top-wrapper .box-left h4{ font-size: 20px; letter-spacing: .3rem; } #tewaza #top-wrapper .box-right{ padding-top: 20px; } #tewaza #top-wrapper .box-right{ padding: 50px 0 0; } #tewaza #top-wrapper .box-left p:nth-of-type(2){ background-size: 130px; padding: 40px; } #tewaza #top-wrapper #top-wrapper{ height: auto; padding-top: 60px; } #tewaza #top-wrapper .box-left{ float: none; width: 100%; } #tewaza #top-wrapper .box-left p:nth-of-type(1){ letter-spacing: .1rem; margin-bottom: 25px; } #tewaza #top-wrapper .box-left .ttl-box{ margin-bottom: 25px; } #page-tewaza #top-wrapper .box-left h4{ letter-spacing: .5rem; font-size: 22px; } #page-tewaza #top-wrapper .box-right{ float: none; width: 90%; display: block; margin: 0 auto; padding-bottom: 20px; clear: both; overflow: hidden; } #tewaza #top-wrapper .top-block1 .img-box{ width: 100%; margin: 0; } #tewaza #top-wrapper .top-block2{ margin-bottom: 40px; } #tewaza #top-wrapper .top-block2 .txt-box{ float: none; position: inherit; top:0; width: 90%; margin: auto; padding: 0; clear: both; overflow: hidden; margin-top:20px; } #tewaza #top-wrapper .top-block2 .img-box{ float: none; margin: auto; width: 100%; padding: 10px; clear: both; overflow: hidden; } #tewaza #top-wrapper .top-block2 .img-box img{ padding: 10px; } .content-top{ margin-top: -70px; padding-top: 70px; } .section .content-area { padding: 40px 0 0; margin-bottom: 50px; } .sbc_w{ background-color: #fff; } .arrowopen>div>p{ background-image: url("../images/underarrow.png"); background-position: right 7px center; background-size: 30px; background-repeat: no-repeat; padding-right: 30px; } .bb2{ padding: 15px 2px; } /*ラベル*/ .accbox label { font-size: 17px; } .game-mainttl{ position: relative; top:150px; } /* top ページ */ .pabsl{ width: 70%; top: 500px; position: relative; margin: auto; } .content-foot{ margin-top: 0; } .footer-list{ padding: 0; } .footer-list ul{ display:block; } .footer-list li{ display: block; border-bottom:1px solid #524745; padding-top: 10px; padding-bottom: 10px; } .copyright{ font-size: 8px; letter-spacing: normal; } /* 施工ギャラリー */ #gallery #top-wrapper{ padding: 60px 0 40px; margin-bottom: 20px; clear: both; overflow: hidden; height: auto; } #gallery #top-wrapper .block-box{ width: 90%; } #gallery #top-wrapper .box-left{ float: none; width: 100%; padding-right: 0; margin: 0 0 30px; clear: both; overflow: hidden; } #gallery #top-wrapper .box-left .txt-box{ font-size: 12px; line-height: 2.2em; } #gallery #top-wrapper .box-right{ float: none; width: 100%; clear: both; overflow: hidden; } #gallery #top-wrapper .box-right .img-box div:nth-child(1){ margin: 0; float: left; width: 50%; height: 300px; background-size: 100%; background-repeat: no-repeat; } #gallery #top-wrapper .box-right .img-box div:nth-child(2){ margin: 0; float: right; width: 50%; height: 300px; background-size: 100%; background-repeat: no-repeat; } .top-box1{ width: 100%; padding-top: 0; } .top-txt1{ z-index: 0; margin: auto auto auto 30px; padding: 30px; background-color: #f1f1f1; box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; } .top-txt1 h4{ font-size: 20px; } .top-img1{ top: -50px; position: relative; z-index: -10; } .top-box2{ width: 100%; /* margin-bottom: -300px; */ } .top-img2{ top:150px; position: relative; } .top-txt2{ z-index: 0; margin: 0 30px 0 0; top: -350px; padding: 30px; background-color: #f1f1f1; position: relative; box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; } .top-txt1 p,.top-txt2 p{ font-size: 12px; padding-bottom: 20px; } .top-bgbox{ display: none; } #block-top{ margin: 40px auto; padding-top: 0; } /* ギャラリー　投稿一覧 */ .works-box{ clear: both; overflow: hidden; float: none; width: 100%; } .works-box .txt-area{ padding: 20px; } .works-box .txt-area p :nth-child(1){ font-size: 14px; } .works-box .txt-area p :nth-child(2){ font-size: 12px; } .container .ttl-block h3{ font-size: 23px; } .ttl-block p{ font-size: 13px; } #gallery .blog-next-btn{ margin-top: 20px; } /* tewaza ページ */ #page-tewaza #top-wrapper{ height: auto; padding-top: 60px; } #page-tewaza #top-wrapper .box-left{ float: none; width: 100%; } #page-tewaza #top-wrapper .box-left p:nth-of-type(1){ letter-spacing: .1rem; margin-bottom: 25px; } #page-tewaza #top-wrapper .box-left .ttl-box{ margin-bottom: 25px; } #page-tewaza #top-wrapper .box-left h4{ letter-spacing: .5rem; font-size: 22px; } #top-wrapper .box-right{ float: none; width: 90%; display: block; margin: 0 auto; clear: both; overflow: hidden; } #page-tewaza #top-wrapper .top-block1 .img-box{ width: 100%; margin: 0; } #page-tewaza .top-block2{ margin-bottom: 40px; } #page-tewaza .top-block2 .txt-box{ float: none; position: inherit; top:0; width: 90%; margin: auto; padding: 0; clear: both; overflow: hidden; margin-top:20px; } #page-tewaza .top-block2 .img-box{ float: none; margin: auto; width: 100%; padding: 10px; clear: both; overflow: hidden; } #page-tewaza .top-block2 .img-box img{ padding: 10px; } #page-tewaza #top-wrapper .box-left p:nth-of-type(2){ padding: 40px; background-size:130px; } .content-tewaza-box{ overflow: hidden; clear: both; margin: auto 5px; } .content-tewaza-box .article{ width: 50%; padding: 10px; } .content-tewaza-box .article .post{ height: auto; margin-bottom: 5px; padding-bottom: 0; } .content-tewaza-box .post p{ font-size: 12px; padding-bottom: 10px; } .content-tewaza-box .post p::before{ top: -8px; } .content-tewaza-box .post .img{ margin-bottom: 10px; } /* こだわり */ #kodawari .top-block{ height: 1000px; margin: 40px 0; padding: 0; } #kodawari #c1 h5{ font-size: 18px; text-align: center; font-weight: normal; padding-bottom: 15px; } .blockttl-box{ height: 400px; } .blockttl-box .ttl-box p{ width: 100%; line-height: 1.8em; font-size: 13px; } .blockttl-box .ttl-box{ padding: 20px; margin-top:30px; } .blockttl-box .ttl-box h3{ font-size: 25px; } #c1 .blockttl-box .ttl-box div span:nth-child(2){ font-size: 20px; } #c1 .block-box1{ margin: -50px 0 0; padding: 0 10px; } #c1 .block-box1 img{ width: 100%; } #c1 .position1, #c1 .position2, #c1 .position3, #c1 .position4{ clear: both; overflow: hidden; float: none; width: 100%; padding: 10px; margin: 0 0 40px; } #c1 .position4{ margin-bottom: 0; } .kodawari #c1 h4{ font-size: 14px; } #c1 .block-box2{ margin: 30px 0 0; padding: 20px; } #c1 .block-box2 .txt-box { position: relative; z-index: 0; clear: both; overflow: hidden; float: none; width: auto; padding: 60px 30px 50px; top: -55px; } #c1 .block-box2 .txt-box .txt{ width: 100%; } #c1 .block-box2 .img-box { display: block; position: relative; width: 95%; top:-20px; right: 0; margin: 0 auto; z-index: 10; clear: both; overflow: hidden; float: right; } #c2 .block-box1{ padding: 50px 0 100px; height: auto; } #c2 .block-box1 .ttl-box{ padding: 0 20px 20px; } #c2 .block-box1 .ttl-box h4{ font-size: 20px; letter-spacing: .1em; } #c2 .txt-block{ width: 100%; padding-bottom: 0; margin-bottom: 80px; } #c2 .txt-box{ width: 100%; float: none; top: auto !important; padding: 10px 20px; } #c2 .img-block{ width: 100%; margin: 0; padding: 0; } #c2 .img-block1{ float: right; width: 85%; margin-bottom: 20px; clear: both; overflow: hidden; } #c2 .img-block1 .img-box{ float: left; width: 50%; padding: 0; } #c2 .img-block2{ float: left; width: 85%; clear: both; overflow: hidden; } #c2 .img-block2 .img-box{ float: right; width: 50%; padding: 0; } #c2 .img-box{ float: none; width: 100%; top: 0 !important; } #c3 .block-box1 .txt-box .txt h4:nth-child(2), #c4 .block-box1 .txt-box .txt h4:nth-child(2), #c5 .block-box1 .txt-box .txt h4:nth-child(2){ font-size: 20px!important; letter-spacing: .1em; } #c4 .block-box2 .txt-box, #c5 .block-box2 .txt-box{ width: 90%; margin: auto; } #c4 .block-box2 .txt-box .txt h4:nth-child(2), #c5 .block-box2 .txt-box .txt h4:nth-child(2), #c5 .block-box2 .txt-box h4{ font-size: 23px; } #c4 .block-box2 .img-box div, #c5 .block-box2 .img-box div{ width: 100%; float: none; clear: both; overflow: hidden; } #c4 .block-box2 .img-box div h5, #c5 .block-box2 .img-box div h5{ font-size: 18px; line-height: 1.8em; } #c4 .block-box2 .img-box div p, #c5 .block-box2 .img-box div p{ font-size: 12px; line-height: 2.2em; } #works .img-main{ padding: 0; font-size: 0; } #works .housename-box{ width: 100%; float: none; } #works .img-madori{ position: relative; top:0; left: 0; right: 0; display: block; margin:30px auto 0; width: 90%; } /* 家庭菜園 */ /* 家庭菜園トップ */ #garden #top-wrapper{ height: auto; padding-top: 60px; margin-bottom:0; } #garden #top-wrapper .block-box{ padding: 0; margin: auto; } #garden #top-wrapper .box-left{ float: none; width: 100%; } #garden #top-wrapper .box-left .ttl-box{ margin-bottom:10px; } #garden #top-wrapper .box-left p{ font-size: 10px; margin-bottom: 30px; } #garden #top-wrapper .box-right{ float: none; width: 100%; margin: 0; } #garden #top-wrapper .box-right .txt-box{ width: 90%; margin: 40px auto; display: block; padding: 0; font-size: 12px; } #garden #top-wrapper .box-right .img-box{ width: 95%; margin: 0; } #garden #top-wrapper .box-right .img-box div{ padding: 0 15px 0 0; } #garden #top-wrapper .box-right .img-box div:nth-child(2){ margin-top: 0; } #garden #top-wrapper .box-right .img-box div:nth-child(3){ margin-top: 0; } /* 家庭菜園トップ */ .block-box-left, .block-box-right{ padding-bottom: 20px; } .block-box-left .img-box, .block-box-right .img-box{ max-width: 90%; } .block-box-left .img-box div, .block-box-right .img-box div{ height: 200px; } .block-box-left .txt-box, .block-box-right .txt-box{ padding: 100px 40px 40px; } .block-box-left .txt-box .txt p, .block-box-right .txt-box .txt p{ font-size: 13px; } .block-box-left .txt-wrapper{ width: 90%!important; float: right!important; left: 0!important; right: 0!important; max-width: inherit!important; margin-top: -50px!important; } .block-box-right .txt-wrapper{ width: 90%!important; float: left!important; left: 0!important; right: 0!important; max-width: inherit!important; margin-top: -50px!important; } .block-box-right .txt-box .txt h4:nth-child(2), .block-box-left .txt-box .txt h4:nth-child(2){ font-size: 20px; } #c1 .block-box{ margin: 0px auto 100px; padding: 50px 0 20px; } #c1 .block-box .txt-box .txt h4:nth-child(2){ font-size: 23px; line-height: 1.5em; } #c1 .block-box .img-box div{ width: 100%; float: none; overflow: hidden; clear: both; } #c1 .block-box .img-box div h5{ font-size: 22px; line-height: 1em; } #c1 .block-box .img-box div p{ font-size: 12px; line-height: 1.8em; } /* 家庭菜園 */ /* ブログ　投稿一覧 */ .blog-wrapper{ height: 500px; } .blog-block h3{ font-size: 25px; margin: 0 0 10px; } .blog-block p{ margin: 0 0 30px; } .container{ padding: 60px 0 0; } .blog-box{ padding: 100px 20px 80px; margin-bottom: 40px; } .blog-box:nth-last-of-type(1) { margin-bottom: 0 ; } .blog-box .img{ width: 100%; top:-160px; clear: both; overflow: hidden; } .blog-box .txt-area{ width: 100%; height: auto; padding:100px 30px 60px; } .post-ttl{ left: 100px; top:200px; width: 70%; } .blog-box .txt-area h3{ font-size: 20px; margin-bottom: 20px; } .blog-box .txt-area p{ font-size: 13px; } .blog-next-btn{ /* 投稿一覧 次へと前へボタン */ padding: 0 5px; margin-top: -30px; font-size: 11px; } #page-blog .content{ padding: 0 25px; } #page-blog h3{ font-size: 20px; } #page-blog p{ font-size: 15px; } .sm_t-90 { margin-top: -90px; } footer{ border-top: 0px solid #231815; } .shiryobox{ padding: 0 20px 0 10px}} } body{font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;} @media print { body { -webkit-print-color-adjust: exact; } html{ } } a{text-decoration:none; color:#171819;} a:hover{ text-decoration:none;} /*=============================================*/ /* ボックス */ /*=============================================*/ .textshadow{text-shadow: 1px 1px 2px rgba(0,0,0,0.3);} /*=============================================*/ /* ボーダー */ /*=============================================*/ .round{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .round_05{-webkit-border-radius: 5px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .round_10{ -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .boxshadow{ box-shadow:rgba(0, 0, 0, 0.0901961) 0px 0px 3px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.0901961) 0px 0px 3px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.0901961) 0px 0px 3px 1px; } /*=============================================*/ /* オリジン */ /*=============================================*/ /*=============================================*/ /* アニメーション */ /*=============================================*/ @media screen{ .animate{ display: block; } .as3{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .as5{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .as8{ -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .as10{ -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .as20{ -webkit-transition: all 2.0s ease-in-out; -moz-transition: all 2.0s ease-in-out; -ms-transition: all 2.0s ease-in-out; -o-transition: all 2.0s ease-in-out; transition: all 2.0s ease-in-out; } .lianer{ -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .ease{ -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .ease-in{ -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .ease-in-out{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .custom-ease-1{ -webkit-transition-timing-function:cubic-bezier(0.74,-0.25,.15,1.52); -moz-transition-timing-function:cubic-bezier(0.74,-0.25,.15,1.52); -ms-transition-timing-function:cubic-bezier(0.74,-0.25,.15,1.52); -o-transition-timing-function:cubic-bezier(0.74,-0.25,.15,1.52); transition-timing-function:cubic-bezier(0.74,-0.25,.15,1.52); } .dlay1{ -webkit-transition-delay: 0.1s; /* Safari */ -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .dlay2{ -webkit-transition-delay: 0.2s; /* Safari */ -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .dlay3{ -webkit-transition-delay: 0.3s; /* Safari */ -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .dlay4{ -webkit-transition-delay: 0.4s; /* Safari */ -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .dlay5{ -webkit-transition-delay: 0.5s; /* Safari */ -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .dlay6{ -webkit-transition-delay: 0.6s; /* Safari */ -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .dlay7{ -webkit-transition-delay: 0.7s; /* Safari */ -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .dlay8{ -webkit-transition-delay: 0.8s; /* Safari */ -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .dlay9{ -webkit-transition-delay: 0.9s; /* Safari */ -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .dlay10{ -webkit-transition-delay: 1.0s; /* Safari */ -moz-transition-delay: 1.0s; -ms-transition-delay: 1.0s; -o-transition-delay: 1.0s; transition-delay: 1.0s; } .dlay20{ -webkit-transition-delay: 2.0s; /* Safari */ -moz-transition-delay: 2.0s; -ms-transition-delay: 2.0s; -o-transition-delay: 2.0s; transition-delay: 2.0s; } /* アニメーション出現 */ .animate.appear{ opacity: 0; } .animate.appear.active{ opacity: 1; } .animate.slidebackground{ background-position: 40% 50%; } .animate.slidebackground.active{ background-position: 50% 50%; } .animate.slidebackground2{ background-position: 40% 50%; } .animate.slidebackground2.active{ background-position: 60% 50%; } .animate.slidebackground3{ background-position: 50% 60%; } .animate.slidebackground3.active{ background-position: 50% 40%; } /* アニメーション 上へ出現 */ .animate.slideup{ -webkit-transform: translate3d(0px,150px,0px); -moz-transform: translate3d(0px,150px,0px); -ms-transform: translate3d(0px,150px,0px); -o-transform: translate3d(0px,150px,0px); transform: translate3d(0px,150px,0px); } .animate.slideup.active{ -webkit-transform: translate3d(0px,0px,0px); -moz-transform: translate3d(0px,0px,0px); -ms-transform: translate3d(0px,0px,0px); -o-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } .animate.slidebackground{} /* アニメーション左へ出現 */ .animate.slideleft{ -webkit-transform: translate3d(50px,0px,0px); -moz-transform: translate3d(50px,0px,0px); -ms-transform: translate3d(50px,0px,0px); -o-transform: translate3d(50px,0px,0px); transform: translate3d(50px,0px,0px); } .animate.slideleft.active{ -webkit-transform: translate3d(0px,0px,0px); -moz-transform: translate3d(0px,0px,0px); -ms-transform: translate3d(0px,0px,0px); -o-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } /* アニメーション右へ出現 */ .animate.slideright{ -webkit-transform: translate3d(-150px,0px,0px); -moz-transform: translate3d(-150px,0px,0px); -ms-transform: translate3d(-150px,0px,0px); -o-transform: translate3d(-150px,0px,0px); transform: translate3d(-150px,0px,0px); } .animate.slideright.active{ -webkit-transform: translate3d(0px,0px,0px); -moz-transform: translate3d(0px,0px,0px); -ms-transform: translate3d(0px,0px,0px); -o-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } /* アニメーション回転 */ .animate.rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .animate.rotate.active{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /*ホバーアニメーション*/ @-webkit-keyframes tenmetsu { 0% {opacity: 1.0;} 50% {opacity: 0.5;} 100% {opacity: 1.0;} } @-moz-keyframes tenmetsu { 0% {opacity: 1.0;} 50% {opacity: 0.5;} 100% {opacity: 1.0;} } @-ms-keyframes tenmetsu { 0% {opacity: 1.0;} 50% {opacity: 0.5;} 100% {opacity: 1.0;} } @-o-keyframes tenmetsu { 0% {opacity: 1.0;} 50% {opacity: 0.5;} 100% {opacity: 1.0;} } @keyframes tenmetsu { 0% {opacity: 1.0;} 50% {opacity: 0.5;} 100% {opacity: 1.0;} } .hover-tenmetu:hover{ -webkit-animation-name: tenmetsu; -moz-animation-name: tenmetsu; -ms-animation-name: tenmetsu; -o-animation-name: tenmetsu; animation-name: tenmetsu; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-webkit-keyframes zoom { 0% {transform: scale(1.0,1.0);} 50% {transform: scale(1.05,1.05);} 100% {transform: scale(1.0,1.0);} } @-moz-keyframes zoom { 0% {transform: scale(1.0,1.0);} 50% {transform: scale(1.05,1.05);} 100% {transform: scale(1.0,1.0);} } @-ms-keyframes zoom { 0% {transform: scale(1.0,1.0);} 50% {transform: scale(1.05,1.05);} 100% {transform: scale(1.0,1.0);} } @-o-keyframes zoom { 0% {transform: scale(1.0,1.0);} 50% {transform: scale(1.05,1.05);} 100% {transform: scale(1.0,1.0);} } @keyframes zoom { 0% {transform: scale(1.0,1.0);} 50% {transform: scale(1.05,1.05);} 100% {transform: scale(1.0,1.0);} } .hover-zoom:hover{ -webkit-animation-name: zoom; -moz-animation-name: zoom; -ms-animation-name: zoom; -o-animation-name: zoom; animation-name: zoom; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } } @media screen and (min-width:1000px){ .delpc{display: none;} .deltab{display: block;} .delsp{display: block;} .deltab.delpc{display: none;} .deltsp.delpc{display: none;} .deltab.deltsp.delpc{display: none;} .delpci{display: none;} .deltabi{display: inline-block;} .delspi{display: inline-block;} .deltabi.delpci{display: none;} .deltspi.delpci{display: none;} .deltabi.deltspi.delpci{display: none;} .tabonly{display: none;} .sponly{display: none;} .pconly{display: block;} .tabonlyi{display: none;} .sponlyi{display: none;} .pconlyi{display: inline-block;} } @media screen and (min-width:600px) and (max-width:999px) { .delpc{display: block;} .deltab{display: none;} .delsp{display: block;} .delpc.deltab{display: none;} .delsp.deltab{display: none;} .deltab.deltsp.delpc{display: none;} .delpci{display: inline-block;} .deltabi{display: none;} .delspi{display: inline-block;} .delpci.deltabi{display: none;} .delspi.deltabi{display: none;} .deltabi.deltspi.delpci{display: none;} .tabonly{display: block;} .sponly{display: none;} .pconly{display: none;} .tabonlyi{display: inline-block;} .sponlyi{display: none;} .pconlyi{display: none;} } @media screen and (max-width:599px){ .delpc{display: block;} .deltab{display: block;} .delsp{display: none;} .delpc.delsp{display: none;} .deltab.delsp{display: none;} .deltab.deltsp.delpc{display: none;} .delpci{display: inline-block;} .deltabi{display: inline-block;} .delspi{display: none;} .delpci.delspi{display: none;} .deltabi.delspi{display: none;} .deltabi.deltspi.delpci{display: none;} .tabonly{display: none;} .sponly{display: block;} .pconly{display: none;} .tabonlyi{display: none;} .sponlyi{display: inline-block;} .pconlyi{display: none;} }