@charset "UTF-8";

/*--------------------------------------------------------
POSSWEBテーマの主要スタイル

【ブレイクポイント】
PC 1024以上
@media screen and (min-width: 1024px) {

タブレット 1023以下
@media screen and (max-width: 1023px) {

カラム変化ポイント 781以下
@media screen and (max-width: 781px) {

スマホ標準 639以下
@media screen and (max-width: 639px) {

スマホ最小基準（独自の認識） 480以下
@media screen and (max-width: 480px) {

--------------------------------------------------------*/

/* =======================================
　テンプレート
======================================= */
/*----- タイト幅テンプレート -----*/
/* 1カラムタイト */
.page-template-page-narrow #content-inner {
  max-width: var(--main-max-narrow);
}


/*----- LPテンプレート -----*/
.page-template-lp-default header {
  display: none;
}

.page-template-lp-default #content-inner {
  max-width: 100%;
  padding: 0;
}




/* =======================================
　親テーマのバグ修正
======================================= */
/*----- アーカイブページのページネーション -----*/
.wp-pagenavi a {
  min-width: 36px;
  width: auto;
}


/*----- 検索フォームのデザイン -----*/
/* 入力ボックスのスタイル */
input#wp-block-search__input-1 {
  border: 1px solid var(--color-gray02);
}


/*----- ボックスのパディングの考え方 -----*/
.wp-block-snow-monkey-blocks-box.smb-box:nth-child(n+2) {
  margin-top: 0;
}



/* =======================================
　ヘッダー
======================================= */
/*----- ロゴ -----*/
#logo-area {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1023px) {
  #logo-area {
    width: 36vw;
    max-width: 220px;
  }
}

#header-btn a {
  background: linear-gradient(135deg, #844ED1 0%, #674695 00%);
  ;
}

@media screen and (max-width: 1023px) {
  #header-btn a {
    display: none;
  }
}


/*----- ナビゲーションボタン（スマホ） -----*/
.navicon {
  background: var(--color-accent01);
}

nav#top-nav.stellarnav.mobile ul li a {
  color: var(--color-primary-font-main) !important;
}


/* =======================================
　コンテンツエリアのオーバーフロー防止
======================================= */
#content_area {
  overflow: hidden;
}



/* =======================================
　フッター
======================================= */
/*----- フッターナビゲーションのリンク色 -----*/
nav#footer-nav ul li a {
  color: var(--color-primary-link-footer) !important;
}


/*----- フッターの背景色 -----*/
/* フッター全体 */
footer {
  background: var(--color-footer-bg);
  margin-bottom: 0 !important;
}

/* フッターコンテンツ */
#footer-inner {
  background: transparent !important;
  padding-bottom: 0;
}

#footer-inner .smb-section__fixed-background {
  background: none;
}

/* フッターボトム */
footer #footer-bottom {
  background: transparent !important;
}

/*----- フッターナビゲーション -----*/
#global-footer .menu-footer-nav-container {
  margin: 40px 16px 0;
}

#global-footer ul#menu-footer-nav {
  display: flex;
  justify-content: center;
  gap: 32px;
  list-style: none;
  padding: 0;
}

#global-footer ul#menu-footer-nav li a {
  text-decoration: underline !important;
  font-size: 14px;
}

#global-footer ul#menu-footer-nav li a:hover {
  text-decoration: none !important;
}



/* =======================================
　固定ページ
======================================= */
.wp-singular h1 {
  font-size: 48px;
  margin-bottom: 0;
  margin-top: 40px;
}


/* =======================================
　アーカイブページ
======================================= */
.double-col #content-inner {
  max-width: var(--main-max-wide);
}

.blog main {
  margin-top: 20px;
}

.pageTitle {
  background: var(--color-accent01);
}

h1.main-title.archive {
  font-size: 32px;
}

article.news .news_meta ul li a {
  background: var(--color-accent01);
}

section.archive .archive_title {
  background: var(--color-accent01);
}

.wp-pagenavi span.pages {
  background: var(--color-accent01);
}

.wp-pagenavi a {
  background: var(--color-accent01);
  border: 1px solid var(---color-primary02) !important;
}

.wp-pagenavi span.current {
  color: var(--color-primary02);
  border: 1px solid var(--color-primary02) !important;
}

main a.page.larger,
main a.nextpostslink {
  border: 1px solid var(--color-primary02) !important;
}

.wp-pagenavi a:hover {
  background: var(--color-wh);
  color: var(--color-primary02);
  border: 1px solid var(--color-primary02) !important;
  opacity: 1;
}



/* =======================================
　ブログ記事ページ
======================================= */
.article h1.article_title {
  font-size: 48px;
  line-height: 1.35 !important;
  color: var(--color-primary-font-main);
}

.article .article_meta time {
  margin-top: 8px;
}

section.archive .archive_title {
  border-bottom: none;
  padding: 14px 10px;
}

.article .article_meta ul li a {
  background: var(--color-accent01);
}

section.archive .archive_title {
  border-bottom: none;
}





/* =======================================
　検索結果ページ
======================================= */
h1.pageTitle {
  margin-bottom: 32px;
}



/*----- 固定コンタクトボタン -----*/