@charset "UTF-8";
.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc {
    display: inline;
  }
}

.sp {
  display: inline;
}
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

/*----------------------------*/
/* 基本                       */
/*----------------------------*/
.contact, .recruit_guideline, #recruit_message, #lineup, .concept_point, .concept_main, #access, #about-us, #news {
  padding: 40px 0 80px;
}

html {
  font-size: 62.5%;
}

body:lang(ja) {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  body:lang(ja) {
    font-size: 16px;
  }
}

h1, h2 {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
}

/*----------------------------*/
/* ヘッダー                    */
/*----------------------------*/
.main-header {
  padding: 0 2vw;
}
@media screen and (min-width: 768px) {
  .main-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.hd_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.hd_logo {
  width: 120px;
  padding: 8px 0;
}
@media screen and (min-width: 768px) {
  .hd_logo {
    width: 180px;
  }
}
.hd_logo a {
  display: inline-block;
  transition: 0.3s;
}
.hd_logo a:hover {
  opacity: 0.5;
}

#hd_nav {
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position: fixed;
  z-index: -1;
  opacity: 0; /*はじめは透過0*/
  top: 59px;
  left: 0;
  width: 100%;
  height: 0;
  background: #521a00;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  #hd_nav {
    background-color: transparent;
    position: relative;
    z-index: 1;
    opacity: 1;
    top: 0;
    width: auto;
    height: auto;
  }
}

#hd_nav.panelactive {
  opacity: 1;
  z-index: 999;
  height: calc(100vh - 59px); /*ナビの高さ*/
}
@media screen and (min-width: 768px) {
  #hd_nav.panelactive {
    opacity: 1;
  }
}

#hd_nav.panelactive #hd_nav-list {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: calc(100vh - 59px); /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  #hd_nav.panelactive #hd_nav-list {
    position: relative;
    height: auto;
  }
}

/*ナビゲーション*/
#hd_nav ul {
  display: none;
}
@media screen and (min-width: 768px) {
  #hd_nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
  }
}

#hd_nav.panelactive ul {
  display: block;
  margin: 5vw;
}
@media screen and (min-width: 768px) {
  #hd_nav.panelactive ul {
    display: flex;
    margin: 0;
  }
}

/*リストのレイアウト設定*/
#hd_nav li {
  list-style: none;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#hd_nav li a {
  color: #fff;
  padding: 1.2em 2.5em 1.2em 1em;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 1.2em;
}
#hd_nav li a::after {
  display: inline;
  content: url(/wp-content/themes/futonten/images/menu_icon1.svg);
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #hd_nav li a {
    color: #521a00;
    border-bottom: none;
    padding: 5px 10px;
    font-weight: 100;
    font-size: 14px;
  }
  #hd_nav li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    transform: none;
    width: 90%;
    height: 2px;
    background-color: #d6000f;
    transform: scaleX(0);
    transition: transform 0.3s;
  }
  #hd_nav li a:hover::after {
    transform: scaleX(1);
  }
}

@media screen and (min-width: 768px) {
  #hd_nav li:first-of-type {
    border-top: none;
  }
}

.hd_Toggle {
  position: relative;
  z-index: 9999;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 768px) {
  .hd_Toggle {
    display: none;
  }
}

/*×に変化*/
.hd_Toggle span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #521a00;
  width: 30px;
}

.hd_Toggle span:nth-of-type(1) {
  top: 15px;
}

.hd_Toggle span:nth-of-type(2) {
  top: 23px;
}

.hd_Toggle span:nth-of-type(3) {
  top: 31px;
}

.hd_Toggle.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 20px;
}

.hd_Toggle.active span:nth-of-type(2) {
  opacity: 0;
}

.hd_Toggle.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 20px;
}

/*----------------------------*/
/* フッター                    */
/*----------------------------*/
footer {
  background-color: #d6000f;
  color: #fff;
}
footer a {
  transition: 0.3s;
}
footer a:hover {
  opacity: 0.6;
}
footer .inner {
  padding: 50px 5vw;
}
@media screen and (min-width: 768px) {
  footer .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.ft_shop {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .ft_shop {
    width: 50%;
  }
}
.ft_shop .ft_logo {
  width: min(50%, 200px);
  margin: auto;
}
@media screen and (min-width: 768px) {
  .ft_shop .ft_logo {
    margin: 0;
  }
}
.ft_shop .ft_logo a {
  display: inline-block;
}
.ft_shop .ft_ttl {
  margin: 0.8em auto 0.2em;
  text-align: center;
  font-size: 1.24em;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .ft_shop .ft_ttl {
    margin: 0.8em 0 0.2em;
    text-align: left;
  }
}
.ft_shop .ft_adress {
  margin: 0.2em auto 2em;
  line-height: 1.5;
  font-size: 0.9em;
}
@media screen and (min-width: 768px) {
  .ft_shop .ft_adress {
    margin: 0.2em 0 0;
  }
}

.ft_nav {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.ft_nav ul {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .ft_nav ul {
    width: 50vw;
    justify-content: flex-end;
    align-content: center;
  }
}
.ft_nav li {
  list-style: none;
  width: 30%;
  text-align: center;
  line-height: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ft_nav li {
    padding: 0 0.8em;
  }
}
.ft_nav li::before {
  content: "";
  display: inline-block;
  background-color: #fff;
  opacity: 0.6;
  height: 0.4em;
  width: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ft_nav li:nth-of-type(3n)::after, .ft_nav li:last-of-type::after {
  content: "";
  display: inline-block;
  background-color: #fff;
  opacity: 0.6;
  height: 0.4em;
  width: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ft_nav li a {
  color: #fff;
}

.site-sosal-icon {
  background-color: #fff;
  margin-bottom: 0;
  padding: 1.4em 0 0 !important;
}
.site-sosal-icon a img {
  width: min(6vw, 35px);
}
@media screen and (min-width: 768px) {
  .site-sosal-icon a img {
    width: min(6vw, 40px);
  }
}

.ft_bottom {
  background-color: #fff;
  color: #521a00;
  text-align: center;
  padding: 1em 0;
  line-height: 2;
  font-size: 0.9em;
}
.ft_bottom ul {
  display: flex;
  margin: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.ft_bottom li {
  list-style: none;
}
.ft_bottom li:not(:last-of-type)::after {
  content: "｜";
  padding: 0 1em;
}
.ft_bottom li a {
  color: #521a00;
}

.back-to-top {
  bottom: 20px;
}

/*----------------------------*/
/* コンテンツ部分              */
/*----------------------------*/
main {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  main {
    margin-top: 84px;
  }
}

article {
  position: relative;
}

.ttl_img img {
  width: 100%;
}

/* パンくず */
.breadcrumbs {
  width: 100%;
  padding: 1em 3vw;
  font-size: 0.8em;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    max-width: inherit;
  }
}
.breadcrumbs a {
  transition: 0.3s;
}
.breadcrumbs a:hover {
  opacity: 0.5;
}

/* タイトル */
.ttl_main {
  text-align: center;
  font-size: clamp(3rem, 2vw + 1rem, 5rem);
  color: #d6000f;
  margin: 1.5em 0 1em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .ttl_main {
    margin: 2em 0 1.5em;
  }
}
.ttl_main .en {
  font-family: "Noto Sans JP", sans-serif;
  color: rgba(82, 26, 0, 0.8);
  letter-spacing: 0.1em;
}
.ttl_main .jp {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5em;
  font-weight: 500;
}
.ttl_main .jp::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  width: 1.5em;
  height: 2px;
  background-color: #d6000f;
}
.ttl_main .jp::after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  width: 1.5em;
  height: 2px;
  background-color: #d6000f;
}

.ttl_sub-RE {
  color: #d6000f;
  font-size: 1.4em;
}

.ttl_sub-BR {
  color: #521a00;
  font-size: 1.4em;
}

.ttl_mdl-RE {
  color: #d6000f;
  font-size: 1.6em;
  text-align: center;
}

.ttl_mdl-BR {
  color: #521a00;
  font-size: 1.6em;
  text-align: center;
}

.btn_BR {
  position: relative;
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 80%;
  max-width: 300px;
  margin: auto;
  padding: 1rem 4rem;
  font-weight: bold;
  border: 2px solid #521a00;
  background-color: #521a00;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
}
.btn_BR:hover {
  color: #521a00;
  background-color: #fff;
}
.btn_BR i.btn-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 13px;
  transform: translateY(-50%);
}

.btn_RE {
  position: relative;
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 80%;
  max-width: 300px;
  margin: auto;
  padding: 1rem 4rem;
  font-weight: bold;
  border: 2px solid #d6000f;
  background-color: #d6000f;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
}
.btn_RE:hover {
  color: #d6000f;
  background-color: #fff;
}
.btn_RE i.btn-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 13px;
  transform: translateY(-50%);
}

/*----------------------------*/
/* トップページ：コンテンツ部分 */
/*----------------------------*/
#mv {
  position: relative;
}

#mv_slider {
  width: 100%;
  height: 80vh;
  height: 80dvh;
}
#mv_slider .ttl {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: min(50%, 400px);
}
#mv_slider .ttl .logo {
  margin-bottom: 2em;
}
#mv_slider .ttl h1 {
  font-size: clamp(14px,2.917vw,30px);
  letter-spacing: 0.2em;
  line-height: 1.8;
  color: #fff;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.mv_logo-image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  width: min(20vw, 200px);
  margin-bottom: -80px;
}

/*お知らせ*/
#news {
  position: relative;
}

.news_list {
  margin: 0 auto;
  padding: 0 5vw;
  max-width: 1200px;
}
.news_list li {
  list-style: none;
  border-bottom: 1px solid #521a00;
}
.news_list li:first-of-type {
  border-top: 1px solid #521a00;
}
.news_list a {
  position: relative;
  display: block;
  padding: 1em;
  transition: 0.3s;
}
.news_list a:hover {
  opacity: 0.5;
}
.news_list__info {
  width: calc(100% - 3em);
  font-size: 0.9em;
  margin-bottom: 0.75em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.news_list__category {
  background-color: #521a00;
  color: #fff;
  border-radius: 6px;
  display: inline-block;
  width: 9em;
  padding: 0.6em 1em 0.3em;
  text-align: center;
}
.news_list__date {
  color: #521a00;
  margin-left: 0.5em;
}
.news_list__title {
  color: #111;
  width: calc(100% - 3em);
  line-height: 1.8;
}
.news_list .news_list__icon {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1.5em;
  height: 1.5em;
  transform: translateY(-50%);
  color: #fff;
  background-color: #d6000f;
  border-radius: 1.5em;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.news_list .news_list__icon::before {
  font-size: 0.75em;
  position: relative;
  top: 0.1em;
  left: 0.1em;
}

/*コンテンツ案内*/
#about-us {
  background: url(../images/bakery/bg_about_us_sp.jpg) fixed #fbf9f1;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 768px) {
  #about-us {
    background: url(../images/bakery/bg_about_us.jpg) fixed #fbf9f1;
  }
}

.about-us_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  top: -2em;
}
@media screen and (min-width: 768px) {
  .about-us_list {
    padding: 0 3vw;
  }
}
.about-us_list a {
  width: 100%;
  margin: 2em 5vw;
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
}
@media screen and (min-width: 768px) {
  .about-us_list a {
    width: calc(50% - 40px);
    margin: 2em 20px;
  }
}
.about-us_list a:hover img {
  opacity: 0.5;
}
.about-us_list a:hover h3 {
  color: #d6000f;
}
.about-us_list a:hover .btn {
  color: #d6000f;
  background-color: #fff;
}
.about-us_list a img {
  width: 100%;
  transition: 0.5s;
}
.about-us_list a .tt_wrap {
  margin: 1.5em 2em 2.5em;
}
.about-us_list a h3 {
  color: #521a00;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
.about-us_list a p {
  color: #111;
}
.about-us_list a .btn {
  position: absolute;
  bottom: -1.5em;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  text-align: center;
  text-decoration: none;
  width: 70%;
  max-width: 300px;
  padding: 0.5em 3rem;
  font-weight: bold;
  border: 2px solid #d6000f;
  background-color: #d6000f;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
}
.about-us_list a .btn .btn-text {
  margin-right: 1em;
}
.about-us_list a .btn i.btn-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 13px;
  transform: translateY(-50%);
}

/*店舗案内*/
.access_list__shop {
  position: relative;
  line-height: 1.8;
  max-width: 1400px;
  margin: 0 auto;
}

.shop_img {
  position: relative;
  z-index: 1;
  padding: 0 10vw 0 0vw;
}
@media screen and (min-width: 768px) {
  .shop_img {
    position: absolute;
    padding: 0;
    width: 50%;
  }
}
.shop_img img {
  width: 100%;
}

.shop_ttbox {
  margin: 0 0 0 10vw;
  padding: 4em 5vw 2em;
  position: relative;
  top: -2em;
  background-color: #f7f7f7;
  border-radius: 0 0 0 2em;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .shop_ttbox {
    margin: 0em 0 2em auto;
    padding: 2em 1em 2em 4em;
    top: 2em;
    width: calc(50% + 2em);
    min-height: 400px;
  }
}
@media screen and (min-width: 1400px) {
  .shop_ttbox {
    border-radius: 0 2em 2em 2em;
  }
}
.shop_ttbox h3 {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #d6000f;
  font-size: 1.5em;
}

.shop_tbl {
  margin: 0;
  width: auto;
}
.shop_tbl th {
  background-color: transparent;
  font-weight: 100;
  vertical-align: top;
  border: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 1em 0.5em 0;
}
.shop_tbl th::after {
  content: "";
  background: #ddd;
  height: 1em;
  width: 1px;
  display: inline-block;
  margin: 0 0 0 1em;
}
.shop_tbl td {
  border: 0;
  padding: 0.5em 1em 0.5em 0;
}
.shop_tbl img {
  vertical-align: middle;
}

/*----------------------------*/
/* お知らせページ：コンテンツ部分 */
/*----------------------------*/
.single-topics {
  margin: 40px auto 80px;
  padding: 0 5vw;
  max-width: 1200px;
}

.entry-title {
  font-size: 1.5em;
  margin: 0.5em 0;
  color: #521a00;
}

.entry-category-title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.entry-category-title a {
  background-color: #521a00;
  color: #fff;
  border-radius: 6px;
  padding: 0.5em 1em;
  text-align: center;
  margin: 0 0.5em 0.5em 0;
}
.entry-category-title a:hover {
  opacity: 0.5;
  color: #fff;
}

.entry-date {
  margin-top: 1em;
  margin-right: 0.5em;
  font-size: 0.9em;
}

.entry-content-post-detail {
  width: 100%;
  margin: 1em auto 0;
  font-size: 1em;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .entry-content-post-detail {
    max-width: 100%;
  }
}

/*----------------------------*/
/* お知らせ一覧ページ：コンテンツ部分 */
/*----------------------------*/
.news__area {
  width: 100%;
  margin: 40px auto 80px;
  padding: 0 5vw;
}
@media screen and (min-width: 768px) {
  .news__area {
    max-width: 1200px;
  }
}

.news__category_list {
  background-color: #fbf9f1;
  border-radius: 10px;
}

.news__category_title {
  font-size: 1em;
  color: #521a00;
  margin-left: 0.9em;
}

.news__category_list div {
  font-size: 1em;
  color: #521a00;
  background-color: #fff;
  border-radius: 6px;
  padding: 0.6em 1em 0.4em;
}
.news__category_list div a {
  color: #521a00;
}
.news__category_list div.current {
  color: #fff;
  background-color: #521a00;
}

.news__list_header h2 {
  font-size: 1.5em;
  padding: 0 14px;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .news__list_header h2 {
    padding: 0 20px;
  }
}

.news__list_list .news__list_detail {
  padding: 0 14px;
}
@media screen and (min-width: 768px) {
  .news__list_list .news__list_detail {
    padding: 0 20px;
  }
}

.news__list_detail_area .news__list_detail_category .news__list_detail_category_category {
  font-size: 0.9em;
}

.news__list_detail_title {
  font-size: 1em;
  line-height: 1.6;
  font-weight: 100;
}

.news__instagram {
  max-width: 1200px;
  margin: 20px auto 80px;
  padding: 0 5vw;
  /* display: block; */
}

/*----------------------------*/
/* コンセプトページ：コンテンツ部分    */
/*----------------------------*/
.concept_logo-image {
  margin: 20px auto;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .concept_logo-image {
    width: 200px;
  }
}

.concept_point > .tt_wrap, .concept_main .tt_wrap {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.concept_point > .tt_wrap h2, .concept_main .tt_wrap h2 {
  margin: 0 0 1em;
}
.concept_point > .tt_wrap p, .concept_main .tt_wrap p {
  line-height: 1.6;
}

.concept_main {
  padding-left: 2em;
  padding-right: 2em;
  background-image: url(/wp-content/themes/futonten/images/logo2.png), url(/wp-content/themes/futonten/images/logo2.png);
  background-size: 18vw, 26vw;
  background-position: top 1vw left -5vw, bottom right -7vw;
}
.concept_main img {
  width: 100%;
}
.concept_main .tt_wrap h2 {
  font-size: 2em;
}
.concept_main .item_img {
  max-width: 1200px;
  margin: 0 auto;
}

.concept_point {
  background-color: #fbf9f1;
}
.concept_point > .tt_wrap {
  padding-left: 2em;
  padding-right: 2em;
}
.concept_point > .tt_wrap h2 {
  font-size: 1.8em;
}

.concept_list {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.concept_list li {
  list-style: none;
  padding: 2em;
  width: 100%;
}
.concept_list li:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.75);
}
@media screen and (min-width: 768px) {
  .concept_list li:nth-of-type(even) .concept_list_item {
    flex-direction: row-reverse;
  }
}
.concept_list img {
  width: 100%;
}

.concept_list_item {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .concept_list_item {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .concept_list_item .item_img {
    flex-basis: 60%;
  }
}
.concept_list_item .tt_wrap {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .concept_list_item .tt_wrap {
    flex-basis: 40%;
  }
}
.concept_list_item .tt_wrap h3 {
  margin: 0 0 0.8em;
}

/*----------------------------*/
/* 商品紹介：コンテンツ部分     */
/*----------------------------*/
.lineup_list {
  list-style: none;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  width: min(100%, 1400px);
}
.lineup_list li {
  margin: 5vw;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .lineup_list li {
    width: 22%;
    margin: 1.5%;
  }
}
.lineup_list .item_img {
  width: 100%;
}
.lineup_list .tt_wrap {
  line-height: 1.8;
  margin: 1em;
  font-size: 0.96em;
}
.lineup_list h3 {
  text-align: center;
  margin-bottom: 0.4em;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.lineup_list p {
  color: #521a00;
  font-size: 1.2em;
}

.lineup_list .price{
  color: #521a00;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  }

.lineup_list .panname_sub-BR {
  color: #521a00;
  font-size: 1.5em;
  }
  
/*----------------------------*/
/* FAQページ：コンテンツ部分    */
/*----------------------------*/
.question_index ul {
  list-style: none;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
  align-content: center;
  max-width: 800px;
}
.question_index ul a {
  width: calc(50% - 10px);
  background-color: #fbf9f1;
  padding: 1.2em 1em;
  line-height: 1.6;
  margin: 5px;
  color: #521a00;
  border-radius: 10px;
  font-weight: 700;
  transition: 0.3s;
}
.question_index ul a:hover {
  background-color: #521a00;
  color: #fff;
}
.question_index ul a:hover i {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .question_index ul a {
    width: calc(33.3333% - 20px);
    margin: 10px;
  }
}
.question_index ul a li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.question_index ul a li i {
  margin-left: 1em;
  color: #d6000f;
}

.question__background {
  position: relative;
}
.question__background img {
  position: absolute;
  width: 23vw;
  right: 25px;
  top: -100px;
  z-index: -1;
}

.question_classification {
  width: 100%;
  margin: 40px auto 80px;
  padding: 0 10px;
  max-width: 1200px;
  line-height: 1.6;
}

.question_item {
  margin: 1em auto;
  padding: 16px 10px;
  border-radius: 10px;
  border: solid 1px #eee;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .question_item {
    padding: 16px;
  }
}

.question {
  display: flex;
  margin: 0;
}
.question:hover {
  cursor: pointer;
}

.question_icon {
  font-family: "Overpass";
  font-weight: 100;
  width: 32px;
  height: 32px;
  font-size: 18px;
  background-color: #e63037;
  color: white;
  border-radius: 50%;
  text-align: center;
  flex-shrink: 0;
  line-height: 36px;
}

.question_text {
  width: 100%;
  margin: 0;
  padding: 0.4em 10px 0 10px;
}
@media screen and (min-width: 768px) {
  .question_text {
    padding: 0.4em 16px 0 16px;
  }
}

.question_text h3 {
  font-size: 1.1em;
  font-weight: 100;
}

.question_accordion {
  width: 20px;
}

.question_accordion div {
  display: block;
  height: 30px;
  text-align: center;
  line-height: 0;
  position: relative;
}

.question_accordion div:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 16px;
  height: 2px;
  background-color: #d6000f;
  transition: 0.2s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.question_accordion div:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 16px;
  height: 2px;
  background-color: #d6000f;
  transition: 0.3s;
}

.question.on .question_accordion div:before {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.question.on .question_accordion div:after {
  background-color: transparent;
}

.answer {
  display: flex;
  margin: 1em 0 0;
  border-top: 1px dotted #eee;
  padding: 1.2em 0 0;
  font-size: 1em;
}

.answer_icon {
  font-family: "Overpass";
  width: 32px;
  height: 32px;
  font-size: 18px;
  background-color: #ffe5e7;
  color: #d6000f;
  border-radius: 50%;
  text-align: center;
  flex-shrink: 0;
  line-height: 36px;
}

.answer_text {
  margin: auto 0;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .answer_text {
    padding: 0 16px;
  }
}

.answer_text a {
  color: #d6000f;
  text-decoration: underline;
}

.answer_text span {
  color: #d6000f;
}

.answer_text p {
  padding-left: 15px;
}

/*----------------------------*/
/* 採用情報ページ：コンテンツ部分    */
/*----------------------------*/
#recruit_message {
  padding-left: 2em;
  padding-right: 2em;
  background-image: url(/wp-content/themes/futonten/images/logo2.png), url(/wp-content/themes/futonten/images/logo2.png);
  background-size: 18vw, 26vw;
  background-position: top 1vw left -5vw, bottom right -7vw;
}
#recruit_message .tt_wrap {
  background-color: #fbf9f1;
  margin: 0 auto;
  padding: 4em 2em;
  border-radius: 20px;
  line-height: 1.8;
  max-width: 1200px;
}
@media screen and (min-width: 768px) {
  #recruit_message .tt_wrap {
    padding: 4em 5em;
  }
}
#recruit_message .tt_wrap h2 {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  #recruit_message .tt_wrap h2 {
    font-size: 2em;
  }
}
#recruit_message .tt_wrap p {
  margin: 0;
  color: #521a00;
}

.recruit_guideline {
  line-height: 1.6;
  margin: 0 20px;
}

.recruit_staff {
  padding: 20px;
  margin: 20px auto;
  border: 1px solid #ddd;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .recruit_staff {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .recruit_staff .staff_img {
    width: 35%;
  }
}
.recruit_staff .staff_img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recruit_staff .staff_profile {
    width: 65%;
    padding: 0 20px;
  }
}
.recruit_staff .staff_profile .tt_wrap {
  margin: 1em;
}
@media screen and (min-width: 768px) {
  .recruit_staff .staff_profile .tt_wrap {
    margin: 0 1em;
  }
}
.recruit_staff .staff_profile .tt_wrap h3 {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin: 0.5em 0;
}
.recruit_staff .staff_profile .tt_wrap p {
  margin: 0 0 2em;
  color: #521a00;
}
.recruit_staff .staff_profile dl {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .recruit_staff .staff_profile dl {
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0.9em;
  }
}
.recruit_staff .staff_profile dt {
  background-color: #f7f7f7;
  margin: 0;
  padding: 8px 14px;
}
@media screen and (min-width: 768px) {
  .recruit_staff .staff_profile dt {
    background-color: transparent;
    padding: 14px;
    width: 18%;
    border-top: 1px dotted #ddd;
  }
}
.recruit_staff .staff_profile dd {
  margin: 0;
  padding: 14px;
}
@media screen and (min-width: 768px) {
  .recruit_staff .staff_profile dd {
    width: 82%;
    border-top: 1px dotted #ddd;
  }
}

.contact {
  background-color: #fbf9f1;
  line-height: 1.6;
  background-image: url(/wp-content/themes/futonten/images/faq/faq-contact-block_bg-sp.png);
  background-size: cover;
  background-position: center;
  color: #521a00;
}
@media screen and (min-width: 768px) {
  .contact {
    background-image: url(/wp-content/themes/futonten/images/faq/faq-contact-block_bg.png);
  }
}
.contact .tt_wrap {
  padding: 0 20px;
  max-width: 800px;
  margin: 0 auto;
}
.contact .tt_wrap h2 {
  margin-bottom: 1em;
}
.contact .tt_wrap p {
  text-align: center;
}
.contact .button {
  margin: 30px auto 30px;
}

.contact_detail {
  padding: 0 20px;
  max-width: 36em;
  margin: 0 auto;
}
.contact_detail dl {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .contact_detail dl {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.contact_detail dt {
  margin: 0;
  padding: 14px 14px 0 14px;
}
@media screen and (min-width: 768px) {
  .contact_detail dt {
    background-color: transparent;
    padding: 14px;
    width: 8em;
    border-bottom: 1px dotted #ddd;
  }
}
.contact_detail dd {
  margin: 0;
  padding: 0 14px 14px 14px;
  border-bottom: 1px dotted #ddd;
}
@media screen and (min-width: 768px) {
  .contact_detail dd {
    width: 24em;
    padding: 14px;
  }
}

.faq-contact-block_caution {
  max-width: 1000px;
  padding: 20px;
  margin: 0 auto;
}/*# sourceMappingURL=bakery.css.map */