@charset "UTF-8";

/*

    Template: swell

    Theme Name: SWELL CHILD

    Theme URI: https://swell-theme.com/

    Description: SWELLの子テーマ

    Version: 1.0.0

    Author: LOOS WEB STUDIO

    Author URI: https://loos-web-studio.com/



    License: GNU General Public License

    License URI: http://www.gnu.org/licenses/gpl.html

*/
body{
    font-family:  YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, meiryo, osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    background: #f9f9f9;
}
.pc { display: block; }
.sp { display: none; }

#body_wrap {
    z-index: unset;
}
.l-header {
    z-index: 1000;
}
.top #content {
    padding-top: 0;
}
.top_search {
    margin: 7px 0 7px auto;
    width: auto;
    min-width: 360px;
    position: relative;
}
#fix_header .top_search {
    margin: 14px 0 7px auto;
}
.top_search::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 36px;
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/7.png) center center / auto 100% no-repeat;
    pointer-events: none;
}
.top_search.hide-after::after {
    display: none;
}
@keyframes border-gradient-animation {
  0% {
    background-position: 0% 50%, 0% 50%;
  }
  100% {
    background-position: 0% 50%, 300% 50%;
  }
}
.l-footer {
    background-color: transparent;
}
.p-pickupBanners {
    margin-bottom: 2em;
}
.home .category_navi{
    width: 1200px;
}
.category_navi{
/*    background: #FDF5DE;*/
    padding: 3rem 0 2rem;
    margin: 0 auto 2rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 3px 3px 3px #ccc;
    width: 100%;
}
#main_content .category_navi{
    background: #fff;
    padding: 1rem 0 0;
}
.category_navi .ttl{
    margin: 0 auto;
}
.category_navi .block{
    width: 1200px;
    margin: 0 auto;
}
#main_content .category_navi .block{
    width: 100%;
    margin-top: -0.7rem;
}
.category_navi .block .box{
    display: inline-block;
    margin: 0 0.5rem 1rem;
}
.category_navi h2{
    margin: 0px 1.5rem 1rem;
    padding-bottom: 0.7rem;
    font-size: 18px;
    font-weight: 500;
    padding-left: 2rem;
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/カテゴリで探す_アイコン.png) left 2px / 24px 24px no-repeat;
}
.category_navi h2 span{
    float: right;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #999;
    padding: 0.1rem 1rem;
    font-size: 12px;
  	cursor: pointer;
}
.category_navi h2 span:after{
    content:"≫";
    font-size: 10px;
    display: inline-block;
    transform: rotate(90deg);
    transform: rotate(90deg) scaleY(1.5);
}
.category_navi h2 span.open{
}
.category_navi h2 span.open:after{
    content:"≫";
}
.category_navi h2 span.close{
    background: #5A7B91;
    color: #fff;
}
.category_navi h2 span.close:after{
    content:"≪";
}
/*
.category_navi .block .box a{
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/arrow_01.png) right 0.8rem center / 12px 24px no-repeat #fff;
    border-radius: 50px;
    padding: 10px 2rem 10px 1.5rem;
    display: block;
    width: 100%;
	transition-duration:0.3s;
    color: #333;
}
.category_navi .block .box a:hover{
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/arrow_01.png) right 0.5rem center / 12px 24px no-repeat #FFE9AC;
	transition-duration:0.3s;
}
*/
.category_navi .block .box a{
    background: #F2F8F8;
    border-radius: 8px;
    padding: 6px 0.8rem 8px 0.8rem;
    display: block;
    width: 100%;
	transition-duration:0.3s;
    color: #41c9b4;
    font-weight: 600;
}
.category_navi .block .box a:hover{
    background: #F2F8F8;
	transition-duration:0.3s;
}
.home .category-block .category-link{
    display: block;
    margin-left: auto;
}
.home .category-block .category-link a{
    font-size: 14px;
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/arrow_01.png) right center / 8px 16px no-repeat;
    padding-right: 0.8rem;
    color: #5a7b91;
}
.home .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    background: none;
    padding: 0;
    color: #333;
}
.home .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{
    border-top: solid 0px var(--color_htag);
    border-bottom: solid 0px var(--color_htag);
}
.l-mainContent__inner>.post_content {
    padding: 0;
}
.home .pc .category-posts{
  	display: flex;
	flex-wrap:wrap;
    gap: 16px;
    padding: 0;
    margin: 0;
}
.home .category-posts li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.home .pc .category-posts li{
    width: calc( ( 100% - 48px ) / 4 );
}
.home .category-posts li img{
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.home .category-posts li .post-date,
.home .category-posts li .reading-time{
    font-size: 12px;
    color: #999;   
}
.home .category-posts li .post-title{
    font-weight: 500;
}
.p-postList__item .p-postList__body .post-btn span,
.home .category-posts li .post-btn a{
    border: 1px solid #359f8f;
    border-radius: 50px;
    padding: 10px 1rem 8px;
    font-size: 90%;
    font-weight: 600;
    color: #359f8f;
    display: inline-block;
    margin-top: 6px;
    letter-spacing: 0rem;
	transition-duration:0.3s;
    background: #fff;
}
.p-postList__item .p-postList__body .post-btn span:hover,
.home .category-posts li .post-btn a:hover{
	transition-duration:0.3s;
    background: #41C9B4;
    color: #fff;
}
.home .sp .scroll-container {
	display: flex;
	overflow-x: auto;
	gap: 1rem;
	padding-bottom: 1rem;
}
.home .sp .group {
	flex-shrink: 0;
	width: 90%; /* 1カラム分（li×3の縦） */
}
.home .sp .group ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column; /* liを縦に並べる */
	gap: 0.3rem;
}
.home .sp .category-post {
    display: grid;
    grid-template-columns: 44% 52%;
    column-gap: 4%;
    align-items: center;
}
.home .sp .category-posts li .post-date{
    display: none;
}
.home .pc .carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
}
.home .pc .slide {
  flex-shrink: 0;
  scroll-snap-align: start;
  min-width: 320px;
}
.home .pc .category-posts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.home .pc .swiper {
  padding: 1rem 0 0;
  overflow: visible;
  position: relative; 
  width: 100%;
  display: block;
}
.home .pc .swiper-slide {
  width: auto;
}
.home .pc .category-post {
  list-style: none;
}
.home .pc .swiper-slide li img{
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.home .pc .swiper-slide li .post-date,
.home .pc .swiper-slide li .reading-time{
    font-size: 12px;
    color: #999;   
}
.home .pc .swiper-slide li .post-title{
    color: #333;
}

.swiper-button-next:after {
    border-right: 4px solid;
    border-top: 4px solid;
}
.swiper-button-prev:after {
    border-bottom: 4px solid;
    border-left: 4px solid;
}
.swiper-button-next, .swiper-button-prev {
    color: #333;
}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}
.swiper-button-next {
    right: -5.5rem;
}
.swiper-button-prev {
    left: -5.5rem;
}
.category-block{
    padding: 0.5rem;
/*    border-top-left-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 12px;
    border-top: 2px solid #5a7b91;
    border-bottom: 2px solid #5a7b91;
    border-left: 2px solid #5a7b91;*/
}
/*
.category-block .swiper-wrapper {
  overflow-x: auto;
  scroll-behavior: smooth;
}
  */
.home .post_content .ttl {
    display: flex;
}
.home .post_content h2 {
    font-size: 1.2rem;
    display: inline-block;
    margin: 2em 0 0em;
	justify-content: space-between;
	align-items: center;
    font-weight: 500;
/*    color: #fff;
    background-color: #41C9B4;
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
    padding: 0.3rem 0.5rem;
    margin-bottom: 1rem;
    position: relative;*/
}
/*.home .post_content h2:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -12px;
    width: 12px;
    height: 19px;
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/shiori_01.png) left 0 center / 12px 9px no-repeat #fff;
}
.home .post_content h2:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    left: 100%;
    border-width: 16px 12px;
    border-style: solid;
    border-color: #41C9B4;
    border-right-color: transparent;
}*/
#footerFloating {
    display: none;
}
#main_content .p-postList__item .tb .tr .reading-time{
    display: block;
}
#main_content .p-postList__item .tb .tr .post-btn{
    display: none;
}
.p-postList__link{
    display: inline;
}
.page-numbers{
    border-radius: 50px;
}
.p-postList.p-postList {
    margin-bottom: 1rem;
}
.p-postSlider .p-postList__link {
    background: #fff;
    display: block;
    border-radius: 12px;
    box-shadow: 3px 3px 14px #ccc;
}
.p-postSlider.-ps-style-normal .p-postList__body {
    padding: 0 0.5rem 0.5rem;
}
.p-postSlider .p-postList__link .p-postList__cat{
    color:#fff;
    border-radius: 6px;
    background-color: #5A7B91;
    padding: 0.4rem 1rem;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.p-postSlider .p-postList__link .p-postList__meta{
	justify-content: center;
}
.p-postSlider .p-postList__link .meta_cat{
	justify-content: left;
}
.p-postSlider .p-postList__link .p-postList__meta .reading-link{
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/book_icon_01.png) right 1.5rem center / 24px 18px no-repeat #41C9B4;
    padding: 0.5em 3.5rem 0.7rem 2.0rem;
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    margin: 0.5rem 0;
}
.p-postSlider .p-postList__link .p-postList__meta .reading-time-head{
    text-align: center;
    font-size: 12px;   
    font-weight: 600;
    color:#41C9B4;
    display: block;
    width: 100%;
}
.p-postList .p-postList__title{
    font-weight: 500;
}
.home .p-postList__thumb {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.p-postSlider .swiper-pagination-bullet{
    background: #41C9B4;
}
.p-postSlider .swiper-pagination-bullet-active{
    height: 8px;
    width: 8px;
}
/* 検索ボックスにアニメーション付きグラデーション枠を追加 */

.top_search {
  position: relative;
}

.top_search::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 28px;
  z-index: 0;

  /* 派手すぎず鮮やかなミントグラデーション */
  background: linear-gradient(45deg,
  #b2f7ef,  /* 明るく清潔なミントブルー（ベース） */
  #63e6c2,  /* グリーン寄りミント（やや強調） */
  #6fbfff,  /* 鮮やかブルー（アクセント） */
  #00e0c6   /* 発色のいい青緑で締める */
  );

  background-size: 1000% 1000%;        /* 少し派手めに動きが出る */
  filter: blur(3px);                 /* シャドウ控えめ（弱め） */
  opacity: 0.6;                     /* 全体の主張を抑えめに */
  animation: glowing-shadow 5s ease infinite;
}
#fix_header .top_search::before {
    content: '';
    bottom: 4px;
}

.top_search input[type=text] {
  position: relative;
  z-index: 1;

  border: 0px;
  border: 2px solid transparent;
  border-radius: 24px;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(white, white),
    linear-gradient(90deg, #b2f7ef, #98ddff, #6fbfff, #a0f0e0);
  background-size: 100% 100%, 200% 100%;
  animation: border-gradient-animation 4s linear infinite;
  outline: none;
	/* ▼ 凹み感を出す2重の内側シャドウ */
box-shadow:
  inset 2px 2px 5px rgba(0, 0, 0, 0.2),     /* 影（下＋右） */
  inset -2px -2px 5px rgba(255, 255, 255, 0.7); /* 光（上＋左） */
  transition: box-shadow 0.3s;
}

@keyframes glowing-shadow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes border-gradient-animation {
  0%   { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}
.top_search .u-bg-main {
    background-color: transparent!important;
    border: 0px;
}
.c-searchForm__submit:before {
    color: #41C9B4;
}
.c-postThumb__figure:before {
    padding-top: 75%;
}
input::placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}

input:focus::placeholder {
  opacity: 0;
}
.p-postList__link:hover .c-postThumb:before {
    opacity: 0;
}
.swiper-button-next,
.swiper-button-prev {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent; 
  width: 80px; 
  height: 80px;
}
/* 右矢印（next） */
.swiper-button-next {
  background-color: transparent;
  background-image: url('https://cloud-minpaku.com/wp-content/uploads/2025/08/next.png'); 
}
/* 左矢印（prev） */
.swiper-button-prev {
  background-color: transparent;
  background-image: url('https://cloud-minpaku.com/wp-content/uploads/2025/08/prev.png');
}
.page-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  display: none;
}
.-series .l-header__logo {
    padding: 5px 0;
}
.header_tab {
    display: flex;
    align-items: end;
}
.header_tab_menu {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.header_tab_menu li {
  margin: 0;
}

.header_tab_menu li a {
  display: inline-block;
  padding: 0px 20px;
  text-decoration: none;
  background: #F5F5F5;
  color: #41C9B4;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  transition: background 0.3s ease, color 0.3s ease;
	transition-duration:0.3s;
}

.header_tab_menu li a:hover {
  background: #41C9B4;
  color: #fff;
}

.header_tab_menu li.current-menu-item a,
.header_tab_menu li.current_page_item a {
  background: #41C9B4;
  color: #fff;
  font-weight: bold;
  position: relative;
  /*top: 2px; */
  z-index: 1;
}

#header .l-header__gnav {
    display: none;
}
@media screen and (max-width: 1050px) {
    #header .-img .c-headLogo__link {
        padding: 0px 2vw;
    }
    #header .l-header__logo {
        order:0;
    }
    #header .top_search {
        order:2;
    }
    #header .header_tab {
        order:1;
    }
    #header .l-header__inner {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "logo gnav"
            "logo header_tab";
    }
    #header .l-header__logo {
        grid-area: logo;
    }
/*    #header .l-header__gnav {
       grid-area: gnav;
    }*/
    #header .header_tab {
        grid-area: header_tab;
    }
    #header .top_search {
        margin: 7px 2% 7px auto;
        min-width: 90%;
    }
    #header .-series .l-header__logo {
        padding: 5px 1vw;
    }
    #header .top_search::after {
        content: "";
        background: transparent;
    }
}

@media screen and (max-width: 1300px) {
    .home .pc .swiper-slide li .post-title {
        font-size: 1.2vw;
    }
}
@media screen and (max-width: 1024px) {
    .home .pc .swiper-slide li .post-title {
        font-size: 1.6vw;
    }
}
@media screen and (max-width: 770px) {
    .home .pc .swiper-slide li .post-title {
        font-size: 2.2vw;
    }
}
@media screen and (max-width: 1200px) {
    .category_navi .ttl,
    .home .category_navi .block{
        width: 94%;
    }
}
@media screen and (max-width: 640px) {
	.sp { display: block; }
	.pc { display: none; }

    #header .header_tab {
        display: none;
    }
    .home .l-container{
        padding-left: 0;
        padding-right: 0;
    }
    .p-pickupBanners {
        margin-left: auto;
        margin-right: auto;
        width: 92%;
    }
    .l-footer {
        margin-bottom: 10rem;
    }
    .top_search {
        margin: 0 0.5rem;
        width: 85%;
    }
    .top_search::after {
        content: "";
        position: absolute;
        bottom: -38px;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 40px;
        pointer-events: none;
    }

    .home .post_content h2 {
        margin: 1em 0 0;
        flex-wrap: wrap;
   		flex-direction: column;
		align-items: flex-start;
    }
   	.home .category-block .category-link {
                margin-top: -3px;
	}
    .home .category_navi {
        padding: 1.5rem 0 0.5rem;
        width: 92%;
    }
    .category_navi h2{
        font-size: 4.5vw;
        margin: 0 0 1rem;
    }

    .category_navi .block .box {
        display: inline-block;
        margin: 0 0.2rem 0.8rem;
    }
    .category_navi .block .box a {
        /*background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/arrow_01.png) right 0.5rem center / 7px 16px no-repeat #fff;*/
        background: #F2F8F8;
        padding: 7px 0.8rem 7px 0.8rem;
        font-size: 3.0vw;
    }
    #main_content .category_navi {
        overflow-x: auto;
    }
    #main_content .category_navi .block {
        display: flex;
        display: block;
        gap: 0.3rem;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    #main_content .category_navi .box {
        flex: 0 0 auto; /* 幅固定で横並び */
        text-align: center;
        scroll-snap-align: start;
        white-space: nowrap;
    }

   	#footerFloating {
		display: block;
		width: 96%;
		position: fixed;
		left: 2%;
		bottom: 0px;
		z-index: 9999;
		text-align: center;
		padding: 0;
        border-radius: 100px;
        margin-bottom: 20px;
        background: linear-gradient(90deg, rgba(73,200,184,0.9), rgba(63,171,198,0.9));
        filter: drop-shadow(1px 1px 15px #ccc);
	}
	#footerFloating .sub_block{
		display: grid;
		grid-template-columns: 19% 19% 24% 19% 19%;
		align-items: center;
		justify-items: center;
        width: 96%;
        margin: 0 auto;
	}
	#footerFloating .sub_block div{
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
        font-size: 3vw;
	}
	#footerFloating .sub_block a{
		padding:1.2rem 2rem;
		width: 100%;
		height: 100%;
        text-indent: -999px;
	}
    #footerFloating .sub_block .link1 a{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/19.png) center top -2px /  14vw auto no-repeat;
    }
    #footerFloating .sub_block .link1 a.on{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/18.png) center top -2px /  14vw auto no-repeat;
    }    
    #footerFloating .sub_block .link2 a{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/21.png) center top -2px /  14vw auto no-repeat;
    }
    #footerFloating .sub_block .link2 a.on{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/20.png) center top -2px /  14vw auto no-repeat;
    }    
    #footerFloating .sub_block .link3 a{
        width: 8rem;
        height: auto;
        margin-top: -3.5rem;
        position: relative;
        text-indent:0;
        padding: 0;
    }
    #footerFloating .sub_block .link3 a img{
        height: auto;
        width: 65%;
    }
    #footerFloating .sub_block .link3 a:after{
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 11vw;
        height: 5px;
        display: block;
        background: transparent;
        border-radius: 10px;
    }
    #footerFloating .sub_block .link3 a.on:after{
        content: "";
        background: #fff;
    }
    #footerFloating .sub_block .link4 a{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/23.png) center top -2px /  14vw auto no-repeat;
    }
    #footerFloating .sub_block .link4 a.on{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/22.png) center top -2px /  14vw auto no-repeat;
    }
    #footerFloating .sub_block .link5 a{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/25.png) center top -2px /  14vw auto no-repeat;
    }
    #footerFloating .sub_block .link5 a.on{
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/08/24.png) center top -2px /  14vw auto no-repeat;
    }
    .p-fixBtnWrap {
        bottom: 7.25em;
    }
    
    #main_content .p-postList__item .tb{
        display: grid;
        grid-template-columns: 40% 55%;
        align-items: center;
        column-gap: 5%; 
    }
    #main_content .p-postList__item .tb .tl{
        
    }
    #main_content .p-postList__item .tb .tr .reading-time{
        display: none;
    }
    #main_content .p-postList__item .tb .tr .post-btn{
        display: block;
    }
    #main_content .p-postList__item .tb .tr .p-postList__body {
        padding-top: 0;
    }
    .p-postSlider .p-postList__title {
        font-size: 3.6vw;
        font-weight: 600;
    }
    .home .post_content h2 {
        font-size: 1.2rem;
        display: inline-block;
        margin: 0 0 0.8em;
/*        justify-content: space-between;
        align-items: center;
        color: #fff;
        background-color: #41C9B4;
        border-top-left-radius: 6px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 6px;
        padding: 0.3rem 0.5rem;
        margin-bottom: 1rem;
        position: relative;*/
    }
/*    .home .post_content h2:before {
        content: "";
        position: absolute;
        top: 3px;
        left: -12px;
        width: 12px;
        height: 19px;
        background: url(https://cloud-minpaku.com/wp-content/uploads/2025/07/shiori_01.png) left 0 center / 12px 9px no-repeat #fff;
    }
    .home .post_content h2:after {
        content: " ";
        width: 0;
        height: 0;
        position: absolute;
        top: 0px;
        left: 100%;
        border-width: 15px 12px;
        border-style: solid;
        border-color: #41C9B4;
        border-right-color: transparent;
    }*/
    .p-postSlider .p-postList__item {
        padding: 0 5px;
    }
    .top_search::before {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
    }
}