@CHARSET "UTF-8";
@import url('../column_pc.css');

.contentArea > h1.contentTitle{
  margin-bottom: 1rem;
}
.parents h1.contentTitle{
  font-size: 2em;
  line-height: 1.5;
}
.parents h1.contentTitle span{
  padding: 0 .5rem;
}
.parents h2{
  margin: 2rem .5rem;
}
.columnWrap{
  display: flex;
  justify-content: space-between;
}
.contentWrap{
  box-sizing: border-box;
  padding: 1rem 2rem;
  width: calc(100% - 320px);
}
.contentWrap + aside.recommendArea{
  width: 320px;
}

.parents figure{
  margin: 0 1rem;
}
.parents figure:nth-of-type(even){
  float: left;
}
.parents figure:nth-of-type(odd){
  float: right;
}

.parents .contentWrap .recommendArea{
  margin: 2rem .75rem;
}
.contentWrap + .recommendArea ul{
  padding: 0;
}
.parents ul.recommendContents{
  margin: 1rem 1.25rem;
}
.parents ul.recommendContents li a{
  font-size: 1em;
}

/* 20220929 add */
.historyTable{
  width: calc(100% - 1rem);
}

/* ↓↓リニューアル後CSS */
.contentArea.column.parents{
  max-width: 960px;
  width: 960px;
  margin: 0 auto;
}
.h2img{
  width: 80px;
}
.mokuzi{
  width: 800px;
}
.pctext{
  width: 870px;
}
h2.toph2{
  margin-bottom: 0px;
}
.h2float{
margin-left: 0;
}
.weight{
  width: 300px;
}
.explanation{
  width: 400px;
}
.h2botan{
  width: 500px;
  margin-left: 12rem;
}
.h2botan::after{
  top: 87px;
  right: 21px;
}
.h2float::after{
  left: 72%;
  width: 423px;
}
.step.one::after{
  top: 92px;
}
.h2img.big{
  margin-right: 0px;
  margin-left: 30px;
}
.float2.big{
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 860px;
}
.float2 h2{
  margin-left: 2rem;
}
.money{
  margin: 0 auto;
}
.linkbotanfloat{
  width: 870px;

}
.botanbackground{
  padding-right: 1rem;
  padding-left: 1rem;
  width: 870px;
}
.linkbotan{
  display: flex;
  flex-direction: row;
  height: 265px;
  width: 420px; ;
}
.linkbotanimg{
  width: 200px;
  margin-bottom: 80px!important;
}
.botantext{
  text-align: center;
  padding: 20px 10px;
}
.linktitle{
  margin-bottom: 0px;
  font-size: 20px
}
.greenback{
  width: 870px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.ocimg{
  width: 400px;
}
.searchbotan.green{
  text-align: center;
  width: 360px;

}
.searchbotan.pink{
  text-align: center;
  width: 360px;
}
.searchbotan.pink::before{
  left: 2.6em;
}
.searchbotan.orange{
  text-align: center;
  width: 360px;

}
.searchbotan.orange::before{
  left: 2.6em;
}
.searchbotan.green::before{
  left: 6em;
}
.pctext.oc{
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  text-align: left;
}
.seikyuu::before{
  left: 11em;
}
.seikyuu::after{
  right: 11em;
}
.step{
  width: 400px;
  margin: 2rem auto;
}
.steptext{
  text-align: center;
}
.tableh2::before{
  left: 9.5em;
}
.tableh2::after{
  right: 9.5em;
}
.br-sp {
  display: none;
}
.slick-dots{
  position: absolute !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: center !important;
  display: flex !important;
  justify-content: space-around !important;
  margin: 0 auto !important;
  align-items: center !important;
  right: 0px;
  left: 0px;
  bottom: 42px !important;
  width: 39% !important;
}
.slick-arrow{
  bottom: 46px;
}
.slick-prev{
  left: 245px !important;
}
.slick-next{
  right: 245px !important;
}
.siryou{
  width: 360px;
  margin-left: 0px;
}
.float2.long h2::after{
  width: 20.5em;
  height: 2em;
}
.botanbackground a{
  width: 200px;
  display: block;
  margin-left: 15rem;
}
.greenback a{
  width: 200px;
  display: block;
  margin-left: 16rem;
}
.searchbotan.green{
  padding-left: .5rem;
}
.searchbotan.orange{
  padding-left: 1rem;
}
.slick-dotted.slick-slider{
  height: 450px !important;
}
table.parenttable{
  margin: 0;
}
table th:nth-child(1){
  width: 24%;
}
table.parenttable{
  margin-right: 17px !important;
}

.slick-dotted.slick-slider{
  margin-bottom: 0px;
}
.sedai{
  width: 550px;
  margin: auto;
  margin-bottom: 1rem;
}