@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
*/

/* スクロールバー全体を非表示 */
::-webkit-scrollbar {
    display: none;
    /* または width: 0; */
    /* または width: 0 !important; */
}

/* スクロール機能は維持しつつ、見た目だけ非表示にする新しいCSSプロパティ */
html {
    scrollbar-width: none; /* Firefox向け */
}

.p-postList.-type-card, .p-postList.-type-thumb {
    display: grid;
    gap: 30px !important;
	max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
    padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
}





@media (min-width: 600px) {
    .p-postList.-type-card, .p-postList.-type-thumb {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 960px) {
    .p-postList.-type-card, .p-postList.-type-thumb {
        grid-template-columns: repeat(3, 1fr);
    }
}


.-type-card .p-postList__item {
	border: 4px solid #E6E6E6;
	padding: 30px 25px!important;
	box-shadow: 3px 1px 4px #cbcbcb;
	transition: transform 0.3s ease, box-shadow 0.3s ease; /* アニメーションを滑らかにする */
	margin: 0!important;
	border-radius: 20px;
}

@media screen and (max-width: 479px) {
.-type-card .p-postList__item {
        border-radius: 12px;
    }
}



.p-postList__item {
        width: 100%!important;
    }

.p-postList__thumb {
	box-shadow: none;
}

.-type-list .p-postList__thumb {
	border-radius: 1vmin;
}

.-type-card .p-postList__thumb {
    border-radius: 1vmin;
}

.p-articleThumb img {
	border-radius: 0vmin 5vmin 0vmin 5vmin ;
}

.p-postList.-type-card.-pc-col3.-sp-col1 {
	margin-bottom: 60px;
}

#post_slider .p-postList__thumb{
	opacity: 0.6;
}

.p-postSlider.-ps-style-img .p-postList__body:before {
    display: none;
}

#post_slider {
	padding-top: 0px;
	padding-bottom: 0px;
}

#post_slider .p-postList__thumb {
	max-height: 550px;
}

#post_slider .p-postList__thumb.c-postThumb {
	max-height: 550px;
}

@media (min-width: 600px) {
    .p-postSlider.-fz-pc-l .p-postList__title {
        font-size: 32px;
    }
}

@media (max-width: 599px) {
    .p-postSlider.-fz-pc-l .p-postList__title {
        font-size: 22px;
    }
}



.p-postSlider.-ps-style-img .p-postList__body:before{
	
}

.p-postList__title, .p-postList__meta {
	max-width: 1100px;
	margin-left: auto!important;
	margin-right: auto!important;
}

@media (max-width: 960px) {
	.p-postSlider.-ps-style-img .p-postList__body:before {
	height: 100px;
}
}

.p-postList__item.swiper-slide .p-postList__cat {
    background-color: #fff;
    color: #000;
    padding: 4px .5em !important;
}

.p-postSlider .p-postList__title{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.p-articleFoot {
	display: none;
}


.c-shareBtns__btn {
    background-color: #3358a8;
}


.icon-posted:before {
	content: none;
}

.c-postAuthor__figure {
	display: none;
}



.p-articleMetas {
	gap: .325em;
}

.p-articleMetas {
    font-size: 18px;
}

.c-postAuthor__name.u-thin:before {
    content: "";
    display: inline-block;
	width: 18px;
    height: 18px;
    background: url(https://valueup-kitakyushu.jp/images/writer-icon.svg);
	margin-right: .325em;
    position: relative;
    top: 1px;
}

.icon-modified:before {
	content: "";
    display: inline-block;
	width: 18px;
    height: 18px;
    background: url(https://valueup-kitakyushu.jp/images/update.svg);
	margin-right: .325em;
    position: relative;
    top: 2px;
}

.p-postList__meta {
   font-size: 12px;
}

.p-articleMetas.-top .p-articleMetas__termList {
    font-size: 18px;
}

.p-articleMetas__termList.c-categoryList, .c-postTimes__posted.icon-posted, .c-postTimes__modified.icon-modified, .c-postAuthor__name.u-thin {
	margin-right: 10px;
}


@media (min-width: 600px) {
.p-postList__meta {
    font-size: 14px;
}
}

@media screen and (max-width: 600px) {
.p-articleMetas {
    font-size: 16px;
}

.c-postAuthor__name.u-thin:before {
    width: 16px;
    height: 16px;
}
	.icon-modified:before {
	width: 16px;
    height: 16px;
}
.p-articleMetas.-top .p-articleMetas__termList {
    font-size: 16px;
}
}



.c-postAuthor__name.u-thin {
    text-decoration:underline;
}


.c-categoryList:before, .icon-folder:before {
	display: none;
}

.p-postList__cat {
    background-color: var(--color_main);
    color: #fff;
	padding: 4px .5em!important;
}

.archive.category .p-postList__cat.u-thin.icon-folder{
	display: none;
}


/* カード型はここから */
.p-postList.-type-card .p-postList__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* カード型ここまで */

/* リスト型はここから */
.p-postList.-type-list .p-postList__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* リスト型ここまで */

/* テキスト型はここから */
.p-postList.-type-simple .p-postList__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/* テキスト型ここまで */

.c-gnav {
	display: none;
}


@media screen and (min-width: 961px) {
    .l-header__menuBtn.sp_ {
        display: block!important;
        position: fixed;
		z-index: 9999;
		right: 20px;
		width: 50px;
        height: 50px;
        
    }
    .p-spMenu {
        display: block!important;
    }
    .p-spMenu__inner {
        max-width: 600px; //幅を設定
    }    
	
.c-iconBtn {
	border: 1px solid #fff;
	border-radius: 50%;
    background: #3358a8;
    color: #fff;
	width: 50px;
    height: 50px;
    margin: 20px;
	right: 0;
	position: fixed;
}

/* アニメーション前のメニューの状態 */
.-right .p-spMenu__inner {
  transition: all .4s linear!important;
}
	
}



@media screen and (max-width: 960px) {
    .l-header__menuBtn.sp_ {
        display: block!important;
        position: fixed;
		z-index: 9999;
		right: 4px;
		bottom: 4px;
		width: 52px;
        height: 52px;
        
    }
	
.c-iconBtn {
	border: 1px solid #fff;
	border-radius: 50%;
    background: #3358a8;
    color: #fff;
	width: 52px;
    height: 52px;
    margin: 4px;
	right: 1em;
	bottom: 1.25em;
	position: fixed;
}
	
.p-spMenu__inner {
    padding-top: 20px;
}


.l-header__customBtn{
	display:none;
}
	
}

@media screen and (max-width: 959px) {
    .l-header__logo {
        margin: auto;
    }
}

.c-widget__title.-spmenu{
	display: none;
}

@media (min-width: 960px) {
    .-parallel-bottom .l-header__inner {
        padding-top: 0px;
    }
}



.c-pageTitle__inner {
 border-top: 2px solid #3358a8!important;
 border-bottom: 2px solid #3358a8!important;
 padding-left: 10px!important;
 color: #3358a8!important;
 padding-top: 12px!important;
 padding-bottom: 12px!important;
 text-align: center;
 font-size: 28px;
 float: none!important;
}

.c-pageTitle__subTitle{
display: none;
	
}

.p-toc.is-omitted:not([data-omit=nest]):after {
    background: #e6e6e6;
}

.p-toc.is-omitted:not([data-omit=nest]):before {
    background: linear-gradient(hsla(0, 0%, 100%, 0),#e6e6e6);
	
}

.swell-block-linkList.is-style-default .swell-block-linkList__text {
    margin-right: 10px;
}

@media (min-width: 960px) {
    .-parallel-bottom .l-header__logo {
        padding: 30px 0;
    }
}

@media (max-width: 959px) {
    .-parallel-bottom .l-header__logo {
        padding: 5px 20px;
    }
}


.new-post__list {
	border-top: 2px solid #3358a8!important;
	border-bottom: 2px solid #3358a8!important;
    padding: 15px 20px!important;
	line-height: 1;
	
}

.new-post__list.__black-bg {
	border-top: 2px solid #fff!important;
	border-bottom: 2px solid #fff!important;	
    color: #fff!important;
    padding: 15px 20px!important;
	line-height: 1;
}

.new-post__list.menu__pc {
    background: #000 !important;
    color: #fff !important;
    padding: 15px !important;
    line-height: 1;
}

.new-post__list.menu__sp {
    background: #000 !important;
    color: #fff !important;
    padding: 13px !important;
    line-height: 1;
}

.p-postList.-type-simple {
    border-top: none;
}

.-type-simple .p-postList__link {
    border-bottom: 1px solid #000;
}

.swell-block-linkList.-border .swell-block-linkList__item:first-child {
    border-top: 1px solid #000;
}
.swell-block-linkList.-border .swell-block-linkList__item {
    border-bottom: 1px solid #000;
}

.single-post .post_content, .single-post .c-shareBtns.-bottom.-style-block {
    max-width: 900px !important;
    margin-left: auto;
    margin-right: auto;
}

.single-notice .l-content.l-container {
    max-width: 900px !important;
    margin-left: auto;
    margin-right: auto;
}

.single-notice .c-shareBtns, .single-notice .l-articleBottom {
	display: none;
}

.must {
margin-left: 10px;
padding: 0px 3px 0px 3px;
font-size: 13px;
Background-color: #BD1E1E;
color: #fff;
}

.not-must {
margin-left: 10px;
padding: 0px 3px 0px 3px;
font-size: 13px;
Background-color: gray;
color: #fff;
}

label {
font-size: 20px;
font-weight: bold;
}

select {
      appearance: none;
      -webkit-appearance: none; /*Google Chrome/Safari対応*/
      -moz-appearance: none; /*Firefox対応*/
      -o-appearance: none; /*Opera対応*/
      background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%206'%3E%3Cpath%20fill='black'%20d='M0%200l5%206%205-6z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 16px 16px; /* アイコンのサイズを調整 */
    Background-color: "333;
    padding: .5625rem 1.8rem .8125rem 1.4rem!important;
    border-radius: 4px;
    font-size: 1erm;
    cursor: pointer;
    width: 100%; /* 必要に応じて調整 */
}



small {
    display: block;
    font-size: 14px!important;
    line-height: 20px!important;
    margin-bottom: 20px;
}

.wpcf7-form-control.wpcf7-radio{
   margin-bottom: 24px;
}

input[name="tel-529"],
input[name="your-name"],
input[name="your-name2"],
input[name="your-name3"],
input[name="your-message"],
input[name="your-email"] {
Background-color: #FDFDFD;
width: 100%;
margin-top: 10px;
margin-bottom: 24px;
border-radius: 5px;
height: 50px;
border-color: #333;
}

input[name="number-553"],
input[name="number-554"] {
width: 30%;
right: 0px;
margin-top: 10px;
margin-bottom: 24px;
}

textarea[name="your-message"] {
Background-color: #FDFDFD;
width: 100%;
margin-top:10px;
margin-bottom: 5px;
border-radius: 5px;
border-color: #333;
}

.wpcf7-submit {
cursor: not-allowed;
    width: 100%;
border: none;
cursor: pointer;
line-height: 1;
font-size: 1.2rem;
background-color: #000;
color: #fff;
border-radius: 5px;
padding: 20px 38px!important;
box-shadow: var(--swl-btn_shadow);
transition: box-shadow .25s;
}

.wpcf7-submit:hover {
box-shadow:0 4px 12px rgb(0 0 0 / 10%),0 12px 24px -12px rgb(0 0 0 / 20%);
opacity: 1;
}

select.wpcf7-form-control.wpcf7-select {
width: 100%;
height: 35px;
}

span.wpcf7-list-item {
display: block;
}

input[name="acceptance-465"] {
font-zize: 200px;
}


option{
       color: #757575!important;
       padding: .5625rem 1.4rem .8125rem 1.4rem;
}

.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    Background-color: #FDFDFD;
    border-radius: 5px;
    height: 50px;
    border-color: #333;
    width: 100%;
    margin-bottom: 24px;
}

.wpcf7-turnstile.cf-turnstile {
    text-align: center;
    margin-bottom: 20px;
}

.wpcf7-form-control.wpcf7-radio{
    display: block;
}

.is-style-more_btn a {
    background: #fff;
	border: 1px solid #3358a8;
    box-shadow: none ;
    color: #3358a8;
}

.c-searchForm__s {
    font-size: 16px;
	border: 1px solid #3358a8;
}

.c-searchForm__submit.icon-search.hov-opacity.u-bg-main {
	border: 1px solid #3358a8;
}

/* ------------------------------------------------------
 * 開閉メニューのフルスクリーン設定
 * ------------------------------------------------------ */
.p-spMenu__inner {
  width: 100vw;
}

/* アニメーション前のメニューの状態 */
.-right .p-spMenu__inner {
  transform: translateX(100vw);
  transition: all .3s linear;
}
/* アニメーション後のメニューの状態 */
[data-spmenu="opened"] .p-spMenu__inner {
  transform: translateX(0);
}

.line-height__1 {
   line-height: 1;
}

.line-height__1-3 {
	 line-height: 1.3;
}

.u-thin {
    opacity: 1;
}

.p-authorBox {
    border: 1px solid #000;
}

.p-authorBox__moreLink {
	border: 1px solid #000;
	padding: .25em 1em;
}

.p-authorBox__moreLink:after {
	top: .25em;
}

@media (min-width: 600px) {
.p-authorBox__r {
    border-left: 1px solid #000;
}

.l-articleBottom__section.-author{
max-width: 900px !important;
    margin-left: auto;
    margin-right: auto;
}
}	

.picup-article__List .p-postList__cat {
	background: #fff;
	color: #000;
}

.l-articleBottom__title.c-secTitle{
	background: #3358a8;
	color: #fff;
	padding: 15px 20px !important;
    line-height: 1;
}

@media (min-width: 600px) {
.p-authorBox__r {
    width: calc(100% - 210px - 1.5em);
}
.p-authorBox__l {
    margin-bottom: 0;
    width: 210px;
}
}

.l-content {
    padding-left: 5vw;
    padding-right: 5vw;
}

.swell-block-linkList.-fill .swell-block-linkList__link:hover {
	background-color: #cdcdcd;
}

@media (max-width: 400px) {
.archive.category .c-pageTitle__inner {
	font-size: 24px;
}
}

.w-beforeFooter {
	margin-bottom: 0px!important;
}
.icon-home:before {
    content: none;
}
.p-breadcrumb__list {
	font-size: 12px;
}

/* 著者ページのみパンくずリストを非表示にする */
.author .p-breadcrumb {
    display: none !important;
}

.is-style-balloon>.c-tabList .c-tabList__button:before{
	display: none;
}

.is-style-balloon>.c-tabList .c-tabList__button {
	box-shadow: none;
	border: 1px solid #000;
}

.user-postList__title {
	background: var(--color_htag)!important;
    padding: .75em 1em!important;
    color: #fff!important;
	margin-bottom: 2em!important;
	font-size: 1.2em!important;
}

@media (min-width: 600px) {
.user-postList__title {
    font-size: 1.4em!important;
}
}

.price-column {
	height: 100%;
}

.price-column .cap_box_content {
	height: 100%;
}



.is-style-clmn-border>.swell-block-columns__inner>.swell-block-column {
    border: 1px solid #000;
}

.is-style-simple td, .is-style-simple th {
    border-left: none!important;
    border-right: none!important;
    box-shadow: none;
}

.rich-column-flex {
    display: flex;
    flex-direction: column;
}

.rich-column-flex .vuk-block-button {
    display: flex;
    margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	align-items: flex-end;
	width: 100%;
	justify-content: center;
}

th {
    white-space: nowrap;
}


/* 前のページタイトル入力フィールドの幅を100%にする */
input[name="referertitle"], input[name="refererurl"] {
    width: 100%; /* 親要素の幅いっぱいに広げる */
    box-sizing: border-box; /* paddingとborderを幅に含める */
	Background-color: #fdfdfd;
    margin-top: 10px;
    margin-bottom: 24px;
    border-radius: 5px;
    height: 50px;
    border-color: #333;
}

.myColumn {
    height: 100%;
    background: #ffffff;
}

.magazine_img {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* アニメーションを滑らかにする */
}

.magazine_img:hover {
    transform: translateY(-5px); /* カードを上に5px浮かせる */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* 影を濃くして立体感を出す */
}

.p-postSlider.-ps-style-img .p-postList__body {
    bottom: 0;
    color: #fff;
    left: 0;
    margin-top: 0;
    padding: 2em .75em;
    position: absolute;
    width: 100%;
    z-index: 2;
}