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

	top_space.css
  
--------------------------------------------------- */
/* ============================

  secCmn

============================ */
.secCmnTtlBlk{}
.secCmnTtl{}
.secCmnTtlTxt{
  font-size: 1rem;
}

.topRcmdDtlBlk{
  padding-top: 30px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  box-shadow: 4px 4px 8px rgb(99 90 82 / 30%) inset;
  margin: 0 auto;
  position: relative;
  }
.topRcmdDtlComingSoonNte{
  margin: 0;
}






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

  topRcmdDtlArea

============================ */
.topRcmdDtlArea{}
.topRcmdDtlOtr{}
.topRcmdDtlInr{
  padding: 7rem 15px 3.875rem;
  }
.topRcmdDtlSlidr{
  overflow: inherit;
  position: relative;
}
/* システム実装後下記、稼働 */
.topRcmdDtlSlidr:before{
  content: "☜ スワイプしてご覧ください ☞";
  color: rgba(143, 195, 31, 1);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  left: 0;
  position: absolute;
  top: calc(-1em - 1rem);
  text-align: center;
  width: 100%;
  }
/*.planMulti:before{
  content: "☜ スワイプしてご覧ください ☞";
  color: rgba(143, 195, 31, 1);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  left: 0;
  position: absolute;
  top: calc(-1em - 1rem);
  text-align: center;
  width: 100%;
  }*/
.topRcmdDtlSlidr > .slick-prev,
.topRcmdDtlSlidr > .slick-next{
  background: none;
  border-radius: 50%;
  height: 60px;
  transform: translate(0, -22%);
  width: 60px;
  z-index: 110;
}
.topRcmdDtlSlidr > .slick-prev{}
.topRcmdDtlSlidr > .slick-next{}
.topRcmdDtlSlidr > .slick-prev:before,
.topRcmdDtlSlidr > .slick-next:before{
  border-top: 5px rgba(122, 93, 70, 1) solid;
  content: "";
  display: inline-block;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
}
.topRcmdDtlSlidr > .slick-prev:before{
  border-left: 5px rgba(122, 93, 70, 1) solid;
  left: 2.3125rem;
  transform: rotateZ(-45deg);
}
.topRcmdDtlSlidr > .slick-next:before{
  border-right: 5px rgba(122, 93, 70, 1) solid;
  right: 2.3125rem;
  transform: rotateZ(45deg);
}
.topRcmdDtlSlidr > .slick-dots{
  bottom: -30px;
}
.topRcmdDtlSlidr > .slick-dots li {
  margin: 0 5px;
}
.topRcmdDtlSlidr > .slick-dots li button:before{
  color: rgba(225, 209, 173, 1);
  font-size: 14px;
  opacity: 1;
}
.topRcmdDtlSlidr > .slick-dots li.slick-active button:before{
  color: rgba(122, 93, 70, 1);
  opacity: 1;
}

/* ============ topRcmdDtlGrp ============ */
.topRcmdDtlGrp{
  background-color: rgba(255, 255, 255, 1);
  border-radius: 9px;
  box-shadow: 0 0 12px rgb(99 90 82 / 30%);
  padding: 20px 15px;
  }
.topRcmdDtlGrpInr{
  display: flex;
  flex-wrap: wrap;
  }
.topRcmdDtlMainBlk{
  margin: 0 0 2rem;
  position: relative;
  width: 100%;
  }
.topRcmdDtlMainBlk:after{}
.topRcmdDtlTtlBlk{
  margin: 0 0 1.5rem;
  }
.topRcmdDtlTtl{
  align-items: center;
  display: flex;
  /*flex-wrap: wrap;*/
  justify-content: center;
  margin: 0;
  }
.topRcmdDtlTtlFig{
  width: 30px;
}

.topRcmdDtlTtlFig img{
  width: 100%;
  }
.topRcmdDtlTtlName{
  color: rgba(143, 195, 31, 1);
  display: inline-block;
  font-feature-settings: "palt";
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0 0.5rem;
  /*text-align: center;*/
  /*width: 100%;*/
  }
/*.topRcmdDtlTtlName1line{
  font-size: 1.25rem;
  line-height: 0.7;
  }
.topRcmdDtlTtlTxt2line{
  font-size: 1rem;
  }*/
.topRcmdDtlMvBlk{
  margin: 0 auto 1rem;
  overflow: hidden;
  max-width: 470px;
  }
.topRcmdDtlMvLst{
  border-radius: 5px;
  box-shadow: 0 0 12px rgba(99, 90, 82, 0.3);
  list-style: none;
  margin: 0 0 0.5rem;  
  padding: 0;
  }
.topRcmdDtlMvItm{}
.topRcmdDtlMvItm img{
  border-radius: 5px;
}
.topRcmdDtlMvTtlBlk{
  background-color: rgba(223, 244, 179, 1);
  border-radius: 5px;
  padding: 10px;
}
.topRcmdDtlMvTtlSub{
  color: rgba(143, 195, 31, 1);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
}
.topRcmdDtlMvTtl{
  color: rgba(122, 93, 70, 1);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
}

.topRcmdDtlNteBlk{}
.topRcmdDtlNteInr{
  display: flex;
  flex-wrap: wrap;
  }
.topRcmdDtlNteFetrGrp{
  margin: 0 0 1rem;
  width: 100%;
  }
.topRcmdDtlNteThm{
  color: rgba(143, 195, 31, 1);
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  }
.topRcmdDtlNteFetrWrd{
  color: rgba(122, 93, 70, 1);
  font-size: 0.875rem;
  /*font-size: 1rem;*/
  font-weight: 700;
  line-height: 1.4;
  /*line-height: 1.6;*/
  margin: 0;
  }
.topRcmdDtlNtePrcGrp{
  width: 100%;
  }
.topRcmdDtlNtePrcBlk{
  margin: 0 0 0.5rem;
}
.topRcmdDtlNteThm{}
.topRcmdDtlNtePrcRgeMain{
  color: rgba(122, 93, 70, 1);
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  }
.topRcmdDtlNtePrcRgeMainUnit{
  font-size: 1rem;
  }
.topRcmdDtlNtePrcRgeMainUnitSml{
  font-size: 0.8125rem;
  font-feature-settings: "palt";
  }
.topRcmdDtlNteConstDtlBlk{}
.topRcmdDtlNteConstDtlThm{
  color: rgba(143, 195, 31, 1);
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
}
.topRcmdDtlNteConstDtlWrd{
  color: rgba(122, 93, 70, 1);
  display: block;
  font-feature-settings: "palt";
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
  white-space: break-spaces;
  word-wrap: break-word;
}

.topRcmdDtlSubBlk{
  width: 100%;
  }
/* ============ slider custom ============ */
.slick-dotted.slick-slider{
  margin: 0 0 0.5rem;
  }

/* ============ 以下WYSIWYGエリア ============ */
.topRcmdDtlSubContsBlk{
  display: flex;
  flex-direction: column-reverse;
  margin: 0 0 2rem;
  }
.topRcmdDtlSubContsBlk:last-of-type{
  margin: 0;
  }
.topRcmdDtlSubContsThinSnd{
  margin: 3rem 0 3rem;
  }
.topRcmdDtlSubColBlk{
  display: flex;
  flex-wrap: wrap;
  }

/* =================================================================
   topRcmdDtlSub2Col > scheme
================================================================= */
/* =================================
   topRcmdDtlSub2Col > scheme > 2col
================================= */
.topRcmdDtlSub2Col{}
.topRcmdDtlSubCol{
  text-align: center;
  width: 100%;
}
.topRcmdDtlSubCol img{
  display: inline-block;
}
.topRcmdDtlSub2Col .topRcmdDtlSubCol{}

/* =================================
   topRcmdDtlSub3Col > scheme > 3col
================================= */
.topRcmdDtlSub3Col{}
.topRcmdDtlSub3Col .topRcmdDtlSubCol{
  margin: 0 0 10px;
  width: 100%;
}
.topRcmdDtlSub3Col .topRcmdDtlSubCol:last-of-type{
  margin: 0;
}

.topRcmdDtlSub2Col2 {
	min-height:12em;
  }
.topRcmdDtlSub2Col_5545 > .topRcmdDtlSubCol:nth-child(2n+1) {}
.topRcmdDtlSub2Col_5545 > .topRcmdDtlSubCol:nth-child(2n) {}

.topRcmdDtlSub2Col_64 > .topRcmdDtlSubCol:nth-child(2n+1) {}
.topRcmdDtlSub2Col_64 > .topRcmdDtlSubCol:nth-child(2n) {}
  

/* =================================
   topRcmdDtlSubCol > scheme > 4col
================================= */
.topRcmdDtlSub4Col .topRcmdDtlSubCol{}

.topRcmdDtlSub2Col_3565 > .topRcmdDtlSubCol:nth-child(2n+1) {}
.topRcmdDtlSub2Col_3565 > .topRcmdDtlSubCol:nth-child(2n) {}

.topRcmdDtlSub2Col_7525 > .topRcmdDtlSubCol:nth-child(2n+1) {}
.topRcmdDtlSub2Col_7525 > .topRcmdDtlSubCol:nth-child(2n) {}

.topRcmdDtlSub2Col .topRcmdDtlSubCol:first-of-type{
  margin: 0 0 0.5rem;
  }



/* =================================
   topRcmdDtlSub7_3Col > scheme > 7col + 3col
================================= */
.topRcmdDtlSub7_3Col{}
.topRcmdDtlSubCol7{
  margin: 0 1.25rem 0 0;
  width: 73%;
  }
.topRcmdDtlSubCol3{
  width: 24%;
  }

.topRcmdDtlSubColFig{}
.topRcmdDtlSubColFigLst{
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  }
.topRcmdDtlSubColFigItm{
  text-align: center;
  }
.topRcmdDtlSubColFigItm img{
  max-width: 100%;
  }


/* =================================================================
   pcmPlnSubColFig > scheme
================================================================= */
/* =================================
   pcmPlnSubCol > scheme > 1col > 2Fig
================================= */
.topRcmdDtlSub2fig .topRcmdDtlSubColFigLst{
  display: flex;
  justify-content: center;
  }
.topRcmdDtlSub2fig .topRcmdDtlSubColFigItm{
  margin: 0 0 1rem;
}
.topRcmdDtlSub2fig .topRcmdDtlSubColFigItm:last-of-type{
  margin: 0;
}
.topRcmdDtlSub2fig_64 .topRcmdDtlSubColFigItm:nth-child(2n+1){}
.topRcmdDtlSub2fig_64 .topRcmdDtlSubColFigItm:nth-child(2n){}

/* =================================
   pcmPlnSubCol > scheme > 1col > 3Fig
================================= */
/*.topRcmdDtlSub3fig .topRcmdDtlSubColFigLst{
  display: flex;
  justify-content: center;
  }

.topRcmdDtlSub3fig .topRcmdDtlSubColFigItm{
  width: calc((100% - 10px) /3);
  }
.topRcmdDtlSub3figLft{
  display: flex;
  justify-content: center;
  }
*/


/* =================================
   pcmPlnSubCol > scheme > 1col > 4Fig
================================= */
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst{
  display: flex;
  justify-content: center;
  }
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst > .topRcmdDtlSubColFigItm{
  width: calc((100% - 10px) /4);
	padding:0 0 0 4px;
  }
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst > .topRcmdDtlSubColFigItm:nth-child(4n+1) {
	padding:0;
  }

.pdDtfigAlcnt{
  display: flex;
  align-items: center;
  }


/* =================================
   pcmPlnSubCol > scheme > 2Nte
================================= */
.topRcmdDtlSub2nte{
  display: flex;
  flex-direction: column-reverse;
}

/*.ytb{
  position: relative;
  width: 100%;
}*/
/* youtube > scheme */
/*.topRcmdDtlSub2Col .ytb{
  padding: 21% 0 0;
}
.topRcmdDtlSubColFig .ytb{
  padding: 15% 0 0;
}
.ytb iframe{
  border: none;
  height: 100%!important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%!important;
}*/
/*.ytbLnk{
  box-shadow: 0 0 5px rgba(3, 0, 1, 0.3);
  display: block;
  overflow: hidden;
}
.ytbLnk img{
  width: 100%;
}
.topRcmdDtlSub2Col .ytbLnk img{
  height: 100px;
  width: 225px;
}*/
.ytbLnk{
  background-color: rgba(204, 204, 204, 1);
  /*overflow: hidden;*/
  display: block;
  height: 104px;
  position: relative;
  }
.ytbLnk:before{
  background-image: url("/src/images/common/icon/icon_movie.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 33px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  z-index: 110;
  }
.ytbLnk img{
  /*display: block;*/
  /*margin: 0 auto;
  position: relative;*/
  }

/* =================================================================
   ytbLnk > scheme
================================================================= */
/* =================================
   ytbLnk > scheme > 2col
================================= */
.topRcmdDtlSub2Col .ytbLnk{
  /*height: calc(59.2593% + 54px);*/
  /*margin: 0 auto;
  width: 80%;*/
  }
.topRcmdDtlSub2Col2 .ytbLnk{
  /*height: calc(59.2593% + 24px);*/
  }
.topRcmdDtlSub2Col .ytbLnk img{
  /*bottom: 22px;
  margin-bottom: -60px;*/
  }
.topRcmdDtlSub2Col .topRcmdDtlSub2fig .ytbLnk{
  /*height: calc(59.2593% + 54px);*/
  }
.topRcmdDtlSub2Col .topRcmdDtlSub2fig .ytbLnk img{
  /*bottom: 24px;
  margin-bottom: -40px;*/
  }

.topRcmdDtlSubYtb .ytbLnk img{
  /*bottom: 0;
  margin-bottom: 0;*/
  }

.topRcmdDtlSubContsCmt{
  color: rgba(122, 93, 70, 1);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  padding: 0 0 0.5rem;
  }

/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
/* ============================

  secCmn

============================ */
.secCmnTtlBlk{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  }
.secCmnTtl{}
.secCmnTtlTxt{
  font-size: 2rem;
  }

.topRcmdDtlBlk{}
.topRcmdDtlComingSoonNte{}






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

  topRcmdDtlArea

============================ */
.topRcmdDtlArea{}
.topRcmdDtlOtr{
  padding: 0 15px;
  }
.topRcmdDtlInr{
  padding: 6rem 15px 5rem;
  }
.topRcmdDtlSlidr{}
.topRcmdDtlSlidr:before{
  display: none;
  }
/*.planMulti:before{
  display: none;
  }*/
.topRcmdDtlSlidr > .slick-prev,
.topRcmdDtlSlidr > .slick-next{}
.topRcmdDtlSlidr > .slick-prev{}
.topRcmdDtlSlidr > .slick-next{}
.topRcmdDtlSlidr > .slick-prev:before,
.topRcmdDtlSlidr > .slick-next:before{}
.topRcmdDtlSlidr > .slick-prev:before{}
.topRcmdDtlSlidr > .slick-next:before{}
.topRcmdDtlSlidr > .slick-dots{
  bottom: -20px;
  }

/* ============ topRcmdDtlGrp ============ */
.topRcmdDtlGrp{
  border-radius: 9px;
  box-shadow: 0 0 12px rgb(99 90 82 / 30%);
  padding: 20px 15px;
  }
.topRcmdDtlGrpInr{}
.topRcmdDtlMainBlk{
  margin: 0 2rem 0 0;
  width: calc((100% - 2rem) / 2);
  }
.topRcmdDtlMainBlk:after{
  border-right: 4px rgba(143, 195, 31, 1) dotted;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: -1.1rem;
  top: 0;
  width: 4px;
  }
.topRcmdDtlTtlBlk{
  margin: 0 0 0.625rem;
  }
.topRcmdDtlTtl{
  justify-content: flex-start;
  margin: 0;
  }
.topRcmdDtlTtlFig{
  width: 36px;
  }

.topRcmdDtlTtlFig img{}
.topRcmdDtlTtlName{
  margin: 0 0 0 1rem;
  text-align: left;
  width: auto;
  }
.topRcmdDtlTtlName1line{
  font-size: 1.125rem;
  line-height: 0.7;
  }
.topRcmdDtlTtlTxt2line{
  font-size: 1rem;
  }
.topRcmdDtlMvBlk{
  margin: 0 0 1rem;
  width: 100%;
  }
.topRcmdDtlMvLst{
  border-radius: 9px;
  box-shadow: 0 0 12px rgba(99, 90, 82, 0.3);  
  }
.topRcmdDtlMvItm{}
.topRcmdDtlMvItm img{
  /*border-radius: 0;*/
}
.topRcmdDtlMvTtlBlk{
  padding: 5px 10px;
  }
.topRcmdDtlMvTtlSub{
  font-size: 1rem;
  }
.topRcmdDtlMvTtl{
  font-size: 1rem;
  }

.topRcmdDtlNteBlk{}
.topRcmdDtlNteInr{}
.topRcmdDtlNteFetrGrp{
  width: 100%;
  }
.topRcmdDtlNteThm{
  font-size: 1.5625rem;
  margin: 0 0 0.5rem;
  }
.topRcmdDtlNteFetrWrd{
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0;
  }
.topRcmdDtlNtePrcGrp{}
.topRcmdDtlNtePrcBlk{}
.topRcmdDtlNteThm{}
.topRcmdDtlNtePrcRgeMain{
  font-size: 1.25rem;
  }
.topRcmdDtlNtePrcRgeMainUnit{
  font-size: 1rem;
  }
.topRcmdDtlNtePrcRgeMainUnitSml{}
.topRcmdDtlNteConstDtlBlk{}
.topRcmdDtlNteConstDtlThm{
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  }
.topRcmdDtlNteConstDtlWrd{}

.topRcmdDtlSubBlk{
  width: calc((100% - 3.75rem) / 2);
  }
/* ============ slider custom ============ */
.slick-dotted.slick-slider{
  margin: 0 0 0.5rem;
  }

/* ============ 以下WYSIWYGエリア ============ */
.topRcmdDtlSubContsBlk{
  display: block;
  flex-direction: row;
  margin: 0 0 0.8rem;
  }
.topRcmdDtlSubContsBlk:last-of-type{}
.topRcmdDtlSubContsThinSnd{
  margin: 3rem 0 3rem;
  }
.topRcmdDtlSubColBlk{}
/* =================================================================
   topRcmdDtlSubCol > scheme
================================================================= */
/* =================================
   topRcmdDtlSubCol > scheme > 2col
================================= */
.topRcmdDtlSub2Col{}
.topRcmdDtlSubCol{}
.topRcmdDtlSub2Col .topRcmdDtlSubCol{
  width: calc((100% - 0.5rem) / 2);
  }
.topRcmdDtlSub2Col2 {
	min-height:12em;
  }
.topRcmdDtlSub2Col_5545 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.55);
  }
.topRcmdDtlSub2Col_5545 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.45);
  }

.topRcmdDtlSub2Col_64 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.6);
  }
.topRcmdDtlSub2Col_64 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.4);
  }

/* =================================
   topRcmdDtlSubCol > scheme > 3col
================================= */
.topRcmdDtlSub3Col{
  justify-content: space-between;
  }
.topRcmdDtlSub3Col .topRcmdDtlSubCol{
  margin: 0;
  width: calc((100% - 1.25rem) / 3);
  }
  

/* =================================
   topRcmdDtlSubCol > scheme > 4col
================================= */
.topRcmdDtlSub4Col .topRcmdDtlSubCol{
  width: calc((100% - 1.25rem) / 4);
}

.topRcmdDtlSub2Col_3565 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.35);
  }
.topRcmdDtlSub2Col_3565 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.65);
  }

.topRcmdDtlSub2Col_7525 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.75);
  }
.topRcmdDtlSub2Col_7525 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.25);
  }
.topRcmdDtlSub2Col .topRcmdDtlSubCol:first-of-type{
  margin: 0 0.5rem 0 0;
  }


/* =================================
   topRcmdDtlSubCol > scheme > 7col + 3col
================================= */
.topRcmdDtlSub7_3Col{}
.topRcmdDtlSubCol7{
  margin: 0 1.25rem 0 0;
  width: 73%;
  }
.topRcmdDtlSubCol3{
  width: 24%;
  }

.topRcmdDtlSubColFig{}
.topRcmdDtlSubColFigLst{}
.topRcmdDtlSubColFigItm{}
.topRcmdDtlSubColFigItm img{}



/* =================================================================
   topRcmdDtlSubColFig > scheme
================================================================= */
/* =================================
   topRcmdDtlSubCol > scheme > 1col > 2Fig
================================= */
.topRcmdDtlSub2fig .topRcmdDtlSubColFigLst{
  justify-content: space-between;
  }
.topRcmdDtlSub2fig .topRcmdDtlSubColFigItm{
  margin: 0;
  width: calc((100% - 5px) /2);
  }
.topRcmdDtlSub2fig_64 .topRcmdDtlSubColFigItm:nth-child(2n+1){
  width: calc((100% - 5px) *0.6);
  }
.topRcmdDtlSub2fig_64 .topRcmdDtlSubColFigItm:nth-child(2n){
  width: calc((100% - 5px) *0.4);
  }

/* =================================
   pcmPlnSubCol > scheme > 1col > 3Fig
================================= */
/*.topRcmdDtlSub3fig .topRcmdDtlSubColFigLst{
  justify-content: space-between;
  }

.topRcmdDtlSub3fig .topRcmdDtlSubColFigItm{
  width: calc((100% - 10px) /3);
  }
.topRcmdDtlSub3figLft{
  justify-content: space-between;
  }*/


/* =================================
   pcmPlnSubCol > scheme > 1col > 4Fig
================================= */
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst{
  justify-content: space-between;
  }
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst > .topRcmdDtlSubColFigItm{
  width: calc((100% - 10px) /4);
	padding:0 0 0 4px;
  }
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst > .topRcmdDtlSubColFigItm:nth-child(4n+1) {
	padding:0;
  }

.pdDtfigAlcnt{
  align-items: center;
  }


/* =================================
   pcmPlnSubCol > scheme > 2Nte
================================= */
.topRcmdDtlSub2nte{
  display: block;
  flex-direction: row;
}

/*.ytb{
  position: relative;
  width: 100%;
}*/
/* youtube > scheme */
/*.topRcmdDtlSub2Col .ytb{
  padding: 21% 0 0;
}
.topRcmdDtlSubColFig .ytb{
  padding: 15% 0 0;
}
.ytb iframe{
  border: none;
  height: 100%!important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%!important;
}*/
/*.ytbLnk{
  box-shadow: 0 0 5px rgba(3, 0, 1, 0.3);
  display: block;
  overflow: hidden;
}
.ytbLnk img{
  width: 100%;
}
.topRcmdDtlSub2Col .ytbLnk img{
  height: 100px;
  width: 225px;
}*/
.ytbLnk{
  height: 100%;
  }
.ytbLnk:before{
  height: 33px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  }
.ytbLnk img{}

/* =================================================================
   ytbLnk > scheme
================================================================= */
/* =================================
   ytbLnk > scheme > 2col
================================= */
.topRcmdDtlSub2Col .ytbLnk{
  /*width: auto;
  height: calc(59.2593% + 18px);*/
  }
.topRcmdDtlSub2Col2 .ytbLnk{
  /*height: calc(59.2593% + 24px);*/
  }
.topRcmdDtlSub2Col .ytbLnk img{
  /*bottom: 22px;
  margin-bottom: -60px;*/
  }
.topRcmdDtlSub2Col .topRcmdDtlSub2fig .ytbLnk{
  /*height: calc(59.2593% + 26px);*/
  }
.topRcmdDtlSub2Col .topRcmdDtlSub2fig .ytbLnk img{
  /*bottom: 7px;
  margin-bottom: -8px;*/
  }

.topRcmdDtlSubYtb .ytbLnk img{
  /*bottom: 0;
  margin-bottom: 0;*/
  }

.topRcmdDtlSubContsCmt{
  /*font-size: 1rem;*/
  /*letter-spacing: -0.1em;*/
  line-height: 1.2;
  padding: 0.5rem 0;
  }


}/* /min-width: 600px */
/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
/* ============================

  secCmn

============================ */
.secCmnTtlBlk{
  margin: 0 0 2.5rem;
  }
.secCmnTtl{}
.secCmnTtlTxt{
  font-size: 2.1875rem;
  }

.topRcmdDtlBlk{
  height: 435px;
  }
.topRcmdDtlComingSoonNte{}



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

  topRcmdDtlArea

============================ */
.topRcmdDtlArea{}
.topRcmdDtlOtr{
  padding: 0 15px;
  }
.topRcmdDtlInr{
  padding: 1.2rem 0 1.4rem;
  }
.topRcmdDtlSlidr{}
.topRcmdDtlSlidr > .slick-prev,
.topRcmdDtlSlidr > .slick-next{
  height: 60px;
  transform: translate(0, -22%);
  width: 60px;
  }
.topRcmdDtlSlidr > .slick-prev{
  left: -70px;
  }
.topRcmdDtlSlidr > .slick-next{
  right: -70px;
  }
.topRcmdDtlSlidr > .slick-prev:before,
.topRcmdDtlSlidr > .slick-next:before{
  border-top: 5px rgba(122, 93, 70, 1) solid;
  height: 30px;
  top: calc(50% - 15px);
  width: 30px;
  }
.topRcmdDtlSlidr > .slick-prev:before{
  border-left: 5px rgba(122, 93, 70, 1) solid;
  left: 2.3125rem;
  }
.topRcmdDtlSlidr > .slick-next:before{
  border-right: 5px rgba(122, 93, 70, 1) solid;
  right: 2.3125rem;
  }
.topRcmdDtlSlidr > .slick-dots{
  bottom: -30px;
  }


/* ============ topRcmdDtlGrp ============ */
.topRcmdDtlGrp{
  border-radius: 9px;
  box-shadow: 0 0 12px rgb(99 90 82 / 30%);
  padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  }
.topRcmdDtlGrpInr{}
.topRcmdDtlMainBlk{
  margin: 0 3.75rem 0 0;
  width: calc((100% - 3.75rem) / 2);
  }
.topRcmdDtlMainBlk:after{
  border-right: 4px rgba(143, 195, 31, 1) dotted;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: -1.875rem;
  top: 0;
  width: 4px;
  }
.topRcmdDtlTtlBlk{
  margin: 0 0 0.625rem;
  }
.topRcmdDtlTtl{
  margin: 0;
  }
.topRcmdDtlTtlFig{}

.topRcmdDtlTtlFig img{}
.topRcmdDtlTtlName{
  margin: 0 0 0 1rem;
  text-align: left;
  width: auto;
  }
.topRcmdDtlTtlName1line{
  font-size: 1.25rem;
  line-height: 0.7;
  }
.topRcmdDtlTtlTxt2line{
  font-size: 1rem;
  }
.topRcmdDtlMvBlk{
  margin: 0 0 1rem;
  width: 100%;
  }
.topRcmdDtlMvLst{
  border-radius: 9px;
  box-shadow: 0 0 12px rgba(99, 90, 82, 0.3);  
  }
.topRcmdDtlMvItm{}
.topRcmdDtlMvTtlBlk{
  padding: 5px 10px;
  }
.topRcmdDtlMvTtlSub{}
.topRcmdDtlMvTtl{}

.topRcmdDtlNteBlk{}
.topRcmdDtlNteInr{}
.topRcmdDtlNteFetrGrp{
  margin: 0 1rem 0 0;
  width: 230px;
  }
.topRcmdDtlNteThm{
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  }
.topRcmdDtlNteFetrWrd{
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0;
  }
.topRcmdDtlNtePrcGrp{
  width: calc((100% - 1rem) - 230px);
  }
.topRcmdDtlNtePrcBlk{}
.topRcmdDtlNteThm{}
.topRcmdDtlNtePrcRgeMain{}
.topRcmdDtlNtePrcRgeMainUnit{}
.topRcmdDtlNtePrcRgeMainUnitSml{}
.topRcmdDtlNteConstDtlBlk{}
.topRcmdDtlNteConstDtlThm{}
.topRcmdDtlNteConstDtlWrd{}

.topRcmdDtlSubBlk{
  width: calc((100% - 3.75rem) / 2);
  }
/* ============ slider custom ============ */
.slick-dotted.slick-slider{
  margin: 0 0 0.5rem;
  }

/* ============ 以下WYSIWYGエリア ============ */
.topRcmdDtlSubContsBlk{
  margin: 0 0 0.8rem;
  }
.topRcmdDtlSubContsBlk:last-of-type{}
.topRcmdDtlSubContsThinSnd{
  margin: 3rem 0 3rem;
  }
.topRcmdDtlSubColBlk{}
/* topRcmdDtlSubCol > scheme */
.topRcmdDtlSub2Col{}
.topRcmdDtlSubCol{}
.topRcmdDtlSub2Col .topRcmdDtlSubCol{
  width: calc((100% - 1.25rem) / 2);
  }
.topRcmdDtlSub2Col2 {
	min-height:12em;
  }
.topRcmdDtlSub2Col_5545 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.55);
  }
.topRcmdDtlSub2Col_5545 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.45);
  }

.topRcmdDtlSub2Col_64 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.6);
  }
.topRcmdDtlSub2Col_64 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.4);
  }

.topRcmdDtlSub3Col{}
.topRcmdDtlSub3Col .topRcmdDtlSubCol{}

.topRcmdDtlSub4Col .topRcmdDtlSubCol{
  width: calc((100% - 1.25rem) / 4);
}

.topRcmdDtlSub2Col_3565 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.35);
  }
.topRcmdDtlSub2Col_3565 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.65);
  }

.topRcmdDtlSub2Col_7525 > .topRcmdDtlSubCol:nth-child(2n+1) {
  width: calc((100% - 1.25rem) *0.75);
  }
.topRcmdDtlSub2Col_7525 > .topRcmdDtlSubCol:nth-child(2n) {
  width: calc((100% - 1.25rem) *0.25);
  }



.topRcmdDtlSub2Col .topRcmdDtlSubCol:first-of-type{
  margin: 0 1.25rem 0 0;
  }

.topRcmdDtlSub7_3Col{}
.topRcmdDtlSubCol7{
  margin: 0 1.25rem 0 0;
  width: 73%;
  }
.topRcmdDtlSubCol3{
  width: 24%;
  }

.topRcmdDtlSubColFig{}
.topRcmdDtlSubColFigLst{}
.topRcmdDtlSubColFigItm{}
.topRcmdDtlSubColFigItm img{}

/* topRcmdDtlSubColFig > scheme */
.topRcmdDtlSub2fig .topRcmdDtlSubColFigLst{
  justify-content: space-between;
  }
.topRcmdDtlSub2fig .topRcmdDtlSubColFigItm{
  width: calc((100% - 5px) /2);
  }
.topRcmdDtlSub2fig_64 .topRcmdDtlSubColFigItm:nth-child(2n+1){
  width: calc((100% - 5px) *0.6);
  }
.topRcmdDtlSub2fig_64 .topRcmdDtlSubColFigItm:nth-child(2n){
  width: calc((100% - 5px) *0.4);
  }

/* =================================
   pcmPlnSubCol > scheme > 1col > 3Fig
================================= */
/*.topRcmdDtlSub3fig .topRcmdDtlSubColFigLst{
  justify-content: space-between;
  }

.topRcmdDtlSub3fig .topRcmdDtlSubColFigItm{
  width: calc((100% - 10px) /3);
  }
.topRcmdDtlSub3figLft{
  justify-content: space-between;
  }*/


/* =================================
   pcmPlnSubCol > scheme > 1col > 4Fig
================================= */
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst{
  justify-content: space-between;
  }
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst > .topRcmdDtlSubColFigItm{
  width: calc((100% - 10px) /4);
	padding:0 0 0 4px;
  }
.topRcmdDtlSub4fig .topRcmdDtlSubColFigLst > .topRcmdDtlSubColFigItm:nth-child(4n+1) {
	padding:0;
  }

.pdDtfigAlcnt{
  align-items: center;
  }


/* =================================
   pcmPlnSubCol > scheme > 2Nte
================================= */
.topRcmdDtlSub2nte{}


/*.ytb{
  position: relative;
  width: 100%;
}*/
/* youtube > scheme */
/*.topRcmdDtlSub2Col .ytb{
  padding: 21% 0 0;
}
.topRcmdDtlSubColFig .ytb{
  padding: 15% 0 0;
}
.ytb iframe{
  border: none;
  height: 100%!important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%!important;
}*/
/*.ytbLnk{
  box-shadow: 0 0 5px rgba(3, 0, 1, 0.3);
  display: block;
  overflow: hidden;
}
.ytbLnk img{
  width: 100%;
}
.topRcmdDtlSub2Col .ytbLnk img{
  height: 100px;
  width: 225px;
}*/
.ytbLnk{}
.ytbLnk:before{
  height: 33px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  }
.ytbLnk img{}

/* =================================================================
   ytbLnk > scheme
================================================================= */
/* =================================
   ytbLnk > scheme > 2col
================================= */
.topRcmdDtlSub2Col .ytbLnk{
  /*height: calc(59.2593% + 34px);*/
  }
.topRcmdDtlSub2Col2 .ytbLnk{
  /*height: calc(59.2593% + 24px);*/
  }
.topRcmdDtlSub2Col .ytbLnk img{
  /*bottom: 22px;
  margin-bottom: -60px;*/
  }
.topRcmdDtlSub2Col .topRcmdDtlSub2fig .ytbLnk{
  /*height: calc(59.2593% + 26px);*/
  }
.topRcmdDtlSub2Col .topRcmdDtlSub2fig .ytbLnk img{
  /*bottom: 7px;
  margin-bottom: -8px;*/
  }

.topRcmdDtlSubYtb .ytbLnk img{
  /*bottom: 0;
  margin-bottom: 0;*/
  }

.topRcmdDtlSubContsCmt{
  /*font-size: 1rem;
  letter-spacing: -0.15em;*/
  line-height: 1.2;
  }

}/* /min-width: 1025px */