情報誌『Smile』｜トヨタすまいるライフ

.pc99{ display:block !important; } .sp99{ display:none !important; } .sita-no-guri{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin:5vw 0 5vw 0; } .sita-no-guri h2{ font-size:14px; } .nanba-kakoki{ font-size:14px; background: #FFF100; padding:5px 15px; color: #E71F19; } .naka-uuu{ text-align: center; font-size:1.1vw; font-weight: 700; } .sen-hhh{ border: solid 7px #FFF100; margin:-2vw 0 0 -5vw; } .akaibu-taitoru{ margin:1vw 0 6vw 0; } .akaibu-taitoru img{ } .haow-to-guri{ display: grid; grid-template-columns: 1.3fr 0.7fr; background: url(https://smile.toyotahome.co.jp/magazine/wordpress/wp-content/uploads/2024/04/haikei.svg) repeat; background-size: cover; margin:1vw 0 2vw 5vw ; position: relative; } .haow-to-guri:before{ content: attr(data-hoge); position: absolute; top:1vw; right:0vw; width:7vw; height:2.5vw; font-size:1.5vw; color: #E60012; background: #FFF100; font-weight: 700; padding:0vw 1vw 0.5vw 1vw; text-align: center; } .haow-to-guri .ssg { padding:1vw 1vw 1vw 0.3vw; } .haow-to-guri .ssg h2{ color: #fff; font-size:1.2vw; margin:1vw -1vw 0.1vw 1vw; padding:1vw 1vw 0.5vw 1vw; text-align: center; } .haow-to-guri .ssg p{ text-align: center; color: #fff; font-weight: 700; padding:0vw 1vw 1vw 1vw; } .haow-to-guri .ssg span{ font-size:0.8vw; } .haow-to-guri .ggt{ padding:1vw; margin:5vw 1vw 1vw 0vw; max-height: 19.6vw; background: #fff; } .haow-to-guri .ggt h3{ font-size:1vw; margin:0 auto 0.6vw auto; } .haow-to-guri .ggt p{ font-size:0.6vw; } .ggt img{ width:10vw; margin:0 auto 1vw auto; } @media screen and (max-width: 768px) { .sita-no-guri { display: grid; grid-template-columns: 1fr; gap: 15px; margin: 5vw; } .haow-to-guri { display: grid; grid-template-columns: 1fr; background: url(https://smile.toyotahome.co.jp/magazine/wordpress/wp-content/uploads/2024/04/haikei.svg) repeat; background-size: cover; margin: 1vw 0 2vw 0vw; position: relative; } .sen-hhh { border: solid 7px #FFF100; margin: 8vw 0 2vw 0; } .haow-to-guri .ssg h2 { color: #fff; font-size: 5vw; margin: 1vw -1vw 0.1vw 1vw; padding: 1vw 1vw 5vw 1vw; text-align: center; line-height: 1.5; } .haow-to-guri .ssg span { font-size: 3.5vw; } .haow-to-guri .ssg { padding: 1vw 2vw 1vw 2vw; } .pc99{ display:none !important; } .sp99{ display:block !important; } .ggt img { width: 30vw; margin: 0 auto 1vw auto; } .haow-to-guri .ggt { padding: 2vw 5vw; margin: 5vw 5vw 3vw 5vw; max-height: 100%; background: #fff; } .haow-to-guri .ggt h3 { font-size: 4vw; margin: 0 auto 0.6vw auto; text-align: center; } .haow-to-guri .ggt p { font-size: 3vw; } .haow-to-guri:before { content: attr(data-hoge); position: absolute; top: 2vw; right: 0vw; width: 25vw; height: 5.5vw; font-size: 3.5vw; color: #E60012; background: #FFF100; font-weight: 700; padding: 0vw 1vw 1vw 1vw; text-align: center; } .naka-uuu { text-align: center; font-size: 4vw; font-weight: 700; } .akaibu-taitoru { margin: 1vw 0 8vw 0; } }