@charset "UTF-8"; /*** The new CSS reset - version 1.8.3 (last updated 21.1.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ pre { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } body { --font-color: black; --black: black; --gray: #f6f2f7; --bg-color: white; --site-color: #ffce00; --acc-color: #c40000; --link-color: black; --hover-color: darkorange; --bg-light-color: #f5f8fa; } body.base-white { --font-color: white; } header.header { position: relative; width: 100%; z-index: 99; transition: opacity 0.3s; display: flex; align-items: center; box-shadow: 0 0 45px rgba(0, 12, 66, 0.15); flex-direction: column; padding: 15px 0; } header.header.is-hidden { opacity: 0; } header.header:not(.is-hidden) { opacity: 1; } header.header .header--wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; } @media (min-width: 1025px) and (max-width: 1329px) { header.header .header--wrapper { padding-left: 3%; padding-right: 3%; max-width: 1200px; } } @media (min-width: 758px) and (max-width: 1024px) { header.header .header--wrapper { padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { header.header .header--wrapper { padding-left: 3%; padding-right: 3%; } } header.header .header--wrapper .header--right { margin-left: 20px; } header.header .header--wrapper .header--right .drawer-desktop .menu-list { list-style: none; margin: 10px 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } header.header .header--wrapper .header--right .drawer-desktop .menu-list li a { text-decoration: none; display: block; position: relative; transition: all 0.3s; position: relative; margin-right: 1.5rem; padding: 10px; line-height: 1; } @media (max-width: 757px) { header.header .header--wrapper .header--right .drawer-desktop .menu-list li a { font-size: 1.26rem; } } @media (min-width: 758px) { header.header .header--wrapper .header--right .drawer-desktop .menu-list li a { font-size: 1.26rem; } } @media (min-width: 1025px) { header.header .header--wrapper .header--right .drawer-desktop .menu-list li a { font-size: 1.4rem; } } @media (min-width: 1330px) { header.header .header--wrapper .header--right .drawer-desktop .menu-list li a { font-size: 1.4rem; } } header.header .header--wrapper .header--right .drawer-desktop .menu-list li a:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px var(--font-color); border-right: solid 1px var(--font-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -3px; transform-origin: 50% 50%; transform: translateY(-50%) rotate(45deg); } header.header .header--wrapper .header--right .drawer-desktop .menu-list li a:hover { color: var(--hover-color); transition: all 0.3s; } header.header .header--wrapper .header--right .drawer-desktop .menu-list li a:hover:before { transition: all 0.3s; border-color: var(--hover-color); } header.header .header--wrapper .header--right .drawer-desktop .menu-list li a:hover { color: var(--hover-color); } header.header .header--wrapper .header--left { flex-basis: auto; display: flex; align-items: center; } header.header .header--wrapper .header--left.both .site_logo--img img { padding-right: 10px; } header.header .header--wrapper .header--left.both .site_logo--img .site-description { margin-top: 5px; } header.header .header--wrapper .header--left.both .site_logo--text { display: flex; flex-direction: column; align-items: flex-start; } header.header .header--wrapper .header--left.both .site_logo--text .brand { padding: 0; margin-left: 10px; } @media (max-width: 757px) { header.header .header--wrapper .header--left.both .site_logo--text .brand { margin-left: 0; } } header.header .header--wrapper .header--left.both .site_logo--text .site-description { margin-top: 5px; } header.header .header--wrapper .header--left .site-description { letter-spacing: normal; line-height: 1.4; } @media (max-width: 757px) { header.header .header--wrapper .header--left .site-description { font-size: 1.26rem; } } @media (min-width: 758px) { header.header .header--wrapper .header--left .site-description { font-size: 1.26rem; } } @media (min-width: 1025px) { header.header .header--wrapper .header--left .site-description { font-size: 1.4rem; } } @media (min-width: 1330px) { header.header .header--wrapper .header--left .site-description { font-size: 1.4rem; } } @media (max-width: 757px) { header.header .header--wrapper .header--left .site-description { font-size: 1rem; margin-left: 0; } } header.header .header--wrapper .header--left .site-description.catchphrase-bold { font-weight: bolder; } header.header .header--wrapper .header--left .site_logo--img { display: flex; align-items: center; } header.header .header--wrapper .header--left .site_logo--img img { width: auto; height: auto; max-width: none; max-height: 55px; } @media (max-width: 757px) { header.header .header--wrapper .header--left .site_logo--img img { max-height: 40px; margin: 0; } } header.header .header--wrapper .header--left .site_logo--img .site-description { margin-left: 10px; } header.header .header--wrapper .header--left h1 { font: inherit; } header.header .header--wrapper .header--left .site_logo--text { display: flex; align-items: center; } header.header .header--wrapper .header--left .site_logo--text .brand { display: inline-block; font-weight: bold; padding: 10px 0; line-height: 1; white-space: nowrap; letter-spacing: 0; } @media (max-width: 757px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 2.1rem; } } @media (min-width: 758px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 2.1rem; } } @media (min-width: 1025px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 3rem; } } @media (min-width: 1330px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 3rem; } } @media (min-width: 758px) and (max-width: 1024px) { header.header .header--wrapper .header--left .site_logo--text .brand { white-space: nowrap; } } @media (max-width: 757px) { header.header .header--wrapper .header--left .site_logo--text .brand { white-space: nowrap; } } @media (max-width: 757px) and (max-width: 757px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 2.16rem; } } @media (max-width: 757px) and (min-width: 758px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 2.16rem; } } @media (max-width: 757px) and (min-width: 1025px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 2.7rem; } } @media (max-width: 757px) and (min-width: 1330px) { header.header .header--wrapper .header--left .site_logo--text .brand { font-size: 2.7rem; } } header.header .header--wrapper .header--left .site_logo--text .site-description { margin-left: 10px; } @media (max-width: 757px) { header.header .header--wrapper .header--left .site_logo--text .site-description { margin-left: 0; } } header.header .header--wrapper .header--right { flex-grow: 1; } header.header .header--wrapper .header--right > div { flex-basis: auto; justify-content: flex-end; align-items: center; } header.header .header--wrapper .header--right > div.drawer-mobile { display: none; } @media (min-width: 1025px) and (max-width: 1329px) { header.header .header--wrapper .header--right > div.drawer-mobile { display: none; } } @media (min-width: 758px) and (max-width: 1024px) { header.header .header--wrapper .header--right > div.drawer-mobile { display: flex; } } @media (max-width: 757px) { header.header .header--wrapper .header--right > div.drawer-mobile { display: flex; } } header.header .header--wrapper .header--right > div.drawer-desktop { display: flex; } @media (min-width: 1025px) and (max-width: 1329px) { header.header .header--wrapper .header--right > div.drawer-desktop { display: flex; } } @media (min-width: 758px) and (max-width: 1024px) { header.header .header--wrapper .header--right > div.drawer-desktop { display: none; } } @media (max-width: 757px) { header.header .header--wrapper .header--right > div.drawer-desktop { display: none; } } header.header .header--wrapper .header--right #nav-drawer .nav-unshown { display: none; } header.header .header--wrapper .header--right #nav-drawer #nav-content { overflow: auto; position: fixed; top: 0; left: 0; width: 90%; max-width: 45vw; height: 100%; transition: 0.3s ease-in-out; transform: translateX(-105%); background: var(--site-color); z-index: 99; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 758px) and (max-width: 1024px) { header.header .header--wrapper .header--right #nav-drawer #nav-content { padding: 5em 15px; justify-content: flex-start; max-width: 50vw; } } @media (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content { padding: 3em 15px; justify-content: flex-start; max-width: 75vw; } } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in { display: flex; flex-direction: column; justify-content: center; align-items: center; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo { margin-bottom: 10px; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo img { max-width: 200px; margin: 0 auto; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo p { font-weight: bolder; } @media (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo p { font-size: 1.8rem; } } @media (min-width: 758px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo p { font-size: 1.8rem; } } @media (min-width: 1025px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo p { font-size: 2rem; } } @media (min-width: 1330px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .menu-logo p { font-size: 2rem; } } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in .search-form { margin: 5px auto; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list { margin: 0 auto 2em; padding: 0; max-height: 70vh; display: flex; flex-wrap: wrap; max-width: 500px; flex-direction: column; } @media (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list { padding: 20px; margin: 0 auto 1em; max-height: 100%; } } @media (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li { width: 100%; } } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li.has-children:before { top: 25%; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li.has-children .sub-item { margin-top: 5px; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { position: relative; transition: all 0.3s; position: relative; margin-right: 1.5rem; padding: 10px; line-height: 1; padding: 13px 10px; display: block; color: var(--font-color); } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px var(--font-color); border-right: solid 1px var(--font-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -3px; transform-origin: 50% 50%; transform: translateY(-50%) rotate(45deg); } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a:hover { color: var(--hover-color); transition: all 0.3s; } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a:hover:before { transition: all 0.3s; border-color: var(--hover-color); } @media (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.62rem; } } @media (min-width: 758px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.62rem; } } @media (min-width: 1025px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.8rem; } } @media (min-width: 1330px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.8rem; } } header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a:hover { color: var(--hover-color); } @media (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { padding: 10px 5px 10px 10px; } } @media (max-width: 757px) and (max-width: 757px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 758px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 1025px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.4rem; } } @media (max-width: 757px) and (min-width: 1330px) { header.header .header--wrapper .header--right #nav-drawer #nav-content .nav-in ul.menu-list li a { font-size: 1.4rem; } } header.header .header--wrapper .header--right #nav-drawer #nav-open { display: inline-block; vertical-align: middle; cursor: pointer; } header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn { position: relative; width: 25px; margin-right: 7px; min-height: 50px; } header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span { display: inline-block; transition: all 0.4s; position: absolute; left: 0; height: 3px; border-radius: 3px; background: var(--black); width: 100%; } header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span:nth-of-type(1) { top: 8px; } header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span:nth-of-type(2) { top: 16px; } header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span:nth-of-type(3) { top: 24px; } header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn p { font-size: 1.1rem; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 29px; font-family: sans-serif; color: var(--black); font-weight: bold; white-space: nowrap; } header.header .header--wrapper .header--right #nav-drawer #nav-close { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--black); opacity: 0; transition: 0.3s ease-in-out; z-index: 99; overflow: hidden; } header.header .header--wrapper .header--right #nav-drawer #nav-input-mobile:checked ~ #nav-close, header.header .header--wrapper .header--right #nav-drawer #nav-input-desktop:checked ~ #nav-close { display: block; opacity: 0.5; } header.header .header--wrapper .header--right #nav-drawer #nav-input-mobile:checked ~ #nav-content, header.header .header--wrapper .header--right #nav-drawer #nav-input-desktop:checked ~ #nav-content { -webkit-transform: translateX(0%); transform: translateX(0%); box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15); } header.header .header--wrapper .header--right #nav-drawer #nav-input-mobile:checked ~ #nav-open .openbtn span:nth-of-type(1), header.header .header--wrapper .header--right #nav-drawer #nav-input-desktop:checked ~ #nav-open .openbtn span:nth-of-type(1) { top: 11px; left: 0; transform: translateY(6px) rotate(-45deg); width: 100%; } header.header .header--wrapper .header--right #nav-drawer #nav-input-mobile:checked ~ #nav-open .openbtn span:nth-of-type(2), header.header .header--wrapper .header--right #nav-drawer #nav-input-desktop:checked ~ #nav-open .openbtn span:nth-of-type(2) { opacity: 0; } header.header .header--wrapper .header--right #nav-drawer #nav-input-mobile:checked ~ #nav-open .openbtn span:nth-of-type(3), header.header .header--wrapper .header--right #nav-drawer #nav-input-desktop:checked ~ #nav-open .openbtn span:nth-of-type(3) { top: 23px; left: 0; transform: translateY(-6px) rotate(45deg); width: 100%; } @keyframes menushow { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0px); } } header.header .header--wrapper .header--right .reserv-link { margin: 5px 0 5px 1em; display: block; } header.header .header--wrapper .header--right .reserv-link a { color: white; background: var(--black); padding: 8px 25px; width: 150px; display: block; text-align: center; } @media (max-width: 757px) { header.header .header--wrapper .header--right .reserv-link a { font-size: 1.26rem; } } @media (min-width: 758px) { header.header .header--wrapper .header--right .reserv-link a { font-size: 1.26rem; } } @media (min-width: 1025px) { header.header .header--wrapper .header--right .reserv-link a { font-size: 1.4rem; } } @media (min-width: 1330px) { header.header .header--wrapper .header--right .reserv-link a { font-size: 1.4rem; } } header.header .header--wrapper .header--right .reserv-link a:hover { background: var(--hover-color); color: white; } header.header nav.header-nav { margin: 0.5em 0; } header.header nav.header-nav ul { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; margin: 0 auto; } header.header nav.header-nav ul li a { transition: all 0.3s; position: relative; margin-right: 1.5rem; padding: 10px; line-height: 1; margin: 0; padding-right: 0; margin-left: 20px; font-weight: bolder; letter-spacing: normal; } header.header nav.header-nav ul li a:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px var(--font-color); border-right: solid 1px var(--font-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -3px; transform-origin: 50% 50%; transform: translateY(-50%) rotate(45deg); } header.header nav.header-nav ul li a:hover { color: var(--hover-color); transition: all 0.3s; } header.header nav.header-nav ul li a:hover:before { transition: all 0.3s; border-color: var(--hover-color); } @media (max-width: 757px) { header.header nav.header-nav ul li a { font-size: 1.26rem; } } @media (min-width: 758px) { header.header nav.header-nav ul li a { font-size: 1.26rem; } } @media (min-width: 1025px) { header.header nav.header-nav ul li a { font-size: 1.4rem; } } @media (min-width: 1330px) { header.header nav.header-nav ul li a { font-size: 1.4rem; } } header.header nav.header-nav ul li:last-child a { margin-right: 0; } header.header nav.header-nav ul li.has-children { position: relative; } header.header nav.header-nav ul li.has-children:hover .sub-item { display: block; opacity: 1; animation-duration: 0.3s; animation-name: fade-in; } footer.footer { padding-top: 3em; padding-bottom: 10em; } @media (min-width: 1025px) and (max-width: 1329px) { footer.footer { padding-left: 3%; padding-right: 3%; max-width: 1200px; } } @media (min-width: 758px) and (max-width: 1024px) { footer.footer { padding-left: 3%; padding-right: 3%; padding-top: 2em; padding-bottom: 5em; } } @media (max-width: 757px) { footer.footer { padding-left: 3%; padding-right: 3%; padding-top: 2em; padding-bottom: 5em; } } footer.footer .footer--wrapper { position: relative; display: flex; justify-content: space-between; width: 100%; margin: 0 auto; } @media (min-width: 1025px) and (max-width: 1329px) { footer.footer .footer--wrapper { max-width: 1200px; } } @media (max-width: 757px) { footer.footer .footer--wrapper { justify-content: center; flex-direction: column; align-items: center; } } footer.footer .footer--wrapper .footer--left { flex-basis: 30%; } @media (min-width: 758px) and (max-width: 1024px) { footer.footer .footer--wrapper .footer--left { flex-basis: 50%; } } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left { flex-basis: 100%; } } footer.footer .footer--wrapper .footer--left.both .site_logo--img img { padding-right: 10px; } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left.both .site_logo--img img { padding-right: 0; margin-bottom: 15px; } } footer.footer .footer--wrapper .footer--left.both .site_logo--img .site-description { margin-top: 5px; } footer.footer .footer--wrapper .footer--left.both .site_logo--text { margin-top: 10px; } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left.both .site_logo--text .brand { font-size: 1.8rem; } } @media (min-width: 758px) { footer.footer .footer--wrapper .footer--left.both .site_logo--text .brand { font-size: 1.8rem; } } @media (min-width: 1025px) { footer.footer .footer--wrapper .footer--left.both .site_logo--text .brand { font-size: 2rem; } } @media (min-width: 1330px) { footer.footer .footer--wrapper .footer--left.both .site_logo--text .brand { font-size: 2rem; } } footer.footer .footer--wrapper .footer--left.both .site_logo--text .site-description { margin-top: 5px; } footer.footer .footer--wrapper .footer--left .site_logo--text .brand { display: inline-block; font-weight: bold; white-space: nowrap; line-height: 1; letter-spacing: 0; } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 1.8rem; } } @media (min-width: 758px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 1.8rem; } } @media (min-width: 1025px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 2rem; } } @media (min-width: 1330px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 2rem; } } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { display: block; text-align: center; } } @media (max-width: 757px) and (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { footer.footer .footer--wrapper .footer--left .site_logo--text .brand { font-size: 1.8rem; } } footer.footer .footer--wrapper .footer--left .site_logo--img img { max-width: fit-content; max-height: 80px; } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site_logo--img img { margin: 0 auto; } } footer.footer .footer--wrapper .footer--left .site-description { letter-spacing: normal; margin-top: 15px; display: inline-block; line-height: 1.3; font-weight: 500; letter-spacing: normal; } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.08rem; } } @media (min-width: 758px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.08rem; } } @media (min-width: 1025px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.2rem; } } @media (min-width: 1330px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.2rem; } } @media (min-width: 758px) and (max-width: 1024px) { footer.footer .footer--wrapper .footer--left .site-description { display: block; margin: 1em 0; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.08rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.08rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.2rem; } } @media (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site-description { display: block; text-align: center; margin: 1em 0; } } @media (max-width: 757px) and (max-width: 757px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { footer.footer .footer--wrapper .footer--left .site-description { font-size: 1.2rem; } } footer.footer .footer--wrapper nav.footer--nav { flex-basis: auto; display: flex; justify-content: flex-end; align-items: flex-start; } @media (max-width: 757px) { footer.footer .footer--wrapper nav.footer--nav { justify-content: center; flex-basis: 100%; } } footer.footer .footer--wrapper nav.footer--nav ul { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media (max-width: 757px) { footer.footer .footer--wrapper nav.footer--nav ul { margin: 0.5em 0; justify-content: center; } } footer.footer .footer--wrapper nav.footer--nav ul li { line-height: 1; } footer.footer .footer--wrapper nav.footer--nav ul li:last-child a { margin-right: 0; padding-right: 0; } footer.footer .footer--wrapper nav.footer--nav ul li a { transition: all 0.3s; position: relative; margin-right: 1.5rem; padding: 10px; line-height: 1; display: block; margin: 0; padding: 10px 0 10px 10px; margin-left: 20px; } footer.footer .footer--wrapper nav.footer--nav ul li a:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px var(--font-color); border-right: solid 1px var(--font-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -3px; transform-origin: 50% 50%; transform: translateY(-50%) rotate(45deg); } footer.footer .footer--wrapper nav.footer--nav ul li a:hover { color: var(--hover-color); transition: all 0.3s; } footer.footer .footer--wrapper nav.footer--nav ul li a:hover:before { transition: all 0.3s; border-color: var(--hover-color); } @media (max-width: 757px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.26rem; } } @media (min-width: 758px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.26rem; } } @media (min-width: 1025px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.4rem; } } @media (min-width: 1330px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.4rem; } } @media (max-width: 757px) { footer.footer .footer--wrapper nav.footer--nav ul li a { padding: 10px 8px; margin-left: 5px; } } @media (max-width: 757px) and (max-width: 757px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { footer.footer .footer--wrapper nav.footer--nav ul li a { font-size: 1.2rem; } } footer.footer .copyright { margin: 2em 0 0; text-align: center; } @media (max-width: 757px) { footer.footer .copyright { font-size: 1.26rem; } } @media (min-width: 758px) { footer.footer .copyright { font-size: 1.26rem; } } @media (min-width: 1025px) { footer.footer .copyright { font-size: 1.4rem; } } @media (min-width: 1330px) { footer.footer .copyright { font-size: 1.4rem; } } @media (max-width: 757px) { footer.footer .copyright { margin: 1em 0 0; } } @media (max-width: 757px) and (max-width: 757px) { footer.footer .copyright { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { footer.footer .copyright { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { footer.footer .copyright { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { footer.footer .copyright { font-size: 1.2rem; } } .post__wrapper { width: 75vw; padding-right: 1rem; } .post__wrapper .blog__item { padding: 0.5rem 1rem; border-bottom: #707070 solid 1px; } .post__wrapper .blog__item a { font-weight: normal; display: flex; justify-content: space-between; } .post__pagination { width: 100%; display: flex; justify-content: center; margin-top: 1rem; } .post__pagination ul { display: flex; list-style: none; padding: 0; } .post__pagination ul li { padding: 0 10px; } body.single .page--wrapper .container .contents main { padding-bottom: 3em; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main { padding-bottom: 0; } } body.single .page--wrapper .container .contents main.full-width { width: 100%; } body.single .page--wrapper .container .contents main article { word-break: break-all; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn { margin-top: 10px; } } body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul { display: flex; flex-wrap: wrap; } body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { background: var(--gray); margin: 3px; padding: 3px 15px; display: inline-block; border-radius: 5px; margin-right: 5px; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.08rem; } } @media (min-width: 758px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.08rem; } } @media (min-width: 1025px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.2rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.2rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.08rem; } } @media (min-width: 758px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.08rem; } } @media (min-width: 1025px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.2rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { font-size: 1.2rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a { padding: 3px 5px; text-decoration: none; flex: 1 1 auto; display: flex; justify-content: center; position: relative; border-radius: 4px; white-space: nowrap; margin-bottom: 0.3em; } } body.single .page--wrapper .container .contents main article .entry-meta .catbtn ul li a:hover { color: white; background: var(--hover-color); transition: all 0.3s; opacity: 1; transform: scale(1.05); transition-duration: 0.3s; } body.single .page--wrapper .container .contents main article .entry-meta .site-tag { margin: 1em 0 0; display: flex; flex-wrap: wrap; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-meta .site-tag { margin: 10px 0 0; } } body.single .page--wrapper .container .contents main article .entry-meta .site-tag li { margin-right: 0.7em; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.26rem; } } @media (min-width: 758px) { body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.26rem; } } @media (min-width: 1025px) { body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.4rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.4rem; } } body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a:hover { color: var(--hover-color); } body.single .page--wrapper .container .contents main article .entry-title { padding-top: 35px; padding-bottom: 35px; margin-bottom: 30px; line-height: 1.5; } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-title { padding-top: 25px; padding-bottom: 25px; letter-spacing: normal; margin-bottom: 20px; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-title { padding-top: 25px; padding-bottom: 25px; letter-spacing: normal; margin-bottom: 20px; } } body.single .page--wrapper .container .contents main article .entry-title h1 { font-feature-settings: "palt"; letter-spacing: normal; } body.single .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 0; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 1em; } } body.single .page--wrapper .container .contents main article .entry-content a { text-decoration: underline; } body.single .page--wrapper .container .contents main article .entry-content h2 { padding-top: 2em; padding-bottom: 0.5em; font-feature-settings: "palt"; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.16rem; } } @media (min-width: 758px) { body.single .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.16rem; } } @media (min-width: 1025px) { body.single .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.7rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.7rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content h2 { letter-spacing: normal; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h2 { letter-spacing: normal; padding-bottom: 0; } } body.single .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 0; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 1em; } } body.single .page--wrapper .container .contents main article .entry-content h3 { padding-top: 0.5em; padding-bottom: 1em; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.8rem; } } @media (min-width: 758px) { body.single .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.8rem; } } @media (min-width: 1025px) { body.single .page--wrapper .container .contents main article .entry-content h3 { font-size: 2rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content h3 { font-size: 2rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h3 { font-feature-settings: "palt"; letter-spacing: normal; } } body.single .page--wrapper .container .contents main article .entry-content h3 + p { margin-top: 0; } body.single .page--wrapper .container .contents main article .entry-content p { line-height: 2; margin: 3.6rem 0; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content p { font-feature-settings: "palt"; letter-spacing: normal; margin: 3rem 0; line-height: 1.8; } } @media (max-width: 757px) and (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { body.single .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.single .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } body.single .page--wrapper .container .contents main article .entry-content ol { list-style-type: decimal; padding-left: 1.5em; margin: 0.5em 0; } body.single .page--wrapper .container .contents main article .entry-content ol[type=a] { list-style-type: lower-alpha; } body.single .page--wrapper .container .contents main article .entry-content ol[type=A] { list-style-type: upper-alpha; } body.single .page--wrapper .container .contents main article .entry-content ol[type=i] { list-style-type: lower-roman; } body.single .page--wrapper .container .contents main article .entry-content ol[type=I] { list-style-type: upper-roman; } body.single .page--wrapper .container .contents main article .entry-content ul { list-style-type: disc; padding-left: 1.5em; margin: 0.5em 0; } body.single .page--wrapper .container .contents main article .entry-content ul > ul { list-style-type: circle; } body.single .page--wrapper .container .contents main article .entry-content ul > ul > ul { list-style-type: square; } body.single .page--wrapper .container .contents main article .entry-content li { line-height: 2; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main { margin-top: 20px; } } body.page .page--wrapper .container .contents main.has-left-sidebar { padding-left: 7%; } body.page .page--wrapper .container .contents main.has-right-sidebar { padding-right: 7%; } body.page .page--wrapper .container .contents main.full-width { width: 100%; } body.page .page--wrapper .container .contents main article { word-break: break-all; } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-meta { padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-meta { padding-left: 3%; padding-right: 3%; } } body.page .page--wrapper .container .contents main article .entry-meta .flex { justify-content: space-between; margin-bottom: 1em; } body.page .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul { display: flex; flex-wrap: wrap; } body.page .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a { padding: 3px 15px; display: inline-block; font-size: 1.2rem; border-radius: 5px; margin-right: 5px; } body.page .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a:hover { background: var(--hover-color); } body.page .page--wrapper .container .contents main article .entry-meta .site-tag { margin: 1em 0; display: flex; flex-wrap: wrap; } body.page .page--wrapper .container .contents main article .entry-meta .site-tag li { margin-right: 0.7em; } body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { color: gray; } @media (max-width: 757px) and (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 758px) { body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.4rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.4rem; } } body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a:hover { color: var(--hover-color); } body.page .page--wrapper .container .contents main article .post-eyecatch { margin: 0 0 1em 0; } body.page .page--wrapper .container .contents main article .entry-title h1 { border-bottom: 2px solid var(--brown); color: var(--brown); padding: 1.2em 0 20px; display: inline-block; margin-bottom: 1em; } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-title h1 { padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-title h1 { padding-left: 3%; padding-right: 3%; line-height: 1.5; letter-spacing: normal; font-feature-settings: "palt"; } } body.page .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 0; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 1em; } } body.page .page--wrapper .container .contents main article .entry-content { margin-bottom: 2em; } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content { padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content { padding-left: 3%; padding-right: 3%; } } body.page .page--wrapper .container .contents main article .entry-content a { text-decoration: underline; } body.page .page--wrapper .container .contents main article .entry-content h2 { padding-top: 2em; padding-bottom: 1em; } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-feature-settings: "palt"; letter-spacing: normal; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 2rem; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-feature-settings: "palt"; letter-spacing: normal; } } @media (max-width: 757px) and (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.8rem; } } body.page .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 0; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 1em; } } body.page .page--wrapper .container .contents main article .entry-content h3 { padding: 0.5em 1em; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-feature-settings: "palt"; letter-spacing: normal; } } @media (max-width: 757px) and (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.8rem; } } body.page .page--wrapper .container .contents main article .entry-content h3 + p { margin-top: 0; } body.page .page--wrapper .container .contents main article .entry-content p { line-height: 2; margin: 3.6rem 0; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content p { font-feature-settings: "palt"; letter-spacing: normal; margin: 3rem 0; line-height: 1.8; } } @media (max-width: 757px) and (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } body.page .page--wrapper .container .contents main article .entry-content ol { list-style-type: decimal; padding-left: 1.5em; margin: 0.5em 0; } body.page .page--wrapper .container .contents main article .entry-content ol[type=a] { list-style-type: lower-alpha; } body.page .page--wrapper .container .contents main article .entry-content ol[type=A] { list-style-type: upper-alpha; } body.page .page--wrapper .container .contents main article .entry-content ol[type=i] { list-style-type: lower-roman; } body.page .page--wrapper .container .contents main article .entry-content ol[type=I] { list-style-type: upper-roman; } body.page .page--wrapper .container .contents main article .entry-content ul { list-style-type: disc; padding-left: 1.5em; margin: 0.5em 0; } body.page .page--wrapper .container .contents main article .entry-content ul > ul { list-style-type: circle; } body.page .page--wrapper .container .contents main article .entry-content ul > ul > ul { list-style-type: square; } body.page .page--wrapper .container .contents main article .entry-content li { line-height: 2; } .widget-area { flex-basis: 25%; z-index: 5; margin-bottom: 5em; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area { flex-basis: 100%; max-width: 100%; padding-left: 3%; padding-right: 3%; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area { flex-basis: 100%; max-width: 100%; margin-bottom: 2em; } } @media (max-width: 757px) { .widget-area { flex-basis: 100%; max-width: 100%; margin-bottom: 0; } } .widget-area aside, .widget-area section { margin-top: 15px; margin-bottom: 50px; } .widget-area aside:first-child, .widget-area section:first-child { margin-top: 0; margin-bottom: 20px; } .widget-area aside:last-child, .widget-area section:last-child { margin-bottom: 0; } .widget-area aside.new-posts, .widget-area section.new-posts { margin-bottom: 50px; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside.new-posts, .widget-area section.new-posts { margin-bottom: 20px; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside.new-posts, .widget-area section.new-posts { margin-bottom: 20px; } } @media (max-width: 757px) { .widget-area aside.new-posts, .widget-area section.new-posts { margin-bottom: 20px; } } .widget-area aside.new-posts .new-posts--header h3, .widget-area section.new-posts .new-posts--header h3 { margin-bottom: 10px; } .widget-area aside.new-posts .new, .widget-area section.new-posts .new { border-bottom: 1px solid #ccc; } .widget-area aside.new-posts .new:last-child, .widget-area section.new-posts .new:last-child { border-bottom: none; } .widget-area aside.new-posts .new .new-entry-title, .widget-area section.new-posts .new .new-entry-title { border-bottom: none; } .widget-area aside.new-posts a.new-entry-title, .widget-area section.new-posts a.new-entry-title { transition: all 0.3s; display: flex; flex-direction: column; align-items: flex-start; padding: 15px 0; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside.new-posts a.new-entry-title, .widget-area section.new-posts a.new-entry-title { align-items: center; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside.new-posts a.new-entry-title, .widget-area section.new-posts a.new-entry-title { align-items: center; } } .widget-area aside.new-posts a.new-entry-title:hover, .widget-area section.new-posts a.new-entry-title:hover { transition: all 0.3s; opacity: 1; transform: scale(1.05); transition-duration: 0.3s; } .widget-area aside.new-posts a.new-entry-title div:hover, .widget-area section.new-posts a.new-entry-title div:hover { opacity: 1; } .widget-area aside.new-posts a.new-entry-title .post-eyecatch, .widget-area section.new-posts a.new-entry-title .post-eyecatch { min-width: 100%; height: auto; background-size: cover; background-position: center center; transition: all 0.1s ease-in-out 0.1s; position: relative; margin-right: 0; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch, .widget-area section.new-posts a.new-entry-title .post-eyecatch { min-width: 120px; max-width: 120px; height: auto; background-size: cover; background-position: center center; transition: all 0.1s ease-in-out 0.1s; position: relative; margin-right: 0; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch, .widget-area section.new-posts a.new-entry-title .post-eyecatch { width: 300px; min-width: 300px; } } @media (max-width: 757px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch, .widget-area section.new-posts a.new-entry-title .post-eyecatch { min-width: 100%; height: auto; margin-right: 0; } } .widget-area aside.new-posts a.new-entry-title .post-eyecatch.cover, .widget-area section.new-posts a.new-entry-title .post-eyecatch.cover { max-height: 120px; min-height: 120px; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch.cover, .widget-area section.new-posts a.new-entry-title .post-eyecatch.cover { max-height: 120px; min-height: 120px; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch.cover, .widget-area section.new-posts a.new-entry-title .post-eyecatch.cover { max-height: 150px; min-height: 150px; } } .widget-area aside.new-posts a.new-entry-title .post-eyecatch img:hover, .widget-area section.new-posts a.new-entry-title .post-eyecatch img:hover { opacity: 1; } .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { padding: 3px 10px; color: white; background: rgba(0, 0, 0, 0.5); display: inline-block; position: absolute; right: 0; top: 0; } @media (max-width: 757px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 0.9rem; } } @media (min-width: 758px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 0.9rem; } } @media (min-width: 1025px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 1rem; } } @media (min-width: 1330px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 1rem; } } @media (max-width: 757px) and (max-width: 757px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { .widget-area aside.new-posts a.new-entry-title .post-eyecatch .catbtn, .widget-area section.new-posts a.new-entry-title .post-eyecatch .catbtn { font-size: 1.2rem; } } .widget-area aside.new-posts a.new-entry-title .new-posts--content .date, .widget-area section.new-posts a.new-entry-title .new-posts--content .date { font-size: 1.2rem; color: #afafaf; display: inline-block; vertical-align: middle; margin-right: 5px; } .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { margin-top: 10px; line-height: 1.3; margin-bottom: 1em; } @media (max-width: 757px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 1.26rem; } } @media (min-width: 758px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 1.26rem; } } @media (min-width: 1025px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 1.4rem; } } @media (min-width: 1330px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 1.4rem; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { font-size: 2rem; } } @media (max-width: 757px) { .widget-area aside.new-posts a.new-entry-title .new-posts--content p, .widget-area section.new-posts a.new-entry-title .new-posts--content p { line-height: 1.4; } } .widget-area aside .widget-title, .widget-area aside h2, .widget-area aside h3, .widget-area section .widget-title, .widget-area section h2, .widget-area section h3 { line-height: 1; border-left: 8px solid var(--site-color); background: white; padding: 10px 10px; margin-bottom: 20px; font-weight: bolder; } @media (max-width: 757px) { .widget-area aside .widget-title, .widget-area aside h2, .widget-area aside h3, .widget-area section .widget-title, .widget-area section h2, .widget-area section h3 { font-size: 1.8rem; } } @media (min-width: 758px) { .widget-area aside .widget-title, .widget-area aside h2, .widget-area aside h3, .widget-area section .widget-title, .widget-area section h2, .widget-area section h3 { font-size: 1.8rem; } } @media (min-width: 1025px) { .widget-area aside .widget-title, .widget-area aside h2, .widget-area aside h3, .widget-area section .widget-title, .widget-area section h2, .widget-area section h3 { font-size: 2rem; } } @media (min-width: 1330px) { .widget-area aside .widget-title, .widget-area aside h2, .widget-area aside h3, .widget-area section .widget-title, .widget-area section h2, .widget-area section h3 { font-size: 2rem; } } .widget-area aside .category-thumb, .widget-area section .category-thumb { padding-left: 0; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside .category-thumb, .widget-area section .category-thumb { display: flex; flex-wrap: wrap; margin-bottom: 2em; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside .category-thumb, .widget-area section .category-thumb { display: flex; flex-wrap: wrap; margin-bottom: 2em; } } @media (max-width: 757px) { .widget-area aside .category-thumb, .widget-area section .category-thumb { display: flex; flex-wrap: wrap; margin-bottom: 0; } } .widget-area aside .category-thumb .no-img a .title:before, .widget-area section .category-thumb .no-img a .title:before { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 5px; margin-right: 10px; border-radius: 50%; background-color: var(--site-color); } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside .category-thumb .no-img a .title:before, .widget-area section .category-thumb .no-img a .title:before { margin-right: 5px; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside .category-thumb .no-img a .title:before, .widget-area section .category-thumb .no-img a .title:before { margin-right: 5px; } } @media (max-width: 757px) { .widget-area aside .category-thumb .no-img a .title:before, .widget-area section .category-thumb .no-img a .title:before { margin-right: 5px; } } .widget-area aside .category-thumb li a, .widget-area section .category-thumb li a { display: flex; align-items: center; margin-bottom: 10px; letter-spacing: normal; transition: all 0.3s; font-size: 0.9em; line-height: 1.5; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside .category-thumb li a, .widget-area section .category-thumb li a { padding: 0 10px 0 0; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside .category-thumb li a, .widget-area section .category-thumb li a { padding: 0 10px 0 0; } } @media (max-width: 757px) { .widget-area aside .category-thumb li a, .widget-area section .category-thumb li a { padding: 0 5px 0 0; } } .widget-area aside .category-thumb li a:hover, .widget-area section .category-thumb li a:hover { transition: all 0.3s; opacity: 1; transform: scale(1.05); transition-duration: 0.3s; } .widget-area aside .category-thumb li a img, .widget-area section .category-thumb li a img { border-radius: 300px; width: 40px; height: 40px; padding: 3px; display: inline-block; margin-right: 5px; } .widget-area aside .category-thumb li a img:hover, .widget-area section .category-thumb li a img:hover { opacity: 1; } .widget-area aside .category-thumb li a span, .widget-area section .category-thumb li a span { display: flex; align-items: center; } .widget-area aside .category-thumb li a span .number, .widget-area section .category-thumb li a span .number { color: var(--font-color); margin-left: 10px; width: 20px; display: inline-block; text-align: center; font-size: 1.2rem; border-radius: 50px; background: #eceff2; } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside .category-thumb li a span .number, .widget-area section .category-thumb li a span .number { margin-left: 5px; } } @media (max-width: 757px) { .widget-area aside .category-thumb li a span .number, .widget-area section .category-thumb li a span .number { margin-left: 5px; } } .widget-area aside .category-thumb li ul, .widget-area section .category-thumb li ul { padding-left: 32px; position: relative; } @media (max-width: 757px) { .widget-area aside .category-thumb li ul, .widget-area section .category-thumb li ul { padding-left: 25px; } } .widget-area aside .category-thumb li ul:before, .widget-area section .category-thumb li ul:before { content: ""; display: block; position: absolute; top: -5px; left: 8px; bottom: 23px; width: 0; border-left: 1px solid #ccc; } .widget-area aside .category-thumb li ul li, .widget-area section .category-thumb li ul li { position: relative; margin: 0; padding: 3px 0; text-decoration: none; text-transform: uppercase; font-size: 0.8em; font-weight: normal; line-height: 20px; } .widget-area aside .category-thumb li ul li:before, .widget-area section .category-thumb li ul li:before { content: ""; display: block; position: absolute; bottom: 23px; left: -24px; width: 20px; height: 0; border-top: 1px solid #ccc; } @media (min-width: 1025px) and (max-width: 1329px) { .widget-area aside .category-thumb li ul li:before, .widget-area section .category-thumb li ul li:before { left: -17px; } } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside .category-thumb li ul li:before, .widget-area section .category-thumb li ul li:before { left: -17px; } } @media (max-width: 757px) { .widget-area aside .category-thumb li ul li:before, .widget-area section .category-thumb li ul li:before { left: -17px; } } .widget-area aside .category-thumb li ul li a .number, .widget-area section .category-thumb li ul li a .number { color: var(--font-color); margin-left: 5px; width: 20px; display: inline-block; text-align: center; font-size: 1.2rem; border-radius: 50px; background: #eceff2; } .widget-area aside .tagcloud a, .widget-area section .tagcloud a { position: relative; padding: 0.2em 0.4em 0.2em 1.5em; border: 1px solid #e9ecef; background: #e9ecef; border-radius: 4px; font-size: 1.2rem !important; white-space: nowrap; color: #2989bf; display: inline-block; margin-bottom: 0.3em; } .widget-area aside .tagcloud a:hover, .widget-area section .tagcloud a:hover { background: #737373; color: white; } .widget-area aside .tagcloud a:hover:before, .widget-area section .tagcloud a:hover:before { color: white; } .widget-area aside .tagcloud a:before, .widget-area section .tagcloud a:before { font-family: "FontAwesome"; content: "\f02b"; position: absolute; top: 3px; left: 0.4rem; color: #2989bf; } .widget-area aside .widget, .widget-area section .widget { position: relative; } .widget-area aside .widget > ul, .widget-area section .widget > ul { background: white; list-style: none; line-height: 1.8rem; padding-left: 0; margin-top: 1em; margin-bottom: 2.5em; } .widget-area aside .widget ul, .widget-area section .widget ul { padding: 0; list-style: none; } .widget-area aside .widget ul li ul, .widget-area section .widget ul li ul { padding-left: 20px; } .widget-area aside .widget ul li ul.children, .widget-area section .widget ul li ul.children { list-style: none; font-weight: normal; padding-left: 0.75rem; } .widget-area aside .widget ul li ul.children a, .widget-area section .widget ul li ul.children a { position: relative; padding: 0.5em 0 0.5em 2em; font-size: 1.2rem; } .widget-area aside .widget ul li ul.children a:before, .widget-area section .widget ul li ul.children a:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px #737373; border-right: solid 1px #737373; transform: rotate(45deg); position: absolute; top: 16px; left: 10px; } .widget-area aside .widget ul li ul.children a span, .widget-area section .widget ul li ul.children a span { line-height: 1em; float: right; margin: 0 0 0 8px; padding: 6px 8px; border-radius: 200px; color: var(--site-color); background: white; font-weight: normal; border: 1px solid var(--site-color); } @media (max-width: 757px) { .widget-area aside .widget ul li ul.children a span, .widget-area section .widget ul li ul.children a span { font-size: 1.26rem; } } @media (min-width: 758px) { .widget-area aside .widget ul li ul.children a span, .widget-area section .widget ul li ul.children a span { font-size: 1.26rem; } } @media (min-width: 1025px) { .widget-area aside .widget ul li ul.children a span, .widget-area section .widget ul li ul.children a span { font-size: 1.4rem; } } @media (min-width: 1330px) { .widget-area aside .widget ul li ul.children a span, .widget-area section .widget ul li ul.children a span { font-size: 1.4rem; } } .widget-area aside .widget ul li a, .widget-area section .widget ul li a { text-decoration: none; padding: 0.5em 0 0.5em 1.2em; display: flex; justify-content: space-between; align-items: center; line-height: 1.5; position: relative; } @media (max-width: 757px) { .widget-area aside .widget ul li a, .widget-area section .widget ul li a { font-size: 1.26rem; } } @media (min-width: 758px) { .widget-area aside .widget ul li a, .widget-area section .widget ul li a { font-size: 1.26rem; } } @media (min-width: 1025px) { .widget-area aside .widget ul li a, .widget-area section .widget ul li a { font-size: 1.4rem; } } @media (min-width: 1330px) { .widget-area aside .widget ul li a, .widget-area section .widget ul li a { font-size: 1.4rem; } } .widget-area aside .widget ul li a span, .widget-area section .widget ul li a span { line-height: 1em; float: right; margin: 0 0 0 8px; padding: 6px 8px; border-radius: 200px; color: white; background: var(--site-color); font-weight: normal; border: 1px solid var(--site-color); } .widget-area aside .widget ul li a:hover, .widget-area section .widget ul li a:hover { opacity: 0.75; transform: scale(1.05); transition-duration: 0.3s; } .widget-area aside .widget ul li a:before, .widget-area section .widget ul li a:before { content: ""; width: 8px; height: 8px; border: 0px; border-top: solid 2px var(--site-color); border-right: solid 2px var(--site-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 16px; left: -1px; } .widget-area aside .widget ul li a .post-count, .widget-area section .widget ul li a .post-count { display: block; float: right; color: white; background: var(--site-color); font-size: 1.2rem; line-height: 1; padding: 3px 5px; border: 1px solid var(--site-color); border-radius: 200px; } .widget-area aside .widget_recent_entries ul li a, .widget-area section .widget_recent_entries ul li a { padding-bottom: 1em; } .widget-area aside .widget-info, .widget-area section .widget-info { border-left: 2px solid var(--site-color); border-right: 2px solid var(--site-color); border-top: 2px solid var(--site-color); border-bottom: 2px solid var(--site-color); padding: 50px 1.5em 1.5em; background-image: url(../img/prof-bg.webp); background-position: top center; background-size: 105%; background-repeat: no-repeat; margin-bottom: 3em; text-align: center; } @media (min-width: 758px) and (max-width: 1024px) { .widget-area aside .widget-info, .widget-area section .widget-info { padding-left: 10px; padding-right: 10px; } } .widget-area aside .widget-info img, .widget-area section .widget-info img { margin-bottom: 1em; } .widget-area aside .widget-info .prof, .widget-area section .widget-info .prof { max-width: 100px; margin: 0 auto 1em; } .widget-area aside .widget-info p, .widget-area section .widget-info p { font-size: 1.3rem; margin-bottom: 1em; text-align: left; } .widget-area aside .widget-info .sns, .widget-area section .widget-info .sns { align-items: center; justify-content: center; display: flex; margin-bottom: 1em; } .widget-area aside .widget-info .sns div:last-child img, .widget-area section .widget-info .sns div:last-child img { margin-right: 0; } .widget-area aside .widget-info .sns div img, .widget-area section .widget-info .sns div img { max-width: 25px; margin-right: 1.2em; margin-bottom: 1em; } .widget-area aside .widget-info h4, .widget-area section .widget-info h4 { font-size: 1.6rem; } .widget-area aside .widget-info .more, .widget-area section .widget-info .more { color: var(--site-color); font-size: 1.3rem; font-weight: 600; position: relative; padding-left: 5px; transition: all 0.3s; position: relative; margin-right: 1.5rem; padding: 10px; line-height: 1; } .widget-area aside .widget-info .more:before, .widget-area section .widget-info .more:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px var(--font-color); border-right: solid 1px var(--font-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -3px; transform-origin: 50% 50%; transform: translateY(-50%) rotate(45deg); } .widget-area aside .widget-info .more:hover, .widget-area section .widget-info .more:hover { color: var(--hover-color); transition: all 0.3s; } .widget-area aside .widget-info .more:hover:before, .widget-area section .widget-info .more:hover:before { transition: all 0.3s; border-color: var(--hover-color); } .widget-area aside .widget-info .more:before, .widget-area section .widget-info .more:before { top: 38%; } .widget-area aside .widget-info .more:hover, .widget-area section .widget-info .more:hover { color: var(--hover-color); } .widget-area aside .widget-info .more img, .widget-area section .widget-info .more img { max-width: 12px; margin-left: 5px; vertical-align: -webkit-baseline-middle; } .widget-area section { margin-top: 15px; margin-bottom: 15px; } .widget-area section:first-child { margin-top: 0; margin-bottom: 15px; } .widget-area .wp-block-archives-list { list-style: none; margin-bottom: 50px; padding: 0; display: flex; flex-direction: column; align-items: flex-start; } .widget-area .wp-block-archives-list li ul { padding-left: 20px; } .widget-area .wp-block-archives-list li ul.children { list-style: none; font-weight: normal; padding-left: 0.75rem; } .widget-area .wp-block-archives-list li ul.children a { position: relative; padding: 0.5em 0 0.5em 2em; font-size: 1.2rem; } .widget-area .wp-block-archives-list li ul.children a:before { content: ""; width: 6px; height: 6px; border: 0px; border-top: solid 1px #737373; border-right: solid 1px #737373; transform: rotate(45deg); position: absolute; top: 16px; left: 10px; } .widget-area .wp-block-archives-list li ul.children a span { line-height: 1em; float: right; margin: 0 0 0 8px; padding: 6px 8px; border-radius: 200px; color: var(--site-color); background: white; font-weight: normal; border: 1px solid var(--site-color); } @media (max-width: 757px) { .widget-area .wp-block-archives-list li ul.children a span { font-size: 1.26rem; } } @media (min-width: 758px) { .widget-area .wp-block-archives-list li ul.children a span { font-size: 1.26rem; } } @media (min-width: 1025px) { .widget-area .wp-block-archives-list li ul.children a span { font-size: 1.4rem; } } @media (min-width: 1330px) { .widget-area .wp-block-archives-list li ul.children a span { font-size: 1.4rem; } } .widget-area .wp-block-archives-list li a { text-decoration: none; padding: 0.5em 0 0.5em 1.2em; display: flex; justify-content: space-between; align-items: center; line-height: 1.5; position: relative; } @media (max-width: 757px) { .widget-area .wp-block-archives-list li a { font-size: 1.26rem; } } @media (min-width: 758px) { .widget-area .wp-block-archives-list li a { font-size: 1.26rem; } } @media (min-width: 1025px) { .widget-area .wp-block-archives-list li a { font-size: 1.4rem; } } @media (min-width: 1330px) { .widget-area .wp-block-archives-list li a { font-size: 1.4rem; } } .widget-area .wp-block-archives-list li a span { line-height: 1em; float: right; margin: 0 0 0 8px; padding: 6px 8px; border-radius: 200px; color: white; background: var(--site-color); font-weight: normal; border: 1px solid var(--site-color); } @media (max-width: 757px) { .widget-area .wp-block-archives-list li a span { font-size: 1.26rem; } } @media (min-width: 758px) { .widget-area .wp-block-archives-list li a span { font-size: 1.26rem; } } @media (min-width: 1025px) { .widget-area .wp-block-archives-list li a span { font-size: 1.4rem; } } @media (min-width: 1330px) { .widget-area .wp-block-archives-list li a span { font-size: 1.4rem; } } .widget-area .wp-block-archives-list li a:hover { opacity: 0.75; transform: scale(1.05); transition-duration: 0.3s; } .widget-area .wp-block-archives-list li a:before { content: ""; width: 8px; height: 8px; border: 0px; border-top: solid 2px var(--site-color); border-right: solid 2px var(--site-color); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 16px; left: -1px; } .widget-area .wp-block-archives-list li a .post-count { display: block; float: right; color: white; background: var(--site-color); font-size: 1.2rem; line-height: 1; padding: 3px 5px; border: 1px solid var(--site-color); border-radius: 200px; } .widget-area .wp-block-tag-cloud { margin: 2em 0; display: flex; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 757px) { .widget-area .wp-block-tag-cloud { justify-content: flex-start; } } .widget-area .wp-block-tag-cloud a { text-decoration: none; flex: 1 1 auto; position: relative; background: var(--gray); border-radius: 4px; margin-bottom: 0.3em; margin-right: 5px; transition: all 1s; font-size: 1.3rem !important; font-weight: 500; padding: 6px 12px; display: flex; align-items: center; justify-content: center; } .widget-area .wp-block-tag-cloud a:hover { transform: scale(1.1); color: white; background: var(--hover-color); border-color: var(--hover-color); transition-duration: 0.3s; } .button { background-color: var(--tone-and-manner); --color-link: #fff; padding: 0.3rem 1rem; border-radius: 1rem; color: white; font-weight: bolder; } html body .page--wrapper .container .contents main .comments-area { padding: 5em 0 1em; border-radius: 10px; margin-bottom: 30px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area { padding: 30px; border-radius: 0; } } html body .page--wrapper .container .contents main .comments-area .comments-title { font-weight: bold; margin-bottom: 20px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-form-comment, html body .page--wrapper .container .contents main .comments-area .comment-form-author, html body .page--wrapper .container .contents main .comments-area .comment-form-email, html body .page--wrapper .container .contents main .comments-area .comment-form-url { display: flex; flex-direction: column; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-form-comment, html body .page--wrapper .container .contents main .comments-area .comment-form-author, html body .page--wrapper .container .contents main .comments-area .comment-form-email, html body .page--wrapper .container .contents main .comments-area .comment-form-url { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-form-comment, html body .page--wrapper .container .contents main .comments-area .comment-form-author, html body .page--wrapper .container .contents main .comments-area .comment-form-email, html body .page--wrapper .container .contents main .comments-area .comment-form-url { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-form-comment, html body .page--wrapper .container .contents main .comments-area .comment-form-author, html body .page--wrapper .container .contents main .comments-area .comment-form-email, html body .page--wrapper .container .contents main .comments-area .comment-form-url { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-form-comment, html body .page--wrapper .container .contents main .comments-area .comment-form-author, html body .page--wrapper .container .contents main .comments-area .comment-form-email, html body .page--wrapper .container .contents main .comments-area .comment-form-url { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-form-comment label { margin-bottom: 5px; } html body .page--wrapper .container .contents main .comments-area .comment-reply-title { display: inline-block; font-weight: bolder; border: 1px solid; padding: 5px 10px; border-radius: 5px; margin-bottom: 10px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-reply-title { font-size: 1.08rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-reply-title { font-size: 1.08rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-reply-title { font-size: 1.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-reply-title { font-size: 1.2rem; } } html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as { letter-spacing: normal; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as a { text-decoration: underline; } html body .page--wrapper .container .contents main .comments-area .comment-form .logged-in-as a:hover { color: var(--hover-color); } html body .page--wrapper .container .contents main .comments-area .comment-form .comment-notes { letter-spacing: normal; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-form .comment-notes { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-form .comment-notes { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-form .comment-notes { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-form .comment-notes { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-form textarea { background: white; padding: 10px; border-radius: 5px; border: none; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; } html body .page--wrapper .container .contents main .comments-area .comment-form input { background: white; padding: 10px; border-radius: 5px; border: none; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent { margin-right: 10px; margin-bottom: 8px; display: block; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent.c-checkbox__vertical { display: block; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input[type=checkbox], html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input[type=radio] { all: revert; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input:checked + label::before { color: #fff; border-color: #ccc; background-color: #3e82ff; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input:focus + label::before { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3); } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input:checked + label::after { transform: translateY(-50%) scale(1); } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input:disabled + label { opacity: 0.5; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input:disabled + label::before { background-color: #eee; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent input:disabled + label::after { content: none; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent label { position: relative; margin-bottom: 0; vertical-align: middle; } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent label::before { content: ""; position: absolute; top: 50%; left: -22px; display: block; width: 19px; height: 19px; box-sizing: border-box; transform: translateY(-50%); pointer-events: none; background-color: #fff; border: 1px solid #ccc; transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent label::before { top: 10px; } } html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent label::after { content: ""; position: absolute; top: 50%; left: -22px; display: block; width: 17px; height: 17px; box-sizing: border-box; transform: translateY(-50%) scale(0); background-repeat: no-repeat; background-size: 50% 50%; background-position: center center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-form-cookies-consent label::after { top: 10px; } } html body .page--wrapper .container .contents main .comments-area .form-submit { width: 100%; text-align: center; } html body .page--wrapper .container .contents main .comments-area .form-submit input { margin-top: 20px; padding: 10px 20px; background: var(--hover-color); color: white; font-weight: bolder; display: inline-block; transition-duration: 0.3s; cursor: pointer; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .form-submit input { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .form-submit input { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .form-submit input { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .form-submit input { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .form-submit input:hover { color: white; transform: scale(1.15); transition-duration: 0.3s; } html body .page--wrapper .container .contents main .comments-area .pingback-list { list-style: none; padding: 0; } html body .page--wrapper .container .contents main .comments-area .pingback-list li { border-bottom: 1px solid #ddd; padding: 1em 0; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .pingback-list li { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .pingback-list li { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .pingback-list li { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .pingback-list li { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comments-title { margin-bottom: 20px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 1.8rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 1.8rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comments-title { font-size: 2rem; } } html body .page--wrapper .container .contents main .comments-area .comment-list { list-style: none; padding: 0; } html body .page--wrapper .container .contents main .comments-area .comment-list .parent .children { margin-left: 1em; } html body .page--wrapper .container .contents main .comments-area .comment-list .parent .children p { background-color: #dedede; } html body .page--wrapper .container .contents main .comments-area .comment-list .parent .children p:after { border-bottom: 15px solid #dedede; /* 吹き出しの背景色 */ } html body .page--wrapper .container .contents main .comments-area .comment-list li { padding: 1em 0 0; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body { position: relative; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .reply { text-align: right; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .reply a { font-size: 1.5rem; margin-right: 15px; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author { font-weight: bold; display: flex; align-items: center; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author img { border-radius: 50%; margin-right: 10px; max-width: 50px; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author .fn { font-style: normal; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author .fn { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author .fn { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author .fn { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author .fn { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-author .says { display: none; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-meta { margin-bottom: 5px; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-meta a { color: #777; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-meta a { font-size: 1.08rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-meta a { font-size: 1.08rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-meta a { font-size: 1.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-meta a { font-size: 1.2rem; } } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-awaiting-moderation { background: white; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-awaiting-moderation { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-awaiting-moderation { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-awaiting-moderation { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body .comment-awaiting-moderation { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p { padding: 15px; background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 10px; margin: 1em 0 5px; position: relative; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p:before { content: ""; position: absolute; top: -17px; left: 20px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 16px solid #ccc; /* 罫線の色 */ } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p:after { content: ""; position: absolute; top: -15px; left: 21px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #f0f0f0; /* 吹き出しの背景色 */ } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p .url { color: #007bff; text-decoration: none; } html body .page--wrapper .container .contents main .comments-area .comment-list li .comment-body p .url:hover { text-decoration: underline; } html body .page--wrapper .container .contents main .comments-area .no-comments { margin-top: 1em; color: #999; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .comments-area .no-comments { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .comments-area .no-comments { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .comments-area .no-comments { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .comments-area .no-comments { font-size: 1.4rem; } } .form_table { width: 100%; display: flex; flex-wrap: wrap; } .form_table dt { flex-basis: 30%; padding: 1.6em 15px; } @media (max-width: 757px) { .form_table dt { padding: 10px 5px; flex-basis: 100%; line-height: 1.4; } } .form_table dt .must { background: #ff1a00; } .form_table dt .free { background: #999; } .form_table dt .must, .form_table dt .free { color: #fff; border-radius: 3px; font-size: 10.8px; margin-left: 10px; padding: 3px 5px; letter-spacing: 0.1em; line-height: 1; vertical-align: middle; } @media (max-width: 757px) { .form_table dt .must, .form_table dt .free { display: inline-block; } } .form_table dd { padding: 1.5em 15px; flex-basis: 70%; } @media (max-width: 757px) { .form_table dd { flex-basis: 100%; } } .form_table dd .error { display: block; } @media (max-width: 757px) { .form_table dd span.horizontal-item { margin-left: 0 !important; display: block; } } .form_table dt, .form_table dd { box-sizing: border-box; } @media (max-width: 757px) { .form_table dt, .form_table dd { font-size: 1.62rem; } } @media (min-width: 758px) { .form_table dt, .form_table dd { font-size: 1.62rem; } } @media (min-width: 1025px) { .form_table dt, .form_table dd { font-size: 1.8rem; } } @media (min-width: 1330px) { .form_table dt, .form_table dd { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) { .form_table dt, .form_table dd { padding-left: 0; } } @media (max-width: 757px) { .form_table dt, .form_table dd { width: 100%; } } .form_table dt input[type=text], .form_table dt textarea, .form_table dd input[type=text], .form_table dd textarea { width: 100%; } .form_table dt input[type=password], .form_table dt input[type=date], .form_table dt input[type=time], .form_table dt input[type=email], .form_table dt input[type=url], .form_table dt input[type=text], .form_table dt input[type=number], .form_table dt textarea, .form_table dd input[type=password], .form_table dd input[type=date], .form_table dd input[type=time], .form_table dd input[type=email], .form_table dd input[type=url], .form_table dd input[type=text], .form_table dd input[type=number], .form_table dd textarea { padding: 7px 15px; font-size: 1.6rem; border-radius: 5px; border: 1px solid #ccc; -webkit-transition: 0.5s; transition: 0.5s; background: white; } .form_table dt label, .form_table dd label { cursor: pointer; padding-left: 0; margin-right: 10px; position: relative; } .form_table dt label input[type=radio]:before, .form_table dt label input[type=radio]:after, .form_table dd label input[type=radio]:before, .form_table dd label input[type=radio]:after { content: ""; display: block; border-radius: 50%; position: absolute; transform: translateY(-50%); top: 50%; } .form_table dt label input[type=radio]:before, .form_table dd label input[type=radio]:before { background-color: #fff; border: 1px solid var(--site-color); height: 13px; width: 13px; left: 0; } .form_table dt label input[type=radio]:checked:after, .form_table dd label input[type=radio]:checked:after { background-color: var(--site-color); opacity: 1; height: 13px; width: 13px; left: 0; } .form_table dt label .mwform-radio-field-text, .form_table dd label .mwform-radio-field-text { font-weight: 600; } @media (max-width: 757px) { .form_table dt { padding: 15px 0 0 10px; display: flex; align-items: center; } } @media (max-width: 757px) { .form_table dd { padding: 10px 10px 10px; } } .privacy-check { display: none; } .form-note { margin: 5em 0; } @media (max-width: 757px) { .form-note { font-size: 1.62rem; } } @media (min-width: 758px) { .form-note { font-size: 1.62rem; } } @media (min-width: 1025px) { .form-note { font-size: 1.8rem; } } @media (min-width: 1330px) { .form-note { font-size: 1.8rem; } } .input_btn { margin-top: 3.5em; padding-bottom: 150px; display: block; position: relative; text-align: center; } @media (max-width: 757px) { .input_btn { margin-top: 2em; } } .input_btn input { color: var(--black); background: var(--site-color); padding: 15px 5em; border-radius: 2px; font-weight: bolder; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; position: relative; line-height: 1; transition: all 0.3s; margin: 0 5px; transition-duration: 0.3s; transition-duration: 0.3s; } @media (max-width: 757px) { .input_btn input { font-size: 1.8rem; } } @media (min-width: 758px) { .input_btn input { font-size: 1.8rem; } } @media (min-width: 1025px) { .input_btn input { font-size: 2rem; } } @media (min-width: 1330px) { .input_btn input { font-size: 2rem; } } @media (max-width: 757px) { .input_btn input { padding: 15px 1em; } } @media (max-width: 757px) and (max-width: 757px) { .input_btn input { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { .input_btn input { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { .input_btn input { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { .input_btn input { font-size: 1.8rem; } } .input_btn input:hover { cursor: pointer; background: var(--hover-color); transform: scale(1.05); transition-duration: 0.3s; transition-duration: 0.3s; } .input_btn input.back { background: white; color: var(--black); } .input_btn input.back:hover { cursor: pointer; background: var(--hover-color); } .input_btn input img { max-width: 20px; margin-right: 5px; vertical-align: sub; } .step { padding: 3em 0 5em; } @media (max-width: 757px) { .step { padding: 2em 0; } } .step ul { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding-left: 0; } .step ul li { position: relative; width: 33.3%; padding: 5px; background-color: #ccc; color: #666666; font-size: 2rem; font-weight: bold; text-align: center; } @media (max-width: 757px) { .step ul li { font-size: 1.3rem; padding: 5px 0 5px 30px; text-align: left; } .step ul li:first-child { padding-left: 15px; } } .step ul li:after { content: ""; position: absolute; z-index: -1; right: -20px; top: 50%; display: inline-block; width: 50px; height: 50px; margin-top: -27px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 4px solid #fff; border-bottom: 4px solid #fff; background-color: #ccc; } @media (max-width: 757px) { .step ul li:after { right: -10px; margin-top: -25px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; } } .step ul li.on { background-color: var(--site-color); color: var(--black); } .step ul li.on:after { background-color: var(--site-color); } .step ul li:nth-of-type(1) { z-index: 3; } .step ul li:nth-of-type(2) { z-index: 2; } .step ul li > span { position: relative; z-index: 10; } body.archive .page--wrapper .container .contents h1, body.taxonomy .page--wrapper .container .contents h1, body.category .page--wrapper .container .contents h1, body.search .page--wrapper .container .contents h1 { text-align: center; margin: 0 0 2em; } @media (max-width: 757px) and (max-width: 757px) { body.archive .page--wrapper .container .contents h1, body.taxonomy .page--wrapper .container .contents h1, body.category .page--wrapper .container .contents h1, body.search .page--wrapper .container .contents h1 { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 758px) { body.archive .page--wrapper .container .contents h1, body.taxonomy .page--wrapper .container .contents h1, body.category .page--wrapper .container .contents h1, body.search .page--wrapper .container .contents h1 { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.archive .page--wrapper .container .contents h1, body.taxonomy .page--wrapper .container .contents h1, body.category .page--wrapper .container .contents h1, body.search .page--wrapper .container .contents h1 { font-size: 2rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.archive .page--wrapper .container .contents h1, body.taxonomy .page--wrapper .container .contents h1, body.category .page--wrapper .container .contents h1, body.search .page--wrapper .container .contents h1 { font-size: 2rem; } } body.archive .page--wrapper .container .contents main, body.taxonomy .page--wrapper .container .contents main, body.category .page--wrapper .container .contents main, body.search .page--wrapper .container .contents main { padding-bottom: 3em; } html { font-size: 62.5%; scroll-behavior: smooth; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } html body { background: var(--bg-color); -webkit-animation: fadeIn 1.5s ease 0s 1 normal; animation: fadeIn 1.5s ease 0s 1 normal; transition: background 1s, color 1s; line-height: 1.7; letter-spacing: 0.05em; font-weight: 500; -webkit-text-size-adjust: 100%; box-sizing: border-box; } @media (max-width: 757px) { html body { font-size: 1.62rem; } } @media (min-width: 758px) { html body { font-size: 1.62rem; } } @media (min-width: 1025px) { html body { font-size: 1.8rem; } } @media (min-width: 1330px) { html body { font-size: 1.8rem; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } html body .page--wrapper { padding: 20px 0; } @media (max-width: 757px) { html body .page--wrapper { padding: 10px 0; } } html body .page--wrapper .container .contents a { cursor: pointer; } html body .page--wrapper .container .contents.flex { justify-content: space-between; } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents.flex.has-left-sidebar { flex-direction: row; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents.flex.has-left-sidebar { flex-direction: column-reverse; } } @media (max-width: 757px) { html body .page--wrapper .container .contents.flex.has-left-sidebar { flex-direction: column-reverse; } } html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-quote p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-gallery p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-list p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-table p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-columns p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-buttons p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-heading p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-image p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-separator p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-spacer p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-video p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-embed p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-archives p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-categories p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-latest-posts p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-latest-comments p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-audio p, html body .page--wrapper .container .contents main .entry-content.has-block .wp-block-file p { margin: inherit; } html body .page--wrapper .container .contents main .entry-content h2 { font-weight: bolder; letter-spacing: normal; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.16rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.16rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.7rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.7rem; } } html body .page--wrapper .container .contents main .entry-content h2 + p { margin-top: 1em; } html body .page--wrapper .container .contents main .entry-content h3 { font-weight: bolder; letter-spacing: normal; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 2.16rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 2.16rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 2.7rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 2.7rem; } } html body .page--wrapper .container .contents main .entry-content h3 + p { margin-top: 0.3em; } html body .page--wrapper .container .contents main .entry-content h4 { font-weight: bolder; letter-spacing: normal; margin: 1.1rem 0; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 1.8rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 1.8rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 2rem; } } html body .page--wrapper .container .contents main .entry-content h5 { font-weight: bolder; letter-spacing: normal; margin-bottom: 1.1rem; } html body .page--wrapper .container .contents main .entry-content h6 { font-weight: bolder; letter-spacing: normal; margin-bottom: 1.1rem; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content p { font-size: 1.62rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content p { font-size: 1.62rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content p { font-size: 1.8rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content p { font-size: 1.8rem; } } html body .page--wrapper .container .contents main .entry-content p + p { margin-top: 1.5rem; } html body .page--wrapper .container .contents main .entry-content mark { background-color: yellow; color: black; padding: 0.2em; border-radius: 0.2em; } html body .page--wrapper .container .contents main .entry-content code, html body .page--wrapper .container .contents main .entry-content pre { font-family: monospace; background-color: #f5f5f5; padding: 0.2em; border-radius: 0.2em; } html body .page--wrapper .container .contents main .entry-content pre { white-space: pre-wrap; overflow-x: auto; padding: 1em; } html body .page--wrapper .container .contents main .entry-content ul, html body .page--wrapper .container .contents main .entry-content ol { margin: 1em 0; padding-left: 1.5em; } html body .page--wrapper .container .contents main .entry-content ul li, html body .page--wrapper .container .contents main .entry-content ol li { margin-bottom: 0.5em; } html body .page--wrapper .container .contents main .entry-content code { background: #f2f2f2; border-radius: 4px; padding: 1px 3px; margin: auto 4px; word-break: break-word; color: #333; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content code { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content code { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content code { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content code { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .entry-content blockquote { padding: 25px 35px; line-height: 2.25rem; background-color: var(--bg-light-color); margin: 1em 0; border-left: 4px solid var(--quote-border-color); color: var(--quote-text-color); font-style: italic; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content blockquote { padding: 15px 25px; } } html body .page--wrapper .container .contents main .entry-content blockquote p { margin-top: 1rem; margin-bottom: 1rem; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content blockquote p { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content blockquote p { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content blockquote p { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content blockquote p { font-size: 1.4rem; } } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content blockquote ol li, html body .page--wrapper .container .contents main .entry-content blockquote ul li { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .entry-content blockquote ol li, html body .page--wrapper .container .contents main .entry-content blockquote ul li { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .entry-content blockquote ol li, html body .page--wrapper .container .contents main .entry-content blockquote ul li { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content blockquote ol li, html body .page--wrapper .container .contents main .entry-content blockquote ul li { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .entry-content hr { border: 0; height: 1px; background: var(--font-color); margin: 2em 0; } html body .page--wrapper .container .contents main .entry-content abbr { border-bottom: 1px dotted; cursor: help; text-decoration: none; } html body .page--wrapper .container .contents main .entry-content strong { font-weight: bold; } html body .page--wrapper .container .contents main .entry-content em { font-style: italic; } html body .page--wrapper .container .contents main .entry-content small { font-size: 0.875em; } html body .page--wrapper .container .contents main .entry-content del { text-decoration: line-through; } html body .page--wrapper .container .contents main .entry-content ins { text-decoration: underline; color: green; } html body .page--wrapper .container .contents main .entry-content sub { vertical-align: sub; font-size: smaller; } html body .page--wrapper .container .contents main .entry-content sup { vertical-align: super; font-size: smaller; } html body .page--wrapper .container .contents main .entry-content .text-center { text-align: center; } html body .page--wrapper .container .contents main .entry-content .editor { margin-bottom: 2em; } html body .page--wrapper .container .contents main .entry-content table { width: 100%; margin-top: 1em; margin-bottom: 2em; border-collapse: separate; border-right: solid 1px var(--font-color); border-bottom: solid 1px var(--font-color); border-spacing: 0px; } html body .page--wrapper .container .contents main .entry-content table tr td.first { background: #f0f0f1; } html body .page--wrapper .container .contents main .entry-content table th, html body .page--wrapper .container .contents main .entry-content table td { border: solid 1px var(--font-color); padding: 8px 15px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content table th, html body .page--wrapper .container .contents main .entry-content table td { padding: 8px 10px; } } html body .page--wrapper .container .contents main .entry-content table th { background-color: var(--bg-light-color); text-align: left; border-right: 0px; border-bottom: 0px; font-size: 0.8em; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content table th { font-size: 0.7em; min-width: 50px; } } html body .page--wrapper .container .contents main .entry-content table td { border-right: 0px; border-bottom: 0px; font-size: 0.9em; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content table td { font-size: 0.8em; min-width: 50px; } } html body .page--wrapper .container .contents main .entry-content .wp-block-table { overflow-x: auto; } html body .page--wrapper .container .contents main .entry-content .alignright { float: right; margin-left: 15px; } html body .page--wrapper .container .contents main .entry-content .alignleft { float: left; margin-right: 15px; } html body .page--wrapper .container .contents main .entry-content .wp-caption { max-width: 100%; } html body .page--wrapper .container .contents main .entry-content .wp-caption img { max-width: 100%; } html body .page--wrapper .container .contents main .entry-content .wp-caption p { margin-top: 10px; font-size: 80%; line-height: 1.5; } html body .page--wrapper .container .contents main .grid-container article { margin: 15px 0 0; transition-duration: 0.3s; position: relative; padding-bottom: 1.5em; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article { padding-bottom: 15px; } } html body .page--wrapper .container .contents main .grid-container article:first-child { margin-top: 0; } html body .page--wrapper .container .contents main .grid-container article.mainv .post-eyecatch { width: 100%; height: auto; } html body .page--wrapper .container .contents main .grid-container article a { display: flex; transition-duration: 0.3s; cursor: pointer; } html body .page--wrapper .container .contents main .grid-container article a:hover { transform: scale(1.05); transition-duration: 0.3s; } html body .page--wrapper .container .contents main .grid-container article a:hover .post-eyecatch img { opacity: 1; } html body .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 350px; height: 200px; transition: all 0.1s ease-in-out 0.1s; position: relative; } html body .page--wrapper .container .contents main .grid-container article a .post-eyecatch img { object-fit: cover; } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 300px; height: 200px; } } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 150px; height: auto; margin-right: 1em; } } html body .page--wrapper .container .contents main .grid-container article a .wrap { width: calc(100% - 350px); padding-left: 20px; } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents main .grid-container article a .wrap { width: calc(100% - 300px); } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .wrap { width: calc(100% - 300px); } } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap { width: calc(100% - 150px); padding-left: 0; } } html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { word-break: break-word; hyphens: auto; margin: 1em 0 10px; text-align: left; line-height: 1.5; font-weight: bolder; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2rem; } } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { letter-spacing: normal; font-feature-settings: "palt"; margin: 5px 0 10px; } } @media (max-width: 757px) and (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.8rem; } } html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { margin-bottom: 20px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { display: block; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { font-size: 1.08rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { font-size: 1.08rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { font-size: 1.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { font-size: 1.2rem; } } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { margin: 5px 0; } } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag { padding-bottom: 0; } } @media (max-width: 757px) and (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span { font-size: 1.2rem; } } html body .page--wrapper .container .contents main .grid-container article a .catbtn { padding: 3px 10px; color: white; background: rgba(0, 0, 0, 0.5); display: inline-block; position: absolute; right: 0; top: 0; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.08rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.08rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.2rem; } } @media (max-width: 757px) and (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.2rem; } } html body .page--wrapper .container .contents main .grid-container article .tag { line-height: 1.2; padding-top: 0; padding-bottom: 5px; } html body .page--wrapper .container .contents main .grid-container article .tag span { font-size: 1.2rem; display: inline-block; padding: 0 8px 0 0; } html body .page--wrapper .container .contents main .grid-container article .tag span:first-child { padding-left: 0; } html body .page--wrapper .container .contents main .navigation { margin: 3em 0 5em; display: flex; justify-content: space-between; align-items: flex-start; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .navigation { margin: 2em 0 1em; } } html body .page--wrapper .container .contents main .navigation.last-post { justify-content: flex-start; } html body .page--wrapper .container .contents main .navigation.first-post { justify-content: flex-end; } html body .page--wrapper .container .contents main .navigation .navigation--previous, html body .page--wrapper .container .contents main .navigation .navigation--next { align-items: center; display: flex; flex-basis: 50%; position: relative; } html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { letter-spacing: normal; line-height: 1.6; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.62rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.62rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.8rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.8rem; } } @media (max-width: 757px) and (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.4rem; } } @media (max-width: 757px) and (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--previous a, html body .page--wrapper .container .contents main .navigation .navigation--next a { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .navigation .navigation--previous a img, html body .page--wrapper .container .contents main .navigation .navigation--next a img { display: none; min-width: 50px; max-width: 50px; } html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text { letter-spacing: normal; margin: 0; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text { font-size: 1.26rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text { font-size: 1.26rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text { font-size: 1.4rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { display: block; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.62rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.62rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.8rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.8rem; } } @media (max-width: 757px) and (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.26rem; } } @media (max-width: 757px) and (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.4rem; } } @media (max-width: 757px) and (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-text span, html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--previous-text span { font-size: 1.4rem; } } html body .page--wrapper .container .contents main .navigation .navigation--next { padding-right: 35px; padding-left: 20px; flex-direction: row-reverse; text-align: right; } html body .page--wrapper .container .contents main .navigation .navigation--next:before, html body .page--wrapper .container .contents main .navigation .navigation--next:after { content: ""; width: 20px; height: 3px; display: inline-block; border-radius: 2px; background: #aaa; position: absolute; right: 0; } html body .page--wrapper .container .contents main .navigation .navigation--next:before { top: 20px; transform: rotate(45deg); right: 0; } html body .page--wrapper .container .contents main .navigation .navigation--next:after { top: 33px; transform: rotate(-45deg); right: 0; } html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-link:before { content: "次の記事"; display: inline-block; background: var(--site-color); color: white; padding: 5px 10px; border-radius: 5px; line-height: 1; margin-bottom: 10px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-link:before { font-size: 1.08rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-link:before { font-size: 1.08rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-link:before { font-size: 1.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-link:before { font-size: 1.2rem; } } html body .page--wrapper .container .contents main .navigation .navigation--previous { padding-left: 35px; padding-right: 20px; position: relative; } html body .page--wrapper .container .contents main .navigation .navigation--previous:before, html body .page--wrapper .container .contents main .navigation .navigation--previous:after { content: ""; width: 20px; height: 3px; display: inline-block; border-radius: 2px; background: #aaa; position: absolute; left: 0; } html body .page--wrapper .container .contents main .navigation .navigation--previous:before { top: 20px; transform: rotate(-45deg); left: 0; } html body .page--wrapper .container .contents main .navigation .navigation--previous:after { top: 33px; transform: rotate(45deg); left: 0; } html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-link:before { content: "前の記事"; display: inline-block; background: var(--site-color); color: white; padding: 5px 10px; border-radius: 5px; line-height: 1; margin-bottom: 10px; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-link:before { font-size: 1.08rem; } } @media (min-width: 758px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-link:before { font-size: 1.08rem; } } @media (min-width: 1025px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-link:before { font-size: 1.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-link:before { font-size: 1.2rem; } } html body .page--wrapper .container .contents.has-left-sidebar main { padding-left: 6%; } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents.has-left-sidebar main { padding-left: 6%; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents.has-left-sidebar main { padding-left: 0; } } @media (max-width: 757px) { html body .page--wrapper .container .contents.has-left-sidebar main { padding-left: 0; } } html body .page--wrapper .container .contents.has-right-sidebar main { padding-right: 6%; } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents.has-right-sidebar main { padding-right: 6%; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents.has-right-sidebar main { padding-right: 0; } } @media (max-width: 757px) { html body .page--wrapper .container .contents.has-right-sidebar main { padding-right: 0; } } html body .page--wrapper .container .contents.full-width { width: 100%; } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents.has-left-sidebar main, html body .page--wrapper .container .contents.has-right-sidebar main { flex-basis: 100%; max-width: 100%; } } @media (max-width: 757px) { html body .page--wrapper .container .contents.has-left-sidebar main, html body .page--wrapper .container .contents.has-right-sidebar main { flex-basis: 100%; max-width: 100%; } } html body .container { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } @media (min-width: 1025px) and (max-width: 1329px) { html body .container { padding-right: 3%; padding-left: 3%; } } @media (min-width: 758px) and (max-width: 1024px) { html body .container { padding-right: 3%; padding-left: 3%; } } @media (max-width: 757px) { html body .container { padding-right: 3%; padding-left: 3%; } } html body .flex { display: flex; } @media (min-width: 758px) and (max-width: 1024px) { html body .flex { flex-direction: column; } } @media (max-width: 757px) { html body .flex { flex-direction: column; } } html body time { font-size: 1.2rem; display: flex; align-items: center; white-space: nowrap; } html body time img { max-width: 13px; vertical-align: middle; } html body time .reloaded { border: 1px solid var(--font-color); font-size: 1rem; padding: 5px 6px; border-radius: 33px; line-height: 1; margin-left: 1em; } html body figure img { height: auto; } html body figure + p { margin-top: 0.3rem; } html body figure figcaption { color: gray; padding: 0.5em 0; } @media (max-width: 757px) { html body figure figcaption { font-size: 1.26rem; } } @media (min-width: 758px) { html body figure figcaption { font-size: 1.26rem; } } @media (min-width: 1025px) { html body figure figcaption { font-size: 1.4rem; } } @media (min-width: 1330px) { html body figure figcaption { font-size: 1.4rem; } } html body figure p { margin-bottom: 0; display: none; } html body img { max-width: 100%; width: 100%; height: auto; display: block; } html body a { transition: all 0.3s; outline: none; text-decoration: none; color: var(--black); } html body a:hover, html body a:focus, html body a:target, html body a:active { color: var(--hover-color); text-decoration: none; } html body a.btn:hover, html body a.btn:focus, html body a.btn:target, html body a.btn:active { text-decoration: none; } html body a.btn.focus, html body a.btn:focus { -webkit-box-shadow: none; box-shadow: none; } html body a img:hover { opacity: 0.7; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } html body strong { font-weight: bolder; } html body del { text-decoration: line-through; } html body pre { overflow: auto; margin: 0 0 1.5em; font-size: 80%; padding: 1em; background: #f3f6fc; } html body sub { vertical-align: sub; font-size: smaller; } html body sup { vertical-align: super; font-size: smaller; } html body var { font-style: italic; } html body kbd { font-family: monospace; } html body em { font-style: italic; } html body cite { font-style: italic; } html body abbr[title] { text-decoration: underline dotted; } html body address { display: block; font-style: italic; } html body h1 { font-weight: bolder; } @media (max-width: 757px) { html body h1 { font-size: 2.1rem; } } @media (min-width: 758px) { html body h1 { font-size: 2.1rem; } } @media (min-width: 1025px) { html body h1 { font-size: 3rem; } } @media (min-width: 1330px) { html body h1 { font-size: 3rem; } } html body h1 + p { margin-top: 0.3em; } @media (max-width: 757px) { html body small { font-size: 1.08rem; } } @media (min-width: 758px) { html body small { font-size: 1.08rem; } } @media (min-width: 1025px) { html body small { font-size: 1.2rem; } } @media (min-width: 1330px) { html body small { font-size: 1.2rem; } } body.home .page--wrapper .container .contents main { padding-bottom: 3em; } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main { padding-bottom: 0; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main { padding-bottom: 0; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main { padding-bottom: 0; } } body.home .page--wrapper .container .contents main.full-width { width: 100%; } body.home .page--wrapper .container .contents main .profbox-top { display: flex; justify-content: space-between; padding-bottom: 2em; } body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left { display: flex; align-items: center; } body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox--icon { margin: 0; } body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox--icon img { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox--icon img { width: 45px; height: 45px; } } body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox-top--info { margin-left: 15px; display: flex; flex-direction: column; } body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox-top--info .profbox--name a:hover { color: var(--hover-color); } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox-top--info .profbox--more { font-size: 1.08rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox-top--info .profbox--more { font-size: 1.08rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox-top--info .profbox--more { font-size: 1.2rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .profbox-top .profbox-top--left .profbox-top--info .profbox--more { font-size: 1.2rem; } } body.home .page--wrapper .container .contents main article { word-break: break-all; } body.home .page--wrapper .container .contents main article .entry-meta .flex { justify-content: space-between; margin-bottom: 1em; } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main article .entry-meta .flex { flex-direction: row; margin-bottom: 0; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-meta .flex { flex-direction: column-reverse; margin-bottom: 0; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn { margin-top: 10px; } } body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul { display: flex; flex-wrap: wrap; } body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a { padding: 3px 15px; display: inline-block; border-radius: 5px; margin-right: 5px; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a { font-size: 1.08rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a { font-size: 1.08rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a { font-size: 1.2rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a { font-size: 1.2rem; } } body.home .page--wrapper .container .contents main article .entry-meta .flex .catbtn ul li a:hover { background: var(--hover-color); } body.home .page--wrapper .container .contents main article .entry-meta .site-tag { margin: 1em 0 0; display: flex; flex-wrap: wrap; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-meta .site-tag { margin: 10px 0 0; } } body.home .page--wrapper .container .contents main article .entry-meta .site-tag li { margin-right: 0.7em; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.26rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.26rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.4rem; } } body.home .page--wrapper .container .contents main article .entry-meta .site-tag li a:hover { color: var(--hover-color); } body.home .page--wrapper .container .contents main article .entry-title { border-bottom: 1px solid var(--black); padding-top: 35px; padding-bottom: 35px; margin-bottom: 30px; line-height: 1.5; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-title { padding-top: 25px; padding-bottom: 25px; letter-spacing: normal; margin-bottom: 20px; } } body.home .page--wrapper .container .contents main article .entry-title h1 { font-feature-settings: "palt"; letter-spacing: normal; } body.home .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 0; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 1em; } } body.home .page--wrapper .container .contents main article .entry-title .sharebox { display: flex; justify-content: space-between; align-items: baseline; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-title .sharebox { flex-direction: row-reverse; } } body.home .page--wrapper .container .contents main article .entry-title .sharebox .sharebox--left .wpulike-heart { padding: 0; } body.home .page--wrapper .container .contents main article .entry-title .sharebox .sharebox--left .wpulike-heart .count-box { padding: 0 8px; } body.home .page--wrapper .container .contents main article .entry-title .sharebox .sharebox--left .wpulike-heart .wp_ulike_put_image:after { width: 28px; height: 28px; } body.home .page--wrapper .container .contents main article .entry-meta { padding-top: 30px; } body.home .page--wrapper .container .contents main article .entry-content a { text-decoration: underline; } body.home .page--wrapper .container .contents main article .entry-content img { width: auto; } body.home .page--wrapper .container .contents main article .entry-content h2 { padding-top: 2em; padding-bottom: 0.5em; font-feature-settings: "palt"; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.16rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.16rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.7rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.7rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main article .entry-content h2 { letter-spacing: normal; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content h2 { letter-spacing: normal; padding-bottom: 0; } } body.home .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 0; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 1em; } } body.home .page--wrapper .container .contents main article .entry-content h3 { padding-top: 0.5em; padding-bottom: 1em; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.8rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.8rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-content h3 { font-size: 2rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-content h3 { font-size: 2rem; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content h3 { font-feature-settings: "palt"; letter-spacing: normal; } } body.home .page--wrapper .container .contents main article .entry-content h3 + p { margin-top: 0; } body.home .page--wrapper .container .contents main article .entry-content p { line-height: 2; margin: 3.6rem 0; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content p { font-feature-settings: "palt"; letter-spacing: normal; margin: 3rem 0; line-height: 1.8; } } @media (max-width: 757px) and (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } body.home .page--wrapper .container .contents main article .entry-content .editor { margin-bottom: 2em; } body.home .page--wrapper .container .contents main article .entry-content ol { list-style-type: decimal; padding-left: 1.5em; margin: 0.5em 0; } body.home .page--wrapper .container .contents main article .entry-content ol[type=a] { list-style-type: lower-alpha; } body.home .page--wrapper .container .contents main article .entry-content ol[type=A] { list-style-type: upper-alpha; } body.home .page--wrapper .container .contents main article .entry-content ol[type=i] { list-style-type: lower-roman; } body.home .page--wrapper .container .contents main article .entry-content ol[type=I] { list-style-type: upper-roman; } body.home .page--wrapper .container .contents main article .entry-content ul { list-style-type: disc; padding-left: 1.5em; margin: 0.5em 0; } body.home .page--wrapper .container .contents main article .entry-content ul > ul { list-style-type: circle; } body.home .page--wrapper .container .contents main article .entry-content ul > ul > ul { list-style-type: square; } body.home .page--wrapper .container .contents main article .entry-content li { line-height: 2; } body.home .page--wrapper .container .contents main article .entry-content code { background: #f2f2f2; border-radius: 4px; padding: 1px 3px; margin: auto 4px; word-break: break-word; color: #333; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content code { font-size: 1.26rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-content code { font-size: 1.26rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-content code { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-content code { font-size: 1.4rem; } } body.home .page--wrapper .container .contents main article .entry-content pre { white-space: pre-wrap; } body.home .page--wrapper .container .contents main article .entry-content blockquote { padding: 25px 35px; line-height: 2.25rem; background-color: var(--bg-light-color); } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content blockquote { padding: 15px 25px; } } body.home .page--wrapper .container .contents main article .entry-content blockquote p { margin-top: 1rem; margin-bottom: 1rem; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.26rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.26rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.4rem; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main article .entry-content blockquote ol li, body.home .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.26rem; } } @media (min-width: 758px) { body.home .page--wrapper .container .contents main article .entry-content blockquote ol li, body.home .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.26rem; } } @media (min-width: 1025px) { body.home .page--wrapper .container .contents main article .entry-content blockquote ol li, body.home .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main article .entry-content blockquote ol li, body.home .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.4rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.contact main, body.contact-confirm main, body.contact-complete main { padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { body.contact main, body.contact-confirm main, body.contact-complete main { padding-left: 3%; padding-right: 3%; } } body.contact main h1, body.contact-confirm main h1, body.contact-complete main h1 { text-align: center; margin-top: 2em; } body.contact main .text-center, body.contact-confirm main .text-center, body.contact-complete main .text-center { margin: 5em 0; } @media (max-width: 757px) { body.contact main .text-center, body.contact-confirm main .text-center, body.contact-complete main .text-center { font-size: 1.26rem; } } @media (min-width: 758px) { body.contact main .text-center, body.contact-confirm main .text-center, body.contact-complete main .text-center { font-size: 1.26rem; } } @media (min-width: 1025px) { body.contact main .text-center, body.contact-confirm main .text-center, body.contact-complete main .text-center { font-size: 1.4rem; } } @media (min-width: 1330px) { body.contact main .text-center, body.contact-confirm main .text-center, body.contact-complete main .text-center { font-size: 1.4rem; } } body.contact .text-center { display: none; } body.page404 main { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 758px) and (max-width: 1024px) { body.page404 main { padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { body.page404 main { padding-left: 3%; padding-right: 3%; } } body.page404 main h1 { margin-bottom: 1em; } @media (max-width: 757px) { body.page404 main h1 { margin-top: 2em; } } body.page404 main .search-form { margin: 5em 0; } @media (max-width: 757px) { body.page404 main .search-form { margin-top: 3em; width: 90%; } } .new-post { padding: 50px 0; margin-top: 80px; background: #ccc; } @media (max-width: 757px) { .new-post { margin-top: 20px; padding-top: 40px; padding-bottom: 40px; padding-left: 4%; padding-right: 4%; } } .new-post .container h2 { margin-bottom: 1em; } .new-post .container .article-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-rows: auto auto; grid-template-areas: "item1 item1 item1" "item2-1 item2-2 item2-3"; grid-gap: 20px; } @media (max-width: 757px) { .new-post .container .article-container { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-rows: auto auto; grid-template-areas: "item1 item1" "item2-1 item2-2" "item2-3 item2-3"; grid-gap: 10px; } } .new-post .container .article-container article { transition-duration: 0.3s; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding-bottom: 1.5em; } @media (max-width: 757px) { .new-post .container .article-container article { padding-bottom: 15px; } } @media (max-width: 757px) { .new-post .container .article-container article { padding-bottom: 0; border-bottom: none; } } .new-post .container .article-container article.mainv .post-eyecatch { width: 100%; height: auto; } .new-post .container .article-container article a { display: flex; transition-duration: 0.3s; flex-direction: column; } .new-post .container .article-container article a:hover { transform: scale(1.05); transition-duration: 0.3s; color: var(--font-color); } .new-post .container .article-container article a:hover .post-eyecatch img { opacity: 1; } .new-post .container .article-container article a .post-eyecatch { width: 100%; min-height: 150px; height: auto; background-size: cover; background-position: center center; transition: all 0.1s ease-in-out 0.1s; position: relative; margin-right: 2em; } .new-post .container .article-container article a .post-eyecatch img { object-fit: cover; } .new-post .container .article-container article a .wrap { width: 100%; } .new-post .container .article-container article a .wrap .post-text .post-title { margin: 1em 0 10px; text-align: left; line-height: 1.5; font-weight: bolder; } @media (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.26rem; } } @media (min-width: 758px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.26rem; } } @media (min-width: 1025px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.4rem; } } @media (min-width: 1330px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.4rem; } } @media (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text .post-title { letter-spacing: normal; font-feature-settings: "palt"; margin: 1em 0 10px; } } @media (max-width: 757px) and (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { .new-post .container .article-container article a .wrap .post-text .post-title { font-size: 1.8rem; } } .new-post .container .article-container article a .wrap .post-text .post-content { margin-bottom: 20px; } @media (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text .post-content { font-size: 1.26rem; } } @media (min-width: 758px) { .new-post .container .article-container article a .wrap .post-text .post-content { font-size: 1.26rem; } } @media (min-width: 1025px) { .new-post .container .article-container article a .wrap .post-text .post-content { font-size: 1.4rem; } } @media (min-width: 1330px) { .new-post .container .article-container article a .wrap .post-text .post-content { font-size: 1.4rem; } } .new-post .container .article-container article a .wrap .post-text time { display: block; } @media (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text time { font-size: 1.08rem; } } @media (min-width: 758px) { .new-post .container .article-container article a .wrap .post-text time { font-size: 1.08rem; } } @media (min-width: 1025px) { .new-post .container .article-container article a .wrap .post-text time { font-size: 1.2rem; } } @media (min-width: 1330px) { .new-post .container .article-container article a .wrap .post-text time { font-size: 1.2rem; } } @media (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text time { margin: 5px 0; } } @media (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text .tag { padding-bottom: 15px; } } @media (max-width: 757px) and (max-width: 757px) { .new-post .container .article-container article a .wrap .post-text .tag span { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { .new-post .container .article-container article a .wrap .post-text .tag span { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { .new-post .container .article-container article a .wrap .post-text .tag span { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { .new-post .container .article-container article a .wrap .post-text .tag span { font-size: 1.2rem; } } .new-post .container .article-container article a .catbtn { padding: 3px 10px; color: white; background: rgba(0, 0, 0, 0.5); display: inline-block; position: absolute; right: 0; top: 0; } @media (max-width: 757px) { .new-post .container .article-container article a .catbtn { font-size: 1.08rem; } } @media (min-width: 758px) { .new-post .container .article-container article a .catbtn { font-size: 1.08rem; } } @media (min-width: 1025px) { .new-post .container .article-container article a .catbtn { font-size: 1.2rem; } } @media (min-width: 1330px) { .new-post .container .article-container article a .catbtn { font-size: 1.2rem; } } @media (max-width: 757px) and (max-width: 757px) { .new-post .container .article-container article a .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) { .new-post .container .article-container article a .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) { .new-post .container .article-container article a .catbtn { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { .new-post .container .article-container article a .catbtn { font-size: 1.2rem; } } .new-post .container .article-container article .tag { line-height: 1.2; padding-top: 0; padding-bottom: 5px; } .new-post .container .article-container article .tag span { font-size: 1.2rem; display: inline-block; padding: 0 8px 0 0; } .new-post .container .article-container article .tag span:first-child { padding-left: 0; } body { /* 検索バー */ /* googlemap */ /* 目次のスタイル */ } body #tags { padding: 5em 0; } @media (min-width: 758px) and (max-width: 1024px) { body #tags { padding: 3em 0; } } @media (max-width: 757px) { body #tags { padding: 3em 0; } } body #tags.post-white h2 { color: white; } @media (max-width: 757px) { body #tags .flex { flex-direction: column; } } body #tags .flex h2 { display: flex; align-items: center; white-space: nowrap; } @media (min-width: 758px) and (max-width: 1024px) { body #tags .flex h2 { justify-content: center; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body #tags .flex h2 { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) { body #tags .flex h2 { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) { body #tags .flex h2 { font-size: 2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body #tags .flex h2 { font-size: 2rem; } } @media (max-width: 757px) { body #tags .flex h2 { justify-content: center; } } @media (max-width: 757px) and (max-width: 757px) { body #tags .flex h2 { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 758px) { body #tags .flex h2 { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1025px) { body #tags .flex h2 { font-size: 2rem; } } @media (max-width: 757px) and (min-width: 1330px) { body #tags .flex h2 { font-size: 2rem; } } body #tags .flex h2 img { width: 50px; padding: 10px; border-radius: 5px; background: var(--site-color); margin-right: 10px; } @media (min-width: 758px) and (max-width: 1024px) { body #tags .flex h2 img { width: 35px; padding: 7px; } } @media (max-width: 757px) { body #tags .flex h2 img { width: 35px; padding: 7px; } } body #tags .flex ul { margin-left: 5em; list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 758px) and (max-width: 1024px) { body #tags .flex ul { margin: 2em 0 0; padding-left: 3%; padding-right: 3%; } } @media (max-width: 757px) { body #tags .flex ul { margin: 2em 0 0; padding-left: 3%; padding-right: 3%; } } body #tags .flex ul li { display: inline-block; margin-bottom: 10px; } body #tags .flex ul li a { margin: 0 4px; padding: 5px 13px; font-weight: bolder; text-align: left; border-radius: 25px; background: var(--site-color); display: inline-block; text-decoration: none; } @media (max-width: 757px) { body #tags .flex ul li a { font-size: 1.08rem; } } @media (min-width: 758px) { body #tags .flex ul li a { font-size: 1.08rem; } } @media (min-width: 1025px) { body #tags .flex ul li a { font-size: 1.2rem; } } @media (min-width: 1330px) { body #tags .flex ul li a { font-size: 1.2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body #tags .flex ul li a { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) { body #tags .flex ul li a { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) { body #tags .flex ul li a { font-size: 1.4rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body #tags .flex ul li a { font-size: 1.4rem; } } body #tags .flex ul li a:hover { background: var(--hover-color); transform: scale(1.15); transition-duration: 0.3s; transition-duration: 0.3s; } body .entry-icon-new .post-eyecatch:before { content: "NEW"; position: absolute; z-index: 10; background: var(--acc-color); color: white; display: inline-block; font-size: 55%; padding: 15px 8px; text-align: center; left: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; font-weight: bolder; top: -10px; } @media (max-width: 757px) { body .entry-icon-new .post-eyecatch:before { font-size: 30%; padding: 10px 4px; left: 10px; } } body .entry-sticky .post-eyecatch:before { content: "オススメ"; position: absolute; z-index: 10; background: var(--acc-color); color: white; display: inline-block; font-size: 60%; padding: 15px 8px; text-align: center; left: 15px; animation: mochimochi 2s infinite; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; font-weight: bolder; top: -10px; } @media (max-width: 757px) { body .entry-sticky .post-eyecatch:before { font-size: 30%; padding: 10px 4px; left: 10px; } } @keyframes mochimochi { 0% { transform: scale(1, 0.8); } 20% { transform: scale(0.8, 1.1); } 90% { transform: scale(1, 1); } 100% { transform: scale(1, 0.8); } } body #page_top { display: flex; flex-direction: column; align-items: flex-end; transition: all 0.3s; position: fixed; right: 30px; bottom: 30px; opacity: 0; transform: translateX(300px); z-index: 99; } @media (max-width: 757px) { body #page_top { right: 15px; bottom: 15px; } } body #page_top.LeftMove { animation: PageTopLeftAnime 0.5s forwards; } @keyframes PageTopLeftAnime { from { opacity: 0; transform: translateX(300px); } to { opacity: 1; transform: translateX(0); } } body #page_top.RightMove { animation: PageTopRightAnime 0.5s forwards; } @keyframes PageTopRightAnime { from { opacity: 1; transform: translateX(0); } to { opacity: 1; transform: translateX(300px); } } body #page_top .top { width: 60px; height: 60px; border-radius: 200px; background: var(--site-color); display: block; color: white; text-align: center; letter-spacing: 0.05em; line-height: 70px; text-decoration: none; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.2); position: relative; font-weight: 200; font-size: 1.6rem; cursor: pointer; transition: all 0.3s; } @media (max-width: 757px) { body #page_top .top { width: 45px; height: 45px; } } body #page_top .top:before { content: ""; width: 16px; height: 16px; border: 0; border-top: solid 2px white; border-right: solid 2px white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin-top: 2px; } @media (max-width: 757px) { body #page_top .top:before { width: 12px; height: 12px; } } body #page_top .top:hover, body #page_top .top:active { background: var(--hover-color); transform: translateY(-5px); } body .searchform { position: relative; } body .searchform .searchfield { color: #868686; background-color: #fff; border: none; height: 40px; width: 100%; transition: 0.3s; margin: 0; padding: 0 2em; padding-right: 40px; position: relative; border-radius: 30px; top: 0; right: 0; font-size: 1.4rem; -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } @media (max-width: 757px) { body .searchform .searchfield { height: 35px; padding: 0 20px; } } body .searchform .searchfield.searchfield:focus { border: 1px solid #ccc; outline: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } body .searchform .searchsubmit { background-size: contain; font-size: 1.4em; position: absolute; width: 20px; height: 20px; top: 10px; right: 15px; padding: 0; cursor: pointer; border: none; } @media (max-width: 757px) { body .searchform .searchsubmit { width: 15px; height: 15px; top: 10px; right: 15px; } } body .searchform .searchsubmit:focus { border: none; outline: none; } body .searchform .searchsubmit:hover { opacity: 0.6; } body .gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } body .gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } body .profbox { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; padding: 4px; } @media (min-width: 758px) and (max-width: 1024px) { body .profbox { margin-bottom: 20px; } } @media (max-width: 757px) { body .profbox { margin-bottom: 20px; } } body .profbox .profbox--bg { background: #ccc; height: 160px; overflow: hidden; width: 100%; margin: 0; } body .profbox .profbox--bg img { display: block; height: 160px; -o-object-fit: cover; object-fit: cover; width: 100%; } body .profbox .profbox--icon { margin: 0; } body .profbox .profbox--bg + .profbox--icon { margin-top: -60px; text-align: center; } body .profbox .profbox--bg + .profbox--icon img { background: #fdfdfd; border: 4px solid #fdfdfd; border-radius: 50%; height: 140px; -o-object-fit: cover; object-fit: cover; width: 140px; display: inline-block; } body .profbox .profbox--name { padding: 0.5em 0; text-align: center; font-weight: bolder; } body .profbox .profbox--text { padding: 1em; max-width: 600px; margin: 0 auto; } @media (max-width: 757px) { body .profbox .profbox--text { font-size: 1.62rem; } } @media (min-width: 758px) { body .profbox .profbox--text { font-size: 1.62rem; } } @media (min-width: 1025px) { body .profbox .profbox--text { font-size: 1.8rem; } } @media (min-width: 1330px) { body .profbox .profbox--text { font-size: 1.8rem; } } body .profbox .profbox--text .profbox--btn { margin: 2em auto 0; text-align: center; } body .profbox .profbox--text .profbox--btn a { padding: 10px 20px; background: var(--font-color); color: var(--rev-font-color); display: inline-block; } @media (max-width: 757px) { body .profbox .profbox--text .profbox--btn a { font-size: 1.26rem; } } @media (min-width: 758px) { body .profbox .profbox--text .profbox--btn a { font-size: 1.26rem; } } @media (min-width: 1025px) { body .profbox .profbox--text .profbox--btn a { font-size: 1.4rem; } } @media (min-width: 1330px) { body .profbox .profbox--text .profbox--btn a { font-size: 1.4rem; } } body .profbox .profbox--text .profbox--btn a:hover { background: var(--acc-color); color: white; transform: scale(1.15); transition-duration: 0.3s; transition-duration: 0.3s; } body .profbox .profbox--sns { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px auto 30px; } body .profbox .profbox--sns li a { margin: 4px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } body .profbox .profbox--sns li a:hover { background-color: var(--acc-color); border-radius: 200px; color: white; transform: scale(1.15); transition-duration: 0.2s; transition: all 0.2s; } body .profbox .profbox--sns li a img { max-height: 25px; max-width: 25px; } body .page-count { display: flex; justify-content: center; margin: 2em 0 1em; } @media (max-width: 757px) { body .page-count { font-size: 1.26rem; } } @media (min-width: 758px) { body .page-count { font-size: 1.26rem; } } @media (min-width: 1025px) { body .page-count { font-size: 1.4rem; } } @media (min-width: 1330px) { body .page-count { font-size: 1.4rem; } } body nav { width: 100%; text-align: center; } body nav .page-numbers, body nav .pagination { display: flex; list-style: none; border-radius: 0.25rem; justify-content: center; align-items: center; padding: 0 0 6em; } @media (max-width: 757px) { body nav .page-numbers, body nav .pagination { margin-bottom: 0; } } body nav .page-numbers .page-link, body nav .pagination .page-link { color: var(--site-color); background-color: #fff; border: 1px solid var(--site-color); } body nav .page-numbers .page-link:hover, body nav .page-numbers .page-link:active, body nav .page-numbers .page-link:focus, body nav .pagination .page-link:hover, body nav .pagination .page-link:active, body nav .pagination .page-link:focus { color: white; background-color: var(--site-color); box-shadow: none; } body nav .page-numbers li.current, body nav .pagination li.current { width: 30px; font-weight: bolder; } @media (max-width: 757px) { body nav .page-numbers li.current, body nav .pagination li.current { font-size: 1.26rem; } } @media (min-width: 758px) { body nav .page-numbers li.current, body nav .pagination li.current { font-size: 1.26rem; } } @media (min-width: 1025px) { body nav .page-numbers li.current, body nav .pagination li.current { font-size: 1.4rem; } } @media (min-width: 1330px) { body nav .page-numbers li.current, body nav .pagination li.current { font-size: 1.4rem; } } body nav .page-numbers li.active a, body nav .page-numbers li.active .page-link, body nav .page-numbers li.current a, body nav .page-numbers li.current .page-link, body nav .pagination li.active a, body nav .pagination li.active .page-link, body nav .pagination li.current a, body nav .pagination li.current .page-link { background-color: var(--site-color); border-color: var(--site-color); } body nav .page-numbers li a, body nav .pagination li a { border-radius: 50%; margin: 0 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-weight: bolder; background: var(--site-color); white-space: nowrap; transition: all 0.3s; } @media (max-width: 757px) { body nav .page-numbers li a, body nav .pagination li a { font-size: 1.26rem; } } @media (min-width: 758px) { body nav .page-numbers li a, body nav .pagination li a { font-size: 1.26rem; } } @media (min-width: 1025px) { body nav .page-numbers li a, body nav .pagination li a { font-size: 1.4rem; } } @media (min-width: 1330px) { body nav .page-numbers li a, body nav .pagination li a { font-size: 1.4rem; } } body nav .page-numbers li a:hover, body nav .pagination li a:hover { background: var(--hover-color); } @media (max-width: 757px) { body nav .page-numbers li.next a, body nav .page-numbers li.prev a, body nav .page-numbers li.first a, body nav .page-numbers li.last a, body nav .pagination li.next a, body nav .pagination li.prev a, body nav .pagination li.first a, body nav .pagination li.last a { font-size: 1.08rem; } } @media (min-width: 758px) { body nav .page-numbers li.next a, body nav .page-numbers li.prev a, body nav .page-numbers li.first a, body nav .page-numbers li.last a, body nav .pagination li.next a, body nav .pagination li.prev a, body nav .pagination li.first a, body nav .pagination li.last a { font-size: 1.08rem; } } @media (min-width: 1025px) { body nav .page-numbers li.next a, body nav .page-numbers li.prev a, body nav .page-numbers li.first a, body nav .page-numbers li.last a, body nav .pagination li.next a, body nav .pagination li.prev a, body nav .pagination li.first a, body nav .pagination li.last a { font-size: 1.2rem; } } @media (min-width: 1330px) { body nav .page-numbers li.next a, body nav .page-numbers li.prev a, body nav .page-numbers li.first a, body nav .page-numbers li.last a, body nav .pagination li.next a, body nav .pagination li.prev a, body nav .pagination li.first a, body nav .pagination li.last a { font-size: 1.2rem; } } body #toc--container { position: relative; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 8px; margin-bottom: 2em; transition: all 0.3s; } body #toc--container #toc--header span { font-size: 1.4rem; border-bottom: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.05); display: block; font-weight: bolder; padding: 10px 30px; color: #333; } body #toc--container #show { transition: all 0.3s; background: linear-gradient(360deg, rgba(0, 0, 0, 0.05), transparent); position: absolute; font-size: 1.4rem; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px 0; color: #333; text-align: center; cursor: pointer; border: none; border-radius: 0 0 5px 5px; } body #toc--container #show:hover { background-color: rgba(0, 0, 0, 0.1); } body #toc--container ul#toc { list-style: none; padding: 10px 30px; } body #toc--container ul#toc li { margin-bottom: 10px; } body #toc--container ul#toc li.h2 { font-weight: bold; } @media (max-width: 757px) { body #toc--container ul#toc li.h2 { font-size: 1.26rem; } } @media (min-width: 758px) { body #toc--container ul#toc li.h2 { font-size: 1.26rem; } } @media (min-width: 1025px) { body #toc--container ul#toc li.h2 { font-size: 1.4rem; } } @media (min-width: 1330px) { body #toc--container ul#toc li.h2 { font-size: 1.4rem; } } body #toc--container ul#toc li.h3 { padding-left: 20px; } @media (max-width: 757px) { body #toc--container ul#toc li.h3 { font-size: 1.08rem; } } @media (min-width: 758px) { body #toc--container ul#toc li.h3 { font-size: 1.08rem; } } @media (min-width: 1025px) { body #toc--container ul#toc li.h3 { font-size: 1.2rem; } } @media (min-width: 1330px) { body #toc--container ul#toc li.h3 { font-size: 1.2rem; } } body #toc--container ul#toc li a { text-decoration: none; color: #333; } body #toc--container ul#toc li a:hover { text-decoration: underline; } body .more { margin: 3.5em auto; display: block; position: relative; } @media (min-width: 1025px) and (max-width: 1329px) { body .more { margin: 3em auto 1em; } } @media (min-width: 758px) and (max-width: 1024px) { body .more { margin: 3em auto 1em; } } @media (max-width: 757px) { body .more { margin: 2em auto; } } body .more a { font-size: 1.6rem; background: var(--site-color); text-decoration: none; text-align: center; padding: 8px 5px 8px 0; border-radius: 2px; font-weight: bolder; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; position: relative; display: block; max-width: 140px; margin: 0 auto; transition-duration: 0.3s; color: var(--black); } @media (max-width: 757px) { body .more a { font-size: 1.4rem; padding: 7px 0; max-width: 150px; } } body .more a:active, body .more a:focus, body .more a:target { color: var(--black); } body .more a:hover { color: var(--black); background: var(--hover-color); transform: scale(1.15); transition-duration: 0.3s; } body .more a:after { content: ""; right: 15px; width: 8px; height: 8px; border: 0; border-top: solid 1.5px var(--black); border-right: solid 1.5px var(--black); position: absolute; top: 50%; margin-top: -4px; transform: rotate(45deg); } body .breadcrumbs { padding: 0; margin-bottom: 30px; } @media (max-width: 757px) { body .breadcrumbs { margin-bottom: 10px; } } body .breadcrumbs ol { display: flex; align-items: center; flex-wrap: wrap; } body .breadcrumbs ol li { text-decoration: none; } @media (max-width: 757px) { body .breadcrumbs ol li { font-size: 1.08rem; } } @media (min-width: 758px) { body .breadcrumbs ol li { font-size: 1.08rem; } } @media (min-width: 1025px) { body .breadcrumbs ol li { font-size: 1.2rem; } } @media (min-width: 1330px) { body .breadcrumbs ol li { font-size: 1.2rem; } } body .breadcrumbs ol li:not(:last-child)::after { content: ">"; margin: 0 8px; color: var(--font-color); } body .breadcrumbs ol li a:hover { text-decoration: underline; } * { box-sizing: border-box; margin: 0; padding: 0; } main { max-width: 100%; width: 100%; min-height: 65vh; } #wpadminbar { position: fixed; top: 0; width: 100%; } /*# sourceMappingURL=styles.css.map */