@charset "utf-8";
/* =======================================

	Structure CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1-1.header 構造
    1-2.header
	2.contHeader
	3.目次contentList
	4.監修supervision
	5.promotion
	6-1.contContainer 構造
	6-2.contContainer
	7.detail
	8.pickupContainer
	9.footer

-----------------------------------------
	10.ボタン各種

========================================== */
html {
  scroll-behavior: smooth;
}
body {
  background: #fffaf1;
  color: #222;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(8px, 1.1307vw, 16px);
  line-height: 1;
}
img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizeQuality;
}
h2 {
  background: #b49646;
  color: #fff;
  font-size: 125%;
//  font-weight: 500;
  font-weight: 700;
  line-height: 1.6;
  padding: 1.839% 5%;
  border-radius: 1vw;
  margin: 3.3684%;
}
h2 span {
  display: block;
  position: relative;
}
    h2 span:before {
        content: "";
        display: block;
        background: #fff;
        width: 6px;
        height: 98%;
        border-radius: 1vw;
        position: absolute;
        left: -3%;
        top: 0;
    }

a:hover {
	opacity: .8;
}
@media screen and (max-width:767px) {
  body {
    font-size: 3.7333vw;
  }
  h2 {
    font-size: 4.267vw;
    padding: 2.6667vw 6.6667vw;
    border-radius: 3vw;
    margin: 4vw 4.2667vw 8vw;
  }
  h2 span {}
  h2 span:before {
    border-radius: 3vw;
    width: .8vw;
    height: 95%;
    left: -2.7vw;
    top: 3%;
  }
}

.pc {}
.sp {  display: none;}
@media screen and (max-width:767px) {
  .pc {    display: none;}
  .sp {    display: block;}
}

.fc {  color: #f25106;}
.marker {  background: linear-gradient(transparent 50%, #f3e9d5 50%);}

/* 構造　*/
article {
  max-width: 1415px;
  padding: 0 4.5936%;
  margin: clamp(55px, 6vw, 110px) auto 0;
  display: flex;
  justify-content: space-between;
}
.mainArea {
    width: 73.93%;
}
.mainAreaInner {}
aside {
    width: 21.0117%;
	height: 100%;
	position: sticky;
	top: 0;
}

/* ページ内リンク用 */
#top {
  height: 1px;
  display: block;
}

@media screen and (max-width:767px) {
  article {
    padding: 0 4vw;
    margin: 0;
  }
  .mainArea {
    width: 100%;
    margin: 17.3333vw 0 0;
  }
}


/* 1-1.header 構造
---------------------------------------------------------- */
#header {
  background: #fffaf1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: clamp(10px, 1%, 25px) 1%;
  transition: transform 0.3s ease;
  z-index: 999;
}
#header.hide {
  transform: translateY(-100%);
}
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hamburger {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 1.3333vw;
  right: 4vw;
}
.hamburger img {
  width: 10.6667vw;
  height: 10.6667vw;
}
.menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: #FFFAF1;
  color: #222;
  transition: right 0.3s ease;
  z-index: 9998;
}
.spMenuLogo {
  width: 40vw;
  height: 13.3333vw;
  display: flex;
  align-items: center;
  margin: auto;
}
.menu.open {
  right: 0;
}
.menu .close {
  cursor: pointer;
  position: absolute;
  top: 1.3333vw;
  right: 4vw;
}
.menu .close img {
  width: 10.6667vw;
  height: 10.6667vw;
}
.spMenuList {
  height: calc(100% - 13.3333vw - 13.3333vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu ul {
  list-style: none;
  width: 62.6667%;
}
.menu ul li {
  border-bottom: 1px dotted #aaa;
}
.menu ul li a {
  background: url("../images/parts/arrow_right2.svg") no-repeat 100% 54% / 10% auto;
  text-decoration: none;
  font-size: 5.3333vw;
  font-weight: 400;
  padding: 6.6667vw 0;
  display: block;
}
@media screen and (max-width:767px) {
  #header {
    height: 13.3333vw;
    padding: 0;
  }
  .header-inner {
    height: 100%;
  }
  .hamburger {
    display: block;
  }
}

/* 1-2.header
---------------------------------------------------------- */
.logo {
  max-width: 300px;
  width: 17.6471%;
}
.headerMenu {
  background: #fff;
  font-size: 112.5%;
  font-weight: 700;
  width: 60%;
  max-width: 564px;
  border-radius: 52px;
}
.headerMenu ul {
  display: flex;
}
.headerMenu li {
  padding: 2% 3.68%;
}
.headerMenu li a {
  display: block;
}
@media screen and (max-width:767px) {
  .logo {
    max-width: 40vw;
    width: 40vw;
    margin: auto;
  }
  .headerMenu {
    display: none;
  }
}

/* 
---------------------------------------------------------- */
section.sec01 ,
section.sec02 ,
section.sec03{
	margin-bottom: 7%;
}
@media screen and (max-width:767px) {
	section.sec01 ,
	section.sec02 ,
	section.sec03{
		margin-bottom: 16vw;
	}
}


/* 2.contHeader
---------------------------------------------------------- */
.contHeader {
  position: relative;
  margin-bottom: 10%;
}
.contHeaderBody {
  background: #fff;
  border-radius: 1.2vw 1.2vw 1.2vw 0;
/*  border-radius: 1.2vw;*/
  border: 1px solid #ccc;
  width: 65.2632%;
}
.contHeaderBodyCate {
  line-height: 3;
  font-weight: 500;
  padding: 0 4.21%;
}
.contHeaderBodyCate span.cate {
  color: #b49646;
  font-size: 112.5%;
}
.contHeaderBodyCate span.pr {
  background: #fff;
  color: #b49646;
  font-size: 75%;
  line-height: 1.6;
  position: absolute;
  top: 8%;
  right: 4.21%;
  padding: 0 1%;
  display: block;
}
.contHeaderBody h1 {
  background: #b49646;
  color: #fff;
  font-size: 225%;
  font-weight: 700;
  line-height: 1.4;
  padding: 3.871%;
}
.contHeaderBodyMv img {
  position: absolute;
  top: clamp(50px, 5.6537vw, 80px);
  right: 0%;
  z-index: -1;
  width: 37.5789%;
  border-radius: 1.2vw;
}
.contHeaderBodyLead {
  font-size: 87.5%;
  line-height: 1.7;
  padding: 3.871%;
}
.contHeaderSns {
  background: #fff;
  color: #b49646;
  font-size: 112.5%;
  font-weight: 500;
  border-radius: 0 0 1.2vw 1.2vw;
  border: 1px solid #ccc;
  border-top: none;
  width: 33.624%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.81% 2.5%;
  position: absolute;
  left: 0;
}
.contHeaderSns ul {
  display: flex;
  justify-content: space-between;
  width: 65%;
}
.contHeaderSns li {
/*  width: 20%;*/
}
@media screen and (max-width:767px) {
  .contHeader {
    margin-bottom: 8vw;
  }
  .contHeaderBody {
    border-radius: 3vw 3vw 3vw 0;
/*    border-radius: 3vw;*/
    width: 100%;
  }
  .contHeaderBodyCate {
    font-size: 2.6667vw;
    padding: 0 4vw;
    display: flex;
    align-items: center;
  }
  .contHeaderBodyCate span.cate {
    font-size: 3.7333vw;
  }
  .contHeaderBodyCate span.pr {
    font-size: 2.6667vw;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
  }
  .contHeaderBody h1 {
    font-size: 4.8vw;
    padding: 4.2667vw;
  }
  .contHeaderBodyMv img {
    position: relative;
    top: 0;
    z-index: 0;
    width: 100%;
    border-radius: 0;
  }
  .contHeaderBodyLead {
    font-size: 3.4667vw;
    line-height: 1.5;
    padding: 4.2667vw;
  }
  .contHeaderSns {
    font-size: 3.2vw;
    border-radius: 0 0 3vw 3vw;
    width: 59.7333vw;
    padding: 3.2vw 4vw;
    position: relative;
  }
  .contHeaderSns ul {
    width: 37vw;
  }
  .contHeaderSns li {
    width: 5.3333vw;
  }
}


/* 3.目次contentList
---------------------------------------------------------- */
.contentList {
  background: #fff;
  border-radius: 1.2vw;
  border: 1px solid #ccc;
  padding: 3.3333% 8.421%;
  margin: 3% 0;
}
.contentList p {
  color: #b49646;
  font-size: 125%;
  font-weight: 500;
  line-height: 1.7;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2.5%;
}
.contentList li {
  background: url("../images/parts/check2.svg") no-repeat 0 50% / 3.5% auto;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding: 2.5% 0 2.5% 5%;
}
@media screen and (max-width:767px) {
  .contentList {
    border-radius: 3vw;
    padding: 4.2667vw;
    margin: 4vw 0;
  }
  .contentList p {
    font-size: 3.4667vw;
    line-height: 1.4;
    padding-bottom: 4.5%;
  }
  .contentList li {
    background: url("../images/parts/check2.svg") no-repeat 0 50% / 5% auto;
    font-size: 3.4667vw;
    line-height: 1.4;
    padding: 4.5% 0 4.5% 8%;
  }
}


/* 4.監修supervision
---------------------------------------------------------- */
.supervision {
  background: #b49646;
  color: #fff;
  border-radius: 1.2vw;
  padding: 3.3333% 8.421%;
  margin: 3% 0;
}
.supervisionInnner {
  background: url("../images/parts/supervision.png") no-repeat 100% 3% / 30.3797% auto;
  display: flex;
  justify-content: space-between;
}
.supervisionPhotoBlock {
  width: 13.4177%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}
.supervisionPhotoBlock img {
  border-radius: 50%;
}
.supervisionPhotoBlock div {
  background: #fff;
  color: #b49646;
  font-size: 87.5%;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  width: 100%;
  margin-top: 10%;
  border-radius: .3vw;
}
.supervisionTxtBlock {
  width: 82.5316%;
}
.supervisionTxtBlockNameArea {
  line-height: 1.7;
}
.supervisionTxtBlockNameArea span {
  font-size: 125%;
  font-weight: 500;
  line-height: 1.6;
  display: block;
}
.supervision p {
  font-size: 87.5%;
  line-height: 1.7;
  margin-top: 2%;
}
@media screen and (max-width:767px) {
  .supervision {
    border-radius: 3vw;
    padding: 4.2667vw;
    margin: 4vw 0;
  }
  .supervisionInnner {
    background: url("../images/parts/supervision.png") no-repeat 100% 0 / 57.5563% auto;
    align-items: flex-end;
  }
  .supervisionPhotoBlock {
    width: 21.7042%;
    flex-direction: column-reverse;
  }
  .supervisionPhotoBlock div {
    font-size: 3.2vw;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 3vw;
    border-radius: .5vw;
  }
  .supervisionTxtBlock {
    width: 72.1511%;
  }
  .supervisionTxtBlockNameArea {
    font-size: 3.2vw;
    line-height: 1.6;
    margin-bottom: 3vw;
  }
  .supervisionTxtBlockNameArea span {
    font-size: 4.2667vw;
    line-height: 1.4;
  }
  .supervision p {
    font-size: 3.4666vw;
    line-height: 1.6;
    margin-top: 5vw;
    width: 100%;
  }
}


/* 5.promotion
---------------------------------------------------------- */
.promotion {
  background: rgba(255, 255, 255, .8);
  border-radius: 1.2vw;
  padding: 2.6667% 8.421%;
  margin: 3% 0;
  font-size: 75%;
  line-height: 1.4;
}
@media screen and (max-width:767px) {
  .promotion {
    border-radius: 3vw;
    padding: 4.2667vw;
    margin: 4vw 0;
    font-size: 2.6667vw;
    line-height: 1.6;
  }
}


/* 6-1.contContainer 構造
---------------------------------------------------------- */
.contContainer {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1.2vw;
  margin: 6% 0 3%;
}
.innerWrapper {
  margin: 0 7.8947%;
}
@media screen and (max-width:767px) {
  .contContainer {
    border-radius: 3vw;
    margin: 6.6667vw 0;
  }
}


/* 	6-2.contContainer
---------------------------------------------------------- */
.contContainer picture img {
  margin: 0 8.421%;
  width: 83.158%;
  border-radius: 1.2vw;
}
.contContainer p {
  line-height: 1.7;
  margin: 4.4304% 8.421%;
}
.contContainer h3 {
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 3px solid #b49646;
  padding-bottom: 1%;
  margin: 7% 8.421% 4.4304%;
}
@media screen and (max-width:767px) {
  .contContainer picture img {
    margin: 4vw 4.2667vw 0;
    width: 83.4646vw;
    border-radius: 3vw;
  }
  .contContainer p {
    margin: 4vw 4.2667vw;
  }
  .contContainer h3 {
/*    font-size: 4.2667vw;*/
	font-size: 4.5334vw;
    border-bottom: .6vw solid #b49646;
    padding-bottom: 2vw;
    margin: 8vw 4.2667vw 4vw;
  }
}

.point {
  margin: 4.4304% 3.3684%;
}
.point h3 {
  background: #b49646;
  color: #fff;
  font-size: 125%;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  border: 3px solid #b49646;
  border-radius: 1.2vw 1.2vw 0 0;
  padding: 1.3793% 0;
  margin: 0;
}
.point .pointTxt {
  line-height: 1.7;
  border: 3px solid #b49646;
  border-radius: 0 0 1.2vw 1.2vw;
  padding: 2.7586% 4.023%;
}
.point .pointTxt p {
  margin: 0;
}
.point .pointTxt p + p {
  margin-top: 0;
}
@media screen and (max-width:767px) {
  .point {
    margin: 4vw 4.2667vw;
  }
  .point h3 {
    font-size: 4.2667vw;
    font-weight: 700;
    border: .6vw solid #b49646;
    border-radius: 3vw 3vw 0 0;
    padding: 2.1333vw;
  }
  .point .pointTxt {
    font-size: 3.4667vw;
    border: .6vw solid #b49646;
    border-radius: 0 0 3vw 3vw;
    padding: 3.2vw;
  }
}

.comment {
  background: #b49646 url("../images/parts/comment.png") no-repeat 89.5% 32px / 20.7368% auto;
  padding: 3.3684% 7.8947%;
  margin: 6.3158% 0;
}
.commentHead {
  color: #fff;
  display: flex;
  gap: 2%;
  align-items: center;
  margin-bottom: 1.5%;
}
.commentHead img {
  width: 6.264%;
  border-radius: 50%;
}
.commentHead div {
  line-height: 1.7;
}
.commentHead div span {
  font-size: 112.5%;
  line-height: 1.6;
  display: block;
}
.commentTxt {
  background: #fff;
  line-height: 1.7;
  border-radius: 1.2vw;
  padding: 2%;
}
.commentTxt p {
  margin: 0;
}
.commentTxt p + p {
  margin-top: 0;
}
@media screen and (max-width:767px) {
  .comment {
    background: #b49646 url("../images/parts/comment.png") no-repeat 56vw 4vw / 30vw auto;
    padding: 4.2667vw;
    margin: 8.6667vw 0;
  }
  .commentHead {
    gap: 4vw;
    align-items: flex-end;
    margin-bottom: 2.9333vw;
  }
  .commentHead img {
    width: 13.3333vw;
  }
  .commentHead div {
    font-size: 2.6667vw;
    line-height: 1.6;
  }
  .commentHead div span {
    font-size: 3.4667vw;
    line-height: 1.4;
  }
  .commentTxt {
    font-size: 3.2vw;
    border-radius: 3vw;
    padding: 2.6667vw;
  }
}

.txtContainer {
  background: #fffaf1;
  padding: 2.7586% 5%;
  margin: 4.4304% 3.3684%;
  border: 3px solid #b49646;
  border-radius: 1.2vw;
}
.txtContainer h4 {
  background: #b49646;
  color: #fff;
  font-weight: 500;
  display: inline;
  border-radius: 4px;
  padding: .3% 2%;
}
.txtContainer p {
  font-size: 87.5%;
  line-height: 1.7;
  margin: 1.923% 0 0;
}
.txtContainerBtn a{
	display: block;
	margin: auto;
	width: 60%;
}
@media screen and (max-width:767px) {
  .txtContainer {
    padding: 3.7333vw;
    margin: 4.2667vw;
    border: .6vw solid #b49646;
    border-radius: 3vw;
  }
  .txtContainer h4 {
    font-size: 3.4666vw;
    border-radius: .5333vw;
    padding: .5333vw 1.6vw;
  }
  .txtContainer p {
    font-size: 3.4666vw;
    margin: 2.6667vw 0 0;
  }
	.txtContainerBtn a{
		width: 100%;
	}
}


/* 7.detail
---------------------------------------------------------- */
.detailArea {}
.detail {
  margin: 3.3684%;
  padding: 2.8736% 4.5977%;
  border: 1px solid #ccc;
  border-radius: 1.2vw;
}
.detailHeader {
  padding-bottom: 2.75%;
  border-bottom: 1px solid #ccc;
}
.detailTit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2%;
  border-bottom: 3px solid #b49646;
  padding-bottom: 1%;
  margin-bottom: 3.4483%;
}
.detailTit img {
  width: 6.07595%;
}
.detailTit h3 {
  color: #b49646;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.7;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1;
  margin: 0;
  padding: 0;
  border: none;
}
.detailTit h3 span {
  color: #222;
  font-size: 125%;
  line-height: 1.2;
  font-weight: 700;
  width: 100%;
}
.detailLead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 3.4483%;
}
.detailLead img {
  width: 30.19%;
}
.detailLead > div {
  width: 66.67%;
}
.detailLead h4 {
  font-size: 112.5%;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 4%;
}
.detailLead p {
  line-height: 1.7;
  margin: 0;
}
.detailBody {
  padding: 3% 0;
  margin-bottom: 3%;
  border-bottom: 1px solid #ccc;
}
.reviewArea {
  margin-bottom: 2.75%;
}
.review {
  background: #b49646;
  color: #fff;
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  letter-spacing: .2em;
  border-radius: 1.2vw 1.2vw 0 0;
  padding: 1.519%;
}
.reviewTxt {
  font-size: 75%;
  letter-spacing: 0;
}
.reviewNum {
  background: #fff;
  color: #b49646;
  font-size: 66.6667%;
  margin: 0 1%;
  padding: .5% .5% .5% 1%;
  display: inline-block;
  border-radius: 4px;
}
.caseBlock {
  color: #b49646;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3.038%;
  border: 3px solid #b49646;
  border-top: none;
  border-radius: 0 0 1.2vw 1.2vw;
}
.caseBlock > div {
  font-size: 125%;
  letter-spacing: .2em;
  width: 48%;
  margin-top: 2%;
}
.caseBlock > div:nth-child(1), .caseBlock > div:nth-child(2) {
  margin-top: 0;
}
.caseTxt {
  background: #b49646;
  color: #fff;
  font-size: 80%;
  text-align: center;
  letter-spacing: 0;
  width: 47%;
  padding: 2%;
  display: inline-block;
  border-radius: 4px;
  margin-right: 2%;
}
.noStar {
  opacity: .3;
}
.caseNum {
  color: #222;
  font-size: 70%;
  line-height: 1.7;
  display: inline-block;
  margin-left: 2%;
}
@media screen and (max-width:767px) {
  .detailArea {
    margin-top: 8vw;
  }
  .detail {
    margin: 4vw 4.2667vw 16vw;
    border: none;
    padding: 0;
  }
  .detailHeader {
    padding-bottom: 6.6667vw;
  }
  .detailTit {
    gap: 3vw;
    border-bottom: .6vw solid #b49646;
    padding-bottom: 2vw;
    margin-bottom: 4vw;
  }
  .detailTit img {
    width: 10vw;
  }
  .detailTit h3 span {
    font-size: 4.8vw;
  }
  .detailLead {
    display: block;
    margin-bottom: 8vw;
  }
  .detailLead img {
    width: 100%;
  }
  .detailLead > div {
    width: 100%;
  }
  .detailLead h4 {
    font-size: 4.8vw;
    ;
    margin: 6.6667vw 0;
  }
  .detailLead p {
    font-size: 3.46666vw;
  }
  .detailBody {
    padding: 6.6667vw 0;
	margin-bottom: 8vw;
  }
  .reviewArea {
    margin-bottom: 4.6667vw;
  }
  .review {
    font-size: 4vw;
    padding: 2.6667vw 1vw;
    border: .6vw solid #b49646;
    border-radius: 3vw 3vw 0 0;
  }
  .reviewTxt {
    font-size: 4.26666vw;
  }
  .reviewNum {
    font-size: 3.73333vw;
    margin: 0 1vw;
    padding: 1vw 1vw 1vw 1.5vw;
  }
  .caseBlock {
    display: block;
    padding: 4.4vw;
    border: .6vw solid #b49646;
    border-top: none;
    border-radius: 0 0 3vw 3vw;
  }
  .caseBlock > div {
    font-size: 4vw;
    text-align: center;
    width: 100%;
    margin-top: 2vw;
  }
  .caseBlock > div:nth-child(2) {
    margin-top: 2vw;
  }
  .caseTxt {
    width: 100%;
    padding: 2.4vw;
    margin-right: 0;
    margin-bottom: 2.4vw;
  }
  .caseNum {
    font-size: 3.73333vw;
    margin-left: 2vw;
  }
}

.checkArea {
  background: #fffaf1;
  border: 3px solid #b49646;
  border-radius: 1.2vw;
  padding: 3.038%;
}
.checkArea dt {
  color: #b49646;
  font-size: 112.5%;
  line-height: 1.6;
  margin-bottom: 2%;
}
.checkArea dd {
  font-size: 87.5%;
  line-height: 1.7;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2%;
  margin-bottom: 2%;
}
.checkArea dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media screen and (max-width:767px) {
  .checkArea {
    border: .6vw solid #b49646;
    border-radius: 3vw;
    padding: 4.4vw;
  }
  .checkArea dt {
    font-size: 4.2666vw;
    margin-bottom: 3.333vw;
  }
  .checkArea dd {
    font-size: 3.4667vw;
    padding-bottom: 4.6667vw;
    margin-bottom: 4.6667vw;
  }
}

.detailOther {}
.onlinereview {}
.onlinereview h5 {
  font-size: 125%;
  font-weight: 700;
  line-height: 1.6;
  padding: 0 0 3%;
}
.onlinereview dt {
  color: #b49646;
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.6;
}
.onlinereview dd {
  background: #fafafa;
  line-height: 1.7;
  border: 1px solid #ccc;
  border-radius: 1.2vw;
  padding: 3.038%;
  margin: 1.2658% 0 2.5316%;
}
.onlinereview dd:last-child {
  margin-bottom: 3%;
}
@media screen and (max-width:767px) {
  .onlinereview h5 {
    font-size: 4.2666vw;
    padding: 0 0 4vw;
  }
  .onlinereview dt {
    font-size: 3.7333vw;
  }
  .onlinereview dd {
    font-size: 3.4666vw;
    border-radius: 3vw;
    padding: 4vw 2.6667vw;
    margin: 2.6667vw 0 3.3333vw;
  }
  .onlinereview dd:last-child {
    margin-bottom: 6.6667vw;
  }
}

.detailInfo {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 3%;
}
.detailInfo th {
  background: #b49646;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ccc;
  width: 33.3333%;
  padding: 1.5%;
}
.detailInfo tr th:last-child {
  border-right: none;
}
.detailInfo td {
  background: #fafafa;
  font-size: 87.5%;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ccc;
  width: 33.3333%;
  padding: 3% 2%;
}
.detailInfo tr td:first-child {
  border-left: 1px solid #ccc;
}
.detailInfo tr:last-child td {
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width:767px) {
  .detailInfo th {
  	padding: 2%;
  }
  .detailInfo td {
/*    font-size: 3.2vw;*/
	font-size: 2.9333vw;
  }
}

.detailLink {
  color: #f25106;
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  width: 75.9494%;
  margin: auto;
}
.detailOther .detailLink {
  margin-top: 5%;
}
.detailLink a {
  background: #00BD5E url("../images/parts/arrow_right3.svg") no-repeat 92% 50% / auto 50%;
  color: #fff;
  font-size: 111.1111%;
  line-height: 1.6;
  display: block;
  border-radius: 60px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .2));
  padding: 3.3333%;
  margin-top: 1.5%;
}

@media screen and (max-width:767px) {
  .detailLink {
    font-size: 3.73333vw;
    width: 100%;
  }
  .detailOther .detailLink {
    margin-top: 5%;
  }
  .detailLink a {
    font-size: 4.26666vw;
    padding: 4vw;
    margin-top: 2vw;
  }
}

.shareBtnContainer {
  background: #fff;
  color: #b49646;
  font-size: 112.5%;
  border-radius: 1.2vw;
  border: 1px solid #ccc;
  margin: 3% 0;
}
.shareBtnContainer div {
  width: 34.94747%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1% 2%;
  margin: auto;
}
.shareBtnContainer ul {
  display: flex;
  justify-content: space-between;
  width: 65%;
}
.shareBtnContainer li {
  width: 20%;
}
@media screen and (max-width:767px) {
  .shareBtnContainer {
    font-size: 3.2vw;
    border-radius: 3vw;
    width: 100%;
    margin: 6.6667vw 0;
  }
  .shareBtnContainer div {
    width: 62.65%;
    padding: 3.2vw;
  }
  .shareBtnContainer ul {
    width: 70%;
  }
  .shareBtnContainer li {
    width: 5.3333vw;
  }
}


/* 8.pickupContainer
---------------------------------------------------------- */
.pickupContainer {
  border-top: 1px solid #ccc;
  margin: 3% 0 3%;
  padding-top: 3%;
}
.pickupContainerInner {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1.2vw;
  padding: 4.2105% 8.4211%;
}
.pickupContainer h2 {
  background: none;
  color: #b49646;
  font-size: 125%;
  padding: 0;
  margin: 0 0 3.038%;
}
.pickupContainer ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pickupContainer li {
  width: 48.858%;
  margin-top: 3%;
}
.pickupContainer ul li:nth-child(1), .pickupContainer ul li:nth-child(2) {
  margin-top: 0;
}
.pickupContainer li a {
  display: flex;
  align-items: center;
}
.pickupContainer li a img {
  width: 25.974%;
  margin-right: 4.1559%;
  border-radius: 1.2vw;
}
.pickupContainer li a div {
  line-height: 1.7;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.pickupContainer li a div > span {
  width: 100%;
}
.pickupContainerCate {
  color: #b49646;
}
.pickupContainerBorder {
  background: #b49646;
  width: 1px;
  height: 60%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4.5% 1.5%;
}
.pickupContainerDate {
  color: #aaa;
  font-size: 87.5%;
}
@media screen and (max-width:767px) {
  .pickupContainer {
    margin: 6.6667vw 0;
    padding: 6.6667vw 0 0;
  }
  .pickupContainerInner {
    border-radius: 3vw;
    padding: 5.6vw 4.2667vw;
  }
  .pickupContainer h2 {
    font-size: 4.2666vw;
    margin: 0 0 4.2666vw;
  }
  .pickupContainer ul {
    display: block;
  }
  .pickupContainer li {
    width: 100%;
    margin-top: 4vw;
  }
  .pickupContainer ul li:nth-child(2) {
    margin-top: 4vw;
  }
  .pickupContainer li a img {
    width: 18.6667vw;
    margin-right: 4.6667vw;
    border-radius: 3vw;
  }
  .pickupContainer li a div {
    font-size: 3.4666vw;
  }
  .pickupContainerDate {
    font-size: 3.2vw;
  }
}


/* 9.footer
---------------------------------------------------------- */
footer {
  background: #222;
  color: #fff;
  margin: 5% auto 0;
  padding-top: 5%;
}
.footerInner {}
.footerLogo {
  max-width: 1415px;
  padding: 0 4.5936%;
  margin: auto;
}
.footerLogo img {
  max-width: 300px;
  width: 33.7%;
}
.footerNav {
  max-width: 1415px;
  padding: 0 4.5936%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footerNav nav ul {
  display: flex;
  margin: 10% 0;
}
.footerNav nav li {
  font-size: 125%;
  padding-right: 7%;
  margin-right: 7%;
  border-right: 1px solid #fff;
}
.footerNav nav ul li:last-child {
  border: none;
}
.footerNav .pageTop {
  text-align: center;
  line-height: 2;
  width: 8.5584%;
  max-width: 80px;
}
.footerBlank {}
.copyright {
  font-size: 75%;
  text-align: center;
  width: 100%;
  padding: 20px 0 5px;
}
@media screen and (min-width:1700px) {
  footer {
    margin: 50px auto 0;
    padding-top: 50px;
  }
  .footerInner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .footerLogo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .footerLogo img {
    width: 300px;
  }
  .footerNav {
    width: 950px;
    padding: 0;
    align-items: flex-start;
  }
  .footerNav nav ul {
    margin: 0;
  }
  .footerNav nav ul:last-child {
    margin: 30px 0;
  }
  .footerBlank {
    flex: 1;
  }
}
@media screen and (max-width:767px) {
  footer {
    margin: 18vw auto 0;
    padding: 18vw 4vw 0;
  }
  .footerLogo {
    padding: 0;
  }
  .footerLogo img {
    max-width: 100%;
    width: 48.5333vw;
  }
  .footerNav {
    padding: 0;
    position: relative;
  }
  .footerNav nav ul:nth-child(1) {
    flex-wrap: wrap;
    margin: 17.33vw 0;
  }
  .footerNav nav ul:nth-child(2) {
    display: block;
    margin: 17.33vw 0 10.6667vw;
  }
  .footerNav nav li {
    font-size: 4.2666vw;
    padding-right: 4vw;
    margin-right: 4vw;
  }
  .footerNav nav li:nth-child(-n + 3) {
    margin-bottom: 8vw;
  }
  .footerNav nav ul li.noborder, .footerNav nav ul li:last-child, .footerNav nav ul:nth-child(2) li {
    border: none;
  }
  .footerNav .pageTop {
    width: 17.252vw;
    max-width: 80px;
    position: absolute;
    top: -12vw;
    right: 0;
  }
  .copyright {
    font-size: 3.2vw;
    padding: 0 0 5.3333vw;
  }
}



/* 10.ボタン各種
---------------------------------------------------------- */

.btnTit{
	color: #b49646;
	font-size: 126.5625%;
	text-align: center;
	font-weight: 700;
	margin-bottom: 2%;
}
@media screen and (max-width:767px) {
	.btnTit{
		font-size: 4.2666vw;
		margin-bottom: 3vw;
	}
}

/* コンテンツ内想定　小型ボタン */
.btnS{
	margin: 4.4304% 8.421%;
}
.btnSList{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.btnS a{
	background: #f80;
	color: #fff;
	font-size: 126.5625%;
	font-weight: 500;
	text-align: center;
	line-height: 1.1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	border-radius: 42px;
	padding: 4% 1%;
}
.btnS a:after {
    font-size: 75%;
    content: "▲";
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 5px;
    vertical-align: middle;
}
@media screen and (max-width:767px) {
	.btnS{
		margin: 6vw 4.2667vw;
	}
	.btnSList{
		gap: 4vw;
	}
	.btnS a{
		font-size: 3.7333vw;
		width: 47%;
		padding: 4% 1%;
	}
	.btnS a:after {
	    font-size: 70%;
	}
}

/* コンテンツ内想定　中型ボタン */
.btnM{
	margin: 4.4304% 8.421%;
}
.btnMList{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}
.btnM a{
	color: #b49646;
	font-size: 126.5625%;
	font-weight: 500;
	text-align: center;
	line-height: 1.1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc( 50% - 10px );
	border-radius: 42px;
	border: 2px solid #b49646;
	padding: 3.75% 1%;
}
.btnM a:after {
    font-size: 75%;
    content: "▲";
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 5px;
    vertical-align: middle;
}
@media screen and (max-width:767px) {
	.btnM{
		margin: 6vw 4.2667vw;
	}
	.btnMList{
		gap: 4vw;
	}
	.btnM a{
		font-size: 3.7333vw;
		width: 47%;
		padding: 4% 1%;
	}
	.btnM a:after {
	    font-size: 70%;
	}
}

/* コンテンツ内想定　画像ボタン */
.btnImg{
	margin: 4.4304% 8.421%;
}
.btnImgList{
	display: flex;
	gap: 10px;
	justify-content: center;
}
.contContainer .btnImgList picture img {
	margin: 0;
	width: 100%;
}
@media screen and (max-width:767px) {
	.btnImg{
		margin: 6vw 4.2667vw;
	}
	.btnImgList{
		display: block;
	}
}