/* Source: https://miya-shimon.com/assets/css/settings.css */
@charset "utf-8";

:root {
	--base-color: #1e1d1d;
	--base-inverted-color: #ffffff;
	--heading-black-color: var(--base-color);
	--primary-color: #5b5b5b;
	--secondary-color: #e7e7e7;
	--base-bg: #fcfcfc;
	--base-font-color: var(--base-color);
	--secondary-bg: var(--base-color);
	--chef-area-bg: var(--base-color);
	--btn-primary-color: #181616;
	--btn-swipe-color: #f4f2f0;
	--warning-color: #c9371c;
	--contact-area-text-color: #ffffff;
	--footer-background-color: #282828;
	--footer-foreground-color: #ffffff;
}


/**************************************************************
* フォームリセット
**************************************************************/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #9c989f;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:read-only,
textarea:-webkit-autofill:read-only,
select:-webkit-autofill:read-only,
input[type="text"]:not(#acceptance):read-only,
input[type="tel"]:not(#acceptance):read-only,
input[type="email"]:not(#acceptance):read-only,
textarea:not(.privacy-textarea):read-only {
  border-color: #9c989f;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px var(--secondary-color) inset;
  box-shadow: 0 0 0px 1000px var(--secondary-color) inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* 必須ではない場合のPlaceholderの対応　*/
input[type="text"]:not(#acceptance):read-only:placeholder-shown,
input[type="tel"]:not(#acceptance):read-only:placeholder-shown,
input[type="email"]:not(#acceptance):read-only:placeholder-shown {
	-webkit-text-fill-color: var(--secondary-color);
}

/**
 * *************************************************************************************************************
 * TOPページ
 * *************************************************************************************************************
**/

/**
 * ************************************************************
 * mv
 * ************************************************************
*/

/**
 * ***************************
 * mv-list mv-bg
 * ***************************
*/
.mv-list .--01 .mv-bg {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg_01.jpg");
}
.mv-list .--02 .mv-bg {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg_02.jpg");
}
.mv-list .--03 .mv-bg {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg_03.jpg");
}
@media screen and (max-width:767px) { 
  .mv-list .mv-bg {
    padding-top: 177.866%;
  }
  .mv-list .--01 .mv-bg {
    background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg_01_sp.jpg");
  }
  .mv-list .--02 .mv-bg {
    background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg_02_sp.jpg");
  }
  .mv-list .--03 .mv-bg {
    background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg_03_sp.jpg");
  }
}


/**
 * ***************************
 * info-list
 * ***************************
*/
.info-list .--mask .item__fig-bg {
	width: 12.1rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/mask.svg");
}
.info-list .--disinfection .item__fig-bg {
	width: 13.8rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/disinfection.svg");
}
.info-list .--temperature .item__fig-bg {
	width: 11.2rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/temperature.svg");
}
.info-list .--cleaning .item__fig-bg {
	width: 14.3rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/cleaning.svg");
}
.info-list .--acrylic .item__fig-bg {
	width: 12.7rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/acrylic.svg");
}
.info-list .--ventilation .item__fig-bg {
	width: 9.9rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/ventilation.svg");
}
.info-list .--alcohol .item__fig-bg {
	width: 10.9rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/alcohol.svg");
}
.info-list .--personal .item__fig-bg {
	width: 14.5rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/personal.svg");
}
.info-list .--time .item__fig-bg {
	width: 9.9rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/time.svg");
}
.info-list .--distance .item__fig-bg {
	width: 15.8rem;
	background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/distance.svg");
}
@media screen and ( max-width:767px ) {
	.info-list .--mask .item__fig-bg {
		width: 6rem;
	}
	.info-list .--disinfection .item__fig-bg {
		width: 5.8rem;
	}
	.info-list .--temperature .item__fig-bg {
		width: 5.2rem;
	}
	.info-list .--cleaning .item__fig-bg {
		width: 5.7rem;
	}
	.info-list .--acrylic .item__fig-bg {
		width: 5.7rem;
	}
	.info-list .--ventilation .item__fig-bg {
		width: 5rem;
	}
	.info-list .--alcohol .item__fig-bg {
		width: 5.2rem;
	}
	.info-list .--personal .item__fig-bg {
		width: 6rem;
	}
	.info-list .--time .item__fig-bg {
		width: 6rem;
	}
	.info-list .--distance .item__fig-bg {
		width: 6.2rem;
	}
}


/**
 * ************************************************************
 * concept
 * ************************************************************
*/

/**
 * ***************************
 * concept-bg
 * ***************************
*/
.concept-bg::before {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg.jpg");
}


/**
 * ************************************************************
 * chef
 * ************************************************************
*/

/**
 * ***************************
 * chef-contents photo-bg
 * ***************************
*/
.chef-contents .photo-bg {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/photo_chef.jpg");
}


/**
 * ************************************************************
 * contact
 * ************************************************************
*/

/**
 * ***************************
 * contact-bg
 * ***************************
*/
.contact-bg::before {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/bg-1.jpg");
}

/**************************************************************
* 背景画像の指定
**************************************************************/

.free-btn-icn {
  background-image: url("https://miya-shimon.jp/wp-content/uploads/2026/07/tel_icn.svg");
}

/* Source: https://miya-shimon.com/assets/css/customize.css */
/* logo */
.g-header-logo-link img {
    filter: invert(1);
}

@media screen and (max-width: 767px) {

    .mv-logo-link img,
    .g-footer-logo img {
        width: 110px;
    }

    .g-header-logo-link img {
        width: 65px;
    }

    .g-footer-nav-list-wrap {
        margin-top: 5rem;
    }
}

@media screen and (min-width: 768px) {

    .mv-logo-link img,
    .g-footer-logo img {
        width: 180px;
    }

    .g-header-logo-link img {
        width: 95px;
    }
}

/* mv */
.c-head.--lv1 {
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8), -3px -3px 10px rgba(0, 0, 0, 0.8);
}

/* menu */
/* .menu {
    padding-bottom: 14.8rem;
} */

.menu-normalList-block .item__priceList__item__contents {
    justify-content: end;
}

.menu-normalList-block .item__priceList__item__price {
    width: auto;
}

@media screen and (max-width: 767px) {
    .menu-mainList .list__item {
        margin-left: 0;
    }
}

/* @media screen and (max-width: 767px) {
    .menu {
        padding-bottom: 21.8rem;
    }
} */

/* access */
/* .access {
    padding-top: 12rem;
}

@media screen and (max-width: 767px) {
    .access {
        padding-top: 14.4rem;
    }
} */

/* concept */
.concept .c-head,
.concept .c-txt-wrap.--white .c-txt {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.concept-bg::before {
    padding-top: 0;
}

/* 追従ボタン */
.followArea {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}


.followArea .c-btn-wrap {
    margin: 0;
}

.followArea .followArea-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 20px;
}

.followArea-item  .c-btn-txt.--tel {
    display: block;
    color: #fff;
    margin-top: 2px;
}

@media screen and (max-width: 767px) {
    .followArea {
        background-color: #fff;
    }

    .followArea .c-btn-wrap {
        width: 100%;
        border-radius: 0;
    }

    .followArea .c-btn.--all {
        width: 100%;
        border-radius: 0;
        padding: 1.2rem 0;
    }

    .followArea .followArea-list {
        gap: 1px;
    }
}

@media (min-width: 768px) {
    .followArea .followArea-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        gap: 0px;
        width: 100%;
    }

    .followArea {
        right: 20px;
        bottom: 20px;
        width: 540px;
    }
}

/* footer */
@media screen and (max-width: 767px) {
    .g-footer-bottom {
        margin-top: -3rem;
        padding-bottom: 8.8rem;
    }
}