@charset "UTF-8";
:root{--fit-color-main:#1f79bd;--fit-color-sub:#96dbe2;--fit-color-accent:#59c7db;--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:"Josefin Sans","Noto Sans JP"}
.panel-is-side .panel__contents{color:#191919}
.panel-is-big .panel__contents{color:#191919}
.l-header {
height: 60px;
box-shadow:
0px 2px 6px 0px
rgba(0,0,0, 0.1)
;
background-color: rgba(255,255,255,1);
}
.l-header_clone {
}
.l-header .site_title{
color: #191919;
font-size: 2rem;
font-weight: bold;
font-family: Josefin Sans,Yu Gothic,YuGothic;
margin-right:auto;}
.l-header.l-header_separate .panel_link::before{
background-color: #cccccc;
}
.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: #1f79bd;
border: 1px solid #1f79bd;
}
.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: #59c7db;
border: 1px solid #59c7db;
}
.l-header .panel_link-is-secondary .panel_link__link:hover{animation: flash 1s;}
.l-header .panel_link-is-tertiary{
font-size:14px;
}
.l-header .panel_link-is-tertiary .panel_link__link{
color: #191919;
}
.l-header .panel_link-is-tertiary .panel_link__link:hover{animation: flash 1s;}
.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: 80px;
}
.l-top_header .site_title{
color: #000000;
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-basis: 60%;
max-width: 60%;
}
.search_bar {
flex-basis: 40%;
max-width: 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;
background-color: rgba(240,243,247,1);
}
.breadcrumb__item {
color: #191919; font-weight: normal; font-size: 1.2rem;}
.breadcrumb__item:not(:first-child)::before{
color: rgba(25,25,25, 0.5);
}
.breadcrumb__link:hover {
color: #1f79bd;}
.l-header_bottom {
color: #191919;
padding-top: 30px; padding-bottom: 30px;
background-color: rgba(240,243,247,1);
}
.l-header_bottom .c-header_bottom{
row-gap: 40px; column-gap: 40px; justify-content: left;}
.l-header_bottom .widget{
width: 100%;
}
.l-keyvisual_common {
border-radius:15px;
padding-top: 30px; padding-bottom: 30px;
height: auto;
padding-left: 30px; padding-right: 30px;
box-shadow:
1px 1px 6px -1px
rgba(0,0,0, 0.15)
;
}
.l-keyvisual_common .keyvisual__img{
border-radius:15px;
}
.l-keyvisual_common .keyvisual__bg::after {
content:'';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius:15px;
background-color:rgba(255,255,255, 1);
mix-blend-mode:unset;
}
.l-keyvisual_common .c-keyvisual{
align-items: center;
text-align: left;
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: left;
}
.i-header_top{
position: absolute;
top:0;
}
.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: 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: 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:#191919;
font-size:1.8rem;
font-weight:bold;
}
.l-keyvisual_post .phrase-is-custom{
color:#666666;
font-size:1.3rem;
font-weight:normal;
}
.l-keyvisual_post .keyvisual__time{
color:#191919;
background-color:#e8e8e8;
font-weight: bold;
}
.l-keyvisual_post .date_list{
border-radius: 5px;
padding: 7.5px 15px;
justify-content: left;
color:#666666;
background-color:#f0f3f7;
}
.l-keyvisual_post .keyvisual__text_area-is-date_square .keyvisual__text_area__inner{
justify-content: left;
}
.l-main_top {
color: #191919;
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: #191919;
padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px;
background-color: rgba(247,246,250,1);
}
.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: 20px; padding-bottom: 40px;
background-color: rgba(240,243,247,1);
}
.l-contents_common .l-wrapper{
gap: 30px; }
.l-contents_common .l-main {
color: #191919;
}
.l-contents_common .l-side_main .widget{
border-radius:15px;
color: #191919;
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);
}
.l-contents_common .l-side_sub{
color: #191919;
}
.l-contents_top {
padding-top: 40px; padding-bottom: 40px;
background-color: rgba(255,255,255,1);
}
.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;
}
.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 {
padding-top: 20px; padding-bottom: 40px;
background-color: rgba(240,243,247,1);
}
.l-contents_post .l-wrapper{
gap: 30px; }
.l-contents_post .l-main {
border-radius:15px;
color: #191919;
padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px;
box-shadow:
1px 1px 6px -1px
rgba(0,0,0, 0.15)
;
background-color: rgba(255,255,255,1);
}
.l-contents_post .l-side_main .widget{
border-radius:15px;
color: #191919;
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);
}
.l-contents_post .l-side_sub{
color: #191919;
}
.main_content-is-post{font-size:var(--fit-phrase-secondary);color:#191919;line-height:2}.main_content-is-post h1{font-size:var(--fit-heading-senary)}.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: #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: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:#191919;
}
.main_content-is-post .outline__dot{
background-color:#1f79bd;
}
.main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__link{
color:#191919;
border-bottom:dotted 2px #eeeeee;
}
.main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__dot{
border-color:#1f79bd;
}
.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:#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; border-color: #f5f5f5;}
.sort_tab-is-common .sort_tab__item:hover,
.sort_tab-is-common .sort_tab__item.is-current{
color: #1f79bd; border-color: #1f79bd;}
.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: #191919; border-color: #f5f5f5; }
.sort_tab-is-top .sort_tab__item:hover,
.sort_tab-is-top .sort_tab__item.is-current{
color: #1f79bd; border-color: #1f79bd; }
.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: #191919;
padding-top: 30px; padding-bottom: 30px;
background-color: rgba(240,243,247,1);
}
.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;
background-color: rgba(255,255,255,1);
}
.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;
background-color: rgba(31,121,189,1);
}
.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: #96dbe2;}
.l-footer_sns {
padding-top: 40px;
background-color: rgba(240,243,247,1);
}
.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: #96dbe2;
}
.l-footer_menu {
height: 60px;
box-shadow:
0px 0px 4px 2px
rgba(0,0,0, 0.1)
;
background-color: rgba(31,121,189,1);
}
.float_menu__item {
font-size: 10px;
}
.float_menu__link {
color: #191919;
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;
}
.user_bg-is-1{background-color:#1f79bd!important}.user_text-is-1{color:#1f79bd!important}.user_border-is-1{border-color:#1f79bd!important}@media only screen and (min-width:640px){html{font-size:62.5%}}@media only screen and (min-width: 640px){
.l-header {
height: 90px;
}
.l-header .c-header{
max-width: 1100px;
}
.l-header .site_title{
font-size: 2.6rem;
margin-right:0px;
}
.l-global_navi {
padding-top: 30px; padding-bottom: 30px; }
.c-global_navi{
}
.l-header .global_navi-is-header{
margin-left:auto;
margin-right: clamp(30px, 4vw, 40px) ;
}
.global_navi-is-header .global_navi__list{
margin-left:auto;
}
.global_navi-is-header .global_navi__list .is-parent .sub-menu .is-parent .sub-menu {right: 100%; left:unset; }
.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: 2rem;
}
.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(31,121,189,1);
transition: .3s;
}
.global_navi-is-header .global_navi__list > .is-parent:hover > a::before {
border-bottom: solid 1px rgba(31,121,189,1);
border-right: solid 1px rgba(31,121,189,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 > 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: 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_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 {
padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; }
.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__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:4rem;
}
.l-keyvisual_top .phrase-is-custom{
font-size:2rem;
}
.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:2.4rem;
}
.l-keyvisual_post .phrase-is-custom{
font-size:1.5rem;
}
.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-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{
}
.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_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_post {
padding-top: 30px; padding-bottom: 60px; }
.l-contents_post .c-contents{
max-width: 1100px;
}
.l-contents_post .l-wrapper{
gap: 50px; }
.l-contents_post .l-main{
padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; }
.l-contents_post .l-side_main{
flex-basis: 320px;
width: 320px;
}
.l-contents_post .l-side_main .widget{
padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }
.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{
}
.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: calc(50% - 40px/2);
}
.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 > a::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: 2px;
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_bottom .widget{
}
.l-main_top .widget{
}
.l-main_bottom .widget{
}
.l-footer_top .widget{
}
.l-footer_middle .widget{
width: calc(33.33% - 40px/1.5);
}
}
@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{
}
}