@charset "UTF-8";
/*
Theme Name: audio-cms
Description: audio-cms のテーマ
Version: 1.0
Author:	Rockstream
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
/* ---------------------------------
	reset
---------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
}

ol, ul {
  list-style: none;
}

ol, ul, dl, dt, dd {
  padding: 0;
  margin: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

/* ---------------------------------
	default
---------------------------------- */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  background-color: #000;
}

.wrapper {
  font-size: 18px; /*IE対応*/
  font-size: 1.8rem;
  color: #bf9d58;
  line-height: 1.8;
  overflow: hidden;
}
@media (max-width: 817px) {
  .wrapper {
    font-size: 1.6rem;
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .wrapper {
    font-size: 1.2rem;
    font-size: 12px;
  }
}

.common-wrapper {
  position: relative;
  max-width: 1260px;
  width: 96%;
  margin: auto;
}
.common-wrapper .inner {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: auto;
}

.flex {
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}
.flex1 {
  justify-content: space-between;
}
.flex2 {
  justify-content: space-around;
}
.flex3 {
  justify-content: center;
  align-items: center;
}
.flex-end {
  justify-content: flex-end;
}
.flex-wrap {
  flex-wrap: wrap;
}

/* 追加＿0724 */
.flex4 {
  justify-content: space-around;
  align-items: inherit;
}
/* 追加＿0724 */

@media (max-width: 760px) {
  .flex {
    flex-wrap: wrap;
  }
}

.bgBrown {
  color: #fff;
  background-color: #a0410c;
}

.bgWtr {
  background-color: #c7e5ff;
}

.bgWhite {
  background-color: #fff;
}

.white {
  color: #fff;
}

.red {
  color: #ff0000;
}

.black {
  color: #000;
}

.textC {
  text-align: center;
}

.pt50 {
  padding-top: 50px;
}

.pt60, #contact01 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pt80, #privacy {
  padding-top: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pt100, #buying_price .buying_price03 p:nth-of-type(2) {
  padding-top: 100px;
}

.pt120 {
  padding-top: 120px;
}

.pt140 {
  padding-top: 140px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60, #contact01, #reason_worries #reason {
  padding-bottom: 60px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb80, #blog02, #privacy, #inquiryForm, #buying_price .buying_price01, #reason_worries #worries .worries01 {
  padding-bottom: 80px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb120 {
  padding-bottom: 120px;
}

.pb140 {
  padding-bottom: 140px;
}

.pb190 {
  padding-bottom: 190px;
}

.mt60 {
  margin-top: 60px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60, #contact01 h2, #something .something03 ul li, #reason_worries #reason p:nth-of-type(1), #reason_worries #reason p:nth-of-type(2) {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.pd60, #buying_maker ul.maker, #buying_maker, #buying_voice, #buying_faq, #buying_flow {
  padding: 60px 0;
}

@media (max-width: 760px) {
  .pt50 {
    padding-top: 25px;
  }
  .pt60, #contact01 {
    padding-top: 30px;
  }
  .pt70 {
    padding-top: 35px;
  }
  .pt80, #privacy {
    padding-top: 40px;
  }
  .pt90 {
    padding-top: 45px;
  }
  .pt100, #buying_price .buying_price03 p:nth-of-type(2) {
    padding-top: 50px;
  }
  .pt120 {
    padding-top: 50px;
  }
  .pt140 {
    padding-top: 50px;
  }
  .pb50 {
    padding-bottom: 25px;
  }
  .pb60, #contact01, #reason_worries #reason {
    padding-bottom: 30px;
  }
  .pb70 {
    padding-bottom: 35px;
  }
  .pb80, #blog02, #privacy, #inquiryForm, #buying_price .buying_price01, #reason_worries #worries .worries01 {
    padding-bottom: 40px;
  }
  .pb90 {
    padding-bottom: 45px;
  }
  .pb100 {
    padding-bottom: 50px;
  }
  .pb120 {
    padding-bottom: 50px;
  }
  .pb140 {
    padding-bottom: 50px;
  }
  .pb180 {
    padding-bottom: 50px;
  }
  .mt60 {
    margin-top: 30px;
  }
  .mb30 {
    margin-bottom: 20px;
  }
  .mb50 {
    margin-bottom: 25px;
  }
  .mb60, #contact01 h2, #something .something03 ul li, #reason_worries #reason p:nth-of-type(1), #reason_worries #reason p:nth-of-type(2) {
    margin-bottom: 30px;
  }
  .mb70 {
    margin-bottom: 35px;
  }
  .mb80 {
    margin-bottom: 40px;
  }
  .pd60, #buying_maker ul.maker, #buying_maker, #buying_voice, #buying_faq, #buying_flow {
    padding: 30px 0;
  }
}
@media (max-width: 450px) {
  .pt80, #privacy {
    padding-top: 30px;
  }
  .pb80, #blog02, #privacy, #inquiryForm, #buying_price .buying_price01, #reason_worries #worries .worries01 {
    padding-bottom: 30px;
  }
  .pb90 {
    padding-bottom: 40px;
  }
  .pb100 {
    padding-bottom: 40px;
  }
  .pb120 {
    padding-bottom: 40px;
  }
  .pb140 {
    padding-bottom: 40px;
  }
  .pb190 {
    padding-bottom: 40px;
  }
  .mb70 {
    margin-bottom: 30px;
  }
  .mb80 {
    margin-bottom: 30px;
  }
  .pd60, #buying_maker ul.maker, #buying_maker, #buying_voice, #buying_faq, #buying_flow {
    padding: 20px 0;
  }
}
.fs12, #sidebar .box.staff ul > li .right p span:nth-of-type(1), #sidebar .box.popular ul li .right .sort {
  font-size: 12px;
}

.fs14, #sidebar .box.popular ul li .right .title, #contact01 .box .telArea .time, .breadcrumb, .drawer-nav ul li > div p:nth-of-type(4) {
  font-size: 14px;
}

.fs16, .cate_box table td ul:nth-of-type(2) li, .drawer-nav ul li > div h4, .drawer-nav ul li > div p:nth-of-type(1) {
  font-size: 16px;
}

.fs18, #inquiryForm .check_policy, #contact01 .box .telArea h3, #contact01 .box .txtArea, .drawer-nav ul li h3 {
  font-size: 100%;
}

.fs20, .freeeditor #ez-toc-container ul li, #purshase #purshase02 #purshase_list .flex .right div, .blog ul li p, #customer dl dd, #faq dl dd span:nth-of-type(2), #company03 table, #buying_voice li > div P {
  font-size: 20px;
}

.fs22, #company02 p, #footer p:last-of-type, #buying_maker p.txt,  #buying_flow table td, #buying_price .buying_price03 .inner p, #reason_worries p.txt.pc-only #reason ul li p.txt, #free_business_trip p, #buying_trip .lower .flex p:last-of-type {
  font-size: 22px;
}

/*  */
/* .fs22, #company02 p, #footer p:last-of-type, #buying_maker p.txt, #buying_flow .flex p, #buying_flow table td, #buying_price .buying_price03 .inner p, #reason_worries #reason ul li p.txt, #free_business_trip p, #buying_trip .lower .flex p:last-of-type {
  font-size: 22px;
} */
/*  */

.fs24, #purshase #purshase02 #purshase_list .flex .right header h3, .blog ul li h3, #customer dl dt, #faq dl dt span:nth-of-type(2), #something .something02 .left p, #something .something01 p, #reason_worries #worries .worries02 ul li p.txt, #reason_worries #worries .worries01 p:nth-of-type(1), #reason_worries #reason p:nth-of-type(1), #reason_worries #reason p:nth-of-type(2), #free_business_trip h4, #buying_number p, .buying_items .box p:nth-of-type(1) {
  font-size: 28px;
  line-height: 45px;
}

.fs25 {
  font-size: 25px;
}

.fs26 {
  font-size: 26px;
}

.fs30 {
  font-size: 30px;
}

@media (max-width: 760px) {
  .fs12, #sidebar .box.staff ul > li .right p span:nth-of-type(1), #sidebar .box.popular ul li .right .sort {
    font-size: 10px;
  }
  .fs14, #sidebar .box.popular ul li .right .title, #contact01 .box .telArea .time, .breadcrumb, .drawer-nav ul li > div p:nth-of-type(4) {
    font-size: 12px;
  }
  .fs16, .cate_box table td ul:nth-of-type(2) li, .drawer-nav ul li > div h4, .drawer-nav ul li > div p:nth-of-type(1) {
    font-size: 100%;
  }
  .fs18, #inquiryForm .check_policy, #contact01 .box .telArea h3, #contact01 .box .txtArea, .drawer-nav ul li h3 {
    font-size: 16px;
  }
  .fs20, .freeeditor #ez-toc-container ul li, #purshase #purshase02 #purshase_list .flex .right div, .blog ul li p, #customer dl dd, #faq dl dd span:nth-of-type(2), #company03 table, #buying_voice li > div P {
    font-size: 18px;
  }
  .fs22, #company02 p, #footer p:last-of-type, #buying_maker p.txt, #buying_flow .flex p, #buying_flow table td, #buying_price .buying_price03 .inner p, #reason_worries p.txt.pc-only #reason ul li p.txt, #free_business_trip p, #buying_trip .lower .flex p:last-of-type {
    font-size: 20px;
  }
  .fs24, #purshase #purshase02 #purshase_list .flex .right header h3, .blog ul li h3, #customer dl dt, #faq dl dt span:nth-of-type(2), #something .something02 .left p, #reason_worries #worries .worries02 ul li p.txt, #reason_worries #worries .worries01 p:nth-of-type(1), #reason_worries #reason p:nth-of-type(1), #reason_worries #reason p:nth-of-type(2), #free_business_trip h4, #buying_number p, .buying_items .box p:nth-of-type(1), .fs25 {
    font-size: 22px;
  }
  .fs26 {
    font-size: 24px;
  }
  .fs30 {
    font-size: 26px;
  }
}
@media (max-width: 760px) {
  .fs14, #sidebar .box.popular ul li .right .title, #contact01 .box .telArea .time, .breadcrumb, .drawer-nav ul li > div p:nth-of-type(4) {
    font-size: 10px;
  }
  .fs18, #inquiryForm .check_policy, #contact01 .box .telArea h3, #contact01 .box .txtArea, .drawer-nav ul li h3 {
    font-size: 12px;
  }
  .fs20, .freeeditor #ez-toc-container ul li, #purshase #purshase02 #purshase_list .flex .right div, .blog ul li p, #customer dl dd, #faq dl dd span:nth-of-type(2), #company03 table, #buying_voice li > div P {
    font-size: 14px;
  }
  .fs22, #company02 p, #footer p:last-of-type, #buying_maker p.txt, #buying_flow .flex p, #buying_flow table td, #buying_price .buying_price03 .inner p, #reason_worries #reason ul li p.txt, #free_business_trip p, #buying_trip .lower .flex p:last-of-type {
    font-size: 14px;
  }
  .fs24, #purshase #purshase02 #purshase_list .flex .right header h3, .blog ul li h3, #customer dl dt, #faq dl dt span:nth-of-type(2), #something .something02 .left p, #something .something01 p, #reason_worries #worries .worries01 p:nth-of-type(1), #reason_worries #reason p:nth-of-type(1), #reason_worries #reason p:nth-of-type(2), #free_business_trip h4, #buying_number p, .buying_items .box p:nth-of-type(1), .fs25 {
    font-size: 14px;
    line-height: 30px;
  }
  .fs26 {
    font-size: 20px;
  }
  .fs30 {
    font-size: 22px;
  }
}
.dispnone {
  display: none;
}

.img img {
  width: 100%;
}

.lh15 {
  line-height: 1.5;
}

.lh2 {
  line-height: 2;
}

.fadeInUp {
  opacity: 0;
  transform: translateY(30px);
  transition: 1.5s;
}

.noto {
  font-family: "Noto Sans JP", sans-serif;
}

/* セクション共通 */
.h2tit {
  text-align: center;
}
.h2tit .icon {
  margin-bottom: 15px;
}
.h2tit h3 {
  font-size: 2.4rem;
}
@media (max-width: 760px) {
  .h2tit h3 {
    font-size: min(2.4rem, 4vw);

  }
}

.h2tit2 {
  position: relative;
}
.h2tit2 h2 {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: min(36px, 4vw);
}
.h2tit2 h2 span {
  display: block;
  max-width: 170px;
  width: 25%;
  margin: 0 auto 20px;
}
.customer .h2tit2 h2 {
  font-size: min(36px, 3vw);
}
@media only screen and (max-width: 1000px) {
  .customer .h2tit2 h2 {
    top: 10%;
    font-size: min(36px, 3vw);
  }
}
@media only screen and (max-width: 760px) {
  .h2tit2 h2 span {
    width: 13%;
    margin-bottom: 10px;
  }
  .customer .h2tit2 h2 {
    top: 15%;
  }
}

.h2 {
  font-size: 3.5rem;
}
@media (max-width: 760px) {
  .h2 {
    font-size: min(3.5rem, 5vw);
  }
}

.col2 li {
  width: 49%;
}

.col3 li {
  width: 32%;
}
@media (max-width: 450px) {
  .col3 li {
    width: 100%;
    margin: 0 auto 20px;
  }
}

.col4 li {
  width: 24%;
}
@media (max-width: 760px) {
  .col4 li {
    width: 48%;
    margin-bottom: 20px;
  }
}

.col5 li {
  width: 24%;
}
@media (max-width: 760px) {
  .col5 li {
    width: 48%;
    margin-bottom: 20px;
  }
}

.col1of2 {
  width: 49%;
  margin: 5%;
}

@media (max-width: 760px) {
  .col1of2 {
    width: 100%;
    margin-bottom: 25px;
  }
}

/* ドロワー */
.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 10px;
  display: block;
  box-sizing: content-box;
  width: 4rem;
  padding: 0;
  padding-top: 3px;
  padding-right: 0.75rem;
  padding-bottom: 30px;
  padding-left: 0.75rem;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: #714d04;
  border: 2px solid #fff;
  border-radius: 8px;
}
.drawer-hamburger .tit {
  display: block;
  padding-top: 1px;
  margin: 0 0 3px;
  font-size: 10px;
  color: #fff;
}
@media (max-width: 450px) {
  .drawer-hamburger {
    width: 3.2rem;
    padding-bottom: 28px;
  }
  .drawer-hamburger .tit {
    margin-bottom: 1px;
  }
  .drawer-hamburger .drawer-hamburger-icon {
    margin-top: 4px;
  }
}
@media (max-width: 320px) {
  .drawer-hamburger {
    width: 3rem;
    padding-bottom: 26px;
  }
  .drawer-hamburger .tit {
    padding-top: 0;
  }
}

.drawer--right .drawer-hamburger {
  right: 10px;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 370px;
}
@media (max-width: 450px) {
  .drawer--right.drawer-open .drawer-hamburger {
    right: 280px;
  }
}
@media (max-width: 360px) {
  .drawer--right.drawer-open .drawer-hamburger {
    right: 260px;
  }
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 370px;
  height: 100%;
  color: #000;
  background-color: #eee;
  z-index: 10000;
}
.drawer-nav ul li {
  width: 100%;
  padding: 0 10px;
  text-align: left;
  font-size: 14px;
  background: #fff;
  border-bottom: 2px solid #b9b8b7;
  display: block;
}
.drawer-nav ul li:first-child {
  background-color: #714d04;
  padding: 8px;
}
.drawer-nav ul li:nth-child(2), .drawer-nav ul li:nth-child(3), .drawer-nav ul li:nth-child(4), .drawer-nav ul li:nth-child(5), .drawer-nav ul li:nth-child(6), .drawer-nav ul li:nth-child(7), .drawer-nav ul li:nth-child(8), .drawer-nav ul li:nth-child(9), .drawer-nav ul li:nth-child(10) {
  background-color: #fbefd8;
}
.drawer-nav ul li a {
  color: #000;
  display: block;
  padding: 8px;
}
.drawer-nav ul li:last-child {
  padding: 0;
}
.drawer-nav ul li h3 {
  padding: 5px;
  text-align: center;
  color: #fff;
  background-color: #bf9d58;
  border-bottom: 2px solid #b9b8b7;
}
.drawer-nav ul li > div {
  padding: 10px;
}
.drawer-nav ul li > div p:nth-of-type(1) {
  text-align: center;
}
.drawer-nav ul li > div p:nth-of-type(2) {
  font-size: min(20px, 4.8vw);
  text-align: center;
}
.drawer-nav ul li > div p:nth-of-type(2) a {
  padding: 0;
}
.drawer-nav ul li > div p:nth-of-type(3) {
  margin-bottom: 15px;
  font-size: 12px;
  text-align: center;
}
.drawer-nav ul li > div p:nth-of-type(3) span {
  font-size: 120%;
}
.drawer-nav ul li > div h4 {
  text-align: center;
  color: #9a0225;
}
@media (max-width: 760px) {
  .drawer-nav ul li {
    font-size: 12px;
  }
}
@media (max-width: 450px) {
  .drawer-nav {
    width: 280px;
  }
}
@media (max-width: 360px) {
  .drawer-nav {
    width: 260px;
  }
}

.drawer--right .drawer-nav {
  right: -370px;
  transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
  background-color: #fff;
}

#header {
  position: relative;
}
#header.front_page {
  /* padding-bottom: 170px; */
  padding-bottom: 0; 
  background: url(../images/mv/mv_bg3.png) no-repeat left;
  background-size: cover;
}
#header .header__sitetitle {
  background-color: #000;
  padding: 5px;
}
#header .header__sitetitle h1 {
  font-size: 14px;
  font-weight: inherit;
  max-width: 1600px;
  width: 96%;
  margin: 0 auto;
}
#header .time-container {
  background: #714d04;

}
#header .time-container .time-area {
  /* width: 54%; */
  margin: 0;
  margin-left: auto;
  padding: 5px 0;
  text-align: center;
}
#header .time-container .time-area .current-time {
  /* position: absolute;
  top: 7px;
  left: 64%;
  transform: translate(-50%); */
}
#header .time-container .time-area .current-time p {
  font-size: 1.1vw;
  color: #FFF500;
  font-weight: bold;
}
/* 点滅 */
@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.time-area {
  display: none;
}
/* 要素にアニメーションを適用 */
.blink {
	animation: blinking 0.5s ease-in-out infinite alternate;
}
#header .hd-top {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  max-width: 1600px;
  width: 96%;
  margin: auto;
}
#header .hd-top .logo {
  max-width: 402px;
  width: 35%;
  /* padding-top: 5px; */
  margin: 0;
}
#header .hd-top .flex {
  /* position: absolute;
  top: 0;
  right: 0;
  max-width: 850px; */
  width: 55%;
  /* height: 100%; */
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
}
#header .hd-top .flex .telArea {
  position: relative;
  top: 15%;
  width: 52%;
  margin-right: 1%;
  text-align: center;
  font-size: min(1.8rem, 1.3vw);
  line-height: 1.6;
  transform: translate(0%, 0%);
}
#header .hd-top .flex .telArea .tel {
  font-size: min(30px, 2.2vw);
}
#header .hd-top .flex .telArea .tel {
  font-size: 1.5vw;
    display: block;
    z-index: 31;
    position: absolute;
    top: 32%;
    left: 14%;
    font-weight: bold;
    color: #644200;
    transform: translate(-4%, 6%);
}
/* .tel-bg {
  position: relative;
} */
.tel-bg img {
  width: 100%;
}
/* 追加_0730 */
.telArea.matchHeight p {
  margin: 0;
  font-size: 1.5rem;
}
/* 追加_0730 */
/* 追加_0806 */
@media (max-width: 760px){
.telArea.matchHeight p {
  margin: 0;
  font-size: 0.7rem;}
}
/* 追加_0806 */
#header .hd-top .flex .telArea .tel a {
  color: #644200;
}
#header .hd-top .flex .telArea p span {
  font-size: 100%;
}
#header .hd-top .flex .mail {
  /* position: relative; */
  /* max-width: 330px; */
  position: relative;
  top: 3px;
  width: 38%;
  /* padding-top: 0.8%; */
  /* padding-bottom: 3%; */
  /* text-align: center; */
  /* font-size: min(30px, 2vw); */
  /* background-color: #ffa800; */
}
#header .hd-top .flex .mail a {
  /* position: absolute; */
  color: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
}
@media (max-width: 1500px) {
  #header .time-container {
    /* width: 53%; */
    /* right: 6%;
    transform: translate(0%, 0%); */
  }
  #header .time-container .time-area .current-time p {
    font-size: 1.3vw;
  }
  }
@media (max-width: 1080px) {
  #header .hd-top .logo {
    width: 30%;
  }
  /* #header .hd-top .flex .mail {
    padding-top: 7%;
  } */
}
@media (max-width: 760px) {
  #header.front_page {
    background-image: none;
  }
  #header .hd-top {
    display: block;
    width: 100%;
  }
  #header .hd-top .logo {
    width: 180px;
    margin: 0 auto 10px;
  }
  #header .time-container {
  }
  #header .time-container .time-area {
    /* height: 9vw; */    
    width: 100%;
    text-align: center;
  }
  #header .time-container .time-area  .current-time {
    top: -3px;
    left: 30%;
  }
  #header .time-container .time-area  .current-time p {
    font-size: 3.3vw;
    /* line-height: 4vw; */
    font-weight: bold;
  }
  #header .hd-top .flex {
    position: relative;
    right: 0;
    width: 100%;
    /* background-color: #fff; */
    display: table;
    justify-content: inherit;
  }
  #header .hd-top .flex .telArea {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    margin-right: 0;
    /*padding:1%;*/
    color: #bf9d58;
    /* font-size: min(1.8rem, 1vw); */
    font-size: 10px;
    /* background-color: #fff; */
  }
  #header .hd-top .flex .telArea .tel {
    /* font-size: 4vw; */
    /* font-size: 18px; */
    line-height: 1.3;
    font-size: 3.3vw;
    top: 34%;
  }
  #header .hd-top .flex .telArea .tel a {
    color: #644200;
  }
  #header .hd-top .flex .mail {
    display: table-cell;
    vertical-align: middle;
    width: 36.8%;
    max-width: inherit;
    padding-top: 0%;
    padding-bottom: 1%;
    font-size: 5vw;
    border-radius: 14px;
  }
}
@media (max-width: 450px) {
  #header .time-container .time-area {
    /* height: 12vw; */
    /* margin-bottom: 13%; */
}
#header .time-container .time-area .current-time {
  top: 9px;
}
#header .time-container .time-area .current-time p {
  line-height: 4vw;
}
  #header .hd-top .flex .telArea {
    /* width: 62%; */
    /* padding-top: 1%;
    padding-bottom: 1%; */
  }
  #header .hd-top .flex .telArea .tel {
    font-size: 3.7vw;
    /* font-size: 18px; */
    top: 37%;
    left: 13%;
  }
  #header .hd-top .flex .mail {
    padding-top: 2.5%;
    padding-bottom: 4.2%;
    font-size: 4vw;
    width: 37%;
    border-radius: 11px;
  }
}
@media (max-width: 360px) {
  #header .hd-top .flex .telArea {
    /* width: 70%; */
  }
  #header .hd-top .flex .mail {
    /* width: 30%; */
  }
}

/* メインビジュアル */
#mv {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
#mv .flex p {
  position: relative;
  max-width: 728px;
  width: 60%;
  z-index: 2;
}
#mv .right {
  position: absolute;
  top: -10%;
  right: -5%;
  max-width: 662px;
  width: 50%;
  z-index: 1;
}
#mv .staff {
  position: absolute;
  /* width: 30%;
  left: 36%;
  bottom: -316px; */
  width: 28%;
  left: 41%;
  bottom: -406px;
}
@media (max-width: 999px) {
  #mv .staff {
    /* left: 23vw; */
    width: 28%;
    left: 41%;
    bottom: -317px;
  }
}
@media (max-width: 760px) {
  #mv {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 45vw;
    background: url(../images/mv/lp/bg_s-2.jpg) no-repeat center;
    background-size: cover;
    background-position: 1px -14%;

  }
  #mv .flex {
    display: block;
  }
  #mv .flex p {
    width: 100%;
  }
  #mv .right {
    top: inherit;
    bottom: 0;
    right: 0;
    width: 50%;
  }
}

/* メインビジュアル（リマケLP） */
#mv-lp {
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 90px;
}
#mv-lp .common-wrapper {
  position: relative;
}
#mv-lp .flex .img {
  position: relative;
  width: 58%;
  z-index: 2;
}
#mv-lp .flex .form {
  width: 40%;
  z-index: 2;
  letter-spacing: 0.2em;
}
#mv-lp .flex .form .mw_wp_form {
  height: 100%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase {
  height: 100%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase.flex {
  flex-direction: column;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-top {
  position: relative;
  background: url(../images/mv/form_top.png) center center no-repeat;
  background-size: contain;
  aspect-ratio: 500/80;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-top .toiawase-title {
  position: absolute;
  top: 4%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #181c5e;
  font-size: min(2.2vw, 30px);
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle {
  background: url(../images/mv/form_middle.png) repeat-y;
  background-size: contain;
  padding: 2% 5% 0;
  color: #080808;
  flex-grow: 1;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle h3 {
  text-align: center;
  color: #ffe404;
  background-color: #181c5e;
  border-radius: 10px;
  font-size: min(2vw, 28px);
  margin-bottom: 4%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl {
  display: flex;
  flex-wrap: wrap;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dt {
  width: 30%;
  font-size: min(1.2vw, 18px);
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dt.required {
  color: #d53030;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dt.long-char {
  letter-spacing: 0.1em;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dt .attention {
  font-size: min(0.6vw, 8px);
  vertical-align: top;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd {
  width: 70%;
  margin-bottom: 2%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd select {
  width: 100%;
  font-size: min(0.8vw, 12px);
  border-radius: 9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid #bebebe;
  background: url(../images/mv/select_arrow.png) no-repeat center right;
  padding: 3% 6%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd input[type=text] {
  width: 100%;
  font-size: min(0.8vw, 12px);
  border-radius: 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.41) inset;
  padding: 3% 0 3% 6%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle .annotation {
  text-align: center;
  font-size: min(0.8vw, 12px);
  margin-bottom: 3.5%;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle .annotation a {
  color: #d53030;
  text-decoration: underline;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle .btn-submit {
  max-width: 403px;
  margin: 0 auto;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle .btn-submit .btn {
  width: 100%;
  padding: 0;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  background: url(../images/mv/btn_satei_submit2.png);
  background-size: cover;
  aspect-ratio: 403/108;
}

#mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle .p-country-name{
  display: none;
}
#mv-lp .flex .form .mw_wp_form .form_toiawase .form-bottom {
  background: url(../images/mv/form_bottom.png) no-repeat;
  background-size: cover;
  aspect-ratio: 500/9;
}
#mv-lp .flex .form .mw_wp_form .error {
  font-size: min(2vw, 15px);
  font-weight: bold;
  background-color: rgba(186,0,0,0.6);
  color: #FFF;
  margin-top: 1%;
  padding-left: 6%;
  width: 45%;
  border-radius: 15px;
  /* font-size: min(0.8vw, 8px); */
}



#mv-lp .flex .form .mw_wp_form.mw_wp_form_complete .completion-message.flex {
  flex-direction: column;
  height: 100%;
}
#mv-lp .flex .form .mw_wp_form.mw_wp_form_complete .completion-message p {
  letter-spacing: normal;
  /* font-size: min(1.4vw, 16px);
  padding-bottom: 8%;
  color: #bf9d58; */
}
#mv-lp .staff {
  position: absolute;
  width: 30%;
  left: 36%;
  bottom: 0%;
}
.mw_wp_form_complete .completion-title {
  text-align: center;
  border: solid 2px #ff0000;
  color: #ff0000;
  padding: 3%;
  margin: 10px 0 30px;
  letter-spacing: normal;
  font-size: min(22px,1.4vw);
  font-weight: 600;
}
.mw_wp_form_complete .completion-text {
  font-size: min(16px,1.4vw);
  margin-bottom: 4%;
  color: #080808;
}
@media (max-width: 999px) {
  #mv-lp .staff {
    /* left: 23vw; */
    width: 30%;
    left: 36%;
    /* bottom: -316px; */
  }

}
@media (max-width: 760px) {
  #mv-lp {
    margin-top: 0;
    padding-top: 10px;
    background: url(../images/mv/lp/bg_s2.jpg) no-repeat center;
    background-size: cover;
    aspect-ratio: 1353/3774;
  }
  #mv-lp .flex {
    display: block;
  }
  #mv-lp .flex .img {
    width: 100%;
    max-width: none;
    padding-bottom: 4%;
  }
  #mv-lp .flex .form {
    width: 80%;
    max-width: none;
    margin: -30px 40px;
    position: absolute;
    /* /* padding-bottom: 59px; */
  }

  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd input[type=text] .error {
    background-color: rgba(183, 0, 0, 0.41);
  }

  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-top .toiawase-title {
    font-size: min(4.5vw, 30px);
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle {
    padding-bottom: 8%;
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle h3 {
    border-radius: 5px;
    font-size: min(4vw, 28px);
    margin-top: 4.5%;
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl {
    display: block;
    padding-bottom: 4.5%;
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dt {
    width: 100%;
    font-size: min(3vw, 16px);
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dt .attention {
    font-size: min(1.5vw, 8px);
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd {
    width: 100%;
    height: 18%;
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd select {
    padding: 4.5%;
    border-radius: 15px;
    background-image: url(../images/mv/select_arrow_s.png);
    background-size: contain;
    font-size: min(16px);
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd input[type=text] {
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.41) inset;
    padding: 4.5% 0 4.5% 4.5%;
    font-size: min(16px);
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle dl dd .error {
    font-size: min(2.6vw, 12px);
    width: 33%;
    padding-left: 4%;
  }
  #mv-lp .flex .form .mw_wp_form .form_toiawase .form-middle .annotation {
    font-size: min(10px);
  }
  .mw_wp_form_complete .completion-title {
    font-size: min(22px,3.4vw);
    font-weight: 600;
  }
  .mw_wp_form_complete .completion-text {
    font-size: min(16px,3.4vw);
    margin-bottom: 4%;
  }
}
@media (max-width: 400px) {
  .mw_wp_form_complete .completion-title {
    font-size: min(22px,3.4vw);
    font-weight: 600;
  }
  .mw_wp_form_complete .completion-text {
    font-size: min(16px,3.4vw);
    margin-bottom: 4%;
  }
}

/* swiper */

.swiper01{
  position: relative;
  padding: 50px 0;
  background-color: #fff;
}
.lineup .swiper_box {
  width: 350px;
  /* width: 26%; */
  /* border: 1px solid #b9b9b9;
  background: #fff; */
}

.lineup .swiper_box.swiper-slide {
  opacity: 0.2;
  transform: scale(0.8);
  transition: 1s;
}

.lineup .swiper_box.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  transition: 1s;
}

.lineup .swiper_box .upper {
  position: relative;
}

.lineup .swiper_box .upper .catch {
  position: absolute;
  top: 20px;
  left: 15px;
}

.lineup .swiper_box .upper .catch span {
  display: inline-block;
  border: 1px solid #ff8213;
  color: #ff8213;
  background: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 3px 20px;
  font-size: 20px;
  line-height: 1;
}

.lineup .swiper_box .upper .off {
  position: absolute;
  bottom: 10px;
  right: 5px;
  color: #fff;
  line-height: 1;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 0px 0px 5px #b88d07;
  background-image:url(./images/immediate_off.png);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  width: 126px;
  height: 126px;
  padding-top: 14px;
}

.lineup .swiper_box .upper .off .num {
  font-size: 48px;
  font-weight: bold;
}

.lineup .swiper_box .lineup_title {
  background: #ff8213;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 20px;
  line-height: 1.4;
  text-align: center;
}

.lineup .swiper_box .lower {
  text-align: center;
  padding: 5px 8px 20px;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,143,61,1)100%);
}

.lineup .swiper_box .lower .subsidy {
  width: 77%;
  margin: 0 auto 5px;
}

.lineup .swiper_box .lower .subsidy img {
  width: 100%;
}

.lineup .swiper_box .lower .regular_price {
  line-height: 1;
}

.lineup .swiper_box .lower .discount {
  display: flex;
  border: 2px solid #ff0000;
  border-radius: 20px;
  font-size: 18px;
  line-height: 1.5;
  margin-top: 10px;
  overflow: hidden;
}

.lineup .swiper_box .lower .discount .bg-white {
  background-color: #fff;
  width: 50%;
}

.lineup .swiper_box .lower .discount .bg-red {
  background-color: #ff0000;
  width: 50%;
  color: #fff;
  font-weight: bold;
}

.lineup .swiper_box .lower .arrow {
  display: block;
  color: #ff0000;
  font-size: 17px;
  letter-spacing: 0.05em;
}

.lineup .swiper_box .lower .limited_price {
  line-height: 1;
  font-size: 22px;
  font-weight: bold;
  color: #2e2e2e;
}

.lineup .swiper_box .lower .limited_price span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.lineup .swiper_box .lower .limited_price .label {
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.05em;
  background-color: #ff0000;
  border-radius: 10px;
  padding: 6px;
}

.lineup .swiper_box .lower .limited_price .num {
  font-size: 48px;
  color: #ff0000;
  padding: 0 10px;
  letter-spacing: 0.05em;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
  filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.4));
}

.lineup .swiper_box .lower .limited_price .tax {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 10px;
  margin-left: 5px;
}

.lineup .swiper_box .lower .komikomi {
  width: 43%;
  margin: 10px auto;
}

.lineup .swiper_box .lower .komikomi img {
  width: 100%;
}

.lineup .swiper_box .lower .mark span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 0 5px 5px 0;
  background: #fa5050;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 7px 10px 10px;
  font-size: 16px;
}

.lineup .swiper_box .lower .appeal {
  margin-bottom: 0;
}

.swiper-button-next,
.swiper-button-prev {
  width: 15%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: block;
  color: #fff;
  background-color: #101010;
  width: 100%;
  max-width: 100px;
  height: auto;
  aspect-ratio: 1 / 1;
  text-align: center;
  border-radius: 50px;
  font-size: min(3vw, 4.5rem);
  line-height: 2;
}

.lineup .note {
  color: #ff0000;
  text-align: center;
}

.dli-arrow-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: 51%;
  left: 96%;
  width: 50px;
  height: 0.1em;
  background: currentColor;
  
}

.dli-arrow-right::before {
  content: '';
  width: 35px;
  height: 36px;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}

.dli-arrow-left {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: 51%;
  width: 50px;
  height: 0.1em;
  background: currentColor;
}

.dli-arrow-left::before {
  content: '';
  width: 35px;
  height: 36px;
  border: 0.1em solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: -0.05em;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px){
  .lineup .accordion-area__title {
    font-size: 38px;
  }
  .lineup .accordion-area h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .lineup .accordion-area table tr th, .lineup .accordion-area table tr td {
      font-size: 18px;
  }
  .lineup .accordion-area table tr td span {
    font-size: 12px;
  }
}

@media only screen and (max-width: 600px){
  .lineup .accordion-area section {
    padding: 40px 0;
  }
    .lineup .accordion-area__box .accordion-area__box__wrap {
      width: 48%;
  }
    .lineup .accordion-area__title {
      padding: 0 20px;
  }
  .lineup .accordion-area__title::before,
  .lineup .accordion-area__title::after {
    right: 20px;
  }
  .lineup .accordion-area__box3 {
    padding: 40px 20px 0;
  }
  .lineup .accordion-area h4 {
    font-size: 18px;
  }
  .lineup .accordion-area__title {
    font-size: 30px;
  }
    .lineup .accordion-area table tr th, .lineup .accordion-area table tr td {
      font-size: 16px;
  }
  .lineup .accordion-area table tr td span {
    font-size: 10px;
  }
}

@media only screen and (max-width: 480px){
  .lineup .accordion-area .close + .accordion-area__box {
    display: block;
}
.lineup .accordion-area__box .accordion-area__box__wrap {
  width: 100%;
}
.lineup .accordion-area__box .accordion-area__box__wrap:not(:last-of-type) {
  margin-bottom: 40px;
}
}

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

  #immediate h2 .upper {
    font-size: 2.2vw;
  }

  #immediate h2 {
    margin-bottom: 5%;
  }

  #immediate h2 .lower {
    font-size: 4vw;
  }

  #immediate h2 .lower::before {
    width: 7%;
    height: 0;
    padding: 0 0 7%;
  }

  .lineup {
    margin-bottom: 2%;
  }

  .lineup .swiper_box .upper .catch {
    top: 4%;
    left: 4%;
  }

  .lineup .swiper_box .upper .catch span {
    font-size: 1.8vw;
    padding: 5% 15px;
  }

  .lineup .swiper_box .upper .off {
    width: 33%;
    height: auto;
    padding: 3%;
    font-size: 2vw;
  }

  .lineup .swiper_box .upper .off .num {
    font-size: 4vw;
  }

  .lineup .swiper_box .lineup_title {
    font-size: 1.6vw;
    padding: 2% 4%;
  }

  .lineup .swiper_box .lower {
    padding: 1% 2% 4%;
  }

  .lineup .swiper_box .lower .subsidy {
    width: 77%;
    margin: 0 auto 2%;
  }

  .lineup .swiper_box .lower .discount {
    font-size: 1.5vw;
    margin-top: 2%;
  }

  .lineup .swiper_box .lower .limited_price {
    font-size: 2vw;
  }

  .lineup .swiper_box .lower .limited_price .label {
    font-size: 1.2vw;
  }
    
  .lineup .swiper_box .lower .limited_price .num {
    font-size: 3vw;
    padding: 0 2% 1%;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
  }
  
  .lineup .swiper_box .lower .limited_price .en {
    font-size: 1.6vw;
  }

  .lineup .swiper_box .lower .limited_price .tax {
    font-size: 1vw;
    margin-left: 1%;
  }

  .lineup .swiper_box .lower .komikomi {
    margin: 3% auto;
  }

  .lineup .swiper_box .lower .mark span {
    margin: 0 1% 1% 0;
    padding: 2% 4% 3%;
    font-size: 1.2vw;
  }

  .lineup .swiper_box .lower .appeal {
    margin-bottom: 0;
  }

}

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

  #immediate h2 .upper {
    font-size: 4vw;
  }

  #immediate h2 .lower {
    font-size: 7vw;
  }

  #immediate h2 .lower::before {
    width: 7%;
    height: 0;
    padding: 0 0 7%;
  }

  .lineup {
    /* width: 89%; */
    margin:0 auto 4%;
    margin-top: 160px;
  }

  .lineup .swiper_box {
    width: 310px;
    /* width: 89%; */
  }

  .lineup .swiper_box .upper .img img {
    width: 100%;
  }
  
  .lineup .swiper_box .upper .catch span {
    font-size: 2.4vw;
  }

  .lineup .swiper_box .upper .off {
    font-size: 5.333333333333334vw;
    bottom: 3%;
    right: 1%;
  }

  .lineup .swiper_box .upper .off .num {
    font-size: 10.8vw;
  }

  .lineup .swiper_box .lineup_title {
    font-size: 4.266666666666667vw;
    padding: 2% 5%;
  }

  .lineup .swiper_box .lower .regular_price {
    font-size: 3.6vw;
  }

  .lineup .swiper_box .lower .discount {
    width: 86%;
    margin: 2% auto 0;
    font-size: 3.6vw;
    border-radius: 15px;
  }

  .lineup .swiper_box .lower .arrow {
    font-size: 3.733333333333334vw;
  }

  .lineup .swiper_box .lower .limited_price {
    font-size: 2.4vw;
  }

  .lineup .swiper_box .lower .limited_price .label {
    font-size: 4.533333333333333vw;
  }
    
  .lineup .swiper_box .lower .limited_price .num {
    font-size: 10.9vw;
  }

  .lineup .swiper_box .lower .limited_price .en {
    font-size: 5vw;
  }

  .lineup .swiper_box .lower .limited_price .tax {
    font-size: 3.2vw;
  }

  .lineup .swiper_box .lower .mark span {
    font-size: 3.6vw;
    padding: 2%;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 14%;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 6.2vw;
  }

  .lineup .note {
    font-size: 2.3vw;
  }

}



/* トップページ */
.sale-banner-item {
  margin-top: 210px;
}
#expensive_maker {
  position: relative;
  top: -140px;
  margin-bottom: -140px;
  padding-bottom: 50px;
  text-align: center;
  background: url(../images/top/expensive_maker/bg.png) no-repeat center bottom;
  background-size: cover;
}
#expensive_maker:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 140px;
  margin-left: 50%;
  background-color: #000;
  z-index: 1;
}
#expensive_maker .inner {
  z-index: 2;
}
#expensive_maker .h2tit {
  /* margin-bottom: 50px; */
  margin-top: 100px;
  padding-top: 20px;
  padding-bottom: 50px;
  /* background-color: #000; */
  background-size: 50%;
  background-position: 100% 0;
  border-radius: 30px 0 0 0;
}
#expensive_maker .h2tit h3 br {
  display: none;
}
#expensive_maker ul {
  margin-bottom: 20px;
  /* background-color: #000; */
}
#expensive_maker ul li {
  position: relative;
  max-width: 224px;
  width: 24%;
  margin-bottom: 30px;
}
#expensive_maker ul li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#expensive_maker p {
  font-size: 20px;
  font-weight: bold;
}
/*2022.12.1YouTube追加*/
#expensive_maker .common-wrapper .inner p:nth-child(3) {
  margin-bottom: 50px;
}
#expensive_maker .youtube iframe {
  margin-bottom: 50px;
}
@media (max-width: 960px) {
  #expensive_maker .common-wrapper .inner p:nth-child(3) {
    margin-bottom: 30px;
  }
  #expensive_maker .youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 30px;
  }
  #expensive_maker .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 30px;
}
.kimu.pc {
  width: 80%;
  margin: 0 auto;
}
.kimu.sp {
  width: 100%;
  margin: 0 auto;
}
/* 追加_0806 */

@media (max-width: 760px){
#expensive_maker .h2tit {
  margin-top: 50px;
  padding-top: 0px;
  padding-bottom: 20px;
  /* background-color: #000; */
  background-size: 50%;
  background-position: 100% 0;
  border-radius: 30px 0 0 0;}
}

@media (max-width: 760px){
.youtube {
  /* position: relative;
  top: -140px;
  margin-bottom: -140px;
  padding-bottom: 50px;
  text-align: center;
  background-size: cover; */
}
}
/* 追加_0806 */

/* 追加_0730 */
#expensive_maker .txt4{
  font-size: min(2.4rem, 4vw);
}

.youtube{
  background-color: #000;
  text-align: center;
  padding: 20px;
}

.youtube_title{
  padding: 10px;
  text-align: center;
  font-size: min(38px, 3vw);
  color: #fff;
  font-style: oblique;
}
/* 追加_0730 */
@media (max-width: 760px) {
  #expensive_maker {
    background: url(../images/top/expensive_maker/bg_s.png) no-repeat center bottom;
    background-size: cover;
  }
  #expensive_maker .h2tit {
    margin-bottom: 30px;
    background-color: inherit;
  }
  #expensive_maker .h2tit h3 br {
    display: block;
  }
  #expensive_maker ul li:nth-child(1), #expensive_maker ul li:nth-child(2), #expensive_maker ul li:nth-child(3), #expensive_maker ul li:nth-child(8), #expensive_maker ul li:nth-child(9), #expensive_maker ul li:nth-child(10) {
    width: 32%;
  }
  #expensive_maker ul li:nth-child(11), #expensive_maker ul li:nth-child(12), #expensive_maker ul li:nth-child(13), #expensive_maker ul li:nth-child(14), #expensive_maker ul li:nth-child(15) {
    width: 19%;
  }
  #expensive_maker P {
    font-size: min(48px, 4vw);
  }
}
.buying_items .bgImg {
  padding: 80px 0 110px;
  background: url(../images/top/buying_items/bg.jpg) no-repeat center;
  background-size: cover;
}
.buying_items .h2 {
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 450px) {
  .buying_items .h2 {
    margin-top: -20px;
}
}
.buying_items .h2 br:nth-of-type(1) {
  display: none;
}
.buying_items .box {
  padding: 50px 0;
  color: #fff;
  background-color: #bf9d58;
}
.buying_items .box ul {
  max-width: 1200px;
  width: 94%;
  margin: 0 auto 20px;
}
.buying_items .box ul li {
  max-width: 271px;
  text-align: center;
}
.buying_items .box ul li h3 {
  font-size: min(3rem, 3vw);
}
.buying_items .box p:nth-of-type(1) {
  max-width: 1110px;
  width: 94%;
  margin: 0 auto 20px;
  font-size: min(24px, 2.4vw);
}
@media (max-width: 450px) {
  .buying_items .box p:nth-of-type(1) {
    max-width: 1110px;
    width: 94%;
    margin: 0 auto 20px;
    font-size: min(24px, 3.4vw);
}
.buying_items .box ul li h3 {
  font-size: min(3rem, 5vw);
}
}
.buying_items .box p:nth-of-type(2) {
  width: 96%;
  margin: auto;
  font-size: min(30px, 3.6vw);
  text-align: center;
}
.buying_items .box p:nth-of-type(2) br {
  display: none;
}
@media (max-width: 1080px) {
  .buying_items .h2 span {
    display: none;
  }
  .buying_items .h2 br:nth-of-type(1) {
    display: block;
  }
}
@media (max-width: 760px) {
  .buying_items .bgImg {
    padding: 50px 0;
  }
  .buying_items .box p:nth-of-type(2) br {
    display: block;
  }
}
@media (max-width: 450px) {
  .buying_items .box ul li h3 {
    font-size: 1.8rem;
  }
}

#buying_trip {
  padding: 60px 0 100px;
  text-align: center;
  background: url(../images/top/buying_trip/bg.jpg) no-repeat center;
  background-size: cover;
}
#buying_trip .upper {
  margin-bottom: 30px;
}
#buying_trip .upper h2 {
  max-width: 663px;
}
#buying_trip .upper .logo {
  max-width: 494px;
}
#buying_trip .lower {
  align-items: center;
}
#buying_trip .lower .flex div {
  max-width: 394px;
  width: 35%;
}
#buying_trip .lower .flex p:last-of-type {
  width: 60%;
  color: #fae9df;
  text-align: left;
}

/* 追加_0814 */

/* 追加_0814 */
@media (max-width: 450px) {
  #buying_trip{
  padding: 5px 0 38%;
  }
  #buying_trip p {
  font-size: 1.4rem;
   line-height: 1.8;
  }
  }

  /* 追加_0717 */
.buying_trip-box{
  position: absolute;
    padding: 1em 2em;
    margin: 2em 0;
    background: #a3906b;
    border-radius: 30px;
    margin: 8% 10%;
    top: 75%;
    color: #fff;
    font-family: 'Hiragino Sans';
}
/* 追加_0717 */

/* 追加_0806 */
@media (max-width: 760px) {  
  #buying_trip {
  padding: 0% 0 15%;
}
  .buying_trip-box {
    position: absolute;
    padding: 1em 1em;
    background: #a3906b;
    border-radius: 15px;
    margin: 33% 0%;
    top: 45%;
    font-size: 21.3px;
    color: #fff;
    font-family: 'Hiragino Sans';
    /* line-height: 100%; */
}
}
@media (max-width: 760px) {
  #buying_trip .lower .flex div {
    width: 100%;
    max-width: inherit;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #buying_trip .lower .flex div p {
    margin: 0 1%;
  }
  #buying_trip .lower .flex div p.logo {
    width: 65%;
  }
  #buying_trip .lower .flex p:last-of-type {
    width: 100%;
  }
}
@media (max-width: 450px) {
  #buying_trip {
    padding: 0% 0 33%;
  }
  #buying_trip .lower .flex div {
    display: block;
  }
  #buying_trip .lower .flex div p:first-of-type {
    width: 80%;
    margin: 0 auto 20px;
  }
  #buying_trip .lower .flex div p.logo {
    width: 100%;
  }
}

#buying_number {
  padding: 50px 0;
  color: #fff;
  background: url(../images/top/buying_number/bg2.png) no-repeat center;
  background-size: cover;
}
#buying_number h2 {
  width: 100%;
  margin: 0 0 30px;
}
#buying_number p {
  max-width: 870px;
  width: 100%;
  line-height: 2.5;
}

@media (max-width: 450px) {
#buying_number p {
font-size: 3.5vw;}
}

/* 追加0717 */
.icon2{
  margin: auto;
}
/* 追加0717 */
@media (max-width: 760px) {
  #buying_number {
    padding-top: 30px;
    /* padding-bottom: 260px; */
    /* background: url(../images/top/buying_number/bg_s.jpg) no-repeat top center; */
    background-size: cover;
  }
}

/* 追加0718 */
.txtArea2{
  display: flex;
  justify-content: center;
  margin: 6% auto;
}
.flex.img2{
  margin: 5% auto;
}
.txt2{
  padding: 1.5em 1em;
  margin: -2em 0;
  border: solid 4px #a3906b;
  font-size: 153%;
  font-family: 'Hiragino Sans';
}

@media (max-width: 450px) {
  .txtArea2 .txt2 {
    margin: -2em 0;
    font-size: 16px;
    line-height: 2;
}
.txtArea2{
margin: 33% auto 13%;
}
#broken.fadeInUp .sp .img1 {
  width: 100%;
  margin: -29% 0px;
  background-color: #484848;
} 
#broken.fadeInUp .sp .img2 {
  width: 80%;
  margin: 33% 10%;
}
#broken.fadeInUp .sp .img3 {
  width: 100%;
  margin: -20% auto;
}
}

/* 追加0718 */
#broken {
  padding: 30px 0 100px;
  background: url(../images/top/broken/bg.png) no-repeat center;
  background-size: cover;
}
#broken .h2tit {
  margin-bottom: 100px;
}
#broken .h2tit h2 span:nth-of-type(1) {
  display: none;
}
#broken .h2tit h2 br {
  display: none;
}
#broken h4, #broken p {
  color: #fae9df;
}
#broken h4 {
  margin-bottom: 40px;
  font-size: min(24px, 4.5vw);
}
/* #broken p {
  font-size: min(22px, 4vw);
} */
@media (max-width: 760px) {
  #broken {
    padding: 30px 0 0;
  }
  #broken .img1 {
    padding-bottom: 30px;
  }
  #broken .img2 {
    padding-bottom: 30px;
  }
  #broken .img3 {
    padding-bottom: 50px;
  }
  #broken .txtArea2 .txt2 {
    margin-bottom: 30px;
  }
  #broken .h2tit {
    margin-bottom: 50px;
  }
  #broken .h2tit h2 span:nth-of-type(1) {
    display: inline-block;
  }
  #broken .h2tit h2 span:nth-of-type(2) {
    display: none;
  }
  #broken .h2tit h2 br {
    display: block;
  }
  #broken .h2tit h3 {
    font-size: 4.8vw;
  }
  #broken .h2tit .icon {
    max-width: 156px;
    width: 25%;
    margin: 0 auto 15px;
  }
}
@media (max-width: 450px) {
  #broken {
    padding: 34% 0 0;
  }
  #broken .img1 {
    padding: 10px 10px;
  }
  }
#free_business_trip {
  padding: 50px 0;
  background: url(../images/top/free_business_trip/bg2.png) no-repeat center;
  background-size: 100%;
}
#free_business_trip .tit {
  position: relative;
}
#free_business_trip .tit h2 {
  position: relative;
  font-size: min(56px, 6vw);
  z-index: 3;
}
#free_business_trip .tit p {
  font-size: min(30px, 3.6vw);
  font-weight: bold;
}
#free_business_trip .tit p span {
  font-size: 120%;
}
#free_business_trip .tit:after {
  content: "";
  position: absolute;
  top: 70%;
  right: 0;
  width: 48%;
  height: 2px;
  margin-left: 52%;
  background-color: #bf9d58;
  z-index: 1;
}
#free_business_trip .tit:before {
  content: "";
  position: absolute;
  top: 70%;
  left: 0;
  max-width: 590px;
  width: 65%;
  height: 2px;
  background-color: #000;
  z-index: 2;
}
#free_business_trip h4 {
  margin-bottom: 40px;
}
#free_business_trip dl {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  font-size: min(20px, 2.1vw);
}
#free_business_trip dl:last-child {
  margin-bottom: 0;
}
#free_business_trip dl dt {
  position: relative;
  width: 16%;
  padding-right: 2%;
  text-align: right;
}
#free_business_trip dl dt:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 1px;
  height: 20px;
  background-color: #bf9d58;
}
#free_business_trip dl dd {
  width: 82%;
  padding-left: 2%;
}
@media (max-width: 760px) {
  #free_business_trip {
    background: url(../images/top/free_business_trip/bg_s.png) no-repeat bottom center;
    background-size: 100%;
  }
  #free_business_trip h4 {
    margin-bottom: 0;
  }
  #free_business_trip dl {
    font-size: 3vw;
  }
}
@media (max-width: 450px) {
  #free_business_trip {
    padding-bottom: 30px;
  }
}

#buying_service {
  padding: 100px 0;
  background: url(../images/top/buying_service/bg.jpg) no-repeat center;
  background-size: cover;
}
#buying_service ul li {
  max-width: 270px;
}
#buying_service ul li h3 {
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  #buying_service {
    background: url(../images/top/buying_service/bg_s.jpg) no-repeat center;
    background-size: cover;
  }
}
@media (max-width: 450px) {
  #buying_service {
    padding: 50px 0;
  }
}

#buying_push {
  padding: 70px 0 100px;
  background: url(../images/top/buying_push/bg.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width: 450px) {
  #buying_push {
    padding: 30px 0 45px;
  }
}

#buying_push .inner {
  max-width: 1040px;
  width: 100%;
  margin: auto;
}
#buying_push .inner h2 {
  position: relative;
  max-width: 1002px;
  width: 100%;
  margin: 0 auto 40px;
  z-index: 2;
}
#buying_push .inner ul {
  position: relative;
  z-index: 2;
}
#buying_push .inner ul li {
  margin-left: 2em;
  font-size: min(36px, 3vw);
  font-weight: bold;
  text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
  list-style-type: disc;
  color: #a36e6b;
}
#buying_push .inner p:nth-of-type(1) {
  position: relative;
  max-width: 873px;
  width: 100%;
  margin: 40px auto 0;
  z-index: 2;
}
#buying_push .inner p:nth-of-type(2) {
  position: absolute;
  top: 20%;
  right: 0;
  max-width: 279px;
  width: 27%;
  z-index: 1;
}
@media (max-width: 450px) {
  #buying_push {
    padding: 50px 0;
  }
}

#reason_worries {
  position: relative;
}
#reason_worries .upper {
  padding: 100px 0 50px;
  background: url(../images/top/reason/bg_tit2.png) no-repeat center;
  background-size: 220%;
}
@media (max-width: 450px) {
  #reason_worries .upper {
  background-size: 665%;
}
}
.reason_worries_txt {
  font-size: 3.6vw;
    padding: 30px 174px;
    color: #fff;
    font-family: serif;
    display: flex;
    justify-content: center;
}
@media (max-width: 760px) {
  .reason_worries_txt {
    margin: 0;
    font-size: 184%;
    padding: 25px 45px;
    display: flex;
    justify-content: center;
}
}
/* 追加0720 */
.flex.flex1.col4 {
  color: #fff;
  /* margin: 100px auto; */
}

.flex.flex1.col5 {
  color: #fff;
  margin-bottom: 100px;
}

/* 追加0720 */
#reason_worries .upper h2 {
  max-width: 988px;
  width: 96%;
  margin: auto;
}
@media (max-width: 760px) {
  #reason_worries .upper {
    padding: 50px 0;
  }
}
@media (max-width: 450px) {
  #reason_worries .upper {
    padding: 30px 0;
  }
}
#reason_worries .lower {
  position: relative;
  padding: 50px 0 0;
  background: #000 url(../images/top/reason/bg01.png) no-repeat center;
  background-size: cover;
  z-index: 1;
}
#reason_worries .lower .right {
  position: absolute;
  top: 25%;
  right: 0;
  max-width: 775px;
  width: 50%;
  z-index: 2;
}
@media (max-width: 760px) {
  #reason_worries .lower .right {
    top: 2%;
    width: 65%;
  }
}
#reason_worries #reason {
  position: relative;
  z-index: 3;
}
#reason_worries #reason ul li {
  max-width: 270px;
}
#reason_worries #reason ul li h3 {
  margin-bottom: 5px;
  font-size: min(30px, 3.6vw);
  text-align: center;
}
#reason_worries #worries {
  position: relative;
  z-index: 3;
}
#reason_worries #worries h2 {
  margin-bottom: 40px;
  font-size: min(36px, 4vw);
  text-align: center;
}
#reason_worries #worries .worries01 h3 {
  max-width: 527px;
  width: 80%;
  margin: 0 auto 60px;
}
#reason_worries #worries .worries01 .flex {
  margin-bottom: 20px;
  justify-content: space-between;
}
#reason_worries #worries .worries01 .flex .left p {
  max-width: 611px;
}
#reason_worries #worries .worries01 .flex .txt p {
  max-width: 504px;
}
#reason_worries #worries .worries02 {
  color: #fff;
}
#reason_worries #worries .worries02 .h3tit {
  /* margin-bottom: 50px; */
}
#reason_worries #worries .worries02 .h3tit h3 {
  max-width: 740px;
}
#reason_worries #worries .worries02 .h3tit p.img {
  max-width: 233px;
}
#reason_worries #worries .worries02 ul {
  margin-bottom: 50px;
}
#reason_worries #worries .worries02 ul li {
  max-width: 270px;
}
#reason_worries #worries p.txt {
  margin-top: 10px;
  text-align: center;
}
.worries02 li p.txt.pc-only {
  margin-top: 10px;
  text-align: center;
}
.worries02 li p.txt.sp-only {
  font-size: 21px;
  text-align: center;
}
#reason_worries #worries .worries02 p:nth-of-type(1) {
  text-align: center;
  font-size: min(30px, 4vw);
  font-weight: bold;
}
#reason_worries #worries .worries02 p.arrow {
  max-width: 61px;
  width: 10%;
  margin: 50px auto 0;
}
/* 追加_0722 */
.worries01_04{
  position: relative;
  margin: -5% auto;
}
.worries01_05{
  margin: 3% auto;
}
img.lazyloaded[src*="worries01_05.png"]{
  width: 100%;
}
#reason_worries p.txt.pc-only {
  display: block;
}
#reason_worries p.txt.sp-only {
  display: none;
}
@media (max-width: 450px) {
#reason_worries p.txt.sp-only {
  display: block;
  font-size: 14.4px;
  text-align: center;
}
#reason_worries p.txt.pc-only {
  display: none;
}
}


/* 追加_0722 */
@media (max-width: 760px) {
  #reason_worries #worries h2 {
    margin-bottom: 20px;
  }
  #reason_worries #worries .worries01 .flex {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  #reason_worries #worries .worries01 .flex .left, #reason_worries #worries .worries01 .flex .txt {
    margin: 0 1%;
  }
  #reason_worries #worries .worries02 .h3tit {
    flex-wrap: nowrap;
    /* align-items: flex-end; */
  }

  #reason_worries #worries .worries02 .h3tit h3 {
    width: 70%;
  }
  #reason_worries #worries .worries02 .h3tit p.img {
    width: 25%;
  }
  #reason_worries #worries .worries02 ul li {
    width: 44%;
    display: flex;
    flex-direction: column;
    margin: 12px auto;
    /* max-width: 540px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
    align-items: center; */
  }
  #reason_worries #worries .worries02 ul li p {
    width: 100%;
  }
  #reason_worries #worries .worries02 ul li p :nth-of-type(2) {
    text-align: center;
  }

  /* 追加_240815 */
  /* #reason_worries #worries .worries02 ul li:nth-child(even) p:nth-of-type(2) {
    order: -1;
  } */  
  /* 追加_240815 */

  #reason_worries #worries .worries02 ul li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 450px) {
  #reason_worries #worries .worries01 h3 {
    margin-bottom: 30px;
  }
  #reason_worries #worries .worries02 ul li {
    margin-bottom: 30px;
  }
}
#reason_worries #buying_leave {
  position: relative;
  top: 0;
  margin-top: 50px;
  margin-bottom: -20px;
  padding: 0;
  background: url(../images/top/buying_leave/bg.png) no-repeat center;
  background-size: cover;
  z-index: 4;
}
#reason_worries #buying_leave .inner {
  z-index: 3;
}
#reason_worries #buying_leave p {
  position: absolute;
  top: 25%;
  left: 23%;
  right: 0;
  /* max-width: 740px; */
  /* width: 90%; */
  /* margin-left: 18%; */
  font-size: min(39px, 3vw);
  color: #fae9df;
  font-family: 'Hiragino Sans';
  line-height: 1.9;
}
@media (max-width: 760px) {
  #reason_worries #buying_leave {
    margin-bottom: 30px;
    background: url(../images/top/buying_leave/bg_s.png) no-repeat center;
    background-size: cover;
  }
  #reason_worries #buying_leave p {
    top: 18%;
    line-height: 23px;
  }
}
#reason_worries #buying_step {
  position: relative;
  top: 0;
  /* margin-bottom: -20px; */
  padding: 45px 0 45px;
  background: #000 url(../images/top/buying_step/bg.png) no-repeat center;
  background-size: cover;
  z-index: 1;
}
#reason_worries #buying_step p {
  max-width: 989px;
  width: 90%;
  margin: auto;
}
@media (max-width: 760px) {
  #reason_worries #buying_step {
    background: url(../images/top/buying_step/bg_s.jpg) no-repeat center;
    background-size: cover;
  }
}
@media (max-width: 450px) {
  #reason_worries #buying_step {
    padding: 60px 0;
  }
}

#workshop {
  padding: 0 0 100px;
  text-align: center;
  background: url(../images/top/workshop/bg.jpg) no-repeat center;
  background-size: cover;
  color: #bf9d58;
}

@media (max-width: 450px) {
  #workshop {
  padding: 20px 0 20px;
}
#workshop h2 {
  max-width: 700px;
  width: 80%;
  margin: 0 auto 60px;
}
}
#workshop p {
  font-size: min(36px, 3.6vw);
  /* font-weight: bold; */
}
#workshop p br:nth-of-type(1), #workshop p br:nth-of-type(3) {
  display: none;
}
#workshop .logo {
  max-width: 494px;
  width: 60%;
  margin: 30px auto 0;
}
@media (max-width: 760px) {
  #workshop h2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #workshop P br:nth-of-type(1), #workshop P br:nth-of-type(3) {
    display: block;
  }
}
@media (max-width: 450px) {
  #workshop {
    padding: 50px 0;
  }
}

@media (max-width: 450px) {
  #workshop p {
    font-size: min(36px, 3.8vw);
    font-weight: bold;
    line-height: 37px;}
}


#something {
  padding-top: 120px;
  color: #fff;
}
#something .something01 {
  margin-bottom: 60px;
}
#something .something01 ul {
  margin-bottom: 50px;
}
#something .something01 ul li {
  max-width: 300px;
}
#something .something02 .flex {
  margin-bottom: 50px;
  align-items: center;
}
#something .something02 .left {
  margin-right: 1%;
}
#something .something02 .left h2 {
  max-width: 577px;
  margin-bottom: 15px;
}
#something .something02 .left h3 {
  margin-bottom: 15px;
  font-size: min(36px, 3.1vw);
}
#something .something02 .right {
  margin-left: 1%;
}
#something .something02 .right img {
  max-width: 574px;
}
#something .something03 ul {
  flex-wrap: wrap;
  justify-content: space-between;
}
#something .something03 ul li {
  max-width: 271px;
  width: 24%;
  padding: 10px 5px;
  text-align: center;
  font-size: min(24px, 2.3vw);
  background-color: #a36e6b;
}
#something .something04 {
  position: relative;
}
/* #something .something04 h2 {
  max-width: 973px;
  margin-left: 150px;
  margin-right: 10%;
  padding-bottom: 100px; */
/* } */
#something .something04 p {
  position: absolute;
  left: -4%;
  bottom: 0;
  max-width: 271px;
  width: 25%;
}
/* 追加_0722 */
.something02{
  background-color: #ad935e;
}
/* 追加_0722 */
@media (max-width: 1800px) {
#buying_price p.bgL {
  display: none;
}
}
@media (max-width: 760px) {
  #something {
    padding-top: 60px;
  }
  #something .something01 ul {
    margin-bottom: 30px;
  }
  #something .something02 {
    margin-bottom: 50px;
  }
  #something .something02 h2 {
    max-width: 577px;
    width: 100%;
    margin-bottom: 40px;
  }
  #something .something02 .flex {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  #something .something02 .flex h3 {
    margin: 0 1% 0 0;
  }
  #something .something03 ul {
    padding-bottom: 20px;
    justify-content: inherit;
  }
  #something .something03 ul li {
    width: 32%;
    margin: 0 0.51% 30px;
  }
  #something .something04 h2 {
    margin: 0 auto 50px;
    padding: 0;
  }
  #something .something04 p {
    position: static;
    width: 30%;
    margin: auto;
  }
  .something02.fadeInUp p.sp {
    font-size: min(28px, 3.6vw);
  }
  .something02.fadeInUp h3.sp {
    padding: 10px 0;
    font-size: min(28px, 3.6vw);
    font-weight: bold;
  }
}
@media (max-width: 450px){
  #something .something01 p { 
    font-size: 15px;
    line-height: 27px;
  }
  }

@media (max-width: 450px) {
  #something .something02 .flex {
    margin-bottom: 10px;
  }
  #something .something03 ul li {
    margin-bottom: 15px;
  }
  #something .something04 h2 {
    margin-bottom: 30px;
  }

}

#buying_price {
  position: relative;
  padding: 50px 0 90px;
}
#buying_price p.bgL {
  position: absolute;
  top: 10%;
  left: -20px;
  z-index: 1;
}
#buying_price p.bgR {
  position: absolute;
  top: 25%;
  right: 0;
  z-index: 1;
}
.bgL img {
  width: 100%;
}
#buying_price .buying_price01 {
  position: relative;
  z-index: 2;
}
#buying_price .buying_price01 h2 {
  max-width: 295px;
  width: 60%;
  margin: 0 auto 20px;
}
#buying_price .buying_price01 h3 {
  margin-bottom: 60px;
  text-align: center;
  font-size: min(24px, 3.1vw);
  color: #fff;
}
#buying_price .buying_price01 h3 br {
  display: none;
}
#buying_price .buying_price01 h4 {
  max-width: 577px;
  margin-bottom: 30px;
}
#buying_price .buying_price01 .inner > div {
  margin-bottom: 35px;
}
#buying_price .buying_price01 ul {
  flex-wrap: wrap;
  justify-content: space-between;
}
#buying_price .buying_price01 ul li {
  max-width: 220px;
  width: 19%;
  margin-bottom: 15px;
}
#buying_price .buying_price01 p:nth-of-type(1) {
  max-width: 331px;
  width: 50%;
  margin: auto;
  padding-top: 40px;
}
#buying_price .buying_price02 {
  position: relative;
  z-index: 2;
}
#buying_price .buying_price02 h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: min(48px, 4.5vw);
}
#buying_price .buying_price02 h3 br {
  display: none;
}
#buying_price .buying_price02 .inner > div {
  color: #fae9df;
}
/* #buying_price .buying_price02 .inner > div h4 {
  margin-bottom: 10px;
  font-size: min(36px, 4.2vw);
} */
#buying_price .buying_price02 .flex {
  margin-bottom: 40px;
}
#buying_price .buying_price02 .flex p:nth-of-type(1) {
  max-width: 380px;
  width: 100%;
}
#buying_price .buying_price02 .flex p:nth-of-type(2) {
  max-width: 780px;
  width: 65%;
  /* font-size: min(22px, 2vw); */
}
#buying_price .buying_price03 {
  position: relative;
  padding-top: 40px;
  z-index: 2;
}
#buying_price .buying_price03 .lower {
  position: relative;
}
#buying_price .buying_price03 p.img_R {
  position: absolute;
  top: 0;
  right: 389px;
  width: 30%;
  margin-left: 50%;
  /* position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  margin-left: 50%; */
}
#buying_price .buying_price03 h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: min(48px, 5vw);
}
#buying_price .buying_price03 .inner p {
  width: 49%;
  max-width: 600px;
  color: #fae9df;
}
#buying_price .buying_price03 p:nth-of-type(2) {
  max-width: 444px;
  width: 50%;
  margin: auto;
}
/* 追加_0723 */
#buying_price .buying_price02 .inner > div h4 {
  margin: 6% auto;
  text-align: center;
}
#buying_price .buying_price02 .flex p:nth-of-type(2) {
  font-size: 49px;
  font-family: 'Hiragino Sans';
}
/* 追加_0723 */
@media (max-width: 760px) {
  #buying_price .buying_price01 h3 {
    margin-bottom: 40px;
  }
  #buying_price .buying_price01 h3 br {
    display: block;
  }
  #buying_price .buying_price01 ul {
    justify-content: inherit;
  }
  #buying_price .buying_price01 ul li {
    width: 24%;
    margin: 0 0.5% 10px;
  }
  #buying_price .buying_price01 p:nth-of-type(1) {
    max-width: 331px;
    margin: auto;
    padding-top: 20px;
  }
  #buying_price .buying_price03 p.img_R {
    position: static;
    width: 80%;
    margin: auto;
  }
  #buying_price .buying_price03 .inner p {
    width: 100%;
    margin: 0 auto 30px;
  }
}
/* 追加_0722 */
.image-style{
  width: 100%;
  margin-top: 8%;
}
/* 追加_0722 */
@media (max-width: 450px) {
  #buying_price {
    padding: 50px 0;
  }
  #buying_price .buying_price02 h3 br {
    display: block;
  }
  #buying_price .buying_price02 h4 {
    text-align: center;
  }
  #buying_price .buying_price02 .flex {
    margin-bottom: 40px;
  }
  #buying_price .buying_price02 .flex p:nth-of-type(1) {
    width: 60%;
    margin: 0 auto 15px;
  }
  #buying_price .buying_price02 .flex p:nth-of-type(2) {
    width: 100%;
    font-size: 2.4vw;
  }
}

.buying_price02.fadeInUp p.pc.txt {
  font-size: 36.5px;
    font-family: 'Hiragino Sans';
    line-height: 1.9;
    margin: 3px 90px 0 70px;
}

#buying_flow .h2tit {
  margin-bottom: 50px;
}
#buying_flow table {
  width: 100%;
  margin-bottom: 50px;
  color: #fae9df;
  border: 2px solid #bf9d58;
}
#buying_flow table th {
  width: 260px;
  vertical-align: middle;
  font-size: min(30px, 4vw);
  background-color: #bf9d58;
}
#buying_flow table td {
  width: auto;
  padding: 25px 15px;
}
.bying_flow_content h4.pc.txt {
  font-size: min(36px, 5vw);
  color: #bf9d58;
}
.bying_flow_content h4.sp.txt {
  font-size: min(36px, 9vw);
  font-style: oblique;
  color: #bf9d58;
  margin-top: 45px;
}
#buying_flow .flex p {
  color: #fff;
}

@media (max-width: 450px) {
  #buying_flow .flex p {
    font-size: 18px;
    line-height: 31px;
    margin: 5px auto;
  }
}
/* 追加_0723 */
.buying_flow_title00{
  margin: 1% auto;
}
.buying_flow_icon01{
  margin: 1% auto;
}
.buying_flow_title01{
  margin: 1% auto;
}

.img_R_01{
  width: 60%;
}

.img_R_01 p {
  padding: 20px 44px;
  font-size: 32px;
  line-height: 1.7
}

.bying_flow_img{
  margin: 1% 70% 1% 16%;
}
/* 追加_0723 */

/* 追加_0730 */
.h2tit_icon{
  display: flex;
  justify-content: center;
  margin: 1% 0%;
}

.h2tit_icon .h2 {
  margin: 0 7%;
}

.bying_flow_content .img.col1of2{
  margin: 4% 4% 0 -3%;
}

@media (max-width: 760px) {
  .bying_flow_img.sp.img{
    width: 100%;
    margin: 2px auto;
  }
}
/* 追加_0730 */

@media (max-width: 425px) {
  #buying_flow table th, #buying_flow table td {
    display: block;
    width: 100%;
  }
}

#buying_faq .h2tit {
  margin-bottom: 50px;
}
#buying_faq .accordion_block {
  position: relative;
  max-width: 1150px;
  margin: auto;
  background-color: #503f1d;
}
#buying_faq .accordion_block .img_L {
  position: absolute;
  top: 0;
  left: 2%;
}
#buying_faq .accordion_block .img_R {
  position: absolute;
  right: 0;
  bottom: 0;
}
#buying_faq .accordion_block > div {
  max-width: 740px;
  width: 65%;
  margin: 0 auto 60px;
  padding-bottom: 60px;
}
#buying_faq .accordion_block > div p {
  position: relative;
  padding: 10px 25px;
  background-color: #fff;
  border-radius: 20px;
}
#buying_faq .accordion_block > div .ques {
  margin-bottom: 30px;
  font-size: min(24px, 2.4vw);
}
#buying_faq .accordion_block> div .ques:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7px;
  left: -8px;
  border: 7px solid transparent;
  border-right: 18px solid #fff;
  transform: rotate(-50deg);
}
#buying_faq .accordion_block > div .ans {
  font-size: min(24px, 2.4vw);
  color: #000;
}
#buying_faq .accordion_block > div .ans:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -4px;
  right: -12px;
  border: 7px solid transparent;
  border-right: 18px solid #fff;
  transform: rotate(220deg);
}
#buying_faq p.more {
  max-width: 333px;
  width: 50%;
  margin: auto;
  padding-top: 20px;
}
/*追加＿240725*/
/*==================================================
アコーディオンのためのcss

===================================*/

/*アコーディオン全体*/
.accordion-area{
  list-style: none;
  width: 96%;
  max-width: 900px;
  margin:0 auto;
}

.accordion-area li{
  margin: 45px 0;
}

.accordion-area section {
border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.qanda_q {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size:1rem;
  font-weight: normal;
  padding: 3% 3% 3% 3%;
  transition: all .5s ease;
}

/*アイコンの＋と×*/
.qanda_q::before,
.qanda_q::after{
  position: absolute;
  content:'';
  width: 15px;
  height: 2px;
  background-color: #FFF;
  margin:auto 90%;  
}
.qanda_q::before{
  top:48%;
  left: 15px;
  transform: rotate(0deg);
  
}
.qanda_q::after{    
  top:48%;
  left: 15px;
  transform: rotate(90deg);
  transition: 0.5s;
}
/*　closeというクラスがついたら形状変化　*/
.qanda_q.close::before{
transform: rotate(0deg);
}

.qanda_q.close::after{
transform: rotate(0deg);
transition: 0.5s;
}

/*アコーディオンで現れるエリア*/
.accordion_block {
  /* display: none;はじめは非表示 */
margin:0 3% 3% 3%;
  padding: 3%;
}
@media (max-width: 760px) {
.qanda_q::before {
  top: 48%;
  left: 3px;
}
.qanda_q::after {
  left: 3px;
}
}
/*========= レイアウトのためのCSS ===============*/


h2{
  text-align: center;
  margin: 30px 0;
  font-size: 3rem;
  color: #bf9d58;
}

.qanda_q {
  font-size: 2.4rem;
  color: #fff;
  background-color: #503f1d;
  border-radius: 30px;
  text-align: left;
  font-family: 'Hiragino Sans';
}

.accordion_block {
  /* display: none; */
  background: #503f1d;
  /* margin: 0 3% 3% 3%; */
  padding: 3%;
  color: #fff;
  border-radius: 30px;
}

p {
  margin: 0;
  font-size: 20px;
  /* color: #ffff;
  text-align: left; */
  /* font-family: 'Hiragino Sans'; */
  /* line-height: 2.5; */
}

@media (max-width: 760px) {
  .sp_buying_price02_title_txt  {
  font-weight: bold;
  margin: 3% auto;
  line-height: 37px;
}
}

b{
  margin-right: 3%;
  font-size: 145%;
}

.accordion1{
  background-color: #503f1d;
  border-radius: 30px;
}

.accordion2{
  background-color: #503f1d;
  border-radius: 30px;
}

.accordion3{
  background-color: #503f1d;
  border-radius: 30px;
}

.qanda_a {
  display: block;
  font-size: 2.3rem;
  color: #fff;
  background-color: #503f1d;
  border-radius: 30px;
  text-align: left;
  font-family: 'Hiragino Sans';
  line-height: 2.5;
}
@media (max-width: 760px) {
  .h2tit h3.qanda_q {
    font-size: 1.3rem;
    font-weight: bold;  
  }
.qanda_a {
  font-size: 1.3rem;}
}
/*追加＿240725*/

/* 追加＿0730 */

.box.bgWhite{
 margin-top: 10%;
}

.box.bgWhite p{
  text-align: center;
  margin: 30px 0;
  font-size: 3rem;
  color: #bf9d58;
  font-family: 'Hiragino Sans';
  line-height: 2;
}

.upper.fs20{
  text-align: center;
  margin: 30px 0;
  font-size: 3rem;
  color: #bf9d58;
  font-family: 'Hiragino Sans';
  line-height: 2;
}

.lower.fs20{
  text-align: center;
  margin: 30px 0;
  font-size: 3rem;
  color: #bf9d58;
  font-family: 'Hiragino Sans';
  line-height: 2;
}

.box.bgWhite h2 {
  text-align: center;
  margin: 30px 0;
  font-size: 4rem;
  color: #bf9d58;
  font-family: 'Hiragino Sans';
  line-height: 2;
  padding-top: 4%;
}

.box.bgWhite span{
  font-weight: bold;
}

.box.bgWhite center .txt5{
  padding-bottom: 4%;
}

@media (max-width: 450px) {
  .box.bgWhite p {
    text-align: center;
    margin: 30px 0;
    font-size: 1.3rem;
    color: #bf9d58;
    font-family: 'Hiragino Sans';
    line-height: 2;}
  .upper.fs20 {
    text-align: center;
    margin: 30px 0;
    font-size: 1.3rem;
    color: #bf9d58;
    font-family: 'Hiragino Sans';
    line-height: 2;
  }
.lower.fs20 {
  text-align: center;
  margin: 30px 0;
  font-size: 1.3rem;
  color: #bf9d58;
  font-family: 'Hiragino Sans';
  line-height: 2;}

.box.bgWhite h2 {
  font-size: 2rem;
}
}
@media (max-width: 450px) {
#buying_flow.fadeInUp .h2tit h2.buying_flow_title00  {
  width: 50%;
  margin: 0px auto;
}
}
/* 追加＿0730 */

@media (max-width: 1080px) {
  #buying_faq .accordion_block img {
    width: 100%;
  }
  #buying_faq .accordion_block .img_L {
    left: 0;
    width: 15%;
  }
  #buying_faq .accordion_block .img_R {
    width: 15%;
  }
}
@media (max-width: 760px) {
  #buying_faq p.more {
    padding-top: 0;
  }
}
@media (max-width: 450px) {
  #buying_faq .accordion_block .img_L {
    top: 8%;
  }
  #buying_faq .accordion_block > div {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  #buying_faq .accordion_block > div p {
    padding: 10px 15px;
  }
}

#buying_voice h2 {
  max-width: 788px;
  width: 80%;
  margin: 0 auto 90px;
}
#buying_voice h3 {
  font-size: min(24px, 3vw);
}
#buying_voice ul {
  margin-bottom: 60px;
}
#buying_voice li {
  max-width: 382px;
}
#buying_voice li > div {
  padding: 10px;
  color: #fff;
  /* background-color: #160d01; */
}
#buying_voice li > div P a {
  color: #fff;
}
#buying_voice li > div p:last-of-type {
  margin-top: 10px;
}
#buying_voice p.more {
  max-width: 333px;
  width: 50%;
  margin: auto;
  padding-top: 20px;
}
@media (max-width: 760px) {
  #buying_voice h2 {
    margin-bottom: 40px;
  }
  .buying_area{
    width: 80%;
    margin: 0 auto;
  }
  #buying_voice li {
      margin: 0 auto 15%;
      max-width: 500px;
  }
  #buying_voice li > div {
    padding: 10% 0 0 0;
}
.buying_textArea h3 {
  margin-bottom: 10px;
}
#buying_voice p.more {
  padding: 0;
}
}
@media (max-width: 450px) {
  #buying_voice li .img {
    width: 80%;
    margin: auto;
  }
}

#buying_maker h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: min(46px, 5vw);
}
#buying_maker h3 {
  /* margin-bottom: 50px; */
  text-align: center;
  font-size: min(24px, 3.4vw);
  color: #fff;
}
#buying_maker ul.maker {
  flex-wrap: wrap;
}
.txt1 {
  font-size: 1.4vw;
}
#buying_maker ul.maker li {
  width: 12.4%;
  max-width: 142px;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .txt1 {
    font-size: 3.5vw;
  }
  }
@media (max-width: 450px) {
  #buying_maker h2 {
    margin-bottom: 10px;
  }
  #buying_maker h3 {
    margin-bottom: 25px;
  }
  #buying_maker ul.maker {
    flex-wrap: wrap;
  }
  #buying_maker ul.maker li {
    width: 16.666%;
  }
}

@media (max-width: 430px) {
.buying_flow_title00 {
  text-align: center;
  margin: 0 auto;
  font-size: 3rem;
  color: #bf9d58;
  width: 50%;
}
.buying_flow_title01 {
  width: 75%;
}
}

/* 共通問い合わせ */
/* 追加CTA */
.contact-area {
  background: url(../images/CTA/PC_bg.png) no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 30px;
  padding-bottom: 0;
}
.pd-contact {
  padding-bottom: 11%;
}
/* .contact_bg {
  padding: 30px 0;
  background: url(public_html/wp-content/themes/audio-cms/images/CTA/PC_bg.png) no-repeat;
  background-size: cover;
} */
/* .contact-area {
  padding: 30px 0;
  background: url(../images/top/contact/bg-2.jpg) no-repeat right;
  background-size: cover;
} */
.contact_title {
width: 80%;
margin: 0 auto;
}
.contact_title img {
  width: 100%;
  height: auto;
}
.contact-area_contact{
  position: absolute;
  top: 59%;
  left: 10%;
}
.contact-area_contact .time-area .current-time {
  width: 85%;
  border: solid 9px #a36e6b;
  background: #FFF;
  color: #ff3736;
  text-align: center;
} 
.contact-area_contact .time-area .current-time p {
  font-size: 2.4vw;
  color: #ff3736;
  text-decoration: underline;
  text-decoration-color: #ff3736;
  font-weight: bold;
}
.contact_tell {
  position: relative;
  left: -0.9%;
}
.contact_tell img {
  height: auto;
  width: 87%;
}
.num {
  position: absolute;
    top: 11%;
    right: 20%;
    left: 19%;
    font-size: min(78px, 7vw);
    font-weight: bold;
    font-family: "Noto Sans JP";
    color: #FFF;
}
@media (max-width: 760px) {
  .num {
  position: absolute;
    top: 13%;
    right: 20%;
    left: 19%;
    font-size: min(53px, 5.3vw);
    font-weight: bold;
    font-family: "Noto Sans JP";
    color: #FFF;
  }
}
.contact_mail {
  /* position: absolute; */
}
.contact_mail img {
  height: auto;
  width: 85.3%;
}

.contact_tell .yl{
  color: #fff;
  text-decoration: none;
}
@media (max-width: 430px) {
  
}
/* 追加CTA */
.contact-area h2 {
  margin-bottom: 30px;
}
.contact-area ul {
  margin-bottom: 30px;
}
.contact-area ul li {
  max-width: 244px;
}
.contact-area .lower p {
  font-weight: bold;
}
.contact-area .flex {
  margin-bottom: 10px;
}
.contact-area .flex .tel {
  position: relative;
  max-width: 822px;
  width: 68.5%;
}
.contact-area .flex .tel span.num {
  display: block;
  position: absolute;
  top: 0;
  left: 7%;
  font-size: min(72px, 5.8vw);
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.contact-area .flex .tel span.num a {
  color: #fff;
}
.contact-area .flex .mail {
  max-width: 288px;
  width: 24%;
}
.contact-area p:nth-of-type(1) {
  /* margin-bottom: 10px;
  text-align: center;
  font-size: min(30px, 2.8vw);
  color: #a36e6b; */
}
.contact-area p:nth-of-type(2) {
  /* margin-bottom: 10px;
  text-align: center;
  font-size: min(30px, 3vw);
  color: #a36e6b; */
}
.contact-area p:nth-of-type(2) span {
  font-size: 120%;
}
.contact-area p:nth-child(4) {
  max-width: 1130px;
  margin: auto;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: min(36px, 3.6vw);
  background-color: #a36e6b;
  border-radius: 30px;
}
@media (max-width: 750px) {
  .contact-area_contact .time-area .current-time p { 
    font-size: 3.5vw;
  }
  .pd-contact {
    padding-bottom: 18%;
  }
  .contact-area_contact .time-area .current-time {
    border: solid 5px #a36e6b;
  } 
}
@media (max-width: 450px) {
  /* 追加CTA_SP */
  .contact_title {
    width: 80%;
    margin: 0 auto;
  }
  .contact_tell {
    position: relative;
    left: -0.9%;
  }
  .contact_tell img {
    height: auto;
    width: 87%;
  }
  .num {
    position: absolute;
        top: 13%;
        left: 23%;
        font-size: min(50px, 5vw);
  }
  .contact_mail {
    /* position: absolute; */
    right: 14.4%;
  }
  .contact_mail img {
    height: auto;
    width: 86%;
  }
  /* 追加CTA_SP */
  .contact-area {
    background: url(../images/CTA//SP_bg.png) no-repeat right;
    background-size: cover;
    height: auto;
    padding-top: 20px;
    /* padding-bottom: 8px; */
  }
  .pd-contact {
    padding-bottom: 21%;
  }
  /* .contact-area ul {
    width: 60%;
    flex-wrap: wrap;
  } */
  /* .contact-area ul li {
    width: 49%;
  }
  .contact-area .lower {
    width: 80%;
  }
  .contact-area .lower p {
    text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
  }
  .contact-area .flex {
    flex-wrap: wrap;
  }
  .contact-area .flex .tel {
    width: 100%;
    margin-bottom: 15px;
  }
  .contact-area .flex .tel span.num {
    left: 15%;
    font-size: 6vw;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .contact-area .flex .mail {
    max-width: inherit;
    width: 100%;
  }
}
#necessary {
  padding: 80px 0 150px;
}
#necessary .box {
  max-width: 900px;
  width: 100%;
  margin: auto;
  padding: 50px 25px;
  border: 10px solid #efefef;
}
#necessary .box h2 {
  margin-bottom: 50px;
  text-align: center;
  font-size: 30px;
}
#necessary .box .upper p {
  margin-bottom: 40px;
}
#necessary .box .lower {
  position: relative;
}
#necessary .box .lower ul {
  margin-left: 1em;
}
#necessary .box .lower .img {
  position: absolute;
  top: 5%;
  right: 5%;
  max-width: 200px;
  width: 30%;
}
@media (max-width: 760px) {
  #necessary {
    padding: 40px 0;
  }
  #necessary .box {
    padding: 30px 15px;
  }
  #necessary .box h2 {
    margin-bottom: 25px;
    font-size: 26px;
  }
  #necessary .box .upper p {
    margin-bottom: 20px;
  }
} */
}
@media (max-width: 450px) {
  #necessary .box .lower .img {
    top: 20px;
  }
}

#footer {
  padding-bottom: 20px;
  text-align: center;
  color: #fff;
}
#footer .logo {
  max-width: 402px;
  width: 60%;
  margin: 0 auto 40px;
}
#footer ul {
  margin-bottom: 40px;
  font-size: x-large;
}
#footer ul li {
  margin: 0 0.5%;
}
#footer ul li a {
  color: #fff;
}
.footer_txt{
  display: none;
}
.footer-tel-number{
  /* font-size: min(24px, 6vw); */
  font-weight: bold;
}

@media (max-width: 760px) {
  #footer ul {
    font-size: 12px;
  }
}
@media screen and (max-width: 430px) {
  #footer-btn h2 {
      margin: 0; /* 画面幅が430px以下の場合、マージンをリセット */
  }
}
/* フッター追尾 */
#footer-btn {
  position: fixed;
  display: block;
  width: 100%;
  left: 0px;
  bottom: 0;
  z-index: 999;
  background: #e6d8c4;
  /* border-top: 15px solid #714d04; */
}
.footer-top_border {
  background: #714d04;
}
.footer-top_border p {
  color: #FFF;
}
#footer-btn .footer__time-area {
  text-align: center;
  /* background: #714d04; */
}

.footer__time-area .current-time p {
  color: #FFF500;
  font-weight: bold;
}
@media (max-width: 750px) { 
  .footer__time-area .current-time p {
    font-size: 2.5vw;
  }
  .footer-top_border p {
    font-size: 2.5vw;
  }
}
@media (max-width: 450px) { 
  .footer__time-area .current-time p {
    font-size: 3.5vw;
  }
  .footer-top_border p {
    font-size: 3.5vw;
  }
}
@media (max-width: 450px) {
  #footer-btn {
    background-image: url('/wp-content/themes/audio-cms/images/footer/background.png');
    background-size: contain;
  }
}
#footer-btn .container {
  position: relative;
  max-width: 1070px;
  width: 100%;
  margin: auto;
}
#footer-btn a {
  color: #714d04;
  font-size: 23px;
}

@media (max-width: 430px) {
#footer-btn a {
  color: #714d04;
}
}
#footer-btn h2 {
  display: none;
}
#footer-btn .footer-btn-pc {
  position: relative;
  padding: 5px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#footer-btn .footer-btn-pc p {
  margin: 0 5px;
  color: #714d04;
  font-weight: bold;
}
#footer-btn .footer-btn-pc .man {
  position: absolute;
  top: -60px;
  left: -10px;
  width: 188px;
}
#footer-btn .footer-btn-pc .t01 {
  /* margin-left: 170px; */
}
#footer-btn .footer-btn-pc .footer-tel {
  text-align: center;
  line-height: 1.2;
  width: 30%;
}
.tel-item {
  position: absolute;
  /* z-index: 999999; */
  top: 27%;
  left: 72%;
  /* transform: translate(0%, 83%); */
  font-size: 21px;
}
.mail-banner {
  display: none;
}
.tel img{
  display: none;
}
#footer-btn .footer-btn-pc .footer-tel p:nth-of-type(1) {
  font-size: min(16px, 1.6vw);
}
#footer-btn .footer-btn-pc .footer-tel p:nth-of-type(2) {
  font-size: min(16px, 3vw);
  line-height: 2;
}
#footer-btn .footer-btn-pc .footer-tel p:nth-of-type(2) .tel {
  font-size: min(36px, 3.4vw);
}
#footer-btn .footer-btn-pc .footer-tel p:nth-of-type(3) {
  /* font-size: min(16px, 3vw); */
  /* font-size: 10px; */
}
#footer-btn .footer-btn-pc .footer-tel p:nth-of-type(3) span {
  font-size: 100%;
  line-height: 2;
}
@media (max-width: 750px) {
  #footer-btn .footer-btn-pc .footer-tel p:nth-of-type(3) span {
    /* display: none; */
  }
  }
@media only screen and (max-width: 1050px) {
  #footer-btn {
    border-top: 0;
  }
  #footer-btn h2 {
    display: block;
    text-align: center;
    background-color: #714d04;
    line-height: 1.5;
  }
  #footer-btn h2 img {
    max-width: 604px;
    width: 60%;
  }
  #footer-btn .footer-btn-pc {
    justify-content: flex-end;
    width: 70%;
    margin: 0 auto;
  }
  #footer-btn .footer-btn-pc .footer-tel {
    width: 300px;
    /* width: 28%; */
  }
  .footer-tel .tel-bg {
    top: 6%;
    width: 100%;
  }
  .footer-tel .tel-item {
    top: 34%;
    left: 60%;
    font-size: 2.3vw;
  }
  #footer-btn a {
    font-size: 2.4vw;
  }
  #footer-btn .footer-btn-pc .t01 {
    display: none;
  }
  #footer-btn .footer-btn-pc .man {
    left: -19%;
    width: 107px;
    top: -11px;
  }
}
.tel-bg {
  top: 0%;
  width: 100%;
}
@media (max-width: 450px) {
#footer-btn h2 {
background-color: #665a43;
}
}
@media (max-width: 1000px) {
  #footer-btn h2 {
  background-color: #665a43;
  }
  .footer-btn-pc .mail{
    width: 19%;
  }
  }

@media only screen and (max-width: 760px) {
  #footer-btn .footer-btn-pc {
    width: 80%;
    padding-left: 0px;
    justify-content: center;
  }
  #footer-btn .footer-btn-pc .man {
    top: -170%;
    left: -23%;
    bottom: 0;
    transform: translate(50%, 50%);
    max-width: 180px;
    width: 20%;
  }
  #footer-btn .footer-btn-pc .footer-tel {
    width: 46%;
  }
  .footer_txt{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-style: oblique;
    background-color: #665a43;
  }
  
  #footer-btn h2{
    font-size: 16px;
    color: #fff;
  }
  .footer-tel .tel-item {
    top: 35%;
    left: 7%;
  }
  .footer-tel{
    display: flex;
    align-items: center;
  }

  .footer-tel-img{
  position: relative;
  }
  #footer-btn a {
    font-size: 2.1vw;
  }
  .tel-bg {
    top: 1%;
    width: 100%;
  }
  .footer-tel-number{
    position: absolute;
    top: 20%;
    left: 25%;
    font-size: min(24px, 6vw);
  }
  #footer-btn .footer-btn-pc .man {
    top: inherit;
    left: 0px;
    bottom: 0;
    max-width: 180px;
    width: 20%;
    display: none;
  }
  #footer-btn .footer-btn-pc .t02 {
    width: 20%;
    display: none;
  }
  #footer-btn .footer-btn-pc .mail {
    /* width: 15%;
    display: none; */
  }
  #footer-btn .footer-btn-pc .footer-tel p:nth-of-type(2) {
    line-height: 1.5;
  }
  #footer-btn .footer-btn-pc .footer-tel p:nth-of-type(2) .tel {
    font-size: 4vw;
  }
  #footer-btn .open{
    display: none;
  }
  .tel-area{
    position: relative;
  }
  #footer-btn .footer-btn-pc p {
    font-size: 2.5vw;
  }
  .mail-banner{
    display: block;
  }
  .tel img{
  display: block;
  }
.tel_txt{
  display: none;
}
}

@media only screen and (max-width: 450px) {
  #footer-btn .footer-btn-pc .footer-tel p:nth-of-type(3) {
    font-size: 4.2vw;
}
#footer-btn a {
  font-size: 4vw;
}
  .footer-tel .tel-item {
    top: 19%;
    left: 8%;
}
  #footer-btn .footer-btn-pc {
    width: 100%;
    padding-left: 0;
    justify-content: center;
  }
  #footer-btn .footer-btn-pc .mail {
    width: 25%;
}
#footer-btn .footer-btn-pc .footer-tel {
  width: 60%;
  }
  #footer-btn .footer-btn-pc .man {
    display: none;
  }
  #footer-btn .footer-btn-pc .t02 {
    display: none;
  }
  #footer-btn .footer-btn-pc .footer-tel p:nth-of-type(2) .tel {
    font-size: 6vw;
  }
}
/* td.ss-fmcall a {
  color: #FFF;
} */
/* .ss-fmcall a {
  color: #FFF;
} */
.num .ss-fmcall a {
  color: #FFF;
}
/* 240821_追加 */

/* ---------------------------------
	page
---------------------------------- */
#mainImage {
  padding: 100px 0 250px;
  background: url(../images/main/bg.jpg) no-repeat center;
  background-size: cover;
}
#mainImage.faq {
  background: url(../images/faq/main.jpg) no-repeat center;
  background-size: cover;
}
#mainImage h1 span {
  display: block;
  text-align: center;
}
#mainImage h1 span:nth-of-type(1) {
  margin-bottom: 25px;
  font-size: min(36px, 3.6vw);
}
#mainImage h1 span:nth-of-type(2), #mainImage h1 span:nth-of-type(3) {
  color: #fae9df;
  font-size: min(50px, 5vw);
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
}
@media only screen and (max-width: 760px) {
  #mainImage {
    padding: 50px 0 100px;
  }
}
@media only screen and (max-width: 450px) {
  #mainImage {
    padding: 50px 0;
  }
}

.breadcrumb {
  padding: 10px 0;
  color: #fff;
}
.breadcrumb a {
  color: #fff;
}

#company01.h2tit2 {
  position: relative;
}
#company01.h2tit2 h2 {
  top: 40%;
}

#company02 {
  padding: 60px 0 40px;
  color: #fff;
  background-color: #bf9d58;
}
#company02 h2 {
  margin-bottom: 15px;
  text-align: center;
  font-size: min(36px, 4vw);
}
#company02 h2 br:nth-of-type(1), #company02 h2 br:last-of-type {
  display: none;
}
#company02 p {
  margin-bottom: 20px;
}
#company02 ul li {
  max-width: 382px;
}
@media only screen and (max-width: 760px) {
  #company02 h2 br:nth-of-type(1), #company02 h2 br:last-of-type {
    display: block;
  }
}
@media only screen and (max-width: 450px) {
  #company02 ul li {
    width: 60%;
  }
}

#company03 {
  padding: 50px 0;
}
#company03 table {
  width: 100%;
}
#company03 table th {
  max-width: 430px;
  width: 32.5%;
  padding: 15px 5%;
  text-align: right;
  vertical-align: top;
  color: #fff;
  background-color: #bf9d58;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#company03 table td {
  width: auto;
  padding: 15px 15px 15px 5%;
  color: #000;
  background-color: #fff9ec;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#company03 table tr:nth-child(3) td, #company03 table tr:nth-child(9) td {
  padding-bottom: 40px;
}
@media only screen and (max-width: 450px) {
  #company03 table th, #company03 table td {
    display: block;
    width: 100%;
  }
  #company03 table th {
    text-align: left;
    border-right: none;
  }
}

#contact01 h2 {
  font-size: min(36px, 5vw);
  text-align: center;
}
#contact01 h2 br {
  display: none;
}
#contact01 .box {
  max-width: 1040px;
  width: 100%;
  margin: auto;
}
#contact01 .box .txtArea {
  max-width: 670px;
  width: 65%;
}
#contact01 .box .txtArea span {
  color: #9a0225;
}
#contact01 .box .telArea {
  max-width: 330px;
  width: 34%;
  height: 110px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #ffa800;
  line-height: 1.2;
}
#contact01 .box .telArea .telnum {
  font-size: min(32px, 4vw);
  font-weight: bold;
}
#contact01 .box .telArea .telnum a {
  color: #fff;
}
@media only screen and (max-width: 760px) {
  #contact01 h2 {
    margin-bottom: 30px;
  }
  #contact01 h2 br {
    display: block;
  }
  #contact01 .box .txtArea {
    max-width: 670px;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
  }
  #contact01 .box .telArea {
    max-width: 330px;
    width: 100%;
    height: auto;
    margin: auto;
  }
}

#inquiryForm table {
  width: 100%;
  margin: auto;
}
#inquiryForm table th {
  width: 30%;
  padding: 15px;
  padding-left: 50px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  color: #fff;
  background-color: #bf9d58;
  border-bottom: 1px solid #e6e6e6;
}
#inquiryForm table th span.attention {
  float: right;
  padding: 1px 10px;
  font-size: 90%;
  font-weight: normal;
  color: #fff;
  background-color: #ff6c00;
}
#inquiryForm table td {
  width: auto;
  padding: 15px 30px;
  color: #000;
  background-color: #fff9ec;
  border-bottom: 1px solid #d2d2d2;
}
#inquiryForm table td.select span {
  display: inline-block;
}
#inquiryForm input {
  background: #f4f4f4;
  border: 1px solid #ccc;
}
#inquiryForm input[type=text] {
  padding: 5px;
}
#inquiryForm .w80 {
  width: 80%;
  padding: 5px;
  background: #f4f4f4;
  border: 1px solid #ccc;
}
#inquiryForm .w80::-webkit-input-placeholder {
  color: #b2b2b2;
  font-weight: normal;
}
#inquiryForm .w80:-ms-input-placeholder {
  color: #b2b2b2;
  font-weight: normal;
}
#inquiryForm .w80::-moz-placeholder {
  color: #b2b2b2;
  font-weight: normal;
}
.mw_wp_form #inquiryForm .horizontal-item + .horizontal-item {
  margin-right: 10px;
  margin-left: 0;
}
#inquiryForm span.mwform-tel-field input {
  padding: 5px;
}
#inquiryForm span.mwform-tel-field input[name="tel[data][0]"],
#inquiryForm span.mwform-tel-field input[name="fax[data][0]"] {
  width: 15%;
}
#inquiryForm span.mwform-tel-field input[name="tel[data][1]"],
#inquiryForm span.mwform-tel-field input[name="fax[data][1]"] {
  width: 20%;
}
#inquiryForm span.mwform-tel-field input[name="tel[data][2]"],
#inquiryForm span.mwform-tel-field input[name="fax[data][2]"] {
  width: 20%;
}
#inquiryForm .check_policy {
  margin-top: 60px;
  text-align: center;
  line-height: 1.2;
}
#inquiryForm .check_policy span.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -2px 5px 0;
  vertical-align: middle;
  background: url(../images/icon/iconLink.png) no-repeat;
  background-size: 100%;
}
#inquiryForm .check_policy input {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  vertical-align: middle;
  transform: scale(1.4);
}
#inquiryForm .check_policy span.mwform-checkbox-field {
  display: inline-block;
}
#inquiryForm .check_policy span.mwform-checkbox-field .mwform-checkbox-field-text {
  display: none;
}
#inquiryForm .check_policy a {
  color: #bf9d58;
  text-decoration: underline;
}
#inquiryForm .btn_form {
  margin-top: 80px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
#inquiryForm .btn_form input {
  display: inline-block;
}
#inquiryForm .btn_form input.confirm {
  max-width: 400px;
  width: 55%;
  height: auto;
  padding: 10px 0;
  color: #fff;
  background: #ff6c00 url(../images/icon/btnArrow.png) no-repeat 90% 50%;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0;
  border: none;
  border-radius: 50px;
}
#inquiryForm .btn_form input.return {
  width: 150px;
  width: 25%;
  height: auto;
  margin-left: 10px;
  padding: 10px;
  color: #fff;
  background-color: #ff6c00;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0;
  border: none;
  border-radius: 20px;
}
#inquiryForm input.btn_contact_return {
  margin: 0 10px;
}
#inquiryForm .mw_wp_form .error {
  display: inline-block;
}
#inquiryForm .mw_wp_form_confirm .check_policy {
  display: none;
}
@media only screen and (max-width: 760px) {
  #inquiryForm table th, #inquiryForm table td {
    display: block;
    width: 100%;
    padding: 15px 10px;
  }
  #inquiryForm table th {
    width: 100%;
  }
  #inquiryForm table td {
    width: 100%;
  }
  #inquiryForm .check_policy {
    margin-top: 50px;
  }
  #inquiryForm .check_policy input {
    width: 13px;
    height: 13px;
  }
  #inquiryForm .check_policy span.icon {
    width: 20px;
    height: 20px;
  }
  #inquiryForm .btn_form {
    margin-top: 30px;
  }
  #inquiryForm .btn_form input.confirm {
    font-size: 120%;
  }
  #inquiryForm .btn_form input.return {
    padding: 5px 10px;
  }
  #inquiryForm input[type=text] {
    width: 100%;
    font-size: 100%;
  }
}
@media only screen and (max-width: 450px) {
  #inquiryForm .check_policy {
    margin-top: 50px;
  }
  #inquiryForm .check_policy input {
    width: 10px;
    height: 10px;
  }
  #inquiryForm .check_policy span.icon {
    width: 18px;
    height: 18px;
  }
}

#privacy h3 {
  margin-bottom: 10px;
}
#privacy p, #privacy div {
  margin-bottom: 20px;
}

#faq {
  padding: 90px 0 200px;
  background-color: #bf9d58;
}
#faq dl {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto 50px;
}
#faq dl dt {
  position: relative;
  padding: 10px 2%;
  color: #fff;
  background-color: #503f1d;
  cursor: pointer;
}
#faq dl dt span {
  display: inline-block;
  vertical-align: middle;
}
#faq dl dt span:nth-of-type(1) {
  width: 3%;
  margin-right: 2%;
  font-size: min(30px, 4.2vw);
  font-weight: bold;
}
#faq dl dt span:nth-of-type(2) {
  width: 90%;
}
#faq dl dt.active::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 5%;
  width: 43px;
  height: 22px;
  background: url(../images/faq/up.png) no-repeat;
  background-size: 100%;
}
#faq dl dt:after {
  content: "";
  position: absolute;
  top: 40%;
  right: 5%;
  width: 43px;
  height: 22px;
  background: url(../images/faq/down.png) no-repeat;
  background-size: 100%;
}
#faq dl dd {
  padding: 10px 2%;
  color: #000;
  background-color: #fff;
}
#faq dl dd span {
  display: inline-block;
  vertical-align: middle;
}
#faq dl dd span:nth-of-type(1) {
  width: 3%;
  margin-right: 2%;
  color: #503f1d;
  font-size: min(30px, 4.2vw);
  font-weight: bold;
}
#faq dl dd span:nth-of-type(2) {
  width: 90%;
}
@media only screen and (max-width: 760px) {
  #faq {
    padding: 60px 0 100px;
  }
  #faq dl dt.active::after {
    top: 40%;
    right: 5%;
    width: 34px;
    height: 18px;
  }
  #faq dl dt:after {
    content: "";
    top: 40%;
    right: 2%;
    width: 34px;
    height: 18px;
  }
}
@media only screen and (max-width: 450px) {
  #faq {
    padding: 50px 0 80px;
  }
  #faq dl {
    margin-bottom: 30px;
  }
  #faq dl dt.active::after {
    top: 40%;
    right: 2%;
    width: 20px;
    height: 18px;
  }
  #faq dl dt:after {
    content: "";
    top: 40%;
    right: 2%;
    width: 20px;
    height: 18px;
  }
}

#customer {
  padding: 90px 0 200px;
  background-color: #bf9d58;
}
#customer dl {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto 50px;
}
#customer dl dt {
  position: relative;
  padding: 10px 2%;
  color: #fff;
  background-color: #503f1d;
}
#customer dl dd {
  padding: 10px 2%;
  color: #000;
  background-color: #fff;
}
@media only screen and (max-width: 760px) {
  #customer {
    padding: 60px 0 100px;
  }
}
@media only screen and (max-width: 450px) {
  #customer {
    padding: 50px 0 80px;
  }
}

/* ---------------------------------
	cate_box
---------------------------------- */
.cate_box {
  max-width: 1000px;
  margin: auto;
  padding: 10px;
  color: #000;
  background-color: #fff;
  border-radius: 10px;
}
#purshase .cate_box {
  margin-bottom: 40px;
}
.cate_box table {
  width: 100%;
}
.cate_box table th {
  width: 30%;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #000;
}
.cate_box table td {
  margin: auto;
  padding: 10px;
}
.cate_box table td ul {
  display: flex;
  flex-wrap: wrap;
}
.cate_box table td ul li {
  position: relative;
  margin: 5px;
  padding: 5px 10px;
  background-color: #f0f0f0;
  border-radius: 3px;
  line-height: 1.2;
  cursor: pointer;
}
.cate_box table td ul li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cate_box table td ul li:hover, .cate_box table td ul li.current {
  color: #fff;
  background-color: #bf9d58;
  transition: 0.3s;
}
.cate_box table td ul:nth-of-type(2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: dotted 1px #000;
}
@media only screen and (max-width: 760px) {
  .cate_box table th, .cate_box table td {
    display: block;
    width: 100%;
  }
  .cate_box table th {
    border-right: none;
    border-bottom: 1px solid #000;
  }
  .cate_box table td {
    padding: 15px 10px;
  }
}

/* ---------------------------------
	blog
---------------------------------- */
#blog01 {
  padding-bottom: 60px;
}

#blog02 {
  position: relative;
}
#blog02 h2 {
  margin-bottom: 20px;
  font-size: min(36px, 5vw);
  text-align: center;
}
#blog02:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #bf9d58;
  z-index: 1;
}
#blog02 ul {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 760px) {
  #blog02 ul {
    display: block;
  }
  #blog02 ul li {
    width: 100%;
    margin: 0 auto 30px;
  }
  #blog02:after {
    height: 20%;
  }
}
#blog03 {
  padding: 90px 0;
}
#blog03 #blog_list.blog ul {
  justify-content: space-between;
}
#blog03 #blog_list.blog ul li {
  width: 48%;
  margin: 0 1% 25px;
}
@media only screen and (max-width: 450px) {
  #blog03 #blog_list.blog ul li {
    width: 100%;
    margin: 0 auto 30px;
  }
}

.blog ul {
  display: flex;
  flex-wrap: wrap;
}
.blog ul li {
  position: relative;
  max-width: 382px;
  width: 32%;
  margin: 0 0.511%;
  background-color: #160d01;
}
.blog ul li .entry-header {
  background-color: #000;
}
.blog ul li .archive-content .bottom {
  padding: 10px 15px 50px;
  color: #fff;
}
.blog ul li .archive-content .bottom .link {
  position: absolute;
  bottom: 20px;
  right: 15px;
}
.blog ul li .archive-content .bottom .link a {
  color: #fff;
  text-decoration: underline;
}
.blog.pickup ul li .img {
  position: relative;
}
.blog.pickup ul li .img .pickup-label {
  background-color: #d50e18;
  color: #fff;
  font-size: 13px;
  position: absolute;
  left: 5px;
  top: 10px;
  z-index: 1;
}
.blog.pickup ul li .img .pickup-label span {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  padding: 2px 10px;
}
@media only screen and (max-width: 450px) {
  .blog ul li {
    width: 100%;
    margin: 0 auto 30px;
  }
}

/* ---------------------------------
	purshase
---------------------------------- */
#purshase .entry-header p:nth-of-type(1) {
  display: flex;
  flex-wrap: wrap;
}
#purshase .entry-header p:nth-of-type(1) span {
  display: block;
  margin-right: 10px;
}
#purshase .entry-header a {
  color: #bf9d58;
}
#purshase #purshase02 h2 {
  margin-bottom: 20px;
  text-align: center;
  font-size: min(36px, 5vw);
}
#purshase #purshase02 #purshase_list .flex {
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 35px;
  border-bottom: 1px solid #bf9d58;
}
#purshase #purshase02 #purshase_list .flex .left {
  max-width: 325px;
  width: 38%;
}
#purshase #purshase02 #purshase_list .flex .right {
  position: relative;
  max-width: 510px;
  width: 60%;
  padding-bottom: 30px;
}
#purshase #purshase02 #purshase_list .flex .right header h3 {
  margin-bottom: 10px;
  text-align: left;
  color: #fff;
  line-height: 1.5;
}
#purshase #purshase02 #purshase_list .flex .right div {
  color: #fff;
}
#purshase #purshase02 #purshase_list .flex .right div .link {
  position: absolute;
  right: 0;
  bottom: 0;
}
#purshase #purshase02 #purshase_list .flex .right div .link a {
  color: #fff;
  text-decoration: underline;
}
@media only screen and (max-width: 1080px) {
  #purshase #purshase02 #purshase_list .flex .right {
    padding-bottom: 0;
  }
  #purshase #purshase02 #purshase_list .flex .right div .link {
    position: static;
    padding-top: 15px;
    text-align: right;
  }
}
@media only screen and (max-width: 450px) {
  #purshase #purshase02 #purshase_list .flex .left {
    width: 80%;
    margin: 0 auto 15px;
  }
  #purshase #purshase02 #purshase_list .flex .right {
    width: 100%;
  }
}
#purshase .detail .entry-header {
  margin-bottom: 30px;
}
#purshase .detail .entry-header p:nth-of-type(2) {
  margin-bottom: 15px;
}
#purshase .detail .entry-header h2 {
  text-align: center;
  line-height: 1.5;
}
#purshase .detail p.img {
  margin-bottom: 30px;
}
#purshase .detail .bottom {
  color: #fff;
}

/* ---------------------------------
	post
---------------------------------- */
.post {
  padding: 60px 0 100px;
}
@media only screen and (max-width: 450px) {
  .post {
    padding-top: 30px;
  }
}

#main_l {
  max-width: 920px;
  width: 69%;
}
#blog-detail #main_l {
  max-width: 860px;
}
@media only screen and (max-width: 760px) {
  #main_l {
    width: 100%;
    max-width: 100%;
  }
}
#blog-detail #main_l {
  max-width: 860px;
}

#sidebar {
  max-width: 274px;
  width: 29%;
  color: #fff;
}
#sidebar .box {
  margin-bottom: 20px;
  padding: 0;
}
#sidebar .box h2 {
  margin-bottom: 15px !important;
  padding: 10px;
  font-size: min(18px, 3vw) !important;
  text-align: center !important;
  background-color: #714d04;
}
#sidebar .box.cate ul {
  display: block;
}
#sidebar .box.cate ul li {
  padding: 0;
  text-align: center;
}
#sidebar .box ul {
  padding: 0 10px;
}
#sidebar .box ul li {
  padding: 10px 0;
}
#sidebar .box ul li a {
  color: #fff;
}
#sidebar .box.popular ul li {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}
#sidebar .box.popular ul li .photo {
  max-width: 60px;
  width: 24%;
  margin-right: 2%;
}
#sidebar .box.popular ul li .right {
  width: 74%;
}
#sidebar .box.popular ul li .right .sort {
  line-height: 1.5;
}
#sidebar .box.popular ul li .right .title {
  font-weight: bold;
  line-height: 1.3;
}
#sidebar .box.popular ul li:nth-child(1):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icon/num1.png) no-repeat;
  background-size: 100%;
}
#sidebar .box.popular ul li:nth-child(2):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icon/num2.png) no-repeat;
  background-size: 100%;
}
#sidebar .box.popular ul li:nth-child(3):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icon/num3.png) no-repeat;
  background-size: 100%;
}
#sidebar .box.popular ul li:nth-child(4):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icon/num4.png) no-repeat;
  background-size: 100%;
}
#sidebar .box.popular ul li:nth-child(5):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/icon/num5.png) no-repeat;
  background-size: 100%;
}
#sidebar .box.staff ul > li {
  display: flex;
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}
#sidebar .box.staff ul > li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#sidebar .box.staff ul > li .photo {
  max-width: 60px;
  margin-right: 4%;
}
#sidebar .box.staff ul > li .photo img {
  height: auto;
}
#sidebar .box.staff ul > li .right {
  padding-top: 10px;
}
#sidebar .box.staff ul > li .right p span {
  display: block;
  line-height: 1.3;
}
#sidebar .box.staff ul > li .right p span:nth-of-type(2) {
  font-weight: bold;
}
#sidebar .mail {
  max-width: 274px;
  margin: 100px auto 0;
}
#purshase #sidebar .box ul li {
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 760px) {
  #sidebar {
    width: 100%;
    max-width: 100%;
    margin-top: 60px;
  }
  #purshase #sidebar .box ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #purshase #sidebar .box ul li {
    margin: 0 1% 10px;
  }
  #sidebar .mail {
    max-width: 274px;
    margin: 50px auto 0;
  }
}

#blog-detail {
  padding: 80px 0 200px;
}
#blog-detail h1 {
  margin-bottom: 20px;
  text-align: center;
  font-size: min(36px, 5vw);
}
#blog-detail .thumbnail {
  margin-bottom: 30px;
}
@media only screen and (max-width: 760px) {
  #blog-detail {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 450px) {
  #blog-detail {
    padding: 30px 0 50px;
  }
}

/* ビジュアルエディタ装飾 */
.freeeditor { /* 配置位置 右 */
  /* 配置位置 左 */
  /* 配置位置 中央 */
}
.freeeditor #ez-toc-container {
  width: 100%;
  margin-bottom: 30px;
  padding: 30px 10px;
  text-align: center;
  color: #fff;
  background-color: #bf9d58;
  border-radius: 10px;
}
.freeeditor #ez-toc-container a, .freeeditor #ez-toc-container a:visited {
  color: #fff !important;
}
.freeeditor #ez-toc-container p.ez-toc-title {
  padding-bottom: 20px;
  text-align: center;
}
.freeeditor #ez-toc-container ul li {
  margin-bottom: 10px;
}
.freeeditor section {
  padding: 60px 0;
}
.freeeditor p {
  color: #fff;
}
.freeeditor img {
  margin-bottom: 20px;
}
.freeeditor h1 {
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  border-bottom: 3px solid #bf9d58;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.freeeditor h2 {
  text-align: left;
  border: none;
  font-size: 130%;
  font-weight: bold;
  border-bottom: 2px solid #bf9d58;
  padding-left: 0;
  padding-bottom: 5px;
  margin-bottom: 20px;
  color: #fff;
}
.freeeditor h3 {
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #bf9d58;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: #fff;
}
.freeeditor h4 {
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 10px;
}
.freeeditor h5 {
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}
.freeeditor strong {
  font-weight: bold;
}
.freeeditor img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.freeeditor img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}
.freeeditor img.aligncenter {
  display: block;
  margin: 0 auto;
}
.freeeditor img {
  max-width: 700px;
  width: 100%;
  height: auto;
}

/* ---------------------------------
	pager
---------------------------------- */
.pager {
  position: relative;
  margin-top: 80px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pager::before, .pager::after {
  content: " ";
  display: table;
}
.pager::after {
  clear: both;
}
.pager .counter {
  height: 28px;
  padding: 2px 10px;
  font-size: 13px;
  color: #fff;
  background: #714d04;
  line-height: 26px;
}
.pager .pager_num {
  display: inline-block;
  text-align: center;
  margin: 0 1%;
}
.pager .pager_num span, .pager .pager_num a {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  text-align: center;
  margin: 0 5px;
  padding-top: 2px;
  font-size: 13px;
  color: #000;
  background: #fff;
  line-height: 26px;
}
.pager .pager_num span.current, .pager .pager_num a:hover {
  color: #fff;
  background: #714d04;
  opacity: 1;
}

/* 詳細ページナビ */
#pagenavi {
  max-width: 380px;
  margin: 150px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pagenavi p {
  position: relative;
  margin: 0 1%;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #714d04;
}
#pagenavi p a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pagenavi p.left, #pagenavi p.right {
  width: 86px;
}
#pagenavi p.center {
  width: 200px;
  background-image: url(../images/faq/down.png);
  background-size: 20px;
  background-position: 90% 50%;
  background-repeat: no-repeat;
}
@media (max-width: 450px) {
  #pagenavi {
    width: 80%;
    margin-top: 60px;
  }
  #pagenavi P {
    margin: 0 0.5%;
  }
  #pagenavi P.left, #pagenavi P.right {
    width: 14%;
  }
  #pagenavi P.center {
    width: 45%;
    background-size: 10px;
  }
}

/* ---------------------------------
	レスポンシブ
---------------------------------- */
/* PC向けレイアウト */
@media (min-width: 1200px) {
  /* default */
  body {
    min-width: 1200px;
  }
}
/* タブレット向けレイアウト */
@media (max-width: 1000px) {
  img {
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 761px) {
  .sp {
    display: none;
  }
}
/* スマホ向けレイアウト */
@media (max-width: 760px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

/* 離脱バナー --start */
.popup-area {
  display:none;
  /* width:80vw; */
  padding:0;
  position: fixed;
  z-index: 9999;   
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  border-radius:0;
}
.popup-area .popwrap{
position:relative;
margin-bottom:20px;
  /* box-shadow: 0 0 4px 4px rgba(0,0,0,0.4); */
}

@media screen and (min-width: 980px) {
      .popup-area {
      width:auto;
      max-width: 50vw;
  }
}
.cover-eml {
  background:rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;   
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.popup-area .close-btn{
  margin: 0 0 5px auto;
  cursor: pointer;
  text-align: center;
  width: 31px;
  /* height: 15px; */
  font-size: 18px;
  background-color: rgba(200, 192, 192, 0.7);
  border-radius: 10px;
}
/* 離脱バナー --end */

#header .hd-top .flex .line {
position: relative;
    max-width: 330px;
    width: 40%;
    padding-top: 0%;
    padding-bottom: 1%;
    text-align: center;
    font-size: min(30px, 2vw);
    background-color: #06c755;
}
#header .hd-top .flex .line a {
  position: absolute;
  color: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
}
@media (max-width: 760px) {
  #header .hd-top .flex .line img {
    width: 55%;
  }

}
@media (max-width: 450px) {
  #header .hd-top .flex .line {
      padding-top: 0%;
      padding-bottom: 0%;
      font-size: 4vw;
      width: 100%;
      border-radius: 11px;
  }
}
#dialog {
  position: fixed;
  top: 0;
  left: 0;
  display: none; /* 最初は非表示 */
  width: 100%;
  height: 100%;
  overflow-y: auto; /* 縦スクロールを有効にする */
  background-color: rgba(0, 0, 0, 0.7); /* 背景を暗く */
  z-index: 1000;
  text-align: center;
}

.modal-content {
  position: relative; /* モーダル内での要素の相対配置 */
  width: auto;
  height: auto;
  top: 12%;
}
@media (max-width: 450px){
  .modal-content {
  top: 12% ;
  }
}
.modal-inner {
  position: relative !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

.background-img {
  max-width: 90%; /* 背景が画面に収まるように */
  max-height: 90%; /* 背景が画面に収まるように */
}

.mini-banner-wrapper {
  position: absolute;
  top: 48%;
  left: 48%;
  transform: translate(-51%, -80%);
}

.mini-banner {
  width: 115%; /* バナーがラッパー内に収まるように調整 */
  height: auto;
  max-width: none;
}

.closeBtn-wrapper {
  position: absolute;
    top: 6%;
    left: 90%;
    transform: translate(-50%, -80%);
}
#closeBtn {
  width: 70%;
}
#banner {
  max-width: 100%; /* 画面に対して画像が100%の幅で表示されるように */
  height: auto; /* 高さは画像の比率を維持して自動調整 */
}
.modal-content .contact-area_contact {
  position: absolute;
  top: 66%;
  width: 80%;
  left: 12%;
}
.modal-content .num {
  top: 26%;
  right: 9%;
  font-size: 37px;
}

.sp .mini-banner-wrapper {
  position: absolute;
    top: 48%;
    left: 48%;
    transform: translate(-70%, -80%);
}

.sp .mini-banner{
  width: 150%;
}

.sp .modal-content .contact-area_contact {
  left: 2%;
}

.sp .modal-content .contact-area_contact {
  top: 69%;
}

@media (min-width: 451px) and (max-width: 760px) {
  .modal-content .contact-area_contact {
    left: 17%;
    top: 71%;
  }
  .modal-content .contact_tell {
    left: -7.3%;
  }
  .contact_mail {
    position: relative;
    left: -7.3%;
  }
  .modal-content .num {
    top: 28%;
    right: 9%;
    font-size: 5.7vw;
  }
}


@media (max-width: 450px){
  .modal-content .num {
    top: 28%;
    right: 11%;
    font-size: 26px;
}
.closeBtn-wrapper {
  position: absolute;
  top: 7%;
  left: 88%;
  transform: translate(-31%, -108%);
  width: 8%;
}
.modal-content .contact-area_contact {
  position: absolute;
  top: 69%;
  left: 6%;
  width: 90%;
}
}
/* スマホ向けレイアウト *//*# sourceMappingURL=style.css.map */