@charset "UTF-8";



:root{--fit-color-main:#e0ba3e;--fit-color-sub:#10364d;--fit-color-accent:#f2e28c;--fit-color-text:#555;--fit-color-palette1:#FFE33F;--fit-color-palette2:#EB6168;--fit-color-palette3:#EC7AA1;--fit-color-palette4:#5F90CC;--fit-color-palette5:#9BCB60;--fit-color-palette6:#FCF8EB;--fit-color-palette7:#fff4f4;--fit-color-palette8:#f3f2fc;--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:#f2f2f2;font-family:"Yu Gothic",YuGothic}

.panel-is-side .panel__contents{color:#555555}
.panel-is-big .panel__contents{color:#555555}





.l-header {
      
      height: 55px;
  
    
  
                  box-shadow:
        0px 2px 6px 0px
        rgba(0,0,0, 0.1)
      ;
      
                  background-color: rgba(224,186,62,1);
          }



.l-header_clone {
  
  }





.l-header .site_title{
  
            color: #000000;
              font-size: 2rem;
        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: #e0ba3e;
                  border: 1px solid #e0ba3e;
      }
  .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: #000000;
                  border: 1px solid #000000;
      }
  .l-header .panel_link-is-secondary .panel_link__link:hover{transform: scale(1.2);}







.l-header .panel_link-is-tertiary{
	font-size:12px;
  }

.l-header .panel_link-is-tertiary .panel_link__link{
      color: #000000;
    }
  .l-header .panel_link-is-tertiary .panel_link__link:hover{transform: scale(1.2);}







.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: #555555;
        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: #555555;
  }
.global_navi-is-header .global_navi__list > .global_navi__item a i::before {
      color: #555555;
        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;
  
  
  
  
    
                          
        
        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: #10364d;}









.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: #dd3333;
          border:1px solid #dd3333;
  
      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: #e0ba3e;
  }





.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: #e0ba3e;}





.l-header_bottom {
        color: #555555;
  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 {
      border-radius:5px;
    
            height: auto;
      min-height: 10px;
      
   padding-top: 20px;    padding-bottom: 20px; 
      
          border-bottom:#dddddd solid 1px  ;          
  }

.l-keyvisual_common .keyvisual__img{
      border-radius:5px;
        }
  .l-keyvisual_common .keyvisual__bg::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

          border-radius:5px;
        
    
    
    
                  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(242, 226, 140, 0.9) 0%,rgba(224, 186, 62, 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;
        min-height: 10px;
          
     padding-top: 30px;      padding-bottom: 30px; 
            
    
      }

  .l-keyvisual_post .keyvisual__img{
                  }
      .l-keyvisual_post .keyvisual__bg::after {
      content:'';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

            
      
      
                                  background-color:rgba(0,0,0, 0.3);
          background-image:
            linear-gradient(rgba(0,0,0,.4) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0,0,0,.4) 1px, transparent 1px),
            linear-gradient(rgba(0,0,0,.25) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0,0,0,.25) 1px, transparent 1px)
          ;
                          background-size: 10px 10px, 10px 10px, 2px 2px, 2px 2px;
          background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
                              
      
      mix-blend-mode:unset;
    }
  
  .l-keyvisual_post .c-keyvisual{
    align-items: center;
    text-align: left;
                      min-height: 10px;
            }


  
  .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:#ffffff;
              font-size:1.8rem;
              font-weight:bold;
      }
  .l-keyvisual_post .phrase-is-custom{
          color:#ffffff;
              font-size:1.2rem;
              font-weight:bold;
      }



  .l-keyvisual_post .keyvisual__time{
          color:#ffffff;
                                  padding: 5px 15px;
        background-color:#e0ba3e;
                  }

  
  
      .l-keyvisual_post .date_list{
      justify-content: left;
              color:#ffffff;
          }
    .l-keyvisual_post .date_list__item::before {
              color:#ffffff;
          }
    .l-keyvisual_post .date_list__item a:after{
      background-color:#ffffff;
    }
    .l-keyvisual_post .avatar_box__name:after{
      background-color:#ffffff;
    }
  

      .l-keyvisual_post .keyvisual__text_area-is-box .heading-is-custom{
              padding: 15px;
        background-color:#e0ba3e;
          }
  
  
  
  
  









.l-main_top {
        color: #555555;
            
  
  
  
  
  }


.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: #555555;
            
  
  
  
  
  }


.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: #555555; 
        
  
  
      }






.l-contents_common .l-side_main{
    
   color: #555555; 
        
  
        
      }






.l-contents_common .l-side_sub{
    
   color: #555555; 
        
  
  
      }






.l-contents_top {
    
   padding-top: 40px;    padding-bottom: 40px; 
    
  
  
      }



.l-contents_top .l-wrapper{
     gap: 30px; }





.l-contents_top .l-main {
    
   color: #555555; 
        
  
  
      }






.l-contents_top .l-side_main{
    
   color: #555555; 
        
  
  
      }






.l-contents_top .l-side_sub{
    
   color: #555555; 
        
  
  
      }




































.main_content-is-page{font-size:var(--fit-phrase-secondary);color:#555;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)}









.main_content-is-post{font-size:var(--fit-phrase-secondary);color:#555;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-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: #555555;
    
   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:#e0ba3e;
    }
  

  .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:#555555;
}
.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: #555555;  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: #e0ba3e;  }
.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: #e0ba3e;}



































.l-footer_top {
        color: #cccccc;
  padding-top: 20px;  padding-bottom: 20px;
    
  
  
                  background-color: rgba(224,186,62,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(51,51,51,1);
      
  
  }


.l-footer_middle .c-footer_middle{
  row-gap: 40px;  column-gap: 40px;  justify-content: left;}
.l-footer_middle .c-footer_middle::before {margin-bottom: -40px;}

.l-footer_middle .widget{
      width: 100%;
    }





.l-footer_navi {
      
        
  
  
                  background-color: rgba(25,25,25,1);
      
  
  }


.global_navi-is-footer .global_navi__list > .global_navi__item a {
      color: #cccccc;
        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: #f5f5f5;
  }
.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: #555555;
    font-weight:bold;
}
.float_menu__icon {
      color: #e0ba3e;
  }





























.top_btn {
      
      min-height: 60px;
  
      min-width: 60px;
  
    
  
  
                  background-color: rgba(224,186,62,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;
    }







@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: 2.6rem;
          
                
            
              
      }

  
  


  .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: #555555;
      }
  .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 #555555;
      border-right: solid 1px #555555;
      }


          

    
    
          .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(224,186,62,1);
        transition: .3s;
      }
      .global_navi-is-header .global_navi__list > .is-parent:hover > a::before {
        border-bottom: solid 1px rgba(224,186,62,1);
        border-right: solid 1px rgba(224,186,62,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 {
                        min-height: 10px;
                             padding-top: 30px;        padding-bottom: 30px;                       }

    .l-keyvisual_post .c-keyvisual{
                        min-height: 10px;
                          max-width: 1100px;
                  }

    
    .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;   }
  



  



  



  



  




  





  


  .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{
      }

  
  
  
  
  






  .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-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: #cccccc;
      }
  .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 #cccccc;
      border-right: solid 1px #cccccc;
      }

          
          .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{
          width: calc(33.33% - 60px/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{
          }

}