@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;} eader,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
hr.bk { border-top:1px solid #000000!important;}
input, select { vertical-align:middle;}
/*--- base ---*/
* { margin:0px; padding:0px;}
html { font-size: 62.5%; }
body { font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; font-weight: normal; line-height: 1.875; text-align: left; color:#1A1A1A; -webkit-text-size-adjust: 100%; font-size: 1.4rem; background: #FFF; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 400;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;}
a:link,a:visited { color: #1A1A1A; text-decoration: none; opacity: 1;}
a:active,a:hover { color: #1A1A1A; text-decoration: none; opacity: 0.8;}
a:link img,a:visited img { opacity: 1;}
a:active img,a:hover img { opacity: 0.8;}
a,a img { outline: none; transition: all .1s ease-in-out;}
img { max-width: 100%; height: auto;}
img.imgCh { width: auto;}
img[src$=".svg"] { width: auto;}
/*general*/
.pB1Line { padding-bottom: 1.75em;}
.pB0 { padding-bottom: 0px !important; } .pB1 { padding-bottom: 1px !important; } .pB2 { padding-bottom: 2px !important; } .pB3 { padding-bottom: 3px !important; } .pB4 { padding-bottom: 4px !important; } .pB5 { padding-bottom: 5px !important; } .pB6 { padding-bottom: 6px !important; } .pB7 { padding-bottom: 7px !important; } .pB8 { padding-bottom: 8px !important; } .pB9 { padding-bottom: 9px !important; } .pB10 { padding-bottom: 10px !important; } .pB11 { padding-bottom: 11px !important; } .pB12 { padding-bottom: 12px !important; } .pB13 { padding-bottom: 13px !important; } .pB14 { padding-bottom: 14px !important; } .pB15 { padding-bottom: 15px !important; } .pB16 { padding-bottom: 16px !important; } .pB17 { padding-bottom: 17px !important; } .pB18 { padding-bottom: 18px !important; } .pB19 { padding-bottom: 19px !important; } .pB20 { padding-bottom: 20px !important; } .pB21 { padding-bottom: 21px !important; } .pB22 { padding-bottom: 22px !important; } .pB23 { padding-bottom: 23px !important; } .pB24 { padding-bottom: 24px !important; } .pB25 { padding-bottom: 25px !important; } .pB26 { padding-bottom: 26px !important; } .pB27 { padding-bottom: 27px !important; } .pB28 { padding-bottom: 28px !important; } .pB29 { padding-bottom: 29px !important; } .pB30 { padding-bottom: 30px !important; } .pB31 { padding-bottom: 31px !important; } .pB32 { padding-bottom: 32px !important; } .pB33 { padding-bottom: 33px !important; } .pB34 { padding-bottom: 34px !important; } .pB35 { padding-bottom: 35px !important; } .pB36 { padding-bottom: 36px !important; } .pB37 { padding-bottom: 37px !important; } .pB38 { padding-bottom: 38px !important; } .pB39 { padding-bottom: 39px !important; } .pB40 { padding-bottom: 40px !important; } .pB41 { padding-bottom: 41px !important; } .pB42 { padding-bottom: 42px !important; } .pB43 { padding-bottom: 43px !important; } .pB44 { padding-bottom: 44px !important; } .pB45 { padding-bottom: 45px !important; } .pB46 { padding-bottom: 46px !important; } .pB47 { padding-bottom: 47px !important; } .pB48 { padding-bottom: 48px !important; } .pB49 { padding-bottom: 49px !important; } .pB50 { padding-bottom: 50px !important; } .pB51 { padding-bottom: 51px !important; } .pB52 { padding-bottom: 52px !important; } .pB53 { padding-bottom: 53px !important; } .pB54 { padding-bottom: 54px !important; } .pB55 { padding-bottom: 55px !important; } .pB56 { padding-bottom: 56px !important; } .pB57 { padding-bottom: 57px !important; } .pB58 { padding-bottom: 58px !important; } .pB59 { padding-bottom: 59px !important; } .pB60 { padding-bottom: 60px !important; } .pB61 { padding-bottom: 61px !important; } .pB62 { padding-bottom: 62px !important; } .pB63 { padding-bottom: 63px !important; } .pB64 { padding-bottom: 64px !important; } .pB65 { padding-bottom: 65px !important; } .pB66 { padding-bottom: 66px !important; } .pB67 { padding-bottom: 67px !important; } .pB68 { padding-bottom: 68px !important; } .pB69 { padding-bottom: 69px !important; } .pB70 { padding-bottom: 70px !important; } .pB71 { padding-bottom: 71px !important; } .pB72 { padding-bottom: 72px !important; } .pB73 { padding-bottom: 73px !important; } .pB74 { padding-bottom: 74px !important; } .pB75 { padding-bottom: 75px !important; } .pB76 { padding-bottom: 76px !important; } .pB77 { padding-bottom: 77px !important; } .pB78 { padding-bottom: 78px !important; } .pB79 { padding-bottom: 79px !important; } .pB80 { padding-bottom: 80px !important; } .pB81 { padding-bottom: 81px !important; } .pB82 { padding-bottom: 82px !important; } .pB83 { padding-bottom: 83px !important; } .pB84 { padding-bottom: 84px !important; } .pB85 { padding-bottom: 85px !important; } .pB86 { padding-bottom: 86px !important; } .pB87 { padding-bottom: 87px !important; } .pB88 { padding-bottom: 88px !important; } .pB89 { padding-bottom: 89px !important; } .pB90 { padding-bottom: 90px !important; } .pB91 { padding-bottom: 91px !important; } .pB92 { padding-bottom: 92px !important; } .pB93 { padding-bottom: 93px !important; } .pB94 { padding-bottom: 94px !important; } .pB95 { padding-bottom: 95px !important; } .pB96 { padding-bottom: 96px !important; } .pB97 { padding-bottom: 97px !important; } .pB98 { padding-bottom: 98px !important; } .pB99 { padding-bottom: 99px !important; } .pB100 { padding-bottom: 100px !important; } .pB101 { padding-bottom: 101px !important; } .pB102 { padding-bottom: 102px !important; } .pB103 { padding-bottom: 103px !important; } .pB104 { padding-bottom: 104px !important; } .pB105 { padding-bottom: 105px !important; } .pB106 { padding-bottom: 106px !important; } .pB107 { padding-bottom: 107px !important; } .pB108 { padding-bottom: 108px !important; } .pB109 { padding-bottom: 109px !important; } .pB110 { padding-bottom: 110px !important; } .pB111 { padding-bottom: 111px !important; } .pB112 { padding-bottom: 112px !important; } .pB113 { padding-bottom: 113px !important; } .pB114 { padding-bottom: 114px !important; } .pB115 { padding-bottom: 115px !important; } .pB116 { padding-bottom: 116px !important; } .pB117 { padding-bottom: 117px !important; } .pB118 { padding-bottom: 118px !important; } .pB119 { padding-bottom: 119px !important; } .pB120 { padding-bottom: 120px !important; }
.pT0 { padding-top: 0px !important; } .pT1 { padding-top: 1px !important; } .pT2 { padding-top: 2px !important; } .pT3 { padding-top: 3px !important; } .pT4 { padding-top: 4px !important; } .pT5 { padding-top: 5px !important; } .pT6 { padding-top: 6px !important; } .pT7 { padding-top: 7px !important; } .pT8 { padding-top: 8px !important; } .pT9 { padding-top: 9px !important; } .pT10 { padding-top: 10px !important; } .pT11 { padding-top: 11px !important; } .pT12 { padding-top: 12px !important; } .pT13 { padding-top: 13px !important; } .pT14 { padding-top: 14px !important; } .pT15 { padding-top: 15px !important; } .pT16 { padding-top: 16px !important; } .pT17 { padding-top: 17px !important; } .pT18 { padding-top: 18px !important; } .pT19 { padding-top: 19px !important; } .pT20 { padding-top: 20px !important; } .pT21 { padding-top: 21px !important; } .pT22 { padding-top: 22px !important; } .pT23 { padding-top: 23px !important; } .pT24 { padding-top: 24px !important; } .pT25 { padding-top: 25px !important; } .pT26 { padding-top: 26px !important; } .pT27 { padding-top: 27px !important; } .pT28 { padding-top: 28px !important; } .pT29 { padding-top: 29px !important; } .pT30 { padding-top: 30px !important; } .pT31 { padding-top: 31px !important; } .pT32 { padding-top: 32px !important; } .pT33 { padding-top: 33px !important; } .pT34 { padding-top: 34px !important; } .pT35 { padding-top: 35px !important; } .pT36 { padding-top: 36px !important; } .pT37 { padding-top: 37px !important; } .pT38 { padding-top: 38px !important; } .pT39 { padding-top: 39px !important; } .pT40 { padding-top: 40px !important; } .pT41 { padding-top: 41px !important; } .pT42 { padding-top: 42px !important; } .pT43 { padding-top: 43px !important; } .pT44 { padding-top: 44px !important; } .pT45 { padding-top: 45px !important; } .pT46 { padding-top: 46px !important; } .pT47 { padding-top: 47px !important; } .pT48 { padding-top: 48px !important; } .pT49 { padding-top: 49px !important; } .pT50 { padding-top: 50px !important; } .pT51 { padding-top: 51px !important; } .pT52 { padding-top: 52px !important; } .pT53 { padding-top: 53px !important; } .pT54 { padding-top: 54px !important; } .pT55 { padding-top: 55px !important; } .pT56 { padding-top: 56px !important; } .pT57 { padding-top: 57px !important; } .pT58 { padding-top: 58px !important; } .pT59 { padding-top: 59px !important; } .pT60 { padding-top: 60px !important; } .pT61 { padding-top: 61px !important; } .pT62 { padding-top: 62px !important; } .pT63 { padding-top: 63px !important; } .pT64 { padding-top: 64px !important; } .pT65 { padding-top: 65px !important; } .pT66 { padding-top: 66px !important; } .pT67 { padding-top: 67px !important; } .pT68 { padding-top: 68px !important; } .pT69 { padding-top: 69px !important; } .pT70 { padding-top: 70px !important; } .pT71 { padding-top: 71px !important; } .pT72 { padding-top: 72px !important; } .pT73 { padding-top: 73px !important; } .pT74 { padding-top: 74px !important; } .pT75 { padding-top: 75px !important; } .pT76 { padding-top: 76px !important; } .pT77 { padding-top: 77px !important; } .pT78 { padding-top: 78px !important; } .pT79 { padding-top: 79px !important; } .pT80 { padding-top: 80px !important; } .pT81 { padding-top: 81px !important; } .pT82 { padding-top: 82px !important; } .pT83 { padding-top: 83px !important; } .pT84 { padding-top: 84px !important; } .pT85 { padding-top: 85px !important; } .pT86 { padding-top: 86px !important; } .pT87 { padding-top: 87px !important; } .pT88 { padding-top: 88px !important; } .pT89 { padding-top: 89px !important; } .pT90 { padding-top: 90px !important; } .pT91 { padding-top: 91px !important; } .pT92 { padding-top: 92px !important; } .pT93 { padding-top: 93px !important; } .pT94 { padding-top: 94px !important; } .pT95 { padding-top: 95px !important; } .pT96 { padding-top: 96px !important; } .pT97 { padding-top: 97px !important; } .pT98 { padding-top: 98px !important; } .pT99 { padding-top: 99px !important; } .pT100 { padding-top: 100px !important; } .pT101 { padding-top: 101px !important; } .pT102 { padding-top: 102px !important; } .pT103 { padding-top: 103px !important; } .pT104 { padding-top: 104px !important; } .pT105 { padding-top: 105px !important; } .pT106 { padding-top: 106px !important; } .pT107 { padding-top: 107px !important; } .pT108 { padding-top: 108px !important; } .pT109 { padding-top: 109px !important; } .pT110 { padding-top: 110px !important; } .pT111 { padding-top: 111px !important; } .pT112 { padding-top: 112px !important; } .pT113 { padding-top: 113px !important; } .pT114 { padding-top: 114px !important; } .pT115 { padding-top: 115px !important; } .pT116 { padding-top: 116px !important; } .pT117 { padding-top: 117px !important; } .pT118 { padding-top: 118px !important; } .pT119 { padding-top: 119px !important; } .pT120 { padding-top: 120px !important; }
.mB0 { margin-bottom: 0px !important; } .mB1 { margin-bottom: 1px !important; } .mB2 { margin-bottom: 2px !important; } .mB3 { margin-bottom: 3px !important; } .mB4 { margin-bottom: 4px !important; } .mB5 { margin-bottom: 5px !important; } .mB6 { margin-bottom: 6px !important; } .mB7 { margin-bottom: 7px !important; } .mB8 { margin-bottom: 8px !important; } .mB9 { margin-bottom: 9px !important; } .mB10 { margin-bottom: 10px !important; } .mB11 { margin-bottom: 11px !important; } .mB12 { margin-bottom: 12px !important; } .mB13 { margin-bottom: 13px !important; } .mB14 { margin-bottom: 14px !important; } .mB15 { margin-bottom: 15px !important; } .mB16 { margin-bottom: 16px !important; } .mB17 { margin-bottom: 17px !important; } .mB18 { margin-bottom: 18px !important; } .mB19 { margin-bottom: 19px !important; } .mB20 { margin-bottom: 20px !important; } .mB21 { margin-bottom: 21px !important; } .mB22 { margin-bottom: 22px !important; } .mB23 { margin-bottom: 23px !important; } .mB24 { margin-bottom: 24px !important; } .mB25 { margin-bottom: 25px !important; } .mB26 { margin-bottom: 26px !important; } .mB27 { margin-bottom: 27px !important; } .mB28 { margin-bottom: 28px !important; } .mB29 { margin-bottom: 29px !important; } .mB30 { margin-bottom: 30px !important; } .mB31 { margin-bottom: 31px !important; } .mB32 { margin-bottom: 32px !important; } .mB33 { margin-bottom: 33px !important; } .mB34 { margin-bottom: 34px !important; } .mB35 { margin-bottom: 35px !important; } .mB36 { margin-bottom: 36px !important; } .mB37 { margin-bottom: 37px !important; } .mB38 { margin-bottom: 38px !important; } .mB39 { margin-bottom: 39px !important; } .mB40 { margin-bottom: 40px !important; } .mB41 { margin-bottom: 41px !important; } .mB42 { margin-bottom: 42px !important; } .mB43 { margin-bottom: 43px !important; } .mB44 { margin-bottom: 44px !important; } .mB45 { margin-bottom: 45px !important; } .mB46 { margin-bottom: 46px !important; } .mB47 { margin-bottom: 47px !important; } .mB48 { margin-bottom: 48px !important; } .mB49 { margin-bottom: 49px !important; } .mB50 { margin-bottom: 50px !important; } .mB51 { margin-bottom: 51px !important; } .mB52 { margin-bottom: 52px !important; } .mB53 { margin-bottom: 53px !important; } .mB54 { margin-bottom: 54px !important; } .mB55 { margin-bottom: 55px !important; } .mB56 { margin-bottom: 56px !important; } .mB57 { margin-bottom: 57px !important; } .mB58 { margin-bottom: 58px !important; } .mB59 { margin-bottom: 59px !important; } .mB60 { margin-bottom: 60px !important; } .mB61 { margin-bottom: 61px !important; } .mB62 { margin-bottom: 62px !important; } .mB63 { margin-bottom: 63px !important; } .mB64 { margin-bottom: 64px !important; } .mB65 { margin-bottom: 65px !important; } .mB66 { margin-bottom: 66px !important; } .mB67 { margin-bottom: 67px !important; } .mB68 { margin-bottom: 68px !important; } .mB69 { margin-bottom: 69px !important; } .mB70 { margin-bottom: 70px !important; } .mB71 { margin-bottom: 71px !important; } .mB72 { margin-bottom: 72px !important; } .mB73 { margin-bottom: 73px !important; } .mB74 { margin-bottom: 74px !important; } .mB75 { margin-bottom: 75px !important; } .mB76 { margin-bottom: 76px !important; } .mB77 { margin-bottom: 77px !important; } .mB78 { margin-bottom: 78px !important; } .mB79 { margin-bottom: 79px !important; } .mB80 { margin-bottom: 80px !important; } .mB81 { margin-bottom: 81px !important; } .mB82 { margin-bottom: 82px !important; } .mB83 { margin-bottom: 83px !important; } .mB84 { margin-bottom: 84px !important; } .mB85 { margin-bottom: 85px !important; } .mB86 { margin-bottom: 86px !important; } .mB87 { margin-bottom: 87px !important; } .mB88 { margin-bottom: 88px !important; } .mB89 { margin-bottom: 89px !important; } .mB90 { margin-bottom: 90px !important; } .mB91 { margin-bottom: 91px !important; } .mB92 { margin-bottom: 92px !important; } .mB93 { margin-bottom: 93px !important; } .mB94 { margin-bottom: 94px !important; } .mB95 { margin-bottom: 95px !important; } .mB96 { margin-bottom: 96px !important; } .mB97 { margin-bottom: 97px !important; } .mB98 { margin-bottom: 98px !important; } .mB99 { margin-bottom: 99px !important; } .mB100 { margin-bottom: 100px !important; } .mB101 { margin-bottom: 101px !important; } .mB102 { margin-bottom: 102px !important; } .mB103 { margin-bottom: 103px !important; } .mB104 { margin-bottom: 104px !important; } .mB105 { margin-bottom: 105px !important; } .mB106 { margin-bottom: 106px !important; } .mB107 { margin-bottom: 107px !important; } .mB108 { margin-bottom: 108px !important; } .mB109 { margin-bottom: 109px !important; } .mB110 { margin-bottom: 110px !important; } .mB111 { margin-bottom: 111px !important; } .mB112 { margin-bottom: 112px !important; } .mB113 { margin-bottom: 113px !important; } .mB114 { margin-bottom: 114px !important; } .mB115 { margin-bottom: 115px !important; } .mB116 { margin-bottom: 116px !important; } .mB117 { margin-bottom: 117px !important; } .mB118 { margin-bottom: 118px !important; } .mB119 { margin-bottom: 119px !important; } .mB120 { margin-bottom: 120px !important; }
.mT0 { margin-top: 0px !important; } .mT1 { margin-top: 1px !important; } .mT2 { margin-top: 2px !important; } .mT3 { margin-top: 3px !important; } .mT4 { margin-top: 4px !important; } .mT5 { margin-top: 5px !important; } .mT6 { margin-top: 6px !important; } .mT7 { margin-top: 7px !important; } .mT8 { margin-top: 8px !important; } .mT9 { margin-top: 9px !important; } .mT10 { margin-top: 10px !important; } .mT11 { margin-top: 11px !important; } .mT12 { margin-top: 12px !important; } .mT13 { margin-top: 13px !important; } .mT14 { margin-top: 14px !important; } .mT15 { margin-top: 15px !important; } .mT16 { margin-top: 16px !important; } .mT17 { margin-top: 17px !important; } .mT18 { margin-top: 18px !important; } .mT19 { margin-top: 19px !important; } .mT20 { margin-top: 20px !important; } .mT21 { margin-top: 21px !important; } .mT22 { margin-top: 22px !important; } .mT23 { margin-top: 23px !important; } .mT24 { margin-top: 24px !important; } .mT25 { margin-top: 25px !important; } .mT26 { margin-top: 26px !important; } .mT27 { margin-top: 27px !important; } .mT28 { margin-top: 28px !important; } .mT29 { margin-top: 29px !important; } .mT30 { margin-top: 30px !important; } .mT31 { margin-top: 31px !important; } .mT32 { margin-top: 32px !important; } .mT33 { margin-top: 33px !important; } .mT34 { margin-top: 34px !important; } .mT35 { margin-top: 35px !important; } .mT36 { margin-top: 36px !important; } .mT37 { margin-top: 37px !important; } .mT38 { margin-top: 38px !important; } .mT39 { margin-top: 39px !important; } .mT40 { margin-top: 40px !important; } .mT41 { margin-top: 41px !important; } .mT42 { margin-top: 42px !important; } .mT43 { margin-top: 43px !important; } .mT44 { margin-top: 44px !important; } .mT45 { margin-top: 45px !important; } .mT46 { margin-top: 46px !important; } .mT47 { margin-top: 47px !important; } .mT48 { margin-top: 48px !important; } .mT49 { margin-top: 49px !important; } .mT50 { margin-top: 50px !important; } .mT51 { margin-top: 51px !important; } .mT52 { margin-top: 52px !important; } .mT53 { margin-top: 53px !important; } .mT54 { margin-top: 54px !important; } .mT55 { margin-top: 55px !important; } .mT56 { margin-top: 56px !important; } .mT57 { margin-top: 57px !important; } .mT58 { margin-top: 58px !important; } .mT59 { margin-top: 59px !important; } .mT60 { margin-top: 60px !important; } .mT61 { margin-top: 61px !important; } .mT62 { margin-top: 62px !important; } .mT63 { margin-top: 63px !important; } .mT64 { margin-top: 64px !important; } .mT65 { margin-top: 65px !important; } .mT66 { margin-top: 66px !important; } .mT67 { margin-top: 67px !important; } .mT68 { margin-top: 68px !important; } .mT69 { margin-top: 69px !important; } .mT70 { margin-top: 70px !important; } .mT71 { margin-top: 71px !important; } .mT72 { margin-top: 72px !important; } .mT73 { margin-top: 73px !important; } .mT74 { margin-top: 74px !important; } .mT75 { margin-top: 75px !important; } .mT76 { margin-top: 76px !important; } .mT77 { margin-top: 77px !important; } .mT78 { margin-top: 78px !important; } .mT79 { margin-top: 79px !important; } .mT80 { margin-top: 80px !important; } .mT81 { margin-top: 81px !important; } .mT82 { margin-top: 82px !important; } .mT83 { margin-top: 83px !important; } .mT84 { margin-top: 84px !important; } .mT85 { margin-top: 85px !important; } .mT86 { margin-top: 86px !important; } .mT87 { margin-top: 87px !important; } .mT88 { margin-top: 88px !important; } .mT89 { margin-top: 89px !important; } .mT90 { margin-top: 90px !important; } .mT91 { margin-top: 91px !important; } .mT92 { margin-top: 92px !important; } .mT93 { margin-top: 93px !important; } .mT94 { margin-top: 94px !important; } .mT95 { margin-top: 95px !important; } .mT96 { margin-top: 96px !important; } .mT97 { margin-top: 97px !important; } .mT98 { margin-top: 98px !important; } .mT99 { margin-top: 99px !important; } .mT100 { margin-top: 100px !important; } .mT101 { margin-top: 101px !important; } .mT102 { margin-top: 102px !important; } .mT103 { margin-top: 103px !important; } .mT104 { margin-top: 104px !important; } .mT105 { margin-top: 105px !important; } .mT106 { margin-top: 106px !important; } .mT107 { margin-top: 107px !important; } .mT108 { margin-top: 108px !important; } .mT109 { margin-top: 109px !important; } .mT110 { margin-top: 110px !important; } .mT111 { margin-top: 111px !important; } .mT112 { margin-top: 112px !important; } .mT113 { margin-top: 113px !important; } .mT114 { margin-top: 114px !important; } .mT115 { margin-top: 115px !important; } .mT116 { margin-top: 116px !important; } .mT117 { margin-top: 117px !important; } .mT118 { margin-top: 118px !important; } .mT119 { margin-top: 119px !important; } .mT120 { margin-top: 120px !important; }
.ls0 {
letter-spacing: 0;
}
.mR20 {
margin-right: 20px;
}
.clfx::after { content: ""; clear: both; display: table;}
.colWh { color: #FFF; }
.colBl01 { color: #0075C2; }
.bgGy01 { background: #F1F1F1; }
.bgGy02 { background: #e8e8e8;}
.bgBl01 { background: #6C9BD2; }
.posR { position: relative; }
.dB { display: block; }
.dIB { display: inline-block; }
.ofH { overflow: hidden;}
.fL { float: left;}
.fR { float: right;}
.aL { text-align: left !important;}
.aC { text-align: center !important;}
.aR { text-align: right !important;}
.aJ { text-align: justify !important; text-justify: inter-ideograph !important;}
.fwN { font-weight: normal !important;}
/*.fw200 { font-weight: 200 !important;}*/ /*Extra-Light*/
/*.fw300 { font-weight: 300 !important;}*/ /*Light*/
/*.fw400 { font-weight: 400 !important;}*/ /*Regular*/
/*.fw500 { font-weight: 500 !important;}*/ /*Medium*/
/*.fw600 { font-weight: 600 !important;}*/ /*Semi-Bold*/
/*.fw700 { font-weight: 700 !important;}*/ /*Bold*/
/*.fw900 { font-weight: 900 !important;}*/ /*Black*/
.fwB { font-weight: bold !important;}
.clB { clear: both !important;}
.wSN { white-space: nowrap !important;}
.lSN { letter-spacing: 0 !important;}
.lh100 { line-height: 1.00; }
.lh120 { line-height: 1.20; }
.lh150 { line-height: 1.50; }
.lh177 { line-height: 1.77; }
.lh187 { line-height: 1.87; }
.ls065 { letter-spacing: 0.065em; }
.ls100 { letter-spacing: 0.1em; }
.ffGoth { font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
.ffMin { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.ffArl { font-family: 'arial'; }
.blueTxt { color: #0075c2; }
/* common *************************************************************************************************************************************************************************************/
/*header*/
header { width: 100%; min-height: 51px; }
#headerWrap {}
#title { position: relative; width: calc( 100% - 58px ); height: 51px; }
#title a { display: block; width: calc( 100% - 58px ); height: 51px;}
#title img { margin-left: 14px; height: 25px; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(0); }
#headerTel { text-align: center; line-height: 1; margin: 0 0 32px;}
#headerTel dt { display: none; }
#headerTel dd { font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
#headerTel dd a { display: inline-block; padding: 8px 14px; border: #8D8D8D solid 1px; font-size: 3.0rem; letter-spacing: 0.05em;}
#headerTel dd a:before { content: "TEL"; display: inline-block; margin-right: 0.25em; font-size: 1.6rem; transform: translateY(-0.2em); }
#headerSns { text-align: center; letter-spacing: -0.4em; }
#headerSns li { display: inline-block; width: 20px; margin: 0 10px; letter-spacing: normal;}
/*nav */
#spMenu { position: absolute; top: 0; right: 0; width: 58px; height: 51px; z-index: 100; cursor: pointer; background: #FFF;}
#spMenu #spMenu01,
#spMenu #spMenu02,
#spMenu #spMenu03
{ overflow: hidden; position: absolute; left: 15px; display: block; width: 28px; height: 3px; background: #575757; transition: all 0.25s ease-in-out;}
#spMenu01 { top: 13px;}
#spMenu02 { top: 23px;}
#spMenu03 { top: 33px;}
#spMenu.active #spMenu01 { top: 18px; left: 13px; width: 34px; height: 2px; -webkit-transform: translateY(7px) translateX(0) rotate(-45deg); transform: translateY(7px) translateX(0) rotate(-45deg);}
#spMenu.active #spMenu02 { display: none;}
#spMenu.active #spMenu03 { top: 32px; left: 13px; width: 34px; height: 2px; -webkit-transform: translateY(-7px) translateX(0) rotate(45deg); transform: translateY(-7px) translateX(0) rotate(45deg);}
.navLock { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0;}
#navWrap { display: none; position: fixed; top: 51px; left: 0; z-index: 1000; width: 100%; height: calc( 100% - 51px ); background: rgba(235,235,235,1); }
#navWrapCh { min-width: 75%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
ul#nav01 { overflow: hidden; line-height: 1; border-top: #C3C3C3 solid 1px;}
ul#nav01 > li { text-align: left; border-bottom: #C3C3C3 solid 1px; }
ul#nav01 > li a { position: relative; display: block; padding: 12px 22px 9px; color: #1A1A1A;}
ul#nav01 > li a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #8b8b8b; border-right: solid 1px #8b8b8b; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 18px; margin-top: -6px;}
ul#nav01 > li a span { display: block;}
.nav01En { font-weight: bold; letter-spacing: 0.1em; padding: 0 0 3px; font-size: 1.8rem;}
.nav01Jp { letter-spacing: 0.065em; font-size: 1.2rem; }
ul#nav02 { overflow: hidden; line-height: 1; padding: 0 22px; margin: 0 0 14px;}
ul#nav02 > li { text-align: left; display: inline-block; font-size: 1.2rem; margin-right: 3em;}
ul#nav02 > li:last-child { margin-right: 0;}
ul#nav02 > li a { display: block; padding: 12px 0; color: #1A1A1A; }
/* 地域限定LP用 */
#headerWrap.local-LP #headerForm {
position: absolute;
top: 10px;
right: 10px;
}
#headerWrap.local-LP #headerForm a {
padding: 3px 6px;
font-size: 1.0rem;
}
/*footer*/
footer { overflow: hidden; margin: -98px 0 0; }
#footer01 { overflow: hidden; padding: 28px 0 10px; height: 68px; box-sizing: border-box;}
#footer01.bgColWh { background: #FFF;}
#footer01 ul { text-align: center; letter-spacing: -0.4em; }
#footer01 ul li { display: inline-block; line-height: 1; margin: 0 15px; font-size: 1.2rem; letter-spacing: normal;}
#footer02 { overflow: hidden; padding: 18px 0; background: #6C9BD2; color: #FFF; text-align: center; line-height: 1.2;}
.footer02Wrap { overflow: hidden; padding: 0 15px; }
#footerSns { text-align: center; letter-spacing: -0.4em; padding: 0 0 32px; }
#footerSns li { display: inline-block; width: 25px; margin: 0 13px; letter-spacing: normal;}
#footer0201 { overflow: hidden; padding: 0 0 14px; }
#footer0202 { line-height: 1; }
#footer0202 dl { overflow: hidden; padding: 0 0 20px; text-align: center; letter-spacing: -0.4em; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
#footer0202 dt { display: inline-block; letter-spacing: normal; margin-right: 0.2em; font-size: 1.6rem; transform: translateY(-0.2em);}
#footer0202 dd { display: inline-block; letter-spacing: normal; font-size: 3.0rem; letter-spacing: 0.05em;}
#footer0202 dd a { color: #FFF;}
#footer0202 small { display: block; position: relative; text-align: center; height: 1em;}
#footer0202 small span { display: block; white-space: nowrap; font-size: 1.0rem; position: absolute; top: 0; left: 50%; transform: translateY(0) translateX(-50%) scale(0.75,0.75); transform-origin: top center;}
/* add */
.temp footer { overflow: hidden; margin: 0; }
/* parts *************************************************************************************************************************************************************************************/
#pageTitle { position: relative; text-align: center;}
#pageTitleImg {}
#pageTitleTxt { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; font-weight: bold; font-size: 2.4rem; letter-spacing: 0.1em;}
.houseMakerTitle { overflow: hidden; padding: 16px 0; margin: 0 0 16px; border-top: #1A1A1A solid 1px; border-bottom: #1A1A1A solid 1px;}
.houseMakerTitle01 { display: flex; align-items: center; line-height: 1; padding: 0 0 12px;}
.houseMakerTitle01Img {}
.houseMakerTitle01Img img { height: 14px; width: auto; }
.houseMakerTitle01Txt { font-size: 1.0rem; font-weight: bold; padding: 2px 0 0 20px;}
.houseMakerTitle02 { display: flex; align-items: center; line-height: 1;}
.houseMakerTitle02Txt01 { font-weight: bold; font-size: 1.8rem; letter-spacing: 0.065em;}
.houseMakerTitle02Txt02 { font-size: 1.2rem; padding: 0 0 0 20px;}
.houseMakerTitle02Txt02 span { display: inline-block; padding: 4px 6px; border: #1A1A1A solid 1px;}
.listPt01 { }
.listPt01 li { display: inline-block; background: #808080; color: #FFF; padding: 4px 8px; margin: 0 5px 5px 0;}
.btSec01 { overflow: hidden; padding: 18px 0 18px; border-top: #1A1A1A dashed 1px; }
.box01 { padding: 16px; }
/* page *************************************************************************************************************************************************************************************/
/*index*/
.indexSub01 { text-align: center; line-height: 1; padding: 0 0 14px;}
.indexSub0101 { display: block; padding: 0 0 4px; font-weight: bold; font-size: 2.9rem; font-family: 'arial';}
.indexSub0102 { display: block; }
/*indexContent01*/
#indexContent01 { overflow: hidden; background: #EBEBEB; padding: 20px 0 44px; }
#indexContent01List {}
#indexContent01List li { text-align: center; margin-top: 20px; }
#indexContent01List li:first-child { margin-top: 0; }
#indexContent01List li img { max-width: 77%; max-width: 200px;}
/*indexEvent*/
#indexEvent { overflow: hidden; padding: 32px 0; }
.indexEventList { line-height: 1.2; text-align: center; letter-spacing: -0.4em;}
.indexEventList li { display: inline-block; vertical-align: top; letter-spacing: normal; width: auto; max-width: calc( (100% - 28px)/2 ); margin: 0 7px 24px; text-align: left; position: relative;
}
.indexEventList li a { display: block;}
.indexEventListImg { margin-bottom: 8px; height: auto; display: flex; align-items: flex-end; }
.indexEventListImg img { width: 100%; max-width: 100%; }
.indexEventList .indexEventListImg {
/* height: 0;
padding-top: 100%; */
position: relative;
}
.indexEventList dl { padding: 0 0 5px;}
.indexEventList dt { font-weight: bold; color: #0075C2; padding: 0 0 4px; font-size: 1.4rem; }
.indexEventList dd { font-weight: normal; font-size: 1.3rem; overflow-wrap: break-word;}
.indexEventListDetail { display: inline-block; padding: 0.4em 2em; background: #808075; color: #FFF; font-size: 1.2rem; }
/*indexModelHouse*/
#indexModelHouse { overflow: hidden; clear: both; padding: 38px 0 48px; background: #6C9BD2;}
.indexModelHouseList { line-height: 1.2; text-align: center; letter-spacing: -0.4em;}
.indexModelHouseList li { display: inline-block; vertical-align: top; letter-spacing: normal; width: 100%; max-width: calc( (100% - 28px)/2 ); margin: 0 7px 24px 7px; }
.indexModelHouseList li a { display: block;}
.indexModelHouseListImg { border: #FFF 2px solid; margin: 0 0 5px; }
.indexModelHouseListImg img { width: 100%;}
.indexModelHouseListTxt { color: #FFF; }
#indexModelHouse .newModelHouseLabel {
background-image: url(../images/newModelHouseOpen_SP@2x.png);
background-size: contain;
width: 90%;
margin: 0 auto 25px auto;
height: 0;
padding-top: 14%;
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
}
/*indexAccess*/
#indexAccess { overflow: hidden; padding: 28px 0 96px; }
#indexAccess.local-LP { overflow: hidden; padding: 28px 0; }
#indexAccessMapFrame { position: relative; padding-bottom: 38.6vw; height: 0; overflow: hidden; z-index: 1; }
#indexAccessMapFrame.accessMapPageFrame {
padding-bottom: 92.6vw
}
#indexAccessMapFrame iframe,
#indexAccessMapFrame object,
#indexAccessMapFrame embed { position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
#indexAccess01 { padding: 14px 0 0; }
#indexAccess01 ul { line-height: 1.6;}
#indexAccess01 ul li { overflow: hidden; clear: both; }
#indexAccess01 dt { float: left; margin-right: 1em;}
#indexAccess01 dd { overflow: hidden;}
/*model house*/
.modelHouseList01 { line-height: 1.2; text-align: center; letter-spacing: -0.4em;}
.modelHouseList01 > li { display: inline-block; vertical-align: top; letter-spacing: normal; width: 140px; max-width: calc( (100% - 40px)/2 ); margin: 0 10px 24px; text-align: left; }
.modelHouseList01 > li#modelHouseList01Bnr01 {
width: 280px;
margin: 0 auto;
max-width: 280px;
}
.modelHouseList01 > li a { display: block;}
.modelHouseList01Img { margin: 0 0 6px; }
.modelHouseList01 > li:nth-child(3) > p{
height: 240px;
display: flex;
align-items: center;
}
.modelHouseList01Name { overflow: hidden; display: flex; align-items: center; margin: 0 0 5px;}
.modelHouseList01NameImg { }
.modelHouseList01NameImg img { height: 16px; width: auto;}
.modelHouseList01NameTxt { overflow: hidden; border-left: #000 solid 1px; padding: 2px 0; padding-left: 8px; font-size: 1.0rem; font-weight: bold; line-height: 1.2;}
.modelHouseList01Link { font-size: 1.0rem; text-align: left; letter-spacing: -0.4em;}
.modelHouseList01Link li { display: inline-block; letter-spacing: normal;}
.modelHouseList01Link li:nth-child(1) { margin-right: 5px;}
.modelHouseList01Link li a { text-align: center; display: block; padding: 0.2em 0.3em; background: #808075; color: #FFF;}
.flowList01 { position: relative;}
.flowList01 > li { position: relative; float: left; width: 100%; box-sizing: border-box; background: #FFF; border-radius: 4px; margin: 0 0 28px;}
.flowList01 > li:after { content: ""; display: block; position: absolute; bottom: -7px; left: 50%; transform: translateY(100%) translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 16px 12px 0 12px; border-color: #666666 transparent transparent transparent;}
.flowList01 > li:last-child:after { content: none;}
.flowList01 > li a { display: block; overflow: hidden; width: 100%; height: 100%; box-sizing: border-box; padding: 10px;}
.flowList01Num { position: relative; display: block; float: left; width: 33px; height: 33px; border-radius: 100%; background: #0075c2; color: #FFF; line-height: 1; text-align: center;
align-items: center;
display: flex;
font-size: 1rem;
justify-content: center;}
.flowList01Num > span { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.flowList01Num > span span { display: block; font-weight: bold; text-align: center;}
.flowList01Num > span span:nth-child(1) { font-size: 1.0rem; transform: translateY(0) scale(0.8,0.8); transform-origin: bottom center;}
.flowList01Num > span span:nth-child(2) { font-size: 1.4rem; }
.flowList01Txt { display: block; font-weight: bold; overflow: hidden; position: absolute; top: 50%; left: 0; width: 100%; box-sizing: border-box; padding: 0 0 0 53px; transform: translateY(-50%); color: #0075C2;}
#flowBody { background: rgba(255,255,255,0.9); box-sizing: border-box;/* max-width: 500px; */min-width: 0;}
#flowWrap { border: #73A0D4 solid 3px; padding: 18px; max-height: 375px; /*max-width: 500px;*/ overflow: auto; box-sizing: border-box;}
.flowWDl01 { overflow: hidden; padding: 4px 0 0 16px; }
/*house Maker*/
.spLR01 { position: relative; }
.houseMakerSlide { }
.houseMakerSlideNav { padding: 12px 0 0; }
.houseMakerSlideNav li { float: left; width: calc( ( 100% - 30px ) / 4 ); margin: 0 10px 10px 0; }
.houseMakerSlideNav li:nth-child(4n) { margin-right: 0; }
.spLR01 .houseMakerBtn01 { position: absolute; right: 0; bottom: 10px; }
.houseMakerBtn01 a { display: inline-block; min-width: 96px; background: #808080; color: #FFF; padding: 4px 8px; box-sizing: border-box; text-align: center;}
/* 見学予約フォーム */
.mwform-checkbox-field label, .mwform-radio-field label { display: inline-block; }
.mw_wp_form .horizontal-item {
margin-left: 0!important;
margin-right: 10px;
}
#agreementBox .mwform-checkbox-field label, .mwform-radio-field label { font-weight: bold; }
.mw_wp_form .error { display: inline-block!important; margin-left: 10px; font-size: inherit!important; }
.mwform-checkbox-field input, .mwform-radio-field input { margin-top: -3px; }
.reservationBanner img {
width: 800px;
}
#headerForm {
position: absolute;
top: 62px;
right: 12px;
}
#headerForm a {
display: flex;
justify-content: center;
align-items: center;
padding: 3px 10px 1px 10px;
font-size: 1.3rem;
font-weight: bold;
color: #ffffff;
}
#headerForm.headerFormColor a {
background-color: #FF821E;
}
#footerForm {
text-align: right;
margin-bottom: 20px;
}
#footerForm a {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 8px 10px;
font-size: 1.3rem;
font-weight: bold;
color: #6C9BD2;
}
#footerForm.footerFormColor a {
background-color: #ffffff;
}
/* close 2020-2021
.formWrapper.reservationForm ,
.contactFlowWrapper.formFlowClose ,
#wpcf7-f2298-p2286-o1 {
opacity: 0.3;
pointer-events: none;
}
*/
.catalogWrapper ul li span {
margin-left: 0.25em;
}
/* 土地活用フォーム */
.formWrapper h4 {
color: #666666;
padding-left: 1em;
}
.formWrapper h5 {
color: #222222;
background-color: #e6e6e6;
padding: 1px 10px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 1em;
}
.formboxCity {
border-bottom: 1px solid #ddd;
border-top: none!important;
}
.formboxCity02 {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd!important;
}
.tochiFormTtlWrapper {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #0075c2;
padding: 1px 20px;
}
.contactFlowWrapper ul li {
background-color: #ffffff;
}
.tochiFormCheckbox label {
margin-left: -1em;
}
span.wpcf7-not-valid-tip {
display: inline-block!important;
margin-left: 10px!important;
}
.custom-wpcf7c-confirmed .wpcf7c-conf {
background-color: #efefef!important;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
width: 980px;
margin: 0 auto!important;
box-sizing: border-box!important;
border: 2px solid #f00!important;
color: #f00!important;
}
.wpcf7-form-control-wrap {
display: inline-block;
}
.custom-wpcf7c-confirmed .contactFlowWrapper ul li.active {
background-color: #ffffff!important;
color: #444444!important;
}
.custom-wpcf7c-confirmed .contactFlowWrapper ul li:nth-child(2) {
background-color: #444444!important;
color: #ffffff!important;
}
.menseki input[type="text"].shortwidth {
width: 190px;
}
.custom-wpcf7c-confirmed .tochiFormInput {
display: none;
}
.tochiFormConfirm {
display: none;
}
.custom-wpcf7c-confirmed .tochiFormConfirm {
display: block;
}
/* ご来場者ウェブアンケート */
.mw_wp_form .error-message {
display: none;
}
.mw_wp_form.mw_wp_form_error .error-message {
display: block;
color: #B70000;
font-weight: 600;
}
/* カタログ請求フォーム */
#formPageTitle .w1156 {
background-color: #f1f1f1;
padding: 10px 0;
}
/* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/
@media only print, screen and ( max-width: 896px ) {
/* 見学予約フォーム */
.reservationBanner img {
width: 90%;
}
#headerForm {
position: relative;
top: auto;
right: auto;
text-align: center;
margin: 0 0 10px 0;
}
#headerForm a {
display: inline-flex;
}
#headerForm a {
padding: 5px 20px;
font-size: 1.6rem;
}
#footerForm {
text-align: center;
margin: 10px 0 15px 0;
}
#footerForm a {
padding: 10px 20px;
font-size: 1.5rem;
}
/* ご来場プレゼントフォーム */
.presentFormWrapper {
width: 100%;
margin: 0 auto;
background-color: #6C9BD2;
padding: 10px 0;
}
.presentFormWrapper h1 {
color: #ffffff;
}
.pcDisp { display: none; }
.spaC { text-align: center; }
.spLR01 { padding-left: 15px; padding-right: 15px; }
.spLR02 { padding-left: 5px; padding-right: 5px; }
.spclB { clear: both; }
.w760 .attensionOuter { padding: 15px; box-sizing: border-box; border: 3px solid #ff0000; background-color: #ffffff; }
.w760 .attensionOuter h2 { color: #ff0000; }
.w760 .attensionOuterCovid19 { padding: 15px; box-sizing: border-box; border: none;
background-image: url(../images/covid19.png);
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 62.5%;
text-indent: -9999px;
}
.spofH { overflow: hidden; }
.imgR { padding: 0 0 24px; text-align: center;}
.imgL { padding: 0 0 24px; text-align: center;}
.imgC { padding: 0 0 24px; text-align: center;}
.sppB0 { padding-bottom: 0px !important;} .sppB1 { padding-bottom: 1px !important;} .sppB2 { padding-bottom: 2px !important;} .sppB3 { padding-bottom: 3px !important;} .sppB4 { padding-bottom: 4px !important;} .sppB5 { padding-bottom: 5px !important;} .sppB6 { padding-bottom: 6px !important;} .sppB7 { padding-bottom: 7px !important;} .sppB8 { padding-bottom: 8px !important;} .sppB9 { padding-bottom: 9px !important;} .sppB10 { padding-bottom: 10px !important;} .sppB11 { padding-bottom: 11px !important;} .sppB12 { padding-bottom: 12px !important;} .sppB13 { padding-bottom: 13px !important;} .sppB14 { padding-bottom: 14px !important;} .sppB15 { padding-bottom: 15px !important;} .sppB16 { padding-bottom: 16px !important;} .sppB17 { padding-bottom: 17px !important;} .sppB18 { padding-bottom: 18px !important;} .sppB19 { padding-bottom: 19px !important;} .sppB20 { padding-bottom: 20px !important;} .sppB21 { padding-bottom: 21px !important;} .sppB22 { padding-bottom: 22px !important;} .sppB23 { padding-bottom: 23px !important;} .sppB24 { padding-bottom: 24px !important;} .sppB25 { padding-bottom: 25px !important;} .sppB26 { padding-bottom: 26px !important;} .sppB27 { padding-bottom: 27px !important;} .sppB28 { padding-bottom: 28px !important;} .sppB29 { padding-bottom: 29px !important;} .sppB30 { padding-bottom: 30px !important;} .sppB31 { padding-bottom: 31px !important;} .sppB32 { padding-bottom: 32px !important;} .sppB33 { padding-bottom: 33px !important;} .sppB34 { padding-bottom: 34px !important;} .sppB35 { padding-bottom: 35px !important;} .sppB36 { padding-bottom: 36px !important;} .sppB37 { padding-bottom: 37px !important;} .sppB38 { padding-bottom: 38px !important;} .sppB39 { padding-bottom: 39px !important;} .sppB40 { padding-bottom: 40px !important;} .sppB41 { padding-bottom: 41px !important;} .sppB42 { padding-bottom: 42px !important;} .sppB43 { padding-bottom: 43px !important;} .sppB44 { padding-bottom: 44px !important;} .sppB45 { padding-bottom: 45px !important;} .sppB46 { padding-bottom: 46px !important;} .sppB47 { padding-bottom: 47px !important;} .sppB48 { padding-bottom: 48px !important;} .sppB49 { padding-bottom: 49px !important;} .sppB50 { padding-bottom: 50px !important;} .sppB51 { padding-bottom: 51px !important;} .sppB52 { padding-bottom: 52px !important;} .sppB53 { padding-bottom: 53px !important;} .sppB54 { padding-bottom: 54px !important;} .sppB55 { padding-bottom: 55px !important;} .sppB56 { padding-bottom: 56px !important;} .sppB57 { padding-bottom: 57px !important;} .sppB58 { padding-bottom: 58px !important;} .sppB59 { padding-bottom: 59px !important;} .sppB60 { padding-bottom: 60px !important;} .sppB61 { padding-bottom: 61px !important;} .sppB62 { padding-bottom: 62px !important;} .sppB63 { padding-bottom: 63px !important;} .sppB64 { padding-bottom: 64px !important;} .sppB65 { padding-bottom: 65px !important;} .sppB66 { padding-bottom: 66px !important;} .sppB67 { padding-bottom: 67px !important;} .sppB68 { padding-bottom: 68px !important;} .sppB69 { padding-bottom: 69px !important;} .sppB70 { padding-bottom: 70px !important;} .sppB71 { padding-bottom: 71px !important;} .sppB72 { padding-bottom: 72px !important;} .sppB73 { padding-bottom: 73px !important;} .sppB74 { padding-bottom: 74px !important;} .sppB75 { padding-bottom: 75px !important;} .sppB76 { padding-bottom: 76px !important;} .sppB77 { padding-bottom: 77px !important;} .sppB78 { padding-bottom: 78px !important;} .sppB79 { padding-bottom: 79px !important;} .sppB80 { padding-bottom: 80px !important;} .sppB81 { padding-bottom: 81px !important;} .sppB82 { padding-bottom: 82px !important;} .sppB83 { padding-bottom: 83px !important;} .sppB84 { padding-bottom: 84px !important;} .sppB85 { padding-bottom: 85px !important;} .sppB86 { padding-bottom: 86px !important;} .sppB87 { padding-bottom: 87px !important;} .sppB88 { padding-bottom: 88px !important;} .sppB89 { padding-bottom: 89px !important;} .sppB90 { padding-bottom: 90px !important;} .sppB91 { padding-bottom: 91px !important;} .sppB92 { padding-bottom: 92px !important;} .sppB93 { padding-bottom: 93px !important;} .sppB94 { padding-bottom: 94px !important;} .sppB95 { padding-bottom: 95px !important;} .sppB96 { padding-bottom: 96px !important;} .sppB97 { padding-bottom: 97px !important;} .sppB98 { padding-bottom: 98px !important;} .sppB99 { padding-bottom: 99px !important;} .sppB100 { padding-bottom: 100px !important;} .sppB101 { padding-bottom: 101px !important;} .sppB102 { padding-bottom: 102px !important;} .sppB103 { padding-bottom: 103px !important;} .sppB104 { padding-bottom: 104px !important;} .sppB105 { padding-bottom: 105px !important;} .sppB106 { padding-bottom: 106px !important;} .sppB107 { padding-bottom: 107px !important;} .sppB108 { padding-bottom: 108px !important;} .sppB109 { padding-bottom: 109px !important;} .sppB110 { padding-bottom: 110px !important;} .sppB111 { padding-bottom: 111px !important;} .sppB112 { padding-bottom: 112px !important;} .sppB113 { padding-bottom: 113px !important;} .sppB114 { padding-bottom: 114px !important;} .sppB115 { padding-bottom: 115px !important;} .sppB116 { padding-bottom: 116px !important;} .sppB117 { padding-bottom: 117px !important;} .sppB118 { padding-bottom: 118px !important;} .sppB119 { padding-bottom: 119px !important;} .sppB120 { padding-bottom: 120px !important;} .sppB150 { padding-bottom: 150px !important;}
.sppT0 { padding-top: 0px !important;} .sppT1 { padding-top: 1px !important;} .sppT2 { padding-top: 2px !important;} .sppT3 { padding-top: 3px !important;} .sppT4 { padding-top: 4px !important;} .sppT5 { padding-top: 5px !important;} .sppT6 { padding-top: 6px !important;} .sppT7 { padding-top: 7px !important;} .sppT8 { padding-top: 8px !important;} .sppT9 { padding-top: 9px !important;} .sppT10 { padding-top: 10px !important;} .sppT11 { padding-top: 11px !important;} .sppT12 { padding-top: 12px !important;} .sppT13 { padding-top: 13px !important;} .sppT14 { padding-top: 14px !important;} .sppT15 { padding-top: 15px !important;} .sppT16 { padding-top: 16px !important;} .sppT17 { padding-top: 17px !important;} .sppT18 { padding-top: 18px !important;} .sppT19 { padding-top: 19px !important;} .sppT20 { padding-top: 20px !important;} .sppT21 { padding-top: 21px !important;} .sppT22 { padding-top: 22px !important;} .sppT23 { padding-top: 23px !important;} .sppT24 { padding-top: 24px !important;} .sppT25 { padding-top: 25px !important;} .sppT26 { padding-top: 26px !important;} .sppT27 { padding-top: 27px !important;} .sppT28 { padding-top: 28px !important;} .sppT29 { padding-top: 29px !important;} .sppT30 { padding-top: 30px !important;} .sppT31 { padding-top: 31px !important;} .sppT32 { padding-top: 32px !important;} .sppT33 { padding-top: 33px !important;} .sppT34 { padding-top: 34px !important;} .sppT35 { padding-top: 35px !important;} .sppT36 { padding-top: 36px !important;} .sppT37 { padding-top: 37px !important;} .sppT38 { padding-top: 38px !important;} .sppT39 { padding-top: 39px !important;} .sppT40 { padding-top: 40px !important;} .sppT41 { padding-top: 41px !important;} .sppT42 { padding-top: 42px !important;} .sppT43 { padding-top: 43px !important;} .sppT44 { padding-top: 44px !important;} .sppT45 { padding-top: 45px !important;} .sppT46 { padding-top: 46px !important;} .sppT47 { padding-top: 47px !important;} .sppT48 { padding-top: 48px !important;} .sppT49 { padding-top: 49px !important;} .sppT50 { padding-top: 50px !important;} .sppT51 { padding-top: 51px !important;} .sppT52 { padding-top: 52px !important;} .sppT53 { padding-top: 53px !important;} .sppT54 { padding-top: 54px !important;} .sppT55 { padding-top: 55px !important;} .sppT56 { padding-top: 56px !important;} .sppT57 { padding-top: 57px !important;} .sppT58 { padding-top: 58px !important;} .sppT59 { padding-top: 59px !important;} .sppT60 { padding-top: 60px !important;} .sppT61 { padding-top: 61px !important;} .sppT62 { padding-top: 62px !important;} .sppT63 { padding-top: 63px !important;} .sppT64 { padding-top: 64px !important;} .sppT65 { padding-top: 65px !important;} .sppT66 { padding-top: 66px !important;} .sppT67 { padding-top: 67px !important;} .sppT68 { padding-top: 68px !important;} .sppT69 { padding-top: 69px !important;} .sppT70 { padding-top: 70px !important;} .sppT71 { padding-top: 71px !important;} .sppT72 { padding-top: 72px !important;} .sppT73 { padding-top: 73px !important;} .sppT74 { padding-top: 74px !important;} .sppT75 { padding-top: 75px !important;} .sppT76 { padding-top: 76px !important;} .sppT77 { padding-top: 77px !important;} .sppT78 { padding-top: 78px !important;} .sppT79 { padding-top: 79px !important;} .sppT80 { padding-top: 80px !important;} .sppT81 { padding-top: 81px !important;} .sppT82 { padding-top: 82px !important;} .sppT83 { padding-top: 83px !important;} .sppT84 { padding-top: 84px !important;} .sppT85 { padding-top: 85px !important;} .sppT86 { padding-top: 86px !important;} .sppT87 { padding-top: 87px !important;} .sppT88 { padding-top: 88px !important;} .sppT89 { padding-top: 89px !important;} .sppT90 { padding-top: 90px !important;} .sppT91 { padding-top: 91px !important;} .sppT92 { padding-top: 92px !important;} .sppT93 { padding-top: 93px !important;} .sppT94 { padding-top: 94px !important;} .sppT95 { padding-top: 95px !important;} .sppT96 { padding-top: 96px !important;} .sppT97 { padding-top: 97px !important;} .sppT98 { padding-top: 98px !important;} .sppT99 { padding-top: 99px !important;} .sppT100 { padding-top: 100px !important;} .sppT101 { padding-top: 101px !important;} .sppT102 { padding-top: 102px !important;} .sppT103 { padding-top: 103px !important;} .sppT104 { padding-top: 104px !important;} .sppT105 { padding-top: 105px !important;} .sppT106 { padding-top: 106px !important;} .sppT107 { padding-top: 107px !important;} .sppT108 { padding-top: 108px !important;} .sppT109 { padding-top: 109px !important;} .sppT110 { padding-top: 110px !important;} .sppT111 { padding-top: 111px !important;} .sppT112 { padding-top: 112px !important;} .sppT113 { padding-top: 113px !important;} .sppT114 { padding-top: 114px !important;} .sppT115 { padding-top: 115px !important;} .sppT116 { padding-top: 116px !important;} .sppT117 { padding-top: 117px !important;} .sppT118 { padding-top: 118px !important;} .sppT119 { padding-top: 119px !important;} .sppT120 { padding-top: 120px !important;}
.spmB0 { margin-bottom: 0px !important;} .spmB1 { margin-bottom: 1px !important;} .spmB2 { margin-bottom: 2px !important;} .spmB3 { margin-bottom: 3px !important;} .spmB4 { margin-bottom: 4px !important;} .spmB5 { margin-bottom: 5px !important;} .spmB6 { margin-bottom: 6px !important;} .spmB7 { margin-bottom: 7px !important;} .spmB8 { margin-bottom: 8px !important;} .spmB9 { margin-bottom: 9px !important;} .spmB10 { margin-bottom: 10px !important;} .spmB11 { margin-bottom: 11px !important;} .spmB12 { margin-bottom: 12px !important;} .spmB13 { margin-bottom: 13px !important;} .spmB14 { margin-bottom: 14px !important;} .spmB15 { margin-bottom: 15px !important;} .spmB16 { margin-bottom: 16px !important;} .spmB17 { margin-bottom: 17px !important;} .spmB18 { margin-bottom: 18px !important;} .spmB19 { margin-bottom: 19px !important;} .spmB20 { margin-bottom: 20px !important;} .spmB21 { margin-bottom: 21px !important;} .spmB22 { margin-bottom: 22px !important;} .spmB23 { margin-bottom: 23px !important;} .spmB24 { margin-bottom: 24px !important;} .spmB25 { margin-bottom: 25px !important;} .spmB26 { margin-bottom: 26px !important;} .spmB27 { margin-bottom: 27px !important;} .spmB28 { margin-bottom: 28px !important;} .spmB29 { margin-bottom: 29px !important;} .spmB30 { margin-bottom: 30px !important;} .spmB31 { margin-bottom: 31px !important;} .spmB32 { margin-bottom: 32px !important;} .spmB33 { margin-bottom: 33px !important;} .spmB34 { margin-bottom: 34px !important;} .spmB35 { margin-bottom: 35px !important;} .spmB36 { margin-bottom: 36px !important;} .spmB37 { margin-bottom: 37px !important;} .spmB38 { margin-bottom: 38px !important;} .spmB39 { margin-bottom: 39px !important;} .spmB40 { margin-bottom: 40px !important;} .spmB41 { margin-bottom: 41px !important;} .spmB42 { margin-bottom: 42px !important;} .spmB43 { margin-bottom: 43px !important;} .spmB44 { margin-bottom: 44px !important;} .spmB45 { margin-bottom: 45px !important;} .spmB46 { margin-bottom: 46px !important;} .spmB47 { margin-bottom: 47px !important;} .spmB48 { margin-bottom: 48px !important;} .spmB49 { margin-bottom: 49px !important;} .spmB50 { margin-bottom: 50px !important;} .spmB51 { margin-bottom: 51px !important;} .spmB52 { margin-bottom: 52px !important;} .spmB53 { margin-bottom: 53px !important;} .spmB54 { margin-bottom: 54px !important;} .spmB55 { margin-bottom: 55px !important;} .spmB56 { margin-bottom: 56px !important;} .spmB57 { margin-bottom: 57px !important;} .spmB58 { margin-bottom: 58px !important;} .spmB59 { margin-bottom: 59px !important;} .spmB60 { margin-bottom: 60px !important;} .spmB61 { margin-bottom: 61px !important;} .spmB62 { margin-bottom: 62px !important;} .spmB63 { margin-bottom: 63px !important;} .spmB64 { margin-bottom: 64px !important;} .spmB65 { margin-bottom: 65px !important;} .spmB66 { margin-bottom: 66px !important;} .spmB67 { margin-bottom: 67px !important;} .spmB68 { margin-bottom: 68px !important;} .spmB69 { margin-bottom: 69px !important;} .spmB70 { margin-bottom: 70px !important;} .spmB71 { margin-bottom: 71px !important;} .spmB72 { margin-bottom: 72px !important;} .spmB73 { margin-bottom: 73px !important;} .spmB74 { margin-bottom: 74px !important;} .spmB75 { margin-bottom: 75px !important;} .spmB76 { margin-bottom: 76px !important;} .spmB77 { margin-bottom: 77px !important;} .spmB78 { margin-bottom: 78px !important;} .spmB79 { margin-bottom: 79px !important;} .spmB80 { margin-bottom: 80px !important;} .spmB81 { margin-bottom: 81px !important;} .spmB82 { margin-bottom: 82px !important;} .spmB83 { margin-bottom: 83px !important;} .spmB84 { margin-bottom: 84px !important;} .spmB85 { margin-bottom: 85px !important;} .spmB86 { margin-bottom: 86px !important;} .spmB87 { margin-bottom: 87px !important;} .spmB88 { margin-bottom: 88px !important;} .spmB89 { margin-bottom: 89px !important;} .spmB90 { margin-bottom: 90px !important;} .spmB91 { margin-bottom: 91px !important;} .spmB92 { margin-bottom: 92px !important;} .spmB93 { margin-bottom: 93px !important;} .spmB94 { margin-bottom: 94px !important;} .spmB95 { margin-bottom: 95px !important;} .spmB96 { margin-bottom: 96px !important;} .spmB97 { margin-bottom: 97px !important;} .spmB98 { margin-bottom: 98px !important;} .spmB99 { margin-bottom: 99px !important;} .spmB100 { margin-bottom: 100px !important;} .spmB101 { margin-bottom: 101px !important;} .spmB102 { margin-bottom: 102px !important;} .spmB103 { margin-bottom: 103px !important;} .spmB104 { margin-bottom: 104px !important;} .spmB105 { margin-bottom: 105px !important;} .spmB106 { margin-bottom: 106px !important;} .spmB107 { margin-bottom: 107px !important;} .spmB108 { margin-bottom: 108px !important;} .spmB109 { margin-bottom: 109px !important;} .spmB110 { margin-bottom: 110px !important;} .spmB111 { margin-bottom: 111px !important;} .spmB112 { margin-bottom: 112px !important;} .spmB113 { margin-bottom: 113px !important;} .spmB114 { margin-bottom: 114px !important;} .spmB115 { margin-bottom: 115px !important;} .spmB116 { margin-bottom: 116px !important;} .spmB117 { margin-bottom: 117px !important;} .spmB118 { margin-bottom: 118px !important;} .spmB119 { margin-bottom: 119px !important;} .spmB120 { margin-bottom: 120px !important;}
.spmT0 { margin-top: 0px !important;} .spmT1 { margin-top: 1px !important;} .spmT2 { margin-top: 2px !important;} .spmT3 { margin-top: 3px !important;} .spmT4 { margin-top: 4px !important;} .spmT5 { margin-top: 5px !important;} .spmT6 { margin-top: 6px !important;} .spmT7 { margin-top: 7px !important;} .spmT8 { margin-top: 8px !important;} .spmT9 { margin-top: 9px !important;} .spmT10 { margin-top: 10px !important;} .spmT11 { margin-top: 11px !important;} .spmT12 { margin-top: 12px !important;} .spmT13 { margin-top: 13px !important;} .spmT14 { margin-top: 14px !important;} .spmT15 { margin-top: 15px !important;} .spmT16 { margin-top: 16px !important;} .spmT17 { margin-top: 17px !important;} .spmT18 { margin-top: 18px !important;} .spmT19 { margin-top: 19px !important;} .spmT20 { margin-top: 20px !important;} .spmT21 { margin-top: 21px !important;} .spmT22 { margin-top: 22px !important;} .spmT23 { margin-top: 23px !important;} .spmT24 { margin-top: 24px !important;} .spmT25 { margin-top: 25px !important;} .spmT26 { margin-top: 26px !important;} .spmT27 { margin-top: 27px !important;} .spmT28 { margin-top: 28px !important;} .spmT29 { margin-top: 29px !important;} .spmT30 { margin-top: 30px !important;} .spmT31 { margin-top: 31px !important;} .spmT32 { margin-top: 32px !important;} .spmT33 { margin-top: 33px !important;} .spmT34 { margin-top: 34px !important;} .spmT35 { margin-top: 35px !important;} .spmT36 { margin-top: 36px !important;} .spmT37 { margin-top: 37px !important;} .spmT38 { margin-top: 38px !important;} .spmT39 { margin-top: 39px !important;} .spmT40 { margin-top: 40px !important;} .spmT41 { margin-top: 41px !important;} .spmT42 { margin-top: 42px !important;} .spmT43 { margin-top: 43px !important;} .spmT44 { margin-top: 44px !important;} .spmT45 { margin-top: 45px !important;} .spmT46 { margin-top: 46px !important;} .spmT47 { margin-top: 47px !important;} .spmT48 { margin-top: 48px !important;} .spmT49 { margin-top: 49px !important;} .spmT50 { margin-top: 50px !important;} .spmT51 { margin-top: 51px !important;} .spmT52 { margin-top: 52px !important;} .spmT53 { margin-top: 53px !important;} .spmT54 { margin-top: 54px !important;} .spmT55 { margin-top: 55px !important;} .spmT56 { margin-top: 56px !important;} .spmT57 { margin-top: 57px !important;} .spmT58 { margin-top: 58px !important;} .spmT59 { margin-top: 59px !important;} .spmT60 { margin-top: 60px !important;} .spmT61 { margin-top: 61px !important;} .spmT62 { margin-top: 62px !important;} .spmT63 { margin-top: 63px !important;} .spmT64 { margin-top: 64px !important;} .spmT65 { margin-top: 65px !important;} .spmT66 { margin-top: 66px !important;} .spmT67 { margin-top: 67px !important;} .spmT68 { margin-top: 68px !important;} .spmT69 { margin-top: 69px !important;} .spmT70 { margin-top: 70px !important;} .spmT71 { margin-top: 71px !important;} .spmT72 { margin-top: 72px !important;} .spmT73 { margin-top: 73px !important;} .spmT74 { margin-top: 74px !important;} .spmT75 { margin-top: 75px !important;} .spmT76 { margin-top: 76px !important;} .spmT77 { margin-top: 77px !important;} .spmT78 { margin-top: 78px !important;} .spmT79 { margin-top: 79px !important;} .spmT80 { margin-top: 80px !important;} .spmT81 { margin-top: 81px !important;} .spmT82 { margin-top: 82px !important;} .spmT83 { margin-top: 83px !important;} .spmT84 { margin-top: 84px !important;} .spmT85 { margin-top: 85px !important;} .spmT86 { margin-top: 86px !important;} .spmT87 { margin-top: 87px !important;} .spmT88 { margin-top: 88px !important;} .spmT89 { margin-top: 89px !important;} .spmT90 { margin-top: 90px !important;} .spmT91 { margin-top: 91px !important;} .spmT92 { margin-top: 92px !important;} .spmT93 { margin-top: 93px !important;} .spmT94 { margin-top: 94px !important;} .spmT95 { margin-top: 95px !important;} .spmT96 { margin-top: 96px !important;} .spmT97 { margin-top: 97px !important;} .spmT98 { margin-top: 98px !important;} .spmT99 { margin-top: 99px !important;} .spmT100 { margin-top: 100px !important;} .spmT101 { margin-top: 101px !important;} .spmT102 { margin-top: 102px !important;} .spmT103 { margin-top: 103px !important;} .spmT104 { margin-top: 104px !important;} .spmT105 { margin-top: 105px !important;} .spmT106 { margin-top: 106px !important;} .spmT107 { margin-top: 107px !important;} .spmT108 { margin-top: 108px !important;} .spmT109 { margin-top: 109px !important;} .spmT110 { margin-top: 110px !important;} .spmT111 { margin-top: 111px !important;} .spmT112 { margin-top: 112px !important;} .spmT113 { margin-top: 113px !important;} .spmT114 { margin-top: 114px !important;} .spmT115 { margin-top: 115px !important;} .spmT116 { margin-top: 116px !important;} .spmT117 { margin-top: 117px !important;} .spmT118 { margin-top: 118px !important;} .spmT119 { margin-top: 119px !important;} .spmT120 { margin-top: 120px !important;}
.spfs8 { font-size: 0.8rem;} .spfs9 { font-size: 0.9rem;} .spfs10 { font-size: 1.0rem;} .spfs11 { font-size: 1.1rem;} .spfs12 { font-size: 1.2rem;} .spfs13 { font-size: 1.3rem;} .spfs14 { font-size: 1.4rem;} .spfs15 { font-size: 1.5rem;} .spfs16 { font-size: 1.6rem;} .spfs17 { font-size: 1.7rem;} .spfs18 { font-size: 1.8rem;} .spfs19 { font-size: 1.9rem;} .spfs20 { font-size: 2.0rem;} .spfs21 { font-size: 2.1rem;} .spfs22 { font-size: 2.2rem;} .spfs23 { font-size: 2.3rem;} .spfs24 { font-size: 2.4rem;} .spfs25 { font-size: 2.5rem;} .spfs26 { font-size: 2.6rem;} .spfs27 { font-size: 2.7rem;} .spfs28 { font-size: 2.8rem;} .spfs29 { font-size: 2.9rem;} .spfs30 { font-size: 3.0rem;} .spfs31 { font-size: 3.1rem;} .spfs32 { font-size: 3.2rem;} .spfs33 { font-size: 3.3rem;} .spfs34 { font-size: 3.4rem;} .spfs35 { font-size: 3.5rem;} .spfs36 { font-size: 3.6rem;} .spfs37 { font-size: 3.7rem;} .spfs38 { font-size: 3.8rem;} .spfs39 { font-size: 3.9rem;} .spfs40 { font-size: 4.0rem;} .spfs41 { font-size: 4.1rem;} .spfs42 { font-size: 4.2rem;} .spfs43 { font-size: 4.3rem;} .spfs44 { font-size: 4.4rem;} .spfs45 { font-size: 4.5rem;} .spfs46 { font-size: 4.6rem;} .spfs47 { font-size: 4.7rem;} .spfs48 { font-size: 4.8rem;} .spfs49 { font-size: 4.9rem;} .spfs50 { font-size: 5.0rem;} .spfs51 { font-size: 5.1rem;} .spfs52 { font-size: 5.2rem;} .spfs53 { font-size: 5.3rem;} .spfs54 { font-size: 5.4rem;} .spfs55 { font-size: 5.5rem;} .spfs56 { font-size: 5.6rem;} .spfs57 { font-size: 5.7rem;} .spfs58 { font-size: 5.8rem;} .spfs59 { font-size: 5.9rem;} .spfs60 { font-size: 6.0rem;} .spfs61 { font-size: 6.1rem;} .spfs62 { font-size: 6.2rem;} .spfs63 { font-size: 6.3rem;} .spfs64 { font-size: 6.4rem;} .spfs65 { font-size: 6.5rem;} .spfs66 { font-size: 6.6rem;} .spfs67 { font-size: 6.7rem;} .spfs68 { font-size: 6.8rem;} .spfs69 { font-size: 6.9rem;} .spfs70 { font-size: 7.0rem;} .spfs71 { font-size: 7.1rem;} .spfs72 { font-size: 7.2rem;} .spfs73 { font-size: 7.3rem;} .spfs74 { font-size: 7.4rem;} .spfs75 { font-size: 7.5rem;} .spfs76 { font-size: 7.6rem;} .spfs77 { font-size: 7.7rem;} .spfs78 { font-size: 7.8rem;} .spfs79 { font-size: 7.9rem;} .spfs80 { font-size: 8.0rem;} .spfs81 { font-size: 8.1rem;} .spfs82 { font-size: 8.2rem;} .spfs83 { font-size: 8.3rem;} .spfs84 { font-size: 8.4rem;} .spfs85 { font-size: 8.5rem;} .spfs86 { font-size: 8.6rem;} .spfs87 { font-size: 8.7rem;} .spfs88 { font-size: 8.8rem;} .spfs89 { font-size: 8.9rem;} .spfs90 { font-size: 9.0rem;} .spfs91 { font-size: 9.1rem;} .spfs92 { font-size: 9.2rem;} .spfs93 { font-size: 9.3rem;} .spfs94 { font-size: 9.4rem;} .spfs95 { font-size: 9.5rem;} .spfs96 { font-size: 9.6rem;} .spfs97 { font-size: 9.7rem;} .spfs98 { font-size: 9.8rem;} .spfs99 { font-size: 9.9rem;} .spfs100 { font-size: 10.0rem;}
.spp30 {
padding: 15px 15px;
}
.spaceKil .body span:nth-child(15) {
margin-right: 10px!important;
}
/* 桧家住宅20191129 */
.houseMakerSlideNav02 { }
.houseMakerSlideNav02 img { width: 50%; padding: 0 10px 0 0; box-sizing: border-box; }
.houseMakerSlideNav02 .houseMakerSlideNav02txt { width: 100%; box-sizing: border-box; padding: 0 0 0 10px; }
img.hinokiyaNew_bd {border-right: 1px solid #808080; }
.houseMakerSlideNav02 li { float: none; padding: 0px 10px 0px 0px; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; box-sizing: border-box; }
}
/* フォーム一時停止 */
.w1100 { width: auto; margin: 0 auto; }
.w1100.attensionOuter {
box-sizing: border-box; border: 3px solid #ff0000; background-color: #ffffff;
}
.w1100.attensionOuter h3 { color: #ff0000; }
.w1100.attensionOuter h2 span { color: #ffffff; background-color: #ff0000; padding: 10px 15px; text-align: center; display: inline-block; line-height: 1; }
.w1100.attensionOuter.estateForm h2 {
margin-top: -5px;
}
.w1100.attensionOuter.estateForm h2 span { color: #ff0000; background-color: transparent; display: inline-block; line-height: 1; border-bottom: 1px solid #ff0000; padding: 0 0 7px 0; }
.w1100.reservationPresentBanner {
background-image: url(../images/reservationPresentBannerSP@2x.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 0;
padding-top: 84%;/*141%;*/
}
.mwFormIndent {
margin-left: -0.5em;
}
/* コロナ感染症対策 */
.redTtl {
color: #ff0000;
border-bottom: 1px solid #ff0000;
}
/* Tablet以上向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media print, screen and ( min-width: 896px ) {
body { font-size: 1.6rem; min-width: 1280px;}
.spDisp { display: none; }
.pcaC { text-align: center !important;}
.pcaL { text-align: left !important;}
.imgR { padding: 0; float: right; margin-left: 52px; margin-bottom: 0;}
.imgL { padding: 0; float: left; margin-right: 52px; margin-bottom: 0;}
.imgC { padding: 0 0 52px; text-align: center;}
/*general*/
.pcpB0 { padding-bottom: 0px !important;} .pcpB1 { padding-bottom: 1px !important;} .pcpB2 { padding-bottom: 2px !important;} .pcpB3 { padding-bottom: 3px !important;} .pcpB4 { padding-bottom: 4px !important;} .pcpB5 { padding-bottom: 5px !important;} .pcpB6 { padding-bottom: 6px !important;} .pcpB7 { padding-bottom: 7px !important;} .pcpB8 { padding-bottom: 8px !important;} .pcpB9 { padding-bottom: 9px !important;} .pcpB10 { padding-bottom: 10px !important;} .pcpB11 { padding-bottom: 11px !important;} .pcpB12 { padding-bottom: 12px !important;} .pcpB13 { padding-bottom: 13px !important;} .pcpB14 { padding-bottom: 14px !important;} .pcpB15 { padding-bottom: 15px !important;} .pcpB16 { padding-bottom: 16px !important;} .pcpB17 { padding-bottom: 17px !important;} .pcpB18 { padding-bottom: 18px !important;} .pcpB19 { padding-bottom: 19px !important;} .pcpB20 { padding-bottom: 20px !important;} .pcpB21 { padding-bottom: 21px !important;} .pcpB22 { padding-bottom: 22px !important;} .pcpB23 { padding-bottom: 23px !important;} .pcpB24 { padding-bottom: 24px !important;} .pcpB25 { padding-bottom: 25px !important;} .pcpB26 { padding-bottom: 26px !important;} .pcpB27 { padding-bottom: 27px !important;} .pcpB28 { padding-bottom: 28px !important;} .pcpB29 { padding-bottom: 29px !important;} .pcpB30 { padding-bottom: 30px !important;} .pcpB31 { padding-bottom: 31px !important;} .pcpB32 { padding-bottom: 32px !important;} .pcpB33 { padding-bottom: 33px !important;} .pcpB34 { padding-bottom: 34px !important;} .pcpB35 { padding-bottom: 35px !important;} .pcpB36 { padding-bottom: 36px !important;} .pcpB37 { padding-bottom: 37px !important;} .pcpB38 { padding-bottom: 38px !important;} .pcpB39 { padding-bottom: 39px !important;} .pcpB40 { padding-bottom: 40px !important;} .pcpB41 { padding-bottom: 41px !important;} .pcpB42 { padding-bottom: 42px !important;} .pcpB43 { padding-bottom: 43px !important;} .pcpB44 { padding-bottom: 44px !important;} .pcpB45 { padding-bottom: 45px !important;} .pcpB46 { padding-bottom: 46px !important;} .pcpB47 { padding-bottom: 47px !important;} .pcpB48 { padding-bottom: 48px !important;} .pcpB49 { padding-bottom: 49px !important;} .pcpB50 { padding-bottom: 50px !important;} .pcpB51 { padding-bottom: 51px !important;} .pcpB52 { padding-bottom: 52px !important;} .pcpB53 { padding-bottom: 53px !important;} .pcpB54 { padding-bottom: 54px !important;} .pcpB55 { padding-bottom: 55px !important;} .pcpB56 { padding-bottom: 56px !important;} .pcpB57 { padding-bottom: 57px !important;} .pcpB58 { padding-bottom: 58px !important;} .pcpB59 { padding-bottom: 59px !important;} .pcpB60 { padding-bottom: 60px !important;} .pcpB61 { padding-bottom: 61px !important;} .pcpB62 { padding-bottom: 62px !important;} .pcpB63 { padding-bottom: 63px !important;} .pcpB64 { padding-bottom: 64px !important;} .pcpB65 { padding-bottom: 65px !important;} .pcpB66 { padding-bottom: 66px !important;} .pcpB67 { padding-bottom: 67px !important;} .pcpB68 { padding-bottom: 68px !important;} .pcpB69 { padding-bottom: 69px !important;} .pcpB70 { padding-bottom: 70px !important;} .pcpB71 { padding-bottom: 71px !important;} .pcpB72 { padding-bottom: 72px !important;} .pcpB73 { padding-bottom: 73px !important;} .pcpB74 { padding-bottom: 74px !important;} .pcpB75 { padding-bottom: 75px !important;} .pcpB76 { padding-bottom: 76px !important;} .pcpB77 { padding-bottom: 77px !important;} .pcpB78 { padding-bottom: 78px !important;} .pcpB79 { padding-bottom: 79px !important;} .pcpB80 { padding-bottom: 80px !important;} .pcpB81 { padding-bottom: 81px !important;} .pcpB82 { padding-bottom: 82px !important;} .pcpB83 { padding-bottom: 83px !important;} .pcpB84 { padding-bottom: 84px !important;} .pcpB85 { padding-bottom: 85px !important;} .pcpB86 { padding-bottom: 86px !important;} .pcpB87 { padding-bottom: 87px !important;} .pcpB88 { padding-bottom: 88px !important;} .pcpB89 { padding-bottom: 89px !important;} .pcpB90 { padding-bottom: 90px !important;} .pcpB91 { padding-bottom: 91px !important;} .pcpB92 { padding-bottom: 92px !important;} .pcpB93 { padding-bottom: 93px !important;} .pcpB94 { padding-bottom: 94px !important;} .pcpB95 { padding-bottom: 95px !important;} .pcpB96 { padding-bottom: 96px !important;} .pcpB97 { padding-bottom: 97px !important;} .pcpB98 { padding-bottom: 98px !important;} .pcpB99 { padding-bottom: 99px !important;} .pcpB100 { padding-bottom: 100px !important;} .pcpB101 { padding-bottom: 101px !important;} .pcpB102 { padding-bottom: 102px !important;} .pcpB103 { padding-bottom: 103px !important;} .pcpB104 { padding-bottom: 104px !important;} .pcpB105 { padding-bottom: 105px !important;} .pcpB106 { padding-bottom: 106px !important;} .pcpB107 { padding-bottom: 107px !important;} .pcpB108 { padding-bottom: 108px !important;} .pcpB109 { padding-bottom: 109px !important;} .pcpB110 { padding-bottom: 110px !important;} .pcpB111 { padding-bottom: 111px !important;} .pcpB112 { padding-bottom: 112px !important;} .pcpB113 { padding-bottom: 113px !important;} .pcpB114 { padding-bottom: 114px !important;} .pcpB115 { padding-bottom: 115px !important;} .pcpB116 { padding-bottom: 116px !important;} .pcpB117 { padding-bottom: 117px !important;} .pcpB118 { padding-bottom: 118px !important;} .pcpB119 { padding-bottom: 119px !important;} .pcpB120 { padding-bottom: 120px !important;} .pcpB150 { padding-bottom: 150px !important;}
.pcpT0 { padding-top: 0px !important;} .pcpT1 { padding-top: 1px !important;} .pcpT2 { padding-top: 2px !important;} .pcpT3 { padding-top: 3px !important;} .pcpT4 { padding-top: 4px !important;} .pcpT5 { padding-top: 5px !important;} .pcpT6 { padding-top: 6px !important;} .pcpT7 { padding-top: 7px !important;} .pcpT8 { padding-top: 8px !important;} .pcpT9 { padding-top: 9px !important;} .pcpT10 { padding-top: 10px !important;} .pcpT11 { padding-top: 11px !important;} .pcpT12 { padding-top: 12px !important;} .pcpT13 { padding-top: 13px !important;} .pcpT14 { padding-top: 14px !important;} .pcpT15 { padding-top: 15px !important;} .pcpT16 { padding-top: 16px !important;} .pcpT17 { padding-top: 17px !important;} .pcpT18 { padding-top: 18px !important;} .pcpT19 { padding-top: 19px !important;} .pcpT20 { padding-top: 20px !important;} .pcpT21 { padding-top: 21px !important;} .pcpT22 { padding-top: 22px !important;} .pcpT23 { padding-top: 23px !important;} .pcpT24 { padding-top: 24px !important;} .pcpT25 { padding-top: 25px !important;} .pcpT26 { padding-top: 26px !important;} .pcpT27 { padding-top: 27px !important;} .pcpT28 { padding-top: 28px !important;} .pcpT29 { padding-top: 29px !important;} .pcpT30 { padding-top: 30px !important;} .pcpT31 { padding-top: 31px !important;} .pcpT32 { padding-top: 32px !important;} .pcpT33 { padding-top: 33px !important;} .pcpT34 { padding-top: 34px !important;} .pcpT35 { padding-top: 35px !important;} .pcpT36 { padding-top: 36px !important;} .pcpT37 { padding-top: 37px !important;} .pcpT38 { padding-top: 38px !important;} .pcpT39 { padding-top: 39px !important;} .pcpT40 { padding-top: 40px !important;} .pcpT41 { padding-top: 41px !important;} .pcpT42 { padding-top: 42px !important;} .pcpT43 { padding-top: 43px !important;} .pcpT44 { padding-top: 44px !important;} .pcpT45 { padding-top: 45px !important;} .pcpT46 { padding-top: 46px !important;} .pcpT47 { padding-top: 47px !important;} .pcpT48 { padding-top: 48px !important;} .pcpT49 { padding-top: 49px !important;} .pcpT50 { padding-top: 50px !important;} .pcpT51 { padding-top: 51px !important;} .pcpT52 { padding-top: 52px !important;} .pcpT53 { padding-top: 53px !important;} .pcpT54 { padding-top: 54px !important;} .pcpT55 { padding-top: 55px !important;} .pcpT56 { padding-top: 56px !important;} .pcpT57 { padding-top: 57px !important;} .pcpT58 { padding-top: 58px !important;} .pcpT59 { padding-top: 59px !important;} .pcpT60 { padding-top: 60px !important;} .pcpT61 { padding-top: 61px !important;} .pcpT62 { padding-top: 62px !important;} .pcpT63 { padding-top: 63px !important;} .pcpT64 { padding-top: 64px !important;} .pcpT65 { padding-top: 65px !important;} .pcpT66 { padding-top: 66px !important;} .pcpT67 { padding-top: 67px !important;} .pcpT68 { padding-top: 68px !important;} .pcpT69 { padding-top: 69px !important;} .pcpT70 { padding-top: 70px !important;} .pcpT71 { padding-top: 71px !important;} .pcpT72 { padding-top: 72px !important;} .pcpT73 { padding-top: 73px !important;} .pcpT74 { padding-top: 74px !important;} .pcpT75 { padding-top: 75px !important;} .pcpT76 { padding-top: 76px !important;} .pcpT77 { padding-top: 77px !important;} .pcpT78 { padding-top: 78px !important;} .pcpT79 { padding-top: 79px !important;} .pcpT80 { padding-top: 80px !important;} .pcpT81 { padding-top: 81px !important;} .pcpT82 { padding-top: 82px !important;} .pcpT83 { padding-top: 83px !important;} .pcpT84 { padding-top: 84px !important;} .pcpT85 { padding-top: 85px !important;} .pcpT86 { padding-top: 86px !important;} .pcpT87 { padding-top: 87px !important;} .pcpT88 { padding-top: 88px !important;} .pcpT89 { padding-top: 89px !important;} .pcpT90 { padding-top: 90px !important;} .pcpT91 { padding-top: 91px !important;} .pcpT92 { padding-top: 92px !important;} .pcpT93 { padding-top: 93px !important;} .pcpT94 { padding-top: 94px !important;} .pcpT95 { padding-top: 95px !important;} .pcpT96 { padding-top: 96px !important;} .pcpT97 { padding-top: 97px !important;} .pcpT98 { padding-top: 98px !important;} .pcpT99 { padding-top: 99px !important;} .pcpT100 { padding-top: 100px !important;} .pcpT101 { padding-top: 101px !important;} .pcpT102 { padding-top: 102px !important;} .pcpT103 { padding-top: 103px !important;} .pcpT104 { padding-top: 104px !important;} .pcpT105 { padding-top: 105px !important;} .pcpT106 { padding-top: 106px !important;} .pcpT107 { padding-top: 107px !important;} .pcpT108 { padding-top: 108px !important;} .pcpT109 { padding-top: 109px !important;} .pcpT110 { padding-top: 110px !important;} .pcpT111 { padding-top: 111px !important;} .pcpT112 { padding-top: 112px !important;} .pcpT113 { padding-top: 113px !important;} .pcpT114 { padding-top: 114px !important;} .pcpT115 { padding-top: 115px !important;} .pcpT116 { padding-top: 116px !important;} .pcpT117 { padding-top: 117px !important;} .pcpT118 { padding-top: 118px !important;} .pcpT119 { padding-top: 119px !important;} .pcpT120 { padding-top: 120px !important;}
.pcmB0 { margin-bottom: 0px !important;} .pcmB1 { margin-bottom: 1px !important;} .pcmB2 { margin-bottom: 2px !important;} .pcmB3 { margin-bottom: 3px !important;} .pcmB4 { margin-bottom: 4px !important;} .pcmB5 { margin-bottom: 5px !important;} .pcmB6 { margin-bottom: 6px !important;} .pcmB7 { margin-bottom: 7px !important;} .pcmB8 { margin-bottom: 8px !important;} .pcmB9 { margin-bottom: 9px !important;} .pcmB10 { margin-bottom: 10px !important;} .pcmB11 { margin-bottom: 11px !important;} .pcmB12 { margin-bottom: 12px !important;} .pcmB13 { margin-bottom: 13px !important;} .pcmB14 { margin-bottom: 14px !important;} .pcmB15 { margin-bottom: 15px !important;} .pcmB16 { margin-bottom: 16px !important;} .pcmB17 { margin-bottom: 17px !important;} .pcmB18 { margin-bottom: 18px !important;} .pcmB19 { margin-bottom: 19px !important;} .pcmB20 { margin-bottom: 20px !important;} .pcmB21 { margin-bottom: 21px !important;} .pcmB22 { margin-bottom: 22px !important;} .pcmB23 { margin-bottom: 23px !important;} .pcmB24 { margin-bottom: 24px !important;} .pcmB25 { margin-bottom: 25px !important;} .pcmB26 { margin-bottom: 26px !important;} .pcmB27 { margin-bottom: 27px !important;} .pcmB28 { margin-bottom: 28px !important;} .pcmB29 { margin-bottom: 29px !important;} .pcmB30 { margin-bottom: 30px !important;} .pcmB31 { margin-bottom: 31px !important;} .pcmB32 { margin-bottom: 32px !important;} .pcmB33 { margin-bottom: 33px !important;} .pcmB34 { margin-bottom: 34px !important;} .pcmB35 { margin-bottom: 35px !important;} .pcmB36 { margin-bottom: 36px !important;} .pcmB37 { margin-bottom: 37px !important;} .pcmB38 { margin-bottom: 38px !important;} .pcmB39 { margin-bottom: 39px !important;} .pcmB40 { margin-bottom: 40px !important;} .pcmB41 { margin-bottom: 41px !important;} .pcmB42 { margin-bottom: 42px !important;} .pcmB43 { margin-bottom: 43px !important;} .pcmB44 { margin-bottom: 44px !important;} .pcmB45 { margin-bottom: 45px !important;} .pcmB46 { margin-bottom: 46px !important;} .pcmB47 { margin-bottom: 47px !important;} .pcmB48 { margin-bottom: 48px !important;} .pcmB49 { margin-bottom: 49px !important;} .pcmB50 { margin-bottom: 50px !important;} .pcmB51 { margin-bottom: 51px !important;} .pcmB52 { margin-bottom: 52px !important;} .pcmB53 { margin-bottom: 53px !important;} .pcmB54 { margin-bottom: 54px !important;} .pcmB55 { margin-bottom: 55px !important;} .pcmB56 { margin-bottom: 56px !important;} .pcmB57 { margin-bottom: 57px !important;} .pcmB58 { margin-bottom: 58px !important;} .pcmB59 { margin-bottom: 59px !important;} .pcmB60 { margin-bottom: 60px !important;} .pcmB61 { margin-bottom: 61px !important;} .pcmB62 { margin-bottom: 62px !important;} .pcmB63 { margin-bottom: 63px !important;} .pcmB64 { margin-bottom: 64px !important;} .pcmB65 { margin-bottom: 65px !important;} .pcmB66 { margin-bottom: 66px !important;} .pcmB67 { margin-bottom: 67px !important;} .pcmB68 { margin-bottom: 68px !important;} .pcmB69 { margin-bottom: 69px !important;} .pcmB70 { margin-bottom: 70px !important;} .pcmB71 { margin-bottom: 71px !important;} .pcmB72 { margin-bottom: 72px !important;} .pcmB73 { margin-bottom: 73px !important;} .pcmB74 { margin-bottom: 74px !important;} .pcmB75 { margin-bottom: 75px !important;} .pcmB76 { margin-bottom: 76px !important;} .pcmB77 { margin-bottom: 77px !important;} .pcmB78 { margin-bottom: 78px !important;} .pcmB79 { margin-bottom: 79px !important;} .pcmB80 { margin-bottom: 80px !important;} .pcmB81 { margin-bottom: 81px !important;} .pcmB82 { margin-bottom: 82px !important;} .pcmB83 { margin-bottom: 83px !important;} .pcmB84 { margin-bottom: 84px !important;} .pcmB85 { margin-bottom: 85px !important;} .pcmB86 { margin-bottom: 86px !important;} .pcmB87 { margin-bottom: 87px !important;} .pcmB88 { margin-bottom: 88px !important;} .pcmB89 { margin-bottom: 89px !important;} .pcmB90 { margin-bottom: 90px !important;} .pcmB91 { margin-bottom: 91px !important;} .pcmB92 { margin-bottom: 92px !important;} .pcmB93 { margin-bottom: 93px !important;} .pcmB94 { margin-bottom: 94px !important;} .pcmB95 { margin-bottom: 95px !important;} .pcmB96 { margin-bottom: 96px !important;} .pcmB97 { margin-bottom: 97px !important;} .pcmB98 { margin-bottom: 98px !important;} .pcmB99 { margin-bottom: 99px !important;} .pcmB100 { margin-bottom: 100px !important;} .pcmB101 { margin-bottom: 101px !important;} .pcmB102 { margin-bottom: 102px !important;} .pcmB103 { margin-bottom: 103px !important;} .pcmB104 { margin-bottom: 104px !important;} .pcmB105 { margin-bottom: 105px !important;} .pcmB106 { margin-bottom: 106px !important;} .pcmB107 { margin-bottom: 107px !important;} .pcmB108 { margin-bottom: 108px !important;} .pcmB109 { margin-bottom: 109px !important;} .pcmB110 { margin-bottom: 110px !important;} .pcmB111 { margin-bottom: 111px !important;} .pcmB112 { margin-bottom: 112px !important;} .pcmB113 { margin-bottom: 113px !important;} .pcmB114 { margin-bottom: 114px !important;} .pcmB115 { margin-bottom: 115px !important;} .pcmB116 { margin-bottom: 116px !important;} .pcmB117 { margin-bottom: 117px !important;} .pcmB118 { margin-bottom: 118px !important;} .pcmB119 { margin-bottom: 119px !important;} .pcmB120 { margin-bottom: 120px !important;}
.pcmT0 { margin-top: 0px !important;} .pcmT1 { margin-top: 1px !important;} .pcmT2 { margin-top: 2px !important;} .pcmT3 { margin-top: 3px !important;} .pcmT4 { margin-top: 4px !important;} .pcmT5 { margin-top: 5px !important;} .pcmT6 { margin-top: 6px !important;} .pcmT7 { margin-top: 7px !important;} .pcmT8 { margin-top: 8px !important;} .pcmT9 { margin-top: 9px !important;} .pcmT10 { margin-top: 10px !important;} .pcmT11 { margin-top: 11px !important;} .pcmT12 { margin-top: 12px !important;} .pcmT13 { margin-top: 13px !important;} .pcmT14 { margin-top: 14px !important;} .pcmT15 { margin-top: 15px !important;} .pcmT16 { margin-top: 16px !important;} .pcmT17 { margin-top: 17px !important;} .pcmT18 { margin-top: 18px !important;} .pcmT19 { margin-top: 19px !important;} .pcmT20 { margin-top: 20px !important;} .pcmT21 { margin-top: 21px !important;} .pcmT22 { margin-top: 22px !important;} .pcmT23 { margin-top: 23px !important;} .pcmT24 { margin-top: 24px !important;} .pcmT25 { margin-top: 25px !important;} .pcmT26 { margin-top: 26px !important;} .pcmT27 { margin-top: 27px !important;} .pcmT28 { margin-top: 28px !important;} .pcmT29 { margin-top: 29px !important;} .pcmT30 { margin-top: 30px !important;} .pcmT31 { margin-top: 31px !important;} .pcmT32 { margin-top: 32px !important;} .pcmT33 { margin-top: 33px !important;} .pcmT34 { margin-top: 34px !important;} .pcmT35 { margin-top: 35px !important;} .pcmT36 { margin-top: 36px !important;} .pcmT37 { margin-top: 37px !important;} .pcmT38 { margin-top: 38px !important;} .pcmT39 { margin-top: 39px !important;} .pcmT40 { margin-top: 40px !important;} .pcmT41 { margin-top: 41px !important;} .pcmT42 { margin-top: 42px !important;} .pcmT43 { margin-top: 43px !important;} .pcmT44 { margin-top: 44px !important;} .pcmT45 { margin-top: 45px !important;} .pcmT46 { margin-top: 46px !important;} .pcmT47 { margin-top: 47px !important;} .pcmT48 { margin-top: 48px !important;} .pcmT49 { margin-top: 49px !important;} .pcmT50 { margin-top: 50px !important;} .pcmT51 { margin-top: 51px !important;} .pcmT52 { margin-top: 52px !important;} .pcmT53 { margin-top: 53px !important;} .pcmT54 { margin-top: 54px !important;} .pcmT55 { margin-top: 55px !important;} .pcmT56 { margin-top: 56px !important;} .pcmT57 { margin-top: 57px !important;} .pcmT58 { margin-top: 58px !important;} .pcmT59 { margin-top: 59px !important;} .pcmT60 { margin-top: 60px !important;} .pcmT61 { margin-top: 61px !important;} .pcmT62 { margin-top: 62px !important;} .pcmT63 { margin-top: 63px !important;} .pcmT64 { margin-top: 64px !important;} .pcmT65 { margin-top: 65px !important;} .pcmT66 { margin-top: 66px !important;} .pcmT67 { margin-top: 67px !important;} .pcmT68 { margin-top: 68px !important;} .pcmT69 { margin-top: 69px !important;} .pcmT70 { margin-top: 70px !important;} .pcmT71 { margin-top: 71px !important;} .pcmT72 { margin-top: 72px !important;} .pcmT73 { margin-top: 73px !important;} .pcmT74 { margin-top: 74px !important;} .pcmT75 { margin-top: 75px !important;} .pcmT76 { margin-top: 76px !important;} .pcmT77 { margin-top: 77px !important;} .pcmT78 { margin-top: 78px !important;} .pcmT79 { margin-top: 79px !important;} .pcmT80 { margin-top: 80px !important;} .pcmT81 { margin-top: 81px !important;} .pcmT82 { margin-top: 82px !important;} .pcmT83 { margin-top: 83px !important;} .pcmT84 { margin-top: 84px !important;} .pcmT85 { margin-top: 85px !important;} .pcmT86 { margin-top: 86px !important;} .pcmT87 { margin-top: 87px !important;} .pcmT88 { margin-top: 88px !important;} .pcmT89 { margin-top: 89px !important;} .pcmT90 { margin-top: 90px !important;} .pcmT91 { margin-top: 91px !important;} .pcmT92 { margin-top: 92px !important;} .pcmT93 { margin-top: 93px !important;} .pcmT94 { margin-top: 94px !important;} .pcmT95 { margin-top: 95px !important;} .pcmT96 { margin-top: 96px !important;} .pcmT97 { margin-top: 97px !important;} .pcmT98 { margin-top: 98px !important;} .pcmT99 { margin-top: 99px !important;} .pcmT100 { margin-top: 100px !important;} .pcmT101 { margin-top: 101px !important;} .pcmT102 { margin-top: 102px !important;} .pcmT103 { margin-top: 103px !important;} .pcmT104 { margin-top: 104px !important;} .pcmT105 { margin-top: 105px !important;} .pcmT106 { margin-top: 106px !important;} .pcmT107 { margin-top: 107px !important;} .pcmT108 { margin-top: 108px !important;} .pcmT109 { margin-top: 109px !important;} .pcmT110 { margin-top: 110px !important;} .pcmT111 { margin-top: 111px !important;} .pcmT112 { margin-top: 112px !important;} .pcmT113 { margin-top: 113px !important;} .pcmT114 { margin-top: 114px !important;} .pcmT115 { margin-top: 115px !important;} .pcmT116 { margin-top: 116px !important;} .pcmT117 { margin-top: 117px !important;} .pcmT118 { margin-top: 118px !important;} .pcmT119 { margin-top: 119px !important;} .pcmT120 { margin-top: 120px !important;}
.pcfs8 { font-size: 0.8rem;} .pcfs9 { font-size: 0.9rem;} .pcfs10 { font-size: 1rem;} .pcfs11 { font-size: 1.1rem;} .pcfs12 { font-size: 1.2rem;} .pcfs13 { font-size: 1.3rem;} .pcfs14 { font-size: 1.4rem;} .pcfs15 { font-size: 1.5rem;} .pcfs16 { font-size: 1.6rem;} .pcfs17 { font-size: 1.7rem;} .pcfs18 { font-size: 1.8rem;} .pcfs19 { font-size: 1.9rem;} .pcfs20 { font-size: 2rem;} .pcfs21 { font-size: 2.1rem;} .pcfs22 { font-size: 2.2rem;} .pcfs23 { font-size: 2.3rem;} .pcfs24 { font-size: 2.4rem;} .pcfs25 { font-size: 2.5rem;} .pcfs26 { font-size: 2.6rem;} .pcfs27 { font-size: 2.7rem;} .pcfs28 { font-size: 2.8rem;} .pcfs29 { font-size: 2.9rem;} .pcfs30 { font-size: 3rem;} .pcfs31 { font-size: 3.1rem;} .pcfs32 { font-size: 3.2rem;} .pcfs33 { font-size: 3.3rem;} .pcfs34 { font-size: 3.4rem;} .pcfs35 { font-size: 3.5rem;} .pcfs36 { font-size: 3.6rem;} .pcfs37 { font-size: 3.7rem;} .pcfs38 { font-size: 3.8rem;} .pcfs39 { font-size: 3.9rem;} .pcfs40 { font-size: 4rem;} .pcfs41 { font-size: 4.1rem;} .pcfs42 { font-size: 4.2rem;} .pcfs43 { font-size: 4.3rem;} .pcfs44 { font-size: 4.4rem;} .pcfs45 { font-size: 4.5rem;} .pcfs46 { font-size: 4.6rem;} .pcfs47 { font-size: 4.7rem;} .pcfs48 { font-size: 4.8rem;} .pcfs49 { font-size: 4.9rem;} .pcfs50 { font-size: 5rem;} .pcfs51 { font-size: 5.1rem;} .pcfs52 { font-size: 5.2rem;} .pcfs53 { font-size: 5.3rem;} .pcfs54 { font-size: 5.4rem;} .pcfs55 { font-size: 5.5rem;} .pcfs56 { font-size: 5.6rem;} .pcfs57 { font-size: 5.7rem;} .pcfs58 { font-size: 5.8rem;} .pcfs59 { font-size: 5.9rem;} .pcfs60 { font-size: 6rem;} .pcfs61 { font-size: 6.1rem;} .pcfs62 { font-size: 6.2rem;} .pcfs63 { font-size: 6.3rem;} .pcfs64 { font-size: 6.4rem;} .pcfs65 { font-size: 6.5rem;} .pcfs66 { font-size: 6.6rem;} .pcfs67 { font-size: 6.7rem;} .pcfs68 { font-size: 6.8rem;} .pcfs69 { font-size: 6.9rem;} .pcfs70 { font-size: 7rem;} .pcfs71 { font-size: 7.1rem;} .pcfs72 { font-size: 7.2rem;} .pcfs73 { font-size: 7.3rem;} .pcfs74 { font-size: 7.4rem;} .pcfs75 { font-size: 7.5rem;} .pcfs76 { font-size: 7.6rem;} .pcfs77 { font-size: 7.7rem;} .pcfs78 { font-size: 7.8rem;} .pcfs79 { font-size: 7.9rem;} .pcfs80 { font-size: 8rem;} .pcfs81 { font-size: 8.1rem;} .pcfs82 { font-size: 8.2rem;} .pcfs83 { font-size: 8.3rem;} .pcfs84 { font-size: 8.4rem;} .pcfs85 { font-size: 8.5rem;} .pcfs86 { font-size: 8.6rem;} .pcfs87 { font-size: 8.7rem;} .pcfs88 { font-size: 8.8rem;} .pcfs89 { font-size: 8.9rem;} .pcfs90 { font-size: 9rem;} .pcfs91 { font-size: 9.1rem;} .pcfs92 { font-size: 9.2rem;} .pcfs93 { font-size: 9.3rem;} .pcfs94 { font-size: 9.4rem;} .pcfs95 { font-size: 9.5rem;} .pcfs96 { font-size: 9.6rem;} .pcfs97 { font-size: 9.7rem;} .pcfs98 { font-size: 9.8rem;} .pcfs99 { font-size: 9.9rem;} .pcfs100 { font-size: 10rem;}
.pcp30 {
padding: 30px 30px;
}
.pcpL20 {
padding-left: 20px!important;
}
/* .spaceKil .body span:nth-child(15) {
margin-right: -10px!important;
}
*/
/* common *************************************************************************************************************************************************************************************/
/*header*/
header { width: 100%; min-height: 216px; height: 216px;}
#headerWrap { position: relative; width: 1156px; margin: 0 auto; height: 216px; }
#title { position: absolute; z-index: 10000; top: 34px; left: 0; width: 348px; height: 50px;}
#title a { display: block; width: 348px; height: 50px;}
#title img { margin-left: 0; height: auto; position: absolute; top: 0; left: 0; transform: translateY(0) translateX(0); }
#headerTel { text-align: left; line-height: 1; margin: 0; position: absolute; top: 62px; right: 12px;}
#headerTel dt { display: inline-block;}
#headerTel dd { display: inline-block; font-weight: bold; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
#headerTel dd a { padding: 0; border: none; font-size: 1.8rem; letter-spacing: normal;}
#headerTel dd a:before { content: none;}
#headerSns { display: none;}
#headerSns li { }
/*nav */
#spMenu { display: none;}
#spMenu #spMenu01,
#spMenu #spMenu02,
#spMenu #spMenu03
{ }
#spMenu01 { }
#spMenu02 { }
#spMenu03 { }
#spMenu.active #spMenu01 { }
#spMenu.active #spMenu02 { }
#spMenu.active #spMenu03 { }
.navLock { width: auto; height: auto; overflow: auto; position: relative; top: auto; left: auto;}
#navWrap { display: block; position: relative; top: auto; left: auto; z-index: 1000; width: 1156px; height: 216px; background: transparent; overflow: hidden;}
#navWrap.local-LP , #headerWrap.local-LP , header.local-LP { height: 115px; min-height: 115px; }
#navWrapCh { min-width: 0; position: relative; top: auto; left: auto; transform: translateY(0) translateX(0); }
ul#nav01 { position: absolute; bottom: 24px; left: 50%; transform: translateY(0) translateX(-50%); white-space: nowrap; text-align: center; overflow: hidden; line-height: 1; border-top: none; border-left: #666 solid 1px;}
ul#nav01 > li { text-align: center; border-bottom: none; display: inline-block; }
ul#nav01 > li a { position: relative; display: block; padding: 0 38px 0; border-right: #666 solid 1px; color: #1A1A1A;}
ul#nav01 > li a:after { content: none;}
ul#nav01 > li a span { display: block;}
.nav01En { padding: 0 0 6px; font-size: 1.5rem; line-height: 1.2;}
.nav01Jp { font-size: 1.1rem; }
ul#nav02 { display: none;}
ul#nav02 > li { }
ul#nav02 > li:last-child { }
ul#nav02 > li a { }
/*footer*/
footer { overflow: hidden; clear: both; margin: -98px 0 0;}
#footer01 { overflow: hidden; padding: 58px 0 10px; height: 98px; box-sizing: border-box; }
#footer01.bgColWh {}
#footer01 ul { text-align: left; width: 1156px; margin: 0 auto;}
#footer01 ul li { margin: 0 28px 0 0; font-size: 1.2rem;}
#footer02 { padding: 32px 0; text-align: left;}
.footer02Wrap { width: 1156px; margin: 0 auto; padding: 0; }
#footerSns { padding: 0 0 40px; }
#footerSns li { width: 32px; margin: 0 14px;}
#footer0201 { float: left; width: 50%; padding: 0; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
#footer0201Txt01 { font-weight: bold; }
#footer0201Txt02 {}
#footer0202 { float: right; width: 50%;}
#footer0202 dl { overflow: hidden; padding: 0 0 24px; text-align: right;}
#footer0202 dt { margin-right: 0.4em; font-size: 2.0rem; transform: translateY(-0.1em);}
#footer0202 dd { font-size: 3.6rem;}
#footer0202 dd a { line-height: 1.2;}
#footer0202 small { text-align: right;}
#footer0202 small span { font-size: 1.1rem; position: static; top: auto; left: auto; transform: translateY(0) translateX(0) scale(1,1);}
/* add */
.temp footer { overflow: hidden; margin: 0; }
/* parts *************************************************************************************************************************************************************************************/
.w1008 { width: 1008px; margin-left: auto; margin-right: auto; }
.w1156 { width: 1156px; margin-left: auto; margin-right: auto; }
.w980 { width: 980px; margin-left: auto; margin-right: auto; }
.w760 { width: 760px; margin-left: auto; margin-right: auto; }
.w780 { width: 780px; margin-left: auto; margin-right: auto; }
.w800 { width: 800px; margin-left: auto; margin-right: auto; }
.w760 .attensionOuter { padding: 30px; box-sizing: border-box; border: 3px solid #ff0000; background-color: #ffffff; }
.w760 .attensionOuter h2 { color: #ff0000; }
.w760 .attensionOuterCovid19 { padding: 15px; box-sizing: border-box; border: none;
background-image: url(../images/covid19.png);
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 62.5%;
text-indent: -9999px;
}
/* ご来場プレゼントフォーム */
.presentFormWrapper {
width: 100%;
margin: 0 auto;
background-color: #6C9BD2;
padding: 10px 0;
}
.presentFormWrapper h1 {
color: #ffffff;
}
#pageTitle { background: #6c9bd2;}
#pageTitleImg {}
#pageTitleTxt { font-size: 3.2rem;}
.houseMakerTitle { padding: 15px 0; margin: 35px 0 32px; display: flex; flex-wrap: wrap; align-items: center;}
.houseMakerTitle01 { float: left; padding: 23px 0 15px; margin: 0 40px 0 0; border-right: #1A1A1A solid 1px;}
.houseMakerTitle01Img { padding-left: 14px; }
.houseMakerTitle01Img img { height: auto; width: 117px; }
.houseMakerTitle01Txt { font-size: 1.6rem; padding: 0 40px;}
.houseMakerTitle02 { }
.houseMakerTitle02Txt01 { font-size: 2.7rem;}
.houseMakerTitle02Txt02 { font-size: 1.6rem; padding: 0 0 0 40px;}
.houseMakerTitle02Txt02 span { padding: 5px 6px 3px;}
.listPt01 { }
.listPt01 li { padding: 4px 11px;}
.btSec01 { padding: 36px 0 36px;}
.box01 { padding: 48px 56px 48px; }
.dlPt01 { }
.dlPt01 dt { width: 100%; text-align: left;}
.dlPt01 dd { width: 100%;}
/* page *************************************************************************************************************************************************************************************/
/*index*/
.indexSub01 { padding: 0 0 40px;}
.indexSub0101 { padding: 0 0 8px; font-size: 3.8rem; letter-spacing: 0.065em;}
.indexSub0102 { font-size: 1.8rem;}
/*mainImg*/
#mainImg { overflow: hidden; background: #6C9BD2; height: 540px;}
#mainImgWrap { width: 1156px; height: 540px; margin: 0 auto;}
#indexSlide { }
/*indexContent01*/
#indexContent01 { padding: 64px 0 80px; }
#indexContent01List {}
#indexContent01List li { width: 296px; float: left; margin: 0 60px 0 0; }
#indexContent01List li:first-child { margin-top: 0; }
#indexContent01List li:nth-child(3n) { margin-right: 0; }
#indexContent01List li img { max-width: 100%; }
/*indexEvent*/
#indexEvent { overflow: hidden; padding: 70px 0 70px; }
.indexEventList { margin-top: -19px; }
.indexEventList li { width: 250px; max-width: none; margin: 0 52px 55px 0; }
.indexEventList li:last-child { margin: 0 0 55px 0; }
.indexEventList li:nth-child(4n) { margin-right: 0;}
.indexEventList li a { }
.indexEventListImg { margin-bottom: 18px; }
.indexEventListImg img { }
.indexEventList dl { padding: 0 0 12px;}
.indexEventList dt { padding: 0 0 12px; font-size: 1.9rem;}
.indexEventList dd { font-weight: normal;font-size: 1.5rem; }
.indexEventListDetail { display: inline-block; padding: 0.5em 2.6em 0.5em; background: #808075; color: #FFF; font-size: 1.4rem; }
/*indexModelHouse*/
#indexModelHouse { padding: 76px 0 40px; }
.indexModelHouseList { }
.indexModelHouseList li { width: 250px; max-width: none; margin: 0 52px 44px 0; }
.indexModelHouseList li:nth-child(4n) { margin-right: 0;}
.indexModelHouseList li:nth-child(5) { /*margin-left: 0;*/ }
.indexModelHouseList li:nth-child(7) { /*margin-right: 0;*/ }
.indexModelHouseList li a { }
.indexModelHouseListImg { margin: 0 0 11px; }
.indexModelHouseListImg img { }
.indexModelHouseListTxt { }
#indexModelHouse .w1156 {
position: relative;
}
#indexModelHouse .w1156 .newModelHouseLabel {
position: absolute;
top: -60px;
right: 42px;
}
#indexModelHouse .newModelHouseLabel {
background-image: url(../images/newModelHouseOpen_PC@2x.png);
background-size: contain;
width: 197px;
height: auto;
padding-top: 14%;
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
}
/*indexAccess*/
#indexAccess { overflow: hidden; padding: 80px 0 132px; background: #F1F1F1;}
#indexAccessMapFrame { float: left; box-sizing: border-box; border: #111 solid 1px; width: 723px; padding-bottom: 408px; margin-right: 28px;}
#indexAccessMapFrame.accessMapPageFrame {
padding-bottom: 558px;
}
#indexAccessMapFrame iframe,
#indexAccessMapFrame object,
#indexAccessMapFrame embed { }
#indexAccess01 { overflow: hidden; padding: 26px 0 0; }
#indexAccess01 ul { }
#indexAccess01 ul li { margin: 0 0 5px;}
#indexAccess01 dt { float: none; margin-right: 0; padding: 0 0 2@x;}
#indexAccess01 dd { overflow: hidden;}
/*model house*/
.modelHouseList01 { text-align: left;}
.modelHouseList01 > li { width: 345px; max-width: none; margin: 0 60px 72px 0;}
.modelHouseList01 > li:nth-child(3n) { margin-right: 0;}
.modelHouseList01 > li a { }
.modelHouseList01Img { margin: 0 0 16px; }
.modelHouseList01Name { margin: 0 0 14px;}
.modelHouseList01NameImg { }
.modelHouseList01NameImg img { height: 40px; width: auto;}
.modelHouseList01NameTxt { padding: 2px 0; padding-left: 14px; font-size: 1.9rem;}
.modelHouseList01Link { font-size: 1.6rem;}
.modelHouseList01Link li { }
.modelHouseList01Link li:nth-child(1) { margin-right: 14px;}
.modelHouseList01Link li a { padding: 0.4em 0.8em; min-width: 145px; box-sizing: border-box;}
#modelHouseList01Bnr01 { /*width: 493px;*/ /*width: 344px;*/ width: 344px; float: right; /*margin: 110px 0 0 0;*/ margin: 0 0 0 0; }
.flowList01 { position: relative;}
.flowList01 > li { width: 150px; height: 150px; border-radius: 8px; margin: 0 51px 32px 0; box-sizing: border-box;}
.flowList01 > li:nth-child(6) { margin-right: 0;}
.flowList01 > li:nth-child(7) { margin-left: 100px;}
.flowList01 > li:after { content: ""; display: block; position: absolute; bottom: auto; top: 50%; left: auto; right: -16px; transform: translateY(-50%) translateX(100%); width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 20px; border-color: transparent transparent transparent #666666;}
/*.flowList01 > li:nth-child(7):before { content: ""; display: block; position: absolute; bottom: auto; top: 50%; left: -16px; transform: translateY(-50%) translateX(-100%); width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 20px; border-color: transparent transparent transparent #666666;}*/
.flowList01 > li:last-child:after { }
.flowList01 > li a { display: block; padding: 20px 0; width: 150px; height: 150px;}
.flowList01Num { position: relative; display: block; float: none; width: 42px; height: 42px; margin: 0 auto; text-align: center;
align-items: center;
display: flex;
font-size: 1.3rem;
justify-content: center;}
.flowList01Num.detailPage { float: left;}
.flowList01Num > span { }
.flowList01Num > span span { }
.flowList01Num > span span:nth-child(1) { }
.flowList01Num > span span:nth-child(2) { font-size: 1.7rem;}
.flowList01Txt { font-size: 2.0rem; line-height: 1.4; overflow: hidden; position: absolute; top: 60px; left: 0; width: 100%; height: 90px; text-align: center; padding: 0; transform: translateY(0); display: flex;
justify-content: center;
align-items: center; }
.flowList01Txt > span { display: block; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; padding: 0; transform: translateY(-50%); }
#flowBody { max-width: 435px; }
#flowWrap { max-height: 405px; }
/*house Maker*/
.houseMakerSlidePare { float: left; width: 600px; margin: 0 24px 0 0;}
.houseMakerSlidePare02 { width: 745px; }
img.hinokiyaNew_bd { border-bottom: 1px solid #808080; }
.houseMakerSlide1col {
float: none!important;
margin: 0 auto!important;
}
.houseMakerSlide { }
.houseMakerSlideNav { padding: 0; width: 345px; overflow: hidden; }
.houseMakerSlideNav02 { width: 210px; }
.houseMakerSlideNav li { width: 158px; margin: 0 28px 28px 0; }
.houseMakerSlideNav li:nth-child(2n) { margin-right: 0; }
.houseMakerSlideNav li:nth-child(4n) { margin-right: 0; }
.houseMakerBtn01 { position: absolute; bottom: 34px; left: 624px;}
.houseMakerBtn01 a { min-width: 186px; background: transparent; color: #1a1a1a; padding: 10px 8px 8px; font-size: 1.8rem; border: 1px solid #1a1a1a; }
}
/* add FONTFOUND */
.page404wrapper {
width: 80%;
margin: 0 auto;
padding: 100px 0;
}
.page404wrapper h2 {
font-size: 2.4rem;
line-height: 1.4em;
}
.page404wrapper .searchUrl {
padding: 20px 0 40px 0;
}
.page404wrapper .error_msg {
border-bottom: 1px solid #000000;
}
.btnWrapper {
margin: 0 auto;
}
.btnWrapper a {
padding: 8px 20px;
border: 1px solid #333333;
border-radius: 30px;
font-size: 1.4rem;
}
/* TEST */
#mw_wp_form_mw-wp-form-3060 .body.smaple {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field {
position: relative;
display: inline-block;
padding: 0 30px 0 0;
width: 20%;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:first-child:before {
content: "アイ工務店";
display: block;
font-weight: bold;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:first-child:after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(2):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(3):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(4):before {
content: "一条工務店";
display: block;
font-weight: bold;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(4):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(5):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(6):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(7):before {
content: "いのうえ工務店";
display: block;
font-weight: bold;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(7):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .horizontal-item:nth-child(7) {
width: 75%;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(8):before {
content: "アキュラホーム";
display: block;
font-weight: bold;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(8):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
#mw_wp_form_mw-wp-form-3060 .body.smaple .mwform-radio-field:nth-child(9):after {
content: "";
width: 100px;
height: 130px;
background-color: #dddddd;
display: flex;
flex-wrap: wrap;
position: relative;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
CUSTOM STYLE（SP）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* add EVENT DETAIL PAGE */
#pageTitle { background: #6c9bd2;}
#pageTitle .eventDetailPage { color: #ffffff; top: 50%; }
.entryWrapper {
position: relative;
}
.eventDetailInfoWrapper {
background-color: #f2f2f2;
padding: 23px 23px 23px 23px;
display: inline-block;
width: auto;
display: block;
}
.eventPageTtlWrapper h2 {
color: #6c9bd2;
font-weight: bold;
padding-top: 20px;
padding-bottom: 20px;
}
.eventCatch {
padding: 20px 0;
font-size: 1.6rem;
}
/* イベント2カラム */
.has-2-columns .wp-block-column {
width: auto;
padding: 0 0 10px 0;
}
.wp-block-column h3 {
font-size: 2.0rem;
color: #6c9bd2;
font-weight: bold;
}
.wp-block-image {
max-width: 80%;
width: 80%;
margin: 0 auto;
}
.has-2-columns {
padding: 0 0 20px 0;
}
/* お問い合わせフォーム */
.formbox {
margin-top: 20px;
padding: 20px 0 20px 0;
border-top: 1px solid #ddd;
display: block;
width: auto;
justify-content: center;
margin: 0 auto;
}
.dateWrapper .formbox {
padding: 20px 15px;
}
#catalogWrapper {
position: relative;
}
#catalogWrapper.formDisabled:after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.7);
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.formbox.lastLine {
border-bottom: 1px solid #ddd;
}
.formbox.fisrtLine {
border-top: none!important;
}
.formbox .body {
width: 100%;
display: block;
padding-left: 0;
padding-top: 5px;
-webkit-align-items: center;
align-items: center;
}
.formbox .body.centering {
display: flex;
padding-top: 5px;
}
.formbox .head {
width: 100%;
display: block;
-webkit-align-items: center;
align-items: center;
}
.formbox .attensionlabel ,
#agreementBox .attensionlabel {
display: inline;
margin-left: 20px;
}
.formbox .attension ,
#agreementBox .attensionlabel {
padding: 2px 7px;
font-size: 1.2rem;
background-color: #ff0000;
color: #ffffff;
border-radius: 2px;
font-weight: 600;
}
.formWrapper input[type="submit"] {
-webkit-appearance: none;
}
.formWrapper input[type="text"] ,
.formWrapper input[type="tel"] ,
.formWrapper input[type="email"] ,
.formWrapper textarea {
width: auto;
padding: 10px 0;
font-size: 14px;
font-size: 1.4rem;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.formbox select {
display: inline-block;
position: relative;
width: auto;
font-size: 1.4rem;
height: 38px;
border: 1px solid #ccc!important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.formbox select:after {
position: absolute;
display: block;
content: '';
width: 0;
height: 0;
/* ここで下向き矢印指定 今回はCSSで */
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #333;
top: 50%;
right: 10px;
margin-top: -3px;
pointer-events: none;/* クリック出来るよう */
}
/* アンケートフォーム */
.formbox.spaceMR .mwform-radio-field:first-child {
margin-right: 20px;
}
/* ie9対策 */
.formbox select:not(:target) {
width: 120% \9;
}
/* for firefox */
select {
text-indent: 0.01px;
text-overflow: '';
}
/* for ie10 ie11 ie系のプルダウンの矢印を消す ie9は非対応 */
select::-ms-expand {
display: none;
}
.formWrapper .btnWrapper {
display: flex;
justify-content: center;
padding: 30px 0 0 0;
}
.formWrapper input[type="submit"] ,
.formWrapper input[type="button"] {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
width: auto;
display: block;
position: relative;
background: #004d92;
font-size: 1.8rem;
padding: 10px 30px;
color: #fff;
text-align: center;
border: 1px solid #004d92;
cursor: pointer;
}
.formWrapper input[type="button"]#modelhouseReset {
margin: 0 0 0 auto;
}
.formWrapper input.sp_address ,
.formWrapper input.sp_email ,
.formWrapper textarea.sp_content {
width: 100%!important;
}
/* 流れ */
.contactFlowWrapper {
width: auto;
margin: 0 auto;
padding: 0 0 20px 0;
}
.contactFlowWrapper ul {
display: flex;
justify-content: center;
align-items: center;
list-style-type: none;
flex-wrap: wrap;
}
.contactFlowWrapper ul li {
border: 2px solid #444444;
color: #666666;
border-radius: 20px;
padding: 8px 25px;
margin: 0 auto 25px auto;
font-size: 1.2rem;
font-weight: bold;
position: relative;
width: 100%;
text-align: center;
}
.contactFlowWrapper ul li.active {
border: 2px solid #444444;
background-color: #444444;
color: #ffffff;
}
.contactFlowWrapper ul li:after {
content: "▼";
width: 1em;
color: #444444;
position: absolute;
bottom: -2em;
left: 48%;
right: 0;
}
.contactFlowWrapper ul li:last-child:after {
content: "";
}
.contactFlowWrapper ul li:last-child {
margin: 0 0 0 0;
}
/* pagetop */
#page-top {
position: fixed;
bottom: 82px;
right: 20px;
font-size: 1.0rem;
}
#page-top a {
background: #a0a0a0;
text-decoration: none;
color: #fff;
width: 40px;
height: 40px;
padding: 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}
/* イベント一覧ページ */
#eventListPage #indexEvent {
padding-bottom: 0;
display: flex;
justify-content: space-between;
}
#eventListPage .indexEventList li {
border: 1px solid #cccccc;
padding: 10px;
position: relative;
box-sizing: border-box;
max-width: 41vw;
}
#eventListPage .indexEventList li:nth-child(3n) {
}
#eventListPage .indexEventList li:last-child {
}
#eventListPage .indexEventList dl { margin: 0 0 4.5em 0; }
#eventListPage .indexEventList dd { }
#eventListPage .indexEventListDetail {
width: 4em;
left: 10px;
right: 10px;
margin: 0 auto;
text-align: center;
position: absolute;
bottom: 22px;
}
/* exhibition */
.exhibitionWrapper {
padding: 0 15px;
}
.exhibitionWrapper ul {
display: block;
}
.exhibitionWrapper ul li {
width: auto;
padding: 0;
margin: 0 0 20px 0;
list-style-type: none;
}
.exhibitionWrapper ul li .container {
padding: 15px 25px 25px 25px;
background-color: #f2f2f2;
}
.exhibitionWrapper ul li .container.panoramaBox {
padding: 10px 15px 10px 15px;
background-color: #ffffff;
}
.exhibitionWrapper ul li .container.panoramaBox .exhibitionSubWrapper {
align-items: stretch;
}
.exhibitionWrapper ul li .container.panoramaBox h3 {
background-color: #ffffff;
}
.exhibitionWrapper ul li .container.panoramaBox .panoramaThumWrapper {
width: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0 8px 0;
box-sizing: border-box;
width: 100%;
}
.exhibitionWrapper ul li .container.panoramaBox .exhibitionTxtBox {
display: flex;
flex-flow: column;
justify-content: space-between;
}
.exhibitionWrapper ul li .container.panoramaBox .panoramaThumWrapper .box {
width: 30%;
}
.exhibitionWrapper ul li .container.panoramaBox .panoramaThumWrapper .box img {
width: 100%;
max-width: 200px;
}
.exhibitionWrapper .panoramaBox .exhibitionSubWrapper .exhibitionPhotoBox iframe {
width: 100%;
max-width: 100%;
}
.exhibitionWrapper ul li .container h3 {
background-color: #f2f2f2;
}
.exhibitionWrapper .exhibitionSubWrapper {
display: block;
}
.exhibitionWrapper .exhibitionSubWrapper .exhibitionPhotoBox {
width: auto;
}
.exhibitionWrapper .exhibitionSubWrapper .exhibitionTxtBox {
width: auto;
}
.wp-block-button {
text-align: center;
margin: 0 auto;
}
.txtBtn a ,
.wp-block-button a {
display: inline-block;
padding: 0.5em 2.6em 0.5em;
background: #808075;
color: #FFF;
font-size: 1.4rem;
}
.wp-block-button a {
font-size: 1.2rem;
padding-left: 1.5em;
padding-right: 1.5em;
}
.exhibitionIntroductionWrapper {
background-color: #c9e0f2;
}
.exhibitionIntroductionSubWrapper {
display: block;
padding: 15px;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSubLeft {
width: auto;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSubRight {
width: auto;
}
/* BIGボタン */
.panoramaBtnWrapper {
display: block;
}
.panoramaBtnWrapper div {
display: block;
}
.panoramaBtnWrapper a {
display: inline-block;
justify-content: center;
align-items: center;
padding: 20px 24px;
line-height: 0;
background-color: #0071bc;
color: #ffffff;
margin-right: 12px;
letter-spacing: .2em;
}
.panoramaBtnWrapper.makerDetail {
display: block;
}
/* アクセス */
.flN {
float: none!important;
}
/* プライバシーポリシー */
.ppWrapper .subTtl {
}
.ppWrapper ol { margin: 0 0 0 2em; }
.ppWrapper ol li { list-style-type: decimal; }
.ppWrapper ol li ol li { list-style-type: lower-alpha; }
/* デジタルチラシ */
.digitalWrapper {
border: 1px solid #cccccc;
padding: 15px;
box-sizing: border-box;
margin: 0 7px;
}
.digitalWrapper h2 {
}
.digitalWrapper .wp-block-column {
width: 48%;
}
.digitalWrapper .wp-block-image {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px 0;
max-width: 100%;
width: 100%;
}
.digitalWrapper .wp-block-column h3 {
text-align: center;
font-size: 1.3rem;
color: #000000;
}
.digitalWrapper .has-2-columns {
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
/* モデルハウス */
.modelHouseWrapper ol {
margin: 0;
padding: 0;
}
.modelHouseWrapper ol li {
margin: 0 0 0 3em;
padding: 0;
list-style-type: decimal!important;
}
.modelHouseMapWrapper {
margin: 0 auto;
width: auto;
}
.modelHouseMapWrapper h3 {
padding-left: 10px;
}
.modelHouseMapWrapper ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-left: 10px;
}
.modelHouseMapWrapper ul li {
width: 50%;
}
.exhibitionPhotoWrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.spmR05 {
margin-right: 5px;
}
/* サイトマップ */
.sitemapTtlWrapper {
background-color: #6c9bd2;
color: #ffffff;
position: relative;
padding: 0 20px;
}
.sitemapTtlWrapper #pageTitleTxt {
position: relative!important;
transform: none!important;
top: auto!important;
text-align: left;
line-height: 1.0em;
padding: 15px;
font-size: 2.5rem;
}
.sitemapWrapper {
padding: 0 20px;
}
.sitemapWrapper ul {}
.sitemapWrapper ul li a {
padding: 0 0 0 15px;
/*background: url(../images/ico_arrow.png) no-repeat 0 0.3em;*/
}
.sitemapWrapper ul > li {
font-weight: bold;
}
.sitemapWrapper ul > li > ul > li {
font-weight: normal;
margin-left: 1em;
}
.sitemapWrapper ul.sitemapSubUl > li {
margin-bottom: 0;
}
.sitemapSubWrapper {
display: block;
}
.sitemapSubWrapper .sitemapBox {
width: auto;
}
/* モデルハウスへ戻るボタン */
.houseMakerBtn02 {
text-align: center;
}
.houseMakerBtn02 a {
background-color: #6C9BD2;
padding: 10px 20px;
display:inline-flex;
justify-content: center;
align-items: center;
color: #ffffff!important;
}
.houseMakerCatch {
min-height: 24px;
display: block;
}
#footer0201Txt02 a { color: #ffffff; }
/* splash 202102 */
body.temp .splashOverlay {
display: none!important;
}
body.top .splashOverlay{
display:none;
width:100vw;
height:100vh;
background: rgba(0,0,0,0.45);
position:fixed;
z-index:10001;
}
body.top .btn_area a{
width:300px;
height:300px;
background-image: url(../images/splash-banner@2x.png);
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
display: block;
}
body.top .btn_area a{
opacity: 1;
}
body.top .btn_area p{
}
body.top .splashWrapper {
position:absolute;
top:30%;
left: 0;
right: 0;
z-index:2;
width:300px;
height:300px;
margin: 0 auto;
}
body.top .splashWrapper button{
display:block;
position: absolute;
right: 0;
top: -43px;
width: 33px;
height: 33px;
background-image: url(../images/splashBannerClose@2x.png);
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
border: 0;
background-color: transparent;
}
body.top .splashWrapper button:focus{
outline: none;
border: none;
}
.reservationPresentBannerNew {
background-image: url(https://silpia.jp/myhometown/wp-content/uploads/2024/12/4ec014335ea906dcf108888cc6027c6e.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 100%;
height: 0;
padding-top: 113%;/* 222%/25%/185% */
text-indent: -9999px;
}
#presentBannerWrapper.spLR01 {
padding: 0;
}
.reservationPresentNewWrapper {
background-color: #eeeeda;
padding: 20px;
}
.reservationPresentNewWrapper .container {
width: auto;
margin: 0 auto;
}
.reservationPresentNewWrapper .container ul {
display: block;
}
.reservationPresentNewWrapper .container ul li {
padding: 25px;
margin: 0 0 25px 0;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 10px;
display: block;
}
.reservationPresentNewWrapper .container ul li:nth-child(4) {
margin: 0;
}
.reservationPresentNewWrapper .container ul li .imgBox {
display: block;
text-align: left;
}
.reservationPresentNewWrapper .container ul li:nth-child(1) .imgBox {
background-image: url(../images/presentMerit01SP@2x.png);
width: 100%;
height: 0;
padding-top: 22%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li:nth-child(2) .imgBox {
background-image: url(../images/presentMerit02SP@2x.png);
width: 100%;
height: 0;
padding-top: 22%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li:nth-child(3) .imgBox {
background-image: url(../images/presentMerit03SP@2x.png);
width: 100%;
height: 0;
padding-top: 22%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li:nth-child(4) .imgBox {
background-image: url(../images/presentMerit04SP@2x.png);
width: 100%;
height: 0;
padding-top: 22%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li h3 {
color: #ef5a24;
margin-top 10px;
text-align: center;
}
.reservationPresentNewWrapper .container ul li p {
letter-spacing: .1em;
}
/* PANORAMA VIEW */
.panoramaWrapper {
/*display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;*/
display:none !important;/*20240409更新*/
}
.panoramaWrapper .panoramaLeftBox {
width: 100%;
margin: 0;
}
.panoramaWrapper .panoramaRightBox {
width: 100%;
}
.panoramaWrapper .panoramaLeftBox iframe {
width: 100%;
max-width: 100%;
}
/* カタログ請求 */
.catalogWrapper {
background-color: #ebebeb;
padding: 15px;
box-sizing: border-box;
}
.catalogWrapper ul {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.catalogWrapper ul li {
list-style-type: none;
border: 1px solid #7f7f7f;
background-color: #ffffff;
padding: 30px 60px;
box-sizing: border-box;
width: 49%;
margin: 0 1% 1% 0;
}
.catalogWrapper ul li:nth-child(even) {
margin: 0 0 1% 0;
}
.catalogWrapper ul li:nth-child(3n) {
margin: 0 1% 1% 0;
}
.catalogWrapper ul li {
list-style-type: none;
border: 1px solid #7f7f7f;
background-color: #ffffff;
padding: 15px;
box-sizing: border-box;
}
.catalogWrapper ul li span {
font-weight: 600;
font-size: 1.4rem;
line-height: 1.6em;
}
.catalogWrapper ul li .housePhotoBox {
margin: 0 0 10px 0;
}
.catalogWrapper .formbox {
background-color: #ffffff;
padding: 20px;
}
/* 確認画面用 */
.mw_wp_form_confirm .confirmHidden {
display: none;
}
.mw_wp_form_confirm .catalogWrapper ul {
background-color: #ffffff;
padding: 20px 20px 25px 20px!important;
margin: 10px 0 25px 0;
}
.mw_wp_form_confirm .catalogWrapper ul li {
width: auto;
padding: 0 0 0 0;
border: none;
margin: 0;
background-color: transparent;
}
.mw_wp_form_confirm .catalogWrapper ul li:nth-child(3n) {
margin: 0;
}
.mw_wp_form_confirm .catalogWrapper ul li:nth-child(even) {
margin: 0;
}
/* 見学予約フォーム（プログラム調整版） */
.modelhouseTtl {
width: 100%;
padding: 25px 20px 5px 20px;
background-color: #ffffff;
box-sizing: border-box;
}
.modelhouseSubmit {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.customerWrapper {
border: 2px solid #999999;
padding: 10px;
box-sizing: border-box;
}
.dateWrapper {
background-color: #ebebeb;
padding: 15px;
box-sizing: border-box;
}
.dateWrapper .formbox {
background-color: #ffffff;
}
/* チェックボックス調整 */
.catalogWrapper ul li input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
outline: 0;
margin: 0;
background: #fff;
}
.catalogWrapper ul li input[type="checkbox"]{
display: none;
}
.catalogWrapper ul li label input[type="checkbox"]{
display: none;
cursor: pointer;
display: inline-block;
position: relative;
/*padding-left: 25px;*/
padding-right: 4px;
margin-right: 4px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.catalogWrapper ul li label input[type="checkbox"]:before{
content: "";
position: absolute;
display: block;
box-sizing: border-box;
width: 16px;
height: 16px;
margin-top: -10px;
left: -2px;
top: 50%;
border: 1px solid;
border-color: #a8a8a8; /* 枠の色変更 お好きな色を */
background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.catalogWrapper ul li label input[type="checkbox"]:checked:after{
content: "";
position: absolute;
display: block;
box-sizing: border-box;
width: 14px;
height: 8px;
margin-top: -8px;
top: 50%;
left: 1px;
transform: rotate(-45deg);
border-bottom: 3px solid;
border-left: 3px solid;
border-color: #000000;
}
.catalogWrapper ul li input[type=checkbox]+label::after {
width: 24px;
height: 24px;
top: 0;
}
.catalogWrapper ul li input[type=checkbox]:checked+label::after {
position: absolute;
display: block;
content: '';
/*background: url(../img/icon_check.png) 0 0 no-repeat;*/
/*background-size: 24px 24px;*/
left: -1px;
top: -1px;
}
/* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media print, screen and ( min-width: 960px ) {
.dateWrapper {
padding: 20px 30px;
}
/* splash 202102 */
body.temp .splashOverlay {
display: none!important;
}
body.top .splashOverlay{
display:none;
width:100%;
height:100%;
background: rgba(0,0,0,0.45);
position:fixed;
z-index:10001;
}
body.top .btn_area a {
width:400px;
height:400px;
background-image: url(../images/splash-banner@2x.png);
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
display: block;
}
body.top .btn_area a{
opacity: 1;
}
body.top .btn_area p{
padding:15px;
}
body.top .splashWrapper {
position:absolute;
top:50%;
left:50%;
margin-top: -200px;
margin-left: -200px;
width:400px;
height:400px;
z-index:2;
}
body.top .splashWrapper button{
display:block;
position: absolute;
right: 0;
top: -43px;
width: 33px;
height: 33px;
background-image: url(../images/splashBannerClose@2x.png);
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
border: 0;
background-color: transparent;
}
.reservationPresentNewWrapper {
background-color: #eeeeda;
}
.reservationPresentNewWrapper .container {
width: 1155px;
margin: 0 auto;
}
.reservationPresentNewWrapper .container ul {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.reservationPresentNewWrapper .container ul li {
width: 48.5%;
padding: 25px 40px;
margin: 0 0 3% 0;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 10px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.reservationPresentNewWrapper .container ul li:nth-child(3) ,
.reservationPresentNewWrapper .container ul li:nth-child(4) {
margin: 0;
}
.reservationPresentNewWrapper .container ul li .imgBox {
display: block;
text-align: left;
}
.reservationPresentNewWrapper .container ul li:nth-child(1) .imgBox {
background-image: url(../images/presentMerit01@2x.png);
width: 148px;
height: 172px;
padding-top: 0;
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li:nth-child(2) .imgBox {
background-image: url(../images/presentMerit02@2x.png);
width: 148px;
height: 172px;
padding-top: 0;
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li:nth-child(3) .imgBox {
background-image: url(../images/presentMerit03@2x.png);
width: 148px;
height: 172px;
padding-top: 0;
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li:nth-child(4) .imgBox {
background-image: url(../images/presentMerit04@2x.png);
width: 148px;
height: 172px;
padding-top: 0;
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
text-indent: -9999px;
}
.reservationPresentNewWrapper .container ul li .textBox {
width: calc(100% - 148px);
}
.reservationPresentNewWrapper .container ul li h3 {
color: #ef5a24;
text-align: left;
}
.reservationPresentBannerNew {
background-image: url(https://silpia.jp/myhometown/wp-content/uploads/2024/12/172d59116b4aeca3fc95eaadb75d91fc.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 1020px!important;/* 1040px */
height: 495px;
padding-top: 0;/* 25% */
text-indent: -9999px;
}
.modelHouseList01 > li#modelHouseList01Bnr01 {
width: 344px;
margin: 0 auto;
max-width: 344px;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
CUSTOM STYLE（PC）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
ul#nav01 > li a.active { color: #6c9bd2; }
/* add FONTFOUND */
.page404wrapper {
width: 60%;
margin: 0 auto;
padding: 100px 0;
}
.page404wrapper h2 {
font-size: 3.6rem;
line-height: 1.4em;
}
/* add EVENT DETAIL PAGE */
#pageTitle .eventDetailPage {
color: #ffffff;
top: 22%;
}
.entryWrapper {
position: relative;
margin-top: -160px;
z-index: 1;
background-color: #ffffff;
border: 1px solid #333399;
}
.entryWrapper:before {
content: "";
background-image: url(../images/entryWrapperBdTop@2x.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
display: block;
height: 63px;
width: 100%;
}
.entryWrapper:after {
content: "";
background-image: url(../images/entryWrapperBdBottom@2x.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0px;
display: block;
height: 63px;
width: 100%;
}
.entryWrapper .container {
padding: 70px 100px;
}
.eventPageTtlWrapper h2 {
padding-top: 0;
padding-bottom: 10px;
}
/* イベント2カラム */
.eventCatch {
padding: 0 0 40px 0;
font-size: 1.8rem;
}
.has-2-columns {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 0 60px 0;
}
.has-2-columns .wp-block-column {
width: 50%;
}
.has-2-columns .wp-block-column img {
max-width: 425px;
}
.wp-block-column h3 {
font-size: 2.6rem;
color: #6c9bd2;
font-weight: bold;
}
.eventDetailInfoWrapper {
width: 60%;
margin-bottom: 30px;
}
.wp-block-image {
max-width: 100%;
width: 100%;
}
/* pagetop */
#page-top a {
width: 57px;
height: 57px;
padding: 10px;
}
#page-top {
bottom: 125px;
right: 35px;
font-size: 1.1rem;
font-weight: bold;
}
/* お問い合わせフォーム */
.formbox {
margin-top: 20px;
padding: 20px 0 20px 20px;
border-top: 1px solid #ddd;
display: flex;
width: auto;
justify-content: center;
margin: 0 auto;
}
.formbox.lastLine {
border-bottom: 1px solid #ddd;
}
.formbox .body {
width: 80%;
box-sizing: border-box;
padding-left: 30px;
padding-top: 0;
-webkit-align-items: center;
align-items: center;
border-left: 1px solid #dddddd;
margin-left: 30px;
}
.formbox .head {
width: 20%;
-webkit-align-items: center;
align-items: center;
display: flex;
}
.reservationForm .formbox .head {
width: 25%;
}
.reservationForm .formbox .body {
width: 75%;
}
.reservationForm .formbox.brAjust span.body span:nth-child(4):after {
content: "";
display: block;
}
.reservationForm .formbox.brAjust span.body span:nth-child(5) {
margin-left: 0;
}
.formbox .attensionlabel ,
#agreementBox .attensionlabel {
margin-left: auto;
}
.formbox .attension {
padding: 1px 12px;
}
#agreementBox .attensionlabel {
padding: 5px 12px;
margin-left: 12px;
}
.formWrapper input[type="text"] ,
.formWrapper input[type="tel"] ,
.formWrapper input[type="email"] ,
.formWrapper textarea {
width: auto;
padding: 10px 15px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.formWrapper input.sp_address ,
.formWrapper input.sp_email ,
.formWrapper textarea.sp_content {
width: 80%!important;
}
.formWrapper .btnWrapper {
padding: 30px 0px;
}
/* 流れ */
.contactFlowWrapper {
width: 800px;
padding: 0 0 30px 0;
}
.contactFlowWrapper ul {
display: flex;
justify-content: center;
align-items: center;
list-style-type: none;
}
.contactFlowWrapper ul li {
width: auto;
margin: 0 55px 0 0;
}
.contactFlowWrapper ul li:after {
content: "▶︎";
right: -3em;
left: auto;
bottom: auto;
}
/* イベント一覧ページ */
.indexEventListImg { height: 250px; align-items: center; }
.indexEventList .indexEventListImg { height: 284px; padding-top: 0; }
#eventListPage #indexEvent {
padding-bottom: 0;
display: flex;
justify-content: space-between;
}
#eventListPage .indexEventList li {
letter-spacing: normal; width: 330px; max-width: calc( (100% - 60px)/3 ); margin: 0 45px 40px 0px;
border: 1px solid #cccccc; padding: 22px; position: relative;
box-sizing: border-box; }
#eventListPage .indexEventList li:nth-child(3n) {
margin: 0 0 40px 0px;
}
#eventListPage .indexEventList li:last-child {
margin: 0 0 0 0;
}
#eventListPage .indexEventList dl { margin: 0 0 5.2em 0;}
#eventListPage .indexEventList dd { font-weight: normal; line-height: 1.4em; }
#eventListPage .indexEventListDetail {
width: 4em;
left: 10px;
right: 10px;
margin: 0 auto;
text-align: center;
position: absolute;
bottom: 22px;
}
/* exhibition */
.exhibitionWrapper {
padding: 0;
}
.exhibitionWrapper ul {
display: block;
}
.exhibitionWrapper ul li {
width: auto;
padding: 0;
margin: 0 0 40px 0;
}
.exhibitionWrapper ul li .container {
padding: 30px 40px 40px 40px;
}
.exhibitionWrapper ul li .container.panoramaBox {
padding: 30px 15px 30px 15px;
background-color: #ffffff;
}
.exhibitionWrapper ul li .container h3 {
background-color: #f2f2f2;
line-height: 1.4em;
}
.exhibitionWrapper .exhibitionSubWrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.exhibitionWrapper .exhibitionSubWrapper .exhibitionPhotoBox {
width: 35%;
}
.exhibitionWrapper .exhibitionSubWrapper .exhibitionTxtBox {
width: 62%;
}
.txtBtn a {
display: inline-block;
padding: 0.5em 2.6em 0.5em;
background: #808075;
color: #FFF;
font-size: 1.4rem;
}
.wp-block-button {
margin: 0 auto;
text-align: center;
}
.exhibitionIntroductionWrapper {
padding: 0;
}
.exhibitionIntroductionSubWrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
padding: 0;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSubLeft {
width: 62%;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSubRight {
width: 33%;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSub02Left {
width: 45%;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSub02Right {
width: 50.5%;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSub02Right {
text-align: right;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSub02Right img {
height: 230px!important;
}
/* プライバシーポリシー */
.ppWrapper .subTtl {
}
/* デジタルチラシ */
.digitalWrapper {
padding: 40px;
}
.digitalWrapper .wp-block-column h3 {
font-size: 1.5rem;
}
/* モデルハウス */
.modelHouseWrapper ol {
margin: 0;
padding: 0;
}
.modelHouseWrapper ol li {
margin: 0 0 0 3em;
padding: 0;
list-style-type: decimal!important;
}
.modelHouseMapWrapper {
margin: 0 auto;
width: 743px;
}
.modelHouseMapWrapper h3 {
padding-left: 15px;
}
.exhibitionIntroductionSubWrapper .exhibitionIntroductionSubRight img {
height: 230px;
}
/* カタログ請求 */
.catalogWrapper {
padding: 25px 25px 50px 25px;
overflow: hidden;
position: relative;
}
.catalogWrapper ul li {
width: 32.5%;
}
.catalogWrapper ul li span {
font-weight: 600;
font-size: 1.7rem;
line-height: 1.6em;
}
.catalogWrapper ul li:nth-child(3n) {
margin: 0 0 1% 0;
}
.catalogWrapper ul li:nth-child(even) {
margin: 0 1% 1% 0;
}
.catalogWrapper ul li:nth-child(3n) {
margin: 0 0 1% 0;
}
.catalogWrapper ul li {
padding: 30px 60px;
}
.catalogWrapper ul li label input[type="checkbox"]:before{
width: 20px;
height: 20px;
margin-top: -12px;
}
.catalogWrapper ul li label input[type="checkbox"]{
padding-right: 10px;
margin-right: 10px;
}
/* サイトマップ */
.sitemapTtlWrapper {
padding: 0;
}
.sitemapWrapper {
padding: 0;
width: 980px;
margin: 0 auto;
}
.sitemapTtlWrapper #pageTitleTxt {
font-size: 2.5rem;
}
.sitemapSubWrapper {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.sitemapSubWrapper .sitemapBox {
width: 30%;
}
.sitemapWrapper ul.sitemapSubUl > li {
margin-bottom: 2em;
}
.houseMakerCatch {
min-height: 24px;
display: block;
}
.mapWrapper img {
width: 100%;
}
/* フォーム一時停止 */
.w1100 { width: 1040px; margin: 0 auto; }
.w1100.attensionOuter {
box-sizing: border-box; border: 3px solid #ff0000; background-color: #ffffff;
}
.w1100.attensionOuter h3 { color: #ff0000; }
.w1100.attensionOuter h2 span { color: #ffffff; background-color: #ff0000; padding: 10px 15px; text-align: center; display: inline-block; line-height: 1; }
.w1100.reservationPresentBanner {
background-image: url(../images/reservationPresentBannerPC@2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 850px;/* 1040px */
height: 0;
padding-top: 22%;/* 25% */
text-indent: -9999px;
}
/* コロナ感染症対策 */
.pcAc {
text-align: center;
}
/* 地域限定LP用 */
#headerWrap.local-LP #headerForm {
position: absolute;
top: 62px;
right: 12px;
}
/* PANORAMA VIEW */
.panoramaWrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.panoramaWrapper .panoramaLeftBox {
width: 450px;
margin: 0 24px 0 0;
}
.panoramaWrapper .panoramaRightBox {
width: 505px;
}
.exhibitionWrapper ul li .container.panoramaBox .panoramaThumWrapper {
justify-content: flex-start;
}
/* BIGボタン */
.panoramaBtnWrapper {
display: flex;
justify-content: flex-start;
align-items: center;
}
.panoramaBtnWrapper div {
display: inline-block;
}
}
/* Gutenberg */
.wp-block-column .has-vivid-red-color {
color: #ff0000!important;
}
.wp-block-column .has-large-font-size strong {
font-size: 2.4rem!important;
}
/*
.has-pale-pink-background-color.has-pale-pink-background-color {
background-color: #f78da7; }
.has-vivid-red-background-color.has-vivid-red-background-color {
background-color: #cf2e2e; }
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {
background-color: #ff6900; }
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {
background-color: #fcb900; }
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {
background-color: #7bdcb5; }
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {
background-color: #00d084; }
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {
background-color: #8ed1fc; }
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {
background-color: #0693e3; }
.has-very-light-gray-background-color.has-very-light-gray-background-color {
background-color: #eee; }
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
background-color: #abb8c3; }
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {
background-color: #313131; }
.has-pale-pink-color.has-pale-pink-color {
color: #f78da7; }
.has-vivid-red-color.has-vivid-red-color {
color: #cf2e2e; }
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {
color: #ff6900; }
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {
color: #fcb900; }
.has-light-green-cyan-color.has-light-green-cyan-color {
color: #7bdcb5; }
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {
color: #00d084; }
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {
color: #8ed1fc; }
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
color: #0693e3; }
.has-very-light-gray-color.has-very-light-gray-color {
color: #eee; }
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
color: #abb8c3; }
.has-very-dark-gray-color.has-very-dark-gray-color {
color: #313131; }
.has-small-font-size {
font-size: 13px; }
.has-regular-font-size,
.has-normal-font-size {
font-size: 16px; }
.has-medium-font-size {
font-size: 20px; }
.has-large-font-size {
font-size: 36px; }
.has-larger-font-size,
.has-huge-font-size {
font-size: 42px; }
*/
/* NEWS & COLUMN */
/* NEWS*/
#indexNews { overflow: hidden; padding: 28px 0 96px; }
#indexNews { padding: 32px 0; }
.indexNewsList { }
#indexNews ul.indexNewstList { padding: 0 15px; background-color: #f8f8f8; border-top: none; }
#indexNews ul.indexNewstList li { padding: 10px; border-bottom: 1px dotted #858585; }
#indexNews ul.indexNewstList li:last-child { border-bottom: none; }
#indexNews ul.indexNewstList li dl { display: block; }
#indexNews ul.indexNewstList li dl dt { color: #0075c2; }
#indexNews ul.indexNewstList li dl dd { width: auto; line-height: 1.2em; }
#indexNews .newsListBtn a { display: inline-flex; justify-content: center; align-items: center; padding: 6px 10px; background-color: #969696; color: #ffffff; font-weight: bold; line-height: 1; }
/* BANNER WRAPPER */
.topBannerWrapper { padding: 32px 0 0 0; }
.topBannerWrapper > ul {
display: block;
}
.topBannerWrapper > ul > li {
padding: 0 0 20px 0;
}
/* LIST */
#pageNewsTitle {
background: #6c9bd2;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
}
#pageNewsTitle #pageTitleTxt {
color: #ffffff;
position: relative;
transform: inherit;
line-height: 1;
}
#pageTitle #pageTitleTxt.pageColumnTitle {
color: #000000;
}
#indexNews.newsListPage ul.indexNewstList { padding: 0; background-color: transparent; border-top: 1px dotted #858585; }
#indexNews.newsListPage ul.indexNewstList li:last-child { border-bottom: 1px dotted #858585; }
/* NEWS DETAIL */
.entryWrapper.newsWrapper .container .eventPageTtlWrapper h2 ,
.entryWrapper.columnWrapper .container .eventPageTtlWrapper h2 {
color: #0075c2;
font-family: serif;
text-align: left;
}
/* PAGENATION */
.pageNationWrapper {
padding: 50px 0;
}
.pageNationWrapper ul {
display: flex;
justify-content: center !important;
align-items: center !important;
flex-wrap: unset !important;
}
.pageNationWrapper ul li{
list-style-type: none;
padding: 0 10px;
margin: 0 !important;
width: unset !important;
}
.pageNationWrapper ul li span{
border: 1px solid #000000;
border-radius: 100%;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #ffffff;
}
.pageNationWrapper ul li a{
border: 1px solid #000000;
border-radius: 100%;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.pageNationWrapper ul li a.next{
border: none;
width: 31px;
height: 9px;
display: block;
background-image: url(../images/nextSign@2x.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
}
.pageNationWrapper ul li a.prev{
border: none;
width: 31px;
height: 9px;
display: block;
background-image: url(../images/prevSign@2x.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999px;
}
/* COLUMN*/
#columnNews { overflow: hidden; padding: 35px 0 0 0; }
#columnWrapper { overflow: hidden; padding: 28px 0; }
#columnWrapper .columnBanner li {
width: 90%;
margin: 0 auto 20px auto;
}
#columnWrapper .columnBanner li a img {
width: 100%;
}
#columnWrapper .columnBanner li:last-child {
}
#columnWrapper .columnBanner li a {
}
#columnNews ul {
display: flex;
justify-content: start;
align-items: flex-start;
padding: 0 0 38px 0;
flex-wrap: wrap;
}
#columnNews ul li {
list-style-type: none;
width: 48%;
margin-right: 4%;
margin-bottom: 5%;
}
#columnNews ul li:nth-child(2n) {
margin-right: 0;
}
#columnNews ul li .photoBox {
width: 100%;
height: 0;
padding-top: 66%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#columnNews .newsListTtl .newsDate {
/*font-family: 'Roboto Slab', serif;*/
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1.2rem;
}
#columnNews .newsListTtl .newsEntryTtl {
font-weight: 600;
line-height: 1.4em;
}
#columnNews .newsListTtl .newsArea {
font-size: 1.2rem;
font-weight: 600;
}
#columnNews ul li .newsListTtl {
padding: 5px 0 0 0;
}
#columnNews .columnTtl {
color: #6C9BD2;
font-size: 1.4rem;
}
#pageTitle #pageTitleTxt.pageColumnTitle.dropShadow {
text-shadow: 0 0 10px rgb(255,255,255,1);
}
@media print, screen and ( min-width: 896px ) {
/* NEWS*/
#indexNews { overflow: hidden; padding: 70px 0 0 0; }
.indexNewsList { }
#indexNews ul.indexNewstList { }
#indexNews ul.indexNewstList li { width: auto; padding: 20px; }
#indexNews ul.indexNewstList li dl { display: flex; justify-content: flex-start; align-items: flex-start; }
#indexNews ul.indexNewstList li dl dt { width: 110px; }
#indexNews ul.indexNewstList li dl dd { width: auto; line-height: 1.9em; }
/* BANNER WRAPPER */
.topBannerWrapper { padding: 70px 0 0 0; }
.topBannerWrapper > ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.topBannerWrapper > ul > li {
width: 30%!important;
border-bottom: none!important;
padding: 0!important;
}
/* NEWS DETAIL */
.entryWrapper.newsWrapper {
margin-top: 0;
border: none;
}
.entryWrapper.newsWrapper .container{
padding: 70px 0;
}
.entryWrapper.newsWrapper .container .eventPageTtlWrapper h2 {
text-align: center;
}
.entryWrapper.newsWrapper:before ,
.entryWrapper.newsWrapper:after {
display: none;
}
/* NEWS DETAIL */
.entryWrapper.columnWrapper {
margin-top: 0;
border: none;
}
.entryWrapper.columnWrapper .container{
padding: 70px 0;
}
.entryWrapper.columnWrapper .container .eventPageTtlWrapper h2 {
text-align: center;
}
.entryWrapper.columnWrapper:before ,
.entryWrapper.columnWrapper:after {
display: none;
}
/* COLUMN*/
#columnNews { overflow: hidden; padding: 70px 0 0 0; }
#columnWrapper {
padding: 76px 0 40px;
}
#columnWrapper .columnBanner {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#columnWrapper .columnBanner li {
width: 47%;
}
#columnWrapper .columnBanner li:last-child {
}
#columnWrapper .columnBanner li a {
width: 100%;
}
#columnWrapper .columnBanner li a img {
width: 100%;
}
#columnWrapper { overflow: hidden; padding: 0 0 70px; }
#columnNews ul {
padding: 0 0 38px 0;
}
#columnNews ul li {
width: 22%;
margin-right: 46px;
}
#columnNews ul li:nth-child(2n) {
margin-right: 46px;
}
#columnNews ul li:nth-child(4n) {
margin-right: 0;
}
#columnNews ul li .photoBox {
}
#columnNews ul li .newsListTtl {
padding: 10px 0 0 0;
}
#columnNews .newsListTtl .newsDate {
/*font-family: 'Roboto Slab', serif;*/
font-size: 1.4rem;
}
#columnNews .newsListTtl .newsEntryTtl {
line-height: 1.6em;
}
#columnNews .newsListTtl .newsArea {
font-size: 1.4rem;
}
#columnNews .columnTtl {
font-size: 2.4rem;
}
#columnNews ul li a {
display: block;
}
#columnNews ul li a:hover {
opacity: 0.7;
}
}
p.indexEventListImg img {
width: 100%;
object-fit: cover;
height: 100%;
}
@media screen and (max-width: 768px) {
.indexEventList .indexEventListImg {
overflow: hidden;
}
p.indexEventListImg img {
height: 140px;
}
.modelHouseList01 > li:nth-child(3) > p {
height: 97px;
}
}
/*##### Archives Pagenation #####*/
#pagenation {
position: relative;
overflow: hidden;
}
.wp-pagenavi {
display: flex;
justify-content: center;
align-items: center;
}
.wp-pagenavi span.current {
padding: 14px 14px;
height: 10px;
color: #fff;
background: #808075;
border: 1px solid #808075;
display: flex;
justify-content: center;
align-items: center;
margin: 0 4px;
}
.wp-pagenavi a.page {
padding: 14px 14px;
height: 10px;
color: #808075;
background: #fff;
border: 1px solid #808075;
display: flex;
justify-content: center;
align-items: center;
margin: 0 4px;
}
@media screen and (max-width: 768px) {
.wp-pagenavi span.current {
padding: 14px 10px;
height: 1px;
margin: 0 2px;
}
.wp-pagenavi a.page {
padding: 14px 10px;
height: 1px;
margin: 0 2px;
}
a.last, a.first {
font-size: 10px;
}
}
#modelhouseCheck03 {
position: relative;
}
.form-itijo {
position: absolute;
right: 58px;
bottom: 0px;
text-decoration: underline !important;
color: #2474d9 !important;
}
@media screen and (max-width: 768px) {
.form-itijo {
right: 0;
bottom: -2px;
font-size: .5rem;
}
}
/* --------------------------------------------------
モデルハウス - 詳細
-------------------------------------------------- */
.modelhouse-banner {
padding: 70px 0;
text-align: center;
}
.modelhouse-banner + .modelhouse-banner {
padding-top: 0;
}
@media only print, screen and ( max-width: 896px ) {
.modelhouse-banner {
padding: 32px 0;
}
}
.point-box__photo {
width: 280px;
}
.point-box__photo img {
width: 280px;
}
@media only print, screen and ( max-width: 896px ) {
.point-box__photo {
width: 100%;
}
}
/* --------------------------------------------------
イベントスライドショー
-------------------------------------------------- */
#event_sld {
list-style-type: none;
display: flex;
width: 1156px;
margin: 0 auto;
}
#event_sld li {
display: inline-block;
margin: 20px;
}
.viewer-container .viewer-button {
position: absolute;
overflow: hidden;
cursor: pointer;
background-color: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.viewer-canvas, .viewer-footer {
z-index: 2000;
}
.viewer-container {
background-color: rgba(0, 0, 0, .9);
}
.event_text {
text-align: center;
margin: 1rem auto 0;
padding: 0;
font-size: 2.2rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
color: #6C9BD2;
}
.event_text::before,
.event_text::after {
background-color:#6C9BD2; /* 線の色 */
border-radius: 5px; /* 線の両端を丸く */
content: "";
height: 2px; /* 線の高さ */
width: 20px; /* 線の長さ */
}
.event_text::before {
margin-right: 10px; /* 文字との余白 */
transform: rotate(60deg); /* 傾ける */
}
.event_text::after {
margin-left: 10px; /* 文字との余白 */
transform: rotate(-60deg); /* 傾ける */
}
@media only print, screen and ( max-width: 896px ) {
#event_sld {
list-style-type: none;
display: flex;
width: 100%;
margin: 0 auto;
flex-direction: column;
}
}