@charset "UTF-8"; :root{--fit-color-main:#f0a05b;--fit-color-sub:#efbc8f;--fit-color-accent:#ef7307;--fit-color-text:#000;--fit-color-palette1:#c91b44;--fit-color-palette2:#f2cc0f;--fit-color-palette3:#3170b9;--fit-color-palette4:#ffc796;--fit-color-palette5:#ff6b95;--fit-color-palette6:#e0c3fc;--fit-color-palette7:#62affc;--fit-color-palette8:#f8f0d7;--fit-color-black:#191919;--fit-color-dark_gray:#333;--fit-color-dull_gray:#666;--fit-color-gray:#999999;--fit-color-light_gray:#ccc;--fit-color-pale_gray:#f5f5f5;--fit-color-blue_gray:#f7f6fa;--fit-color-white:#fff}html{font-size:68.75%}body{background-color:#fff;background-image:url(https://hamamatsukoritoru.com/wp-content/uploads/2025/09/白5px.jpg);background-size:100% auto;background-position:left top;background-repeat:repeat;font-family:"Yu Gothic",YuGothic} .panel-is-side .panel__contents{color:#191919} .panel-is-big .panel__contents{color:#000000} .l-header { height: 40px; } .l-header_clone { } .l-header .site_title{ position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; padding-left: 20px; } .l-header .site_title__logo{ height: 24px; } .l-header.l-header_simple .panel_link:first-of-type{ margin-left: 0; margin-right: auto; } .l-header.l-header_box .panel_link:first-of-type{ border-left: 0; border-right-width: 1px; border-right-style: solid; margin-right: auto; margin-left: clamp(-50px,-5vw,-15px); } .l-header.l-header_box .panel_link:last-of-type:not(:only-of-type){ margin-right: clamp(-50px,-5vw,-15px); } .l-header.l-header_separate .panel_link:first-of-type{ margin-right: auto; padding-left: 0; } .l-header.l-header_separate .panel_link:first-of-type::before{ left:auto; right: 0; } .l-header.l-header_separate .panel_link:last-of-type:not(:only-of-type){ padding-right: 0; } .l-header .panel_link-is-primary{ font-size:12px; } .l-header .panel_link-is-primary .panel_link__link{ color: #ce6123; } .l-header .panel_link-is-primary .panel_link__link:hover{animation: flash 1s;} .l-header .panel_link-is-secondary{ font-size:8px; margin-left: auto; } .l-header .panel_link-is-secondary .panel_link__link{ color: #ef7307; border: 1px solid #ef7307; } .l-header .panel_link-is-secondary .panel_link__link:hover{animation: flash 1s;} .l-header .panel_link-is-tertiary{ font-size:10px; } .l-header .panel_link-is-tertiary .panel_link__link{ color: #000000; } .l-header .panel_link-is-tertiary .panel_link__link:hover{animation: flash 1s;} .l-global_navi { } .global_navi-is-header .global_navi__list > .global_navi__item a { color: #ce6123; font-size: 1.1rem; font-weight: normal; } .global_navi-is-header .global_navi__list > .global_navi__item a span { font-size: 0.6rem; font-weight: normal; } .global_navi-is-header .global_navi__list > .global_navi__item > a span { color: #000000; } .global_navi-is-header .global_navi__list > .global_navi__item a i::before { color: #000000; font-size: 2.2rem; } .l-top_header { height: 80px; } .l-top_header .site_title{ color: #ffffff; font-size: 2rem; font-weight: bold; font-family: Josefin Sans,Yu Gothic,YuGothic; margin-right:auto;} .l-top_header.l-header_box .panel_link { border-color: #43536b; } .l-top_header.l-header_box .panel_link:last-of-type{ margin-right: clamp(-15px,-3vw,-30px); } .l-top_header.l-header_separate .panel_link:last-of-type{ padding-right: 0; } .l-top_header .panel_link-is-primary{ font-size:8px; } .l-top_header .panel_link-is-primary .panel_link__link{ color: #ffffff; border: 1px solid #ffffff; } .l-top_header .panel_link-is-primary .panel_link__link:hover{ color: #96dbe2; border: 1px solid #96dbe2; } .l-top_header .panel-is-primary .sns_list{ justify-content: center; gap:10px; } .l-top_header .panel-is-primary .sns_list__link{ font-size: 1.3rem; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; color: #ffffff; } .l-top_header .panel-is-primary .sns_list__link.icon-facebook{ background-color:var(--fit-color-facebook); } .l-top_header .panel-is-primary .sns_list__link.icon-twitter{ background-color:var(--fit-color-twitter); } .l-top_header .panel-is-primary .sns_list__link.icon-hatenabookmark{ background-color:var(--fit-color-hatenabookmark); } .l-top_header .panel-is-primary .sns_list__link.icon-Pocket{ background-color:var(--fit-color-pocket); } .l-top_header .panel-is-primary .sns_list__link.icon-line{ background-color:var(--fit-color-line); } .l-top_header .panel-is-primary .sns_list__link.icon-linkedin{ background-color:var(--fit-color-linkedin); } .l-top_header .panel-is-primary .sns_list__link.icon-pinterest{ background-color:var(--fit-color-pinterest); } .l-top_header .panel-is-primary .sns_list__link.icon-x{ background-color:var(--fit-color-x); } .l-top_header .panel-is-primary .sns_list__link:hover{transform: scale(1.2);} .l-top_header .panel_link-is-secondary{ font-size:8px; } .l-top_header .panel_link-is-secondary .panel_link__link{ color: #ffffff; border: 1px solid #ffffff; } .l-top_header .panel_link-is-secondary .panel_link__link:hover{ background-color: #96dbe2; border: 1px solid #96dbe2; } .l-top_header .panel_link-is-tertiary{ font-size:14px; } .l-top_header .panel_link-is-tertiary .panel_link__link{ color: #ffffff; } .l-top_header .panel_link-is-tertiary .panel_link__link:hover{animation: flash 1s;} .l-top_global_navi { padding-top: 15px; padding-bottom: 15px; background-color: rgba(255,255,255,0.2); } .global_navi-is-top .global_navi__list > .global_navi__item a { color: #ffffff; font-size: 1.2rem; font-weight: 600; } .global_navi-is-top .global_navi__list > .global_navi__item a span { font-size: 1rem; font-weight: 600; } .global_navi-is-top .global_navi__list > .global_navi__item > a span { color: #ffffff; } .global_navi-is-top .global_navi__list > .global_navi__item a i::before { color: #ffffff; font-size: 2.2rem; } .global_navi-is-top.global_navi-is-separate .global_navi__list .global_navi__item::before {background-color: #999999;} .l-info_search { height: 55px; background-color: rgba(25,25,25,0.2); } .c-info_search{ gap: 20px; } .info_bar { flex: 60; } .search_bar { flex: 40; } .info_bar__title{ padding-left: 15px; padding-right: 15px; color: #ffffff; background-color :#1f79bd; font-size: 1.2rem; font-weight: bold; } .info_bar__item{ color: #ffffff; font-size: 1.2rem; font-weight: bold; } .info_bar__text{ padding-left: 100%; animation-name: marquee; animation-timing-function: linear; animation-duration: 10s; animation-iteration-count: infinite; } .search_bar__form{ background-color :#ffffff; font-size: 1.2rem; font-weight: bold; } .search_bar__input{ color: #191919; } .search_bar__submit{ color: #1f79bd; } .l-breadcrumb { padding-top: 10px; --bg-color: rgba(240,243,247,1); background-color: var(--bg-color); } .breadcrumb__item { color: #000000; font-weight: normal; font-size: 1.2rem;} .breadcrumb__item:not(:first-child)::before{ color: rgba(0,0,0, 0.5); } .breadcrumb__link:hover { color: #f0a05b;} .l-header_middle { color: #000000; padding-top: 30px; padding-bottom: 30px; --bg-color: rgba(255,255,255,1); background-color: var(--bg-color); } .l-header_middle .c-header_middle{ row-gap: 40px; column-gap: 40px; justify-content: left;} .l-header_middle .widget{ width: 100%; } .l-header_bottom { color: #000000; padding-top: 30px; padding-bottom: 30px; --bg-color: rgba(240,243,247,1); background-color: var(--bg-color); } .l-header_bottom .c-header_bottom{ row-gap: 40px; column-gap: 40px; justify-content: left;} .l-header_bottom .widget{ width: 100%; } .l-keyvisual_common { height: auto; } .l-keyvisual_common .keyvisual__img{ } .l-keyvisual_common .c-keyvisual{ align-items: center; text-align: center; width: 100%; } .l-keyvisual_common .keyvisual__img_area{ order:1; } .l-keyvisual_common .keyvisual__text_area{ order:2; } .l-keyvisual_common .keyvisual__img_area img{ width: 560px; } .l-keyvisual_common .heading-is-custom{ color:#191919; font-size:1.8rem; font-weight:bold; } .l-keyvisual_common .phrase-is-custom{ color:#666666; font-size:1.3rem; font-weight:normal; } .l-keyvisual_common .keyvisual__list{ justify-content: center; } .l-keyvisual_top { padding-top: 30px; padding-bottom: 30px; } .l-keyvisual_top .keyvisual__img{ } .l-keyvisual_top .keyvisual__bg::after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0, 0.2); mix-blend-mode:unset; } .l-keyvisual_top .c-keyvisual{ align-items: flex-start; text-align: center; } .l-keyvisual_top .keyvisual__contents{ margin-top:0px; } .l-keyvisual_top .keyvisual__img_area{ order:1; } .l-keyvisual_top .keyvisual__text_area{ order:2; } .l-keyvisual_top .keyvisual__img_area img{ width: 560px; } .l-keyvisual_top .heading-is-custom{ color:#ffffff; font-size:4rem; font-weight:bold; } .l-keyvisual_top .phrase-is-custom{ color:#ffffff; font-size:1.8rem; font-weight:normal; } .l-keyvisual_top .keyvisual_scroll__link{color: #ffffff;} .l-keyvisual_top .keyvisual_scroll__link span{border-color: #ffffff;} .l-keyvisual_top .keyvisual_scroll__link span::before{background-color: #ffffff;} .keyvisual_info { position: absolute; bottom: 0; z-index: 10; width:100%; display:flex; justify-content: center; } .keyvisual_info .keyvisual_info__inner{ width:100%; display: flex; align-items: center; border-radius:9999px; height: 60px; padding-top: 15px; padding-bottom: 15px; margin-bottom: -30px; border-top:#f5f5f5 solid 1px ; border-bottom:#f5f5f5 solid 1px ; border-left:#f5f5f5 solid 1px ; border-right:#f5f5f5 solid 1px ; --bg-color: rgba(255,255,255,1); background-color: var(--bg-color); } .keyvisual_info .c-keyvisual_info{ display:flex; flex-direction: row; align-items: center; column-gap: 15px; } .keyvisual_info .heading-is-custom{ color:#191919; font-size:1.2rem; font-weight:normal; } .keyvisual_info .heading-is-custom i{ margin-right:5px; color:#191919; font-size:1.2rem; } .keyvisual_info .phrase-is-custom{ color:#191919; font-size:1.2rem; font-weight:normal; } .l-keyvisual_page { height: auto; } .l-keyvisual_page .keyvisual__img{ } .l-keyvisual_page .c-keyvisual{ align-items: flex-start; text-align: left; width: 100%; } .l-keyvisual_page .keyvisual__contents{ margin-top:0px; } .l-keyvisual_page .keyvisual__img_area{ order:1; } .l-keyvisual_page .keyvisual__text_area{ order:2; } .l-keyvisual_page .keyvisual__img_area img{ width: 560px; } .l-keyvisual_page .heading-is-custom{ color:#808080; font-size:1.3rem; font-weight:normal; } .l-keyvisual_page .phrase-is-custom{ color:#ffffff; font-size:0.1rem; font-weight:normal; } .l-keyvisual_post { height: auto; } .l-keyvisual_post .keyvisual__img{ } .l-keyvisual_post .c-keyvisual{ align-items: center; text-align: left; width: 100%; } .l-keyvisual_post .keyvisual__img_area{ order:1; } .l-keyvisual_post .keyvisual__text_area{ order:2; } .l-keyvisual_post .keyvisual__img_area img{ width: 560px; } .l-keyvisual_post .heading-is-custom{ color:#808080; font-size:1.8rem; font-weight:normal; } .l-keyvisual_post .phrase-is-custom{ color:#ffffff; font-size:0.1rem; font-weight:normal; } .l-keyvisual_post .keyvisual__time{ color:#808080; } .l-keyvisual_post .date_list{ border-radius: 5px; padding: 7.5px 15px; justify-content: left; color:#666666; background-color:#f0f3f7; } .l-main_topmost { color: #000000; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background-color: rgba(247,246,250,1); } .l-main_topmost .c-main_topmost{ width: 100%; row-gap: 40px; column-gap: 40px; justify-content: left;} .l-main_topmost .widget{ width: 100%; } .l-main_top { color: #000000; padding-bottom: 40px; border-bottom:#f0f3f7 dashed 5px ; background-color: rgba(255,255,255,1); } .l-main_top .c-main_top{ width: 100%; row-gap: 40px; column-gap: 40px; justify-content: left;} .l-main_top .widget{ width: 100%; } .l-main_bottom { color: #000000; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background-color: rgba(255,255,255,1); } .l-main_bottom .c-main_bottom{ width: 100%; row-gap: 40px; column-gap: 40px; justify-content: center;} .l-main_bottom .widget{ width: 100%; } .l-main_bottommost { color: #000000; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; box-shadow: 0px 0px 0px 0px rgba(214,214,214, 0.5) ; background-color: rgba(255,255,255,1); } .l-main_bottommost .c-main_bottommost{ width: 100%; row-gap: 40px; column-gap: 40px; justify-content: left;} .l-main_bottommost .widget{ width: 100%; } .l-contents_common { padding-top: 20px; padding-bottom: 40px; } .l-contents_common .l-wrapper{ gap: 30px; } .l-contents_common .l-main { color: #000000; } .l-contents_common .l-side_main .widget{ border-radius:15px; color: #7a7a7a; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; box-shadow: 1px 1px 6px -1px rgba(0,0,0, 0.15) ; } .l-contents_common .l-side_sub{ color: #000000; } .l-contents_tag { margin-top: 40px; } .l-contents_tag .l-wrapper{ gap: 30px; } .l-contents_tag .l-main { color: #000000; } .l-contents_tag .l-side_main{ color: #000000; } .l-contents_tag .l-side_sub{ color: #000000; } .l-contents_archive { margin-top: 40px; } .l-contents_archive .l-wrapper{ gap: 30px; } .l-contents_archive .l-main { color: #000000; } .l-contents_archive .l-side_main{ color: #000000; } .l-contents_archive .l-side_sub{ color: #000000; } .main_content-is-page{font-size:var(--fit-phrase-primary);color:#000;line-height:1.85}.main_content-is-page a:not([class]){color:#ce6123}.main_content-is-page h1{font-size:var(--fit-heading-primary)}.main_content-is-page h2{font-size:var(--fit-heading-primary)}.main_content-is-page h3{font-size:var(--fit-heading-secondary)}.main_content-is-page h4{font-size:var(--fit-heading-tertiary)}.main_content-is-page h5{font-size:var(--fit-heading-quaternary)}.main_content-is-page h6{font-size:var(--fit-heading-quaternary)} .main_content-is-post{font-size:var(--fit-phrase-secondary);color:#000;line-height:2}.main_content-is-post h1{font-size:var(--fit-heading-quinary)}.main_content-is-post h2{font-size:var(--fit-heading-quinary)}.main_content-is-post h3{font-size:var(--fit-heading-primary)}.main_content-is-post h4{font-size:var(--fit-heading-secondary)}.main_content-is-post h5{font-size:var(--fit-heading-tertiary)}.main_content-is-post h6{font-size:var(--fit-heading-quaternary)} .main_content-is-post .read_minute{ color: #000000; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; background-color: rgba(247,246,250,1); } .main_content-is-post .sns_list{ justify-content: center; gap:10px; } .main_content-is-post .sns_list__item{ flex-grow: 1; } .main_content-is-post .sns_list__link{ font-size: 1.3rem; padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; color: #ffffff; } .main_content-is-post .sns_list__link.icon-facebook{ background-color:var(--fit-color-facebook); } .main_content-is-post .sns_list__link.icon-twitter{ background-color:var(--fit-color-twitter); } .main_content-is-post .sns_list__link.icon-hatenabookmark{ background-color:var(--fit-color-hatenabookmark); } .main_content-is-post .sns_list__link.icon-Pocket{ background-color:var(--fit-color-pocket); } .main_content-is-post .sns_list__link.icon-line{ background-color:var(--fit-color-line); } .main_content-is-post .sns_list__link.icon-linkedin{ background-color:var(--fit-color-linkedin); } .main_content-is-post .sns_list__link.icon-pinterest{ background-color:var(--fit-color-pinterest); } .main_content-is-post .sns_list__link.icon-x{ background-color:var(--fit-color-x); } .main_content-is-post .sns_list__link:hover{transform: translateY(3px); border-bottom: solid 0px rgba(0,0,0,0.25);} .main_content-is-post .outline{ border-radius:15px; width: 95%; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; box-shadow: 1px 1px 6px -1px rgba(0,0,0, 0.15) ; background-color: rgba(255,255,255,1); } .main_content-is-post .outline__link{ color:#000000; } .main_content-is-post .outline__dot{ background-color:#f0a05b; } .main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__link{ color:#000000; border-bottom:dotted 2px #eeeeee; } .main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__dot{ border-color:#f0a05b; } .sub_content-is-post .profile{ border-radius:15px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; box-shadow: 1px 1px 6px -1px rgba(25,25,25, 0.15) ; background-color: rgba(255,255,255,1); } .sub_content-is-post .profile__img img{ border-radius:9999px; } .sub_content-is-post .profile__item .heading, .sub_content-is-post .profile__item .phrase { color:#000000; } .sub_content-is-post .profile .sns_list{ margin-top: 20px; margin-bottom: -20px; margin-left: -20px; margin-right: -20px; } .archive-is-common{ margin-top: 20px;} .sort_tab-is-common{ justify-content: center;} .sort_tab-is-common .sort_tab__item{ color: #000000; border-color: #f5f5f5;} .sort_tab-is-common .sort_tab__item:hover, .sort_tab-is-common .sort_tab__item.is-current{ color: #f0a05b; border-color: #f0a05b;} .sort_tab-is-common.sort_tab-is-tab{ border-color: #f5f5f5;} .sort_tab-is-common.sort_tab-is-balloon .sort_tab__item.is-current::before{ } .archive-is-top{ margin-top: 20px; } .sort_tab-is-top{ justify-content: center; } .sort_tab-is-top .sort_tab__item{ color: #000000; border-color: #f5f5f5; } .sort_tab-is-top .sort_tab__item:hover, .sort_tab-is-top .sort_tab__item.is-current{ color: #f0a05b; border-color: #f0a05b; } .sort_tab-is-top.sort_tab-is-tab{ border-color: #f5f5f5; } .sort_tab-is-top.sort_tab-is-balloon .sort_tab__item.is-current::before{ } .l-footer_top { color: #000000; padding-top: 30px; padding-bottom: 30px; } .l-footer_top .c-footer_top{ row-gap: 40px; column-gap: 20px; justify-content: left;} .l-footer_top .c-footer_top::before {margin-bottom: -40px;} .l-footer_top .widget{ width: 100%; } .l-footer_middle { color: #191919; padding-top: 30px; padding-bottom: 30px; --bg-color: rgba(255,255,255,1); background-color: var(--bg-color); } .l-footer_middle .c-footer_middle{ row-gap: 40px; column-gap: 20px; justify-content: left;} .l-footer_middle .c-footer_middle::before {margin-bottom: -40px;} .l-footer_middle .widget{ width: 100%; } .l-footer_navi { padding-top: 15px; padding-bottom: 15px; --bg-color: rgba(240,160,91,1); background-color: var(--bg-color); } .global_navi-is-footer .global_navi__list > .global_navi__item a { color: #f5f5f5; font-size: 1.2rem; font-weight: normal; } .global_navi-is-footer .global_navi__list > .global_navi__item a span { font-size: 1rem; font-weight: 600; } .global_navi-is-footer .global_navi__list > .global_navi__item > a span { color: #f5f5f5; } .global_navi-is-footer .global_navi__list > .global_navi__item a i::before { color: #f5f5f5; font-size: 2.2rem; } .global_navi-is-footer.global_navi-is-separate .global_navi__list .global_navi__item::before {background-color: #efbc8f;} .l-footer_sns { padding-top: 40px; --bg-color: rgba(240,243,247,1); background-color: var(--bg-color); } .l-footer_sns .heading-is-custom{ text-align:center; color:#ffffff; font-size:1.4rem; font-weight:bold; } .l-footer_sns .sns_list{ justify-content: center; gap:10px; } .l-footer_sns .sns_list__link{ font-size: 1.3rem; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; color: #999999; background-color: #ffffff; } .l-footer_sns .sns_list__link.icon-home1{ } .l-footer_sns .sns_list__link.icon-rss-alt{ } .l-footer_sns .sns_list__link.icon-facebook{ } .l-footer_sns .sns_list__link.icon-instagram{ } .l-footer_sns .sns_list__link.icon-twitter{ } .l-footer_sns .sns_list__link.icon-youtube{ } .l-footer_sns .sns_list__link.icon-line{ } .l-footer_sns .sns_list__link.icon-pinterest{ } .l-footer_sns .sns_list__link.icon-linkedin{ } .l-footer_sns .sns_list__link.icon-x{ } .l-footer_sns .sns_list__link:hover{ color: #ffffff; } .l-footer_sns .sns_list__link.icon-home1:hover{ background-color:var(--fit-color-main); } .l-footer_sns .sns_list__link.icon-rss-alt:hover{ background-color:var(--fit-color-rss); } .l-footer_sns .sns_list__link.icon-facebook:hover{ background-color:var(--fit-color-facebook); } .l-footer_sns .sns_list__link.icon-instagram:hover{ background:var(--fit-color-instagram); } .l-footer_sns .sns_list__link.icon-twitter:hover{ background-color:var(--fit-color-twitter); } .l-footer_sns .sns_list__link.icon-youtube:hover{ background-color:var(--fit-color-youtube); } .l-footer_sns .sns_list__link.icon-line:hover{ background-color:var(--fit-color-line); } .l-footer_sns .sns_list__link.icon-pinterest:hover{ background-color:var(--fit-color-pinterest); } .l-footer_sns .sns_list__link.icon-linkedin:hover{ background-color:var(--fit-color-linkedin); } .l-footer_sns .sns_list__link.icon-x:hover{ background-color:var(--fit-color-x); } .l-copyright { padding-top: 15px; padding-bottom: 85px; background-color: rgba(240,243,247,1); } .copyright{ text-align: center; } .copyright .phrase-is-custom{ color: #999999; font-size: 1.3rem; font-weight: bold; } .copyright .phrase-is-custom a{ color: #efbc8f; } .l-footer_menu { border-radius:5px; height: 60px; margin-bottom: 2px; max-width: calc(100% - 12px * 2); background-color: rgba(239,148,115,1); } .float_menu__item { font-size: 12px; } .float_menu__link { color: #ffffff; font-weight:bold; } .float_menu__icon { color: #ffffff; } .top_btn { border-radius:9999px; min-height: 60px; min-width: 60px; margin-bottom: 70px; margin-right: 10px; box-shadow: 2px 2px 6px -1px rgba(0,0,0, 0.3) ; background: linear-gradient(135deg,rgba(150, 219, 226, 1) 0%,rgba(31, 121, 189, 1) 100%); } .top_btn__icon{ font-size: 1.5rem; color: #ffffff; } .top_btn__link .heading-is-custom{ font-size: 1.2rem; color: #ffffff; } .top_btn__link .phrase-is-custom{ font-size: 1.2rem; } @media only screen and (min-width:640px){html{font-size:68.75%}}@media only screen and (min-width: 640px){ .l-header { height: 45px; } .l-header .c-header{ } .l-header .site_title{ padding-left: 0px; } .l-header .site_title__logo{ height: 33px; } .l-header .panel_link-is-tertiary{ margin-left: auto; } .l-global_navi { } .c-global_navi{ } .l-header .global_navi-is-header{ margin-left:auto; margin-right:auto; } .global_navi-is-header .global_navi__list{ margin-left:auto; margin-right:auto; } .global_navi-is-header .global_navi__list > .global_navi__item a { color: var(--fit-color-white); font-size: 1.5rem; } .global_navi-is-header .global_navi__list > .global_navi__item > a { color: #ce6123; } .global_navi-is-header .global_navi__list > .global_navi__item a span { font-size: 0.7rem; } .global_navi-is-header .global_navi__list > .global_navi__item a i::before { font-size: 2rem; } .global_navi-is-header .global_navi__list > .is-parent::after { border-bottom: solid 1px #ce6123; border-right: solid 1px #ce6123; } .global_navi-is-header .global_navi__list > .global_navi__item:hover > a, .global_navi-is-header .global_navi__list > .global_navi__item:hover > a span, .global_navi-is-header .global_navi__list > .global_navi__item.is-current > a, .global_navi-is-header .global_navi__list > .global_navi__item.is-current > a span { color:rgba(240,160,91,1); transition: .3s; } .global_navi-is-header .global_navi__list > .is-parent:hover > a::before { border-bottom: solid 1px rgba(240,160,91,1); border-right: solid 1px rgba(240,160,91,1); } .l-top_header { height: 120px; } .c-top_header{ } .l-top_header .site_title{ font-size: 2.6rem; margin-right:0px; } .l-top_global_navi { padding-top: 30px; padding-bottom: 30px; } .c-top_global_navi{ } .l-top_header .global_navi-is-top{ margin-left:auto; margin-right: clamp(30px, 4vw, 40px) ; } .global_navi-is-top .global_navi__list{ margin-left:auto; } .global_navi-is-top .global_navi__list .is-parent .sub-menu .is-parent .sub-menu {right: 100%; left:unset; } .global_navi-is-top .global_navi__list > .global_navi__item a { color: var(--fit-color-white); font-size: 1.3rem; } .global_navi-is-top .global_navi__list > .global_navi__item > a { color: #ffffff; } .global_navi-is-top .global_navi__list > .global_navi__item a span { font-size: 1.1rem; } .global_navi-is-top .global_navi__list > .global_navi__item a i::before { font-size: 2.0rem; } .global_navi-is-top .global_navi__list > .is-parent::after { border-bottom: solid 1px #ffffff; border-right: solid 1px #ffffff; } .global_navi-is-top .global_navi__list > .global_navi__item:hover > a, .global_navi-is-top .global_navi__list > .global_navi__item:hover > a span, .global_navi-is-top .global_navi__list > .global_navi__item.is-current > a, .global_navi-is-top .global_navi__list > .global_navi__item.is-current > a span { color:rgba(255,255,255,0.6); transition: .3s; } .global_navi-is-top .global_navi__list > .is-parent:hover > a::before { border-bottom: solid 1px rgba(255,255,255,0.6); border-right: solid 1px rgba(255,255,255,0.6); } .l-info_search { height: 80px; } .c-info_search{ } .info_bar__title{ font-size: 1.4rem; } .info_bar__item{ font-size: 1.4rem; } .search_bar__form{ font-size: 1.4rem; } .l-breadcrumb { padding-top: 20px; } .c-breadcrumb{ max-width: 1100px; } .breadcrumb__item { font-size: 1.4rem; } .l-header_middle { padding-top: 60px; padding-bottom: 60px; } .l-header_middle .c-header_middle{ max-width: 1100px; row-gap: 60px; column-gap: 60px; } .l-header_middle .widget{ width: calc(50% - 60px/2); } .l-header_bottom { padding-top: 60px; padding-bottom: 60px; } .l-header_bottom .c-header_bottom{ max-width: 1100px; row-gap: 60px; column-gap: 60px; } .l-header_bottom .widget{ width: 100%; } .l-keyvisual_common { } .l-keyvisual_common .c-keyvisual{ } .l-keyvisual_common .keyvisual__img_area{ max-width: 560px; order:2; } .l-keyvisual_common .keyvisual__text_area{ order:1; } .l-keyvisual_common .keyvisual__img_area img{ width: 560px; } .l-keyvisual_common .heading-is-custom{ font-size:2.4rem; } .l-keyvisual_common .phrase-is-custom{ font-size:1.5rem; } .l-keyvisual_top { padding-top: 30px; padding-bottom: 30px; } .l-keyvisual_top .c-keyvisual{ max-width: 1100px; } .l-keyvisual_top .keyvisual__contents{ margin-top:px; } .l-keyvisual_top .keyvisual__img_area{ max-width: 1280px; order:2; } .l-keyvisual_top .keyvisual__text_area{ order:1; } .l-keyvisual_top .keyvisual__img_area img{ width: 1280px; } .l-keyvisual_top .heading-is-custom{ font-size:5rem; } .l-keyvisual_top .phrase-is-custom{ font-size:2rem; } .keyvisual_info .keyvisual_info__inner{ height: 80px; width: 1100px; padding-top: 30px; padding-bottom: 30px; margin-bottom: -40px; } .keyvisual_info c-keyvisual_info{ } .keyvisual_info .heading-is-custom{ font-size:1.4rem; } .keyvisual_info .heading-is-custom i{ font-size:1.4rem; } .keyvisual_info .phrase-is-custom{ font-size:1.4rem; } .l-keyvisual_page { } .l-keyvisual_page .c-keyvisual{ } .l-keyvisual_page .keyvisual__contents{ margin-top:px; } .l-keyvisual_page .keyvisual__img_area{ max-width: 560px; order:2; } .l-keyvisual_page .keyvisual__text_area{ order:1; } .l-keyvisual_page .keyvisual__img_area img{ width: 560px; } .l-keyvisual_page .heading-is-custom{ font-size:1.5rem; } .l-keyvisual_page .phrase-is-custom{ font-size:0.1rem; } .l-keyvisual_post { } .l-keyvisual_post .c-keyvisual{ } .l-keyvisual_post .keyvisual__img_area{ max-width: 560px; order:2; } .l-keyvisual_post .keyvisual__text_area{ order:1; } .l-keyvisual_post .keyvisual__img_area img{ width: 560px; } .l-keyvisual_post .heading-is-custom{ font-size:1.5rem; } .l-keyvisual_post .phrase-is-custom{ font-size:0.1rem; } .l-main_topmost { padding-top: 60px; padding-bottom: 60px; padding-left: 60px; padding-right: 60px; } .l-main_topmost .c-main_topmost{ row-gap: 60px; column-gap: 60px; } .l-main_topmost .widget{ width: calc(50% - 60px/2); } .l-main_top { padding-bottom: 60px; } .l-main_top .c-main_top{ row-gap: 60px; column-gap: 60px; } .l-main_top .widget{ width: 100%; } .l-main_bottom { padding-top: 60px; padding-bottom: 60px; padding-left: 60px; padding-right: 60px; } .l-main_bottom .c-main_bottom{ row-gap: 60px; column-gap: 60px; } .l-main_bottom .widget{ width: calc(50% - 60px/2); } .l-main_bottommost { padding-top: 60px; padding-bottom: 60px; padding-left: 60px; padding-right: 60px; } .l-main_bottommost .c-main_bottommost{ row-gap: 60px; column-gap: 60px; } .l-main_bottommost .widget{ width: calc(50% - 60px/2); } .l-contents_common { padding-top: 30px; padding-bottom: 60px; } .l-contents_common .c-contents{ max-width: 1100px; } .l-contents_common .l-wrapper{ gap: 50px; } .l-contents_common .l-main{ padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } .l-contents_common .l-side_main{ width: 320px; } .l-contents_common .l-side_main .widget{ padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .l-contents_common .l-side_main .side_sticky{ top: 20px; } .l-contents_common .l-side_sub{ width: 260px; } .l-contents_common .l-side_sub{ } .l-contents_common .l-side_sub .side_sticky{ top: 20px; } .l-contents_tag { margin-top: 60px; } .l-contents_tag .c-contents{ max-width: 1100px; } .l-contents_tag .l-wrapper{ gap: 50px; } .l-contents_tag .l-main{ } .l-contents_tag .l-side_main{ width: 260px; } .l-contents_tag .l-side_main{ } .l-contents_tag .l-side_main .side_sticky{ top: 20px; } .l-contents_tag .l-side_sub{ width: 260px; } .l-contents_tag .l-side_sub{ } .l-contents_tag .l-side_sub .side_sticky{ top: 20px; } .l-contents_archive { margin-top: 60px; } .l-contents_archive .c-contents{ max-width: 1100px; } .l-contents_archive .l-wrapper{ gap: 50px; } .l-contents_archive .l-main{ } .l-contents_archive .l-side_main{ width: 260px; } .l-contents_archive .l-side_main{ } .l-contents_archive .l-side_main .side_sticky{ top: 20px; } .l-contents_archive .l-side_sub{ width: 260px; } .l-contents_archive .l-side_sub{ } .l-contents_archive .l-side_sub .side_sticky{ top: 20px; } .main_content-is-post .read_minute{ padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } .main_content-is-post .outline{ padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } .sub_content-is-post .profile{ padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } .sub_content-is-post .profile .sns_list{ margin-top: 30px; margin-bottom: -30px; margin-left: -30px; margin-right: -30px; } .archive-is-common{ margin-top: 40px; } .sort_tab-is-common{ } .archive-is-top{ margin-top: 40px; } .sort_tab-is-top{ } .l-footer_top { padding-top: 60px; padding-bottom: 60px; } .l-footer_top .c-footer_top{ max-width: 1100px; row-gap: 60px; column-gap: 40px; } .l-footer_top .c-footer_top::before {margin-bottom: -60px;} .l-footer_top .widget{ width: 100%; } .l-footer_middle { padding-top: 60px; padding-bottom: 60px; } .l-footer_middle .c-footer_middle{ max-width: 1100px; row-gap: 60px; column-gap: 40px; } .l-footer_middle .c-footer_middle::before {margin-bottom: -60px;} .l-footer_middle .widget{ width: 100%; } .l-footer_navi { padding-top: 30px; padding-bottom: 30px; } .c-footer_navi{ } .global_navi-is-footer .global_navi__list{ margin-left:auto; margin-right:auto; } .global_navi-is-footer .global_navi__list > .global_navi__item a { color: var(--fit-color-white); font-size: 1.3rem; } .global_navi-is-footer .global_navi__list > .global_navi__item > a { color: #f5f5f5; } .global_navi-is-footer .global_navi__list > .global_navi__item a span { font-size: 1.1rem; } .global_navi-is-footer .global_navi__list > .global_navi__item a i::before { font-size: 2.5rem; } .global_navi-is-footer .global_navi__list > .is-parent::after { border-bottom: solid 1px #f5f5f5; border-right: solid 1px #f5f5f5; } .global_navi-is-footer .global_navi__list > .global_navi__item > a::before { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(245,245,245,0.5); transform: scale(0, 1); transition: .3s; } .global_navi-is-footer .global_navi__list > .global_navi__item:hover > a::before, .global_navi-is-footer .global_navi__list > .global_navi__item.is-current > a::before {transform: scale(1);} .l-footer_sns { padding-top: 60px; } .c-footer_sns{ } .l-footer_sns .heading-is-custom{ font-size:1.8rem; } .l-copyright { padding-top: 30px; padding-bottom: 30px; } .c-copyright{ } .copyright .phrase-is-custom{ font-size: 1.5rem; } .top_btn { min-height: 80px; min-width: 80px; margin-bottom: 10px; margin-right: 10px; } .top_btn__icon{ font-size: 2rem; } .top_btn__link .heading-is-custom{ font-size: 1.2rem; } .top_btn__link .phrase-is-custom{ font-size: 1.2rem; } } @media only screen and (min-width: 1000px){ .l-header_middle .widget{ width: calc(33.33% - 60px/1.5); } .l-header_bottom .widget{ } .l-main_topmost .widget{ } .l-main_top .widget{ } .l-main_bottom .widget{ } .l-main_bottommost .widget{ } .l-footer_top .widget{ } .l-footer_middle .widget{ } } @media only screen and (min-width: 1360px){ .l-header_middle .widget{ } .l-header_bottom .widget{ } .l-main_topmost .widget{ } .l-main_top .widget{ } .l-main_bottom .widget{ } .l-main_bottommost .widget{ } .l-footer_top .widget{ } .l-footer_middle .widget{ } }