@charset "UTF-8"; :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6} :root{--fit-color-main:#d33;--fit-color-sub:#d33;--fit-color-accent:#e0ba3e;--fit-color-text:#191919;--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:62.5%}body{background-color:#fff;font-family:"Sawarabi Gothic"} .panel-is-side .panel__contents{color:#191919} .panel-is-big .panel__contents{color:#191919} .l-header { height: 55px; box-shadow: 0px 2px 6px 0px rgba(0,0,0, 0.1) ; background-color: rgba(221,51,51,1); } .l-header_clone { } .l-header .site_title{ color: #ffffff; font-size: 1.8rem; font-weight: bold; font-family: Josefin Sans,Yu Gothic,YuGothic; margin-right:auto;} .l-header.l-header_separate .panel_link:last-of-type{ padding-right: 0; } .l-header .panel_link-is-primary{ font-size:8px; } .l-header .panel_link-is-primary .panel_link__link{ color: #dd3333; border: 1px solid #dd3333; } .l-header .panel_link-is-primary .panel_link__link:hover{animation: flash 1s;} .l-header .panel-is-primary .sns_list{ justify-content: center; gap:10px; } .l-header .panel-is-primary .sns_list__item{ flex-grow: 1; } .l-header .panel-is-primary .sns_list__link{ font-size: 1.2rem; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; color: #ffffff; } .l-header .panel-is-primary .sns_list__link:before{margin-right:5px} .l-header .panel-is-primary .sns_list__link.icon-facebook{ background-color:var(--fit-color-facebook); } .l-header .panel-is-primary .sns_list__link.icon-twitter{ background-color:var(--fit-color-twitter); } .l-header .panel-is-primary .sns_list__link.icon-hatenabookmark{ background-color:var(--fit-color-hatenabookmark); } .l-header .panel-is-primary .sns_list__link.icon-Pocket{ background-color:var(--fit-color-pocket); } .l-header .panel-is-primary .sns_list__link.icon-line{ background-color:var(--fit-color-line); } .l-header .panel-is-primary .sns_list__link.icon-linkedin{ background-color:var(--fit-color-linkedin); } .l-header .panel-is-primary .sns_list__link.icon-pinterest{ background-color:var(--fit-color-pinterest); } .l-header .panel-is-primary .sns_list__link.icon-x{ background-color:var(--fit-color-x); } .l-header .panel-is-primary .sns_list__link:hover{animation: flash 1s;} .l-header .panel_link-is-secondary{ font-size:8px; } .l-header .panel_link-is-secondary .panel_link__link{ color: #ffffff; border: 1px solid #ffffff; } .l-header .panel_link-is-secondary .panel_link__link:hover{ color: #e0ba3e; border: 1px solid #e0ba3e; } .l-header .panel_link-is-tertiary{ font-size:12px; } .l-header .panel_link-is-tertiary .panel_link__link{ color: #dd3333; background-color: #ffffff; } .l-header .panel_link-is-tertiary .panel_link__link:hover{ background-color: #e0ba3e; } .l-global_navi { padding-top: 15px; padding-bottom: 15px; background-color: rgba(255,255,255,1); } .global_navi-is-header .global_navi__list > .global_navi__item a { color: #191919; font-size: 1.2rem; font-weight: 600; } .global_navi-is-header .global_navi__list > .global_navi__item a span { font-size: 1rem; font-weight: 600; } .global_navi-is-header .global_navi__list > .global_navi__item > a span { color: #191919; } .global_navi-is-header .global_navi__list > .global_navi__item a i::before { color: #191919; font-size: 2.2rem; } .global_navi-is-header.global_navi-is-separate .global_navi__list .global_navi__item::before { background-color: #cccccc;} .l-top_header { height: 55px; } .l-top_header .site_title{ color: #ffffff; font-size: 2rem; font-weight: bold; font-family: Josefin Sans,Yu Gothic,YuGothic; background-color: rgba(221,51,51,0.5); margin-right:auto;} .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{animation: flash 1s;} .l-top_header .panel-is-primary .sns_list{ justify-content: center; gap:10px; } .l-top_header .panel-is-primary .sns_list__item{ flex-grow: 1; } .l-top_header .panel-is-primary .sns_list__link{ font-size: 1.2rem; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; color: #ffffff; } .l-top_header .panel-is-primary .sns_list__link:before{margin-right:5px} .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{animation: flash 1s;} .l-top_header .panel_link-is-secondary{ font-size:14px; } .l-top_header .panel_link-is-secondary .panel_link__link{ color: #ffffff; } .l-top_header .panel_link-is-secondary .panel_link__link:hover{animation: flash 1s;} .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: #dd3333;} .l-info_search { height: 60px; border-bottom:#dddddd solid 1px ; background-color: rgba(245,245,245,1); } .c-info_search{ gap: 20px; } .info_bar { flex-basis: 50%; max-width: 50%; } .search_bar { flex-basis: 50%; max-width: 50%; } .info_bar__title{ padding-left: 15px; padding-right: 15px; color: #e25d80; border:1px solid #e25d80; font-size: 1.2rem; font-weight: bold; } .info_bar__item{ 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: #e25d80; } .l-breadcrumb { padding-top: 15px; padding-bottom: 15px; border-bottom:#dddddd solid 1px ; background-color: rgba(245,245,245,1); } .breadcrumb__item { color: #666666; font-weight: normal; font-size: 1.2rem;} .breadcrumb__item:not(:first-child)::before{ color: rgba(102,102,102, 0.5); } .breadcrumb__link:hover { color: #dd3333;} .l-header_bottom { color: #191919; padding-top: 20px; padding-bottom: 00px; background: linear-gradient(180deg,rgba(245, 245, 245, 1) 0%,rgba(255, 255, 255, 1) 100%); } .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; min-height: 10px; padding-top: 20px; padding-bottom: 20px; border-bottom:#dddddd solid 1px ; } .l-keyvisual_common .keyvisual__img{ } .l-keyvisual_common .keyvisual__bg::after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(245, 245, 245, 1) 0%,rgba(255, 255, 255, 1) 100%); mix-blend-mode:unset; } .l-keyvisual_common .c-keyvisual{ align-items: center; text-align: left; min-height: 10px; } .l-keyvisual_common .keyvisual__img_area{ order:1; } .l-keyvisual_common .keyvisual__text_area{ order:2; } .l-keyvisual_common .keyvisual__img_area img{ width: 600px; } .l-keyvisual_common .heading-is-custom{ color:#191919; font-size:1.8rem; font-weight:bold; } .l-keyvisual_common .phrase-is-custom{ color:#191919; font-size:1.2rem; font-weight:normal; } .l-keyvisual_common .keyvisual__list{ justify-content: left; } .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: linear-gradient(180deg,rgba(224, 186, 62, 0.9) 0%,rgba(221, 51, 51, 0.9) 100%); mix-blend-mode:unset; } .l-keyvisual_top .c-keyvisual{ align-items: center; text-align: center; } .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;} .l-keyvisual_post { height: auto; } .l-keyvisual_post .keyvisual__img{ } .l-keyvisual_post .c-keyvisual{ align-items: flex-end; text-align: left; width: 100%; } .l-keyvisual_post .keyvisual__contents{ margin-bottom:0px; } .l-keyvisual_post .keyvisual__img_area{ order:1; } .l-keyvisual_post .keyvisual__text_area{ order:2; } .l-keyvisual_post .keyvisual__img_area img{ width: 600px; } .l-keyvisual_post .heading-is-custom{ color:#000000; font-size:2.2rem; font-weight:bold; } .l-keyvisual_post .phrase-is-custom{ color:#000000; font-size:1.2rem; font-weight:bold; } .l-keyvisual_post .keyvisual__time{ color:#000000; } .l-keyvisual_post .date_list{ justify-content: left; color:#000000; } .l-keyvisual_post .date_list__item::before { color:#000000; } .l-keyvisual_post .date_list__item a:after{ background-color:#000000; } .l-keyvisual_post .avatar_box__name:after{ background-color:#000000; } .l-main_top { color: #000000; } .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: #191919; } .l-main_bottom .c-main_bottom{ width: 100%; row-gap: 40px; column-gap: 40px; justify-content: left;} .l-main_bottom .widget{ width: 100%; } .l-contents_common { padding-top: 40px; padding-bottom: 40px; } .l-contents_common .l-wrapper{ gap: 30px; } .l-contents_common .l-main { color: #191919; } .l-contents_common .l-side_main{ color: #191919; } .l-contents_common .l-side_sub{ color: #191919; } .l-contents_top { padding-top: 40px; padding-bottom: 40px; } .l-contents_top .l-wrapper{ gap: 30px; } .l-contents_top .l-main { color: #191919; } .l-contents_top .l-side_main{ color: #191919; } .l-contents_top .l-side_sub{ color: #191919; } .l-contents_category { margin-top: 40px; } .l-contents_category .l-wrapper{ gap: 30px; } .l-contents_category .l-main { color: #191919; } .l-contents_category .l-side_main{ color: #191919; } .l-contents_category .l-side_sub{ color: #191919; } .l-contents_page { margin-top: 40px; } .l-contents_page .l-wrapper{ gap: 30px; } .l-contents_page .l-main { color: #191919; } .l-contents_page .l-side_main{ color: #191919; } .l-contents_page .l-side_sub{ color: #191919; } .main_content-is-page{font-size:var(--fit-phrase-secondary);color:#191919;line-height:1.85}.main_content-is-page h1{font-size:var(--fit-heading-quinary)}.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)} .l-contents_post { margin-top: 40px; } .l-contents_post .l-wrapper{ gap: 30px; } .l-contents_post .l-main { color: #191919; } .l-contents_post .l-side_main{ color: #191919; } .l-contents_post .l-side_sub{ color: #191919; } .main_content-is-post{font-size:var(--fit-phrase-primary);color:#191919;line-height:1.85}.main_content-is-post h1{font-size:var(--fit-heading-senary)}.main_content-is-post h2{font-size:var(--fit-heading-primary)}.main_content-is-post h3{font-size:var(--fit-heading-secondary)}.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: #191919; 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:5px; } .main_content-is-post .sns_list__item{ flex-grow: 1; } .main_content-is-post .sns_list__link{ font-size: 1.2rem; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; color: #ffffff; } .main_content-is-post .sns_list__link:before{margin-right:5px} .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: 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; border-top:#f5f5f5 solid 5px ; border-bottom:#f5f5f5 solid 5px ; border-left:#f5f5f5 solid 5px ; border-right:#f5f5f5 solid 5px ; background-color: rgba(255,255,255,1); } .main_content-is-post .outline__link{ color:#191919; } .main_content-is-post .outline__number{ color:#dd3333; } .main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__link{ color:#191919; border-bottom:solid 1px #cccccc; } .main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__number{ color:#e0ba3e; } .sub_content-is-post .profile{ border-radius:15px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; border-top:#f5f5f5 solid 5px ; border-bottom:#f5f5f5 solid 5px ; border-left:#f5f5f5 solid 5px ; border-right:#f5f5f5 solid 5px ; 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:#191919; } .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: #191919; background-color: #f5f5f5; border-color: #f5f5f5;} .sort_tab-is-common .sort_tab__item:hover, .sort_tab-is-common .sort_tab__item.is-current{ color: #ffffff; background-color: #e25d80; } .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{ border-top-color: #e25d80;} .archive-is-top{ margin-top: 20px; } .sort_tab-is-top{ justify-content: center; } .sort_tab-is-top .sort_tab__item{ color: #191919; border-color: #f5f5f5; } .sort_tab-is-top .sort_tab__item:hover, .sort_tab-is-top .sort_tab__item.is-current{ color: #dd3333; border-color: #dd3333; } .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{ } .archive-is-category{ margin-top: 20px; } .sort_tab-is-category{ justify-content: center; } .sort_tab-is-category .sort_tab__item{ color: #191919; border-color: #f5f5f5; } .sort_tab-is-category .sort_tab__item:hover, .sort_tab-is-category .sort_tab__item.is-current{ color: #dd3333; border-color: #dd3333; } .sort_tab-is-category.sort_tab-is-tab{ border-color: #f5f5f5; } .sort_tab-is-category.sort_tab-is-balloon .sort_tab__item.is-current::before{ } .l-footer_top { color: #ffffff; padding-top: 20px; padding-bottom: 20px; background-color: rgba(221,51,51,1); } .l-footer_top .c-footer_top{ row-gap: 40px; column-gap: 40px; justify-content: left;} .l-footer_top .c-footer_top::before {margin-bottom: -40px;} .l-footer_top .widget{ width: 100%; } .l-footer_middle { color: #f5f5f5; padding-top: 30px; padding-bottom: 30px; background-color: rgba(221,51,51,1); } .l-footer_middle .c-footer_middle{ row-gap: 40px; column-gap: 40px; justify-content: center;} .l-footer_middle .c-footer_middle::before {margin-bottom: -40px;} .l-footer_middle .widget{ width: calc(50% - 40px/2); } .l-footer_navi { background-color: rgba(255,255,255,1); } .global_navi-is-footer .global_navi__list > .global_navi__item a { color: #dd3333; font-size: 1.2rem; font-weight: bold; } .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: #ffffff; } .global_navi-is-footer .global_navi__list > .global_navi__item a i::before { color: #f5f5f5; font-size: 2.2rem; } .l-footer_sns { padding-top: 20px; background-color: rgba(25,25,25,1); } .l-footer_sns .heading-is-custom{ text-align:left; color:#ffffff; font-size:1.4rem; font-weight:bold; } .l-footer_sns .sns_list{ justify-content: left; gap:10px; } .l-footer_sns .sns_list__link{ font-size: 1.3rem; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; color: #ffffff; } .l-footer_sns .sns_list__link.icon-home1{ background:var(--fit-color-main); } .l-footer_sns .sns_list__link.icon-rss-alt{ background:var(--fit-color-rss); } .l-footer_sns .sns_list__link.icon-facebook{ background:var(--fit-color-facebook); } .l-footer_sns .sns_list__link.icon-instagram{ background:var(--fit-color-instagram); } .l-footer_sns .sns_list__link.icon-twitter{ background-color:var(--fit-color-twitter); } .l-footer_sns .sns_list__link.icon-youtube{ background-color:var(--fit-color-youtube); } .l-footer_sns .sns_list__link.icon-line{ background-color:var(--fit-color-line); } .l-footer_sns .sns_list__link.icon-pinterest{ background-color:var(--fit-color-pinterest); } .l-footer_sns .sns_list__link.icon-linkedin{ background-color:var(--fit-color-linkedin); } .l-footer_sns .sns_list__link.icon-x{ background-color:var(--fit-color-x); } .l-footer_sns .sns_list__link:hover{transform: translateY(3px); border-bottom: solid 0px rgba(0,0,0,0.25);} .l-copyright { padding-top: 30px; padding-bottom: 30px; background-color: rgba(68,68,68,1); } .copyright{ text-align: left; } .copyright .phrase-is-custom{ color: #ffffff; font-size: 1.2rem; font-weight: bold; } .copyright .phrase-is-custom a{ color: #e0ba3e; } .l-footer_menu { border-radius:9999px; height: 60px; margin-bottom: 10px; max-width: calc(100% - 10px * 2); background-color: rgba(245,245,245,0.9); } .c-footer_menu{width:calc(100% - 30px)} .float_menu__item { font-size: 8px; } .float_menu__link { color: #ffffff; font-weight:bold; } .float_menu__icon { color: #dd3333; } .top_btn { min-height: 60px; min-width: 60px; background-color: rgba(221,51,51,0.9); } .top_btn__icon{ font-size: 1.4rem; color: #ffffff; } .top_btn__link .heading-is-custom{ font-size: 1.2rem; color: #ffffff; } .top_btn__link .phrase-is-custom{ font-size: 1.2rem; } .user_bg-is-1{background-color:#d33!important}.user_text-is-1{color:#d33!important}.user_border-is-1{border-color:#d33!important}@media only screen and (min-width:640px){html{font-size:62.5%}}@media only screen and (min-width: 640px){ .l-header { height: 80px; } .l-header .c-header{ max-width: 1100px; } .l-header .site_title{ font-size: 3.5rem; } .l-global_navi { padding-top: 30px; padding-bottom: 30px; } .c-global_navi{ } .l-header .global_navi-is-header{ margin-left: clamp(30px, 4vw, 40px) ; margin-right:auto; } .global_navi-is-header .global_navi__list{ margin-right:auto; } .global_navi-is-header .global_navi__list > .global_navi__item a { color: var(--fit-color-white); font-size: 1.3rem; } .global_navi-is-header .global_navi__list > .global_navi__item > a { color: #191919; } .global_navi-is-header .global_navi__list > .global_navi__item a span { font-size: 1.1rem; } .global_navi-is-header .global_navi__list > .global_navi__item a i::before { font-size: 2.5rem; } .global_navi-is-header .global_navi__list > .is-parent > a::after { border-bottom: solid 1px #191919; border-right: solid 1px #191919; } .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(221,51,51,1); transition: .3s; } .global_navi-is-header .global_navi__list > .is-parent:hover > a::before { border-bottom: solid 1px rgba(221,51,51,1); border-right: solid 1px rgba(221,51,51,1); } .l-top_header { height: 80px; } .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: clamp(30px, 4vw, 40px) ; margin-right:auto; } .global_navi-is-top .global_navi__list{ margin-right:auto; } .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.5rem; } .global_navi-is-top .global_navi__list > .is-parent > a::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: 60px; } .c-info_search{ max-width: 1100px; } .info_bar__title{ font-size: 1.4rem; } .info_bar__item{ font-size: 1.4rem; } .search_bar__form{ font-size: 1.3rem; } .l-breadcrumb { padding-top: 15px; padding-bottom: 15px; } .c-breadcrumb{ max-width: 1100px; } .breadcrumb__item { font-size: 1.3rem; } .l-header_bottom { padding-top: 30px; padding-bottom: 0px; } .l-header_bottom .c-header_bottom{ } .l-header_bottom .widget{ width: 100%; } .l-keyvisual_common { min-height: 10px; padding-top: 40px; padding-bottom: 40px; } .l-keyvisual_common .c-keyvisual{ min-height: 10px; max-width: 1100px; } .l-keyvisual_common .keyvisual__img_area{ max-width: 360px; order:2; } .l-keyvisual_common .keyvisual__text_area{ order:1; } .l-keyvisual_common .keyvisual__img_area img{ width: 360px; } .l-keyvisual_common .heading-is-custom{ font-size:2.4rem; } .l-keyvisual_common .phrase-is-custom{ font-size:1.3rem; } .l-keyvisual_top { padding-top: 30px; padding-bottom: 30px; } .l-keyvisual_top .c-keyvisual{ max-width: 1100px; } .l-keyvisual_top .keyvisual__img_area{ max-width: 560px; order:2; } .l-keyvisual_top .keyvisual__text_area{ order:1; } .l-keyvisual_top .keyvisual__img_area img{ width: 560px; } .l-keyvisual_top .heading-is-custom{ font-size:5rem; } .l-keyvisual_top .phrase-is-custom{ font-size:2rem; } .l-keyvisual_post { } .l-keyvisual_post .c-keyvisual{ } .l-keyvisual_post .keyvisual__contents{ margin-bottom:px; } .l-keyvisual_post .keyvisual__img_area{ max-width: 420px; order:2; } .l-keyvisual_post .keyvisual__text_area{ order:1; } .l-keyvisual_post .keyvisual__img_area img{ width: 420px; } .l-keyvisual_post .heading-is-custom{ font-size:2rem; } .l-keyvisual_post .phrase-is-custom{ font-size:1.3rem; } .l-main_top { } .l-main_top .c-main_top{ row-gap: 60px; column-gap: 60px; } .l-main_top .widget{ width: 100%; } .l-main_bottom { } .l-main_bottom .c-main_bottom{ row-gap: 60px; column-gap: 60px; } .l-main_bottom .widget{ width: 100%; } .l-contents_common { padding-top: 60px; padding-bottom: 60px; } .l-contents_common .c-contents{ max-width: 1100px; } .l-contents_common .l-wrapper{ gap: 50px; } .l-contents_common .l-main{ } .l-contents_common .l-side_main{ width: 300px; } .l-contents_common .l-side_main{ } .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_top { padding-top: 60px; padding-bottom: 60px; } .l-contents_top .c-contents{ max-width: 1100px; } .l-contents_top .l-wrapper{ gap: 50px; } .l-contents_top .l-main{ } .l-contents_top .l-side_main{ width: 260px; } .l-contents_top .l-side_main{ } .l-contents_top .l-side_main .side_sticky{ top: 20px; } .l-contents_top .l-side_sub{ width: 260px; } .l-contents_top .l-side_sub{ } .l-contents_top .l-side_sub .side_sticky{ top: 20px; } .l-contents_category { margin-top: 60px; } .l-contents_category .c-contents{ max-width: 1100px; } .l-contents_category .l-wrapper{ gap: 50px; } .l-contents_category .l-main{ } .l-contents_category .l-side_main{ width: 260px; } .l-contents_category .l-side_main{ } .l-contents_category .l-side_main .side_sticky{ top: 20px; } .l-contents_category .l-side_sub{ width: 260px; } .l-contents_category .l-side_sub{ } .l-contents_category .l-side_sub .side_sticky{ top: 20px; } .l-contents_page { margin-top: 60px; } .l-contents_page .c-contents{ max-width: 1100px; } .l-contents_page .l-wrapper{ gap: 50px; } .l-contents_page .l-main{ } .l-contents_page .l-side_main{ width: 260px; } .l-contents_page .l-side_main{ } .l-contents_page .l-side_main .side_sticky{ top: 20px; } .l-contents_page .l-side_sub{ width: 260px; } .l-contents_page .l-side_sub{ } .l-contents_page .l-side_sub .side_sticky{ top: 20px; } .l-contents_post { margin-top: 60px; } .l-contents_post .c-contents{ max-width: 1100px; } .l-contents_post .l-wrapper{ gap: 50px; } .l-contents_post .l-main{ } .l-contents_post .l-side_main{ flex-basis: 260px; width: 260px; } .l-contents_post .l-side_main{ } .l-contents_post .l-side_main .side_sticky{ top: 20px; } .l-contents_post .l-side_sub{ flex-basis: 260px; width: 260px; } .l-contents_post .l-side_sub{ } .l-contents_post .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{ } .archive-is-category{ margin-top: 40px; } .sort_tab-is-category{ } .l-footer_top { padding-top: 40px; padding-bottom: 40px; } .l-footer_top .c-footer_top{ max-width: 1100px; row-gap: 60px; column-gap: 60px; } .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: 60px; } .l-footer_middle .c-footer_middle::before {margin-bottom: -60px;} .l-footer_middle .widget{ width: calc(50% - 60px/2); } .l-footer_navi { } .c-footer_navi{ max-width: 1100px; } .global_navi-is-footer .global_navi__list{ 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: #dd3333; } .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 > a::after { border-bottom: solid 1px #dd3333; border-right: solid 1px #dd3333; } .global_navi-is-footer .global_navi__list > .global_navi__item > a::before { display: block; content: ""; position: absolute; left: calc(0px - clamp(10px,2vw,20px) ); bottom: 0; width: 0%; height: 100%; background: rgba(68,68,68,1); transition: .3s; z-index: -1; } .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{width: calc(100% + clamp(20px,4vw,40px));} .global_navi-is-footer .global_navi__list > .global_navi__item:hover:last-child > a::before, .global_navi-is-footer .global_navi__list > .global_navi__item.is-current:last-child > a::before{width: calc(100% + clamp(20px,4vw,40px));} .l-footer_sns { padding-top: 30px; } .c-footer_sns{ max-width: 1100px; } .l-footer_sns .heading-is-custom{ font-size:1.8rem; } .l-copyright { padding-top: 30px; padding-bottom: 80px; } .c-copyright{ max-width: 1100px; } .copyright .phrase-is-custom{ font-size: 1.3rem; } .top_btn { min-height: 70px; min-width: 70px; } .top_btn__icon{ font-size: 1.8rem; } .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_bottom .widget{ } .l-main_top .widget{ } .l-main_bottom .widget{ } .l-footer_top .widget{ } .l-footer_middle .widget{ } } @media only screen and (min-width: 1360px){ .l-header_bottom .widget{ } .l-main_top .widget{ } .l-main_bottom .widget{ } .l-footer_top .widget{ } .l-footer_middle .widget{ } }