@charset "utf-8";

/*===================================================================================
      下層ページ共通
===================================================================================*/
#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-width: 1000px;
}

.inner {
  max-width: 100%;
  width: 900px;
  margin: 0 auto;
}

/* リンクボタン 赤 */
.under_link_btn {
  text-align: center;
  position: relative;
  margin-top: 20px;
}

.under_link_btn a {
  background-color: #ff614f;
  display: inline-block;
  color: #fff;
  width: 660px;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
}

.under_link_btn a::after {
  content: url(../img/under/detail_arrow.png);
  top: 0;
  right: 136px;
  position: absolute;
}

/*
.under_link_btn a:hover::after {
  top: 0;
  right: 131px;
  transition: .3s;
}
*/

/*　リンクボタン　赤　2つ並び　*/
.under_link_2 .under_link_btn a {
  width: 400px;
}

.under_link_2 .under_link_btn a::after {
  right: 15px;
}

/*
.under_link_2 .under_link_btn a:hover::after {
  right: 9px;
}
*/

.under_link_2 .under_link_btn:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 896px) {
  #wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    min-width: 100%;
  }
}

/*-----　カテゴリ別カラー設定　-----*/
/*　カテゴリ名 英語　*/
main#category.pickup #cate_name span.cate_h2_en {
  color: #e60012;
}

main#category.cate01 #cate_name span.cate_h2_en {
  color: #e3503a;
}

main#category.cate02 #cate_name span.cate_h2_en {
  color: #f6ab00;
}

main#category.cate03 #cate_name span.cate_h2_en {
  color: #ed796b;
}

main#category.cate04 #cate_name span.cate_h2_en {
  color: #e47b5a;
}

main#category.cate05 #cate_name span.cate_h2_en {
  color: #31aea2;
}

main#category.cate06 #cate_name span.cate_h2_en {
  color: #16d0ff;
}

main#category.cate07 #cate_name span.cate_h2_en {
  color: #3bb2cc;
}

main#category.cate08 #cate_name span.cate_h2_en {
  color: #00a03c;
}

main#category.cate09 #cate_name span.cate_h2_en {
  color: #f2bf00;
}

main#category.cate10 #cate_name span.cate_h2_en {
  color: #40a7d2;
}

main#category.cate11 #cate_name span.cate_h2_en {
  color: #533348;
}

main#category.cate12 #cate_name span.cate_h2_en {
  color: #789ae5;
}

main#category.cate13 #cate_name span.cate_h2_en {
  color: #d2963e;
}

main#category.cate14 #cate_name span.cate_h2_en {
  color: #5db7c2;
}

main#category.cate15 #cate_name span.cate_h2_en {
  color: #0ca684;
}

main#category.cate16 #cate_name span.cate_h2_en {
  color: #dc7e00;
}

main#category.cate17 #cate_name span.cate_h2_en {
  color: #8bb724;
}

main#category.cate18 #cate_name span.cate_h2_en {
  color: #ff8d00;
}

main#category.cate19 #cate_name span.cate_h2_en {
  color: #06142b;
}

main#category.cate20 #cate_name span.cate_h2_en {
  color: #00cbbf;
}

/*　商品リスト　枠線・タイトル下線・「詳しく見る」・矢印　*/
main.pickup #cate_item_box ul li {
  border: #e60012 4px solid;
}

main.cate01 #cate_item_box ul li {
  border: #e3503a 4px solid;
}

main.cate02 #cate_item_box ul li {
  border: #f6ab00 4px solid;
}

main.cate03 #cate_item_box ul li {
  border: #ed796b 4px solid;
}

main.cate04 #cate_item_box ul li {
  border: #e47b5a 4px solid;
}

main.cate05 #cate_item_box ul li {
  border: #31aea2 4px solid;
}

main.cate06 #cate_item_box ul li {
  border: #16d0ff 4px solid;
}

main.cate07 #cate_item_box ul li {
  border: #3bb2cc 4px solid;
}

main.cate08 #cate_item_box ul li {
  border: #00a03c 4px solid;
}

main.cate09 #cate_item_box ul li {
  border: #f2bf00 4px solid;
}

main.cate10 #cate_item_box ul li {
  border: #40a7d2 4px solid;
}

main.cate11 #cate_item_box ul li {
  border: #533348 4px solid;
}

main.cate12 #cate_item_box ul li {
  border: #789ae5 4px solid;
}

main.cate13 #cate_item_box ul li {
  border: #d2963e 4px solid;
}

main.cate14 #cate_item_box ul li {
  border: #5db7c2 4px solid;
}

main.cate15 #cate_item_box ul li {
  border: #0ca684 4px solid;
}

main.cate16 #cate_item_box ul li {
  border: #dc7e00 4px solid;
}

main.cate17 #cate_item_box ul li {
  border: #8bb724 4px solid;
}

main.cate18 #cate_item_box ul li {
  border: #ff8d00 4px solid;
}

main.cate19 #cate_item_box ul li {
  border: #06142b 4px solid;
}

main.cate20 #cate_item_box ul li {
  border: #00cbbf 4px solid;
}

main.pickup #cate_item_box ul li .more_link_btn p {
  color: #e60012;
}

main.cate01 #cate_item_box ul li .more_link_btn p {
  color: #e3503a;
}

main.cate02 #cate_item_box ul li .more_link_btn p {
  color: #f6ab00;
}

main.cate03 #cate_item_box ul li .more_link_btn p {
  color: #ed796b;
}

main.cate04 #cate_item_box ul li .more_link_btn p {
  color: #e47b5a;
}

main.cate05 #cate_item_box ul li .more_link_btn p {
  color: #31aea2;
}

main.cate06 #cate_item_box ul li .more_link_btn p {
  color: #16d0ff;
}

main.cate07 #cate_item_box ul li .more_link_btn p {
  color: #3bb2cc;
}

main.cate08 #cate_item_box ul li .more_link_btn p {
  color: #00a03c;
}

main.cate09 #cate_item_box ul li .more_link_btn p {
  color: #f2bf00;
}

main.cate10 #cate_item_box ul li .more_link_btn p {
  color: #40a7d2;
}

main.cate11 #cate_item_box ul li .more_link_btn p {
  color: #533348;
}

main.cate12 #cate_item_box ul li .more_link_btn p {
  color: #789ae5;
}

main.cate13 #cate_item_box ul li .more_link_btn p {
  color: #d2963e;
}

main.cate14 #cate_item_box ul li .more_link_btn p {
  color: #5db7c2;
}

main.cate15 #cate_item_box ul li .more_link_btn p {
  color: #0ca684;
}

main.cate16 #cate_item_box ul li .more_link_btn p {
  color: #dc7e00;
}

main.cate17 #cate_item_box ul li .more_link_btn p {
  color: #8bb724;
}

main.cate18 #cate_item_box ul li .more_link_btn p {
  color: #ff8d00;
}

main.cate19 #cate_item_box ul li .more_link_btn p {
  color: #06142b;
}

main.cate20 #cate_item_box ul li .more_link_btn p {
  color: #00cbbf;
}

main.pickup #cate_item_box ul li .more_link_btn p::after,
main.pickup #cate_item_box ul li h3::after {
  background-color: #e60012;
}

main.cate01 #cate_item_box ul li .more_link_btn p::after,
main.cate01 #cate_item_box ul li h3::after {
  background-color: #e3503a;
}

main.cate02 #cate_item_box ul li .more_link_btn p::after,
main.cate02 #cate_item_box ul li h3::after {
  background-color: #f6ab00;
}

main.cate03 #cate_item_box ul li .more_link_btn p::after,
main.cate03 #cate_item_box ul li h3::after {
  background-color: #ed796b;
}

main.cate04 #cate_item_box ul li .more_link_btn p::after,
main.cate04 #cate_item_box ul li h3::after {
  background-color: #e47b5a;
}

main.cate05 #cate_item_box ul li .more_link_btn p::after,
main.cate05 #cate_item_box ul li h3::after {
  background-color: #31aea2;
}

main.cate06 #cate_item_box ul li .more_link_btn p::after,
main.cate06 #cate_item_box ul li h3::after {
  background-color: #16d0ff;
}

main.cate07 #cate_item_box ul li .more_link_btn p::after,
main.cate07 #cate_item_box ul li h3::after {
  background-color: #3bb2cc;
}

main.cate08 #cate_item_box ul li .more_link_btn p::after,
main.cate08 #cate_item_box ul li h3::after {
  background-color: #00a03c;
}

main.cate09 #cate_item_box ul li .more_link_btn p::after,
main.cate09 #cate_item_box ul li h3::after {
  background-color: #f2bf00;
}

main.cate10 #cate_item_box ul li .more_link_btn p::after,
main.cate10 #cate_item_box ul li h3::after {
  background-color: #40a7d2;
}

main.cate11 #cate_item_box ul li .more_link_btn p::after,
main.cate11 #cate_item_box ul li h3::after {
  background-color: #533348;
}

main.cate12 #cate_item_box ul li .more_link_btn p::after,
main.cate12 #cate_item_box ul li h3::after {
  background-color: #789ae5;
}

main.cate13 #cate_item_box ul li .more_link_btn p::after,
main.cate13 #cate_item_box ul li h3::after {
  background-color: #d2963e;
}

main.cate14 #cate_item_box ul li .more_link_btn p::after,
main.cate14 #cate_item_box ul li h3::after {
  background-color: #5db7c2;
}

main.cate15 #cate_item_box ul li .more_link_btn p::after,
main.cate15 #cate_item_box ul li h3::after {
  background-color: #0ca684;
}

main.cate16 #cate_item_box ul li .more_link_btn p::after,
main.cate16 #cate_item_box ul li h3::after {
  background-color: #dc7e00;
}

main.cate17 #cate_item_box ul li .more_link_btn p::after,
main.cate17 #cate_item_box ul li h3::after {
  background-color: #8bb724;
}

main.cate18 #cate_item_box ul li .more_link_btn p::after,
main.cate18 #cate_item_box ul li h3::after {
  background-color: #ff8d00;
}

main.cate19 #cate_item_box ul li .more_link_btn p::after,
main.cate19 #cate_item_box ul li h3::after {
  background-color: #06142b;
}

main.cate20 #cate_item_box ul li .more_link_btn p::after,
main.cate20 #cate_item_box ul li h3::after {
  background-color: #00cbbf;
}

/*　他の〇〇を見る　タイトル下線　*/
main#detail.pickup #cate_item_box h4::after {
  color: #e60012;
}

main#detail.cate01 #cate_item_box h4::after {
  background-color: #e3503a;
}

main#detail.cate02 #cate_item_box h4::after {
  background-color: #f6ab00;
}

main#detail.cate03 #cate_item_box h4::after {
  background-color: #ed796b;
}

main#detail.cate04 #cate_item_box h4::after {
  background-color: #e47b5a;
}

main#detail.cate05 #cate_item_box h4::after {
  background-color: #31aea2;
}

main#detail.cate06 #cate_item_box h4::after {
  background-color: #16d0ff;
}

main#detail.cate07 #cate_item_box h4::after {
  background-color: #3bb2cc;
}

main#detail.cate08 #cate_item_box h4::after {
  background-color: #00a03c;
}

main#detail.cate09 #cate_item_box h4::after {
  background-color: #f2bf00;
}

main#detail.cate10 #cate_item_box h4::after {
  background-color: #40a7d2;
}

main#detail.cate11 #cate_item_box h4::after {
  background-color: #533348;
}

main#detail.cate12 #cate_item_box h4::after {
  background-color: #789ae5;
}

main#detail.cate13 #cate_item_box h4::after {
  background-color: #d2963e;
}

main#detail.cate14 #cate_item_box h4::after {
  background-color: #5db7c2;
}

main#detail.cate15 #cate_item_box h4::after {
  background-color: #0ca684;
}

main#detail.cate16 #cate_item_box h4::after {
  background-color: #dc7e00;
}

main#detail.cate17 #cate_item_box h4::after {
  background-color: #8bb724;
}

main#detail.cate18 #cate_item_box h4::after {
  background-color: #ff8d00;
}

main#detail.cate19 #cate_item_box h4::after {
  background-color: #06142b;
}

main#detail.cate20 #cate_item_box h4::after {
  background-color: #00cbbf;
}

/* 詳細ページ商品名　*/
main#detail.pickup #detail_name h1 {
  background-color: #e60012;
}

main#detail.cate01 #detail_name h1 {
  background-color: #e3503a;
}

main#detail.cate02 #detail_name h1 {
  background-color: #f6ab00;
}

main#detail.cate03 #detail_name h1 {
  background-color: #ed796b;
}

main#detail.cate04 #detail_name h1 {
  background-color: #e47b5a;
}

main#detail.cate05 #detail_name h1 {
  background-color: #31aea2;
}

main#detail.cate06 #detail_name h1 {
  background-color: #16d0ff;
}

main#detail.cate07 #detail_name h1 {
  background-color: #3bb2cc;
}

main#detail.cate08 #detail_name h1 {
  background-color: #00a03c;
}

main#detail.cate09 #detail_name h1 {
  background-color: #f2bf00;
}

main#detail.cate10 #detail_name h1 {
  background-color: #40a7d2;
}

main#detail.cate11 #detail_name h1 {
  background-color: #533348;
}

main#detail.cate12 #detail_name h1 {
  background-color: #789ae5;
}

main#detail.cate13 #detail_name h1 {
  background-color: #d2963e;
}

main#detail.cate14 #detail_name h1 {
  background-color: #5db7c2;
}

main#detail.cate15 #detail_name h1 {
  background-color: #0ca684;
}

main#detail.cate16 #detail_name h1 {
  background-color: #dc7e00;
}

main#detail.cate17 #detail_name h1 {
  background-color: #8bb724;
}

main#detail.cate18 #detail_name h1 {
  background-color: #ff8d00;
}

main#detail.cate19 #detail_name h1 {
  background-color: #06142b;
}

main#detail.cate20 #detail_name h1 {
  background-color: #00cbbf;
}

/* 詳細ページ　コンテンツ内見出し・リストマーカー・リンクボタン */
main#detail.pickup #detail_contents h2 {
  color: #e60012;
  border: 4px solid #e60012;
}

main#detail.cate01 #detail_contents h2 {
  color: #e3503a;
  border: 4px solid #e3503a;
}

main#detail.cate02 #detail_contents h2 {
  color: #f6ab00;
  border: 4px solid #f6ab00;
}

main#detail.cate03 #detail_contents h2 {
  color: #ed796b;
  border: 4px solid #ed796b;
}

main#detail.cate04 #detail_contents h2 {
  color: #e47b5a;
  border: 4px solid #e47b5a;
}

main#detail.cate05 #detail_contents h2 {
  color: #31aea2;
  border: 4px solid #31aea2;
}

main#detail.cate06 #detail_contents h2 {
  color: #16d0ff;
  border: 4px solid #16d0ff;
}

main#detail.cate07 #detail_contents h2 {
  color: #3bb2cc;
  border: 4px solid #3bb2cc;
}

main#detail.cate08 #detail_contents h2 {
  color: #00a03c;
  border: 4px solid #00a03c;
}

main#detail.cate09 #detail_contents h2 {
  color: #f2bf00;
  border: 4px solid #f2bf00;
}

main#detail.cate10 #detail_contents h2 {
  color: #40a7d2;
  border: 4px solid #40a7d2;
}

main#detail.cate11 #detail_contents h2 {
  color: #533348;
  border: 4px solid #533348;
}

main#detail.cate12 #detail_contents h2 {
  color: #789ae5;
  border: 4px solid #789ae5;
}

main#detail.cate13 #detail_contents h2 {
  color: #d2963e;
  border: 4px solid #d2963e;
}

main#detail.cate14 #detail_contents h2 {
  color: #5db7c2;
  border: 4px solid #5db7c2;
}

main#detail.cate15 #detail_contents h2 {
  color: #0ca684;
  border: 4px solid #0ca684;
}

main#detail.cate16 #detail_contents h2 {
  color: #dc7e00;
  border: 4px solid #dc7e00;
}

main#detail.cate17 #detail_contents h2 {
  color: #8bb724;
  border: 4px solid #8bb724;
}

main#detail.cate18 #detail_contents h2 {
  color: #ff8d00;
  border: 4px solid #ff8d00;
}

main#detail.cate19 #detail_contents h2 {
  color: #06142b;
  border: 4px solid #06142b;
}

main#detail.cate20 #detail_contents h2 {
  color: #00cbbf;
  border: 4px solid #00cbbf;
}

main#detail.pickup #detail_contents h3 {
  color: #e60012;
  border-bottom: 2px dotted #e60012;
}

main#detail.cate01 #detail_contents h3 {
  color: #e3503a;
  border-bottom: 2px dotted #e3503a;
}

main#detail.cate02 #detail_contents h3 {
  color: #f6ab00;
  border-bottom: 2px dotted #f6ab00;
}

main#detail.cate03 #detail_contents h3 {
  color: #ed796b;
  border-bottom: 2px dotted #ed796b;
}

main#detail.cate04 #detail_contents h3 {
  color: #e47b5a;
  border-bottom: 2px dotted #e47b5a;
}

main#detail.cate05 #detail_contents h3 {
  color: #31aea2;
  border-bottom: 2px dotted #31aea2;
}

main#detail.cate06 #detail_contents h3 {
  color: #16d0ff;
  border-bottom: 2px dotted #16d0ff;
}

main#detail.cate07 #detail_contents h3 {
  color: #3bb2cc;
  border-bottom: 2px dotted #3bb2cc;
}

main#detail.cate08 #detail_contents h3 {
  color: #00a03c;
  border-bottom: 2px dotted #00a03c;
}

main#detail.cate09 #detail_contents h3 {
  color: #f2bf00;
  border-bottom: 2px dotted #f2bf00;
}

main#detail.cate10 #detail_contents h3 {
  color: #40a7d2;
  border-bottom: 2px dotted #40a7d2;
}

main#detail.cate11 #detail_contents h3 {
  color: #533348;
  border-bottom: 2px dotted #533348;
}

main#detail.cate12 #detail_contents h3 {
  color: #789ae5;
  border-bottom: 2px dotted #789ae5;
}

main#detail.cate13 #detail_contents h3 {
  color: #d2963e;
  border-bottom: 2px dotted #d2963e;
}

main#detail.cate14 #detail_contents h3 {
  color: #5db7c2;
  border-bottom: 2px dotted #5db7c2;
}

main#detail.cate15 #detail_contents h3 {
  color: #0ca684;
  border-bottom: 2px dotted #0ca684;
}

main#detail.cate16 #detail_contents h3 {
  color: #dc7e00;
  border-bottom: 2px dotted #dc7e00;
}

main#detail.cate17 #detail_contents h3 {
  color: #8bb724;
  border-bottom: 2px dotted #8bb724;
}

main#detail.cate18 #detail_contents h3 {
  color: #ff8d00;
  border-bottom: 2px dotted #ff8d00;
}

main#detail.cate19 #detail_contents h3 {
  color: #06142b;
  border-bottom: 2px dotted #06142b;
}

main#detail.cate20 #detail_contents h3 {
  color: #00cbbf;
  border-bottom: 2px dotted #00cbbf;
}

main#detail.pickup #detail_contents h4,
main#detail.pickup #detail_contents ul::before {
  color: #e60012;
}

main#detail.cate01 #detail_contents h4,
main#detail.cate01 #detail_contents ul::before {
  color: #e3503a;
}

main#detail.cate02 #detail_contents h4,
main#detail.cate02 #detail_contents ul::before {
  color: #f6ab00;
}

main#detail.cate03 #detail_contents h4,
main#detail.cate03 #detail_contents ul::before {
  color: #ed796b;
}

main#detail.cate04 #detail_contents h4,
main#detail.cate04 #detail_contents ul::before {
  color: #e47b5a;
}

main#detail.cate05 #detail_contents h4,
main#detail.cate05 #detail_contents ul::before {
  color: #31aea2;
}

main#detail.cate06 #detail_contents h4,
main#detail.cate06 #detail_contents ul::before {
  color: #16d0ff;
}

main#detail.cate07 #detail_contents h4,
main#detail.cate07 #detail_contents ul::before {
  color: #3bb2cc;
}

main#detail.cate08 #detail_contents h4,
main#detail.cate08 #detail_contents ul::before {
  color: #00a03c;
}

main#detail.cate09 #detail_contents h4,
main#detail.cate09 #detail_contents ul::before {
  color: #f2bf00;
}

main#detail.cate10 #detail_contents h4,
main#detail.cate10 #detail_contents ul::before {
  color: #40a7d2;
}

main#detail.cate11 #detail_contents h4,
main#detail.cate11 #detail_contents ul::before {
  color: #533348;
}

main#detail.cate12 #detail_contents h4,
main#detail.cate12 #detail_contents ul::before {
  color: #789ae5;
}

main#detail.cate13 #detail_contents h4,
main#detail.cate13 #detail_contents ul::before {
  color: #d2963e;
}

main#detail.cate14 #detail_contents h4,
main#detail.cate14 #detail_contents ul::before {
  color: #5db7c2;
}

main#detail.cate15 #detail_contents h4,
main#detail.cate15 #detail_contents ul::before {
  color: #0ca684;
}

main#detail.cate16 #detail_contents h4,
main#detail.cate16 #detail_contents ul::before {
  color: #dc7e00;
}

main#detail.cate17 #detail_contents h4,
main#detail.cate17 #detail_contents ul::before {
  color: #8bb724;
}

main#detail.cate18 #detail_contents h4,
main#detail.cate18 #detail_contents ul::before {
  color: #ff8d00;
}

main#detail.cate19 #detail_contents h4,
main#detail.cate19 #detail_contents ul::before {
  color: #06142b;
}

main#detail.cate20 #detail_contents h4,
main#detail.cate20 #detail_contents ul::before {
  color: #00cbbf;
}

main#detail.pickup #detail_contents ul li::before {
  background-color: #e60012;
}

main#detail.cate01 #detail_contents ul li::before {
  background-color: #e3503a;
}

main#detail.cate02 #detail_contents ul li::before {
  background-color: #f6ab00;
}

main#detail.cate03 #detail_contents ul li::before {
  background-color: #ed796b;
}

main#detail.cate04 #detail_contents ul li::before {
  background-color: #e47b5a;
}

main#detail.cate05 #detail_contents ul li::before {
  background-color: #31aea2;
}

main#detail.cate06 #detail_contents ul li::before {
  background-color: #16d0ff;
}

main#detail.cate07 #detail_contents ul li::before {
  background-color: #3bb2cc;
}

main#detail.cate08 #detail_contents ul li::before {
  background-color: #00a03c;
}

main#detail.cate09 #detail_contents ul li::before {
  background-color: #f2bf00;
}

main#detail.cate10 #detail_contents ul li::before {
  background-color: #40a7d2;
}

main#detail.cate11 #detail_contents ul li::before {
  background-color: #533348;
}

main#detail.cate12 #detail_contents ul li::before {
  background-color: #789ae5;
}

main#detail.cate13 #detail_contents ul li::before {
  background-color: #d2963e;
}

main#detail.cate14 #detail_contents ul li::before {
  background-color: #5db7c2;
}

main#detail.cate15 #detail_contents ul li::before {
  background-color: #0ca684;
}

main#detail.cate16 #detail_contents ul li::before {
  background-color: #dc7e00;
}

main#detail.cate17 #detail_contents ul li::before {
  background-color: #8bb724;
}

main#detail.cate18 #detail_contents ul li::before {
  background-color: #ff8d00;
}

main#detail.cate19 #detail_contents ul li::before {
  background-color: #06142b;
}

main#detail.cate20 #detail_contents ul li::before {
  background-color: #00cbbf;
}

main#detail.pickup #detail_contents .detail_morebtn a {
  background-color: #e60012;
  color: #fff;
}

main#detail.cate01 #detail_contents .detail_morebtn a {
  background-color: #e3503a;
  color: #fff;
}

main#detail.cate02 #detail_contents .detail_morebtn a {
  background-color: #f6ab00;
  color: #fff;
}

main#detail.cate03 #detail_contents .detail_morebtn a {
  background-color: #ed796b;
  color: #fff;
}

main#detail.cate04 #detail_contents .detail_morebtn a {
  background-color: #e47b5a;
  color: #fff;
}

main#detail.cate05 #detail_contents .detail_morebtn a {
  background-color: #31aea2;
  color: #fff;
}

main#detail.cate06 #detail_contents .detail_morebtn a {
  background-color: #16d0ff;
  color: #fff;
}

main#detail.cate07 #detail_contents .detail_morebtn a {
  background-color: #3bb2cc;
  color: #fff;
}

main#detail.cate08 #detail_contents .detail_morebtn a {
  background-color: #00a03c;
  color: #fff;
}

main#detail.cate09 #detail_contents .detail_morebtn a {
  background-color: #f2bf00;
  color: #fff;
}

main#detail.cate10 #detail_contents .detail_morebtn a {
  background-color: #40a7d2;
  color: #fff;
}

main#detail.cate11 #detail_contents .detail_morebtn a {
  background-color: #533348;
  color: #fff;
}

main#detail.cate12 #detail_contents .detail_morebtn a {
  background-color: #789ae5;
  color: #fff;
}

main#detail.cate13 #detail_contents .detail_morebtn a {
  background-color: #d2963e;
  color: #fff;
}

main#detail.cate14 #detail_contents .detail_morebtn a {
  background-color: #5db7c2;
  color: #fff;
}

main#detail.cate15 #detail_contents .detail_morebtn a {
  background-color: #0ca684;
  color: #fff;
}

main#detail.cate16 #detail_contents .detail_morebtn a {
  background-color: #dc7e00;
  color: #fff;
}

main#detail.cate17 #detail_contents .detail_morebtn a {
  background-color: #8bb724;
  color: #fff;
}

main#detail.cate18 #detail_contents .detail_morebtn a {
  background-color: #ff8d00;
  color: #fff;
}

main#detail.cate19 #detail_contents .detail_morebtn a {
  background-color: #06142b;
  color: #fff;
}

main#detail.cate20 #detail_contents .detail_morebtn a {
  background-color: #00cbbf;
  color: #fff;
}

/*=========================================================
      ヘッダー・グローバルメニュー・パンくずリスト
=========================================================*/
/*　ヘッダー　*/
header:not(.home header) {
  background: #fff;
  height: 81px;
}

/* グローバルメニューボタン */
#gm_area .gm_btn.active::after {
  content: "";
  width: 155px;
  height: 155px;
  border-radius: 50%;
  background: #fff;
  top: -65px;
  right: -54px;
  position: absolute;
  z-index: -1;
}

/* サイトタイトル */
#title {
  background-color: #2fbdef;
  background-image: url(../img/under/under_title_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#title .fl_b {
  justify-content: center;
  gap: 20px;
}

#title .inner {
  width: 1000px;
}

#title .inner {
  padding: 10px 0;
}

@media screen and (max-width: 896px) {
  #title .inner {
    padding: 5px 0;
  }
}

#title .inner h1 a {
  justify-content: flex-end;
}

/* パンくずリスト */
#breadcrumbs {
  margin: 10px 0;
}

#breadcrumbs a {
  color: #000;
}

#breadcrumbs,
#breadcrumbs a {
  font-size: 1.4rem;
}

@media screen and (max-width: 896px) {
  header {
    height: 66px;
  }

  /* グローバルメニューボタン */
  #gm_area .gm_btn {
    height: 30px;
    width: 42px;
    right: 15px;
    top: 18px;
  }

  #gm_area .gm_btn.active::after {
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    top: -41px;
    right: -30px;
  }

  #title .inner h1 {
    text-align: center;
  }

  #title .inner h1 img:nth-child(2) {
    width: 70%;
    margin-top: 5px;
  }

  #title .ttl_form_link a img {
    margin: 0 auto;
  }

  #title .ttl_form_link a img:last-child {
    margin-top: 5px;
  }

  #gm_content .gm_left {
    width: 85%;
    margin: 0 auto;
  }

  #gm_content span.gm_recipe {
    margin: 20px auto 0;
  }
  #breadcrumbs,
  #breadcrumbs a {
    font-size: 1.3rem;
  }
}

/*=========================================================
      他のブースを見る
=========================================================*/
#cate_link_area h4,
#cate_item_box h4 {
  font-weight: bold;
  position: relative;
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 50px;
  padding-top: 55px;
  z-index: 1;
}

#cate_link_area h4::after,
#cate_item_box h4::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 68px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}

#cate_link_area h4::after {
  background-color: #ff614f;
}

#cate_link_area .inner {
  width: 890px;
}

#cate_link_area .pickup_link {
  text-align: center;
  margin-bottom: 30px;
}

#cate_link_area .pickup_link img {
  margin: 0 auto;
}

#cate_link_area .cate_btn_list.fl_b {
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: flex-start;
}

#cate_link_area .cate_btn_list a {
  margin: 0 16px 15px 0;
  z-index: 1;
}

#cate_link_area .cate_btn_list a:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 896px) {
  #cate_link_area h4,
  #cate_item_box h4 {
    font-size: 1.8rem;
  }
  #cate_link_area .cate_btn_list.fl_b {
    display: flex;
    justify-content: center;
  }

  #cate_link_area .cate_btn_list a:nth-child(4n) {
    margin-right: 15px;
  }

  #cate_link_area .cate_btn_list a:nth-child(2n) {
    margin-right: 7px;
  }

  #cate_link_area .cate_btn_list a {
    margin: 0 7px 15px;
    max-width: 44%;
    text-align: center;
  }

  #cate_link_area .cate_btn_list:last-of-type::after {
    content: "";
    width: 210px;
    display: inline-block;
    max-width: 44%;
    margin: 0 7px 15px;
  }

  #cate_link_area .pickup_link {
    width: 92%;
    margin: 0 auto 30px;
  }
}

/*=========================================================
      レシピバナー
=========================================================*/
#shopping_bnr .inner {
  display: flex;
  justify-content: center;
}

#shopping_bnr .inner a {
  display: block;
  /*  margin-right: 60px;*/
}

@media screen and (max-width: 896px) {
  #shopping_bnr .inner a {
    margin-right: 0;
  }
}

/*=========================================================
      ご成約記念スペシャル特典
=========================================================*/
/* 背景ドット */
#special_favor {
  position: relative;
  text-align: center;
  padding: 50px;
  background-color: #80cde7;
  background-image: radial-gradient(#a7dcee 24%, transparent 27%), radial-gradient(#a7dcee 24%, transparent 27%);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  margin-bottom: 30px;
}

#special_favor .inner p {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 10px auto;
}

#special_favor .y_btn a {
  width: 60%;
  padding: 15px;
  font-size: 2.2rem;
}

div#special_favor .inner img.pc {
  display: inline-block !important;
  width: 85%;
  z-index: 3;
  position: relative;
}

@media screen and (max-width: 896px) {
  #special_favor {
    position: relative;
    text-align: center;
    background-image: url(../img/bg_dot.jpg);
    background-size: auto;
    padding-bottom: 50px;
    padding: 50px 0;
  }

  #special_favor .inner p {
    font-size: 1.8rem;
  }

  #special_favor .y_btn a {
    width: 100%;
    font-size: 1.9rem;
    padding: 10px;
  }

  #special_favor::before {
    left: -500px;
  }

  #special_favor::after {
    right: -500px;
  }

  #special_favor .inner::after {
    content: "";
  }

  div#special_favor .inner img.pc {
    display: none !important;
  }

  div#special_favor .inner img.sp {
    z-index: 3;
    position: relative;
  }
}

/*=========================================================
      商品選びにお困りなら・買い替えのサイン　リンクボタン
=========================================================*/
#under_link_area .under_btm_btn a {
  background-color: #00a6da;
  width: 437px;
  height: 100px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  border-radius: 20px;
  line-height: 100px;
  position: relative;
}

#under_link_area .support_link a {
  text-align: right;
  padding-right: 50px;
}

#under_link_area .sign_link a {
  text-align: center;
  padding-left: 40px;
}

#under_link_area .support_link a::before {
  content: url(../img/under/support_deco.png);
  display: inline-block;
  position: absolute;
  top: -34px;
  left: -10px;
}

#under_link_area .sign_link a::before {
  content: url(../img/under/sign_deco.png);
  display: inline-block;
  position: absolute;
  top: -54px;
  left: -10px;
}

#under_link_area .fl_b {
  margin: 70px auto;
  justify-content: space-between;
}

@media screen and (max-width: 896px) {
  #under_link_area .fl_b {
    text-align: center;
  }

  #under_link_area .support_link {
    margin-bottom: 60px;
  }

  #under_link_area .under_btm_btn a {
    width: 100%;
  }

  #under_link_area .support_link a {
    padding-right: 0px;
    padding-left: 70px;
    text-align: center;
  }

  #under_link_area .support_link a::before {
    content: "";
    background-image: url(../img/under/support_deco.png);
    display: inline-block;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    background-position: top 23px right 0;
    background-size: contain;
  }

  #under_link_area .sign_link a::before {
    content: "";
    background-image: url(../img/under/sign_deco.png);
    display: inline-block;
    background-repeat: no-repeat;
    width: 150px;
    height: 180px;
    background-position: top 23px right 0;
    background-size: contain;
  }
}

/*===================================================================================
      カテゴリートップ
===================================================================================*/

#category .cate_floor_img {
  height: 337px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

/* カテゴリー名 */
#category #cate_name {
  text-align: center;
  background-image: url(../img/under/category/cate_title_bg.png);
  background-repeat: no-repeat;
  background-position: left 50% top 0;
  background-size: cover;
}

#category #cate_name h2 {
  /* font-size: 4.8rem; */
  font-size: 4.3rem;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  letter-spacing: 3px;
}

#category #cate_name h2::after {
  /* content: url(../img/under/category/cate_title_deco_L.png);
  position: absolute;
  top: -200px;
  left: 50px;
  display: inline-block; */
  content: "";
  background: url(../img/under/category/photo_taiyo.png) no-repeat center / 100%;
  width: 212px;
  height: 237px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#category #cate_name h2::before {
  content: url(../img/under/category/cate_title_deco_R.png);
  position: absolute;
  top: -90px;
  right: 30px;
  display: inline-block;
  z-index: 1;
}

#category #cate_name h2 span {
  display: block;
  font-size: 2.2rem;
}

/* 動画 */
#category .cate_movie_ifame {
  width: 100%;
  height: 506px;
  margin: 100px auto 50px;
}

#category #cate_movie .inner {
  position: relative;
}

#category #cate_movie .inner .lead img {
  position: absolute;
  z-index: -1;
  max-width: 35%;
  top: -3vw;
}
#category #cate_movie {
  background-color: #99dff7;
  padding: 50px 0;
  position: relative;
  height: 670px;
}

#category #cate_movie .bg_layer {
  background-color: rgba(0, 166, 218, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 670px;
  z-index: 2;
  /* margin-top: 60px; */
}

/* 商品リスト */
#category #cate_item_box {
  background-color: #99dff7;
  position: relative;
  margin: 0 auto;
  /* padding: 60px 0 0; */
}

#category #cate_item_box::after {
  content: "";
  display: inline-block;
  width: 110%;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  background: #99dff7;
  position: absolute;
  bottom: -70px;
  right: -70px;
  z-index: -1;
}

#category #cate_item_box ul.fl_b {
  flex-wrap: wrap;
  padding-top: 75px;
  align-items: flex-start;
  justify-content: space-between;
}
/* 
#category.pickup #cate_item_box ul.fl_b,
#category.cate12 #cate_item_box ul.fl_b,
#category.cate14 #cate_item_box ul.fl_b,
#category.cate15 #cate_item_box ul.fl_b,
#category.cate20 #cate_item_box ul.fl_b {
  padding-top: 0;
} */

#category .cate_item_box_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#category .cate_item_box_inner:hover {
  opacity: 0.75;
  transition: 0.5s;
}

#category #cate_item_box ul li {
  width: 48%;
  border-radius: 20px;
  margin: 0 30px 30px 0;
  background-color: #fff;
  z-index: 3;
  align-self: stretch;
}

#category #cate_item_box ul li:nth-child(even) {
  margin-right: 0;
}

#category #cate_item_box .cate_item_detail {
  padding: 20px;
  height: 100%;
}

#category #cate_item_box ul li figure {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

#category #cate_item_box ul li .thumb_img {
  text-align: center;
}

#category #cate_item_box ul li .thumb_img img {
  max-height: 240px;
  width: auto;
}

#category #cate_item_box ul li h3 {
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}

#category #cate_item_box ul li h3 span.cate_name {
  display: block;
  font-size: 1.6rem;
}

#category #cate_item_box ul li h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 66px;
  height: 3px;
  left: 34px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}

#category #cate_item_box ul li p {
  margin-bottom: 20px;
}

#category #cate_item_box ul li a {
  color: #000;
}

/*
#category #cate_item_box ul li a:hover {
  opacity: 0.7;
  transition: .3s;
}
*/

.more_link_btn p {
  background-color: #f0f0f0;
  border-radius: 0 0 16px 16px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  position: relative;
  display: block;
}

#category #cate_item_box ul li .more_link_btn p {
  margin-bottom: 0;
}

#category #cate_item_box ul li .more_link_btn p::before {
  content: url(../img/under/cate_arrow.png);
  position: absolute;
  top: 5px;
  right: 23px;
  z-index: 1;
}

#category #cate_item_box ul li .more_link_btn p::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 18px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-block;
}

/* 隣のブースを見る・フロアマップへ戻る */
#category #next_link_area .fl_b {
  justify-content: space-between;
  margin: 130px auto 60px;
}

#category #next_link_area .fl_b a {
  z-index: 2;
}

/* 背景装飾 */
#category #cate_movie::after {
  content: url(../img/bg_deco_cloud.png);
  position: absolute;
  top: -170px;
  right: -200px;
  display: inline-block;
}

#category #cate_movie::before {
  content: url(../img/bg_deco_cloud.png);
  position: absolute;
  bottom: -200px;
  left: -100px;
  display: inline-block;
  z-index: 2;
}

#category #cate_item_box .inner::after {
  content: url(../img/bg_deco_cloud.png);
  position: absolute;
  top: 440px;
  right: -200px;
  display: inline-block;
}

#category #cate_item_box .inner::before {
  content: url(../img/bg_deco_cloud.png);
  position: absolute;
  bottom: -260px;
  left: -100px;
  display: inline-block;
}

/*
#category #cate_item_box::before {
    content: '';
    background-image: url(../img/bg_garland.png),url(../img/bg_garland.png);
    background-repeat: repeat-x;
    background-position: top 15% left 50%,bottom 20% left 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    z-index: 2;
}
*/

#category #cate_item_box::before {
  content: "";
  background-image: url(../img/bg_garland.png);
  background-repeat: repeat-x;
  background-position: top 30% left 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  display: inline-block;
  z-index: 2;
}

/*
#category #cate_item_box ul::after {
  content: url(../img/bg_garland-2.png);
  position: absolute;
  top: 230px;
  right: -60px;
  display: inline-block;
  z-index: 2;
}
*/

#category #next_link_area {
  position: relative;
}

#category #next_link_area .inner::before {
  content: url(../img/under/category/cate_bg_balloon-1.png);
  position: absolute;
  top: 181px;
  left: 280px;
  display: inline-block;
}

#category #next_link_area .inner::after {
  content: url(../img/under/category/cate_bg_balloon-2.png);
  position: absolute;
  top: -130px;
  right: 260px;
  display: inline-block;
}

@media screen and (max-width: 896px) {
  /* #category .inner .cate_floor_img {
    width: 50%;
    margin: 0 auto;
    height: auto;
  } */

  #category #cate_name h2 {
    font-size: 2.3rem;
    background-image: url(../img/under/category/sp_cate_title_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    background-position: top 0 right 50%;
  }
  #category #cate_name h2::after {
    max-width: 20%;
    background-position: center bottom;
  }
  /* #category #cate_name h2::after {
    content: "";
    background-image: none;
  } */

  #category #cate_name h2::before {
    content: "";
    background-image: none;
  }
  #category #cate_name h2 span {
    font-size: 1.6rem;
  }
  #category #cate_movie::after {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70%;
    height: 100%;
    display: inline-block;
    background-position: top 80px left 0;
  }

  #category #cate_movie .inner {
    position: relative;
    width: 100%;
    padding: 50% 0 0;
  }

  #category #cate_movie .inner .lead img {
    top: -100px;
  }

  #category #cate_movie .inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
  }

  #category #cate_movie {
    padding-bottom: 72%;
    height: auto;
  }

  #category #cate_movie .bg_layer {
    height: 100%;
  }

  #category #cate_item_box ul.fl_b {
    display: flex;
  }

  #category #cate_item_box ul li {
    width: calc((100% - 30px) / 2);
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
  }

  #category #cate_item_box ul::after {
    z-index: 1;
  }

  #category #cate_item_box::after {
    height: 0;
  }

  #category #cate_item_box ul.fl_b {
    padding-bottom: 40px;
  }

  /* 隣のブースを見る */
  #category #next_link_area .fl_b {
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
  }

  #category #next_link_area .fl_b a:nth-child(2) {
    margin: 10px;
  }

  #category #next_link_area .inner::after,
  #category #next_link_area .inner::before {
    content: "";
  }

  #category #cate_movie::before {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 150px left -50px;
    display: inline-block;
    z-index: 2;
    width: 70%;
    height: 100%;
  }

  #category #cate_item_box .inner::after {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 10px right -10px;
    display: inline-block;
    width: 70%;
    height: 100%;
  }

  #category #cate_item_box .inner::before {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom 220px left -10px;
    display: inline-block;
    width: 70%;
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  #category #cate_movie .inner .lead img {
    top: -62px;
    width: 90%;
  }
  #category #cate_item_box ul li {
    width: 100%;
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
    margin-right: 0;
  }
  #category #cate_item_box ul li h3 {
    font-size: 1.6rem;
  }
  #category #cate_item_box ul li h3 span.cate_name {
    font-size: 1.2rem;
    font-weight: normal;
  }
  #category #cate_item_box ul li p {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 400px) {
  #category #cate_movie .inner .lead img {
    top: -40px;
  }
}

/*===================================================================================
      商品詳細
===================================================================================*/
#detail .detail_inner {
  margin-bottom: 30px;
}

/* 商品名 */
#detail #detail_name h1 {
  color: #fff;
  border-radius: 20px;
  padding: 10px 30px;
  font-size: 2.8rem;
  margin-top: 20px;
}

/*　希望小売価格　*/
#detail #special_price {
  text-align: center;
  color: #ff614f;
  margin: 40px auto 0px;
  line-height: 1.3;
}

#detail #special_price p {
  font-size: 2.5rem;
}

#detail #special_price p span.special_price_small {
  font-size: 1.8rem;
}

#detail #special_price p span.retail_price {
  padding: 0 8px;
  font-size: 2.8rem;
  font-weight: bold;
  text-decoration: line-through;
}

#detail #special_price span.special_price_small.small2 {
  display: block;
  margin-top: 20px;
  line-height: 1.5;
}

#detail #special_price p span.special_price_strong {
  font-weight: 900;
  font-size: 3rem;
  padding: 0 8px;
  border-bottom: 9px solid #fff33f;
}

/* フォームリンク */
#detail .form_link .inner a {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  align-items: flex-start;
}

/* 紹介動画 */
#detail .detail_movie_ifame {
  width: 87%;
  height: 440px;
  margin: 20px auto;
}

#detail #detail_movie {
  position: relative;
  text-align: center;
}

/* メイン画像 */
#detail #detail_main_img figure {
  text-align: center;
  margin: 20px auto;
}

#detail #detail_main_img figure img {
  width: auto;
  max-height: 440px;
}

/* 見出し */
#detail #detail_contents h2 {
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  margin: 10px 0 20px;
}

#detail #detail_contents h2 .jp {
  font-size: 2.2rem;
}

#detail #detail_contents h2 .en {
  font-size: 1.6rem;
  line-height: 33px;
}

/* 仕様 table */
#detail #detail_contents table {
  width: 100%;
  margin: 0 auto 45px;
}

#detail #detail_contents table td:nth-child(odd) {
  text-align: left;
  border-right: 5px solid #fff;
  width: 30%;
}

#detail #detail_contents table th,
#detail #detail_contents table td {
  padding: 10px 30px;
  font-size: 1.7rem;
}

#detail #detail_contents table tr:nth-child(odd) th,
#detail #detail_contents table tr:nth-child(odd) td {
  background-color: #f5f5f5;
}

/* 仕様・特徴 見出し */
#detail #detail_contents h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

/* 特徴 */
#detail #detail_contents h4 {
  margin: 5px 0 3px;
}

#detail #detail_contents p,
#detail #detail_contents li {
  font-size: 1.7rem;
  line-height: 1.8;
}

#detail #detail_contents figcaption {
  font-size: 1.4rem;
  text-align: center;
}

#detail #detail_contents figure {
  text-align: center;
}

#detail #detail_contents hr {
  margin: 1em 0 2em;
}

/* ここがすごい */
#detail #detail_contents .detail_list {
  background-color: #f5f5f5;
  padding: 20px 30px;
  margin: 20px 0;
}

#detail #detail_contents h4 {
  font-size: 1.8rem;
  font-weight: bold;
}

#detail #detail_contents ul li {
  padding-left: 2rem;
  position: relative;
  margin-top: 10px;
}

#detail #detail_contents ul li:last-child {
  margin-bottom: 0;
}

#detail #detail_contents ul li::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 0;
  top: 9px;
}

/* もっと詳しく知りたい */
main#detail #detail_contents .detail_morebtn a {
  padding: 8px 90px 8px 30px;
  border-radius: 20px;
  position: relative;
  display: inline-block;
}

main#detail #detail_contents .detail_morebtn a::after {
  content: url(../img/under/detail_arrow.png);
  position: absolute;
  top: 23%;
  right: 12px;
}

/* 他の〇〇〇を見る */
#detail #cate_item_box {
  background-color: #99dff7;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

#detail #cate_item_box::before {
  content: url(../img/bg_deco_cloud.png);
  position: absolute;
  top: 220px;
  left: -120px;
  display: inline-block;
}

#detail #cate_item_box::after {
  content: url(../img/bg_deco_cloud.png);
  position: absolute;
  top: -160px;
  right: -200px;
  display: inline-block;
  z-index: 0;
}

#detail #cate_item_box ul.fl_b {
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding-bottom: 30px;
  z-index: 1;
  gap: 30px;
}

#detail .cate_item_box_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#detail .cate_item_box_inner:hover {
  opacity: 0.75;
  transition: 0.5s;
}

#detail #cate_item_box ul li {
  width: calc((100% - 60px) / 3);
  border-radius: 20px;
  background-color: #fff;
  align-self: stretch;
  z-index: 1;
}
/* 
#detail #cate_item_box ul li:nth-child(3n-1) {
  margin: 0 15px 30px;
} */

#detail #cate_item_box .cate_item_detail {
  padding: 20px;
  height: 100%;
}

#detail #cate_item_box ul li figure {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

#detail #cate_item_box ul li .thumb_img {
  text-align: center;
}

#detail #cate_item_box ul li .thumb_img img {
  max-height: 150px;
  width: auto;
}

#detail #cate_item_box ul li h3 {
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}

#detail #cate_item_box ul li h3 span.cate_name {
  display: block;
  font-size: 1.4rem;
}

#detail #cate_item_box ul li h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 66px;
  height: 3px;
  left: 34px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}

#detail #detail_contents ul {
  padding: 10px;
}

#detail #cate_item_box ul li p {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

#detail #cate_item_box ul li a {
  color: #000;
}

#detail #cate_item_box ul li .more_link_btn p {
  background-color: #f0f0f0;
  border-radius: 0 0 16px 16px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  position: relative;
  display: block;
  margin-bottom: 0;
  font-size: 1.6rem;
}

#detail #cate_item_box ul li .more_link_btn p::before {
  content: url(../img/under/detail_arrow.png);
  position: absolute;
  top: 0;
  right: 21px;
  z-index: 1;
}

#detail #cate_item_box ul li .more_link_btn p::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 18px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
}

@media screen and (max-width: 896px) {
  #detail #detail_name h1 {
    font-size: 1.8rem;
    height: auto;
  }
  #detail #detail_contents h2 .jp {
    font-size: 1.8rem;
    line-height: 1.8;
  }
  #detail #detail_contents h3 {
    font-size: 1.8rem;
  }
  #detail #detail_movie .inner {
    position: relative;
    width: 100%;
    padding: 50% 0 0;
    margin-bottom: 80px;
  }

  #detail #detail_movie .inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #detail #detail_contents p {
    font-size: 1.6rem;
  }

  #detail #detail_contents table tr:nth-child(odd) th,
  #detail #detail_contents table tr:nth-child(odd) td {
    background-color: transparent;
  }
  #detail #detail_contents table td,
  #detail #detail_contents p,
  #detail #detail_contents li {
    font-size: 1.6rem;
  }

  #detail #detail_contents table td:nth-child(odd) {
    width: 100%;
    border-right: 0;
    background-color: #f5f5f5 !important;
    display: block;
  }

  #detail #detail_contents table td,
  #detail #detail_contents p,
  #detail #detail_contents li {
    font-size: 1.6rem;
  }

  #detail #detail_contents p {
    margin-bottom: 20px;
  }

  #detail #detail_contents figcaption {
    font-size: 1.3rem;
  }

  #detail #detail_contents table td {
    background-color: #fff;
    display: block;
  }

  #detail #cate_item_box::after {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: top 220px right 0;
    z-index: 0;
  }

  #detail #cate_item_box ul.fl_b {
    display: flex;
  }
  #detail #cate_item_box ul li {
    width: calc((100% - 30px) / 2);
    z-index: 2;
    position: relative;
  }

  #detail #cate_item_box::before {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: bottom 180px left 0;
    z-index: 0;
  }

  #detail #cate_item_box ul li .more_link_btn a {
    height: 50px;
    line-height: 50px;
  }

  #detail #cate_item_box ul li .more_link_btn a::after {
    top: 12px;
  }
}

@media screen and (max-width: 600px) {
  #detail #cate_item_box ul li {
    width: 100%;
    position: relative;
  }

  #detail #cate_item_box ul li:nth-child(3n-1) {
    margin-left: 0;
  }
  #detail #cate_item_box ul li h3 {
    font-size: 1.6rem;
  }

  #detail #cate_item_box ul li h3 span.cate_name {
    font-size: 1.4rem;
    font-weight: normal;
  }
}
/*===================================================================================
      買い替えのサイン
===================================================================================*/
/* ページタイトル */
#sign #page_name h2 {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
}

/* フロア */
#sign #link_floor .inner {
  background-image: url(../img/under/sign/sign_floor.png);
  background-repeat: no-repeat;
  background-position: top 60% left 50%;
  height: 470px;
  position: relative;
}

#sign #link_floor .floor_link {
  position: absolute;
}

#sign #link_floor .floor_link_1 {
  top: 70px;
  left: 240px;
}

#sign #link_floor .floor_link_2 {
  top: 118px;
  right: 204px;
}

#sign #link_floor .floor_link_3 {
  top: 250px;
  right: 94px;
}

#sign #link_floor .floor_link_4 {
  top: 168px;
  right: 66px;
}

#sign #link_floor .floor_link_5 {
  top: 150px;
  left: 70px;
}

/* 背景色　*/
#sign .sign_section:nth-child(odd) {
  background-color: #e5f1f8;
}

#sign .sign_section:nth-child(even) {
  background-color: #f5f9f7;
}

/* 買い替えのサイン 各ブロック */
#sign .sign_section {
  padding: 40px 0;
}

/* アンカーリンク */
#sign .sign_section .anchor_link {
  text-align: right;
  padding-bottom: 5px;
}

#sign .sign_section .anchor_link a {
  font-size: 1.4rem;
  color: #000;
}

#sign .sign_section .anchor_link li {
  display: inline-block;
  border-left: 1px solid #000;
  padding: 0 8px 4px;
  line-height: 0.7;
}

#sign .sign_section .anchor_link li:last-child {
  border-right: 1px solid #000;
  padding: 0 8px 4px;
  line-height: 0.7;
}

/* サイン タイトル　*/
#sign .sign_section .sign_title_area.fl_b {
  justify-content: flex-start;
  align-items: flex-start;
}

/* タイトル前　「買い替えのサイン」　*/
#sign .sign_section .sign_title_b {
  background-color: #fff;
  border: 6px solid #00a2d6;
  width: 160px;
  height: 140px;
  color: #ff614f;
  text-align: center;
  padding-top: 60px;
  border-radius: 20px 0 20px 20px;
  position: relative;
  flex-shrink: 0;
}

#sign .sign_section .sign_title_b::before {
  content: url(../img/under/sign/sign_title_deco.png);
  display: inline-block;
  position: absolute;
  top: -34px;
  left: 35px;
}

#sign .sign_section .sign_title_txt h3 {
  background-color: #00a2d6;
  width: 740px;
  height: 68px;
  border-radius: 0 20px 20px 0;
  line-height: 68px;
}

#sign .sign_section .sign_title_txt h3 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  padding-left: 30px;
}

#sign .sign_section .sign_title_txt .lead p {
  font-size: 1.6rem;
  padding: 20px 146px 20px 30px;
}

#sign .sign_section .strong {
  text-align: center;
  margin: 30px 0 65px;
}

#sign .sign_section .strong p {
  font-weight: bold;
  border-bottom: 8px solid #ff614f;
  display: inline-block;
}

/* 買い替えのサイン　吹き出し　*/
#sign .sign_section .sign_area {
  position: relative;
}

#sign .sign_section .sign_area li {
  width: 50%;
  margin-bottom: 45px;
  position: relative;
}

#sign .sign_section .sign_area ul.fl_b {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0;
}

#sign .sign_section .sign_area li.sign_R {
  text-align: right;
}

#sign .sign_section .sign_area li.sign_R::after {
  content: url(../img/under/sign/cmt_R.png);
  position: absolute;
  top: 38%;
  left: 154px;
  display: inline-block;
}

#sign .sign_section .sign_area span {
  background-color: #fff;
  display: inline-block;
  width: 270px;
  padding: 20px;
  border-radius: 20px;
  border: 4px solid #00a2d6;
  line-height: 1.5;
}

/* firefoxのみ */
@-moz-document url-prefix() {
  #sign .sign_section .sign_area span {
    line-height: 1;
  }
}

#sign .sign_section .sign_area li.sign_L::after {
  content: url(../img/under/sign/cmt_L.png);
  position: absolute;
  top: 38%;
  right: 155px;
  display: inline-block;
}

/* 吹き出し番号 */
#sign .sign_section .sign_area li.no_1::before {
  content: url(../img/under/sign/no1.png);
  position: absolute;
  top: -33px;
  left: 0;
  display: inline-block;
}

#sign .sign_section .sign_area li.no_2::before {
  content: url(../img/under/sign/no2.png);
  position: absolute;
  top: -33px;
  right: 0;
  display: inline-block;
}

#sign .sign_section .sign_area li.no_3::before {
  content: url(../img/under/sign/no3.png);
  position: absolute;
  top: -37px;
  left: 0;
  display: inline-block;
}

#sign .sign_section .sign_area li.no_4::before {
  content: url(../img/under/sign/no4.png);
  position: absolute;
  top: -27px;
  right: 0;
  display: inline-block;
}

#sign .sign_section .sign_area li.no_5::before {
  content: url(../img/under/sign/no5.png);
  position: absolute;
  top: -27px;
  left: 0;
  display: inline-block;
}

/*-------------------- レンジフード　-----------------------------*/
/* イラスト装飾 */
#sign .sign_section .sign_area_1 ul::after {
  content: url(../img/under/sign/no1_main.png);
  position: absolute;
  top: -45px;
  left: 235px;
  display: inline-block;
}

#sign .sign_section .sign_area_1 .s_no1_1::after {
  content: url(../img/under/sign/no1_1.png);
  position: absolute;
  top: 10px;
  left: 170px;
  display: inline-block;
  z-index: 1;
}

#sign .sign_section .sign_area_1 .s_no1_2::after {
  content: url(../img/under/sign/no1_2.png);
  position: absolute;
  top: 23px;
  left: 203px;
  display: inline-block;
}

#sign .sign_section .sign_area_1 .s_no1_3::after {
  content: url(../img/under/sign/no1_3.png);
  position: absolute;
  top: 55px;
  left: 170px;
  display: inline-block;
}

/* コラム */
#sign .sign_section .btm_msg.fl_b {
  align-items: flex-start;
}

#sign .sign_section .btm_msg.fl_b img {
  margin-left: 30px;
  flex-shrink: 0;
}

#sign .sign_section .btm_msg p {
  font-size: 1.6rem;
  margin-bottom: 20px;
  flex-shrink: 13;
  line-height: 1.6;
}

#sign .sign_section .btm_msg p:last-child {
  margin-bottom: 0;
}

/*-------------------- ガスコンロ　-----------------------------*/
/* 左右 吹き出し三角調整 */
#sign .sign_section .sign_area_2 li.sign_R::after {
  top: 31%;
}

#sign .sign_section .sign_area_2 li.sign_L::after {
  top: 39%;
}

#sign .sign_section .sign_area_2 li.no_3::after {
  top: 47%;
}

/* 1・3 吹き出しの大きさ 吹き出し三角調整　*/
#sign .sign_section .sign_area_2 li .s_no2_1 {
  padding: 30px 20px;
}

#sign .sign_section .sign_area_2 li .s_no2_3 {
  margin-top: 15px;
}

#sign .sign_section .sign_area_2 li.no_3::before {
  top: -22px;
}

/* 4 吹き出し位置調整 */
#sign .sign_section .sign_area_2 li.no2_4 {
  position: absolute;
  top: 167px;
  right: 0;
}

/* イラスト装飾 */
#sign .sign_section .sign_area_2 ul::after {
  content: url(../img/under/sign/no2_main.png);
  position: absolute;
  top: 34px;
  left: 235px;
  display: inline-block;
}

#sign .sign_section .sign_area_2 .s_no2_1::after {
  content: url(../img/under/sign/no2_1.png);
  position: absolute;
  top: 24px;
  left: 170px;
  display: inline-block;
}

#sign .sign_section .sign_area_2 .s_no2_2::after {
  content: url(../img/under/sign/no2_2.png);
  position: absolute;
  top: 23px;
  right: 203px;
  display: inline-block;
}

#sign .sign_section .sign_area_2 .s_no2_3::after {
  content: url(../img/under/sign/no3_4.png);
  position: absolute;
  top: 50px;
  right: 217px;
  display: inline-block;
}

/*-------------------- 石油／ガスファンヒーター　-----------------------------*/
/* 吹き出し大きさ調整　*/
#sign .sign_section .sign_area_3 li span {
  padding: 35px 20px;
}

/* イラスト装飾 */
#sign .sign_section .sign_area_3 ul::after {
  content: url(../img/under/sign/no3_main.png);
  position: absolute;
  top: -45px;
  left: 235px;
  display: inline-block;
}

#sign .sign_section .sign_area_3 .s_no3_1::after {
  content: url(../img/under/sign/no3_1.png);
  position: absolute;
  bottom: 11px;
  right: 202px;
  display: inline-block;
}

#sign .sign_section .sign_area_3 .s_no3_2::after {
  content: url(../img/under/sign/no3_2.png);
  position: absolute;
  bottom: 12px;
  left: 203px;
  display: inline-block;
}

#sign .sign_section .sign_area_3 .s_no3_4::after {
  content: url(../img/under/sign/no3_4.png);
  position: absolute;
  top: 38px;
  left: 212px;
  display: inline-block;
}

/*-------------------- ガス給湯器　-----------------------------*/
/* 3・4 吹き出し三角調整 */
#sign .sign_section .sign_area_4 li.no_3::after,
#sign .sign_section .sign_area_4 li.no_4::after {
  top: 29%;
}

/* 5 右寄せ */
#sign .sign_section .sign_area_4 li.no4_5 {
  width: 100%;
}

#sign .sign_section .sign_area_4 li.no_5.no4_5::after {
  top: 29%;
  right: 261px;
}

#sign .sign_section .sign_area_4 li.no_5.no4_5::before {
  top: -17px;
  right: 0;
}

/* 2・3 吹き出しの大きさ 吹き出し三角調整　*/
#sign .sign_section .sign_area_4 li .s_no4_2 {
  padding: 30px 20px;
}

#sign .sign_section .sign_area_4 li .s_no4_3 {
  padding: 45px 20px;
  margin-top: 15px;
}

#sign .sign_section .sign_area_4 li.no_3::before {
  top: -22px;
}

/* 4・5 吹き出し位置調整 */
#sign .sign_section .sign_area_4 li.no4_4 {
  position: absolute;
  top: 167px;
  right: 0;
}

#sign .sign_section .sign_area_4 li.no4_5 {
  position: absolute;
  top: 265px;
  right: 0;
}

/* イラスト装飾 */
#sign .sign_section .sign_area_4 ul::after {
  content: url(../img/under/sign/no4_main.png);
  position: absolute;
  top: -19px;
  left: 235px;
  display: inline-block;
}

#sign .sign_section .sign_area_4 .s_no4_1::after {
  content: url(../img/under/sign/no4_1.png);
  position: absolute;
  top: 21px;
  left: 180px;
  display: inline-block;
}

#sign .sign_section .sign_area_4 .s_no4_2::after {
  content: url(../img/under/sign/no4_2.png);
  position: absolute;
  top: 15px;
  right: 186px;
  display: inline-block;
  z-index: 1;
}

#sign .sign_section .sign_area_4 .s_no4_3::after {
  content: url(../img/under/sign/no4_3.png);
  position: absolute;
  bottom: 11px;
  left: 185px;
  display: inline-block;
}

#sign .sign_section .sign_area_4 .s_no4_4::after {
  content: url(../img/under/sign/no4_4.png);
  position: absolute;
  top: -8px;
  left: 104px;
  display: inline-block;
}

#sign .sign_section .sign_area_4 .s_no4_5::after {
  content: url(../img/under/sign/no3_4.png);
  position: absolute;
  top: 15px;
  right: 183px;
  display: inline-block;
}

/*-------------------- エアコン　-----------------------------*/
/* 吹き出し大きさ調整　*/
#sign .sign_section .sign_area_5 li span {
  padding: 35px 20px;
  width: 250px;
}

/* 吹き出し 左右三角位置調整 */
#sign .sign_section .sign_area_5 li.sign_R::after {
  left: 174px;
}

#sign .sign_section .sign_area_5 li.sign_L::after {
  right: 174px;
}

/* イラスト装飾 */
#sign .sign_section .sign_area_5 ul::after {
  content: url(../img/under/sign/no5_main.png);
  position: absolute;
  top: -10px;
  left: 274px;
  display: inline-block;
}

#sign .sign_section .sign_area_5 .s_no5_1::after {
  content: url(../img/under/sign/no5_1.png);
  position: absolute;
  bottom: -3px;
  right: 221px;
  display: inline-block;
}

#sign .sign_section .sign_area_5 .s_no5_2::after {
  content: url(../img/under/sign/no5_2.png);
  position: absolute;
  top: -13px;
  right: 187px;
  display: inline-block;
  z-index: 1;
}

#sign .sign_section .sign_area_5 .s_no5_3::after {
  content: url(../img/under/sign/no5_3.png);
  position: absolute;
  top: 27px;
  right: 157px;
  display: inline-block;
  z-index: 1;
}

#sign .sign_section .sign_area_5 .s_no5_4::after {
  content: url(../img/under/sign/no5_4.png);
  position: absolute;
  top: 60px;
  left: 229px;
  display: inline-block;
}

#sign #under_link_area .support_link {
  margin: 0 auto;
}

#sign #under_link_area .support_link a {
  width: 680px;
  text-align: center;
  padding-right: 0;
}

@media screen and (max-width: 896px) {
  #sign #page_name h2 {
    margin-bottom: 30px;
    font-size: 2.8rem;
  }

  #sign #link_floor .inner a {
    display: none;
  }

  #sign #link_floor .inner {
    background-image: none;
    height: 250px;
    margin-bottom: 20px;
  }

  #sign #link_floor .inner::before {
    content: "";
    background-image: url(../img/under/sign/sp_sign_floor.png);
    background-repeat: no-repeat;
    background-position: top 50% left 50%;
    height: 100%;
    width: 100%;
    background-size: contain;
    display: inline-block;
  }

  #sign .sign_section .strong p {
    display: inline;
    line-height: 2;
  }

  #sign .sign_section .sign_title_b {
    display: none;
  }

  #sign .sign_section .sign_title_txt h3 {
    width: 100%;
    border-radius: 10px;
    height: auto;
    padding: 10px;
    font-size: 2.3rem;
    line-height: inherit;
  }

  #sign .sign_section .sign_title_txt .lead p {
    padding: 20px 0;
  }

  #sign .sign_section .strong {
    margin-top: 20px;
    margin-bottom: 45px;
  }

  #sign .sign_section .sign_area li.sign_L::after,
  #sign .sign_section .sign_area li.sign_R::after {
    content: "";
  }

  #sign .sign_section .sign_area li.no_2::before,
  #sign .sign_section .sign_area li.no_4::before {
    left: 0;
  }

  #sign .sign_section .sign_area li.sign_R {
    text-align: left;
  }

  #sign .sign_section .sign_area_1 ul::after,
  #sign .sign_section .sign_area_2 ul::after,
  #sign .sign_section .sign_area_3 ul::after,
  #sign .sign_section .sign_area_4 ul::after,
  #sign .sign_section .sign_area_5 ul::after {
    content: "";
  }

  #sign .sign_section .sign_area span,
  #sign .sign_section .sign_area_5 li span {
    width: 100%;
  }

  #sign .sign_section .sign_area li {
    width: 85%;
    margin: 45px auto;
  }

  #sign .sign_section {
    padding: 10px 0 40px;
  }

  #sign .sign_section .inner img {
    margin: 0 auto;
    width: 80%;
  }

  #sign .sign_section .sign_area_1 .s_no1_1::after,
  #sign .sign_section .sign_area_1 .s_no1_2::after,
  #sign .sign_section .sign_area_1 .s_no1_3::after,
  #sign .sign_section .sign_area_2 .s_no2_1::after,
  #sign .sign_section .sign_area_2 .s_no2_2::after,
  #sign .sign_section .sign_area_2 .s_no2_3::after,
  #sign .sign_section .sign_area_2 .s_no2_4::after,
  #sign .sign_section .sign_area_3 .s_no3_1::after,
  #sign .sign_section .sign_area_3 .s_no3_2::after,
  #sign .sign_section .sign_area_3 .s_no3_3::after,
  #sign .sign_section .sign_area_3 .s_no3_4::after,
  #sign .sign_section .sign_area_4 .s_no4_1::after,
  #sign .sign_section .sign_area_4 .s_no4_2::after,
  #sign .sign_section .sign_area_4 .s_no4_3::after,
  #sign .sign_section .sign_area_4 .s_no4_4::after,
  #sign .sign_section .sign_area_4 .s_no4_5::after,
  #sign .sign_section .sign_area_5 .s_no5_1::after,
  #sign .sign_section .sign_area_5 .s_no5_2::after,
  #sign .sign_section .sign_area_5 .s_no5_3::after,
  #sign .sign_section .sign_area_5 .s_no5_4::after {
    content: "";
  }

  #sign .sign_section .sign_area_2 li .s_no2_3 {
    padding-bottom: 20px;
  }

  #sign .sign_section .sign_area_2 li.no2_5,
  #sign .sign_section .sign_area_4 li.no4_5 {
    width: 85%;
  }

  #sign .sign_section .sign_area_2 li.no2_4,
  #sign .sign_section .sign_area_2 li.no2_5,
  #sign .sign_section .sign_area_4 li.no4_4,
  #sign .sign_section .sign_area_4 li.no4_5 {
    position: relative;
    top: 0;
  }

  #sign .sign_section ul li span {
    padding: 20px !important;
  }

  #sign .sign_section .btm_msg.fl_b {
    text-align: center;
  }

  #sign .sign_section .text {
    margin: 20px 0 30px;
    text-align: left;
  }

  #sign .sign_section .btm_msg.fl_b img {
    margin-left: 0;
    width: 90%;
  }

  .under_link_btn a {
    display: inline-block;
    width: 100%;
  }

  .under_link_btn a::after {
    right: 12px;
  }

  .under_link_2 .under_link_btn:first-child {
    margin-right: 0;
  }

  .under_link_2 .under_link_btn a {
    width: 100%;
  }

  #sign #under_link_area .support_link a {
    width: 100%;
  }
}

/*===================================================================================
      ご成約記念スペシャル特典
===================================================================================*/
/* 背景・タイトル部分装飾 */
#special #spe_title {
  text-align: center;
  background-image: url(../img/under/special/spe_title_bg.png);
  background-repeat: no-repeat;
  background-position: left 50% top;
  background-size: cover;
}

#special #spe_title h2 {
  margin-top: 40px;
}

#special #spe_title .period {
  font-size: 2.4rem;
  padding: 20px 0;
  font-weight: bold;
}

#special .form_link,
#special .detail {
  background: #99dff7;
}

#special .bg_bottom {
  position: relative;
}

#special .bg_bottom::after {
  content: "";
  display: inline-block;
  width: 110%;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  background: #99dff7;
  position: absolute;
  bottom: -70px;
  right: -70px;
  z-index: -1;
}

/* フォームリンクボタン */
#special .form_link {
  text-align: center;
}

#special .form_link img {
  margin: 0 auto;
}

#special .form_link,
#special .form_link03 {
  text-align: center;
}
#special .form_link img.pc,
#special .form_link03 img.pc {
  display: inline-block !important;
}

#special .form_link01 .inner {
  padding: 20px 0 50px;
}

#special .form_link02 .inner {
  padding: 30px 0 0;
}

#special .form_link03 {
  text-align: center;
  padding: 20px 0 130px;
}

#special .form_link03 img {
  margin: 0 auto;
}

/*　特典 */
#special .detail {
  background-image: url(../img/bg_garland.png), url(../img/bg_garland.png), url(../img/bg_deco_cloud.png), url(../img/bg_deco_cloud.png);
  background-repeat: repeat-x, repeat-x, no-repeat, no-repeat;
  background-position: center left -400px, top 120px right -400px, center left -140px, top 20px right -140px;
}

#special .detail .inner {
  background: #fff;
  border: 4px solid #2fbdef;
  border-radius: 20px;
  padding: 40px;
}

#special .detail .inner > h3 {
  text-align: center;
  margin-top: -70px;
}
#special .detail .item01.item ul {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: -50px 0 50px;
}

#special .step h3 {
  text-align: center;
}

#special .step dl {
  display: flex;
  align-items: center;
  background: #eaf6fd;
  border: 3px solid #00a6da;
  margin: 8px 0 29px;
  padding: 10px;
  border-radius: 20px;
  position: relative;
}

#special .step dl::before {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 51%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 21px solid #eaf6fd;
  z-index: 2;
}

#special .step dl::after {
  content: "";
  position: absolute;
  bottom: -38px;
  left: 51%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 23px solid #00a6da;
  z-index: 1;
}

#special .step dl dt {
  background: #00a6da;
  color: #fff;
  font-weight: bold;
  padding: 5px 17px;
  border-radius: 20px;
  letter-spacing: 0.1em;
  margin-right: 20px;
  flex-shrink: 0;
}

#special .step dl dd {
  position: relative;
  width: 100%;
}

#special .step dl.step1 dd::after {
  content: "";
  background-image: url(../img/under/special/present_step1.png);
  position: absolute;
  top: -30px;
  right: 0;
  width: 87px;
  height: 88px;
}

#special .step dl.step2 dd::after {
  content: "";
  background-image: url(../img/under/special/present_step2.png);
  position: absolute;
  top: -30px;
  right: 0;
  width: 90px;
  height: 71px;
}

#special .step dl.step3 dd::after {
  content: "";
  background-image: url(../img/under/special/present_step3.png);
  position: absolute;
  top: -30px;
  right: 20px;
  width: 47px;
  height: 79px;
}

#special .step figure {
  text-align: center;
}

/* 2023年10月 */
#special .subject dl {
  display: flex;
  column-gap: 1rem;
  row-gap: 1rem;
}
#special .subject dt {
  font-size: 1.8rem;
  background: #2fbdef;
  width: fit-content;
  padding: 5px 20px;
  color: #fff;
  width: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#special .subject dd {
  font-size: 1.6rem;
  width: fit-content;
  width: calc(100% - 6em);
}

#special .subject + .period {
  font-size: 2.8rem;
  font-weight: bold;
  margin-top: 3rem;
  color: #ff614f;
  text-align: center;
}
/* 2023年10月　エコエコキャンペーン */
#special .detail .inner.item02 > h3 {
  margin-top: 30px;
  color: #059b96;
  font-weight: bold;
  font-size: 4rem;
}
#special .detail .inner.item02 > p {
  text-align: center;
}
#special .detail .item02 .prize {
  margin: 20px auto;
  background: #eaf6fd;
  border-radius: 20px;
  padding: 20px;
  font-size: 1.8rem;
}
#special .detail .item02 .prize dl {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: center;
}
#special .detail .item02 .prize dt {
  font-weight: bold;
  width: fit-content;
  display: flex;
  column-gap: 2rem;
  align-items: center;
  font-size: 2.3rem;
  color: #12af7b;
  width: 28%;
}
#special .detail .item02 .prize dt span {
  font-size: 2.2rem;
  font-weight: bold;
  border: 2px solid #12af7b;
  padding: 3px 20px;
  color: #12af7b;
  border-radius: 30px;
  width: 11rem;
  text-align: center;
  background: #fff;
}

#special .detail .item02 .prize dt:first-of-type {
  font-size: 2.8rem;
}
#special .detail .item02 .prize dt:first-of-type span {
  font-size: 2.8rem;
  background: #12af7b;
  padding: 3px 20px;
  color: #fff;
  border-radius: 30px;
}

#special .detail .item02 .prize dd {
  width: calc(72% - 2rem);
}
#special .detail .item02 .prize dd:first-of-type {
  font-weight: bold;
  font-size: 2.1rem;
}
/* #special .detail .item02 .attention {
  margin-bottom: 20px;
}
#special .detail .item02 .attention li {
  font-size: 1.3rem;
  position: relative;
} */
#special .detail .item02 .attention li::before {
  content: "※";
}

/*応募要項*/
#special .entry_point h3 {
  font-size: 3.7rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  background-image: url(../img/under/special/balloon01.png), url(../img/under/special/balloon02.png);
  background-position: center left, top 30px right;
  background-repeat: no-repeat;
  padding: 180px 0 90px;
}

#special .entry_point h3::after {
  content: "";
  background: #00a6da;
  width: 154px;
  height: 10px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}

#special .point_box dl {
  display: flex;
  margin: 20px 40px;
  border-bottom: 1px solid #cacaca;
}

#special .point_box dl:last-child {
  border-bottom: none;
}

#special .point_box dl ol li {
  list-style: decimal;
  margin-left: 1em;
  padding: 0;
}

#special .point_box dl ul li {
  list-style: disc;
  margin-left: 1.5em;
  padding: 0;
}

#special .point_box dt {
  width: 17%;
  color: #00a6da;
  position: relative;
  padding-left: 22px;
  font-size: 1.8rem;
}

#special .point_box dt,
#special .point_box dd {
  padding-bottom: 20px;
}

#special .point_box dd {
  width: 83%;
  font-size: 1.6rem;
}

#special .point_box dl a {
  font-size: 1.6rem;
}

#special .point_box .attention {
  margin-top: 10px;
}
#special .point_box .attention li {
  font-size: 1.3rem;
  position: relative;
  list-style: none;
  margin-left: 0;
}
#special .point_box .attention li::before {
  content: "※";
}

@media screen and (max-width: 896px) {
  #special #spe_title {
    background-size: cover;
  }

  #special #spe_title .period {
    font-size: 5vw;
  }

  #special .detail .item01 ul li:first-child,
  #special .detail .item01 ul li:nth-child(2),
  #special .detail .item01 ul li:last-child {
    position: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: inherit;
  }

  #special .detail .item01 ul {
    height: 100%;
    text-align: center;
    /* margin-top: 40px; */
  }

  #special .detail .item01 ul li {
    margin-bottom: 20px !important;
    width: 80%;
    margin: 0 auto;
  }

  #special .detail .inner .item01 > h3 img.sp {
    margin: 0 auto -20px;
  }

  #special .detail .item01 ul li:nth-child(n + 2) {
    width: 50%;
  }

  #special .step dl {
    display: block;
  }

  #special .step dl dt {
    margin-right: 0;
    text-align: center;
    margin-bottom: 10px;
  }

  #special .detail .inner {
    padding: 15px;
  }

  #special .step dl.step1 dd::after,
  #special .step dl.step2 dd::after,
  #special .step dl.step3 dd::after {
    content: none;
  }

  #special .step dl dd {
    text-align: center;
  }

  #special .bg_bottom::after {
    right: 50%;
    transform: translateX(50%);
  }

  #special .entry_point h3 {
    background-size: 23%;
    font-size: 3rem;
    padding: 110px 0 60px;
  }

  #special .entry_point h3::after {
    bottom: 40px;
  }

  #special .detail .inner.item01 > h3 {
    margin-top: 0;
  }

  #special .form_link03 {
    padding: 20px 0 40px;
  }

  #special .point_box dl {
    display: block;
    margin: 20px 10px;
  }

  #special #entry_point h3 {
    padding: 20px 0 10px;
  }

  #special .point_box dt,
  #special .point_box dd {
    width: 100%;
  }

  #special .point_box dl li {
    margin-bottom: 8px;
  }

  #special #spe_detail .spe_detail_box {
    margin-bottom: 25px;
  }

  #special #spe_detail .spe_detail_box ul.price li span.item_price .strong {
    margin: 0 0 15px;
  }

  #special #spe_lead p .spe_txt_strong {
    font-size: 2rem;
    font-weight: inherit;
  }

  #special #spe_detail .spe_detail_box .entry p .strong .pc {
    display: none;
  }

  #special #spe_detail .spe_detail_box .entry p .strong {
    border-bottom: 4px solid #fff;
  }

  #special #spe_lead p .spe_txt_red {
    font-size: 3rem;
  }

  #special .form_link img.pc,
  #special .form_link03 img.pc {
    display: none !important;
  }

  #special .subject dl {
    flex-direction: column;
  }
  #special .subject dl dt,
  #special .subject dl dd {
    width: 100%;
  }
  #special .detail .item02 .prize dl {
    flex-direction: column;
  }
  #special .detail .item02 .prize dl dt,
  #special .detail .item02 .prize dl dd {
    width: 100% !important;
  }
  #special .detail .item02 .prize dl dd {
    margin-bottom: 2rem;
  }
  #special .subject + .period {
    font-size: 2.3rem;
    margin: 2rem 0;
  }
  #spe_title .inner {
    width: 100% !important;
  }
  #special .form_link01 .inner {
    padding-bottom: 15vw;
  }
}

/*===================================================================================
      フォーム
===================================================================================*/
#form #page_name .inner {
  text-align: center;
}

#form h2 {
  font-size: 3.6rem;
  border-bottom: 10px solid #ff614f;
  display: inline-block;
  margin-top: 30px;
}

#form h2 span {
  font-weight: bold;
}

#form #form_content p {
  font-size: 1.6rem;
  margin: 30px 0 20px;
  text-align: center;
}

#form #form_content p.lead {
  text-align: center;
}

#form #form_content p.lead span.lead_attention {
  display: block;
  margin-top: 15px;
  font-size: 1.5rem;
}

/*---- フォームレイアウト ----*/

/*Contact Form 7カスタマイズ*/

/*見出し欄*/
#form_content .inquiry th {
  text-align: left;
  font-size: 16px;
  color: #444;
  padding: 15px;
  width: 30%;
  background: #f7f7f7;
  border: solid 1px #d7d7d7;
  vertical-align: top;
}

/*通常欄*/
#form_content .inquiry td {
  border: solid 1px #d7d7d7;
  padding: 15px;
}

#form_content .inquiry td label {
  font-size: 16px;
  margin-right: 1em;
}

#form_content .inquiry tr {
  height: 40px;
}

#form_content input,
select {
  vertical-align: baseline;
}

#form_content select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.drop {
  margin-bottom: 10px;
}

#form_content input[type="text"],
#form_content input[type="email"],
#form_content input[type="tel"],
#form_content select,
#form_content textarea {
  margin-right: 1rem;
}

#form_content textarea {
  width: 90%;
  margin-left: 1rem;
}

#form_content span.wpcf7-list-item {
  margin-left: 0.5rem;
}

#form_content td.product_list span.wpcf7-list-item {
  margin-left: 2rem;
  display: block;
}

#form_content input::placeholder {
  font-size: 1.4rem;
}

#form_content label:hover,
#form_content select:hover,
#form_content select option:hover {
  cursor: pointer;
}

/*依頼商品*/
#form_content .cb_inner {
  display: none;
}

#form_content td span.small {
  font-size: 1.4rem;
}

#form_content span.cb_ttl {
  font-size: 1.7rem;
  display: block;
  margin: 12px auto 0;
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
}

#form_content span.cb_ttl::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #6b6b6b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}

#form_content span.cb_ttl::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 14px;
  left: 7px;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #fff;
}

#form_content span.cb_ttl.open::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #6b6b6b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}

#form_content span.cb_ttl.open::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
  top: 17px;
  left: 5px;
  transform: translateY(-50%);
}

/*横の行とテーブル全体*/
#form_content .inquiry tr,
#form_content table {
  border: solid 1px #d7d7d7;
}

/*必須の調整*/
#form_content .haveto {
  font-size: 1.2rem;
  padding: 3px 5px;
  background: #ff614f;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
  font-weight: normal;
}

/*任意の調整*/
#form_content .any {
  font-size: 1.2rem;
  padding: 3px 5px;
  background: #9c9c9c;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
  font-weight: normal;
}

/*ラジオボタンを縦並び指定*/
#form_content .verticallist .wpcf7-list-item {
  display: block;
}

/*プライバシーポリシー*/
#form_content #privacy {
  height: 300px;
  overflow-y: scroll;
  border: solid 2px #d7d7d7;
  padding: 10px;
  margin-top: 30px;
}

#form_content #privacy .page_name {
  text-align: center;
}

#form_content #privacy .page_name h2 {
  font-size: 2rem;
  margin-top: 10px;
  border-bottom: 5px solid #ff614f;
}

span.wpcf7-form-control-wrap.acceptance-128 label {
  font-size: 1.9rem;
  font-weight: bold;
}

#form_content #privacy .privacy_inner .lead {
  text-align: left;
}

#form_content #privacy .privacy_inner p {
  text-align: left;
  margin: 15px auto;
}

/*送信ボタンのデザイン変更*/
input#formbtn {
  display: block;
  padding: 1em 0;
  margin-top: 30px;
  width: 100%;
  background: #fff33f;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px;
  border: 2px solid #000;
}

/*送信ボタンマウスホバー時*/
input#formbtn:hover {
  background: #00a6da;
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
}

input#formbtn[disabled] {
  background: #bababa;
  color: #999;
  border: 2px solid #999;
}

input#formbtn[disabled]:hover {
  background: #bababa;
  cursor: default;
  color: #999;
}

/*注意書き*/
#form_content .inquiry .attention {
  font-size: 1.4rem;
  color: #ff614f;
  margin-bottom: 5px;
  display: inline-block;
}

/*例*/
#form_content span.example {
  font-size: 1.4rem;
  color: #6b6b6b;
}

#form_content span.example.mypage_link a {
  font-size: 1.4rem;
}

/*エラー*/
.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  color: #fff;
  background: #ff614f;
  border: none !important;
  padding: 10px !important;
  width: 100% !important;
}

.wpcf7-not-valid-tip {
  color: #fff !important;
  margin: 20px 0 16px;
  padding: 5px;
  width: 90%;
  font-size: 1.4rem !important;
  position: relative;
  background: #ff614f;
}

.wpcf7-not-valid-tip::after {
  content: "";
  position: absolute;
  top: -26px;
  left: 10%;
  margin-left: -17px;
  border: 13px solid transparent;
  border-bottom: 13px solid #ff614f;
  z-index: 1;
}

#form #form_content p a {
  font-size: 1.6rem;
}

@media (max-width: 896px) {
  #form h2 {
    font-size: 3.2rem;
  }

  #form #form_content p.lead {
    text-align: left;
    margin-top: 0;
  }

  #form_content .inquiry th,
  #form_content .inquiry td {
    display: block !important;
    width: 100% !important;
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  #form_content span.cb_ttl {
    margin: 17px auto 0;
  }

  #form_content .inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7 !important;
  }

  #form_content .inquiry td {
    padding-left: 15px;
  }

  #form_content input[type="text"],
  #form_content input[type="email"],
  #form_content input[type="tel"] {
    width: 100%;
    margin-left: 0;
    height: 40px;
  }

  #form_content textarea {
    width: 100%;
    margin-left: 0;
    height: 130px;
  }

  #form_content select {
    height: 40px;
    margin-left: 0;
    margin-bottom: 0.5rem;
  }

  #form_content input[type="checkbox"] {
    margin-left: 0;
  }

  #form_content input[type="submit"] {
    width: 100%;
  }

  #form_content .inquiry .attention {
    margin-left: 0;
  }

  .wpcf7-not-valid-tip {
    margin-left: 0;
  }

  #form_content .inquiry td label {
    display: inline-block;
    line-height: 2;
    font-size: 1.7rem;
  }

  #form_content .inquiry td.product_list label {
    text-indent: -1.2em;
    margin-left: 1em;
  }

  /* 必須・任意のサイズ調整 */
  #form_content .inquiry .haveto,
  #form_content .inquiry .any {
    font-size: 1rem;
  }

  .wpcf7-not-valid-tip {
    width: 100%;
  }
}

/*===================================================================================
      お悩み別アドバイス
===================================================================================*/
main#advice nav,
main#advice #ad_box,
main#advice #ad_box ul li.ad_title {
  background-color: #e1edf4;
}

main#advice #breadcrumbs {
  padding: 10px 0;
  margin: 0;
}

main#advice #ad_box {
  padding: 40px;
}

main#advice #cate_link_area {
  background-color: #fff;
}

main#advice #title {
  z-index: 2;
  position: relative;
}

main#advice #ad_box ul.ad_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

main#advice #ad_box ul.ad_list li.modal_wrap {
  background: #fff;
  border-radius: 10px;
  box-shadow: 6px 6px 0px 0px #2fb4e6;
  position: relative;
  width: 280px;
  height: 280px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px;
  /* z-index: 2; */
}

/* IEのみ適用 */
@media all and (-ms-high-contrast: none) {
  main#advice #ad_box ul.ad_list li.modal_wrap {
    overflow: visible;
  }
}

main#advice #ad_box ul li label {
  display: flex;
  flex-direction: column;
  height: 100%;
}

main#advice #ad_box ul li label:hover {
  cursor: pointer;
  opacity: 0.75;
  transition: 0.5s;
}

/* IEのみ適用 */
@media all and (-ms-high-contrast: none) {
  main#advice #ad_box ul li label:hover {
    cursor: pointer;
    opacity: 1;
  }
}

main#advice #ad_box ul li label p.ad_txt {
  margin: auto 20px 20px;
  font-size: 1.6rem;
  position: relative;
}

main#advice #ad_box ul li label p.ad_txt::before {
  content: url(../img/under/detail_arrow.png);
  position: absolute;
  bottom: 2px;
  right: -2px;
  z-index: 2;
}

main#advice #ad_box ul li label p.ad_txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -7px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  background-color: #2fb4e6;
  z-index: 1;
}

main#advice #ad_box ul.ad_list li:nth-child(2) {
  order: -1;
}

main#advice #ad_box ul.modal_list li:nth-child(2) {
  order: 0;
}

main#advice #ad_box ul li .triangle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent #ffea3f transparent;
}

main#advice #ad_box ul li .open_button figure {
  text-align: center;
  margin: 15px 10px 10px;
}

main#advice #ad_box ul li.ad_title {
  align-items: center;
  justify-content: flex-start;
  margin-top: -20px;
  text-align: center;
  z-index: 0;
  box-shadow: none;
  overflow: visible;
}

main#advice #ad_box ul li.ad_title h2 {
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.3;
}

main#advice #ad_box ul li.ad_title h2 .title_bg {
  position: relative;
}

main#advice #ad_box ul li.ad_title h2 .title_bg::before {
  /* content: url(../img/under/advice/ad_title_bg.png);
  position: absolute;
  top: -70px;
  left: -104px;
  z-index: -1; */
  content: "";
  position: absolute;
  top: -70px;
  left: -87px;
  z-index: -1;
  background: url(../img/under/advice/ad_title_bg.png) no-repeat center right;
  width: 348px;
  height: 275px;
}

main#advice #ad_box ul li.ad_title h2 .title_bg::after {
  content: url(../img/under/advice/ad_title_dc.png);
  position: absolute;
  top: 100px;
  left: 0px;
}

main#advice #ad_box ul li h2 span.border_btm {
  border-bottom: 8px solid #ff614f;
}

/* モーダル */
main#advice .modal_wrap input {
  display: none;
}

main#advice .modal_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

main#advice .modal_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

main#advice .modal_content {
  align-self: center;
  width: 900px;
  height: 60%;
  box-sizing: border-box;
  line-height: 1.4em;
  transform: scale(0.5) rotateX(-270deg);
  transition: 0.5s;
  border-radius: 20px;
  background: #fff;
  box-shadow: 3px 3px 14px 0 #303030;
}

main#advice .modal_wrap.ad_01 .modal_content,
/*main#advice .modal_wrap.ad_02 .modal_content,*/
main#advice .modal_wrap.ad_04 .modal_content,
/*main#advice .modal_wrap.ad_05 .modal_content,*/
main#advice .modal_wrap.ad_08 .modal_content,
main#advice .modal_wrap.ad_09 .modal_content,
main#advice .modal_wrap.ad_10 .modal_content,
main#advice .modal_wrap.ad_11 .modal_content,
main#advice .modal_wrap.ad_12 .modal_content,
main#advice .modal_wrap.ad_13 .modal_content,
main#advice .modal_wrap.ad_14 .modal_content {
  height: auto;
}

main#advice .close_button {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 24px;
  cursor: pointer;
}

main#advice .modal_wrap input:checked ~ .modal_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

main#advice .modal_wrap input:checked ~ .modal_overlay .modal_content {
  transform: scale(1) rotateX(0deg);
}

/* モーダル 中身レイアウト　*/
main#advice .modal_wrap .modal_content ul.modal_list figure {
  margin: 0 20px 20px;
  text-align: center;
  width: 30%;
}

main#advice .modal_wrap .modal_content ul.modal_list figure img {
  max-height: 130px;
  width: auto;
}

main#advice .modal_wrap .modal_list .modal_R {
  width: 70%;
}

main#advice .modal_content h2 {
  background-color: #e1edf4;
  border-radius: 20px 20px 0 0;
  padding: 30px 50px 40px;
  font-size: 2.4rem;
  font-weight: bold;
}

main#advice .modal_content ul {
  padding: 30px 30px 30px;
  overflow: auto;
  max-height: 77%;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
}

main#advice .modal_content ul li {
  margin-bottom: 30px;
}

main#advice .modal_content ul h3 {
  position: relative;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 2rem;
}

main#advice .modal_content ul h3::before {
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 44px;
  height: 2px;
  left: 22px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ff614f;
  border-radius: 2px;
}

main#advice .modal_content ul .modal_ad_txt p {
  font-size: 1.6rem;
}

main#advice .modal_link_btn {
  text-align: right;
  margin: 10px 30px 0 0;
}

main#advice .modal_link_btn a {
  color: #fff;
  padding: 4px 52px 4px 32px;
  border-radius: 20px;
  background-color: #ff614f;
  position: relative;
  display: inline-block;
}

main#advice .modal_link_btn a::before {
  content: url(../img/under/detail_arrow.png);
  position: absolute;
  top: 4px;
  right: 12px;
  z-index: 1;
}

/* モーダル ×ボタン　*/
main#advice .modal_close_btn {
  display: inline-block;
  /*
  position: fixed;
  top: -25px;
  right: -21px;
*/
  position: absolute;
  top: -37px;
  right: -37px;
  background-color: #fff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 3px solid #009dd1;
  cursor: pointer;
  z-index: 51;
}

main#advice .modal_close_btn span::before,
main#advice .modal_close_btn span::after {
  display: block;
  content: "";
  position: absolute;
  top: 46%;
  left: 20%;
  width: 30px;
  height: 4px;
  background: #009dd1;
  border-radius: 3px;
}

main#advice .modal_close_btn span::before {
  transform: rotate(-45deg);
}

main#advice .modal_close_btn span::after {
  transform: rotate(45deg);
}

main#advice .modal_close_btn p {
  line-height: 36px;
  text-align: center;
  font-weight: bold;
}

main#advice #under_link_area .sign_link a {
  width: 680px;
  text-align: center;
  padding-right: 0;
}

main#advice #under_link_area .sign_link {
  margin: 0 auto;
}

@media screen and (max-width: 896px) {
  main#advice #ad_box ul li.ad_title {
    width: 100%;
    height: 320px;
  }

  main#advice #ad_box ul li.modal_wrap {
    width: 48%;
  }

  main#advice .modal_content h2 {
    font-size: 2rem;
  }

  main#advice #ad_box ul li.ad_title h2 {
    margin-top: 40px;
    font-size: 3.2rem;
  }

  main#advice #ad_box {
    padding: 0 0 30px 0;
  }

  main#advice #ad_box ul li.ad_title {
    margin-top: 0;
  }

  main#advice #ad_box ul.ad_list li:nth-child(2) {
    order: 0;
  }

  main#advice #ad_box ul.ad_list li:nth-child(even) {
    margin-right: 20px;
  }

  main#advice #ad_box ul li.ad_title h2 .title_bg::before {
    /* top: -44px;
    left: -130px; */
    top: -44px;
    left: -130px;
    width: 378px;
    background-position: center;
    background-size: 90%;
  }

  main#advice #ad_box ul li.ad_title h2 .title_bg::after {
    left: -9px;
    top: 85px;
  }

  main#advice .modal_content {
    width: 90%;
    height: 90%;
    background: none;
    box-shadow: none;
  }

  main#advice .modal_wrap.ad_01 .modal_content,
  /*main#advice .modal_wrap.ad_02 .modal_content,*/
  /*main#advice .modal_wrap.ad_05 .modal_content,*/
  main#advice .modal_wrap.ad_08 .modal_content,
  main#advice .modal_wrap.ad_09 .modal_content,
  main#advice .modal_wrap.ad_10 .modal_content,
  main#advice .modal_wrap.ad_11 .modal_content,
  main#advice .modal_wrap.ad_12 .modal_content,
  main#advice .modal_wrap.ad_13 .modal_content,
  main#advice .modal_wrap.ad_14 .modal_content {
    height: 90%;
  }

  .modal_content ul {
    display: block;
    padding: 0 30px 30px;
    background: #fff;
  }

  main#advice .modal_close_btn {
    /*    right: -10px;*/
    right: -29px;
  }

  /*タイトル1行*/
  main#advice #ad_box ul.ad_list {
    justify-content: center;
  }

  main#advice .modal_content h2 {
    line-height: 1.7;
    padding: 26px 50px 30px 30px;
  }

  main#advice .modal_wrap .modal_list li ul {
    height: 75%;
  }

  main#advice .modal_wrap .modal_list li img {
    margin-right: 0;
    width: 100%;
  }

  main#advice .modal_wrap .modal_content ul.modal_list figure {
    width: 100%;
    margin: 20px 0 20px;
  }

  main#advice .modal_wrap .modal_content ul.modal_list figure img {
    max-height: 250px;
    width: auto;
  }

  main#advice .modal_wrap .modal_list .modal_R {
    width: 100%;
  }

  main#advice .modal_link_btn a {
    display: block;
    text-align: center;
    padding: 9px;
  }

  main#advice .modal_link_btn a::before {
    top: 10px;
  }

  main#advice .modal_link_btn {
    margin: 20px 0 0;
  }

  main#advice .modal_content ul h3 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3;
  }

  main#advice .modal_content ul h3::before {
    bottom: -13px;
    left: 23px;
  }

  main#advice .modal_content ul li {
    margin-bottom: 50px;
  }

  main#advice #under_link_area .sign_link a {
    width: 100%;
  }
}

@media screen and (max-width: 560px) {
  main#advice #ad_box ul li.modal_wrap {
    display: block;
  }

  main#advice #ad_box ul li.modal_wrap {
    width: 100%;
  }

  main#advice #ad_box ul.ad_list li.modal_wrap {
    height: 100%;
  }

  main#advice #ad_box ul.ad_list li:nth-child(even) {
    margin-right: 0;
  }
}

/*===================================================================================
      事業所紹介
===================================================================================*/
#corporate #link_map {
  background-image: url(../img/under/corporate/co_map_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom 0px left 0px;
}

#corporate #page_name h2 {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  border-bottom: 10px solid #ff614f;
  display: inline-block;
  margin-top: 30px;
}

#corporate #page_name {
  text-align: center;
}

#corporate ul.branch_list.fl_b {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

#corporate #link_map .fl_b {
  align-items: flex-start;
  margin-top: 40px;
}

#corporate .map_fl_R,
#corporate .map_fl_L {
  flex-shrink: 0;
}

#corporate .map_lead figure {
  padding-bottom: 100px;
}

#corporate #branch {
  background-color: #f5f9f7;
  padding: 40px 0;
}

#corporate #branch h3 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  background: #00a2d6;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
}

#corporate ul.branch_list .branch_list_inner {
  padding: 10px;
}

#corporate ul.branch_list .branch_list_inner figure {
  margin-bottom: 10px;
}

#corporate ul.branch_list .branch_list_inner figure img {
  width: 100%;
}

#corporate ul.branch_list li {
  width: 32%;
  margin-bottom: 20px;
  border: 4px solid #00a2d6;
  border-radius: 10px;
  background-color: #fff;
}

#corporate ul.branch_list li h4,
#corporate ul.branch_list li dt {
  color: #00a2d6;
}

#corporate ul.branch_list li h4 {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 13px 10px 3px 50px;
  position: relative;
}

#corporate ul.branch_list li h4::before {
  content: url(../img/under/corporate/title_logo.png);
  position: absolute;
  top: 9px;
  left: 10px;
}

#corporate ul.branch_list li dt {
  padding-left: 21px;
  position: relative;
}

#corporate ul.branch_list li dt::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #00a2d6;
  position: absolute;
  top: 7px;
  left: 0;
}

#corporate ul.branch_list li dd {
  font-size: 1.6rem;
  padding-bottom: 5px;
}

#corporate ul.branch_list li:nth-child(3n-1) {
  margin: 0 10px 20px;
}

#corporate ul.branch_list li.fl_b {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

#corporate #p_nakano,
#corporate #p_nagano,
#corporate #p_nagano_minami,
#corporate #p_daihoku,
#corporate #p_ueda,
#corporate #p_hotaka,
#corporate #p_azumino,
#corporate #p_sakudaira,
#corporate #p_matsumoto,
#corporate #p_tyushin,
#corporate #p_shioziri,
#corporate #p_suwa,
#corporate #p_inagasu,
#corporate #p_kamiina,
#corporate #p_iida,
#corporate #p_toyama {
  display: none;
}

#corporate .p_box {
  position: absolute;
  background: #fff;
  padding: 0 1px;
  border-radius: 0 10px 10px 10px;
  box-shadow: 0px 0px 0px 3px #fff;
  padding: 3px 20px 3px 20px;
  border: 3px solid #ff614f;
}

@media screen and (max-width: 896px) {
  #corporate #page_name h2 {
    font-size: 3.2rem;
  }

  #corporate #link_map .inner {
    text-align: center;
  }

  #corporate #link_map .map_area_toyama,
  #corporate #link_map .link_map_nagano {
    display: none;
  }

  #corporate .map_lead figure {
    padding-bottom: 40px;
  }

  #corporate #link_map .fl_b {
    margin-top: 10px;
  }

  #corporate #link_map {
    background-size: cover;
  }

  #corporate ul.branch_list {
    display: flex;
  }

  #corporate ul.branch_list li {
    width: 48%;
    margin-bottom: 20px;
  }

  #corporate ul.branch_list li:nth-child(3n-1) {
    margin: 0 0 20px 0;
  }

  #corporate ul.branch_list li:nth-child(odd) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 560px) {
  #corporate ul.branch_list {
    display: block;
  }

  #corporate ul.branch_list li {
    width: 100%;
  }
}

/*===================================================================================
      個人情報保護方針
===================================================================================*/

#privacy #page_name h2 {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  border-bottom: 10px solid #ff614f;
  display: inline-block;
  margin-top: 30px;
}

#privacy #page_name {
  text-align: center;
}

#privacy .privacy_block,
#privacy .lead {
  margin: 40px auto;
  width: 850px;
}

#privacy .lead {
  margin-top: 40px;
}

#privacy .privacy_block p,
#privacy .lead p,
#privacy .privacy_block li {
  font-size: 1.6rem;
  line-height: 1.5;
}

#privacy .privacy_block h3 {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 4px dotted #ff614f;
  display: inline-block;
}

#privacy .privacy_block p {
  margin: 10px 0;
}

#privacy .privacy_block ol {
  list-style-type: none;
  margin-left: 2em;
}

#privacy .privacy_block ol li {
  counter-increment: cnt;
}

#privacy .privacy_block ol li:before {
  content: "（" counter(cnt) "）";
  display: inline-block;
  margin-left: -2.5em;
  width: 2.5em;
}

#privacy .privacy_block ul li {
  list-style: disc;
  margin-left: 1.5em;
  padding: 0;
}

#privacy .privacy_block ul {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 896px) {
  #privacy .privacy_block,
  #privacy .lead {
    width: 100%;
  }

  #privacy #page_name h2 {
    font-size: 3.2rem;
  }
}

/*===================================================================================
      価格表ダウンロード
===================================================================================*/
#pdf #page_name .inner {
  text-align: center;
}

#pdf #page_name h2 {
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: 3px;
  border-bottom: 10px solid #ff614f;
  display: inline-block;
  margin-top: 30px;
}

#pdf .inner .lead {
  margin: 40px 0;
}

#pdf .inner .lead span {
  color: #ff614f;
}

#pdf .inner h3 {
  display: inline-block;
  font-size: 2.3rem;
  border-bottom: 4px dotted #ff614f;
  padding-right: 15px;
  margin-bottom: 10px;
}

#pdf .inner .fl_b .img_L {
  margin-right: 30px;
}

#pdf .inner .fl_b .img_L img figure {
  width: 100%;
  height: auto;
  text-align: center;
}

#pdf .inner .fl_b figcaption {
  margin: 20px 0;
  font-size: 1.5rem;
}
/* 
#pdf .inner .form_area {
  background-image: ;
} */

#pdf form {
  text-align: center;
  margin: 30px auto 70px;
}

#pdf form .form_inner {
  background-color: #ececec;
  padding: 30px;
  margin-bottom: 30px;
}

#pdf form .form_inner p {
  padding-bottom: 20px;
}

#pdf form .form_lead span {
  color: #ff614f;
}

#pdf form .form_inner p.pdfdlmes {
  /*エラーメッセージ*/
  color: #ff614f;
}

input[type="submit"] {
  background-color: #fff33f;
  padding: 17px 0;
  border: 3px solid #000;
  display: block;
  width: 100%;
  border-radius: 10px;
  font-weight: bold;
  font-size: 2rem;
  color: #000;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
  padding: 10px;
}

input[type="submit"]:not([disabled]):hover {
  cursor: pointer;
  opacity: 0.75;
  transition: 0.5s;
}

@media screen and (max-width: 896px) {
  #pdf #page_name h2 {
    font-size: 3.2rem;
  }
}

/*===================================================================================
      固定ページ共通
===================================================================================*/
body.page #page_name {
  text-align: center;
}

body.page #page_name h2 {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  border-bottom: 10px solid #ff614f;
  display: inline-block;
  margin: 30px 0;
}

@media screen and (max-width: 896px) {
  body.page #page_name h2 {
    font-size: 3.2rem;
  }
}

/*===================================================================================
      Web成約特典
===================================================================================*/

#special #spe_lead {
  text-align: center;
  margin-bottom: 30px;
}

#special #spe_lead p {
  position: relative;
  line-height: 1.5;
  font-size: 2.3rem;
  font-weight: bold;
  padding-bottom: 0;
}

#special .entry .pc {
  display: inline-block;
}

#special #spe_detail .spe_detail_box .entry {
  font-size: 2rem;
  font-weight: bold;
}

.price.present_detail h2 {
  font-size: 3.3rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #ff614f;
}

.price.present_detail h3 {
  font-size: 2.3rem;
  font-weight: bold;
  margin-bottom: 7px;
}

.price.present_detail h4 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.price.present_detail p {
  text-align: left;
  margin-bottom: 15px;
}

#special #spe_detail .spe_detail_box .entry .strong {
  font-size: 3rem;
  font-weight: bold;
}

/* #special .point_box dt {
  width: 20%;
} */

.point_box dd p {
  font-size: 1.6rem;
}

@media screen and (max-width: 896px) {
  #special #spe_lead p {
    font-size: 2rem;
  }

  #special .point_box dt {
    width: 100%;
    padding: 0 0 10px;
    text-align: center;
  }

  #special .entry .pc {
    display: none;
  }

  .price.present_detail h2 {
    font-size: 2.9rem;
  }

  .price.present_detail h3 {
    font-size: 2rem;
  }

  .price.present_detail h4 {
    font-size: 1.8rem;
  }

  #special #spe_detail .spe_detail_box .entry .strong {
    font-size: 2.8rem;
  }

  #special #spe_detail .spe_detail_box .entry {
    padding: 5px;
  }
}

/*===================================================================================
     サンリンおうちdeショッピング
===================================================================================*/
/*
#shopping {
  background: url(../img/under/shopping/main_bg.png) no-repeat top -75% center / contain;
}
*/

#shopping .inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

#shopping #breadcrumbs {
  margin: 0;
  padding: 10px 0;
}

#shopping .logo {
  text-align: center;
  z-index: 50;
  position: relative;
}

#shopping .main_visual {
  /*  background: url(../img/under/shopping/main_bg02.png) no-repeat top -30px center;*/
  background: url(../img/under/shopping/main_bg02.png) no-repeat top -30px center, url(../img/under/shopping/main_bg_btm.png) no-repeat bottom center / contain, url(../img/under/shopping/main_bg_parts.jpg);
  min-height: 720px;
}

#shopping .youtube {
  /*  text-align: center;*/
  /*  background: url(../img/under/shopping/movie_bg.png) no-repeat center right 85px / auto;*/
  height: 377px;
  margin-top: -50px;
  position: relative;
}

#shopping .youtube figure {
  position: absolute;
  left: 190px;
}

#shopping .youtube::before {
  content: "";
  background: url(../img/under/shopping/main_s.png) no-repeat;
  position: absolute;
  display: inline-block;
  width: 277px;
  height: 396px;
  z-index: 20;
  left: 7px;
  bottom: 0;
}

#shopping .youtube::after {
  content: "";
  background: url(../img/under/shopping/main_k.png) no-repeat;
  position: absolute;
  display: inline-block;
  width: 277px;
  height: 396px;
  z-index: 20;
  right: -45px;
  bottom: 0;
}

#shopping .youtube iframe {
  width: 416px;
  height: 236px;
  position: absolute;
  top: 60px;
  left: 233px;
}

#shopping .movie_list {
  background: url(../img/under/shopping/bg_list_btm.png) no-repeat bottom -14px center;
  padding-bottom: 350px;
  margin-bottom: -10px;
}

#shopping .movie_list figure img {
  margin: auto;
}

#shopping .movie_list_bg {
  background: url(../img/under/shopping/bg_profile_top.png) repeat-X bottom center;
  height: 10px;
}

#shopping .movie_list .inner {
  max-width: 830px;
  margin: auto;
}

#shopping .movie_list .inner > figure {
  text-align: center;
  margin-top: -135px;
}

#shopping .movie_list h3 {
  text-align: center;
}

#shopping .movie_list h3 img {
  margin: auto;
}

#shopping .movie_list ul {
  flex-wrap: wrap;
  justify-content: space-between;
}

#shopping .movie_list ul li {
  width: calc((100% - 70px) / 2);
  margin-bottom: 80px;
  border: 1px solid #8f6976;
  box-shadow: 4px 4px 0 #684040;
  position: relative;
  text-align: center;
  background: #fff;
}

#shopping .movie_list ul li a {
  padding: 15px;
  display: inline-block;
}

#shopping .movie_list ul li a.private {
  pointer-events: none;
}

#shopping .movie_list ul li a:hover {
  opacity: 1;
}

#shopping .movie_list ul li a figure:not(.icon) {
  height: 197px;
}

#shopping .movie_list ul li a:hover figure:not(.icon) {
  overflow: hidden;
  width: 100%;
}

#shopping .movie_list ul li a:hover figure:not(.icon) img {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  z-index: 0;
}

#shopping .movie_list ul li figure.icon {
  position: absolute;
  top: -30px;
  left: -15px;
  z-index: 10;
}

#shopping .movie_list ul li h4 {
  color: #6b3b3c;
  font-size: 2.4rem;
  margin: 30px auto 25px;
  font-weight: bold;
}

#shopping .movie_list h3 {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 50px;
}

#shopping .movie_list ul li h4 + p {
  color: #6b3b3c;
  font-size: 1.4rem;
  text-align: left;
}

#shopping .profile {
  position: relative;
  padding-top: 150px;
  background: #f7f5f2;
  padding-bottom: 100px;
}

#shopping .profile .ttl {
  text-align: center;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/under/shopping/bg_profile_ttl_top.png) #f7f5f2 no-repeat top 60px center;
}

#shopping .profile .ttl h3 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #6b3b3c;
  padding-bottom: 15px;
  background: url(../img/under/shopping/bg_profile_ttl.png) no-repeat center bottom;
}

#shopping .profile .profile_box {
  background: url(../img/under/shopping/profile_bg.png) repeat-X center top, url(../img/under/shopping/profile_bg.png) repeat-X center bottom;
  z-index: 10;
  position: relative;
  padding: 40px 0;
}

#shopping .profile .profile_item {
  max-width: 785px;
  margin: auto;
  align-items: flex-start;
}

#shopping .profile .profile_item * {
  color: #231815;
}

#shopping .profile .profile_item .name {
  margin-bottom: 20px;
}

#shopping .profile .profile_item .name p {
  font-size: 2.4rem;
}

#shopping .profile .profile_item .name p.en {
  font-size: 1.2rem;
  color: #6b421f;
  font-weight: bold;
  letter-spacing: 0.05em;
}

#shopping .profile .profile_item .career p {
  font-size: 1.4rem;
}

#shopping .profile .profile_item .img {
  flex-shrink: 0;
}

#shopping .profile .t_profile {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #6b421f;
}

#shopping .profile .t_profile .img {
  margin-right: 40px;
}

#shopping .profile .k_profile .img {
  margin-left: 40px;
}

#shopping .profile .sns {
  background: #fff;
  border: 1px solid #6b421f;
  border-radius: 10px;
  padding: 40px 30px;
  position: relative;
  margin-top: 35px;
}

#shopping .profile .sns li:not(:last-child) {
  margin-bottom: 20px;
}

#shopping .profile .sns a {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}

#shopping .profile .sns a img {
  flex-shrink: 0;
  margin-right: 10px;
}

#shopping .profile .t_profile .sns::before {
  content: "";
  background: url(../img/under/shopping/hukidashi01.png) no-repeat;
  width: 19px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: -18px;
  top: 20px;
}

#shopping .profile .k_profile .sns::before {
  content: "";
  background: url(../img/under/shopping/hukidashi01.png) no-repeat;
  width: 19px;
  height: 23px;
  display: inline-block;
  transform: rotate(180deg);
  position: absolute;
  right: -18px;
  top: 20px;
}

#shopping .profile .sns > p {
  background: #6b421f;
  color: #fff;
  display: inline-block;
  padding: 3px 20px;
  border-radius: 20px;
  font-size: 1.6rem;
  position: absolute;
  top: -16px;
  left: 0;
}

/* 詳細ページ */
#shopping.under .shopping_main h2 img,
#shopping.under .other_item h3 img {
  margin: auto;
}

#shopping.under .under_main_visual {
  background: url(../img/under/shopping/under_main_bg_btm.png) repeat-X center bottom, url(../img/under/shopping/main_bg_parts.jpg);
}

#shopping.under .shopping_main h2 {
  text-align: center;
  margin: 20px auto 25px;
}

#shopping.under .movie_name h3 {
  font-size: 2.8rem;
  letter-spacing: 0.12em;
  color: #6b421f;
  font-weight: bold;
  text-align: center;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 0 4px #81e04e inset, 0 0 0 6px #ff4463 inset, 0 0 0 11px #3fa9f5 inset, 0 0 0 16px #fed24c inset, 4px 4px 4px #684040;
  padding: 25px;
}

#shopping.under .movie .inner {
  max-width: 770px;
  padding: 50px 0 80px;
}

#shopping.under .under_youtube {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}

#shopping.under .under_youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

#shopping.under .item_detail {
  padding: 40px 0;
}

#shopping.under .post_link {
  text-align: center;
  margin: 20px 0;
}

#shopping.under .post_link a {
  color: #6b3b3c;
  font-size: 2.2rem;
  font-weight: bold;
  display: inline-block;
  margin: auto;
  max-width: 344px;
  width: 100%;
  padding: 10px;
  border-radius: 40px;
  border: 1px solid #6b3b3c;
  box-shadow: 4px 4px 0 #6b421f;
  background: url(../img/under/shopping/arrow.png) #3fa9f5 no-repeat center right 15px;
}

#shopping.under .item_2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#shopping.under .item_2 > * {
  flex-basis: 40%;
  margin: 20px;
}

#shopping.under .item_3 {
  display: flex;
  justify-content: space-around;
}

#shopping.under .item_3 .post_link {
  width: 29%;
}

#shopping.under .comment .item_3 .post_link a {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  padding-right: 30px;
}

#shopping.under .post_link > span::before {
  content: "＼";
  margin-right: 10px;
}

#shopping.under .post_link > span::after {
  content: "／";
  margin-left: 10px;
}

#shopping.under .post_link > span {
  color: #6b3b3c;
  font-size: 1.7rem;
  font-weight: bold;
  display: block;
  letter-spacing: 0;
}

/* 会話 */
#shopping.under .talk_area {
  padding: 130px 0 40px;
}

#shopping.under .msg_balloon {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

#shopping.under .msg_balloon figure {
  flex-shrink: 0;
}

#shopping.under .msg_balloon.msg_right {
  flex-direction: row-reverse;
}

#shopping.under .msg_balloon.msg_left figure:not(.txt figure) {
  margin-right: 30px;
}

#shopping.under .msg_balloon.msg_right figure {
  margin-left: 30px;
}

#shopping.under .msg_balloon .txt {
  border: 1px solid #6b421f;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

#shopping.under .msg_balloon .txt figure {
  margin-bottom: 20px;
}

#shopping.under .msg_balloon.msg_right .txt {
  background: #f7f5f2;
}

#shopping.under .msg_balloon.msg_right .txt::before {
  content: "";
  background: url(../img/under/shopping/hukidashi02.png) no-repeat;
  width: 19px;
  height: 23px;
  display: inline-block;
  position: absolute;
  right: -17px;
  top: 20px;
}

#shopping.under .msg_balloon.msg_left .txt::before {
  content: "";
  background: url(../img/under/shopping/hukidashi01.png) no-repeat;
  width: 19px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: -18px;
  top: 20px;
}

/* コメント */
#shopping.under .comment {
  padding-bottom: 140px;
}

#shopping.under .comment .inner {
  max-width: 840px;
  font-size: 2.8rem;
  letter-spacing: 0.12em;
  color: #6b421f;
  font-weight: bold;
  text-align: center;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 0 0 4px #81e04e inset, 0 0 0 6px #ff4463 inset, 0 0 0 11px #3fa9f5 inset, 0 0 0 16px #fed24c inset;
  padding: 75px 75px 55px;
}

#shopping.under .comment .fl_b {
  margin-bottom: 45px;
}

#shopping.under .comment figure {
  flex-shrink: 0;
  max-width: 290px;
  margin-right: 25px;
}

#shopping.under .comment .txt {
  text-align: left;
  color: #000;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0;
}

#shopping.under .comment > .inner {
  position: relative;
}

#shopping.under .comment > .inner::after {
  content: "";
  background: url(../img/under/shopping/cmnt_img.png) no-repeat;
  width: 191px;
  height: 321px;
  display: inline-block;
  position: absolute;
  bottom: -170px;
  left: 30px;
}

#shopping.under .bg_btm {
  background: url(../img/under/shopping/link_bg_top.png) repeat-X center bottom;
  height: 25px;
  z-index: 20;
  position: relative;
}

/* 他の動画を見る */
#shopping.under .other_item {
  background: url(../img/under/shopping/link_bg_R.png) no-repeat center right 10%, url(../img/under/shopping/link_bg_L.png) no-repeat center left 10%, url(../img/under/shopping/other_item_bg.jpg) top left 3px;
  padding: 20px 0;
  z-index: 10;
  position: relative;
}

#shopping.under .other_item h3 {
  text-align: center;
}

#shopping.under .other_item ul {
  align-items: normal;
  margin-top: -3px;
}

#shopping.under .other_item ul li {
  width: calc((100% - 40px) / 3);
  margin-bottom: 80px;
  border: 1px solid #8f6976;
  box-shadow: 4px 4px 0 #684040;
  position: relative;
  text-align: center;
  background: #fff;
}

#shopping.under .other_item ul li a {
  padding: 15px;
  height: 100%;
  display: inline-block;
}
#shopping.under .other_item ul li:not(:last-child) {
  margin-right: 20px;
}

#shopping.under .other_item ul li h4 {
  color: #6b3b3c;
  font-size: 2.4rem;
  margin: 30px auto 25px;
  font-weight: bold;
}

#shopping.under .other_item ul li h4 + p {
  color: #6b3b3c;
  font-size: 1.4rem;
  text-align: left;
}

#shopping.under .other_item ul li figure img {
  max-height: 143px;
  width: auto;
}

@media screen and (max-width: 896px) {
  #shopping #breadcrumbs:not(#shopping.under #breadcrumbs) {
    width: 90%;
    margin: auto;
  }

  #shopping .main_visual {
    min-height: auto;
    background: url(../img/under/shopping/main_bg02.png) no-repeat top 24% center / 180%, url(../img/under/shopping/main_bg_btm.png) no-repeat bottom center / contain, url(../img/under/shopping/main_bg_parts.jpg);
  }

  #shopping .main_visual .inner {
    width: 100% !important;
  }

  #shopping .movie {
    padding-bottom: 130px;
  }

  #shopping .movie_list {
    background: url(../img/under/shopping/bg_list_btm.png) no-repeat bottom -14px center / contain;
    padding-bottom: calc(100vw / 4);
    margin-bottom: calc(100vw / 4);
    padding-top: 10px;
  }

  #shopping .movie_list h3 {
    margin-top: 10px;
  }

  #shopping .youtube {
    background: url(../img/under/shopping/movie_bg.png) no-repeat center / contain;
    height: 377px;
    margin: -20px 10px 0 auto;
    padding-top: 56.25%;
    width: 85%;
    position: relative;
    height: auto;
  }

  #shopping .youtube::before {
    background-size: 50%;
    background-position: left bottom;
    width: 50%;
    height: 80%;
    pointer-events: none;
    left: -15%;
  }

  #shopping .youtube::after {
    background-size: 50%;
    background-position: right 45% bottom;
    width: 50%;
    height: 80%;
  }

  #shopping .youtube iframe {
    width: 65%;
    height: 55%;
    position: absolute;
    top: calc(100vw / 9);
    left: calc(100vw / 16);
  }

  #shopping .youtube figure {
    display: none;
  }

  #shopping .movie_list .inner > figure img {
    margin: auto;
  }

  #shopping .movie_list ul li {
    width: 100%;
  }

  #shopping .profile .profile_item .img {
    text-align: center;
    margin-right: 0;
    margin-bottom: 40px;
  }

  #shopping .profile .t_profile .sns::before,
  #shopping .profile .k_profile .sns::before {
    content: none;
  }

  #shopping .profile .k_profile {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  /* under */
  #shopping.under .shopping_main h2 img {
    margin: auto;
  }

  #shopping.under .movie_name h3 {
    font-size: 2.3rem;
  }

  #shopping.under .under_main_visual .inner {
    width: 95% !important;
  }

  #shopping.under .movie {
    padding-bottom: 0;
  }

  #shopping.under .item_2 {
    display: block;
  }

  #shopping.under .item_3 {
    display: block;
  }

  /*

#shopping.under .item_2 > * {
  flex-basis: 45%;
}
*/

  #shopping.under .msg_balloon {
    display: block;
  }

  #shopping.under .msg_balloon.msg_left figure:not(.txt figure) {
    text-align: left;
    margin: 0 0 30px;
  }

  #shopping.under .msg_balloon.msg_right figure:not(.txt figure) {
    text-align: right;
    margin: 0 0 30px;
  }

  #shopping.under .msg_balloon.msg_left .txt::before {
    transform: rotate(90deg);
    top: -20px;
    left: 40px;
  }

  #shopping.under .msg_balloon.msg_right .txt::before {
    transform: rotate(-90deg);
    top: -19px;
    right: 40px;
  }

  #shopping.under .msg_balloon.msg_left {
    margin-bottom: 10px;
  }

  #shopping.under .talk_area {
    padding: 60px 0 40px;
  }

  #shopping.under .comment .inner {
    padding: 40px;
  }

  #shopping.under .comment > .inner::after {
    background-size: 60%;
    bottom: -260px;
  }

  #shopping.under .comment figure {
    margin: auto auto 25px;
  }

  #shopping.under .item_2 > * {
    margin-left: 0;
    margin-right: 0;
  }

  #shopping.under .item_3 .post_link {
    width: 100%;
  }

  #shopping.under .comment .item_3 .post_link a {
    font-size: 1.8rem;
    padding-right: 10px;
  }

  #shopping.under .other_item ul li {
    width: 100%;
    margin-bottom: 25px;
  }

  #shopping.under .post_link a {
    font-size: 1.8rem;
  }
}

/*===================================================================================
     レシピ
===================================================================================*/
#recipe .main_img {
  background-image: url(../img/under/recipe/bg01.png);
  padding: 40px 0 60px;
}

#recipe .cmnt {
  background: #ffc845;
  margin-bottom: 100px;
}

#recipe .cmnt .inner {
  position: relative;
  height: 280px;
}

#recipe .cmnt .inner::after {
  content: "";
  background: url(../img/under/recipe/recipe_top_cmnt.png) no-repeat;
  width: 900px;
  height: 334px;
  position: absolute;
  bottom: 0;
  background-size: 100%;
}

#recipe .cmnt .inner p {
  font-size: 1.5rem;
  width: 62%;
  position: absolute;
  bottom: 70px;
  right: 0;
  z-index: 5;
}

#recipe .cmnt img {
  margin-top: -40px;
}

#recipe .recipe_list {
  margin-bottom: 60px;
}

#recipe .recipe_list h3 {
  text-align: center;
  position: relative;
  margin-bottom: 16px;
}

#recipe .recipe_list h3 img {
  margin: 0 auto;
}

#recipe .recipe_list h3::before {
  content: "";
  background-image: url(../img/under/recipe/recipe_list_L.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 184px;
  position: absolute;
  top: -80px;
  left: 48px;
}

/* #recipe .recipe_list h3::after {
  content: "";
  background-image: url(../img/under/recipe/recipe_list_R.png);
  background-repeat: no-repeat;
  width: 224px;
  height: 143px;
  position: absolute;
  top: -70px;
  right: 40px;
} */

#recipe .recipe_list ul.list_area {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

#recipe .recipe_list ul.list_area > li {
  width: 48%;
  border: 4px solid #ffc845;
  border-radius: 15px;
  margin-bottom: 4%;
}

#recipe .recipe_list ul.list_area > li {
  position: relative;
}

#recipe .recipe_list ul.list_area > li.line2 h4 {
  line-height: 1;
}

#recipe .recipe_list ul.list_area > li figure {
  border-radius: 13px 13px 0 0;
  overflow: hidden;
  width: 100%;
  height: 239px;
}

#recipe .recipe_list ul.list_area > li:hover a figure img {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  z-index: 0;
  position: relative;
}

#recipe .recipe_list ul.list_area > li:hover a {
  opacity: 1;
}

#recipe .recipe_list ul.list_area > li a.private {
  pointer-events: none;
}

#recipe .recipe_list ul.list_area > li:hover a.private figure img {
  transform: scale(1, 1);
}

#recipe .recipe_list ul.list_area > li:hover a .release {
  z-index: 10;
}

#recipe .recipe_list .summer {
  border-top: 3px dashed #c2b59e;
  margin-top: 4rem;
}

#recipe .recipe_list .summer h2 {
  text-align: center;
  margin: 3rem;
}

#recipe .recipe_list .summer > ul.list_area > li {
  border: 4px solid #c1b59e;
}

#recipe .release {
  background-image: linear-gradient(-135deg, #e8545d 75px, transparent 0);
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 110px;
  margin: -10px -10px 0 0;
}

#recipe .release span {
  color: #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 1.8rem;
}

#recipe div.private {
  background-image: linear-gradient(-135deg, #c2b59e 75px, transparent 0);
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 110px;
  margin: -10px -10px 0 0;
}

#recipe .private span {
  color: #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 15px;
  right: 11px;
  font-size: 1.4rem;
  text-align: center;
}

#recipe .recipe_list ul.list_area > li:hover a .private {
  z-index: 10;
}

#recipe .recipe_list ul.list_area h4 {
  color: #000;
  text-align: center;
  font-size: 1.8rem;
  padding: 25px 0;
  font-weight: bold;
  background: url(../img/under/recipe/recipe_ttl_bg.png) no-repeat center center;
}

#recipe .recipe_list ul.list_area h4 + p {
  color: #000;
  font-size: 1.4rem;
  text-align: center;
  padding: 10px;
}

#recipe .recipe_list ul.list_area ul.tag {
  display: flex;
  justify-content: center;
  padding: 10px 0 20px;
}

#recipe .recipe_list ul.list_area ul.tag li {
  color: #000;
  font-size: 1.2rem;
  background: #eceae7;
  margin-right: 10px;
  padding: 5px 10px;
}

#recipe .recipe_list ul.list_area ul.tag li::before {
  content: "#";
}

#recipe .profile {
  background-color: #fffbeb;
  background-image: url(../img/under/recipe/bg03.jpg), url(../img/under/recipe/profile_btm.png);
  background-repeat: repeat-x, no-repeat;
  background-position: top center, center bottom 30px;
  padding: 70px 0 160px;
}

#recipe .profile .inner {
  background: #fff;
  padding: 30px 30px;
}

#recipe .profile .inner .inner_bg {
  background-image: url(../img/under/recipe/bg02.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  width: 100%;
  height: 20px;
  margin: 0 0 20px 0;
}

#recipe .profile .inner .width {
  width: 95%;
  margin: 0 auto;
}

#recipe .profile .inner h3 {
  margin: 20px 0 0;
}

#recipe .profile .inner .name {
  margin: 20px 0;
}

#recipe .profile .inner .name p {
  font-size: 2.4rem;
  font-weight: bold;
}

#recipe .profile .inner .career p {
  font-size: 1.4rem;
  line-height: 1.8;
}

#recipe .profile .inner .name p.en {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.06em;
}

#recipe .profile .txt.fl_b {
  justify-content: space-between;
  margin-bottom: 30px;
  align-items: flex-start;
}

#recipe .profile .txt.fl_b .fl_L {
  width: 65%;
}

#recipe .profile .fl_b .fl_R {
  width: 28%;
  flex-shrink: 0;
}

#recipe .profile .sns {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 15px 0;
}

#recipe .profile .sns > p {
  font-size: 1.6rem;
  font-weight: bold;
  width: 12%;
  text-align: center;
}

#recipe .profile .sns ul {
  width: 100%;
  justify-content: flex-start;
}

#recipe .profile .sns ul li {
  line-height: 1;
  padding-left: 45px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 1rem;
}

#recipe .profile .sns ul li:last-child {
  margin-right: 0;
}

#recipe .profile .sns ul li a {
  font-size: 1.4rem;
  color: #000;
  line-height: 0;
}

#recipe .profile .sns ul li a:hover {
  text-decoration: underline;
}

#recipe .profile .sns ul li.blog a::before {
  content: "";
  background: url(../img/under/recipe/icon_blog.png) no-repeat;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 3px;
  left: 0;
}

#recipe .profile .sns ul li.inst a::before {
  content: "";
  background: url(../img/under/recipe/icon_insta.png) no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 3px;
  left: 0;
}

#recipe .profile .sns ul li.youtube a::before {
  content: "";
  background: url(../img/under/recipe/icon_youtube.png) no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 3px;
  left: 0;
}

#recipe .profile .sns ul li.twitter a::before {
  content: "";
  background: url(../img/under/recipe/icon_twitter.png) no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 3px;
  left: 0;
}

#recipe .profile .sns ul li.facebook a::before {
  content: "";
  background: url(../img/under/recipe/icon_fasebook.png) no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 2px;
  left: 0;
}

@media screen and (max-width: 896px) {
  #recipe h2 img {
    margin: 0 auto;
  }

  #recipe .main_img {
    padding: 10px 0 50px;
  }

  #recipe .cmnt {
    margin-bottom: -20px;
  }

  #recipe .cmnt .inner h3 {
    text-align: center;
  }

  #recipe .cmnt .inner {
    height: 100%;
    position: relative;
    padding: 20px 0 30px;
  }

  #recipe .cmnt .inner::after {
    content: none;
  }

  #recipe .cmnt .inner p {
    position: static;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 2px dashed;
  }

  #recipe .recipe_list .inner h3 img {
    margin: 0 auto;
  }

  #recipe .recipe_list h3::before,
  #recipe .recipe_list h3::after {
    content: none;
  }

  #recipe .recipe_list ul.list_area > li {
    width: 100%;
  }

  #recipe .profile .txt.fl_b {
    display: flex;
    flex-direction: column-reverse;
  }

  #recipe .profile .txt.fl_b .fl_L,
  #recipe .profile .fl_b .fl_R {
    width: 100%;
  }

  #recipe .profile .fl_b .fl_R figure {
    text-align: center;
    margin: 20px 0 0;
  }

  #recipe .profile .name {
    text-align: center;
  }

  #recipe .profile .sns p {
    margin: 0 auto;
    font-size: 2rem;
    margin-bottom: 10px;
  }

  #recipe .profile .sns ul li {
    line-height: 1.3;
    margin-bottom: 20px;
    margin-right: 0;
  }

  #recipe .recipe_list ul.list_area > li figure {
    height: auto;
  }

  #recipe .recipe_list ul.list_area h4 {
    background: url(../img/under/recipe/sp_recipe_ttl_bg.png) no-repeat center center;
    font-size: 1.5rem;
  }
}

/*===================================================================================
     レシピ　詳細
===================================================================================*/
#recipe.recipe_under .recipe_under_bg {
  background-image: url(../img/under/recipe/bg01.png);
  padding: 20px 0 30px;
}

#recipe.recipe_under .under_main_img .inner h2 {
  margin-bottom: 20px;
}

#recipe.recipe_under .under_main_img .inner h2 img {
  margin: 0 auto;
}

#recipe.recipe_under .under_cmnt .inner {
  position: relative;
  height: 240px;
}

#recipe.recipe_under .under_cmnt .inner::after {
  content: "";
  background: url(../img/under/recipe/recipe_under_cmnt.png) no-repeat;
  width: 817px;
  height: 250px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#recipe.recipe_under .recipe_name .inner {
  background: #ffcc45;
  padding: 10px 50px;
  display: flex;
  justify-content: space-between;
  border-radius: 15px;
  align-items: center;
}

#recipe.recipe_under .recipe_name .inner h3 {
  font-size: 2.8rem;
  font-weight: bold;
}

#recipe.recipe_under .recipe_name .inner .time {
  font-size: 1.6rem;
  position: relative;
  /*  font-weight: bold;*/
}

#recipe.recipe_under .recipe_name .inner span::before {
  content: "";
  background-image: url(../img/under/recipe/ttl_time.png);
  width: 22px;
  height: 22px;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}

#recipe.recipe_under .cooking_movie {
  position: relative;
  text-align: center;
}

#recipe.recipe_under .cooking_movie iframe.detail_movie_ifame {
  width: 87%;
  height: 440px;
  margin: 20px auto;
}

#recipe.recipe_under .cooking h3 {
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  margin: 40px 0 30px;
  color: #ffcc45;
  border: 4px solid #ffcc45;
}

#recipe.recipe_under .cooking h3 .jp {
  font-size: 2.2rem;
  color: #000;
}

#recipe.recipe_under .cooking h3 .en {
  font-size: 1.6rem;
  line-height: 33px;
}

#recipe.recipe_under .cooking .item_img,
#recipe.recipe_under .cooking .recipe_img {
  text-align: center;
}

#recipe.recipe_under .cooking img {
  width: 65%;
}

#recipe.recipe_under table {
  width: 85%;
  margin: 30px auto 45px;
}

#recipe.recipe_under table td:nth-child(odd) {
  text-align: left;
  width: 50%;
}

#recipe.recipe_under table th,
#recipe.recipe_under table td {
  padding: 10px 30px;
  font-size: 1.6rem;
}

#recipe.recipe_under table td {
  text-align: right;
}

#recipe.recipe_under table tr:nth-child(odd) th,
#recipe.recipe_under table tr:nth-child(odd) td {
  background-color: #f5f5f5;
}

#recipe.recipe_under .recipe_area ul {
  width: 90%;
  margin: 20px auto 40px;
}

#recipe.recipe_under .recipe_area ul li {
  border-bottom: 1px solid #d5d2cd;
  font-size: 1.6rem;
  padding: 20px 10px 20px 60px;
  background-repeat: no-repeat;
  background-position: left 5px center;
}

#recipe.recipe_under .recipe_area ul li:first-child {
  background-image: url(../img/under/recipe/no1.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(2) {
  background-image: url(../img/under/recipe/no2.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(3) {
  background-image: url(../img/under/recipe/no3.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(4) {
  background-image: url(../img/under/recipe/no4.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(5) {
  background-image: url(../img/under/recipe/no5.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(6) {
  background-image: url(../img/under/recipe/no6.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(7) {
  background-image: url(../img/under/recipe/no7.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(8) {
  background-image: url(../img/under/recipe/no8.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(9) {
  background-image: url(../img/under/recipe/no9.png);
}

#recipe.recipe_under .recipe_area ul li:nth-child(10) {
  background-image: url(../img/under/recipe/no10.png);
}

#recipe.recipe_under .Recommended_item .inner > h3 {
  text-align: center;
  background-image: url(../img/under/recipe/item_ttl_L.png), url(../img/under/recipe/item_ttl_R.png);
  background-repeat: no-repeat;
  background-position: top 40% left 7%, top 50% right;
}

#recipe.recipe_under .Recommended_item {
  margin-top: 100px;
  padding-bottom: 140px;
}

#recipe.recipe_under .Recommended_item .inner h3 img {
  margin: -90px auto 10px;
}

#recipe.recipe_under .Recommended_item .inner {
  background: #ffcc45;
  border-radius: 20px;
  padding: 30px;
}

#recipe.recipe_under .Recommended_item ul {
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

#recipe.recipe_under .Recommended_item ul li {
  width: 48%;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
}

#recipe.recipe_under .Recommended_item ul li::after {
  content: "";
  background-image: url(../img/under/recipe/good-img.png);
  background-repeat: no-repeat;
  width: 137px;
  height: 156px;
  position: absolute;
  bottom: 0px;
  right: 3px;
  background-size: contain;
}

#recipe.recipe_under .Recommended_item ul li #recipe.recipe_under .Recommended_item ul li figure {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

#recipe.recipe_under .Recommended_item ul li .thumb_img {
  text-align: center;
  margin-bottom: 15px;
}

#recipe.recipe_under .Recommended_item ul li .thumb_img img {
  max-height: 200px;
  width: auto;
}

#recipe.recipe_under .Recommended_item ul li h3 {
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}

#recipe.recipe_under .Recommended_item ul li h3 span.cate_name {
  display: block;
  font-size: 1.6rem;
}

#recipe.recipe_under .Recommended_item ul li h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 66px;
  height: 3px;
  left: 32px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
  background: #ffcc45;
}

#recipe.recipe_under .Recommended_item ul li p {
  font-size: 1.4rem;
  width: 66%;
}

#recipe.recipe_under .Recommended_item ul li a {
  color: #000;
  padding: 30px;
  display: block;
  height: 100%;
}

#recipe.recipe_under .Recommended_item ul li:hover {
  opacity: 0.9;
  transition: 0.3s all;
}

#recipe.recipe_under .other_item {
  background: url(../img/under/recipe/profile_btm.png) no-repeat center bottom 25px, url(../img/under/recipe/bg03.jpg) repeat-x center top #fffded;
  padding-bottom: 150px;
}

#recipe.recipe_under .other_item h3 {
  text-align: center;
  margin-bottom: 20px;
}

#recipe.recipe_under .other_item h3 img {
  margin-top: -90px;
}

#recipe.recipe_under .other_item ul.list_area {
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

#recipe.recipe_under .other_item ul.list_area > li {
  width: calc((100% / 3) - 10px);
  /* margin-right: 10px;
  margin-bottom: 10px; */
}

/* #recipe.recipe_under .other_item ul.list_area > li:nth-child(4n) {
  margin-right: 0;
} */

#recipe.recipe_under .other_item ul.list_area > li:last-child {
  margin-right: 0;
}

#recipe.recipe_under .other_item ul.list_area > li a {
  color: #000;
  background: #fff;
  border: 4px solid #ffcc45;
  border-radius: 20px;
  display: block;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#recipe.recipe_under .other_item ul.list_area > li a h4 {
  font-size: 1.7rem;
  font-weight: bold;
  margin: 15px 0 20px;
  position: relative;
}

#recipe.recipe_under .other_item ul.list_area > li a h4::after {
  content: "";
  width: 45px;
  height: 2px;
  background: #ffcc45;
  position: absolute;
  bottom: -10px;
  left: 0;
}

#recipe.recipe_under .other_item ul.list_area > li a p {
  font-size: 1.4rem;
}

#recipe.recipe_under .other_item ul.list_area ul.tag {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0 0;
  flex-wrap: wrap;
  margin-top: auto;
}

#recipe.recipe_under .other_item ul.list_area ul.tag li {
  color: #000;
  font-size: 1.1rem;
  background: #eceae7;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 5px 8px;
}

#recipe.recipe_under .other_item ul.list_area ul.tag li::before {
  content: "#";
}

@media screen and (max-width: 896px) {
  #recipe.recipe_under .cooking_movie .inner {
    position: relative;
    width: 100%;
    padding: 50% 0 0;
    margin-bottom: 40px;
  }

  #recipe.recipe_under .cooking_movie .inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #recipe.recipe_under .under_cmnt .inner::after {
    content: none;
  }

  #recipe.recipe_under .under_cmnt .inner h3 img {
    text-align: center;
  }

  #recipe.recipe_under .under_cmnt .inner p {
    position: initial;
    width: 100%;
    background: #ffcc45;
    padding: 20px;
    border: 2px #000 dashed;
  }

  #recipe.recipe_under .under_cmnt .inner {
    height: 100%;
  }

  #recipe.recipe_under .recipe_name .inner {
    display: block;
    text-align: center;
    padding: 10px;
  }

  #recipe.recipe_under .recipe_name .inner span.time {
    margin-left: 1.5em;
  }

  #recipe.recipe_under .recipe_name .inner h3 {
    font-size: 2.2rem;
    font-weight: bold;
  }

  #recipe.recipe_under .cooking img {
    width: 90%;
  }

  #recipe.recipe_under .cooking table tr th,
  #recipe.recipe_under .cooking table tr td {
    background-color: transparent;
    width: 100%;
    display: block;
  }

  #recipe.recipe_under .cooking table td:nth-child(odd) {
    width: 100%;
    border-right: 0;
    background-color: #f5f5f5 !important;
    display: block;
  }

  #recipe.recipe_under table td {
    text-align: left;
    padding: 10px;
  }

  #recipe.recipe_under table {
    width: 100%;
  }

  #recipe.recipe_under .recipe_area ul {
    width: 95%;
  }

  #recipe.recipe_under .Recommended_item .inner > h3 {
    background-image: none;
  }

  #recipe.recipe_under .Recommended_item ul li {
    width: 100%;
    margin-bottom: 20px;
  }

  #recipe.recipe_under .Recommended_item ul li p {
    font-size: 1.4rem;
    width: 100%;
    margin-bottom: 140px;
  }

  #recipe.recipe_under .other_item ul.list_area > li {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  #recipe.recipe_under .other_item h3 {
    width: 80%;
    margin: 0 auto 20px;
  }

  #recipe.recipe_under .Recommended_item ul li a {
    padding: 30px 20px;
  }
}

/*=========================================================
      レシピバナー
=========================================================*/
#recipe_bnr .inner {
  display: flex;
  justify-content: center;
}

#recipe_bnr .inner a {
  display: block;
}

/* ページ別調整 */
#shopping.under.shopping01 .comment > .inner::after {
  left: -40px;
}

@media screen and (max-width: 896px) {
  #shopping.under.shopping01 .comment > .inner::after {
    left: 0 !important;
  }
}

/* 買い替えのサイン調整 暖房をなくす場合*/
/* #sign #sign_4 {
  background-color: #e5f1f8;
}

#sign #sign_5 {
  background-color: #f5f9f7;
} */

/* 202210 ご成約特典 */
#special .inner.item02 img.pc {
  margin-top: -70px;
}

#special .inner.item {
  margin-bottom: 100px;
  position: relative;
}
#special .inner.item02.item .attention {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

#special .inner.item03.item img {
  margin-top: -40px;
}
#special .inner.item03 .subject {
  margin-top: 30px;
}

#special .inner.item > span {
  display: block;
  position: absolute;
  bottom: calc(100% - 60px);
  left: 50%;
  transform: translateX(-50%);
}

#special .detail {
  padding-top: 50px;
}
#special .mt1em {
  margin-top: 1em;
}
#special .font-small {
  font-size: 1.5rem;
}
@media screen and (max-width: 896px) {
  #special .inner.item {
    padding-top: 60px;
  }
  #special .inner.item {
    margin-bottom: 70px;
  }
  #special .detail {
    padding-top: 0;
  }
  #special .inner.item > span {
    width: 40%;
    bottom: calc(100% - 50px);
    text-align: center;
  }
}

/* 202210 レシピ */
/* #recipe .recipe_list ul.list_area > li.line2 h4 {
  line-height: 1.1;
} */
#recipe .recipe_list ul.list_area > li.line2 h4 span {
  display: block;
  font-size: 1.4rem;
}
#recipe .profile .sns ul li img {
  margin-right: 1rem;
}
#recipe .profile .inner .width.tomo {
  margin-top: 80px;
}
#recipe .profile .tomo .txt.fl_b {
  flex-direction: row-reverse;
}
@media screen and (max-width: 896px) {
  #recipe .profile .tomo .txt.fl_b {
    flex-direction: column-reverse;
  }
}

/* 202210 レンジフード 動画2つ */
#category #cate_movie.movie02 {
  height: 400px;
}
#category #cate_movie.movie02 .bg_layer {
  padding: 100px 0 50px;
  height: auto;
}
#category #cate_movie.movie02 .inner .lead img {
  top: -210px;
}
#category #cate_movie.movie02 .youtube {
  padding-top: 27.25%;
  width: 100%;
  position: relative;
}

#category #cate_movie.movie02 iframe {
  width: 97%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

@media screen and (max-width: 896px) {
  #category.cate13 #cate_item_box {
    padding-top: 0;
  }
  #category #cate_movie.movie02 {
    height: auto;
  }
  #category #cate_movie.movie02 {
    padding-bottom: 0;
  }
  #category #cate_movie.movie02 .inner {
    padding-top: 0;
  }
  #category #cate_movie.movie02 .bg_layer {
    position: relative;
    padding-bottom: 70px;
    padding-top: 100px;
    margin-top: 0;
  }
  #category #cate_movie.movie02 .inner .lead img {
    top: -162px;
  }
  #category #cate_movie.movie02 .youtube {
    padding-top: 56.25%;
  }
  #category #cate_movie.movie02 .youtube:first-child {
    margin-bottom: 30px;
  }
  #category #cate_movie.movie02 iframe {
    width: 100%;
  }
}

/* 202210 フロアマップに戻る */
#category #next_link_area .fl_b a.sp {
  margin: 0 10px;
}

/* 202210 お問い合わせフォーム注意書き追加 */
#form #form_content p.box {
  text-align: left;
  border: 2px solid #ff614f;
  border-radius: 10px;
  padding: 20px;
}

/* 202210 レシピ */
#recipe.recipe01 .under_cmnt .inner p {
  font-size: 1.5rem;
  width: 53%;
  position: absolute;
  bottom: 50px;
  right: 105px;
  z-index: 5;
}
#recipe.recipe01 .recipe_area ul {
  margin: 20px auto 20px;
}
#recipe .note p {
  width: 88%;
  margin: auto;
  position: relative;
  font-size: 1.5rem;
  text-indent: -1.2em;
  margin-right: 1em;
  margin-bottom: 20px;
}
#recipe.recipe02 .under_cmnt .inner p {
  font-size: 1.5rem;
  width: 54%;
  position: absolute;
  bottom: 60px;
  right: 99px;
  z-index: 5;
}

#recipe.recipe_under.recipe02 .recipe_area ul {
  width: 90%;
  margin: 20px auto 20px;
}
#recipe.recipe03 .recipe_name .inner h3 span {
  font-size: 2rem;
  margin-right: 5px;
}

#recipe.recipe03 .under_cmnt .inner p {
  width: 54%;
  bottom: 69px;
  right: 96px;
}

#recipe.recipe04 .under_cmnt .inner p {
  font-size: 1.5rem;
  width: 53%;
  position: absolute;
  bottom: 56px;
  right: 105px;
  z-index: 5;
}

#recipe.recipe04.recipe_under table + p {
  font-size: 1.5rem;
  width: 85%;
  margin: -30px auto 30px;
}

@media screen and (max-width: 896px) {
  #recipe.recipe01 .under_cmnt .inner p,
  #recipe.recipe02 .under_cmnt .inner p,
  #recipe.recipe03 .under_cmnt .inner p,
  #recipe.recipe04 .under_cmnt .inner p {
    position: initial;
    width: 100%;
    background: #ffcc45;
    padding: 20px;
    border: 2px #000 dashed;
  }
  #recipe.recipe03 .recipe_name .inner h3 span {
    display: block;
    margin-right: 0;
  }
  #recipe.recipe04.recipe_under table + p {
    width: 100%;
  }
}

/* myページ特典 */
#mypage-special #page_contents > .inner {
  background-image: radial-gradient(rgba(255, 255, 255, 0.5) 15%, transparent 0), radial-gradient(rgba(255, 255, 255, 0.5) 15%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  background-color: #b2e3f9;
  padding: 50px 40px;
  border-radius: 50px;
  margin: 30px auto 50px;
}

/* エアコン商品ページ */
#mypage_price {
  text-align: center;
  margin-bottom: 50px;
}

#mypage_price p {
  font-size: 2.5rem;
}

#mypage_price p .small {
  font-size: 2rem;
}

#mypage_price p .red {
  font-size: 2.5rem;
  font-weight: bold;
  color: #ff614f;
  background-image: linear-gradient(transparent 70%, #fff33f 0);
}

#mypage_price p .large {
  font-size: 4.5rem;
  font-weight: bold;
  color: #ff614f;
  margin-left: 5px;
}

#mypage_price .btn a {
  background: #ff614f;
  color: #fff;
  padding: 5px 40px 8px;
  border-radius: 20px;
  margin: 20px 0 0;
  display: inline-block;
}

#mypage_price .btn a::before {
  content: "＞＞";
  margin-right: 10px;
}

#mypage_price .btn a::after {
  content: "＜＜";
  margin-left: 10px;
}

@media screen and (max-width: 896px) {
  #mypage_price p {
    font-size: 2rem;
  }

  #mypage_price p .small {
    font-size: 1.6rem;
  }

  #mypage_price p .red {
    font-size: 2rem;
  }

  #mypage_price p .large {
    font-size: 3rem;
  }

  #mypage_price .btn a::before,
  #mypage_price .btn a::after {
    content: none;
  }
}

/* 事業所紹介 */
#corporate #page_contents > .inner {
  width: 100% !important;
}

/* サイト内検索 */
.search #page_contents {
  min-height: 200px;
}

.search #page_name .inner {
  text-align: center;
}

.search #page_name h2 {
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  border-bottom: 10px solid #ff614f;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 70px;
}

.search .search_contents ul {
  flex-wrap: wrap;
  padding-top: 75px;
  align-items: flex-start;
  justify-content: space-between;
}

.search .search_contents ul li {
  width: 48%;
  border-radius: 20px;
  margin: 0 30px 30px 0;
  background-color: #fff;
  z-index: 3;
  align-self: stretch;
  border: 4px solid #2fbdef;
}
.search .search_contents ul li:nth-child(even) {
  margin-right: 0;
}

.search .search_contents .cate_item_box_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.search .search_contents .cate_item_detail {
  padding: 20px;
  height: 100%;
}

.search .search_contents ul li figure {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

.search .search_contents ul li .thumb_img {
  text-align: center;
}

.search .search_contents ul li .thumb_img img {
  max-height: 240px;
  width: auto;
}

.search .search_contents ul li h3 {
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}

.search .search_contents ul li h3 span.cate_name {
  display: block;
  font-size: 1.6rem;
}

.search .search_contents ul li h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 66px;
  height: 3px;
  left: 34px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}

.search .search_contents ul li p {
  margin-bottom: 20px;
}

.search .search_contents ul li a {
  color: #000;
}

/*
.search .search_contents ul li a:hover {
  opacity: 0.7;
  transition: .3s;
}
*/

.search .more_link_btn p {
  background-color: #f0f0f0;
  border-radius: 0 0 16px 16px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  position: relative;
  display: block;
}

.search .search_contents ul li .more_link_btn p {
  margin-bottom: 0;
  color: #2fbdef;
}

.search .search_contents ul li .more_link_btn p::before {
  content: url(../img/under/cate_arrow.png);
  position: absolute;
  top: 5px;
  right: 23px;
  z-index: 1;
}

.search .search_contents ul li .more_link_btn p::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 18px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-block;
  background: #2fbdef;
}

@media screen and (max-width: 896px) {
  .search .search_contents ul li {
    width: 100%;
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
  }
}

/* 太陽さん追加 */
/* #category #cate_name .inner {
  position: relative;
  background: url(../img/under/category/category_taiyo.png) no-repeat bottom right;
  z-index: 5;
  padding-bottom: 70px;
} */

@media screen and (max-width: 896px) {
  #category #cate_name .inner {
    background-size: 24vw;
    padding-bottom: 11vw;
  }
}

/* 詳細ページ　Myページ会員のコメント*/
#detail #detail_contents .member_benefits {
  background: url(../img/under/specialprice_bg.png) repeat center center / auto;
  padding: 30px 20px;
  border-radius: 20px;
  margin-bottom: 40px;
  position: relative;
  margin-top: 60px;
}

#detail #detail_contents .member_benefits::before {
  content: "";
  position: absolute;
  background: #ff0c5f;
  height: calc(tan(60deg) * 30px / 2);
  width: 60px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

#detail #detail_contents .member_benefits p {
  color: #ff0c5f;
  font-weight: bold;
  font-size: 3.5rem;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0;
}

#detail #detail_contents .mypage_link {
  text-align: center;
  margin-bottom: 50px;
}

#detail #detail_contents .mypage_link p {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

#detail #detail_contents .mypage_link p::before {
  content: "＼";
}

#detail #detail_contents .mypage_link p::after {
  content: "／";
}

@media screen and (max-width: 896px) {
  #detail #detail_contents .member_benefits p {
    font-size: 2.5rem;
  }

  #detail #detail_contents .member_benefits {
    padding: 20px 0;
  }

  #detail #detail_contents .mypage_link p {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }

  #detail #detail_contents .mypage_link p::before,
  #detail #detail_contents .mypage_link p::after {
    content: none;
  }
}

/* ご成約特典ページ */
@media screen and (max-width: 896px) {
  #special .inner.item {
    padding-top: 20px;
  }
  #special .detail .item01 ul {
    flex-direction: column;
    gap: 0;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  #special .detail .item01 ul li {
    width: auto !important;
  }
  #special .inner.item02.item {
    padding-top: 70px;
  }
  #special .inner.item03.item img {
    margin-top: 0;
  }
  #special .detail .item01.item ul {
    margin-top: 0;
  }
}

/* 詳細ページ お得情報 */
.single .great_deals .inner {
  padding: 20px 50px;
  margin: 30px auto;
  background: url(../img/under/specialprice_bg.png) repeat center center / auto;
  position: relative;
}
.single .great_deals .inner > * {
  margin-bottom: 1em;
}
.single .great_deals .inner > *:last-child {
  margin-bottom: 0;
}
.single .great_deals img.aligncenter {
  margin: auto;
  display: flex;
}
.single .great_deals img.alignright {
  display: flex;
  margin-left: auto;
}
.single .great_deals h2 {
  font-size: 2.5rem;
  font-weight: bold;
}
.single .great_deals h3 {
  font-size: 2.2rem;
  font-weight: bold;
}
.single .great_deals ul,
.single .great_deals ol {
  padding-left: 1.5em;
}
.single .great_deals ul li {
  list-style: disc;
}
.single .great_deals ol li {
  list-style: auto;
}

@media screen and (max-width: 896px) {
  .single .great_deals .inner {
    padding: 20px;
  }
}

/* 詳細ページ 関連商品 */
#detail #recommend_item_box {
  background: repeating-linear-gradient(-45deg, #e7f8fd, #e7f8fd 15px, #f4fafd 15px, #f4fafd 30px);
  padding-bottom: 50px;
}
#detail #recommend_item_box h4 {
  font-weight: bold;
  position: relative;
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 50px;
  padding-top: 55px;
  z-index: 1;
}
#detail #recommend_item_box ul.fl_b {
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding-bottom: 30px;
  z-index: 1;
  gap: 30px;
}

#detail #recommend_item_box .cate_item_box_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#detail #recommend_item_box .cate_item_box_inner:hover {
  opacity: 0.75;
  transition: 0.5s;
}
#detail #recommend_item_box ul li {
  width: calc((100% - 60px) / 3);
  border-radius: 20px;
  background-color: #fff;
  align-self: stretch;
  z-index: 1;
}
#detail #recommend_item_box .cate_item_detail {
  padding: 20px;
  height: 100%;
}
#detail #recommend_item_box ul li figure {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

#detail #recommend_item_box ul li .thumb_img {
  text-align: center;
}

#detail #recommend_item_box ul li .thumb_img img {
  max-height: 150px;
  width: auto;
}

#detail #recommend_item_box ul li h3 {
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}

#detail #recommend_item_box ul li h3 span.cate_name {
  display: block;
  font-size: 1.4rem;
}

#detail #recommend_item_box ul li h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 66px;
  height: 3px;
  left: 34px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}
#detail #recommend_item_box ul li p {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#detail #recommend_item_box ul li a {
  color: #000;
}
#detail #recommend_item_box ul li .more_link_btn p {
  background-color: #f0f0f0;
  border-radius: 0 0 16px 16px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  position: relative;
  display: block;
  margin-bottom: 0;
  font-size: 1.6rem;
}
#detail #recommend_item_box ul li .more_link_btn p::before {
  content: url(../img/under/detail_arrow.png);
  position: absolute;
  top: 0;
  right: 21px;
  z-index: 1;
}
#detail #recommend_item_box ul li .more_link_btn p::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 18px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
}

/* color */
#detail #recommend_item_box h4::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 68px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #2fbdef;
}
#detail #recommend_item_box ul li {
  border: 4px solid #2fbdef;
}
#detail #recommend_item_box ul li .more_link_btn p::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 18px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  background-color: #2fbdef;
}
#detail #recommend_item_box ul li h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  display: inline-block;
  width: 66px;
  height: 3px;
  left: 34px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #2fbdef;
}
@media screen and (max-width: 896px) {
  #detail #recommend_item_box::after {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: top 220px right 0;
    z-index: 0;
  }
  #detail #recommend_item_box ul.fl_b {
    display: flex;
  }
  #detail #recommend_item_box ul li {
    width: calc((100% - 30px) / 2);
    z-index: 2;
    position: relative;
  }
  #detail #recommend_item_box::before {
    content: "";
    background-image: url(../img/bg_deco_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: bottom 180px left 0;
    z-index: 0;
  }
  #detail #recommend_item_box ul li .more_link_btn a {
    height: 50px;
    line-height: 50px;
  }
  #detail #recommend_item_box ul li .more_link_btn a::after {
    top: 12px;
  }
}

@media screen and (max-width: 600px) {
  #detail #recommend_item_box ul li {
    width: 100%;
    position: relative;
  }

  #detail #recommend_item_box ul li:nth-child(3n-1) {
    margin-left: 0;
  }
  #detail #recommend_item_box ul li h3 {
    font-size: 1.6rem;
  }

  #detail #recommend_item_box ul li h3 span.cate_name {
    font-size: 1.4rem;
    font-weight: normal;
  }
}

/* カテゴリトップ改修 */
@media screen and (max-width: 896px) {
  #category .cate_movie_ifame {
    margin-top: 50px;
  }
  #category #cate_movie .bg_layer {
    max-height: 90%;
  }
  #category #cate_movie + #cate_item_box {
    margin-top: -40px;
  }
  #category #cate_movie .inner .lead img {
    display: none;
  }
  #category #cate_item_box ul.fl_b {
    padding-top: 40px;
  }
  :is(#cate_item_box, #recommend_item_box) .cate_item_detail {
    display: flex;
    gap: 20px;
  }
  :is(#cate_item_box, #recommend_item_box) .cate_item_detail .thumb_img {
    width: 30%;
    flex-shrink: 0;
  }
  :is(#cate_item_box, #recommend_item_box) ul li figure {
    margin-bottom: 0;
  }
  :is(#cate_item_box, #recommend_item_box) ul li .thumb_img img {
    max-height: 150px;
  }
  :is(#cate_item_box, #recommend_item_box) .more_link_btn p {
    background: none !important;
    line-height: 1.5 !important;
    height: auto !important;
  }
  :is(#cate_item_box, #recommend_item_box) ul li .more_link_btn p::after {
    right: 0 !important;
    top: auto !important;
    bottom: -8px !important;
  }
  :is(#cate_item_box, #recommend_item_box) ul li .more_link_btn p::before {
    top: auto !important;
    bottom: -4px !important;
    right: 6px !important;
  }
  :is(#cate_item_box, #recommend_item_box) ul li .more_link_btn p {
    text-align: right !important;
    padding-right: 60px !important;
  }
  :is(#cate_item_box, #recommend_item_box) .sp_wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  :is(#cate_item_box, #recommend_item_box) .sp_wrap .more_link_btn {
    margin-top: auto;
  }
  #detail :is(#cate_item_box, #recommend_item_box) ul li .more_link_btn p {
    padding-right: 35px !important;
  }
  #detail :is(#cate_item_box, #recommend_item_box) ul li .more_link_btn p::after {
    bottom: -2px !important;
  }
  #detail :is(#cate_item_box, #recommend_item_box) ul li .more_link_btn p::before {
    bottom: -1px !important;
    right: 3px !important;
  }
}

@media screen and (max-width: 896px) {
  #category .cate_floor_img img {
    max-width: 40%;
    margin-bottom: 20px;
  }
  #category .cate_floor_img {
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  #category #cate_name h2 {
    background: none;
    padding-left: 37%;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #category #cate_name h2::after {
    width: clamp(90px, 40vw, 120px);
    height: clamp(110px, 43vw, 140px);
    background-position: bottom center;
    max-width: 100%;
  }
  #category .inner .cate_floor_img {
    display: none;
  }

  #category #cate_name {
    background-size: 200%;
    background-position: left 50% bottom -67vw;
  }
  #category #cate_name .inner {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
  }
  #category #cate_name h2 {
    background: none;
    font-size: 2rem;
    letter-spacing: 0.05em;
  }
  #detail #detail_main_img figure img {
    max-height: 240px;
  }
}

/* カテゴリトップ */
#category .item_none {
  z-index: 5;
  position: relative;
  text-align: center;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#category .item_none p {
  font-size: 2rem;
  background: #fff;
  border-radius: 5px;
  border: 5px solid #2fbdef;
  padding: 20px;
  width: 100%;
}