@charset "UTF-8"; /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body { --font-color: #2a2a2a; --blog-font-color: #2a2a2a; --black: #2a2a2a; --gray: #f9f9f9; --yellow: #f7bd24; --orange: #ffa353; --pink: #fd84a0; --brown: #7b6e39; --dbrown: #8a6d3b; --lbrown: #faf5de; --bg-color: white; --bg-light-color: #f5f8fa; --paid-color: #bc9a57; --paid-light-color: #e0cfa4; --site-color: #aed6ea; --light-site-color: #c1dae4; --dark-site-color: #6179b9; --sub-color: #16a600; --acc-color: #ff8c00; --acc-color-rgb: 255, 0, 0; --link-color: #333; --hover-color: #ff8400; --link-color: #0056b3; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ /*** 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; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ pre { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::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; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ html body { font-weight: 500; letter-spacing: 0; } @media (max-width: 757px) { html body { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body { font-size: 1.8rem; } } @media (min-width: 1330px) { html body { font-size: 1.8rem; } } html body main 選択テキストのハイライト ::-moz-selection { background-color: lightblue; color: white; } html body main 選択テキストのハイライト ::selection { background-color: lightblue; color: white; } html body p:empty { display: none; } html body .page--wrapper { padding: 30px 0; } html body .page--wrapper .container .breadcrumbs { margin-bottom: 50px; } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .breadcrumbs { margin-bottom: 20px; } } @media (max-width: 757px) { html body .page--wrapper .container .breadcrumbs { margin-bottom: 20px; } } 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 h2 { font-weight: bolder; letter-spacing: normal; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.6rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content h2 { font-size: 2.6rem; } } 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: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 2.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content h3 { font-size: 2.2rem; } } 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.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 2.2rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .entry-content h4 { font-size: 2.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) and (max-width: 1024px) { html body .page--wrapper .container .contents main .entry-content p { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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 .text-center { text-align: center; } 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; position: relative; } html body .page--wrapper .container .contents main .grid-container article a .post-eyecatch img { -o-object-fit: cover; 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 { font-weight: normal; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; margin: 1em 0 10px; text-align: left; line-height: 1.5; } @media (max-width: 757px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2.6rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2.6rem; } } @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) and (max-width: 1024px) { 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) and (max-width: 1329px) { 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.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.6rem; } } @media (min-width: 1330px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-content { font-size: 1.6rem; } } 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) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .wrap .post-text time { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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) and (max-width: 1024px) { 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) and (max-width: 1329px) { 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) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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) and (max-width: 1024px) { html body .page--wrapper .container .contents main .grid-container article a .catbtn { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { 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: 5em 0 0; } @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) and (max-width: 1024px) { 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) and (max-width: 1329px) { 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.44rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { 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.44rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { 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.6rem; } } @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.6rem; } } 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.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { 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.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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.6rem; } } @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.6rem; } } 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) and (max-width: 1024px) { 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) and (max-width: 1329px) { 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.44rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { 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.44rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { 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.6rem; } } @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.6rem; } } 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) and (max-width: 1024px) { html body .page--wrapper .container .contents main .navigation .navigation--next .navigation--next-link:before { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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) and (max-width: 1024px) { html body .page--wrapper .container .contents main .navigation .navigation--previous .navigation--previous-link:before { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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.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: 6%; padding-left: 6%; } } @media (min-width: 758px) and (max-width: 1024px) { html body .container { padding-right: 6%; padding-left: 6%; } } @media (max-width: 757px) { html body .container { padding-right: 6%; padding-left: 6%; } } html body .flex-container { display: flex; } @media (min-width: 758px) and (max-width: 1024px) { html body .flex-container { flex-direction: column; } } @media (max-width: 757px) { html body .flex-container { 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.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body figure figcaption { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body figure figcaption { font-size: 1.6rem; } } @media (min-width: 1330px) { html body figure figcaption { font-size: 1.6rem; } } 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 ease-in-out; 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 { box-shadow: none; } html body > a img:hover { opacity: 0.7; transition: all 0.3s ease-in-out; } 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] { -webkit-text-decoration: underline dotted; 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.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body h1 { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body h1 { font-size: 3.2rem; } } @media (min-width: 1330px) { html body h1 { font-size: 3.2rem; } } html body h1 + p { margin-top: 0.3em; } @media (max-width: 757px) { html body small { font-size: 1.08rem; } } @media (min-width: 758px) and (max-width: 1024px) { html body small { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { html body small { font-size: 1.2rem; } } @media (min-width: 1330px) { html body small { font-size: 1.2rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ html body .container.md { max-width: 999.6px; } html body .container.sm { max-width: 800.4px; } html body .container.xs { max-width: 620px; } html body .mt-0 { margin-top: 0em; } html body .mb-0 { margin-bottom: 0em; } html body .ml-0 { margin-left: 0em; } html body .mr-0 { margin-right: 0em; } html body .m-0 { margin: 0em; } html body .pt-0 { padding-top: 0em; } html body .pb-0 { padding-bottom: 0em; } html body .pl-0 { padding-left: 0em; } html body .pr-0 { padding-right: 0em; } html body .p-0 { padding: 0em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-0 { margin-top: 0em; } html body .mb-0 { margin-bottom: 0em; } html body .ml-0 { margin-left: 0em; } html body .mr-0 { margin-right: 0em; } html body .m-0 { margin: 0em; } html body .pt-0 { padding-top: 0em; } html body .pb-0 { padding-bottom: 0em; } html body .pl-0 { padding-left: 0em; } html body .pr-0 { padding-right: 0em; } html body .p-0 { padding: 0em; } } @media (max-width: 757px) { html body .mt-0 { margin-top: 0em; } html body .mb-0 { margin-bottom: 0em; } html body .ml-0 { margin-left: 0em; } html body .mr-0 { margin-right: 0em; } html body .m-0 { margin: 0em; } html body .pt-0 { padding-top: 0em; } html body .pb-0 { padding-bottom: 0em; } html body .pl-0 { padding-left: 0em; } html body .pr-0 { padding-right: 0em; } html body .p-0 { padding: 0em; } } html body .mt-1 { margin-top: 1em; } html body .mb-1 { margin-bottom: 1em; } html body .ml-1 { margin-left: 1em; } html body .mr-1 { margin-right: 1em; } html body .m-1 { margin: 1em; } html body .pt-1 { padding-top: 1em; } html body .pb-1 { padding-bottom: 1em; } html body .pl-1 { padding-left: 1em; } html body .pr-1 { padding-right: 1em; } html body .p-1 { padding: 1em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-1 { margin-top: 0.7em; } html body .mb-1 { margin-bottom: 0.7em; } html body .ml-1 { margin-left: 0.7em; } html body .mr-1 { margin-right: 0.7em; } html body .m-1 { margin: 0.7em; } html body .pt-1 { padding-top: 0.7em; } html body .pb-1 { padding-bottom: 0.7em; } html body .pl-1 { padding-left: 0.7em; } html body .pr-1 { padding-right: 0.7em; } html body .p-1 { padding: 0.7em; } } @media (max-width: 757px) { html body .mt-1 { margin-top: 0.5em; } html body .mb-1 { margin-bottom: 0.5em; } html body .ml-1 { margin-left: 0.5em; } html body .mr-1 { margin-right: 0.5em; } html body .m-1 { margin: 0.5em; } html body .pt-1 { padding-top: 0.5em; } html body .pb-1 { padding-bottom: 0.5em; } html body .pl-1 { padding-left: 0.5em; } html body .pr-1 { padding-right: 0.5em; } html body .p-1 { padding: 0.5em; } } html body .mt-2 { margin-top: 2em; } html body .mb-2 { margin-bottom: 2em; } html body .ml-2 { margin-left: 2em; } html body .mr-2 { margin-right: 2em; } html body .m-2 { margin: 2em; } html body .pt-2 { padding-top: 2em; } html body .pb-2 { padding-bottom: 2em; } html body .pl-2 { padding-left: 2em; } html body .pr-2 { padding-right: 2em; } html body .p-2 { padding: 2em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-2 { margin-top: 1.4em; } html body .mb-2 { margin-bottom: 1.4em; } html body .ml-2 { margin-left: 1.4em; } html body .mr-2 { margin-right: 1.4em; } html body .m-2 { margin: 1.4em; } html body .pt-2 { padding-top: 1.4em; } html body .pb-2 { padding-bottom: 1.4em; } html body .pl-2 { padding-left: 1.4em; } html body .pr-2 { padding-right: 1.4em; } html body .p-2 { padding: 1.4em; } } @media (max-width: 757px) { html body .mt-2 { margin-top: 1em; } html body .mb-2 { margin-bottom: 1em; } html body .ml-2 { margin-left: 1em; } html body .mr-2 { margin-right: 1em; } html body .m-2 { margin: 1em; } html body .pt-2 { padding-top: 1em; } html body .pb-2 { padding-bottom: 1em; } html body .pl-2 { padding-left: 1em; } html body .pr-2 { padding-right: 1em; } html body .p-2 { padding: 1em; } } html body .mt-3 { margin-top: 3em; } html body .mb-3 { margin-bottom: 3em; } html body .ml-3 { margin-left: 3em; } html body .mr-3 { margin-right: 3em; } html body .m-3 { margin: 3em; } html body .pt-3 { padding-top: 3em; } html body .pb-3 { padding-bottom: 3em; } html body .pl-3 { padding-left: 3em; } html body .pr-3 { padding-right: 3em; } html body .p-3 { padding: 3em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-3 { margin-top: 2.1em; } html body .mb-3 { margin-bottom: 2.1em; } html body .ml-3 { margin-left: 2.1em; } html body .mr-3 { margin-right: 2.1em; } html body .m-3 { margin: 2.1em; } html body .pt-3 { padding-top: 2.1em; } html body .pb-3 { padding-bottom: 2.1em; } html body .pl-3 { padding-left: 2.1em; } html body .pr-3 { padding-right: 2.1em; } html body .p-3 { padding: 2.1em; } } @media (max-width: 757px) { html body .mt-3 { margin-top: 1.5em; } html body .mb-3 { margin-bottom: 1.5em; } html body .ml-3 { margin-left: 1.5em; } html body .mr-3 { margin-right: 1.5em; } html body .m-3 { margin: 1.5em; } html body .pt-3 { padding-top: 1.5em; } html body .pb-3 { padding-bottom: 1.5em; } html body .pl-3 { padding-left: 1.5em; } html body .pr-3 { padding-right: 1.5em; } html body .p-3 { padding: 1.5em; } } html body .mt-4 { margin-top: 4em; } html body .mb-4 { margin-bottom: 4em; } html body .ml-4 { margin-left: 4em; } html body .mr-4 { margin-right: 4em; } html body .m-4 { margin: 4em; } html body .pt-4 { padding-top: 4em; } html body .pb-4 { padding-bottom: 4em; } html body .pl-4 { padding-left: 4em; } html body .pr-4 { padding-right: 4em; } html body .p-4 { padding: 4em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-4 { margin-top: 2.8em; } html body .mb-4 { margin-bottom: 2.8em; } html body .ml-4 { margin-left: 2.8em; } html body .mr-4 { margin-right: 2.8em; } html body .m-4 { margin: 2.8em; } html body .pt-4 { padding-top: 2.8em; } html body .pb-4 { padding-bottom: 2.8em; } html body .pl-4 { padding-left: 2.8em; } html body .pr-4 { padding-right: 2.8em; } html body .p-4 { padding: 2.8em; } } @media (max-width: 757px) { html body .mt-4 { margin-top: 2em; } html body .mb-4 { margin-bottom: 2em; } html body .ml-4 { margin-left: 2em; } html body .mr-4 { margin-right: 2em; } html body .m-4 { margin: 2em; } html body .pt-4 { padding-top: 2em; } html body .pb-4 { padding-bottom: 2em; } html body .pl-4 { padding-left: 2em; } html body .pr-4 { padding-right: 2em; } html body .p-4 { padding: 2em; } } html body .mt-5 { margin-top: 5em; } html body .mb-5 { margin-bottom: 5em; } html body .ml-5 { margin-left: 5em; } html body .mr-5 { margin-right: 5em; } html body .m-5 { margin: 5em; } html body .pt-5 { padding-top: 5em; } html body .pb-5 { padding-bottom: 5em; } html body .pl-5 { padding-left: 5em; } html body .pr-5 { padding-right: 5em; } html body .p-5 { padding: 5em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-5 { margin-top: 3.5em; } html body .mb-5 { margin-bottom: 3.5em; } html body .ml-5 { margin-left: 3.5em; } html body .mr-5 { margin-right: 3.5em; } html body .m-5 { margin: 3.5em; } html body .pt-5 { padding-top: 3.5em; } html body .pb-5 { padding-bottom: 3.5em; } html body .pl-5 { padding-left: 3.5em; } html body .pr-5 { padding-right: 3.5em; } html body .p-5 { padding: 3.5em; } } @media (max-width: 757px) { html body .mt-5 { margin-top: 2.5em; } html body .mb-5 { margin-bottom: 2.5em; } html body .ml-5 { margin-left: 2.5em; } html body .mr-5 { margin-right: 2.5em; } html body .m-5 { margin: 2.5em; } html body .pt-5 { padding-top: 2.5em; } html body .pb-5 { padding-bottom: 2.5em; } html body .pl-5 { padding-left: 2.5em; } html body .pr-5 { padding-right: 2.5em; } html body .p-5 { padding: 2.5em; } } html body .mt-6 { margin-top: 6em; } html body .mb-6 { margin-bottom: 6em; } html body .ml-6 { margin-left: 6em; } html body .mr-6 { margin-right: 6em; } html body .m-6 { margin: 6em; } html body .pt-6 { padding-top: 6em; } html body .pb-6 { padding-bottom: 6em; } html body .pl-6 { padding-left: 6em; } html body .pr-6 { padding-right: 6em; } html body .p-6 { padding: 6em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-6 { margin-top: 4.2em; } html body .mb-6 { margin-bottom: 4.2em; } html body .ml-6 { margin-left: 4.2em; } html body .mr-6 { margin-right: 4.2em; } html body .m-6 { margin: 4.2em; } html body .pt-6 { padding-top: 4.2em; } html body .pb-6 { padding-bottom: 4.2em; } html body .pl-6 { padding-left: 4.2em; } html body .pr-6 { padding-right: 4.2em; } html body .p-6 { padding: 4.2em; } } @media (max-width: 757px) { html body .mt-6 { margin-top: 3em; } html body .mb-6 { margin-bottom: 3em; } html body .ml-6 { margin-left: 3em; } html body .mr-6 { margin-right: 3em; } html body .m-6 { margin: 3em; } html body .pt-6 { padding-top: 3em; } html body .pb-6 { padding-bottom: 3em; } html body .pl-6 { padding-left: 3em; } html body .pr-6 { padding-right: 3em; } html body .p-6 { padding: 3em; } } html body .mt-7 { margin-top: 7em; } html body .mb-7 { margin-bottom: 7em; } html body .ml-7 { margin-left: 7em; } html body .mr-7 { margin-right: 7em; } html body .m-7 { margin: 7em; } html body .pt-7 { padding-top: 7em; } html body .pb-7 { padding-bottom: 7em; } html body .pl-7 { padding-left: 7em; } html body .pr-7 { padding-right: 7em; } html body .p-7 { padding: 7em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-7 { margin-top: 4.9em; } html body .mb-7 { margin-bottom: 4.9em; } html body .ml-7 { margin-left: 4.9em; } html body .mr-7 { margin-right: 4.9em; } html body .m-7 { margin: 4.9em; } html body .pt-7 { padding-top: 4.9em; } html body .pb-7 { padding-bottom: 4.9em; } html body .pl-7 { padding-left: 4.9em; } html body .pr-7 { padding-right: 4.9em; } html body .p-7 { padding: 4.9em; } } @media (max-width: 757px) { html body .mt-7 { margin-top: 3.5em; } html body .mb-7 { margin-bottom: 3.5em; } html body .ml-7 { margin-left: 3.5em; } html body .mr-7 { margin-right: 3.5em; } html body .m-7 { margin: 3.5em; } html body .pt-7 { padding-top: 3.5em; } html body .pb-7 { padding-bottom: 3.5em; } html body .pl-7 { padding-left: 3.5em; } html body .pr-7 { padding-right: 3.5em; } html body .p-7 { padding: 3.5em; } } html body .mt-8 { margin-top: 8em; } html body .mb-8 { margin-bottom: 8em; } html body .ml-8 { margin-left: 8em; } html body .mr-8 { margin-right: 8em; } html body .m-8 { margin: 8em; } html body .pt-8 { padding-top: 8em; } html body .pb-8 { padding-bottom: 8em; } html body .pl-8 { padding-left: 8em; } html body .pr-8 { padding-right: 8em; } html body .p-8 { padding: 8em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-8 { margin-top: 5.6em; } html body .mb-8 { margin-bottom: 5.6em; } html body .ml-8 { margin-left: 5.6em; } html body .mr-8 { margin-right: 5.6em; } html body .m-8 { margin: 5.6em; } html body .pt-8 { padding-top: 5.6em; } html body .pb-8 { padding-bottom: 5.6em; } html body .pl-8 { padding-left: 5.6em; } html body .pr-8 { padding-right: 5.6em; } html body .p-8 { padding: 5.6em; } } @media (max-width: 757px) { html body .mt-8 { margin-top: 4em; } html body .mb-8 { margin-bottom: 4em; } html body .ml-8 { margin-left: 4em; } html body .mr-8 { margin-right: 4em; } html body .m-8 { margin: 4em; } html body .pt-8 { padding-top: 4em; } html body .pb-8 { padding-bottom: 4em; } html body .pl-8 { padding-left: 4em; } html body .pr-8 { padding-right: 4em; } html body .p-8 { padding: 4em; } } html body .mt-9 { margin-top: 9em; } html body .mb-9 { margin-bottom: 9em; } html body .ml-9 { margin-left: 9em; } html body .mr-9 { margin-right: 9em; } html body .m-9 { margin: 9em; } html body .pt-9 { padding-top: 9em; } html body .pb-9 { padding-bottom: 9em; } html body .pl-9 { padding-left: 9em; } html body .pr-9 { padding-right: 9em; } html body .p-9 { padding: 9em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-9 { margin-top: 6.3em; } html body .mb-9 { margin-bottom: 6.3em; } html body .ml-9 { margin-left: 6.3em; } html body .mr-9 { margin-right: 6.3em; } html body .m-9 { margin: 6.3em; } html body .pt-9 { padding-top: 6.3em; } html body .pb-9 { padding-bottom: 6.3em; } html body .pl-9 { padding-left: 6.3em; } html body .pr-9 { padding-right: 6.3em; } html body .p-9 { padding: 6.3em; } } @media (max-width: 757px) { html body .mt-9 { margin-top: 4.5em; } html body .mb-9 { margin-bottom: 4.5em; } html body .ml-9 { margin-left: 4.5em; } html body .mr-9 { margin-right: 4.5em; } html body .m-9 { margin: 4.5em; } html body .pt-9 { padding-top: 4.5em; } html body .pb-9 { padding-bottom: 4.5em; } html body .pl-9 { padding-left: 4.5em; } html body .pr-9 { padding-right: 4.5em; } html body .p-9 { padding: 4.5em; } } html body .mt-10 { margin-top: 10em; } html body .mb-10 { margin-bottom: 10em; } html body .ml-10 { margin-left: 10em; } html body .mr-10 { margin-right: 10em; } html body .m-10 { margin: 10em; } html body .pt-10 { padding-top: 10em; } html body .pb-10 { padding-bottom: 10em; } html body .pl-10 { padding-left: 10em; } html body .pr-10 { padding-right: 10em; } html body .p-10 { padding: 10em; } @media (min-width: 758px) and (max-width: 1024px) { html body .mt-10 { margin-top: 7em; } html body .mb-10 { margin-bottom: 7em; } html body .ml-10 { margin-left: 7em; } html body .mr-10 { margin-right: 7em; } html body .m-10 { margin: 7em; } html body .pt-10 { padding-top: 7em; } html body .pb-10 { padding-bottom: 7em; } html body .pl-10 { padding-left: 7em; } html body .pr-10 { padding-right: 7em; } html body .p-10 { padding: 7em; } } @media (max-width: 757px) { html body .mt-10 { margin-top: 5em; } html body .mb-10 { margin-bottom: 5em; } html body .ml-10 { margin-left: 5em; } html body .mr-10 { margin-right: 5em; } html body .m-10 { margin: 5em; } html body .pt-10 { padding-top: 5em; } html body .pb-10 { padding-bottom: 5em; } html body .pl-10 { padding-left: 5em; } html body .pr-10 { padding-right: 5em; } html body .p-10 { padding: 5em; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body a.btn { --btn-bg-color: #043c9d; --btn-hover-bg-color: var(--hover-color); width: 350px; height: 75px; flex-shrink: 0; margin: 1em auto; border-radius: 40px; border: 1px solid #fff; color: white; font-weight: bolder; padding: 10px 50px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background: var(--btn-bg-color); background-blend-mode: multiply; transition: background-color 0.3s ease, transform 0.3s ease; } @media (min-width: 758px) and (max-width: 1024px) { body a.btn { width: 300px; height: 70px; padding: 10px 40px; } } @media (max-width: 757px) { body a.btn { width: 300px; height: 60px; padding: 8px 30px; } } body a.btn::after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px white; border-right: solid 2px white; transform: rotate(45deg); position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; margin-left: 10px; transition: transform 0.3s ease; } @media (min-width: 758px) and (max-width: 1024px) { body a.btn::after { right: 12px; margin-left: 6px; } } @media (max-width: 757px) { body a.btn::after { margin-left: 5px; } } body a.btn:hover { transform: scale(1.05); background-color: var(--btn-hover-bg-color); } @media (min-width: 758px) and (max-width: 1024px) { body a.btn:hover { transform: scale(1.04); } } @media (max-width: 757px) { body a.btn:hover { transform: scale(1.03); } } body a.btn:hover::after { transform: translateX(5px) rotate(45deg); } body a.btn img { max-width: 20px; margin-right: 10px; } @media (max-width: 757px) { body a.btn img { max-width: 16px; margin-right: 8px; } } body a.btn.service-btn { --btn-bg-color: #0080ff; } body a.btn.blue { --btn-bg-color: blue; --btn-hover-bg-color: darkblue; } body a.btn.red { --btn-bg-color: red; --btn-hover-bg-color: darkred; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body { /* 目次のスタイル */ } body #toc--container { position: relative; background-color: #ebf0ff; border: 1px solid #c7d4f7; border-radius: 8px; max-width: 80%; margin: 0 auto 2em; transition: all 0.3s; } @media (max-width: 757px) { body #toc--container { max-width: 85%; } } body #toc--container #toc--header span { font-size: 1.4rem; border-bottom: 1px solid #c7d4f7; background-color: rgba(0, 0, 0, 0.05); display: block; font-weight: bolder; padding: 10px 30px; color: #333; } @media (max-width: 757px) { body #toc--container #toc--header span { padding: 5px 15px; } } body #toc--container #show { transition: all 0.3s; background: linear-gradient(360deg, rgba(0, 0, 0, 0.15), transparent); position: absolute; font-size: 1.4rem; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px 0; color: var(--site-color); text-align: center; cursor: pointer; border: none; border-radius: 0 0 5px 5px; } @media (max-width: 757px) { body #toc--container #show { font-size: 1.2rem; } } body #toc--container #show:hover { background-color: rgba(0, 0, 0, 0.1); } body #toc--container ul#toc { list-style: none; padding: 10px 30px; } @media (max-width: 757px) { body #toc--container ul#toc { padding: 5px 15px; } } 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.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body #toc--container ul#toc li.h2 { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body #toc--container ul#toc li.h2 { font-size: 1.6rem; } } @media (min-width: 1330px) { body #toc--container ul#toc li.h2 { font-size: 1.6rem; } } 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) and (max-width: 1024px) { body #toc--container ul#toc li.h3 { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { 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:last-child { margin-bottom: 0; } body #toc--container ul#toc li a { text-decoration: none; color: #333; } body #toc--container ul#toc li a:hover { text-decoration: underline; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ @media (max-width: 757px) { body header.header .header--wrapper .header--right .drawer-mobile { display: flex; flex-direction: column; align-items: flex-end; } } body header.header .header--wrapper .header--right #nav-drawer { width: 50px; justify-content: center; } @media (min-width: 1330px) { body header.header .header--wrapper .header--right #nav-drawer { display: none; } } @media (min-width: 1025px) and (max-width: 1329px) { body header.header .header--wrapper .header--right #nav-drawer { display: none; } } @media (min-width: 758px) and (max-width: 1024px) { body header.header .header--wrapper .header--right #nav-drawer { display: flex; } } @media (max-width: 757px) { body header.header .header--wrapper .header--right #nav-drawer { display: flex; } } body header.header .header--wrapper .header--right #nav-drawer #nav-open { display: inline-block; vertical-align: middle; cursor: pointer; } body header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn { position: relative; width: 25px; min-height: 50px; } body header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span { display: inline-block; transition: all 0.3s ease-in-out; position: absolute; left: 0; height: 2px; border-radius: 3px; background: white; width: 100%; } body header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span:nth-of-type(1) { top: 8px; } body header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span:nth-of-type(2) { top: 16px; } body header.header .header--wrapper .header--right #nav-drawer #nav-open .openbtn span:nth-of-type(3) { top: 24px; } body 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: white; white-space: nowrap; } body #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: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 758px) and (max-width: 1024px) { body #nav-content { padding: 5em 15px; justify-content: flex-start; max-width: 50vw; } } @media (max-width: 757px) { body #nav-content { padding: 3em 15px; justify-content: flex-start; max-width: 75vw; } } body #nav-content .nav-in { display: flex; flex-direction: column; justify-content: center; align-items: center; } body #nav-content .nav-in .menu-logo { margin-bottom: 10px; } body #nav-content .nav-in .menu-logo img { max-width: 200px; margin: 0 auto; } body #nav-content .nav-in .menu-logo p { font-weight: bolder; } @media (max-width: 757px) { body #nav-content .nav-in .menu-logo p { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body #nav-content .nav-in .menu-logo p { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body #nav-content .nav-in .menu-logo p { font-size: 2rem; } } @media (min-width: 1330px) { body #nav-content .nav-in .menu-logo p { font-size: 2rem; } } body #nav-content .nav-in .site_logo--img img { max-width: 270px; margin: 0 auto; } body #nav-content .nav-in .drawer-menu { margin: 30px 0; } body #nav-content .nav-in .drawer-menu ul { display: flex; flex-direction: column; align-items: center; } body #nav-content .nav-in .drawer-menu ul li { line-height: 1; } body #nav-content .nav-in .drawer-menu ul li:last-child a { margin-right: 0; padding-right: 0; } body #nav-content .nav-in .drawer-menu ul li a { transition: all 0.3s ease-in-out; position: relative; line-height: 1; color: white; display: block; margin: 0; padding: 15px 0 15px 10px; } body #nav-content .nav-in .drawer-menu ul li a:before { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px #000; border-right: solid 2px #000; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; left: -10px; transform-origin: 50% 50%; } @media (max-width: 757px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 1.8rem; } } @media (min-width: 1330px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) { body #nav-content .nav-in .drawer-menu ul li a { padding: 20px 0 20px 10px; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) and (max-width: 1024px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1329px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body #nav-content .nav-in .drawer-menu ul li a { font-size: 2rem; } } body .nav-unshown { display: none; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body #mobile_menu { display: none; position: fixed; bottom: -150px; left: 0; width: 100%; background: rgba(255, 255, 255, 0.8); color: white; z-index: 100; display: flex; justify-content: space-between; padding: 10px; transition: bottom 0.5s ease; } @media (max-width: 757px) { body #mobile_menu { display: flex; } } body #mobile_menu .mobile-reception { flex: 1; text-align: center; padding: 15px 0; cursor: pointer; background: var(--sub-color); } body #mobile_menu .mobile-reception a { display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; } body #mobile_menu .mobile-reception a img { max-width: 20px; max-height: 25px; margin-right: 5px; display: inline-block; } body #mobile_menu .mobile-reception + .mobile-reception { border-left: 1px solid white; background: var(--site-color); } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body #page_top { display: flex; flex-direction: column; align-items: flex-end; transition: opacity 0.5s, transform 0.5s; position: fixed; right: 100px; bottom: 30px; opacity: 0; transform: translateX(300px); z-index: 99; } @media (min-width: 758px) and (max-width: 1024px) { body #page_top { right: 20px; bottom: 20px; } } @media (max-width: 757px) { body #page_top { right: 15px; bottom: 20px; } } body #page_top.LeftMove { opacity: 1; transform: translateX(0); } body #page_top.LeftMove #web_reception .reception { animation-delay: 0.6s; } body #page_top.LeftMove #phone_reception .reception { animation-delay: 1.2s; } @keyframes PageTopLeftAnime { from { opacity: 0; transform: translateX(300px); } to { opacity: 1; transform: translateX(0); } } body #page_top.RightMove { opacity: 0; transform: translateX(300px); } @keyframes PageTopRightAnime { from { opacity: 1; transform: translateX(0); } to { opacity: 0; 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 ease-in-out; } @media (min-width: 758px) and (max-width: 1024px) { body #page_top .top { width: 50px; height: 50px; line-height: 60px; } } @media (max-width: 757px) { body #page_top .top { width: 45px; height: 45px; line-height: 55px; } } 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: 52%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); } @media (min-width: 758px) and (max-width: 1024px) { body #page_top .top:before { width: 14px; height: 14px; } } @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 #page_top .reception { border-radius: 200px; display: flex; justify-content: center; align-items: center; color: white; font-weight: 900; line-height: 60px; text-decoration: none; cursor: pointer; transition: background 0.3s ease-in-out, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); position: relative; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; font-size: 0.9em; line-height: 1.4; border: 1px solid #fff; } @media (min-width: 1330px) { body #page_top .reception { width: 230px; height: 70px; } } @media (min-width: 1025px) and (max-width: 1329px) { body #page_top .reception { width: 220px; height: 55px; } } @media (min-width: 758px) and (max-width: 1024px) { body #page_top .reception { width: 220px; height: 55px; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body #page_top .reception { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) and (max-width: 1024px) { body #page_top .reception { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1329px) { body #page_top .reception { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body #page_top .reception { font-size: 1.8rem; } } @media (max-width: 757px) { body #page_top .reception { width: 110px; height: 40px; } } @media (max-width: 757px) and (max-width: 757px) { body #page_top .reception { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body #page_top .reception { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body #page_top .reception { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body #page_top .reception { font-size: 1.8rem; } } body #page_top .reception img { max-width: 20px; max-height: 30px; margin-right: 8px; } @media (min-width: 758px) and (max-width: 1024px) { body #page_top .reception img { max-width: 20px; max-height: 30px; } } @media (max-width: 757px) { body #page_top .reception img { max-width: 15px; max-height: 25px; } } body #page_top .reception:hover, body #page_top .reception:active { transform: translateY(-5px) scale(1.05); box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 20px; } body #page_top .reception::after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px white; border-right: solid 2px white; transform: rotate(45deg); position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; margin-left: 10px; transition: transform 0.3s ease-in-out; } @media (min-width: 758px) and (max-width: 1024px) { body #page_top .reception::after { right: 12px; margin-left: 6px; } } @media (max-width: 757px) { body #page_top .reception::after { margin-left: 5px; } } body #page_top .reception:hover::after { transform: translateX(5px) rotate(45deg) scale(1.2); } body #page_top #first_reception { display: none; } @media (max-width: 757px) { body #page_top #first_reception { display: none; } } body #page_top #first_reception span.reception { background: var(--sub-color); transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } body #page_top #first_reception span.reception:hover { background: var(--site-color); } body #page_top #second_reception { display: none; } @media (max-width: 757px) { body #page_top #second_reception { display: none; } } body #page_top #second_reception span.reception { background: linear-gradient(90deg, #fd6a00 0%, #f8478f 98.48%); transition: background 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1); } body #page_top #second_reception span.reception:hover { background: linear-gradient(90deg, #ff8000 0%, #ff4da6 98.48%); } .fadeUpTrigger, .fadeLeftTrigger, .fadeRightTrigger { opacity: 0; } .fadeRightTrigger { animation-name: fadeLeft; animation-direction: alternate; } @keyframes fadeLeft { from { opacity: 1; } to { opacity: 0; } } .fadeUp, .fadeLeft, .fadeRight { animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; opacity: 0; } @media (max-width: 757px) { .fadeUp, .fadeLeft, .fadeRight { animation-delay: 0.2s; } } .fadeUp { animation-name: fadeUpAnime; animation-direction: alternate; } .fadeLeft { animation-name: fadeLeftAnime; animation-direction: alternate; } .fadeRight { animation-name: fadeRightAnime; animation-direction: alternate; } @keyframes fadeUpAnime { from { opacity: 0; transform: translateY(100px); @media (max-width: 757px) { transform: translateY(50px); } } to { opacity: 1; transform: translateY(0); } } @keyframes fadeLeftAnime { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeRightAnime { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0); } } .slide-in { overflow: hidden; display: inline-block; } .slide-in.leftAnime { opacity: 0; } .slide-in .slide-in_inner { display: inline-block; } .slideAnimeLeftRight { animation-name: slideTextX100; animation-duration: 0.8s; animation-fill-mode: forwards; opacity: 0; } @keyframes slideTextX100 { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .slideAnimeRightLeft { animation-name: slideTextX-100; animation-duration: 0.8s; animation-fill-mode: forwards; opacity: 0; } @keyframes slideTextX-100 { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .bgextend { animation-name: bgextendAnimeBase; animation-duration: 1s; animation-fill-mode: forwards; position: relative; overflow: hidden; opacity: 0; } @keyframes bgextendAnimeBase { from { opacity: 0; } to { opacity: 1; } } .bgappear { animation-name: bgextendAnimeSecond; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; opacity: 0; } @keyframes bgextendAnimeSecond { 0% { opacity: 0; } 100% { opacity: 1; } } /*左から右*/ .bgLRextend::before { animation-name: bgLRextendAnime; animation-duration: 1s; animation-fill-mode: forwards; content: ""; position: absolute; width: 100%; height: 100%; top: 10%; bottom: 0; background-color: #666; } @keyframes bgLRextendAnime { 0% { transform-origin: left; transform: scaleX(0); } 50% { transform-origin: left; transform: scaleX(1); } 50.001% { transform-origin: right; } 100% { transform-origin: right; transform: scaleX(0); } } .bgappearTrigger, .bgLRextendTrigger { opacity: 0; } .blur { animation-name: blurAnime; animation-duration: 1s; animation-fill-mode: forwards; } @keyframes blurAnime { from { filter: blur(10px); transform: scale(1.02); opacity: 0; } to { filter: blur(0); transform: scale(1); opacity: 1; } } .zoom { animation-name: zoomAnime, focusAnime; animation-duration: 5.5s, 1s; /* ズームはゆっくり、ぼかしは短く */ animation-timing-function: ease-out, ease-out; /* 両方スムーズに遷移 */ animation-fill-mode: forwards; background-size: 120%; /* 初期状態で少しズームしておく */ background-position: center; background-repeat: no-repeat; filter: blur(10px); /* 初期状態でぼやける */ } @keyframes zoomAnime { 0% { background-size: 120%; /* 初期状態で背景画像を少し大きく */ } 100% { background-size: 100%; /* ズームが終わる時の背景画像サイズ */ } } @keyframes focusAnime { 0% { filter: blur(10px); /* 初期状態でぼやけた状態 */ } 100% { filter: blur(0); /* 鮮明な状態 */ } } /* スクロールをしたら出現する要素にはじめに透過0を指定　*/ .blurTrigger, .flipRightTrigger { opacity: 0; } .delayScroll > * { opacity: 0; } .flipRight { animation-name: flipRightAnime; animation-duration: 0.5s; animation-fill-mode: forwards; perspective-origin: right center; opacity: 0; } @keyframes flipRightAnime { from { transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg); opacity: 0; } to { transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg); opacity: 1; } } .lineTrigger::before { content: ""; position: absolute; bottom: 0; height: 2px; background-color: var(--site-color); width: 0; } .lineTrigger.left::before { left: 0; transform-origin: left; } .lineTrigger.right::before { right: 0; transform-origin: right; } .lineTrigger.draw.left::before { animation: draw-line-left 1s ease-in-out 0.5s forwards; } .lineTrigger.draw.right::before { animation: draw-line-right 1s ease-in-out 1s forwards; } .lineTrigger.reset.left::before, .lineTrigger.reset.right::before { animation: reset-line 1s ease-in-out forwards; } @keyframes draw-line-left { from { width: 0; } to { width: 100%; } } @keyframes draw-line-right { from { width: 0; } to { width: 100%; } } @keyframes reset-line { from { width: 100%; } to { width: 0; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body .cta-service { background-color: white; padding: 60px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 30px 0; border-radius: 20px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border: 1px solid #e0e0e0; background: linear-gradient(135deg, #64c3eb 0%, #043c9d 100%); } @media (max-width: 757px) { body .cta-service { margin: 30px 0 10px; } } body .cta-service p { font-weight: 700; line-height: 1.6; color: white; margin-bottom: 30px; text-shadow: 1px 1px 5px rgba(0, 4, 59, 0.6); } @media (max-width: 757px) { body .cta-service p { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { body .cta-service p { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body .cta-service p { font-size: 2.6rem; } } @media (min-width: 1330px) { body .cta-service p { font-size: 2.6rem; } } body .cta-service .cta-button { background-color: #ffdd00; color: var(--site-color); font-weight: bold; } body .cta-button { position: relative; white-space: nowrap; display: flex; justify-content: center; align-items: center; background-color: var(--site-color); color: white; text-decoration: none; font-weight: 900; font-size: 1.8rem; padding: 1rem 3rem; transition: background-color 0.3s ease, transform 0.3s ease; border-radius: 200px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } @media (max-width: 757px) { body .cta-button { font-size: 1.6rem; } } body .cta-button:hover { background-color: var(--hover-color); transform: scale(1.05); } body .cta-button:hover::after { transform: translateX(5px) rotate(45deg); transition: transform 0.3s ease; } body .cta-button svg { width: 35px; height: auto; margin-left: 0.6rem; transition: margin-left 0.3s ease; } @media (max-width: 757px) { body .cta-button svg { width: 30px; } } body a.story-item { flex-direction: column; position: relative; border-radius: 10px; padding: 2rem; text-align: center; display: flex; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transition: box-shadow 0.5s ease, background-color 0.5s ease; transition: transform 0.3s ease, box-shadow 0.3s ease; } body a.story-item .story-content { transition: transform 0.5s ease, box-shadow 0.5s ease; } body a.story-item:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background-color: #fff; } body a.story-item:hover .story-image img { opacity: 0.8; } body a.story-item:hover .arrow-link span { color: var(--hover-color); transform: translateX(5px); } body a.story-item:hover .arrow-link span:before { background-color: var(--hover-color); transform: translateY(-50%); } body a.story-item .story-image { position: relative; } body a.story-item .story-image img { width: 100%; aspect-ratio: 4/3; -o-object-fit: cover; object-fit: cover; border-radius: 5px; margin-bottom: 1rem; transition: opacity 0.5s ease; } body a.story-item h3 { color: var(--site-color); font-weight: bold; margin: 2rem 0 1rem; text-align: left; transition: color 0.5s ease; } @media (max-width: 757px) { body a.story-item h3 { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body a.story-item h3 { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body a.story-item h3 { font-size: 2rem; } } @media (min-width: 1330px) { body a.story-item h3 { font-size: 2rem; } } body a.story-item p { text-align: left; margin-bottom: 2.5rem; transition: color 0.5s ease; } @media (max-width: 757px) { body a.story-item p { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body a.story-item p { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body a.story-item p { font-size: 1.6rem; } } @media (min-width: 1330px) { body a.story-item p { font-size: 1.6rem; } } body .pick-up { position: absolute; display: inline-block; width: -moz-fit-content; width: fit-content; top: -30px; left: -30px; padding: 8px 16px; border: 2px solid var(--site-color); background: white; color: var(--site-color); transition: background-color 0.3s ease, color 0.3s ease; } @media (max-width: 757px) { body .pick-up { left: -10px; } } body .pick-up::after { content: ""; position: absolute; top: calc(100% + 5px); left: 50%; width: 30px; height: 2px; box-sizing: border-box; background-color: var(--site-color); rotate: 50deg; transition: background-color 0.3s ease, transform 0.3s ease; } body .arrow-link { text-align: right; padding-right: 20px; } body .arrow-link span { color: var(--site-color); padding-right: 0.5rem; font-weight: bold; text-decoration: none; position: relative; display: inline-block; transition: color 0.3s ease, transform 0.3s ease; } @media (max-width: 757px) { body .arrow-link span { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body .arrow-link span { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body .arrow-link span { font-size: 1.6rem; } } @media (min-width: 1330px) { body .arrow-link span { font-size: 1.6rem; } } body .arrow-link span:before { content: ""; position: absolute; top: 50%; right: -20px; width: 20px; height: 20px; background-color: var(--site-color); border-radius: 50%; transform: translateY(-50%); z-index: 0; background-size: 10px; background-image: url("../img/object/arrow.svg"); background-repeat: no-repeat; background-position: center; transition: background-color 0.3s ease, transform 0.3s ease; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body .swiper { overflow: visible; padding-left: 2rem; padding-right: 2rem; } body .swiper .swiper-wrapper .swiper-container { width: 80%; height: 400px; margin: 50px auto; position: relative; } body .swiper .swiper-wrapper .swiper-container .swiper-pagination { bottom: 10px; } body .swiper .swiper-wrapper .swiper-slide { display: flex; height: auto; } body .swiper-navigation { z-index: 5; position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); padding: 0 20px; box-sizing: border-box; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } body .swiper-navigation .swiper-button-prev, body .swiper-navigation .swiper-button-next { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.4s ease, transform 0.3s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); cursor: pointer; } @media (max-width: 757px) { body .swiper-navigation .swiper-button-prev, body .swiper-navigation .swiper-button-next { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.9); } } body .swiper-navigation .swiper-button-prev:after, body .swiper-navigation .swiper-button-next:after { color: var(--site-color); font-size: 1em; transition: color 0.4s ease, font-size 0.3s ease; } body .swiper-navigation .swiper-button-prev:hover, body .swiper-navigation .swiper-button-next:hover { background: var(--hover-color); transform: scale(1.1); } body .swiper-navigation .swiper-button-prev:hover:after, body .swiper-navigation .swiper-button-next:hover:after { color: var(--site-color); font-size: 1.1em; } body .swiper-navigation .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 10vw); } @media (max-width: 757px) { body .swiper-navigation .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 3vw); } } body .swiper-navigation .swiper-button-next { right: var(--swiper-navigation-sides-offset, 10vw); } @media (max-width: 757px) { body .swiper-navigation .swiper-button-next { right: var(--swiper-navigation-sides-offset, 3vw); } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ .static-hero { width: 100%; height: 500px; background-color: #f5f5f5; background-image: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%); display: flex; align-items: center; justify-content: center; text-align: center; padding: 2rem; } @media (min-width: 758px) and (max-width: 1024px) { .static-hero { height: 400px; } } @media (max-width: 757px) { .static-hero { height: 300px; padding: 1rem; } } .static-hero .hero-content { max-width: 800px; } .static-hero .hero-content h2 { font-size: 3rem; font-weight: 700; margin-bottom: 1rem; color: #333; } @media (min-width: 758px) and (max-width: 1024px) { .static-hero .hero-content h2 { font-size: 2.5rem; } } @media (max-width: 757px) { .static-hero .hero-content h2 { font-size: 2rem; margin-bottom: 0.75rem; } } .static-hero .hero-content p { font-size: 1.25rem; color: #555; line-height: 1.6; } @media (min-width: 758px) and (max-width: 1024px) { .static-hero .hero-content p { font-size: 1.1rem; } } @media (max-width: 757px) { .static-hero .hero-content p { font-size: 1rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body .header { width: 80px; min-height: 100vh; position: fixed; right: 0; top: 0; background: var(--bg-color, #fff); border-left: 1px solid rgba(0, 0, 0, 0.07); z-index: 100; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); } @media (max-width: 757px) { body .header { width: 100%; min-height: auto; height: 60px; position: fixed; right: auto; flex-direction: row; border-left: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } body .header .site_logo { display: flex; align-items: center; margin-bottom: 2.5rem; width: 100%; height: 80px; background-color: #aed6ea; } @media (max-width: 757px) { body .header .site_logo { margin-bottom: 0; height: 60px; width: auto; } } body .header .site_logo .site_logo--text { width: 100%; } @media (max-width: 757px) { body .header .site_logo .site_logo--text { width: auto; } } body .header .site_logo .site_logo--text .home-link { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: opacity 0.2s; } @media (max-width: 757px) { body .header .site_logo .site_logo--text .home-link { flex-direction: row; padding: 0 0.5rem; } } body .header .site_logo .site_logo--text .home-link:hover, body .header .site_logo .site_logo--text .home-link:focus { opacity: 0.85; } body .header .site_logo .site_logo--text .home-link .brand { margin: 0; font-size: 0; } body .header .site_logo .site_logo--text .home-link .brand .header-logo-img { width: 56px; height: auto; display: block; margin: 0 auto 0.5rem auto; transition: filter 0.2s; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.04)); } @media (max-width: 757px) { body .header .site_logo .site_logo--text .home-link .brand .header-logo-img { width: 40px; margin: 0; } } body .header .site_logo .site_logo--text .home-link .brand .header-logo-img:hover, body .header .site_logo .site_logo--text .home-link .brand .header-logo-img:focus { filter: brightness(1.05) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.1)); } body .header .site_logo .site_logo--text .home-link .site-description { display: block; font-size: 0.85rem; color: #888; margin-top: 0.2rem; text-align: center; letter-spacing: 0.08em; } @media (max-width: 757px) { body .header .site_logo .site_logo--text .home-link .site-description { display: none; } } body .header .header--wrapper { display: flex; flex-direction: column; height: 100%; width: 100%; padding: 0; justify-content: flex-start; } @media (max-width: 757px) { body .header .header--wrapper { flex-direction: row; height: 60px; justify-content: space-between; align-items: center; padding: 0 1rem; } } @media (max-width: 757px) { body .header .drawer-desktop { display: none; } } body .header .drawer-desktop .menu-list { display: flex; flex-direction: column; align-items: center; gap: 2.2rem; padding: 0; margin: 0; list-style: none; width: 100%; } body .header .drawer-desktop .menu-list li { width: 100%; text-align: center; } body .header .drawer-desktop .menu-list li:nth-of-type(2) .menu-icon { color: #f9cc86; } body .header .drawer-desktop .menu-list li:nth-of-type(3) .menu-icon { color: #c2cd9d; } body .header .drawer-desktop .menu-list li:nth-of-type(4) .menu-icon { color: #a8dadb; } body .header .drawer-desktop .menu-list li:nth-of-type(4) .menu-text { margin-bottom: 1.5rem; } body .header .drawer-desktop .menu-list li a { display: block; padding: 0.5rem 0; font-weight: 600; letter-spacing: 0.12em; text-decoration: none; border-radius: 6px; transition: background 0.15s, color 0.15s; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 757px) { body .header .drawer-desktop .menu-list li a { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body .header .drawer-desktop .menu-list li a { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body .header .drawer-desktop .menu-list li a { font-size: 1.6rem; } } @media (min-width: 1330px) { body .header .drawer-desktop .menu-list li a { font-size: 1.6rem; } } body .header .drawer-desktop .menu-list li a .menu-text { writing-mode: vertical-rl; text-orientation: upright; line-height: 1.6; letter-spacing: 0.12em; font-weight: 400; line-height: normal; } body .header .drawer-mobile { display: none; } @media (max-width: 757px) { body .header .drawer-mobile { display: block; position: relative; z-index: 200; } } body .header .hamburger-button { display: none; } @media (max-width: 757px) { body .header .hamburger-button { display: flex; flex-direction: column; justify-content: space-between; width: 24px; height: 20px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 210; } body .header .hamburger-button span { display: block; width: 100%; height: 2px; background-color: var(--font-color, #333); transition: all 0.3s ease; } body .header .hamburger-button.is-active span:nth-child(1) { transform: translateY(9px) rotate(45deg); } body .header .hamburger-button.is-active span:nth-child(2) { opacity: 0; } body .header .hamburger-button.is-active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); } } body .header .mobile-menu { display: none; } @media (max-width: 757px) { body .header .mobile-menu { display: block !important; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); background-color: var(--bg-color, #fff); padding: 2rem 1.5rem; transform: translateX(100%); transition: transform 0.3s ease; overflow-y: auto; z-index: 190; } body .header .mobile-menu.is-open { transform: translateX(0); } body .header .mobile-menu .menu-list { display: flex; flex-direction: column; gap: 1.5rem; padding: 0; margin: 0; list-style: none; } body .header .mobile-menu .menu-list li { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; } body .header .mobile-menu .menu-list li:last-child { border-bottom: none; } body .header .mobile-menu .menu-list li a { display: flex; align-items: center; padding: 0.5rem 0; font-weight: 600; text-decoration: none; color: var(--font-color, #333); } } @media (max-width: 757px) and (max-width: 757px) { body .header .mobile-menu .menu-list li a { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body .header .mobile-menu .menu-list li a { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body .header .mobile-menu .menu-list li a { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body .header .mobile-menu .menu-list li a { font-size: 1.8rem; } } @media (max-width: 757px) { body .header .mobile-menu .menu-list li a .menu-icon { margin-right: 0.75rem; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } body .header .mobile-menu .menu-list li a .menu-text { display: block; } body .header .mobile-menu .menu-list li:nth-of-type(2) .menu-icon { color: #f9cc86; } body .header .mobile-menu .menu-list li:nth-of-type(3) .menu-icon { color: #c2cd9d; } body .header .mobile-menu .menu-list li:nth-of-type(4) .menu-icon { color: #a8dadb; } } .menu-link { position: relative; } .menu-link .menu-text { position: relative; z-index: 1; margin-right: 0.5rem; } .menu-link .menu-icon { margin-right: 0.5rem; line-height: 1; padding-bottom: 0.5rem; } .menu-link::before, .menu-link::after { content: ""; position: absolute; right: 0; width: 1px; height: 0; transition: height 0.3s ease; } @media (max-width: 757px) { .menu-link::before, .menu-link::after { width: 2px; } } .menu-link::before { bottom: 50%; } .menu-link::after { top: 50%; } .menu-link:hover::before, .menu-link:hover::after, .menu-item.is-active .menu-link::before, .menu-item.is-active .menu-link::after { height: calc(50% - 1px); } .menu-item:first-child .menu-link::before, .menu-item:first-child .menu-link::after { background: var(--site-color); } .menu-item:nth-child(2) .menu-link::before, .menu-item:nth-child(2) .menu-link::after { background: #f9cc86; } .menu-item:nth-child(3) .menu-link::before, .menu-item:nth-child(3) .menu-link::after { background: #92a74d; } .menu-item:nth-child(4) .menu-link::before, .menu-item:nth-child(4) .menu-link::after { background: #00797b; } .menu-item:last-child .menu-link::before, .menu-item:last-child .menu-link::after { background: var(--font-color); } .footer { width: 100%; background: #f8f8f8; padding: 2rem 0; text-align: center; font-size: 0.95rem; border-top: 1px solid #eee; } .footer a { color: #2092bc; text-decoration: underline; } @media (max-width: 900px) { .footer { padding: 1rem 0; font-size: 0.9rem; } } .sidebar { width: 260px; background: #fafbfc; padding: 2rem 1rem; border-left: 1px solid #e5e7eb; min-height: 100vh; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.03); position: sticky; top: 0; } .sidebar .widget { margin-bottom: 2rem; } .sidebar .widget-title { font-size: 1.1rem; font-weight: bold; margin-bottom: 1rem; color: #2092bc; } @media (max-width: 900px) { .sidebar { width: 100%; min-height: auto; box-shadow: none; border-left: none; padding: 1rem 0.5rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.home { display: flex; min-height: 100vh; } @media (min-width: 758px) and (max-width: 1024px) { body.home { flex-direction: column; } } @media (max-width: 757px) { body.home { overflow-x: hidden; display: block; } } body.home .split-layout { flex: 1; display: flex; margin-right: 80px; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout { margin-right: 0; margin-top: 60px; flex-direction: column; } } @media (max-width: 757px) { body.home .split-layout { margin-top: 60px; display: block; width: 100%; } } body.home .split-layout .split-left { flex: 1; position: relative; } @media (max-width: 757px) { body.home .split-layout .split-left { display: none; } } body.home .split-layout .split-left .image-container { position: fixed; top: 0; left: 0; width: calc(50% - 40px); height: 100vh; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-left .image-container { position: relative; width: 100%; height: 50vh; } } @media (max-width: 757px) { body.home .split-layout .split-left .image-container { display: none; } } body.home .split-layout .split-left .image-container .section-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.5s ease; } body.home .split-layout .split-left .image-container .section-image.active { opacity: 1; } body.home .split-layout .split-left .image-container .section-image.main { background-size: 800px; background-repeat: no-repeat; } body.home .split-layout .split-right { flex: 1; overflow-y: auto; padding-top: 0; padding-bottom: 0; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right { overflow-y: visible; } } @media (max-width: 757px) { body.home .split-layout .split-right { padding: 0; width: 100%; overflow-y: visible; } } body.home .split-layout .split-right .content-section { min-height: 100vh; display: flex; align-items: center; padding: 2rem; position: relative; transition: background-color 0.3s ease; background-color: var(--bg-accent-light); } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section { min-height: auto; padding: 4rem 1.5rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section { padding: 0; flex-direction: column; min-height: 90vh; } } body.home .split-layout .split-right .content-section .section-image-mobile { display: none; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-image-mobile { display: block; width: 100%; height: 40vh; margin-bottom: 1.5rem; background-size: cover; background-position: center; background-repeat: no-repeat; } } body.home .split-layout .split-right .content-section.section-about { background-color: var(--bg-light-color); } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-about { background-color: white; padding: 150px 0 0 0; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-about { background-color: white; padding: 100px 0 0 0; } } body.home .split-layout .split-right .content-section.section-bento { --section-main: #b08138; --section-main-rgb: 176, 129, 56; background-color: #f9cc86; } body.home .split-layout .split-right .content-section.section-bento .section-title { font-family: "Kaisei Tokumin", serif; line-height: 1.4; letter-spacing: 2.2px; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-bento .section-title { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-bento .section-title { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-bento .section-title { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-bento .section-title { font-size: 2.2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-bento .section-title span { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-bento .section-title span { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-bento .section-title span { font-size: 3.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-bento .section-title span { font-size: 3.2rem; } } body.home .split-layout .split-right .content-section.section-acupuncture { --section-main: #8bae19; --section-main-rgb: 139, 174, 25; background-color: #dae5b6; } body.home .split-layout .split-right .content-section.section-acupuncture .section-title { font-family: "Kaisei Tokumin", serif; line-height: 1.4; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title { font-size: 2.2rem; } } body.home .split-layout .split-right .content-section.section-acupuncture .section-title span { letter-spacing: 4.2px; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title span { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title span { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title span { font-size: 3.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-acupuncture .section-title span { font-size: 3.2rem; } } body.home .split-layout .split-right .content-section.section-culture { --section-main: #42aeb0; --section-main-rgb: 66, 174, 176; background-color: #a8dadb; } body.home .split-layout .split-right .content-section.section-culture .section-title { font-family: "Kaisei Tokumin", serif; line-height: 1.4; letter-spacing: 2.2px; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-culture .section-title { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-culture .section-title { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-culture .section-title { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-culture .section-title { font-size: 2.2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-culture .section-title span { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-culture .section-title span { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-culture .section-title span { font-size: 3.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-culture .section-title span { font-size: 3.2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-culture .section-content P br { display: none; } } body.home .split-layout .split-right .content-section.section-contact { --section-main: #7b61ff; --section-main-rgb: 123, 97, 255; } body.home .split-layout .split-right .content-section.section-contact .section-content-wrapper { margin: 0 auto; border-radius: 18px; padding: 3rem 2.5rem; display: flex; flex-direction: column; align-items: stretch; gap: 2.5rem; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .section-content-wrapper { padding: 2rem 1.5rem; gap: 2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .section-content-wrapper { padding: 5rem 3rem 8rem; gap: 1.5rem; } } body.home .split-layout .split-right .content-section.section-contact .section-title { text-align: center; margin-top: 1.5rem; font-weight: 700; line-height: 45px; letter-spacing: 2.2px; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 2.6rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 2.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .section-title { line-height: 1.8; margin-top: 1rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .section-title { letter-spacing: 1.5px; } } @media (max-width: 757px) and (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 1.6rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 1.6rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 2rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-contact .section-title { font-size: 2rem; } } body.home .split-layout .split-right .content-section.section-contact .section-content { line-height: 1.8; text-align: center; margin-bottom: 3rem; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .section-content { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .section-content { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-contact .section-content { font-size: 1.8rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-contact .section-content { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .section-content { margin-bottom: 2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .section-content { margin-bottom: 1.5rem; } } body.home .split-layout .split-right .content-section.section-contact .sns-icons { display: flex; gap: 15px; margin: 15px 0; justify-content: center; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .sns-icons { gap: 12px; margin: 10px 0; } } body.home .split-layout .split-right .content-section.section-contact .sns-icons .sns-icon-link { display: inline-block; transition: transform 0.3s ease; } body.home .split-layout .split-right .content-section.section-contact .sns-icons .sns-icon-link:hover { transform: translateY(-3px); } body.home .split-layout .split-right .content-section.section-contact .sns-icons .sns-icon { width: 32px; height: 32px; transition: opacity 0.3s; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .sns-icons .sns-icon { width: 28px; height: 28px; } } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7 form { display: flex; flex-direction: column; gap: 1.5rem; max-width: 100%; } body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap { width: 100%; box-shadow: 0 0 5px 1px rgba(97, 97, 97, 0.151); border-radius: 10px; padding: 0.9rem 1.2rem; line-height: 1.6; font-family: inherit; background: white; transition: border-color 0.2s, box-shadow 0.2s; resize: none; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap { font-size: 1.6rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap { font-size: 1.6rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap { padding: 0.7rem 1rem; border-radius: 8px; } } body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap::-moz-placeholder { color: #9b8ee3; } body.home .split-layout .split-right .content-section.section-contact .wpcf7-form-control-wrap::placeholder { color: #9b8ee3; } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit { display: flex; align-items: center; justify-content: center; gap: 0.75rem; background: linear-gradient(90deg, #35c8cb 0%, #66d0d2 100%); color: #fff; font-weight: 700; border: none; border-radius: 10px; padding: 1.5rem 10rem; cursor: pointer; box-shadow: 0 2px 10px 0 rgba(123, 97, 255, 0.15); transition: background 0.5s, box-shadow 0.5s, transform 0.5s; margin-top: 0.5rem; width: -moz-fit-content; width: fit-content; align-self: center; position: relative; transition: all 0.3s ease-in-out; position: relative; line-height: 1; transition: all 0.3s ease-in-out; } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit:after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: -8px; transform-origin: 50% 50%; } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit:after { right: 15px; } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit:hover { transform: scale(1.05); box-shadow: 0 4px 20px 0 rgba(97, 194, 255, 0.65); } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit:hover:after { border-color: white; transform: translateY(-50%) rotate(45deg) scale(1.05); } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit:hover:active { transform: translateY(0); } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit { padding: 1.2rem 8rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit { padding: 1rem 5rem; width: 100%; max-width: 280px; } } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-submit:hover { background-color: #f0b967; } body.home .split-layout .split-right .content-section.section-contact .contact-form-wrapper .wpcf7-response-output { margin: 1rem 0 0; padding: 0.75rem; border-radius: 4px; } body.home .split-layout .split-right .content-section.section-contact .submit-button-wrapper { display: flex; justify-content: center; } body.home .split-layout .split-right .content-section.section-contact .form-group { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 3rem; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section.section-contact .form-group { gap: 0.5rem; } } body.home .split-layout .split-right .content-section .section-content-wrapper { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 2rem; padding: 2rem; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-content-wrapper { flex-direction: column; padding: 1.5rem; gap: 1.5rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-content-wrapper { padding: 1rem; gap: 1rem; } } body.home .split-layout .split-right .content-section .section-image-group { flex: 0 0 350px; position: relative; border-radius: 50%; background-color: white; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-image-group { flex: 0 0 auto; width: 100%; max-width: 310px; margin: 0 auto; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-image-group { flex: 0 0 280px; max-width: 280px; height: 280px; margin-top: 10rem; } } body.home .split-layout .split-right .content-section .section-circle-image { width: 180px; height: 180px; background-size: contain; background-position: center; background-repeat: no-repeat; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-circle-image { width: 150px; height: 150px; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-circle-image { width: 150px; height: 150px; } } body.home .split-layout .split-right .content-section .section-text-content { flex: 1; max-width: 600px; padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-text-content { padding: 1.5rem; text-align: center; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-text-content { padding: 1rem; max-width: 100%; margin-bottom: 10rem; } } body.home .split-layout .split-right .content-section .section-link-wrapper { margin-top: 5rem; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link-wrapper { margin-top: 3.5rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link-wrapper { margin-top: 3.5rem; } } body.home .split-layout .split-right .content-section .section-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 1.75rem 5.2rem 1.75rem 5.5rem; background-color: #fff; border: 1.5px solid var(--section-main); border-radius: 10px; color: var(--section-main); text-decoration: none; font-weight: 700; letter-spacing: 0.03em; box-shadow: 0 2px 10px 0 rgba(var(--section-main-rgb), 0.1); cursor: pointer; transition: background 0.2s, color 0.2s, box-shadow 0.2s; position: relative; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; position: relative; line-height: 1; transition: all 0.3s ease-in-out; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section .section-link { font-size: 2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section .section-link { font-size: 2rem; } } body.home .split-layout .split-right .content-section .section-link:after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px var(--section-main); border-right: solid 2px var(--section-main); transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: -8px; transform-origin: 50% 50%; } body.home .split-layout .split-right .content-section .section-link:after { right: 15px; } body.home .split-layout .split-right .content-section .section-link:hover { color: var(--hover-color); transform: scale(1.05); } body.home .split-layout .split-right .content-section .section-link:hover:after { border-color: white; transform: translateY(-50%) rotate(45deg) scale(1.05); } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link { padding: 1.4rem 3.5rem 1.4rem 2.2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link { padding: 1.4rem 3.5rem 1.4rem 2.2rem; } } @media (max-width: 757px) and (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section .section-link { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.home .split-layout .split-right .content-section .section-link { font-size: 1.8rem; } } body.home .split-layout .split-right .content-section .section-link:hover { background-color: var(--section-main); color: #fff; box-shadow: 0 4px 20px 0 rgba(var(--section-main-rgb), 0.18); border-color: var(--section-main); } body.home .split-layout .split-right .content-section .section-link .link-text { font-weight: 700; letter-spacing: 0.03em; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 2rem; } } @media (max-width: 757px) and (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.home .split-layout .split-right .content-section .section-link .link-text { font-size: 1.8rem; } } body.home .split-layout .split-right .content-section .section-link .link-arrow { margin-left: 0.3rem; display: flex; align-items: center; transition: transform 0.2s; } @media (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.8rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.8rem; } } @media (max-width: 757px) and (max-width: 757px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.44rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.44rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.6rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.home .split-layout .split-right .content-section .section-link .link-arrow { font-size: 1.6rem; } } body.home .split-layout .split-right .content-section .section-link:hover .link-arrow { transform: translateX(3px); } body.home .split-layout .split-right.section-analysis { background-color: var(--bg-secondary-light); } body.home .split-layout .split-right.section-strategy { background-color: var(--bg-primary-light); } body.home .split-layout .split-right.section-contact { background-color: var(--bg-tertiary-light); } body.home .split-layout .split-right .section-inner { max-width: 600px; margin: 0 auto; margin-bottom: 4rem; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .section-inner { margin-bottom: 3rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .section-inner { margin-bottom: 2rem; max-width: 100%; padding: 0 1rem; } } body.home .split-layout .split-right .section-inner h2 { text-align: center; font-style: normal; font-weight: 400; line-height: 266%; } @media (max-width: 757px) { body.home .split-layout .split-right .section-inner h2 { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .section-inner h2 { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .section-inner h2 { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .section-inner h2 { font-size: 2.2rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .section-inner h2 { line-height: 200%; } } body.home .split-layout .split-right .scroll-indicator { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; opacity: 0.7; z-index: 10; transition: opacity 0.3s ease; } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .scroll-indicator { bottom: 1.5rem; } } @media (max-width: 757px) { body.home .split-layout .split-right .scroll-indicator { bottom: 1rem; gap: 0.3rem; } } body.home .split-layout .split-right .scroll-indicator:hover { opacity: 1; } body.home .split-layout .split-right .scroll-indicator .scroll-arrow { width: 24px; height: 24px; border-right: 3px solid var(--text-color, #333); border-bottom: 3px solid var(--text-color, #333); transform: rotate(45deg); animation: scrollBounce 2s infinite; } @media (max-width: 757px) { body.home .split-layout .split-right .scroll-indicator .scroll-arrow { width: 18px; height: 18px; border-width: 2px; } } body.home .split-layout .split-right .scroll-indicator .scroll-text { text-transform: uppercase; letter-spacing: 0.1em; } @media (max-width: 757px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.6rem; } } @media (min-width: 1330px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.6rem; } } @media (max-width: 757px) and (max-width: 757px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.08rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.home .split-layout .split-right .scroll-indicator .scroll-text { font-size: 1.2rem; } } @keyframes scrollBounce { 0% { transform: rotate(45deg) translate(-5px, -5px); } 50% { transform: rotate(45deg) translate(0, 0); } 100% { transform: rotate(45deg) translate(-5px, -5px); } } @media (min-width: 758px) and (max-width: 1024px) { body.home { flex-direction: row; } body.home .header { width: 80px; min-height: 100vh; position: fixed; right: 0; flex-direction: column; height: auto; border-left: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; } body.home .header .header--wrapper { flex-direction: column; padding: 0 0 1.5rem 0; } body.home .header .header--left { order: inherit; writing-mode: vertical-rl; transform: rotate(180deg); padding: 1.5rem 0; } body.home .header .header--right .drawer-desktop { display: flex; } body.home .header .header--right .drawer-mobile { display: none; } body.home .split-layout { margin-right: 80px; margin-top: 0; display: block; width: calc(100% - 80px); } body.home .split-layout .split-left { display: none; } body.home .split-layout .split-right { padding: 0; width: 100%; overflow-y: visible; } body.home .split-layout .split-right .content-section { padding: 0; flex-direction: column; min-height: 90vh; } body.home .split-layout .split-right .content-section .section-image-mobile { display: block; width: 100%; height: 40vh; margin-bottom: 1.5rem; background-size: cover; background-position: center; background-repeat: no-repeat; } body.home .split-layout .split-right .content-section .section-content-wrapper { padding: 1rem; gap: 1rem; } body.home .split-layout .split-right .content-section .section-image-group { flex: 0 0 280px; max-width: 280px; height: 280px; margin-top: 10rem; } body.home .split-layout .split-right .content-section .section-text-content { padding: 1rem; max-width: 100%; margin-bottom: 10rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.archive-post .page--header { background: linear-gradient(220deg, #64c3eb 0%, #043c9d 98.48%); height: 300px; display: flex; justify-content: center; align-items: center; } @media (min-width: 1025px) and (max-width: 1329px) { body.archive-post .page--header { height: 200px; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive-post .page--header { height: 200px; } } @media (max-width: 757px) { body.archive-post .page--header { height: 200px; } } body.archive-post .page--header .container .subtitle { color: #fddc78; text-align: center; font-weight: 400; line-height: 1; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0, 4, 59, 0.6); } body.archive-post .page--header .container h1 { font-weight: bolder; color: white; text-shadow: 2px 2px 4px rgba(0, 4, 59, 0.6); } @media (max-width: 757px) { body.archive-post .page--header .container h1 { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive-post .page--header .container h1 { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive-post .page--header .container h1 { font-size: 3.2rem; } } @media (min-width: 1330px) { body.archive-post .page--header .container h1 { font-size: 3.2rem; } } body.archive-post .page--wrapper .container .contents main .grid-container article { padding: 1.5em 0; } @media (min-width: 758px) and (max-width: 1024px) { body.archive-post .page--wrapper .container .contents main .grid-container article { padding: 1.005em 0; } } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article { padding: 0.495em 0; } } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article { padding: 1em 0; } } body.archive-post .page--wrapper .container .contents main .grid-container article a { transition: transform 0.3s ease; } body.archive-post .page--wrapper .container .contents main .grid-container article a:hover { transform: scale(1.02); } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a { flex-direction: column; } } body.archive-post .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 250px; height: auto; max-height: 150px; } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 100%; max-height: 200px; margin-bottom: 10px; } } body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap { position: relative; width: calc(100% - 250px); padding-left: 25px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap { width: 100%; padding-left: 0; } } body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { letter-spacing: 0; font-weight: 600; margin-top: 0; color: var(--site-color); } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2.2rem; } } @media (min-width: 1330px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2.2rem; } } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { text-align: left; } } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.08rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.2rem; } } @media (min-width: 1330px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.2rem; } } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { text-align: justify; } } body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span { font-weight: 500; } body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .read-more { position: relative; margin-top: 20px; text-align: right; width: 100%; display: block; right: 0; font-family: "Noto Serif JP", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "MS P明朝", "MS PMincho", serif; line-height: 1; font-style: italic; font-weight: bold; color: var(--site-color); text-decoration: none; transition: all 0.3s ease; } @media (max-width: 757px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .read-more { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .read-more { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .read-more { font-size: 1.6rem; } } @media (min-width: 1330px) { body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .read-more { font-size: 1.6rem; } } body.archive-post .page--wrapper .container .contents main .grid-container article a .wrap .read-more::after { content: "→"; display: inline-block; margin-left: 5px; transition: transform 0.3s ease; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ @media (min-width: 758px) and (max-width: 1024px) { body.archive nav, body.taxonomy nav, body.category nav, body.search nav { display: none; } } @media (max-width: 757px) { body.archive nav, body.taxonomy nav, body.category nav, body.search nav { display: none; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive nav.drawer-menu, body.taxonomy nav.drawer-menu, body.category nav.drawer-menu, body.search nav.drawer-menu { display: block; } } @media (max-width: 757px) { body.archive nav.drawer-menu, body.taxonomy nav.drawer-menu, body.category nav.drawer-menu, body.search nav.drawer-menu { display: block; } } body.archive .page--header, body.taxonomy .page--header, body.category .page--header, body.search .page--header { background: linear-gradient(220deg, #f0f0f0 0%, #dcdcdc 98.48%); height: 300px; display: flex; justify-content: center; align-items: center; } @media (min-width: 1025px) and (max-width: 1329px) { body.archive .page--header, body.taxonomy .page--header, body.category .page--header, body.search .page--header { height: 200px; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive .page--header, body.taxonomy .page--header, body.category .page--header, body.search .page--header { height: 200px; } } @media (max-width: 757px) { body.archive .page--header, body.taxonomy .page--header, body.category .page--header, body.search .page--header { height: 200px; } } body.archive .page--header .container .subtitle, body.taxonomy .page--header .container .subtitle, body.category .page--header .container .subtitle, body.search .page--header .container .subtitle { text-align: center; font-weight: 400; line-height: 1; margin-bottom: 10px; } body.archive .page--header .container h1, body.taxonomy .page--header .container h1, body.category .page--header .container h1, body.search .page--header .container h1 { font-weight: bolder; } @media (max-width: 757px) { body.archive .page--header .container h1, body.taxonomy .page--header .container h1, body.category .page--header .container h1, body.search .page--header .container h1 { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive .page--header .container h1, body.taxonomy .page--header .container h1, body.category .page--header .container h1, body.search .page--header .container h1 { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive .page--header .container h1, body.taxonomy .page--header .container h1, body.category .page--header .container h1, body.search .page--header .container h1 { font-size: 3.2rem; } } @media (min-width: 1330px) { body.archive .page--header .container h1, body.taxonomy .page--header .container h1, body.category .page--header .container h1, body.search .page--header .container h1 { font-size: 3.2rem; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container, body.taxonomy .page--wrapper .container .contents main .grid-container, body.category .page--wrapper .container .contents main .grid-container, body.search .page--wrapper .container .contents main .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 1.5rem; } } body.archive .page--wrapper .container .contents main .grid-container article, body.taxonomy .page--wrapper .container .contents main .grid-container article, body.category .page--wrapper .container .contents main .grid-container article, body.search .page--wrapper .container .contents main .grid-container article { padding: 1.5em 0; } @media (min-width: 758px) and (max-width: 1024px) { body.archive .page--wrapper .container .contents main .grid-container article, body.taxonomy .page--wrapper .container .contents main .grid-container article, body.category .page--wrapper .container .contents main .grid-container article, body.search .page--wrapper .container .contents main .grid-container article { padding: 1.005em 0; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article, body.taxonomy .page--wrapper .container .contents main .grid-container article, body.category .page--wrapper .container .contents main .grid-container article, body.search .page--wrapper .container .contents main .grid-container article { padding: 0.495em 0; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article, body.taxonomy .page--wrapper .container .contents main .grid-container article, body.category .page--wrapper .container .contents main .grid-container article, body.search .page--wrapper .container .contents main .grid-container article { padding: 1em 0; } } body.archive .page--wrapper .container .contents main .grid-container article a, body.taxonomy .page--wrapper .container .contents main .grid-container article a, body.category .page--wrapper .container .contents main .grid-container article a, body.search .page--wrapper .container .contents main .grid-container article a { transition: transform 0.3s ease; } body.archive .page--wrapper .container .contents main .grid-container article a:hover, body.taxonomy .page--wrapper .container .contents main .grid-container article a:hover, body.category .page--wrapper .container .contents main .grid-container article a:hover, body.search .page--wrapper .container .contents main .grid-container article a:hover { transform: scale(1.02); } body.archive .page--wrapper .container .contents main .grid-container article a .post-eyecatch, body.taxonomy .page--wrapper .container .contents main .grid-container article a .post-eyecatch, body.category .page--wrapper .container .contents main .grid-container article a .post-eyecatch, body.search .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 250px; height: auto; } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .post-eyecatch, body.taxonomy .page--wrapper .container .contents main .grid-container article a .post-eyecatch, body.category .page--wrapper .container .contents main .grid-container article a .post-eyecatch, body.search .page--wrapper .container .contents main .grid-container article a .post-eyecatch { width: 100%; } } body.archive .page--wrapper .container .contents main .grid-container article a .post-eyecatch img, body.taxonomy .page--wrapper .container .contents main .grid-container article a .post-eyecatch img, body.category .page--wrapper .container .contents main .grid-container article a .post-eyecatch img, body.search .page--wrapper .container .contents main .grid-container article a .post-eyecatch img { box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.0784313725); } body.archive .page--wrapper .container .contents main .grid-container article a .wrap, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap, body.category .page--wrapper .container .contents main .grid-container article a .wrap, body.search .page--wrapper .container .contents main .grid-container article a .wrap { position: relative; width: calc(100% - 250px); padding-left: 25px; } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap, body.category .page--wrapper .container .contents main .grid-container article a .wrap, body.search .page--wrapper .container .contents main .grid-container article a .wrap { width: 100%; padding-left: 0; } } body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { margin-top: 0; color: var(--site-color); } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2rem; } } @media (min-width: 1330px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 2rem; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .post-title { font-size: 1.8rem; text-align: center; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.08rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.2rem; } } @media (min-width: 1330px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.2rem; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .excerpt { font-size: 1.2rem; text-align: center; } } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span, body.category .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span, body.search .page--wrapper .container .contents main .grid-container article a .wrap .post-text .tag span { font-size: 1.2rem; } } body.archive .page--wrapper .container .contents main .grid-container article a .wrap .read-more, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .read-more, body.category .page--wrapper .container .contents main .grid-container article a .wrap .read-more, body.search .page--wrapper .container .contents main .grid-container article a .wrap .read-more { position: absolute; bottom: 10px; right: 10px; font-family: "Noto Serif JP", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "MS P明朝", "MS PMincho", serif; font-size: 14px; font-style: italic; font-weight: bold; color: var(--site-color); text-decoration: none; transition: all 0.3s ease; } @media (max-width: 757px) { body.archive .page--wrapper .container .contents main .grid-container article a .wrap .read-more, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .read-more, body.category .page--wrapper .container .contents main .grid-container article a .wrap .read-more, body.search .page--wrapper .container .contents main .grid-container article a .wrap .read-more { position: static; margin-top: 10px; text-align: center; } } body.archive .page--wrapper .container .contents main .grid-container article a .wrap .read-more::after, body.taxonomy .page--wrapper .container .contents main .grid-container article a .wrap .read-more::after, body.category .page--wrapper .container .contents main .grid-container article a .wrap .read-more::after, body.search .page--wrapper .container .contents main .grid-container article a .wrap .read-more::after { content: "→"; display: inline-block; margin-left: 5px; transition: transform 0.3s ease; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ @media (max-width: 757px) { body.single .page--wrapper, body.single-fx_diary .page--wrapper { padding-top: 20px; } } body.single .page--wrapper .container .contents main article .entry-title, body.single-fx_diary .page--wrapper .container .contents main article .entry-title { padding-top: 3rem; padding-bottom: 2rem; margin-bottom: 3rem; line-height: 1.5; } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-title, body.single-fx_diary .page--wrapper .container .contents main article .entry-title { padding-top: 3rem; padding-bottom: 2rem; margin-bottom: 3rem; line-height: 1.5; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-title, body.single-fx_diary .page--wrapper .container .contents main article .entry-title { padding-top: 0; padding-bottom: 0; margin-top: 2rem; margin-bottom: 2rem; letter-spacing: normal; } } body.single .page--wrapper .container .contents main article .entry-title h1, body.single-fx_diary .page--wrapper .container .contents main article .entry-title h1 { color: var(--site-color); font-weight: 800; letter-spacing: 0.04em; pointer-events: auto; font-feature-settings: "palt" 1; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; padding: 2rem 0; border-bottom: 1px solid var(--site-color); } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-title h1, body.single-fx_diary .page--wrapper .container .contents main article .entry-title h1 { font-size: 2.31rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-title h1, body.single-fx_diary .page--wrapper .container .contents main article .entry-title h1 { font-size: 2.805rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-title h1, body.single-fx_diary .page--wrapper .container .contents main article .entry-title h1 { font-size: 3.3rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-title h1, body.single-fx_diary .page--wrapper .container .contents main article .entry-title h1 { font-size: 3.3rem; } } body.single .page--wrapper .container .contents main article .entry-title h1 + h2, body.single-fx_diary .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, body.single-fx_diary .page--wrapper .container .contents main article .entry-title h1 + h2 { margin-top: 1em; } } body.single .page--wrapper .container .contents main article .entry-title .site-tag, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag { margin: 1em 0 0; display: flex; flex-wrap: wrap; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-title .site-tag, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag { margin: 10px 0 0; } } body.single .page--wrapper .container .contents main article .entry-title .site-tag li, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag li { margin-right: 0.7em; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-title .site-tag li a, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag li a { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-title .site-tag li a, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag li a { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-title .site-tag li a, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag li a { font-size: 1.6rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-title .site-tag li a, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag li a { font-size: 1.6rem; } } body.single .page--wrapper .container .contents main article .entry-title .site-tag li a:hover, body.single-fx_diary .page--wrapper .container .contents main article .entry-title .site-tag li a:hover { color: var(--hover-color); } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ @media (min-width: 758px) and (max-width: 1024px) { body.single nav, body.single-fx_diary nav { display: none; } } @media (max-width: 757px) { body.single nav, body.single-fx_diary nav { display: none; } } @media (min-width: 758px) and (max-width: 1024px) { body.single nav.drawer-menu, body.single-fx_diary nav.drawer-menu { display: block; } } @media (max-width: 757px) { body.single nav.drawer-menu, body.single-fx_diary nav.drawer-menu { display: block; } } body.single .page--wrapper, body.single-fx_diary .page--wrapper { padding-top: 30px; } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper, body.single-fx_diary .page--wrapper { padding-top: 30px; } } @media (max-width: 757px) { body.single .page--wrapper, body.single-fx_diary .page--wrapper { padding-top: 100px; } } body.single .page--wrapper .container .contents main, body.single-fx_diary .page--wrapper .container .contents main { padding-bottom: 3em; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main, body.single-fx_diary .page--wrapper .container .contents main { padding-bottom: 0; } } body.single .page--wrapper .container .contents main.full-width, body.single-fx_diary .page--wrapper .container .contents main.full-width { width: 100%; } body.single .page--wrapper .container .contents main article .post-eyecatch img, body.single-fx_diary .page--wrapper .container .contents main article .post-eyecatch img { border-radius: 10px; } body.single .page--wrapper .container .contents main article .entry-meta .site-tag li, body.single-fx_diary .page--wrapper .container .contents main article .entry-meta .site-tag li { margin-right: 1rem; } body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a, body.single-fx_diary .page--wrapper .container .contents main article .entry-meta .site-tag li a { transition: all 0.3s ease-in-out; font-weight: bold; } body.single .page--wrapper .container .contents main article .entry-meta .site-tag li a:hover, body.single-fx_diary .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-content, body.single-fx_diary .page--wrapper .container .contents main article .entry-content { margin-bottom: 3rem; } body.single .page--wrapper .container .contents main article .entry-content a, body.single-fx_diary .page--wrapper .container .contents main article .entry-content a { text-decoration: underline; } body.single .page--wrapper .container .contents main article .entry-content img, body.single-fx_diary .page--wrapper .container .contents main article .entry-content img { width: auto; } body.single .page--wrapper .container .contents main article .entry-content h2, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 { background: var(--site-color); border-radius: 4px; color: white; font-weight: 800; letter-spacing: 0.1em; padding: 1rem 2rem; margin: 4rem 0 2rem; font-feature-settings: "palt" 1; line-height: 1.55; letter-spacing: 0; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h2, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.92rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content h2, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.04rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content h2, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.4rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content h2, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.4rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h2, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 { padding-bottom: 0; } } body.single .page--wrapper .container .contents main article .entry-content h2 + p, body.single-fx_diary .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, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 + p { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content h2 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 + p { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content h2 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 + p { font-size: 1.8rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content h2 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 + p { font-size: 1.8rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h2 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h2 + p { margin-top: 1em; } } body.single .page--wrapper .container .contents main article .entry-content h3, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h3 { color: var(--blog-font-color); font-weight: 800; padding-top: 0.5em; padding-bottom: 1em; font-feature-settings: "palt" 1; letter-spacing: 0; background: #ffffff; border-bottom: 1px solid var(--site-color); border-left: 8px solid var(--site-color); border-radius: 4px; border-right: 0px solid var(--site-color); border-top: 0px solid var(--site-color); color: var(--site-color); font-size: 20px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.2; margin: 56px 0px 24px 0px; padding: 8px 0px 15px 1.5rem; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h3, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.92rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content h3, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h3 { font-size: 2.04rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content h3, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h3 { font-size: 2.4rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content h3, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h3 { font-size: 2.4rem; } } body.single .page--wrapper .container .contents main article .entry-content h3 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h3 + p { margin-top: 0; } body.single .page--wrapper .container .contents main article .entry-content h4, body.single .page--wrapper .container .contents main article .entry-content h5, body.single .page--wrapper .container .contents main article .entry-content h6, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h4, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h5, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h6 { color: var(--blog-font-color); font-weight: 800; padding-top: 0.5em; padding-bottom: 1em; font-feature-settings: "palt" 1; letter-spacing: 0; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content h4, body.single .page--wrapper .container .contents main article .entry-content h5, body.single .page--wrapper .container .contents main article .entry-content h6, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h4, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h5, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content h4, body.single .page--wrapper .container .contents main article .entry-content h5, body.single .page--wrapper .container .contents main article .entry-content h6, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h4, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h5, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content h4, body.single .page--wrapper .container .contents main article .entry-content h5, body.single .page--wrapper .container .contents main article .entry-content h6, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h4, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h5, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.8rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content h4, body.single .page--wrapper .container .contents main article .entry-content h5, body.single .page--wrapper .container .contents main article .entry-content h6, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h4, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h5, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.8rem; } } body.single .page--wrapper .container .contents main article .entry-content h4 + p, body.single .page--wrapper .container .contents main article .entry-content h5 + p, body.single .page--wrapper .container .contents main article .entry-content h6 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h4 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h5 + p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content h6 + p { margin-top: 0; } body.single .page--wrapper .container .contents main article .entry-content p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content p { color: var(--blog-font-color); line-height: 2.25; margin: 3.6rem 0; font-kerning: normal; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content p { font-feature-settings: "palt"; letter-spacing: normal; margin: 3rem 0; line-height: 1.8; } } body.single .page--wrapper .container .contents main article .entry-content .editor, body.single-fx_diary .page--wrapper .container .contents main article .entry-content .editor { margin-bottom: 2em; } body.single .page--wrapper .container .contents main article .entry-content ol, body.single-fx_diary .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], body.single-fx_diary .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], body.single-fx_diary .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], body.single-fx_diary .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], body.single-fx_diary .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, body.single-fx_diary .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, body.single-fx_diary .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, body.single-fx_diary .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, body.single-fx_diary .page--wrapper .container .contents main article .entry-content li { line-height: 2; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content li { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content li { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content li { font-size: 1.8rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content li { font-size: 1.8rem; } } body.single .page--wrapper .container .contents main article .entry-content code, body.single-fx_diary .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.single .page--wrapper .container .contents main article .entry-content code, body.single-fx_diary .page--wrapper .container .contents main article .entry-content code { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content code, body.single-fx_diary .page--wrapper .container .contents main article .entry-content code { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content code, body.single-fx_diary .page--wrapper .container .contents main article .entry-content code { font-size: 1.6rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content code, body.single-fx_diary .page--wrapper .container .contents main article .entry-content code { font-size: 1.6rem; } } body.single .page--wrapper .container .contents main article .entry-content pre, body.single-fx_diary .page--wrapper .container .contents main article .entry-content pre { white-space: pre-wrap; } body.single .page--wrapper .container .contents main article .entry-content blockquote, body.single-fx_diary .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.single .page--wrapper .container .contents main article .entry-content blockquote, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote { padding: 15px 25px; } } body.single .page--wrapper .container .contents main article .entry-content blockquote p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote p { margin-top: 1rem; margin-bottom: 1rem; } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content blockquote p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content blockquote p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content blockquote p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.6rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content blockquote p, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.6rem; } } @media (max-width: 757px) { body.single .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single .page--wrapper .container .contents main article .entry-content blockquote ul li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.single .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single .page--wrapper .container .contents main article .entry-content blockquote ul li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.single .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single .page--wrapper .container .contents main article .entry-content blockquote ul li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.6rem; } } @media (min-width: 1330px) { body.single .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single .page--wrapper .container .contents main article .entry-content blockquote ul li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ol li, body.single-fx_diary .page--wrapper .container .contents main article .entry-content blockquote ul li { font-size: 1.6rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.page.contact .page--wrapper .contents main section .container .contact-title { font-weight: 800; line-height: 1.6; margin-bottom: 2em; position: relative; text-align: center; color: var(--site-color); } @media (max-width: 757px) { body.page.contact .page--wrapper .contents main section .container .contact-title { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.contact .page--wrapper .contents main section .container .contact-title { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.contact .page--wrapper .contents main section .container .contact-title { font-size: 2.6rem; } } @media (min-width: 1330px) { body.page.contact .page--wrapper .contents main section .container .contact-title { font-size: 2.6rem; } } body.page.contact .page--wrapper .contents main section .container .contact-description { max-width: 800px; margin: 1em auto 5em; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.page .page--header { height: 500px; display: flex; justify-content: center; align-items: center; } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--header { height: 200px; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--header { height: 200px; } } @media (max-width: 757px) { body.page .page--header { height: 200px; } } @media (max-width: 757px) { body.page .page--header .container h1 { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--header .container h1 { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--header .container h1 { font-size: 3.2rem; } } @media (min-width: 1330px) { body.page .page--header .container h1 { font-size: 3.2rem; } } 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 section { padding: 70px 0; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main section { padding: 30px 0; } } 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: 6%; padding-right: 6%; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-meta { padding-left: 6%; padding-right: 6%; } } body.page .page--wrapper .container .contents main article .entry-meta .flex { justify-content: space-between; margin-bottom: 1rem; } 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.7rem; } 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.44rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.44rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.page .page--wrapper .container .contents main article .entry-meta .site-tag li a { font-size: 1.6rem; } } @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.6rem; } } 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 { text-align: center; } body.page .page--wrapper .container .contents main article .entry-title h1 { border-bottom: 2px solid var(--light-site-color); color: var(--site-color); padding: 1.2em 0 20px; display: inline-block; margin-bottom: 1rem; } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-title h1 { padding-left: 6%; padding-right: 6%; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-title h1 { padding-left: 6%; padding-right: 6%; 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: 1rem; } } body.page .page--wrapper .container .contents main article .entry-content { margin-bottom: 3.5rem; } body.page .page--wrapper .container .contents main article .entry-content a { text-decoration: none; color: var(--link-color); } body.page .page--wrapper .container .contents main article .entry-content a:hover { text-decoration: underline; color: var(--dbrown); } body.page .page--wrapper .container .contents main article .entry-content h2 { font-weight: 600; margin-top: 5rem; margin-bottom: 2rem; padding-bottom: 1rem; padding-left: 2rem; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); letter-spacing: 0.04rem; font-feature-settings: "palt" 1; position: relative; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 1.76rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.2rem; } } @media (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content h2 { font-size: 2.2rem; } } body.page .page--wrapper .container .contents main article .entry-content h2:first-child { margin-top: 0; } body.page .page--wrapper .container .contents main article .entry-content h2::before { content: ""; width: 8px; height: 100%; background: var(--site-color); position: absolute; left: 0; top: 0; border-radius: 2px; } 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: 1rem; } } body.page .page--wrapper .container .contents main article .entry-content h3 { font-weight: 600; padding: 0.9rem 1.8rem; border-radius: 8px; margin-top: 5rem; margin-bottom: 2rem; letter-spacing: 0.04rem; font-feature-settings: "palt" 1; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 1.76rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 2.2rem; } } @media (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content h3 { font-size: 2.2rem; } } body.page .page--wrapper .container .contents main article .entry-content h3:first-child { margin-top: 0; } 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 h4, body.page .page--wrapper .container .contents main article .entry-content h5, body.page .page--wrapper .container .contents main article .entry-content h6 { margin-top: 1rem; margin-bottom: 1rem; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content h4, body.page .page--wrapper .container .contents main article .entry-content h5, body.page .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content h4, body.page .page--wrapper .container .contents main article .entry-content h5, body.page .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--wrapper .container .contents main article .entry-content h4, body.page .page--wrapper .container .contents main article .entry-content h5, body.page .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content h4, body.page .page--wrapper .container .contents main article .entry-content h5, body.page .page--wrapper .container .contents main article .entry-content h6 { font-size: 1.8rem; } } body.page .page--wrapper .container .contents main article .entry-content h4 + p, body.page .page--wrapper .container .contents main article .entry-content h5 + p, body.page .page--wrapper .container .contents main article .entry-content h6 + p { margin-top: 0; } body.page .page--wrapper .container .contents main article .entry-content h5, body.page .page--wrapper .container .contents main article .entry-content h6 { border-bottom: 2px solid #ccc; padding: 5px 0; } body.page .page--wrapper .container .contents main article .entry-content p { line-height: 2; margin-top: 2rem; margin-bottom: 2rem; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.8rem; } } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content p { font-feature-settings: "palt"; text-align: justify; 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) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content p { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { 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 .editor { margin-bottom: 2rem; } body.page .page--wrapper .container .contents main article .entry-content ol { list-style-type: decimal; padding-left: 1.5rem; margin: 1em 0; } body.page .page--wrapper .container .contents main article .entry-content ol > li { margin-bottom: 0.5rem; } 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.5rem; margin: 1em 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 ul > li { margin-bottom: 0.5rem; } body.page .page--wrapper .container .contents main article .entry-content li { line-height: 2; } body.page .page--wrapper .container .contents main article .entry-content code { font-size: 0.875rem; color: var(--site-color); background: var(--lbrown); border-radius: 4px; padding: 1px 3px; margin: auto 4px; word-break: break-word; } body.page .page--wrapper .container .contents main article .entry-content pre { white-space: pre-wrap; background: var(--lbrown); color: var(--site-color); padding: 1rem; border-radius: 5px; } body.page .page--wrapper .container .contents main article .entry-content blockquote { padding: 25px 36px; line-height: 2.25rem; background-color: var(--lbrown); border-left: 5px solid var(--site-color); color: var(--dbrown); } body.page .page--wrapper .container .contents main article .entry-content blockquote p { margin-top: 1rem; margin-bottom: 1rem; } @media (max-width: 757px) { body.page .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page .page--wrapper .container .contents main article .entry-content blockquote p { font-size: 1.6rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.page.acupuncture .page--header { background-image: url("../images/page/acupuncture_bg.jpg"); background-repeat: no-repeat; background-position: right center; background-size: cover; background-color: #dbe1ea; min-height: 500px; position: relative; display: flex; justify-content: space-between; /* コンテンツを前面に */ } @media (max-width: 757px) { body.page.acupuncture .page--header { padding-top: 80px; /* フローティングヘッダー分のスペース */ padding: 2rem 1rem; background-position: center; /* 白い半透明オーバーレイ */ } body.page.acupuncture .page--header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 1; } } body.page.acupuncture .page--header .container { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; } @media (max-width: 757px) { body.page.acupuncture .page--header .container { width: 100%; align-items: center; } } body.page.acupuncture .page--header .container .title-container { max-width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; } body.page.acupuncture .page--header .container .title-container .clinic-branches { display: flex; gap: 2rem; justify-content: center; margin: 1rem 0 2rem; } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container .clinic-branches { margin: 0.5rem 0 1rem; } } body.page.acupuncture .page--header .container .title-container .clinic-branches p { color: #92a74d; font-family: "Noto Serif JP", serif; font-weight: 700; margin: 0; } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.87rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 2.2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 2.2rem; } } @media (max-width: 757px) and (max-width: 757px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.76rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 1.87rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 2.2rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page.acupuncture .page--header .container .title-container .clinic-branches p { font-size: 2.2rem; } } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container { max-width: 100%; } } body.page.acupuncture .page--header .container .title-container h1 { background-color: #dae5b6; font-family: "Kaisei Tokumin", serif; letter-spacing: 0.26em; padding: 1rem; border-radius: 50%; writing-mode: vertical-rl; text-orientation: upright; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container h1 { width: 150px; height: 150px; letter-spacing: 0.2em; } } body.page.acupuncture .page--header .container .title-container h2 { font-family: "Noto Serif JP", serif; text-align: center; font-weight: 700; margin: 2rem 0 1rem; } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container h2 { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--header .container .title-container h2 { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--header .container .title-container h2 { font-size: 2.6rem; } } @media (min-width: 1330px) { body.page.acupuncture .page--header .container .title-container h2 { font-size: 2.6rem; } } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container h2 { margin: 1.5rem 0 0.8rem; } } body.page.acupuncture .page--header .container .title-container .page-description { font-family: "Noto Serif JP", serif; line-height: 2; text-align: center; } @media (max-width: 757px) { body.page.acupuncture .page--header .container .title-container .page-description { line-height: 1.8; } } body.page.acupuncture .page--wrapper main section { padding: 0; } body.page.acupuncture .page--wrapper main section.acupuncture-hero { display: flex; justify-content: space-between; padding: 8rem 0; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero { flex-direction: column-reverse; padding: 3rem 1rem; gap: 2rem; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content { flex: 1; display: flex; flex-direction: column; gap: 2rem; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content { gap: 1.5rem; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-title { font-family: "Libre Caslon Display", serif; font-size: 55px; line-height: 1.43; letter-spacing: 0.26em; color: #92a74d; margin: 0; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-title { font-size: 36px; text-align: center; letter-spacing: 0.2em; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { line-height: 2.33; margin-bottom: 2rem; white-space: nowrap; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { white-space: normal; } } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text { white-space: normal; line-height: 2; margin-bottom: 1rem; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text p { margin: 0; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text p { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text p { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text p { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-text p { font-size: 1.8rem; } } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-name { text-align: center; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-name p { line-height: 1.625; font-weight: 500; margin: 0; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-name p { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-name p { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-name p { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-content .profile-name p { font-size: 1.6rem; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-image { flex: 1; position: relative; min-height: 572px; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-image { min-height: 300px; width: 100%; } } body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-image img { position: absolute; top: 20px; left: 20px; width: 847.4px; height: 565px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-hero .profile-image img { position: relative; top: 0; left: 0; width: 100%; height: auto; max-height: 300px; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop { padding: 4rem 0; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop { padding: 3rem 1rem; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid { display: flex; gap: 45px; max-width: 1175px; margin: 0 auto; } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid { margin-right: 80px; flex-direction: column; } } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid { flex-direction: column; gap: 30px; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card { flex: 1; padding: 51px 55px 143px; border-radius: 70px; display: flex; flex-direction: column; align-items: center; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card { border-radius: 40px; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card--kyoto { background-color: #eff7d5; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card--kyoto { padding: 30px 20px 80px; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card--kochi { background-color: #f7f3d5; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card--kochi { padding: 30px 20px 80px; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card .clinic-title { font-family: "Kaisei Decol", serif; font-size: 30px; font-weight: 700; line-height: 1.448; text-align: center; margin: 0 0 49px; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card .clinic-title { font-size: 24px; margin: 0 0 30px; } } body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card .clinic-text { font-size: 18px; line-height: 2.333; margin: 0; max-width: 456px; } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-shop .clinic-grid .clinic-card .clinic-text { font-size: 16px; line-height: 2; max-width: 100%; } } body.page.acupuncture .page--wrapper main section.acupuncture-contact { padding: 10rem 0; } @media (min-width: 758px) and (max-width: 1024px) { body.page.acupuncture .page--wrapper main section.acupuncture-contact { padding: 8rem 0; margin-right: 80px; } } @media (max-width: 757px) { body.page.acupuncture .page--wrapper main section.acupuncture-contact { padding: 5rem 0; } } body.page.acupuncture .page--wrapper main section.acupuncture-contact .container { display: flex; justify-content: center; align-items: center; } body.page.acupuncture .page--wrapper main section.acupuncture-contact .container img { max-height: 600px; width: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .bento-map { padding: 6rem 2rem; } @media (max-width: 757px) { .bento-map { padding: 3rem 1rem; } } .bento-map__container { display: flex; gap: 4rem; max-width: 1074px; margin: 0 auto; } @media (max-width: 757px) { .bento-map__container { flex-direction: column; gap: 2rem; width: 100%; overflow: hidden; } } .bento-map__image { flex-shrink: 0; width: 507px; } @media (max-width: 757px) { .bento-map__image { width: 100%; } } .bento-map__image img { width: 100%; height: auto; display: block; } @media (max-width: 757px) { .bento-map__image img { max-height: 400px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .bento-map__info { flex-grow: 1; padding-top: 6rem; } @media (max-width: 757px) { .bento-map__info { padding-top: 2rem; width: 100%; } } .bento-map__title { font-family: "Noto Sans JP", sans-serif; font-weight: 500; line-height: 2.1; margin: 0 0 1rem; } @media (max-width: 757px) { .bento-map__title { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__title { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map__title { font-size: 2rem; } } @media (min-width: 1330px) { .bento-map__title { font-size: 2rem; } } @media (max-width: 757px) { .bento-map__title { font-size: 1.5rem; line-height: 1.8; text-align: center; } } .bento-map__details { display: grid; grid-template-columns: auto 1fr; gap: 0 1rem; margin: 0; line-height: 2.33; } @media (max-width: 757px) { .bento-map__details { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__details { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map__details { font-size: 1.8rem; } } @media (min-width: 1330px) { .bento-map__details { font-size: 1.8rem; } } @media (max-width: 757px) { .bento-map__details { font-size: 0.9rem; line-height: 2; gap: 0.5rem 0.8rem; } } .bento-map__details dt { text-align: right; white-space: nowrap; } @media (max-width: 757px) { .bento-map__details dt { text-align: left; font-weight: bold; } } .bento-map__details dd { margin: 0; } .bento-map__notes { margin-top: 2rem; line-height: 1.8125; } @media (max-width: 757px) { .bento-map__notes { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__notes { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map__notes { font-size: 1.6rem; } } @media (min-width: 1330px) { .bento-map__notes { font-size: 1.6rem; } } @media (max-width: 757px) { .bento-map__notes { margin-top: 1.5rem; font-size: 0.8rem; line-height: 1.6; } } .bento-map__notes p { margin: 0; } .bento-map .lines::before, .bento-map .lines::after { content: ""; height: 3px; background-color: #000; } .bento-map .lines::before { margin-bottom: 4px; } .bento-map .menu-content { max-width: 1199px; margin: 0 auto; padding: 4rem; background: #fff; border-radius: 70px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media (max-width: 757px) { .bento-map .menu-content { padding: 2rem 1rem; grid-template-columns: repeat(1, 1fr); border-radius: 30px; gap: 1.5rem; } } .bento-map .menu-content .menu-item { background: #fff; padding: 1.5rem; border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } @media (max-width: 757px) { .bento-map .menu-content .menu-item { padding: 1rem; border-radius: 15px; } } .bento-map .menu-content .menu-item__image { width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 10px; margin-bottom: 1rem; } @media (max-width: 757px) { .bento-map .menu-content .menu-item__image { border-radius: 8px; margin-bottom: 0.8rem; } } .bento-map .menu-content .menu-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bento-map .menu-content .menu-item__title { font-family: "Noto Sans JP", sans-serif; font-weight: 500; margin: 0 0 0.5rem; } @media (max-width: 757px) { .bento-map .menu-content .menu-item__title { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map .menu-content .menu-item__title { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map .menu-content .menu-item__title { font-size: 1.8rem; } } @media (min-width: 1330px) { .bento-map .menu-content .menu-item__title { font-size: 1.8rem; } } @media (max-width: 757px) { .bento-map .menu-content .menu-item__title { font-size: 0.95rem; margin: 0 0 0.3rem; } } .bento-map .menu-content .menu-item__price { font-family: "Noto Sans JP", sans-serif; font-weight: 400; color: #666; } @media (max-width: 757px) { .bento-map .menu-content .menu-item__price { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map .menu-content .menu-item__price { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map .menu-content .menu-item__price { font-size: 1.6rem; } } @media (min-width: 1330px) { .bento-map .menu-content .menu-item__price { font-size: 1.6rem; } } @media (max-width: 757px) { .bento-map .menu-content .menu-item__price { font-size: 0.85rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.page.bento .page--header { background-image: url("../images/page/bento_bg.jpg"); background-repeat: no-repeat; background-position: right center; background-size: cover; background-color: #dbe1ea; min-height: 500px; position: relative; display: flex; justify-content: space-between; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--header { padding: 3rem 1.5rem; min-height: 450px; } } @media (max-width: 757px) { body.page.bento .page--header { padding: 2rem 1rem; background-position: center; /* 白い半透明オーバーレイ */ padding-top: 80px; /* フローティングヘッダー分のスペース */ } body.page.bento .page--header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } } body.page.bento .page--header .container { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--header .container { width: 100%; } } @media (max-width: 757px) { body.page.bento .page--header .container { width: 100%; align-items: center; } } body.page.bento .page--header .container h1 { background-color: #f9cc86; font-family: "Kaisei Tokumin", serif; letter-spacing: 0.26em; padding: 1rem; border-radius: 50%; writing-mode: vertical-rl; text-orientation: upright; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--header .container h1 { width: 180px; height: 180px; font-size: 2rem; } } @media (max-width: 757px) { body.page.bento .page--header .container h1 { width: 150px; height: 150px; font-size: 1.8rem; } } body.page.bento .page--header .container img { margin-top: 5rem; max-width: 200px; } @media (max-width: 757px) { body.page.bento .page--header .container img { margin-top: 2rem; max-width: 150px; } } body.page.bento .page--wrapper { background: linear-gradient(180deg, #f9cc86 0%, rgba(249, 204, 134, 0.22) 100%); } body.page.bento .page--wrapper main section { padding: 0; } body.page.bento .page--wrapper main section.bento-hero { display: flex; justify-content: space-between; padding: 4rem 2rem; gap: 5rem; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-hero { padding: 3rem 1.5rem; margin-right: 120px; gap: 3rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-hero { flex-direction: column-reverse; padding: 2rem 1rem; gap: 2rem; } } body.page.bento .page--wrapper main section.bento-hero .description { flex: 0 0 60%; font-family: "Noto Serif JP", serif; font-size: 20px; font-weight: 500; line-height: 2.46; position: relative; z-index: 2; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-hero .description { font-size: 18px; line-height: 2.2; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-hero .description { flex: none; font-size: 16px; line-height: 2; text-align: center; } } body.page.bento .page--wrapper main section.bento-hero .description p { margin: 0; } body.page.bento .page--wrapper main section.bento-hero .image-container { flex: 0 0 40%; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-hero .image-container { flex: 0 0 45%; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-hero .image-container { flex: none; max-width: 250px; margin: 0 auto; } } body.page.bento .page--wrapper main section.bento-hero .image-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 150px; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-hero .image-container img { border-radius: 125px; } } body.page.bento .page--wrapper main section.bento-shop { padding: 6rem 2rem; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop { padding: 4rem 1.5rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop { padding: 3rem 1rem; } } body.page.bento .page--wrapper main section.bento-shop h2, body.page.bento .page--wrapper main section.bento-shop .bento-shop__title { font-family: "Noto Sans JP"; font-weight: 500; line-height: 2.1em; margin: 0; padding-left: 13px; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop h2, body.page.bento .page--wrapper main section.bento-shop .bento-shop__title { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop h2, body.page.bento .page--wrapper main section.bento-shop .bento-shop__title { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.bento .page--wrapper main section.bento-shop h2, body.page.bento .page--wrapper main section.bento-shop .bento-shop__title { font-size: 2rem; } } @media (min-width: 1330px) { body.page.bento .page--wrapper main section.bento-shop h2, body.page.bento .page--wrapper main section.bento-shop .bento-shop__title { font-size: 2rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop h2, body.page.bento .page--wrapper main section.bento-shop .bento-shop__title { font-size: 1.5rem; text-align: center; padding-left: 0; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__grid { max-width: 1350px; margin: 0 auto; display: grid; grid-template-columns: 1fr 263px; gap: 4rem; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__grid { grid-template-columns: 1fr; gap: 3rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__grid { grid-template-columns: 1fr; gap: 2rem; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--left .bento-shop__left-inner-grid { display: grid; grid-template-columns: 188px 1fr; gap: 3rem; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--left .bento-shop__left-inner-grid { grid-template-columns: 160px 1fr; gap: 2rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--left .bento-shop__left-inner-grid { grid-template-columns: 1fr; gap: 2rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right { display: flex; justify-content: center; align-items: center; padding-right: 100px; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right { display: flex; justify-content: center; align-items: center; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern { width: 263.33px; height: 259px; background-color: #ffedd0; display: flex; align-items: center; justify-content: center; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section { text-align: center; padding: 2rem; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1rem; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header .line { display: block; width: 14px; height: 2px; background-color: #000; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header .follow-text { font-family: "Noto Sans JP", sans-serif; font-weight: 700; line-height: 1.448; color: #262626; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header .follow-text { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header .follow-text { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header .follow-text { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-header .follow-text { font-size: 1.8rem; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-message { font-family: "Noto Sans JP", sans-serif; font-weight: 400; line-height: 1.765; margin: 0 0 1.5rem; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-message { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-message { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-message { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-message { font-size: 1.8rem; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-link { display: inline-block; transition: opacity 0.3s ease; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-link:hover { opacity: 0.8; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__col--right .decorative-pattern .instagram-section .instagram-link img { width: 43px; height: 43px; vertical-align: middle; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--left .shop-image { width: 188px; height: 274px; overflow: hidden; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--left .shop-image { width: 100%; height: auto; max-width: 250px; margin: 0 auto; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--left .shop-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-name { font-family: "Noto Sans JP", sans-serif; font-weight: 500; line-height: 1.5; margin: 0 0 1rem; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-name { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-name { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-name { font-size: 2rem; } } @media (min-width: 1330px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-name { font-size: 2rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-name { text-align: center; margin-top: 1rem; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info { display: grid; grid-template-columns: auto 1fr; gap: 0 1rem; margin: 0; font-family: "Noto Sans JP", sans-serif; line-height: 2.33; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info { font-size: 1.8rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info { grid-template-columns: 1fr; gap: 0.5rem; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info dt { text-align: right; white-space: nowrap; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info dt { text-align: left; font-weight: bold; } } body.page.bento .page--wrapper main section.bento-shop .bento-shop__left-inner--right .shop-info dd { margin: 0; } body.page.bento .page--wrapper main section.bento-menu { padding: 6rem 6rem; background-color: #fff; border-radius: 70px; position: relative; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-menu { margin-right: 80px; padding: 4rem 1.5rem; border-radius: 50px; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu { padding: 3rem 1rem; border-radius: 40px; margin-right: 0; } } body.page.bento .page--wrapper main section.bento-menu .bento-menu__images-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; padding: 0; max-width: 1200px; margin: 0 auto; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-menu .bento-menu__images-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; padding: 0 1.5rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .bento-menu__images-grid { grid-template-columns: repeat(1, 1fr); gap: 2rem; padding: 0 1rem; } } body.page.bento .page--wrapper main section.bento-menu .bento-menu__images-grid .bento-menu__image-item { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } body.page.bento .page--wrapper main section.bento-menu .bento-menu__images-grid .bento-menu__image-item .bento-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } body.page.bento .page--wrapper main section.bento-menu .bento-menu__kuma { position: absolute; right: 2rem; bottom: 2rem; width: 110px; height: auto; z-index: 1; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-menu .bento-menu__kuma { width: 90px; right: 1.5rem; bottom: 1.5rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .bento-menu__kuma { width: 70px; right: 1rem; bottom: 1rem; } } body.page.bento .page--wrapper main section.bento-menu .section-header { text-align: center; margin-bottom: 4rem; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .section-header { margin-bottom: 2rem; } } body.page.bento .page--wrapper main section.bento-menu .menu-title-wrap { display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 1rem; } body.page.bento .page--wrapper main section.bento-menu .menu-title-wrap .kumo-svg { width: 80px; height: auto; margin: 0.5rem 0; display: block; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .menu-title-wrap .kumo-svg { width: 60px; } } body.page.bento .page--wrapper main section.bento-menu .menu-title { font-family: "Kaisei Tokumin", serif; font-weight: 400; line-height: 1.43; letter-spacing: 0.26em; margin: 0; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .menu-title { font-size: 2.24rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-menu .menu-title { font-size: 2.72rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.bento .page--wrapper main section.bento-menu .menu-title { font-size: 3.2rem; } } @media (min-width: 1330px) { body.page.bento .page--wrapper main section.bento-menu .menu-title { font-size: 3.2rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .menu-title { font-size: 2rem; letter-spacing: 0.2em; } } body.page.bento .page--wrapper main section.bento-menu .menu-subtitle { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } body.page.bento .page--wrapper main section.bento-menu .menu-subtitle .lines { display: flex; flex-direction: column; gap: 4px; width: 56px; } body.page.bento .page--wrapper main section.bento-menu .bento-container { max-width: 1200px; margin: 0 auto; } body.page.bento .page--wrapper main section.bento-menu .bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; width: 100%; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-menu .bento-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .bento-grid { grid-template-columns: 1fr; gap: 1.5rem; } } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item { background-color: #fff9f0; border-radius: 20px; padding: 1.5rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12); } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__image { width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 12px; margin-bottom: 1rem; } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__content { flex-grow: 1; display: flex; flex-direction: column; } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__title { font-family: "Noto Sans JP", sans-serif; font-weight: 600; font-size: 1.25rem; margin: 0 0 0.5rem; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__title { font-size: 1.1rem; } } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__description { font-size: 0.95rem; line-height: 1.6; margin-bottom: 1rem; color: #555; flex-grow: 1; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__description { font-size: 0.9rem; line-height: 1.5; } } body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__price { font-weight: 600; font-size: 1.1rem; color: #e6a96b; text-align: right; margin-top: auto; } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-menu .bento-grid .bento-item__price { font-size: 1rem; } } body.page.bento .page--wrapper main section.bento-map { padding: 6rem 2rem; } @media (min-width: 758px) and (max-width: 1024px) { body.page.bento .page--wrapper main section.bento-map { margin-right: 80px; } } @media (max-width: 757px) { body.page.bento .page--wrapper main section.bento-map { padding: 3rem 1rem; } } .bento-map { padding: 6rem 2rem; } @media (min-width: 758px) and (max-width: 1024px) { .bento-map { padding: 4rem 1.5rem; } } @media (max-width: 757px) { .bento-map { padding: 3rem 1rem; } } .bento-map__container { display: flex; gap: 4rem; max-width: 1074px; margin: 0 auto; overflow: hidden; } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__container { gap: 3rem; } } @media (max-width: 757px) { .bento-map__container { flex-direction: column; gap: 2rem; width: 100%; } } .bento-map__image { flex-shrink: 0; width: 507px; } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__image { width: 45%; } } @media (max-width: 757px) { .bento-map__image { width: 100%; max-width: 100%; } } .bento-map__image img { width: 100%; height: auto; display: block; } @media (max-width: 757px) { .bento-map__image img { max-height: 400px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .bento-map__info { flex-grow: 1; padding-top: 6rem; } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__info { padding-top: 4rem; } } @media (max-width: 757px) { .bento-map__info { padding-top: 2rem; width: 100%; } } .bento-map__title { font-family: "Noto Sans JP", sans-serif; font-weight: 500; line-height: 2.1; margin: 0 0 1rem; } @media (max-width: 757px) { .bento-map__title { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__title { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map__title { font-size: 2rem; } } @media (min-width: 1330px) { .bento-map__title { font-size: 2rem; } } .bento-map__details { display: grid; grid-template-columns: auto 1fr; gap: 0 1rem; margin: 0; line-height: 2.33; } @media (max-width: 757px) { .bento-map__details { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__details { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map__details { font-size: 1.8rem; } } @media (min-width: 1330px) { .bento-map__details { font-size: 1.8rem; } } @media (max-width: 757px) { .bento-map__details { grid-template-columns: 1fr; gap: 0.5rem; } } .bento-map__details dt { text-align: right; white-space: nowrap; } @media (max-width: 757px) { .bento-map__details dt { text-align: left; font-weight: bold; } } .bento-map__details dd { margin: 0; } .bento-map__notes { margin-top: 2rem; line-height: 1.8125; } @media (max-width: 757px) { .bento-map__notes { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map__notes { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map__notes { font-size: 1.6rem; } } @media (min-width: 1330px) { .bento-map__notes { font-size: 1.6rem; } } .bento-map__notes p { margin: 0; } .bento-map .lines::before, .bento-map .lines::after { content: ""; height: 3px; background-color: #000; } .bento-map .lines::before { margin-bottom: 4px; } .bento-map .menu-content { max-width: 1199px; margin: 0 auto; padding: 4rem; background: #fff; border-radius: 70px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media (min-width: 758px) and (max-width: 1024px) { .bento-map .menu-content { padding: 3rem 1.5rem; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; border-radius: 50px; } } @media (max-width: 757px) { .bento-map .menu-content { padding: 2rem 1rem; grid-template-columns: repeat(1, 1fr); border-radius: 30px; } } .bento-map .menu-item { background: #fff; padding: 1.5rem; border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .bento-map .menu-item__image { width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 10px; margin-bottom: 1rem; } .bento-map .menu-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bento-map .menu-item__title { font-family: "Noto Sans JP", sans-serif; font-weight: 500; margin: 0 0 0.5rem; } @media (max-width: 757px) { .bento-map .menu-item__title { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map .menu-item__title { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map .menu-item__title { font-size: 1.8rem; } } @media (min-width: 1330px) { .bento-map .menu-item__title { font-size: 1.8rem; } } .bento-map .menu-item__price { font-family: "Noto Sans JP", sans-serif; font-weight: 400; color: #666; } @media (max-width: 757px) { .bento-map .menu-item__price { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { .bento-map .menu-item__price { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { .bento-map .menu-item__price { font-size: 1.6rem; } } @media (min-width: 1330px) { .bento-map .menu-item__price { font-size: 1.6rem; } } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.page.culture .page--header { background-image: url("../images/page/culture_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: 80%; background-color: #e4ecf7; min-height: 500px; position: relative; display: flex; justify-content: space-between; /* コンテンツを前面に */ } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--header { padding-right: 120px; background-size: auto 100%; background-position: left -190px top; } } @media (max-width: 757px) { body.page.culture .page--header { padding: 2rem 1rem; background-size: auto 100%; background-position: left -190px top; padding-top: 80px; /* フローティングヘッダー分のスペース */ /* 白い半透明オーバーレイ */ } body.page.culture .page--header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.59); z-index: 1; } } body.page.culture .page--header .container { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; height: 100%; } @media (max-width: 757px) { body.page.culture .page--header .container { width: 100%; align-items: center; } } body.page.culture .page--header .container .title-container { max-width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 757px) { body.page.culture .page--header .container .title-container { max-width: 100%; padding: 1rem; } } body.page.culture .page--header .container .title-container h1 { background-color: #a8dadb; font-family: "Kaisei Tokumin", serif; letter-spacing: 0.26em; padding: 1rem; border-radius: 50%; writing-mode: vertical-rl; text-orientation: upright; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; padding-top: 3rem; } @media (max-width: 757px) { body.page.culture .page--header .container .title-container h1 { width: 150px; height: 150px; font-size: 1.8rem; padding-top: 2rem; } } body.page.culture .page--header .container .title-container h2 { font-family: "Noto Serif JP", serif; text-align: center; font-weight: 700; margin: 2rem 0; } @media (max-width: 757px) { body.page.culture .page--header .container .title-container h2 { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--header .container .title-container h2 { font-size: 2.21rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--header .container .title-container h2 { font-size: 2.6rem; } } @media (min-width: 1330px) { body.page.culture .page--header .container .title-container h2 { font-size: 2.6rem; } } @media (max-width: 757px) { body.page.culture .page--header .container .title-container h2 { margin: 1.5rem 0; } } @media (max-width: 757px) and (max-width: 757px) { body.page.culture .page--header .container .title-container h2 { font-size: 1.6rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--header .container .title-container h2 { font-size: 1.6rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--header .container .title-container h2 { font-size: 2rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page.culture .page--header .container .title-container h2 { font-size: 2rem; } } body.page.culture .page--header .container .title-container .page-description { font-family: "Noto Serif JP", serif; line-height: 2; text-align: center; } @media (max-width: 757px) { body.page.culture .page--header .container .title-container .page-description { line-height: 1.8; } } body.page.culture .page--header .container .title-container img { margin-top: 5rem; max-width: 200px; } @media (max-width: 757px) { body.page.culture .page--header .container .title-container img { margin-top: 2rem; max-width: 150px; } } body.page.culture .page--wrapper { background: linear-gradient(180deg, #a8dadb 0%, rgba(168, 218, 186, 0.22) 100%); } body.page.culture .page--wrapper main section { padding: 0; } body.page.culture .page--wrapper main section.culture-news { padding: 8rem 0; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-news { padding-right: 80px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-news { padding: 4rem 0; } } body.page.culture .page--wrapper main section.culture-news .news-title { font-family: "Libre Caslon Display", serif; font-size: 55px; line-height: 1.433; letter-spacing: 0.26em; margin: 0 0 -20px 6rem; color: #00797b; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-news .news-title { font-size: 30px; margin: 0 0 -10px 2rem; letter-spacing: 0.15em; } } body.page.culture .page--wrapper main section.culture-news .news-container { max-width: 1124px; margin: 0 auto; background-color: #fff; border-radius: 70px; padding: 4rem 8rem; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-news .news-container { border-radius: 30px; padding: 3rem 2.5rem; } } body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item { display: grid; grid-template-columns: 80px 1fr; gap: 40px; margin-bottom: 34px; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item { grid-template-columns: 1fr; gap: 10px; margin-bottom: 25px; } } body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item:not(:last-child) { padding-bottom: 34px; border-bottom: 1px solid #000; } body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-date { line-height: 1.889; color: #00797b; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-date { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-date { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-date { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-date { font-size: 1.6rem; } } body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-content { line-height: 1.889; margin: 0; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-content { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-content { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-content { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-news .news-container .news-list .news-item .news-content { font-size: 1.8rem; } } body.page.culture .page--wrapper main section.culture-profile { padding: 8rem 0; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-profile { padding-right: 80px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-profile { padding: 4rem 0; } } body.page.culture .page--wrapper main section.culture-profile .profile-container { max-width: 1124px; margin: 0 auto; display: grid; grid-template-columns: 362px 1fr; gap: 83px; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-profile .profile-container { grid-template-columns: 1fr; gap: 40px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-profile .profile-container { grid-template-columns: 1fr; gap: 40px; padding: 0 1.5rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-profile .profile-image img { width: 60%; max-height: 600px; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; margin: 0 auto; } } body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-name { font-family: "Noto Sans JP", sans-serif; font-weight: 600; margin: 0 0 1em; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-name { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-name { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-name { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-name { font-size: 1.8rem; } } body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-info p { line-height: 2; margin: 0 0 1em; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-info p { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-info p { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-info p { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-info p { font-size: 1.6rem; } } body.page.culture .page--wrapper main section.culture-profile .profile-content .profile-text .profile-info p:last-child { margin-bottom: 0; } body.page.culture .page--wrapper main section .profile-title { font-family: "Libre Caslon Display", serif; font-size: 55px; line-height: 1.433; letter-spacing: 0.26em; color: #00797b; margin: 0 0 15px; display: flex; align-items: center; } @media (max-width: 757px) { body.page.culture .page--wrapper main section .profile-title { font-size: 30px; letter-spacing: 0.15em; text-align: center; } } body.page.culture .page--wrapper main section .profile-title span { display: inline-block; font-size: 20px; position: relative; letter-spacing: 0.15em; padding-left: 2rem; } @media (max-width: 757px) { body.page.culture .page--wrapper main section .profile-title span { padding-left: 1.5rem; } } body.page.culture .page--wrapper main section .profile-title span:before { content: ""; display: inline-block; width: 1px; height: 40px; background-color: #00797b; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 757px) { body.page.culture .page--wrapper main section .profile-title span:before { height: 25px; left: 0.5rem; } } body.page.culture .page--wrapper main section.culture-bio { padding: 8rem 0; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio { padding-right: 80px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio { padding: 4rem 0; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-title { font-family: "Libre Caslon Display", serif; font-size: 55px; line-height: 1.433; letter-spacing: 0.26em; color: #00797b; margin: 0 0 40px; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-title { font-size: 30px; letter-spacing: 0.15em; text-align: center; margin: 0 0 30px; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline { margin-bottom: 80px; display: grid; grid-template-columns: 1fr 477.67px; gap: 40px; align-items: start; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline { grid-template-columns: 1fr; gap: 30px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline { grid-template-columns: 1fr; gap: 30px; margin-bottom: 40px; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item { display: grid; grid-template-columns: 90px 1fr; gap: 5px; margin-bottom: 1rem; } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item:last-child { margin-bottom: 0; } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .timeline-date { line-height: 1.889; color: #00797b; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .timeline-date { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .timeline-date { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .timeline-date { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .timeline-date { font-size: 1.6rem; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .presentation-content { line-height: 1.889; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .presentation-content { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .presentation-content { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .presentation-content { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-timeline .timeline-items .timeline-item .presentation-content { font-size: 1.6rem; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-images img { width: 477.67px; height: 358.25px; display: block; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-images img { width: 100%; height: auto; max-height: 350px; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-section .bio-images img { width: 100%; height: auto; max-height: 250px; -o-object-fit: cover; object-fit: cover; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header { display: grid; grid-template-columns: 80px 1px auto 345px 1fr; gap: 40px; align-items: start; margin-top: 80px; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header { display: block; position: relative; padding-top: 50px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-family: "Noto Sans JP", sans-serif; font-weight: 600; writing-mode: vertical-rl; text-orientation: upright; color: #00797b; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 1.8rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 1.8rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { writing-mode: horizontal-tb; position: absolute; top: -10px; left: 0; width: 100%; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 1.82rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 2.21rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 2.6rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { font-size: 2.6rem; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-title { writing-mode: horizontal-tb; text-align: center; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-line { width: 1px; height: 100%; background-color: #00797b; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-line { display: none; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-line { display: none; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list { display: inline-block; vertical-align: top; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul { list-style: none; padding: 0 5rem 0 0; margin: 0; line-height: 2.333; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul { font-size: 1.6rem; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul { padding: 0; text-align: center; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-list ul li { margin: 0; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-image { display: inline-block; vertical-align: top; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-image img { width: 345px; height: 230.29px; display: block; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .bio-academic-society .society-header .society-image img { width: 100%; height: auto; max-height: 200px; -o-object-fit: cover; object-fit: cover; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations { margin-top: 120px; display: grid; grid-template-columns: 345px 1fr; gap: 80px; align-items: start; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations { grid-template-columns: 1fr; gap: 40px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations { margin-top: 60px; grid-template-columns: 1fr; gap: 40px; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-image img { width: 345px; height: auto; display: block; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-image img { width: 100%; max-height: 400px; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-image img { width: 100%; max-height: 200px; -o-object-fit: cover; object-fit: cover; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-family: "Noto Sans JP", sans-serif; line-height: 2.1; font-weight: 600; color: #00797b; margin: 0 0 40px; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 2rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.87rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 2.2rem; } } @media (min-width: 758px) and (max-width: 1024px) and (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 2.2rem; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { text-align: center; margin: 0 0 30px; } } @media (max-width: 757px) and (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.62rem; } } @media (max-width: 757px) and (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.8rem; } } @media (max-width: 757px) and (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-title { font-size: 1.8rem; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item { display: grid; grid-template-columns: 120px 1fr; gap: 5px; margin-bottom: 20px; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item { grid-template-columns: 1fr; gap: 5px; margin-bottom: 25px; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item:last-child { margin-bottom: 0; } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-date { line-height: 1.889; color: #00797b; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-date { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-date { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-date { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-date { font-size: 1.6rem; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-content { line-height: 1.889; } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-content { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-content { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-content { font-size: 1.6rem; } } @media (min-width: 1330px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .presentation-list .presentation-item .presentation-content { font-size: 1.6rem; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .timeline-item { display: grid; grid-template-columns: 80px 1fr; gap: 40px; margin-bottom: 30px; } @media (min-width: 758px) and (max-width: 1024px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .timeline-item { grid-template-columns: 1fr; gap: 30px; margin-bottom: 20px; } } @media (max-width: 757px) { body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .timeline-item { grid-template-columns: 70px 1fr; gap: 15px; margin-bottom: 20px; } } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .timeline-item:last-child { margin-bottom: 0; } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .timeline-item .timeline-date { font-size: 18px; line-height: 1.889; color: #00797b; } body.page.culture .page--wrapper main section.culture-bio .bio-container .bio-content .academic-presentations .timeline-item .timeline-content { font-size: 18px; line-height: 1.889; } body.page.culture .lines::before, body.page.culture .lines::after { content: ""; height: 3px; background-color: #000; } body.page.culture .lines::before { margin-bottom: 4px; } /*! * Theme Name: 十月101 * Description: WordPressテーマのスタイル定義 */ body.home { letter-spacing: 0; } body.home .reccomend { padding: 5rem 0 8rem; background: #f5f5f5; } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend { padding: 5rem 0 8rem; } } @media (max-width: 757px) { body.home .reccomend { padding: 3rem 0 5rem; } } body.home .reccomend h2 { font-weight: 900; text-align: center; margin-bottom: 3rem; } @media (max-width: 757px) { body.home .reccomend h2 { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend h2 { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .reccomend h2 { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .reccomend h2 { font-size: 2.2rem; } } body.home .reccomend .reccomend-post { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend .reccomend-post { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 757px) { body.home .reccomend .reccomend-post { grid-template-columns: repeat(1, 1fr); } } body.home .reccomend .reccomend-post article { position: relative; } body.home .reccomend .reccomend-post article .catbtn { position: absolute; top: 0; right: 0; background-color: var(--site-color); color: #fff; padding: 4px 8px; border-radius: 0 9px 0 0; line-height: 1.2; display: flex; justify-content: center; align-items: center; } @media (max-width: 757px) { body.home .reccomend .reccomend-post article .catbtn span { font-size: 1.08rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend .reccomend-post article .catbtn span { font-size: 1.08rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .reccomend .reccomend-post article .catbtn span { font-size: 1.2rem; } } @media (min-width: 1330px) { body.home .reccomend .reccomend-post article .catbtn span { font-size: 1.2rem; } } body.home .reccomend .reccomend-post article a { background-color: var(--light-site-color); border: 1px solid var(--site-color); border-radius: 10px; padding: 30px 16px 16px 16px; display: flex; flex-wrap: wrap; gap: 20px; box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.0784313725); transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1), box-shadow 0.3s cubic-bezier(0, 0, 0.5, 1); will-change: transform, box-shadow; backface-visibility: hidden; } body.home .reccomend .reccomend-post article a:hover { box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16); transform: scale3d(1.01, 1.01, 1.01); } body.home .reccomend .reccomend-post article a .post-eyecatch { flex-basis: calc(30% - 10px); margin-bottom: 8px; } body.home .reccomend .reccomend-post article a .post-eyecatch img { width: 100%; height: 100%; max-width: 100px; max-height: 100px; -o-object-fit: cover; object-fit: cover; display: block; } body.home .reccomend .reccomend-post article a .wrap { flex-basis: calc(70% - 10px); display: flex; flex-direction: column; } body.home .reccomend .reccomend-post article a .wrap .post-text { margin-bottom: 8px; } body.home .reccomend .reccomend-post article a .wrap .post-text .post-title { font-weight: bold; text-align: left; line-height: 1.4; margin-bottom: 10px; } @media (max-width: 757px) { body.home .reccomend .reccomend-post article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend .reccomend-post article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .reccomend .reccomend-post article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (min-width: 1330px) { body.home .reccomend .reccomend-post article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (max-width: 757px) { body.home .reccomend .reccomend-post article a .wrap .post-text .excerpt { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend .reccomend-post article a .wrap .post-text .excerpt { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .reccomend .reccomend-post article a .wrap .post-text .excerpt { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .reccomend .reccomend-post article a .wrap .post-text .excerpt { font-size: 1.4rem; } } body.home .reccomend .reccomend-post article a .wrap .post-text .tag { margin-top: 8px; } body.home .reccomend .reccomend-post article a .wrap .post-text .tag span { margin-right: 8px; color: #999; } body.home .reccomend .reccomend-post article a .navigation { flex-basis: 100%; display: flex; align-items: center; justify-content: space-between; } body.home .reccomend .reccomend-post article a .navigation .read-more { font-weight: bold; color: var(--site-color); text-align: right; position: relative; transition: all 0.3s ease-in-out; position: relative; line-height: 1; padding-bottom: 0.5rem; border-bottom: 1px solid var(--site-color); } @media (max-width: 757px) { body.home .reccomend .reccomend-post article a .navigation .read-more { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .reccomend .reccomend-post article a .navigation .read-more { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .reccomend .reccomend-post article a .navigation .read-more { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .reccomend .reccomend-post article a .navigation .read-more { font-size: 1.4rem; } } body.home .reccomend .reccomend-post article a .navigation .read-more:before { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px var(--site-color); border-right: solid 2px var(--site-color); transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; left: -10px; transform-origin: 50% 50%; } body.home .reccomend .reccomend-post article a .navigation .wpulike { padding: 0; } body.home .page--wrapper { padding-top: 8rem; padding-bottom: 8rem; } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper { padding-top: 6rem; padding-bottom: 6rem; } } @media (max-width: 757px) { body.home .page--wrapper { padding-top: 4rem; padding-bottom: 4rem; } } body.home .page--wrapper .container .contents h2.normal { font-weight: 900; text-align: left; color: var(--site-color); border-bottom: 2px solid var(--site-color); margin-bottom: 1rem; padding-bottom: 1rem; position: relative; } @media (max-width: 757px) { body.home .page--wrapper .container .contents h2.normal { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents h2.normal { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents h2.normal { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents h2.normal { font-size: 2.2rem; } } body.home .page--wrapper .container .contents h2.normal small { font-size: 0.8em; font-weight: 500; } @media (max-width: 757px) { body.home .page--wrapper .container .contents h2.normal small { display: block; } } body.home .page--wrapper .container .contents h2.paid { font-weight: 900; text-align: center; margin-bottom: 1rem; padding-bottom: 1rem; position: relative; border-bottom: 2px solid; border-color: var(--paid-color); border-image-slice: 1; background-color: var(--paid-color); color: transparent; } @media (max-width: 757px) { body.home .page--wrapper .container .contents h2.paid { font-size: 1.76rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents h2.paid { font-size: 1.87rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents h2.paid { font-size: 2.2rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents h2.paid { font-size: 2.2rem; } } body.home .page--wrapper .container .contents h2.paid small { font-size: 0.8em; font-weight: 500; } body.home .page--wrapper .container .contents h2 .btn-free { border-radius: 10px; background: var(--site-color); color: white; position: absolute; padding: 8px 12px; line-height: 1; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 757px) { body.home .page--wrapper .container .contents h2 .btn-free { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents h2 .btn-free { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents h2 .btn-free { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents h2 .btn-free { font-size: 1.4rem; } } body.home .page--wrapper .container .contents h2 .btn-paid { border-radius: 10px; background-color: var(--paid-color); color: white; position: absolute; padding: 8px 12px; line-height: 1; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 757px) { body.home .page--wrapper .container .contents h2 .btn-paid { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents h2 .btn-paid { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents h2 .btn-paid { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents h2 .btn-paid { font-size: 1.4rem; } } body.home .page--wrapper .container .contents p.caption { margin-bottom: 3rem; } @media (max-width: 757px) { body.home .page--wrapper .container .contents p.caption { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents p.caption { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents p.caption { font-size: 1.6rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents p.caption { font-size: 1.6rem; } } body.home .page--wrapper .container .contents p.caption.center { text-align: center; } body.home .page--wrapper .container .contents main .grid-container.normal-post { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 10rem; } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .grid-container.normal-post { grid-template-columns: repeat(2, 1fr); margin-bottom: 7rem; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .grid-container.normal-post { grid-template-columns: repeat(2, 1fr); margin-bottom: 5rem; } } body.home .page--wrapper .container .contents main .grid-container.normal-post article a { display: block; text-decoration: none; text-align: center; transition: transform 0.3s ease; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a:hover { transform: scale(1.05); transform: translateY(-5px); } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .post-eyecatch { position: relative; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .post-eyecatch .catbtn { position: absolute; top: 8px; left: 8px; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .post-eyecatch .catbtn span { background-color: var(--site-color); color: #fff; padding: 4px 8px; border-radius: 4px; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .post-eyecatch img { width: 100%; display: block; box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.0784313725); } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .post-title { font-weight: bold; margin: 1rem 0; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .post-title { font-size: 1.62rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .post-title { font-size: 1.8rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .post-title { font-size: 1.8rem; } } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .excerpt { margin: 1rem 0; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .tag { margin-bottom: 16px; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .post-text .tag span { color: var(--site-color); margin-right: 8px; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation { margin: 1.5rem 0 0 0; display: flex; justify-content: flex-end; } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation .read-more { padding-bottom: 0.5rem; color: var(--site-color); text-align: right; position: relative; transition: all 0.3s ease-in-out; position: relative; line-height: 1; border-bottom: 1px solid var(--site-color); } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation .read-more { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation .read-more { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation .read-more { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation .read-more { font-size: 1.4rem; } } body.home .page--wrapper .container .contents main .grid-container.normal-post article a .wrap .navigation .read-more:before { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px #000; border-right: solid 2px #000; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; left: -10px; transform-origin: 50% 50%; } body.home .page--wrapper .container .contents main .grid-container.paid-post { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a { display: block; text-decoration: none; text-align: center; transition: transform 0.3s ease; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a:hover { transform: scale(1.05); transform: translateY(-5px); } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .post-eyecatch { position: relative; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .post-eyecatch .catbtn { position: absolute; top: 0; right: 0; background-color: var(--paid-color); color: #fff; padding: 4px 8px; line-height: 1.2; display: flex; justify-content: center; align-items: center; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .post-eyecatch .catbtn span { color: #fff; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .post-eyecatch img { width: 100%; display: block; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .post-title { font-weight: bold; margin-bottom: 8px; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .excerpt { text-align: left; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .excerpt { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .excerpt { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .excerpt { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .excerpt { font-size: 1.4rem; } } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .tag { text-align: left; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .post-text .tag span { color: var(--paid-color); font-weight: bold; margin-right: 8px; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation { margin: 1.5rem 0 0 0; display: flex; justify-content: flex-end; } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation .read-more { padding-bottom: 0.5rem; color: var(--site-color); text-align: right; position: relative; transition: all 0.3s ease-in-out; position: relative; line-height: 1; border-bottom: 1px solid var(--site-color); } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation .read-more { font-size: 1.26rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation .read-more { font-size: 1.26rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation .read-more { font-size: 1.4rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation .read-more { font-size: 1.4rem; } } body.home .page--wrapper .container .contents main .grid-container.paid-post article a .wrap .navigation .read-more:before { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px #000; border-right: solid 2px #000; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; left: -10px; transform-origin: 50% 50%; } body.home .page--wrapper .container .contents main .paid-info { margin-top: 8rem; padding: 3rem 5rem; border-radius: 10px; background: var(--paid-light-color); } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .paid-info { margin-top: 8rem; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .paid-info { margin-top: 4rem; } } body.home .page--wrapper .container .contents main .paid-info h2 { text-align: center; font-weight: bold; margin-bottom: 2rem; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .paid-info h2 { font-size: 1.6rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .paid-info h2 { font-size: 1.6rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .paid-info h2 { font-size: 2rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .paid-info h2 { font-size: 2rem; } } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .paid-info p { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .paid-info p { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .paid-info p { font-size: 1.6rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .paid-info p { font-size: 1.6rem; } } body.home .page--wrapper .container .contents main .paid-info .navigation { margin: 1.5rem 0 0 0; display: flex; justify-content: flex-end; } body.home .page--wrapper .container .contents main .paid-info .navigation .read-more { padding-bottom: 0.5rem; text-align: right; position: relative; transition: all 0.3s ease-in-out; position: relative; line-height: 1; transition: all 0.1s ease-in-out; color: var(--black); font-weight: bold; cursor: pointer; } @media (max-width: 757px) { body.home .page--wrapper .container .contents main .paid-info .navigation .read-more { font-size: 1.44rem; } } @media (min-width: 758px) and (max-width: 1024px) { body.home .page--wrapper .container .contents main .paid-info .navigation .read-more { font-size: 1.44rem; } } @media (min-width: 1025px) and (max-width: 1329px) { body.home .page--wrapper .container .contents main .paid-info .navigation .read-more { font-size: 1.6rem; } } @media (min-width: 1330px) { body.home .page--wrapper .container .contents main .paid-info .navigation .read-more { font-size: 1.6rem; } } body.home .page--wrapper .container .contents main .paid-info .navigation .read-more:after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px var(--black); border-right: solid 2px var(--black); transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: -8px; transform-origin: 50% 50%; } body.home .page--wrapper .container .contents main .paid-info .navigation .read-more:hover { color: var(--hover-color); transform: scale(1.05); } body.home .page--wrapper .container .contents main .paid-info .navigation .read-more:hover:after { border-color: var(--hover-color); transform: translateY(-50%) rotate(45deg) scale(1.05); }/*# sourceMappingURL=child-styles.css.map */