カージャンボ山口-ブログアーカイブ | 広島県の自動車の販売、車検・整備、鈑金【ピットイン鯉城】

BLOG一覧

@charset "UTF-8"; /* Scss Document */ /*#####デフォルト設定#####*/ /*#####################*/ html { width: 100%; font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 62.5%; background-color: #fff; letter-spacing: -0.001em; -webkit-text-size-adjust: 100%; } body { width: 100%; min-height: 100%; margin: 0; padding: 0; position: relative; } /*html5新タグ対策*/ article, section, nav, aside, hgroup, header, footer, figure, figcaption, canvas, main { display: block; margin: 0 auto; padding: 0px; text-align: left; } div, h1, h2, h3, h4, h5, p, ul, li, ol, dl, dt, dd, table, td, th, hr, input, textarea, select { margin: 0 auto; padding: 0px; text-align: left; } div, h1, h2, h3, h4, h5, p, li, dt, dd, td, label, th, td, caption, figcaption, a, span, strong, em, small, label, pre, input, textarea, th, td { font-weight: 400; font-size: 2.2rem; line-height: 1.7; color: #000000; font-feature-settings: "palt"; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } @media (max-width: 1040px) and (min-width: 768px) { div, h1, h2, h3, h4, h5, p, li, dt, dd, td, label, th, td, caption, figcaption, a, span, strong, em, small, label, pre, input, textarea { font-size: 2.2rem; line-height: 1.7; } } @media screen and (max-width: 767px) { div, h1, h2, h3, h4, h5, p, li, dt, dd, td, label, th, td, caption, figcaption, a, span, strong, em, small, label, pre, input, textarea { font-size: 1.7rem; line-height: 1.7; } } li li, td p, td li, li p, td td, td td p, td h1, td h2, pre, td p label, td label, dd p, dd ul li, td p label, p small, li dt, li dd, li label, p a, li a, li span, td a, small span, p span span, li span span, p span, h1 span, h2 span, h3 span, h4 span, h1 a, h2 a, h3 a, h4 a { color: inherit; line-height: inherit; font-weight: inherit; color: inherit; font-size: inherit; } strong, em, small, i, figcaption { font-style: normal; } fieldset { border: none; } ul, ol { list-style: none; } img { border: none; vertical-align: top; width: 100%; height: auto; } amp-img.ampimg { display: inline-block; border: none; vertical-align: top; width: 100%; height: auto; } table { border-collapse: collapse; border-spacing: 0; border: none; font-size: inherit; font: 100%; } sup { position: relative; vertical-align: text-top; } sub { position: relative; vertical-align: text-bottom; } /*スクロールバー対策*/ html { /*overflow-y:scroll; */ } input, textarea { border: 1px #ddd solid; border-top: 1px #aaa solid; } /*疑似クラス*/ a:visited { text-decoration: none; color: inherit; } a:hover { color: inherit; } a:active { text-decoration: none; color: inherit; } *[class*="btn"] > a { display: block; width: 100%; height: 100%; } *[class*="btn"] > a:link { text-decoration: none; color: inherit; } *[class*="btn"] > a:visited { text-decoration: none; color: inherit; } *[class*="btn"] > a:hover { text-decoration: none; color: inherit; } *[class*="btn"] > a:active { text-decoration: none; color: inherit; } a.btn { display: block; width: 100%; height: 100%; } a.btn:link { text-decoration: none; color: inherit; } a.btn:visited { text-decoration: none; color: inherit; } a.btn:hover { text-decoration: none; color: inherit; } a.btn:active { text-decoration: none; color: inherit; } a:link { text-decoration: none; color: inherit; } /*selectの初期化*/ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(https://www.onsogo.co.jp/wp-content/themes/onsogo/common/images/01_common/select.png); background-repeat: no-repeat; background-position: right center; height: 24px; vertical-align: top; border: 1px solid #ccc; border-top: 1px solid #aaa; padding: 1px 15px 1px 3px; } .setMincho { font-family: "Noto Serif JP", cursive, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", serif; font-weight: normal; } .setClearFix{zoom:100%}.setClearFix:after{content:".";clear:both;height:0;display:block;visibility:hidden}.setClearBoth{clear:both}.setClearBoth hr{display:none}[class*="only"]{display:none}.marker_under_red{background:linear-gradient(transparent 70%, #ffb6b9 70%)}.marker_under_yellow{background:linear-gradient(transparent 70%, #faf592 70%)}.marker_under_orange{background:linear-gradient(transparent 70%, rgba(231,155,37,0.8) 70%)}form span.mwform-radio-field label input[type="radio"]{position:absolute;opacity:0}form span.mwform-radio-field label input[type="radio"]+.mwform-radio-field-text:before{width:2rem;height:2rem;top:5px;content:'';background:#f4f4f4;border-radius:100%;border:1px solid #b4b4b4;display:inline-block;position:relative;margin-right:1rem;cursor:pointer;transition:all 250ms ease}form span.mwform-radio-field label input[type="radio"]:checked+.mwform-radio-field-text:before{background-color:#333;box-shadow:inset 0 0 0 4px #f4f4f4}form span.mwform-radio-field label input[type="radio"]:focus+.mwform-radio-field-text:before{outline:none;border-color:#333}form span.mwform-radio-field label input[type="radio"]+.mwform-radio-field-text:empty:before{margin-right:0}.photoDefault,.photoDefault2{position:relative;overflow:hidden;display:block;width:100%;height:auto}.photoDefault>img,.photoDefault>amp-img,.photoDefault2>img,.photoDefault2>amp-img{position:absolute;width:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)} @media screen and (min-width:1041px) {div#wrapper { position: relative; min-height: 100vh; padding-top: 70px; padding-bottom: 253px; box-sizing: border-box; } div#wrapper > header#header { position: fixed; top: 0; left: 0; z-index: 4444; width: 100%; height: 70px; line-height: 70px; background-color: #000000; text-align: center; } div#wrapper > header#header > h1 { display: inline-block; width: 700px; vertical-align: middle; } @media screen and (min-width: 1100px) and (max-width: 1199px) { div#wrapper > header#header > h1 { width: 650px; } } @media screen and (min-width: 1041px) and (max-width: 1099px) { div#wrapper > header#header > h1 { width: 620px; } } div#wrapper > header#header > p { position: absolute; top: 0; right: 0; z-index: 2222; width: 200px; height: 70px; line-height: 70px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; background-color: #ffffff; } div#wrapper > header#header > p a { display: block; width: 100%; height: 100%; } div#wrapper > header#header > p a > img, div#wrapper > header#header > p a > amp-img { vertical-align: middle; } div#wrapper > header#header > nav.nav1 { z-index: 8888; background-color: #ffffff; width: 200px; position: fixed; top: 70px; left: 0; } @media screen and (min-width: 1400px) and (max-width: 1499px) { div#wrapper > header#header > nav.nav1 { width: 190px; } } @media screen and (min-width: 1300px) and (max-width: 1399px) { div#wrapper > header#header > nav.nav1 { width: 175px; } } @media screen and (min-width: 1200px) and (max-width: 1299px) { div#wrapper > header#header > nav.nav1 { width: 150px; } } @media screen and (min-width: 1100px) and (max-width: 1199px) { div#wrapper > header#header > nav.nav1 { width: 135px; } } @media screen and (min-width: 1041px) and (max-width: 1099px) { div#wrapper > header#header > nav.nav1 { width: 110px; } } div#wrapper > header#header > nav.nav1 > h2 > a { display: block; padding-left: 5%; padding-right: 5%; padding-top: 15px; padding-bottom: 15px; } div#wrapper > header#header > nav.nav1 > ul.list1 > li > a { display: block; height: 55px; line-height: 55px; text-align: center; padding-right: 7px; padding-left: 7px; box-sizing: border-box; } div#wrapper > header#header > nav.nav1 > ul.list1 > li > a > img, div#wrapper > header#header > nav.nav1 > ul.list1 > li > a > amp-img { vertical-align: middle; width: 97%; } div#wrapper > header#header > nav.nav1 > ul.list1 > li:nth-child(1) { background-color: #c40018; } div#wrapper > header#header > nav.nav1 > ul.list1 > li:nth-child(2) { background-color: #288ce6; } div#wrapper > header#header > nav.nav1 > ul.list1 > li:nth-child(3) { background-color: #3c9628; } div#wrapper > header#header > nav.nav1 > ul.list1 > li:nth-child(4) { background-color: #ff8200; } div#wrapper > header#header > nav.nav1 > ul.list2 { padding-top: 20px; padding-bottom: 20px; background-color: #f2f2f2; } div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { display: block; width: 100%; font-size: 1.8rem; font-weight: 700; box-sizing: border-box; padding-left: 20px; line-height: 1.8; } @media screen and (min-width: 1400px) and (max-width: 1499px) { div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { font-size: 1.7rem; } } @media screen and (min-width: 1300px) and (max-width: 1399px) { div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { font-size: 1.6rem; } } @media screen and (min-width: 1200px) and (max-width: 1299px) { div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { font-size: 1.5rem; } } @media screen and (min-width: 1100px) and (max-width: 1199px) { div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { font-size: 1.3rem; } } @media screen and (min-width: 1041px) and (max-width: 1099px) { div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { font-size: 1.2rem; } } @media screen and (min-width: 1041px) and (max-width: 1099px) { div#wrapper > header#header > nav.nav1 > ul.list2 > li > a { padding-left: 10px; } } div#wrapper > header#header > nav#gnavi > * { display: none; } div#wrapper > header#header > nav#gnavi > dl { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 1111; top: 0; right: 0; width: 100px; padding-top: 20px; box-sizing: border-box; background-color: #000000; height: 100vh; } @media screen and (min-width: 1400px) and (max-width: 1499px) { div#wrapper > header#header > nav#gnavi > dl { width: 95px; } } @media screen and (min-width: 1300px) and (max-width: 1399px) { div#wrapper > header#header > nav#gnavi > dl { width: 90px; } } @media screen and (min-width: 1200px) and (max-width: 1299px) { div#wrapper > header#header > nav#gnavi > dl { width: 85px; } } @media screen and (min-width: 1100px) and (max-width: 1199px) { div#wrapper > header#header > nav#gnavi > dl { width: 80px; } } @media screen and (min-width: 1041px) and (max-width: 1099px) { div#wrapper > header#header > nav#gnavi > dl { width: 75px; } } div#wrapper > header#header > nav#gnavi > dl > * { margin: 0; transform: translateX(20px) translateY(-60px); } div#wrapper > header#header > nav#gnavi > dl > dt { font-size: 1.8rem; font-weight: 700; color: #FFFFFF; writing-mode: vertical-rl; /* vertical right-to-left */ } div#wrapper > header#header > nav#gnavi > dl > dd { margin: 0; margin-top: 25px; } div#wrapper > header#header > nav#gnavi > dl > dd > a { display: block; font-size: 1px; } div#wrapper > header#header > nav#gnavi > dl > dd.x_logo { width: 25px; } div#wrapper > header#header > nav#gnavi > dl > dd.x_logo > a > img, div#wrapper > header#header > nav#gnavi > dl > dd.x_logo > a > amp-img { aspect-ratio: 1 / 1; } div#wrapper > header#header > nav#gnavi > dl > dd.insta_logo { width: 30px; } div#wrapper > header#header > nav#gnavi > dl > dd.insta_logo > a > img, div#wrapper > header#header > nav#gnavi > dl > dd.insta_logo > a > amp-img { aspect-ratio: 1 / 1; } div#wrapper > header#header > nav#gnavi > dl > dd.face_logo { width: 30px; } div#wrapper > header#header > nav#gnavi > dl > dd.face_logo > a > img, div#wrapper > header#header > nav#gnavi > dl > dd.face_logo > a > amp-img { aspect-ratio: 1 / 1; } div#wrapper > header#header > nav#gnavi > dl > dd.youtube_logo { width: 35px; } div#wrapper > header#header > nav#gnavi > dl > dd.youtube_logo > a > img, div#wrapper > header#header > nav#gnavi > dl > dd.youtube_logo > a > amp-img { aspect-ratio: 214 / 150; } div#wrapper > main { position: relative; z-index: 2222; } div#wrapper > main > article > section.sect_access { background-color: #fff6cc; padding-top: 55px; padding-bottom: 55px; } div#wrapper > main > article > section.sect_access > div { max-width: 1000px; width: 85%; display: flex; justify-content: space-between; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) { width: 400px; margin: 0; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > header { margin-bottom: 50px; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > header > h3 > a { font-size: 2.5rem; font-weight: 700; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > figcaption { font-size: 2.5rem; font-weight: 700; border-bottom: dashed 1px #000000; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div { border-bottom: dashed 1px #000000; padding-left: 1.2rem; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div > dt { font-size: 1.8rem; font-weight: 500; display: inline-block; line-height: 2.5; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div > dd { font-size: 1.8rem; font-weight: 500; display: inline-block; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div > dd::before { content: "/"; display: inline-block; width: 10px; margin-right: 5px; margin-left: 5px; } div#wrapper > main > article > section.sect_access > div > div:nth-child(2) { width: calc(100% - 450px); margin: 0; } div#wrapper > main > article > section.sect_access > div > div:nth-child(2) > iframe { width: 100%; height: 100%; } div#wrapper > main > article > section.sect_contact { background-color: #ffd200; padding-top: 50px; padding-bottom: 50px; } div#wrapper > main > article > section.sect_contact > div { max-width: 1000px; width: 85%; display: flex; justify-content: space-between; } div#wrapper > main > article > section.sect_contact > div > div { margin: 0; } div#wrapper > main > article > section.sect_contact > div > div > header { margin-bottom: 40px; } div#wrapper > main > article > section.sect_contact > div > div > header > h3 > a { font-size: 2.5rem; font-weight: 700; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.title { font-size: 2.2rem; font-weight: 500; line-height: 1; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.tel { display: flex; align-items: center; line-height: 1.4; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.tel > a { width: 100%; font-size: 3.5rem; font-family: 'Roboto', sans-serif; font-weight: 700; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.tel::before { content: ""; display: inline-block; background-image: url("https://pit-in-rijyo.co.jp/wordpress/wp-content/themes/pit_in_rijyo/images_carjumbo/front_page/tel_b.svg"); background-repeat: no-repeat; background-size: 100%; aspect-ratio: 1 / 1; width: 35px; position: relative; top: 0; left: 0; margin-right: 10px; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.uketuke { font-size: 1.8rem; font-weight: 500; line-height: 1; } div#wrapper > main > article > section.sect_contact > div > div > ul:nth-child(3) { margin-top: 20px; } div#wrapper > main > article > section.sect_contact > div > ul { width: 495px; margin: 0; margin-top: 50px; } div#wrapper > main > article > section.sect_contact > div > ul > li { border-bottom: dashed 1px #000000; position: relative; } div#wrapper > main > article > section.sect_contact > div > ul > li > a { display: block; width: 100%; font-size: 2.2rem; font-weight: 500; line-height: 3.5; } div#wrapper > main > article > section.sect_contact > div > ul > li > a::after { content: ""; aspect-ratio: 1 / 1; display: block; width: 50px; position: absolute; top: 14px; right: 6px; background-image: url("https://pit-in-rijyo.co.jp/wordpress/wp-content/themes/pit_in_rijyo/images_carjumbo/front_page/red_yazirushi.svg"); background-repeat: no-repeat; background-size: 100%; } div#wrapper div.separatorBtnToTop { position: absolute; top: 1500px; width: 100%; height: calc(100% - 1500px); pointer-events: none; z-index: 0; } div#wrapper > footer#footer { position: absolute; bottom: 0; z-index: 4444; width: 100%; padding-top: 40px; padding-bottom: 20px; overflow-x: hidden; } div#wrapper > footer#footer > div.foot_logo { z-index: 9999; background-color: #000000; position: absolute; left: 50%; transform: translateX(500px); bottom: 0; width: 1000px; padding-left: 10px; padding-top: 40px; padding-bottom: 40px; box-sizing: border-box; } @media screen and (min-width: 1041px) and (max-width: 1399px) { div#wrapper > footer#footer > div.foot_logo { display: none; } } div#wrapper > footer#footer > div.foot_logo > div { padding-left: 10px; } div#wrapper > footer#footer > div.foot_logo > div > h4 { margin: 0; width: 180px; } div#wrapper > footer#footer > div.foot_logo > div > ul { margin-top: 20px; } div#wrapper > footer#footer > div.foot_logo > div > ul > li { font-size: 1.5rem; font-weight: 500; color: #FFFFFF; } div#wrapper > footer#footer > div.foot_menu { position: relative; z-index: 5555; width: 1000px; } div#wrapper > footer#footer > div.foot_menu > div { width: 800px; margin-left: 0; display: flex; flex-wrap: wrap; align-items: flex-end; } div#wrapper > footer#footer > div.foot_menu > div > nav { order: 0; width: 100%; display: flex; } div#wrapper > footer#footer > div.foot_menu > div > nav > h5 { width: 20%; background-color: #000000; display: flex; justify-content: center; align-items: center; } div#wrapper > footer#footer > div.foot_menu > div > nav > h5 > a { color: #FFFFFF; font-size: 1.8rem; font-weight: 700; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul { width: 80%; background-color: #ffd200; padding-left: 40px; padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; display: flex; flex-wrap: wrap; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul > li { line-height: 1.2; margin: 0; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul > li > a { font-size: 1.5rem; font-weight: 500; display: inline-block; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul > li::after { content: "/"; width: 10px; display: inline-block; margin-right: 5px; margin-left: 5px; font-size: 1.5rem; } div#wrapper > footer#footer > div.foot_menu > div > dl { margin: 0; margin-top: 20px; order: 2; width: 245px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } div#wrapper > footer#footer > div.foot_menu > div > dl > dt { font-size: 1.8rem; font-weight: 700; width: 100%; margin-bottom: 10px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd { width: 25%; margin: 0; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd > a { display: block; width: 100%; height: 100%; font-size: 1px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.x_logo { width: 25px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.x_logo > a { aspect-ratio: 1 / 1; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.insta_logo { width: 30px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.face_logo { width: 30px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.youtube_logo { width: 35px; } div#wrapper > footer#footer > div.foot_menu > div > p { order: 1; margin: 0; width: calc(100% - 245px); } div#wrapper > footer#footer > div.foot_menu > div > p > small { font-size: 1.2rem; font-weight: 500; } .pconly { display: block; } br.pconly { display: inline-block; } table.pconly { display: table; } p.loader { position: fixed; width: 400px; height: 400px; top: 50%; left: 50%; z-index: -9999; transform: translateX(-50%) translateY(-50%); } p.loader iframe { width: 100%; height: 100%; border: none; } }@media screen and (max-width:1040px){div#wrapper { position: relative; min-height: 100vh; padding-top: 60px; padding-bottom: 400px; box-sizing: border-box; } div#wrapper > header#header { position: fixed; top: 0; left: 0; z-index: 4444; width: 100%; } div#wrapper > header#header > h1 { background-color: #000000; margin: 0; height: 60px; box-sizing: border-box; } div#wrapper > header#header > h1 > a { display: block; height: 100%; display: flex; justify-content: center; align-items: center; } div#wrapper > header#header > h1 > a > img, div#wrapper > header#header > h1 > a > amp-img { width: 450px; } div#wrapper > header#header > nav#gnavi { background-color: #000000; padding-top: 80px; padding-bottom: 20px; box-sizing: border-box; } div#wrapper > header#header > nav#gnavi > p:nth-child(1) { font-size: 1.6rem; font-weight: 700; color: #FFFFFF; text-align: center; } div#wrapper > header#header > nav#gnavi > h2 { width: 120px; margin-top: 20px; margin-bottom: 20px; } div#wrapper > header#header > nav#gnavi > ul.list1 { width: 266px; } div#wrapper > header#header > nav#gnavi > ul.list1 > li { border-radius: 5px; } div#wrapper > header#header > nav#gnavi > ul.list1 > li > a { display: block; width: 100%; padding: 10px; box-sizing: border-box; } div#wrapper > header#header > nav#gnavi > ul.list1 > li + li { margin-top: 5px; } div#wrapper > header#header > nav#gnavi > ul.list1 > li:nth-child(1) { background-color: #c40018; } div#wrapper > header#header > nav#gnavi > ul.list1 > li:nth-child(2) { background-color: #288ce6; } div#wrapper > header#header > nav#gnavi > ul.list1 > li:nth-child(3) { background-color: #3c9628; } div#wrapper > header#header > nav#gnavi > ul.list1 > li:nth-child(4) { background-color: #ff8200; } div#wrapper > header#header > nav#gnavi > ul.list2 { margin-top: 20px; width: 266px; text-align: center; line-height: 1.2; } div#wrapper > header#header > nav#gnavi > ul.list2 > li { display: inline-block; line-height: 1.2; } div#wrapper > header#header > nav#gnavi > ul.list2 > li > a { font-size: 1.5rem; font-weight: 500; display: inline-block; color: #FFFFFF; } div#wrapper > header#header > nav#gnavi > ul.list2 > li::after { content: "/"; width: 10px; display: inline-block; margin-right: 5px; margin-left: 5px; font-size: 1.5rem; color: #FFFFFF; } div#wrapper > header#header > nav#gnavi > p.pitin_logo { width: 166px; margin-top: 20px; } div#wrapper > header#header > nav#gnavi > dl { margin-top: 20px; width: 245px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } div#wrapper > header#header > nav#gnavi > dl > dt { font-size: 1.6rem; font-weight: 700; color: #FFFFFF; width: 100%; margin-bottom: 10px; text-align: center; } div#wrapper > header#header > nav#gnavi > dl > dd { margin: 0; } div#wrapper > header#header > nav#gnavi > dl > dd > a { display: block; width: 100%; height: 100%; font-size: 1px; } div#wrapper > header#header > nav#gnavi > dl > dd.x_logo { width: 25px; } div#wrapper > header#header > nav#gnavi > dl > dd.insta_logo { width: 30px; } div#wrapper > header#header > nav#gnavi > dl > dd.face_logo { width: 30px; } div#wrapper > header#header > nav#gnavi > dl > dd.youtube_logo { width: 35px; } div#wrapper > header#header > ul { position: fixed; left: 0; bottom: 0; width: 100%; display: flex; height: 55px; } div#wrapper > header#header > ul > li { width: 33.33%; } div#wrapper > header#header > ul > li > a { width: 100%; height: 100%; padding-right: 5px; padding-left: 5px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } div#wrapper > header#header > ul > li > a > img, div#wrapper > header#header > ul > li > a > amp-img { width: 90%; } div#wrapper > header#header > ul > li:nth-child(1) { background-color: #c40018; } div#wrapper > header#header > ul > li:nth-child(2) { background-color: #288ce6; } div#wrapper > header#header > ul > li:nth-child(3) { background-color: #3c9628; } div#wrapper > main { position: relative; z-index: 2222; } div#wrapper > main > article > section.sect_access { background-color: #fff6cc; padding-top: 40px; padding-bottom: 40px; padding-right: 6%; padding-left: 6%; } div#wrapper > main > article > section.sect_access > div { position: relative; display: flex; justify-content: space-between; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) { margin: 0; width: 350px; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > header { margin-bottom: 15px; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > header > h3 { border-bottom: solid 2px #000000; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > header > h3 > a { font-size: 2.2rem; font-weight: 700; font-family: 'Roboto', sans-serif; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > figcaption { font-size: 2.4rem; font-weight: 700; line-height: 1.2; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl { margin-top: 15px; border-top: dashed 1px #000000; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div { display: flex; align-items: flex-start; border-bottom: dashed 1px #000000; padding-top: 10px; padding-bottom: 10px; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div > dt { font-size: 1.5rem; font-weight: 500; margin: 0; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div > dt::after { content: "/"; display: inline-block; width: 10px; margin-right: 5px; margin-left: 5px; } div#wrapper > main > article > section.sect_access > div > div:nth-child(1) > figure > dl > div > dd { font-size: 1.5rem; font-weight: 500; margin: 0; } div#wrapper > main > article > section.sect_access > div > div:nth-child(2) { width: calc(100% - 390px); margin: 0; } div#wrapper > main > article > section.sect_access > div > div:nth-child(2) > iframe { width: 100%; height: 100%; } div#wrapper > main > article > section.sect_contact { background-color: #ffd200; padding-top: 40px; padding-bottom: 40px; padding-left: 6%; padding-right: 6%; } div#wrapper > main > article > section.sect_contact > div { display: flex; justify-content: space-between; } div#wrapper > main > article > section.sect_contact > div > div { width: 300px; margin: 0; } div#wrapper > main > article > section.sect_contact > div > div > header { margin-bottom: 15px; } div#wrapper > main > article > section.sect_contact > div > div > header > h3 { border-bottom: solid 2px #000000; } div#wrapper > main > article > section.sect_contact > div > div > header > h3 > a { font-size: 2.2rem; font-weight: 700; font-family: 'Roboto', sans-serif; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.title { font-size: 2rem; font-weight: 500; line-height: 1; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.tel { display: flex; align-items: center; line-height: 1.4; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.tel > a { width: 100%; font-size: 3.2rem; font-family: 'Roboto', sans-serif; font-weight: 700; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.tel::before { content: ""; display: inline-block; background-image: url("https://pit-in-rijyo.co.jp/wordpress/wp-content/themes/pit_in_rijyo/images_carjumbo/front_page/tel_b.svg"); background-repeat: no-repeat; background-size: 100%; aspect-ratio: 1 / 1; width: 32px; position: relative; top: 0; left: 0; margin-right: 10px; } div#wrapper > main > article > section.sect_contact > div > div > ul > li.uketuke { font-size: 1.7rem; font-weight: 500; line-height: 1; } div#wrapper > main > article > section.sect_contact > div > div > ul:nth-child(3) { margin-top: 20px; } div#wrapper > main > article > section.sect_contact > div > ul { width: 50%; margin: 0; margin-top: 28px; } div#wrapper > main > article > section.sect_contact > div > ul > li { border-bottom: dashed 1px #000000; position: relative; } div#wrapper > main > article > section.sect_contact > div > ul > li > a { display: block; width: 100%; font-size: 2rem; font-weight: 500; line-height: 3.5; } div#wrapper > main > article > section.sect_contact > div > ul > li > a::after { content: ""; aspect-ratio: 1 / 1; display: block; width: 35px; position: absolute; top: 14px; right: 6px; background-image: url("https://pit-in-rijyo.co.jp/wordpress/wp-content/themes/pit_in_rijyo/images_carjumbo/front_page/red_yazirushi.svg"); background-repeat: no-repeat; background-size: 100%; } div#wrapper div.separatorBtnToTop { position: absolute; top: 1200px; width: 100%; height: calc(100% - 1200px); pointer-events: none; z-index: 0; } div#wrapper > footer#footer { position: absolute; bottom: 55px; z-index: 3333; width: 100%; display: flex; flex-wrap: wrap; } div#wrapper > footer#footer > div.foot_logo { order: 1; background-color: #000000; width: 100%; padding-top: 10px; padding-bottom: 5px; } div#wrapper > footer#footer > div.foot_logo > div { text-align: center; } div#wrapper > footer#footer > div.foot_logo > div > h4 { width: 304px; } div#wrapper > footer#footer > div.foot_logo > div > ul > li { font-size: 1.5rem; font-weight: 500; color: #FFFFFF; text-align: center; } div#wrapper > footer#footer > div.foot_menu { order: 0; margin-left: 6%; } div#wrapper > footer#footer > div.foot_menu > div > nav { order: 0; width: 100%; display: flex; } div#wrapper > footer#footer > div.foot_menu > div > nav > h5 { width: 20%; background-color: #000000; display: flex; justify-content: center; align-items: center; } div#wrapper > footer#footer > div.foot_menu > div > nav > h5 > a { color: #FFFFFF; font-size: 1.7rem; font-weight: 700; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul { width: 80%; background-color: #ffd200; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul > li { margin: 0; line-height: 1.7; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul > li > a { font-size: 1.5rem; font-weight: 500; } div#wrapper > footer#footer > div.foot_menu > div > nav > ul > li::after { content: "/"; width: 10px; margin-right: 5px; margin-left: 5px; font-size: 1.5rem; } div#wrapper > footer#footer > div.foot_menu > div > dl { margin: 0; margin-top: 10px; width: 245px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } div#wrapper > footer#footer > div.foot_menu > div > dl > dt { font-size: 1.8rem; font-weight: 700; width: 100%; margin-bottom: 10px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd { margin: 0; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd > a { display: block; width: 100%; height: 100%; font-size: 1px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.x_logo { width: 25px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.insta_logo { width: 30px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.face_logo { width: 30px; } div#wrapper > footer#footer > div.foot_menu > div > dl > dd.youtube_logo { width: 35px; } div#wrapper > footer#footer > div.foot_menu > div > p { margin: 0; } div#wrapper > footer#footer > div.foot_menu > div > p > small { font-size: 1.2rem; font-weight: 500; } #header nav#gnavi { position: fixed; z-index: 4444; top: 0; width: 100%; height: 100%; overflow: scroll; transition: right 0.5s; } #header nav.close { right: -100%; } #header nav.open { right: 0; } .btn_menu { width: 75px; position: fixed; z-index: 9999; top: 0px; right: 0px; background-color: #FFFFFF; } .btn_menu a { display: block; position: relative; height: 0; background-size: 100%; text-align: center; height: 60px; } .btn_menu a.close span { display: block; position: absolute; position: 3333; top: 25%; left: 0; right: 0; background-color: #000000; width: 55%; height: 5px; text-indent: -9999px; margin: 0 auto; } .btn_menu a.close::after { content: '.'; text-indent: -9999px; display: block; position: absolute; position: 3333; top: 45%; left: 0; right: 0; background-color: #c40018; width: 55%; height: 5px; text-indent: -9999px; margin: 0 auto; } .btn_menu a.close::before { content: '.'; text-indent: -9999px; display: block; position: absolute; position: 3333; top: 65%; left: 0; right: 0; background-color: #000000; width: 55%; height: 5px; text-indent: -9999px; margin: 0 auto; } .btn_menu a.open span { display: block; position: absolute; position: 3333; top: 50%; left: 0; right: 0; background-color: #000000; width: 50%; height: 5px; text-indent: -9999px; margin: 0 auto; transform: rotate(35deg); } .btn_menu a.open::after { content: '.'; text-indent: -9999px; display: block; position: absolute; position: 3333; top: 50%; left: 0; right: 0; background-color: #000000; width: 50%; height: 5px; text-indent: -9999px; margin: 0 auto; transform: rotate(-35deg); } .tbonly { display: block; } br.tbonly { display: inline-block; } table.tbonly { display: table; } p.loader { position: fixed; width: 400px; height: 400px; top: 50%; left: 50%; z-index: -9999; transform: translateX(-50%) translateY(-50%); } p.loader iframe { width: 100%; height: 100%; border: none; } }@media screen and (min-width:1041px){div#wrapper ul.breadcrumb{position:relative;display:flex;justify-content:center}div#wrapper ul.breadcrumb>li{margin:0}div#wrapper ul.breadcrumb>li>a{display:block;width:100%;font-size:1.5rem;font-weight:500}div#wrapper ul.breadcrumb>li+li{margin-left:25px;position:relative}div#wrapper ul.breadcrumb>li+li::before{content:">";position:absolute;top:-7px;left:-18px;width:15px} div.blog_content strong { font-weight: 600; } div.blog_content em { font-style: italic; } div.blog_content ul { list-style: disc; list-style-position: inside; } div.blog_content ol { list-style: decimal; list-style-position: inside; } div.blog_content h1 { font-size: 5rem; } div.blog_content h2 { font-size: 4rem; } div.blog_content h3 { font-size: 3rem; } div.blog_content table { border-top: 1px solid #666; border-left: 1px solid #666; } div.blog_content table td { border-bottom: 1px solid #666; border-right: 1px solid #666; padding: 5px; } div.blog_content a { text-decoration: underline; } .pagination { margin-top: 60px; } .pagination h2 { display: none; } .pagination > div.nav-links ul.page-numbers { display: flex; justify-content: center; width: 100%; position: relative; } .pagination > div.nav-links ul.page-numbers li a { display: block; background-color: #fff; font-size: 1.6rem; font-weight: 600; color: #000; height: 36px; line-height: 36px; padding: 2px; } .pagination > div.nav-links ul.page-numbers li span { display: block; background-color: #fff; color: #000; height: 36px; line-height: 36px; font-size: 1.6rem; font-weight: 600; padding: 2px; } .pagination > div.nav-links ul.page-numbers li { margin: 0; } .pagination > div.nav-links ul.page-numbers li .page-numbers { display: block; width: 40px; text-align: center; border: 1px solid #000; } .pagination > div.nav-links ul.page-numbers li a.prev, .pagination > div.nav-links ul.page-numbers li a.next, .pagination > div.nav-links ul.page-numbers li .dots { width: auto !important; background-color: transparent !important; color: #000 !important; border: none; } .pagination > div.nav-links ul.page-numbers li span.current { background-color: #000; color: #fff; } .pagination > div.nav-links ul.page-numbers li a.prev { color: #000; } .pagination > div.nav-links ul.page-numbers li a.next { color: #000; font-size: 1.5rem; position: relative; } .pagination > div.nav-links ul.page-numbers li a.next::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 14px; background-color: #000; clip-path: polygon(0 0, 100% 50%, 0 100%); margin-left: 5px; } .pagination > div.nav-links ul.page-numbers li + li { margin-left: 12px; } div#wrapper > main { background-color: #ffd200; padding-bottom: 80px; min-height: 75vh; box-sizing: border-box; } div#wrapper > main > article { max-width: 990px; width: 90%; padding-top: 60px; } div#wrapper > main > article h2 { text-align: center; font-size: 3rem; font-weight: 900; margin-bottom: 40px; } div#wrapper > main > article > section { background-color: #fff; padding: 30px; padding-bottom: 60px; box-sizing: border-box; } div#wrapper > main > article > section > ul { display: flex; } div#wrapper > main > article > section > ul > li.date { margin: 0; line-height: 1; } div#wrapper > main > article > section > ul > li.date a { font-size: 1.8rem; font-weight: 700; line-height: 1.4; } div#wrapper > main > article > section > ul > li.category { margin: 0; margin-left: 20px; width: 80px; background-color: #000000; } div#wrapper > main > article > section > ul > li.category > a { color: #FFFFFF; text-align: center; background-color: #000; display: block; font-size: 1.8rem; line-height: 1.4; font-weight: 700; } div#wrapper > main > article > section > p.photo { width: 594px; margin-top: 25px; aspect-ratio: 1 / 1; } div#wrapper > main > article > section h3 { width: 594px; margin-top: 20px; margin-bottom: 40px; font-weight: 700; line-height: 1.5; } div#wrapper > main > article > section div.blog_content { width: 594px; } div#wrapper > main > article > p.btn_back { text-align: center; margin-top: 40px; } div#wrapper > main > article > p.btn_back a { display: inline-block; width: 300px; height: 75px; text-align: center; line-height: 75px; background-color: #ff8200; font-size: 2.2rem; color: #fff; font-weight: 600; border-radius: 50px; } div#wrapper > main > article > ul.bloglist > li { background-color: #fff; display: flex; align-items: center; padding-top: 30px; padding-right: 30px; padding-left: 70px; padding-bottom: 30px; border-radius: 15px; } div#wrapper > main > article > ul.bloglist > li > div { margin: 0; width: 80%; margin-right: 5%; } div#wrapper > main > article > ul.bloglist > li > div > p > a { display: block; width: 100%; } div#wrapper > main > article > ul.bloglist > li > div > p.date > a { font-size: 1.6rem; font-weight: 500; } div#wrapper > main > article > ul.bloglist > li > div > p.category { margin-top: 15px; } div#wrapper > main > article > ul.bloglist > li > div > p.category > a { font-size: 1.8rem; font-weight: 700; } div#wrapper > main > article > ul.bloglist > li > p.picture { margin: 0; width: 15%; } div#wrapper > main > article > ul.bloglist > li > p.picture > a { display: block; width: 100%; aspect-ratio: 1 / 1; } div#wrapper > main > article > ul.bloglist > li > p.picture > a > img, div#wrapper > main > article > ul.bloglist > li > p.picture > a > amp-img { border-radius: 15px; } div#wrapper > main > article > ul.bloglist > li + li { margin-top: 10px; } }@media screen and (max-width:1040px) and (min-width:768px){div#wrapper ul.breadcrumb { position: relative; display: flex; justify-content: center; } div#wrapper ul.breadcrumb > li { margin: 0; } div#wrapper ul.breadcrumb > li > a { display: block; width: 100%; font-size: 1.5rem; font-weight: 500; } div#wrapper ul.breadcrumb > li + li { margin-left: 25px; position: relative; } div#wrapper ul.breadcrumb > li + li::before { content: ">"; position: absolute; top: -7px; left: -18px; width: 15px; } div.blog_content { margin-bottom: 6vw; } div.blog_content strong { font-weight: 600; } div.blog_content em { font-style: italic; } div.blog_content ul { list-style: disc; list-style-position: inside; } div.blog_content ol { list-style: decimal; list-style-position: inside; } div.blog_content h1 { font-size: 5rem; } div.blog_content h2 { font-size: 4rem; } div.blog_content h3 { font-size: 3rem; } div.blog_content table { border-top: 1px solid #666; border-left: 1px solid #666; } div.blog_content table td { border-bottom: 1px solid #666; border-right: 1px solid #666; padding: 5px; } div.blog_content a { text-decoration: underline; } .pagination { margin-top: 60px; } .pagination h2 { display: none; } .pagination > div.nav-links ul.page-numbers { display: flex; justify-content: center; width: 100%; position: relative; } .pagination > div.nav-links ul.page-numbers li a { display: block; background-color: #fff; font-size: 1.6rem; font-weight: 600; color: #000; height: 36px; line-height: 36px; padding: 2px; } .pagination > div.nav-links ul.page-numbers li span { display: block; background-color: #fff; color: #000; height: 36px; line-height: 36px; font-size: 1.6rem; font-weight: 600; padding: 2px; } .pagination > div.nav-links ul.page-numbers li { margin: 0; } .pagination > div.nav-links ul.page-numbers li .page-numbers { display: block; width: 40px; text-align: center; border: 1px solid #000; } .pagination > div.nav-links ul.page-numbers li a.prev, .pagination > div.nav-links ul.page-numbers li a.next, .pagination > div.nav-links ul.page-numbers li .dots { width: auto !important; background-color: transparent !important; color: #000 !important; border: none; } .pagination > div.nav-links ul.page-numbers li span.current { background-color: #000; color: #fff; } .pagination > div.nav-links ul.page-numbers li a.prev { color: #000; } .pagination > div.nav-links ul.page-numbers li a.next { color: #000; font-size: 1.5rem; position: relative; } .pagination > div.nav-links ul.page-numbers li a.next::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 14px; background-color: #000; clip-path: polygon(0 0, 100% 50%, 0 100%); margin-left: 5px; } .pagination > div.nav-links ul.page-numbers li + li { margin-left: 10px; } div#wrapper > main { background-color: #ffd200; padding-bottom: 60px; min-height: 75vh; box-sizing: border-box; } div#wrapper > main > article { padding-top: 60px; padding-left: 6%; padding-right: 6%; } div#wrapper > main > article h2 { text-align: center; font-size: 2.2rem; font-weight: 900; margin-bottom: 40px; } div#wrapper > main > article > section { background-color: #fff; padding: 30px; box-sizing: border-box; } div#wrapper > main > article > section > ul { display: flex; } div#wrapper > main > article > section > ul > li.date { margin: 0; line-height: 1; } div#wrapper > main > article > section > ul > li.date a { font-size: 1.8rem; font-weight: 700; line-height: 1.4; } div#wrapper > main > article > section > ul > li.category { margin: 0; margin-left: 20px; width: 80px; background-color: #000000; } div#wrapper > main > article > section > ul > li.category > a { color: #FFFFFF; text-align: center; background-color: #000; display: block; font-size: 1.8rem; line-height: 1.4; font-weight: 700; } div#wrapper > main > article > section > p.photo { margin-top: 20px; aspect-ratio: 1 / 1; } div#wrapper > main > article > section h3 { margin-top: 20px; margin-bottom: 40px; font-weight: 700; line-height: 1.5; } div#wrapper > main > article p.btn_back { text-align: center; margin-top: 40px; } div#wrapper > main > article p.btn_back a { display: inline-block; width: 240px; height: 65px; text-align: center; line-height: 65px; background-color: #ff8200; font-size: 2rem; color: #fff; font-weight: 600; border-radius: 50px; } div#wrapper > main > article > ul.bloglist { margin-top: 15px; } div#wrapper > main > article > ul.bloglist > li { background-color: #fff; display: flex; align-items: center; padding-top: 25px; padding-right: 25px; padding-left: 7%; padding-bottom: 25px; border-radius: 15px; } div#wrapper > main > article > ul.bloglist > li > div { margin: 0; width: 80%; margin-right: 5%; } div#wrapper > main > article > ul.bloglist > li > div > p > a { display: block; width: 100%; } div#wrapper > main > article > ul.bloglist > li > div > p.date > a { font-size: 1.5rem; font-weight: 500; } div#wrapper > main > article > ul.bloglist > li > div > p.category { margin-top: 5px; } div#wrapper > main > article > ul.bloglist > li > div > p.category > a { font-size: 1.6rem; font-weight: 700; } div#wrapper > main > article > ul.bloglist > li > p { margin: 0; width: 15%; } div#wrapper > main > article > ul.bloglist > li > p > a { display: block; width: 100%; aspect-ratio: 1 / 1; } div#wrapper > main > article > ul.bloglist > li > p > a > img, div#wrapper > main > article > ul.bloglist > li > p > a > amp-img { border-radius: 15px; } div#wrapper > main > article > ul.bloglist > li + li { margin-top: 10px; } }@media screen and (max-width:767px){div#wrapper ul.breadcrumb { position: relative; display: flex; justify-content: center; } div#wrapper ul.breadcrumb > li { margin: 0; } div#wrapper ul.breadcrumb > li > a { display: block; width: 100%; font-size: 1.4rem; font-weight: 500; } div#wrapper ul.breadcrumb > li + li { margin-left: 20px; position: relative; } div#wrapper ul.breadcrumb > li + li::before { content: ">"; position: absolute; top: -3px; left: -14px; width: 15px; } div.blog_content { margin-bottom: 6vw; } div.blog_content strong { font-weight: 600; } div.blog_content em { font-style: italic; } div.blog_content ul { list-style: disc; list-style-position: inside; } div.blog_content ol { list-style: decimal; list-style-position: inside; } div.blog_content h1 { font-size: 5.5vw; } div.blog_content h2 { font-size: 5vw; } div.blog_content h3 { font-size: 4.5vw; } div.blog_content table { border-top: 1px solid #666; border-left: 1px solid #666; } div.blog_content table td { border-bottom: 1px solid #666; border-right: 1px solid #666; padding: 5px; } div.blog_content a { text-decoration: underline; } .pagination { margin-top: 40px; } .pagination h2 { display: none; } .pagination > div.nav-links ul.page-numbers { display: flex; justify-content: center; width: 100%; position: relative; } .pagination > div.nav-links ul.page-numbers li a { display: block; background-color: #fff; font-size: 1.6rem; font-weight: 600; color: #000; height: 36px; line-height: 36px; padding: 2px; } .pagination > div.nav-links ul.page-numbers li span { display: block; background-color: #fff; color: #000; height: 36px; line-height: 36px; font-size: 1.6rem; font-weight: 600; padding: 2px; } .pagination > div.nav-links ul.page-numbers li { margin: 0; } .pagination > div.nav-links ul.page-numbers li .page-numbers { display: block; width: 40px; text-align: center; border: 1px solid #000; } .pagination > div.nav-links ul.page-numbers li a.prev, .pagination > div.nav-links ul.page-numbers li a.next, .pagination > div.nav-links ul.page-numbers li .dots { width: auto !important; background-color: transparent !important; color: #000 !important; border: none; } .pagination > div.nav-links ul.page-numbers li span.current { background-color: #000; color: #fff; } .pagination > div.nav-links ul.page-numbers li a.prev { color: #000; } .pagination > div.nav-links ul.page-numbers li a.next { color: #000; font-size: 1.5rem; position: relative; } .pagination > div.nav-links ul.page-numbers li a.next::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 14px; background-color: #000; clip-path: polygon(0 0, 100% 50%, 0 100%); margin-left: 5px; } .pagination > div.nav-links ul.page-numbers li + li { margin-left: 10px; } div#wrapper > main { background-color: #ffd200; padding-bottom: 60px; min-height: 65vh; box-sizing: border-box; } div#wrapper > main > article { padding-top: 40px; padding-left: 8%; padding-right: 8%; } div#wrapper > main > article h2 { text-align: center; font-size: 2.2rem; font-weight: 900; margin-bottom: 20px; } div#wrapper > main > article > section { background-color: #fff; padding: 30px; box-sizing: border-box; } div#wrapper > main > article > section > ul { display: flex; } div#wrapper > main > article > section > ul > li.date { margin: 0; line-height: 1; } div#wrapper > main > article > section > ul > li.date a { font-size: 1.8rem; font-weight: 700; line-height: 1.4; } div#wrapper > main > article > section > ul > li.category { margin: 0; margin-left: 20px; width: 80px; background-color: #000000; } div#wrapper > main > article > section > ul > li.category > a { color: #FFFFFF; text-align: center; background-color: #000; display: block; font-size: 1.8rem; line-height: 1.4; font-weight: 700; } div#wrapper > main > article > section > p.photo { margin-top: 20px; aspect-ratio: 1 / 1; } div#wrapper > main > article > section h3 { margin-top: 20px; margin-bottom: 40px; font-weight: 700; line-height: 1.5; } div#wrapper > main > article p.btn_back { text-align: center; margin-top: 40px; } div#wrapper > main > article p.btn_back a { display: inline-block; width: 100%; height: 65px; text-align: center; line-height: 65px; background-color: #ff8200; font-size: 2rem; color: #fff; font-weight: 600; border-radius: 50px; } div#wrapper > main > article > ul.bloglist { margin-top: 15px; } div#wrapper > main > article > ul.bloglist > li { background-color: #fff; display: flex; align-items: center; padding-top: 10px; padding-right: 10px; padding-left: 15px; padding-bottom: 10px; border-radius: 10px; } div#wrapper > main > article > ul.bloglist > li > div { margin: 0; width: 73%; margin-right: 2%; } div#wrapper > main > article > ul.bloglist > li > div > p > a { display: block; width: 100%; } div#wrapper > main > article > ul.bloglist > li > div > p.date > a { font-size: 1.3rem; font-weight: 500; } div#wrapper > main > article > ul.bloglist > li > div > p.category { padding-left: 5px; margin-top: 5px; } div#wrapper > main > article > ul.bloglist > li > div > p.category > a { font-size: 1.4rem; font-weight: 700; line-height: 1.4; } div#wrapper > main > article > ul.bloglist > li > p { margin: 0; width: 25%; } div#wrapper > main > article > ul.bloglist > li > p > a { display: block; width: 100%; aspect-ratio: 1 / 1; } div#wrapper > main > article > ul.bloglist > li > p > a > img, div#wrapper > main > article > ul.bloglist > li > p > a > amp-img { border-radius: 10px; } div#wrapper > main > article > ul.bloglist > li + li { margin-top: 10px; } } .broken_link, a.broken_link {text-decoration: line-through;} body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}