@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/
/* メディアクエリ分岐
@media screen and (min-width: 960px) 
@media screen and (max-width: 960px) 
@media screen and (max-width: 400px) 
*/
/*サイト内共通変数*/
/*サイト内共通変数*/
body {
	/* 出店カテゴリ別キーカラー */
  --daitent-color: #45757e;
  --craft-color: #a87b5a;
  --gourmet-color: #f27457;
  --kitchencar-color: #219ebc;
}
@media screen and (min-width: 960px) {
  /* サイトヘッダーロゴ部分 */
  /*.header-site-branding*/ .header-cta, .header-sns {
    margin-right: 16px;
  }
}
h2 {
  color: #45757e !important;
  padding: 0.6em !important;
}
h3, h4 {
  color: #45757e !important;
}
h5 {
  font-size: 17px !important;
}

.top {
  color: #ffffff !important;
}
/*  パンくずナビ  */
.breadcrumb_nav {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}
.breadcrumb_nav li {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  color: #969da3;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 430px) {
  h2 {
    font-size: 1.3em !important;
  }
  h3 {
    font-size: 1.1em !important;
  }
  .breadcrumb_nav li {
    font-weight: normal;
    font-size: .8em;
  }
}
@media screen and (max-width: 400px) {
  h2 {
    font-size: 1.2em !important;
  }
  h3 {
    font-size: 1.0em !important;
  }
}

/* 申し込み締め切り処理 コントロールをDisabled化 */
/*
daitent
craft
gourmet
kitchencar
*/
/* トップページ */

/* 受付終了 */
/*dl.daitent dt,*/
dl.craft dt,
dl.gourmet dt,
dl.kitchencar dt,
/*.home p.daitent,*/
.home p.craft,
.home p.gourmet,
.home p.kitchencar,
.page-id-256 a.craft, /* プロフィール変更完了ページ */
.page-id-256 a.kitchencar{
	/*background-color: #004e8e;*/
	background-color: #747474 !important;
	-webkit-user-select: none; /* Safari, Chromeなど */
  	-moz-user-select: none;    /* Firefox */
  	-ms-user-select: none;     /* IE10以降 */
  	user-select: none;          /* 標準 */
}
/* ultimate member 出店カテゴリ */

#um_field_254_ap-industry input[type="radio"][disabled], /* disabled状態の場合に適用 */
.page-id-256 a.craft, /* プロフィール変更完了ページ */
.page-id-256 a.kitchencar
{
 pointer-events: none;
}
/* 申し込み終了案藍案内 */
.ap_close_str{
	color: #EF882B;
	font-weight: 600;
	font-size: 20px;
}




/*
.breadcrumb_nav li.prev, .breadcrumb_nav li.current {
  color: #45757e #2589d0 ;
}
*/
ol.daitent li.prev, ol.daitent li.current {
  color: var(--daitent-color) !important;
}
ol.craft li.prev, ol.craft li.current {
  color: var(--craft-color) !important;
}
ol.gourmet li.prev, ol.gourmet li.current {
  color: var(--gourmet-color) !important;
}
ol.kitchencar li.prev, ol.kitchencar li.current {
  color: var(--kitchencar-color) !important;
}
.breadcrumb_nav li::before {
  display: inline-block;
  /*
	width: 14px;
    height: 14px;
	*/
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
  content: '';
  border: 2px solid #d6dde3;
  border-radius: 50%;
  background-color: #fff;
}
/*
.breadcrumb_nav li.prev::before, .breadcrumb_nav li.current::before {
  border-color: #45757e #2589d0 ;
}
*/
ol.daitent li.prev::before, ol.craft li.daitent::before {
  border-color: var(--daitent-color) !important;
}
ol.craft li.prev::before, ol.craft li.current::before {
  border-color: var(--craft-color) !important;
}
ol.gourmet li.prev::before, ol.gourmet li.current::before {
  border-color: var(--gourmet-color) !important;
}
ol.kitchencar li.prev::before, ol.kitchencar li.current::before {
  border-color: var(--kitchencar-color) !important;
}
.breadcrumb_nav li:not(:last-child)::after {
  position: absolute;
  top: 8px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 2px;
  background-color: #d6dde3;
  content: '';
}
/*
.breadcrumb_nav li.current::before, .breadcrumb_nav li.prev::after {
  background-color: #45757e #2589d0 ;
}
*/
ol.daitent li.current::before, ol.daitent li.prev::after {
  background-color: var(--daitent-color) !important;
}
ol.craft li.current::before, ol.craft li.prev::after {
  background-color: var(--craft-color) !important;
}
ol.gourmet li.current::before, ol.gourmet li.prev::after {
  background-color: var(--gourmet-color) !important;
}
ol.kitchencar li.current::before, ol.kitchencar li.prev::after {
  background-color: var(--kitchencar-color) !important;
}
/*パンくずナビ　ここまで*/
.map-area-symbol img {
  vertical-align: baseline !important;
}
.map-label{
	margin-bottom: -32px;
}
@media screen and (max-width: 430px) {
  .map-area-symbol img {
    width: 60px !important;
  }
}
/******************************************************************/
/* Ultimate Member Profile*/
/* Profile page (user)*/
/******************************************************************/
.um-admin-drag-fld-icons a i{
	color: #FFFFFF;
}

.um-profile-nav {
  /*display: none;*/
}
/* ログイン、編集画面 */
.um-misc-img, .um-profile-photo, .um-profile-nav, .um-header {
  display: none;
}
/* 編集画面 見出し */
.um-row-heading {
  color: #45757e !important;
  font-size: 24px !important;
  font-weight: bold;
}
/* 必須項目 */
.um-req {
  color: #FF0004 !important;
}
.um-req::after, .form-req::after {
  content: "必須";
  background-color: #f0ad4e;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}
/*
#um_field_254_ap-birth-year::after, #stf-birth-year01-254::after {
  content: "年";
}
#um_field_254_ap-birth-month::after, #stf-birth-month01-254::after {
  content: "月";
}
#um_field_254_ap-birth-day::after, #stf-birth-day01-254::after {
  content: "日";
}
*/
/*******↓***********/
/* 年月日入力欄のafter要素を横に配置 */
.um-field-ap-birth-year .um-field-area, .um-field-ap-birth-month .um-field-area, .um-field-ap-birth-day .um-field-area, .um-field-stf-birth-year01 .um-field-area, .um-field-stf-birth-month01 .um-field-area, .um-field-stf-birth-day01 .um-field-area, .um-field-stf-birth-year02 .um-field-area, .um-field-stf-birth-month02 .um-field-area, .um-field-stf-birth-day02 .um-field-area, .um-field-stf-birth-year03 .um-field-area, .um-field-stf-birth-month03 .um-field-area, .um-field-stf-birth-day03 .um-field-area, .um-field-stf-birth-year04 .um-field-area, .um-field-stf-birth-month04 .um-field-area, .um-field-stf-birth-day04 .um-field-area, .um-field-stf-birth-year05 .um-field-area, .um-field-stf-birth-month05 .um-field-area, .um-field-stf-birth-day05 .um-field-area, .um-field-stf-birth-year06 .um-field-area, .um-field-stf-birth-month06 .um-field-area, .um-field-stf-birth-day06 .um-field-area, .um-field-stf-birth-year07 .um-field-area, .um-field-stf-birth-month07 .um-field-area, .um-field-stf-birth-day07 .um-field-area, .um-field-stf-birth-year08 .um-field-area, .um-field-stf-birth-month08 .um-field-area, .um-field-stf-birth-day08 .um-field-area, .um-field-stf-birth-year09 .um-field-area, .um-field-stf-birth-month09 .um-field-area, .um-field-stf-birth-day09 .um-field-area, .um-field-stf-birth-year10 .um-field-area, .um-field-stf-birth-month10 .um-field-area, .um-field-stf-birth-day10 .um-field-area {
  position: relative;
}
.um-field-ap-birth-year .um-field-area:after, .um-field-ap-birth-month .um-field-area:after, .um-field-ap-birth-day .um-field-area:after, .um-field-stf-birth-year01 .um-field-area:after, .um-field-stf-birth-month01 .um-field-area:after, .um-field-stf-birth-day01 .um-field-area:after, .um-field-stf-birth-year02 .um-field-area:after, .um-field-stf-birth-month02 .um-field-area:after, .um-field-stf-birth-day02 .um-field-area:after, .um-field-stf-birth-year03 .um-field-area:after, .um-field-stf-birth-month03 .um-field-area:after, .um-field-stf-birth-day03 .um-field-area:after, .um-field-stf-birth-year04 .um-field-area:after, .um-field-stf-birth-month04 .um-field-area:after, .um-field-stf-birth-day04 .um-field-area:after, .um-field-stf-birth-year05 .um-field-area:after, .um-field-stf-birth-month05 .um-field-area:after, .um-field-stf-birth-day05 .um-field-area:after, .um-field-stf-birth-year06 .um-field-area:after, .um-field-stf-birth-month06 .um-field-area:after, .um-field-stf-birth-day06 .um-field-area:after, .um-field-stf-birth-year07 .um-field-area:after, .um-field-stf-birth-month07 .um-field-area:after, .um-field-stf-birth-day07 .um-field-area:after, .um-field-stf-birth-year08 .um-field-area:after, .um-field-stf-birth-month08 .um-field-area:after, .um-field-stf-birth-day08 .um-field-area:after, .um-field-stf-birth-year09 .um-field-area:after, .um-field-stf-birth-month09 .um-field-area:after, .um-field-stf-birth-day09 .um-field-area:after, .um-field-stf-birth-year10 .um-field-area:after, .um-field-stf-birth-month10 .um-field-area:after, .um-field-stf-birth-day10 .um-field-area:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  font-size: 0.9em;
  color: #484848;
  vertical-align: middle;
}
.um-field-ap-birth-year .um-field-area:after {
  content: '年';
}
.um-field-ap-birth-month .um-field-area:after {
  content: '月';
}
.um-field-ap-birth-day .um-field-area:after {
  content: '日';
}
.um-field-stf-birth-year01 .um-field-area:after, .um-field-stf-birth-year02 .um-field-area:after, .um-field-stf-birth-year03 .um-field-area:after, .um-field-stf-birth-year04 .um-field-area:after, .um-field-stf-birth-year05 .um-field-area:after, .um-field-stf-birth-year06 .um-field-area:after, .um-field-stf-birth-year07 .um-field-area:after, .um-field-stf-birth-year08 .um-field-area:after, .um-field-stf-birth-year09 .um-field-area:after, .um-field-stf-birth-year10 .um-field-area:after {
  content: '年';
}
.um-field-stf-birth-month01 .um-field-area:after, .um-field-stf-birth-month02 .um-field-area:after, .um-field-stf-birth-month03 .um-field-area:after, .um-field-stf-birth-month04 .um-field-area:after, .um-field-stf-birth-month05 .um-field-area:after, .um-field-stf-birth-month06 .um-field-area:after, .um-field-stf-birth-month07 .um-field-area:after, .um-field-stf-birth-month08 .um-field-area:after, .um-field-stf-birth-month09 .um-field-area:after, .um-field-stf-birth-month10 .um-field-area:after {
  content: '月';
}
.um-field-stf-birth-day01 .um-field-area:after, .um-field-stf-birth-day02 .um-field-area:after, .um-field-stf-birth-day03 .um-field-area:after, .um-field-stf-birth-day04 .um-field-area:after, .um-field-stf-birth-day05 .um-field-area:after, .um-field-stf-birth-day06 .um-field-area:after, .um-field-stf-birth-day07 .um-field-area:after, .um-field-stf-birth-day08 .um-field-area:after, .um-field-stf-birth-day09 .um-field-area:after, .um-field-stf-birth-day10 .um-field-area:after {
  content: '日';
}
/* メディアクエリ (タブレット以下) */
/*
@media screen and (max-width: 768px) {
      .um-field-ap-birth-year .um-field-area:after,
        .um-field-ap-birth-month .um-field-area:after,
        .um-field-ap-birth-day .um-field-area:after,
        .um-field-stf-birth-year01 .um-field-area:after,
        .um-field-stf-birth-month01 .um-field-area:after,
        .um-field-stf-birth-day01 .um-field-area:after,
        .um-field-stf-birth-year02 .um-field-area:after,
        .um-field-stf-birth-month02 .um-field-area:after,
        .um-field-stf-birth-day02 .um-field-area:after,
        .um-field-stf-birth-year03 .um-field-area:after,
        .um-field-stf-birth-month03 .um-field-area:after,
        .um-field-stf-birth-day03 .um-field-area:after,
        .um-field-stf-birth-year04 .um-field-area:after,
        .um-field-stf-birth-month04 .um-field-area:after,
        .um-field-stf-birth-day04 .um-field-area:after,
        .um-field-stf-birth-year05 .um-field-area:after,
        .um-field-stf-birth-month05 .um-field-area:after,
        .um-field-stf-birth-day05 .um-field-area:after,
        .um-field-stf-birth-year06 .um-field-area:after,
        .um-field-stf-birth-month06 .um-field-area:after,
        .um-field-stf-birth-day06 .um-field-area:after,
        .um-field-stf-birth-year07 .um-field-area:after,
        .um-field-stf-birth-month07 .um-field-area:after,
        .um-field-stf-birth-day07 .um-field-area:after,
        .um-field-stf-birth-year08 .um-field-area:after,
        .um-field-stf-birth-month08 .um-field-area:after,
        .um-field-stf-birth-day08 .um-field-area:after,
        .um-field-stf-birth-year09 .um-field-area:after,
        .um-field-stf-birth-month09 .um-field-area:after,
        .um-field-stf-birth-day09 .um-field-area:after,
        .um-field-stf-birth-year10 .um-field-area:after,
        .um-field-stf-birth-month10 .um-field-area:after,
        .um-field-stf-birth-day10 .um-field-area:after{
        display: block;
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin-left: 0px;
    }
}
*/
/*******↑**********/
/* 写真UPの説明文 */
div.ajax-upload-dragdrop span.str {
  display: none !important;
}
/* 次へ進むボタン */
.wp-block-emanon-premium-blocks-advanced-button-template {
  display: flex; /* Flexboxを有効にする */
  justify-content: center; /* 水平方向の中央寄せ */
  width: 100%; /* コンテナ要素の幅を100%にする */
  text-align: center; /* テキストを中央寄せにする（保険） */
}
.wp-block-emanon-premium-blocks-advanced-button-template .epb-advanced-button {
  display: inline-block; /* ボタンをインラインブロック要素にする */
  text-align: center; /* テキストを中央寄せにする */
}
.epb-advanced-button {
  color: #FFFFFF;
  background: #45757e;
  vertical-align: middle !important;
  height: auto !important;
  font-size: 15px;
  cursor: pointer !important;
  width: 100%;
  box-shadow: none;
  text-shadow: none;
  font-family: inherit;
  outline: 0 !important;
  margin: 0;
  opacity: 1;
  -webkit-appearance: none;
  border-color: #45757e;
  border-radius: 10px;
}
.epb-advanced-button span {
  line-height: 1.8em;
  font-size: 1.5em;
}
.epb-advanced-button:before {
  content: "";
  position: absolute;
  top: 44%;
  right: 12px;
  width: 12px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}
.epb-advanced-button:after {
  content: "";
  position: absolute;
  top: 56%;
  right: 12px;
  width: 12px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}
@media screen and (max-width: 960px) {
  .epb-advanced-button {
    font-size: 12px;
  }
  .epb-advanced-button:before {
    top: 44%;
  }
  .epb-advanced-button:after {
    top: 56%;
  }
}
@media screen and (max-width: 400px) {
  .epb-advanced-button {
    font-size: 10px;
  }
  .epb-advanced-button:before {
    top: 42%;
  }
  .epb-advanced-button:after {
    top: 58%;
  }
}
p.daitent {
  background-color: var(--daitent-color) !important;
  border-color: var(--daitent-color) !important;
  color: #fff;
}
p.craft {
  background-color: var(--craft-color) !important;
  border-color: var(--craft-color) !important;
  color: #fff;
}
p.gourmet {
  background-color: var(--gourmet-color) !important;
  border-color: var(--gourmet-color) !important;
  color: #fff;
}
p.kitchencar {
  background-color: var(--kitchencar-color) !important;
  border-color: var(--kitchencar-color) !important;
  color: #fff;
}
.save_message {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}
/* ----------------------------------
 出店業種
 --------------------------------*/
#um_field_254_ap-industry {
  padding: 16px;
  background-color: #e5e7e8;
}
/******************************************************************/
/*出店料計算フォーム（CF7）*/
select[name="app-koma"], select[name="app-rentaltent"], select[name="app-generator"], select[name="app-threeside"] {
  width: 50% !important;
  margin-right: 8px;
}
.estimate-section {
  padding: 15px;
  margin-bottom: 20px;
  font-size: 14px;
}
.application-table {
  width: 100%;
  border-collapse: collapse;
}
.application-table th {
  text-align: left;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
}
.application-table th br {
  white-space: normal;
}
.application-table td {
  padding: 10px;
  vertical-align: top;
}
.application-table tr:last-child th {
  padding-top: 20px;
}
.application-table tr:last-child td {
  padding-top: 20px;
}
.subtotal, .total {
  font-weight: bold;
  margin-left: 5px;
}
/*calculated-tableテーブルのボーダーと背景を非表示にする */
.calculated-table {
  border-collapse: collapse;
  background-color: transparent;
  width: 100%;
}
.calculated-table th {
  border: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  width: 50%;
}
.calculated-table td {
  border: none;
  padding: 0;
  background-color: transparent;
  width: 40%;
  display: inline-block;
}
.price-cell {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
/* td要素の幅を調整 */
.calculated-table .price-cell {
  display: inline-flex;
}
/* inputタグとspanタグの枠線を非表示にする */
.calculated-table input, .calculated-table span {
  border: none !important;
  outline: none;
  background-color: transparent;
}
/* td要素の背景を透明にする */
.calculated-table td.price-cell {
  /* background-color: transparent; */ /* この行を削除 */
}
/* span要素の背景を透明にする */
.calculated-table .price-cell > span {
  background-color: transparent; /* この行を追加 */
}
/* inputタグを右寄せにする */
.calculated-table input {
  text-align: right;
  font-size: 1.6em !important; /* inputタグのフォントサイズを1.6emにする */
}
/*******************************************************************/
.estimate-section {
  padding: 15px;
  margin-bottom: 20px;
  font-size: 14px;
}
.application-table {
  width: 100%;
  border-collapse: collapse;
}
.application-table th {
  text-align: center;
  padding: 10px;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
  width: 30%;
}
.application-table td {
  padding: 10px;
  vertical-align: top;
}
.application-table tr:last-child th {
  padding-top: 20px;
}
.application-table tr:last-child td {
  padding-top: 20px;
}
.subtotal, .total {
  font-weight: bold;
  margin-left: 5px;
}
/* calculated-tableの罫線を削除 */
.calculated-table {
  border-collapse: collapse;
  background-color: transparent;
  width: 100%;
}
.calculated-table th, .calculated-table td {
  border: none;
  padding: 0;
  background-color: transparent;
}
/* td内のtableの罫線を削除 */
.application-table td table {
  border-collapse: collapse;
  background-color: transparent;
  width: 100%;
}
.application-table td table th, .application-table td table td {
  border: none;
  padding: 0;
  background-color: transparent;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
}
/* td内のtableのthとtdをフレックスボックスで横並びにする */
.application-table td table tbody {
  display: flex;
  flex-wrap: wrap;
}
.application-table td table th {
  width: 250px;
  padding-right: 5px;
  flex-shrink: 0; /* thが縮まないように設定 */
}
.application-table td table td {
  width: auto;
  padding-left: 5px;
  display: flex; /* td要素をフレックスコンテナにする */
}
.calculated-table input {
  width: 90% !important;
}
table.calculated-table tr:last-child th, table.calculated-table tr:last-child td, table.calculated-table tr:last-child input {
  background-color: #ccc;
}
table.calculated-table tr:last-child th {
  text-align: right;
}
table.calculated-table tr:last-child input {
  font-weight: 600;
}
p.goukei {
  margin-right: 35px;
}
p.note, span.note {
  font-size: 0.8em;
  font-weight: normal;
}
.agreement {
  margin: 20px 0;
  text-align: center;
}
.accept-check {
  margin: 30px 0;
}
.CF7_btn {
  text-align: center;
  margin-top: 20px;
}
button, input[type="button"], input[type="submit"] {
  background-color: #3ba1da !important;
}
/* スマホ表示時のスタイル */
@media (max-width: 768px) {
  .application-table th, .application-table td {
    display: block;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    text-align: left; /* スマホ表示でthとtdの文字を左寄せにする */
  }
  .application-table td table th, .application-table td table td {
    display: block; /* スマホ表示でtd内のtableのthとtdを縦に表示 */
    width: 100%;
    text-align: left; /* スマホ表示でtd内のtableのthとtdを左寄せにする */
    padding-left: 0; /* スマホ表示でtdの左パディングを削除 */
  }
  .application-table th {
    font-size: 16px;
    padding: 10px 5px;
    text-align: left;
  }
}
/******************************************************************/
/* 広告掲載フォームのボタン関連 */
.wpcf7-form-control.wpcf7-previous.um-button {
  display: inline-block; /* ボタンをインラインブロック要素にする */
  background-color: transparent; /* 背景色を透明にする */
  color: #333; /* テキストの色 */
  border-color: #333;
  text-decoration: underline; /* 下線を引く */
  cursor: pointer; /* カーソルをポインターにする */
  font-size: 15px; /* フォントサイズ */
  transition: color 0.3s ease; /* ホバー時のトランジション */
  background-color: #fff !important; /* 戻るボタ */
  border: solid 1px #ccc !important; /* 戻るボタン */
  box-shadow: none !important; /* 戻るボタン */
  margin-top: 40px !important; /* 戻るボタン */
  margin-bottom: 32px !important; /* 戻るボタン */
}
.wpcf7-form-control.wpcf7-previous.um-button:hover {
  color: #777; /* ホバー時のテキストの色 */
}
.koukoku input[type="submit"], .price-submit input[type="submit"] {
  margin-top: 40px !important; /* 入力内容の確認ボタン */
}
/******************************************************************/
.l-footer .footer-border .footer-widget__title {
  border: none !important;
}
/* 確認フォーム プロフィール入力欄 */
.ultim_form {
  display: none;
}
/* PC表示時のthとtdを横並びにする */
@media (min-width: 769px) {
  .application-table td table tbody tr {
    display: flex;
  }
}