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

:root {
  --madrid-orange: rgb(255, 140, 0);
  --madrid-pink: rgb(219, 112, 147);
  --madrid-purple: rgb(161, 93, 196);
  --madrid-blue: rgb(30, 144, 255);
  --madrid-lime: rgb(102, 205, 170);
  --madrid-green: rgb(0, 123, 67);
  --madrid-red: rgb(197, 28, 47);
  --madrid-yellow: rgb(235, 216, 66);
  --madrid-gray: rgb(51, 51, 51);
}

/*
 * ヘッダーコンテンツ調整
 */
.l-header__inner.l-header__inner {
  justify-content: space-between;
  max-width: 1200px;
  padding-left: 1em;
  padding-right: 1em;
}
.l-header__logo.l-header__logo {
  width: auto;
}
.w-header.w-header.pc_ {
  width: auto;
}
.w-header .menu-item a {
  color: inherit;
  font-size: 0.8em;
}
.c-square-menu--small-text .c-bannerLink__title {
  font-size: 1.2em;
}

/*
 * ヘッダーメニュー調整
 */
.c-gnav > .menu-item {
  flex-grow: 1;
  flex-basis: 120px;
  flex-shrink: 1;
}
.c-gnav > .menu-item > a {
  padding: 0;
}
.header-menu__color-icon,
.header-menu__white-icon {
  width: 30%;
  height: 2em;
  vertical-align: sub;
  margin-right: 0.5em;
}
.menu-item:hover .header-menu__color-icon,
.header-menu__white-icon {
  display: none;
}
.menu-item:hover .header-menu__white-icon {
  display: inline;
}

#fix_header .c-gnav > .menu-item.menu-item {
  width: 120px;
}
.l-fixHeader__gnav {
  max-width: 90%;
}

/* 観光 */
.menu-item--signtseeing {
  border-top: solid 3px var(--madrid-orange);
  color: var(--madrid-orange);
}
.menu-item--signtseeing:hover {
  background-color: var(--madrid-orange);
  color: white;
}
.menu-item--signtseeing .sub-menu {
  background-color: var(--madrid-orange);
}

/* レストラン */
.menu-item--restaurant {
  border-top: solid 3px var(--madrid-pink);
  color: var(--madrid-pink);
}
.menu-item--restaurant:hover {
  background-color: var(--madrid-pink);
  color: white;
}
.menu-item--restaurant .sub-menu {
  background-color: var(--madrid-pink);
}

/* バル */
.menu-item--bar {
  border-top: solid 3px var(--madrid-purple);
  color: var(--madrid-purple);
}
.menu-item--bar:hover {
  background-color: var(--madrid-purple);
  color: white;
}
.menu-item--bar .sub-menu {
  background-color: var(--madrid-purple);
}

/* カフェ */
.menu-item--cafe {
  border-top: solid 3px var(--madrid-blue);
  color: var(--madrid-blue);
}
.menu-item--cafe:hover {
  background-color: var(--madrid-blue);
  color: white;
}
.menu-item--cafe .sub-menu {
  background-color: var(--madrid-blue);
}

/* ショップ */
.menu-item--shop {
  border-top: solid 3px var(--madrid-lime);
  color: var(--madrid-lime);
}
.menu-item--shop:hover {
  background-color: var(--madrid-lime);
  color: white;
}
.menu-item--shop .sub-menu {
  background-color: var(--madrid-lime);
}

/* スポット */
.menu-item--spot {
  border-top: solid 3px var(--madrid-green);
  color: var(--madrid-green);
}
.menu-item--spot:hover {
  background-color: var(--madrid-green);
  color: white;
}
.menu-item--spot .sub-menu {
  background-color: var(--madrid-green);
}

/* おすすめ */
.menu-item--recommend {
  border-top: solid 3px var(--madrid-red);
  color: var(--madrid-red);
}
.menu-item--recommend:hover {
  background-color: var(--madrid-red);
  color: white;
}
.menu-item--recommend .sub-menu {
  background-color: var(--madrid-red);
}

/* イベント */
.menu-item--event {
  border-top: solid 3px var(--madrid-yellow);
  color: var(--madrid-yellow);
}
.menu-item--event:hover {
  background-color: var(--madrid-yellow);
  color: white;
}
.menu-item--event .sub-menu {
  background-color: var(--madrid-yellow);
}

/* 検索 */
.c-gnav__s {
  border-top: solid 3px var(--madrid-gray);
}
.c-gnav__s:hover {
  background-color: var(--madrid-gray);
  color: white;
}

/*
 * フッター
 */
.footer-logo > img {
  width: 200px;
}

.footer-notice {
  max-width: 500px;
  width: 100%;
  font-size: 0.5em;
  color: var(--color_header_text);
  margin-left: auto;
  margin-right: auto;
}

/*
 * カテゴリ
 */
.c-postThumb__cat.c-category-tag--sightseeing,
.iconlocal.c-category-tag--sightseeing,
.p-articleMetas.-bottom .c-category-tag--sightseeing {
  background-color: var(--madrid-orange);
}
.c-postThumb__cat.c-category-tag--restaurant,
.iconlocal.c-category-tag--restaurant,
.p-articleMetas.-bottom .c-category-tag--restaurant {
  background-color: var(--madrid-pink);
}
.c-postThumb__cat.c-category-tag--bar,
.iconlocal.c-category-tag--bar,
.p-articleMetas.-bottom .c-category-tag--bar {
  background-color: var(--madrid-purple);
}
.c-postThumb__cat.c-category-tag--cafe,
.iconlocal.c-category-tag--cafe,
.p-articleMetas.-bottom .c-category-tag--cafe {
  background-color: var(--madrid-blue);
}
.c-postThumb__cat.c-category-tag--shop,
.iconlocal.c-category-tag--shop,
.p-articleMetas.-bottom .c-category-tag--shop {
  background-color: var(--madrid-lime);
}
.c-postThumb__cat.c-category-tag--spot,
.iconlocal.c-category-tag--spot,
.p-articleMetas.-bottom .c-category-tag--spot {
  background-color: var(--madrid-green);
}
.c-postThumb__cat.c-category-tag--recommend,
.iconlocal.c-category-tag--recommend,
.p-articleMetas.-bottom .c-category-tag--recommend {
  background-color: var(--madrid-red);
}
.c-postThumb__cat.c-category-tag--event,
.iconlocal.c-category-tag--event,
.p-articleMetas.-bottom .c-category-tag--event {
  background-color: var(--madrid-yellow);
}

/*
 * 投稿
 */
/* インフォメーション欄 */
.iconlocal {
  background-color: var(--color_main);
}

.localinfo li + li {
  margin-top: 0.5em;
}

.localinfo .iconlocal {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  margin-top: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  float: left;
  display: grid;
  place-items: center;
}

.localinfo .iconlocal img {
  display: block;
  height: 40%;
  width: 40%;
}

.localinfo span strong {
  display: block;
}

/*
 * パーツ
 */
/* フォーム */
.half-simple-form__row {
  display: flex;
  gap: 10px;
}

.half-simple-form__input input,
.half-simple-form__input textarea {
  width: 100%;
  border-radius: 5px;
}

.half-simple-form form > div + div {
  margin-top: 10px;
}

.half-simple-form__button input {
  border-radius: 5px;
}

.half-simple-form .wpcf7-not-valid-tip {
  color: white;
}

/* 投稿リスト - 抜粋 */
@media screen and (max-width: 599px) {
  .-type-card .p-postList__excerpt {
    font-size: 3.6vw;
  }
}