@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,
#main div[id^="h2_0"] img {
  zoom: 1;
  display: block;
  max-width: 750px;
  width: 100%;
  height: auto;
  margin: auto;
}
/* wrap */
.larcobalenoWrap {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  background: #ffffff;
}
.larcobalenoWrap img {
  vertical-align: top;
  width: 100%;
  height: auto;
  zoom: 1 !important;
}
.larcobalenoWrap a {
  display: block;
}
.larcobalenoWrap .contentlarco {
  padding: 0 calc(30 / 750 * 100%) 5.2%;
  background: #e8e6e1;
}
.larcobalenoWrap .contentlarco p {
  font-size: 13px;
  line-height: 2;
  color: #545353;
}
.larcobalenoWrap .mvBlockA01 {
  margin: 0 calc(-30 / 690 * 100%);
}
.larcobalenoWrap .mvBlockA01 .bg {
  width: 100%;
  transition: transform 5s;
  -webkit-transition: -webkit-transform 5s;
  -ms-transition: -webkit-transform 5s;
}
.larcobalenoWrap .mvBlockA01 .zoomanim .bg {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.zoom {
width: 100%;
overflow: hidden
}
.zoom-1 img {
width: 100%;
height: auto;
animation: animationZoom1 5s ease-in-out forwards;
}
@keyframes animationZoom1 {
100% { transform: scale(1.03)}
}
.larcobalenoWrap .banner {
  margin-top: calc(80 / 690 * 100%);
}
.larcobalenoWrap .center {
  text-align: center;
}
.larcobalenoWrap .innerBlock01 .textTitle {
  margin-top: calc(124 / 690 * 100%);
  margin-bottom: calc(45 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .textTitle .img01 {
  width: calc(492 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .textTitle .img02 {
  width: calc(477 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .bg01 .textTitle {
  margin-top: calc(170 / 690 * 100%);
  margin-bottom: calc(33 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: url(../image/larcobaleno_sp_bg_001_211011.png) center center
    no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  margin: 0 calc(-30 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col1,
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col2 {
  width: 100%;
  padding: 0 calc(30 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col2 {
  margin-top: calc(46 / 690 * 100%);
  margin-bottom: calc(75 / 690 * 100%);
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col1 p span {
  display: inline;
  background: #545353;
  font-size: 24px;
  color: #fff;
  padding: 6px calc(8 / 690 * 100%);
}
.larcobalenoWrap .bg01 {
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col02 {
  margin-top: 45px;
  padding-bottom: 0px;
  align-items: center;
  margin-left: auto;
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col02 p {
  margin-left: 0px;
}
.larcobalenoWrap .linkAnchor .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.larcobalenoWrap .linkAnchor .list.list02 {
  justify-content: space-around;
}
.larcobalenoWrap .linkAnchor .list.list02 li:first-child {
  margin-right: calc(70 / 690 * 100%);
}
.larcobalenoWrap .linkAnchor .list.list02 li:last-child {
  margin-bottom: calc(100 / 690 * 100%);
}
.larcobalenoWrap .linkAnchor .list li {
  width: calc(310 / 690 * 100%);
  margin-bottom: calc(60 / 690 * 100%);
}
.larcobalenoWrap .linkAnchor .list li a {
  color: #545353;
  font-size: 13px;
  line-height: 1.77;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.larcobalenoWrap .linkAnchor .list li a:hover {
  text-decoration: none;
}
.larcobalenoWrap .linkAnchor .list li a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #38405b;
}
.larcobalenoWrap .linkAnchor .list li a span {
  padding-top: calc(30 / 690 * 100%);
  padding-bottom: calc(15 / 690 * 100%);
}
.larcobalenoWrap .linkAnchor.linkAnchor02 .list li {
  width: calc(310 / 690 * 100%);
}
.larcobalenoWrap .linkAnchor .smallTitle {
  margin-top: calc(70 / 690 * 100%);
  margin-bottom: calc(60 / 690 * 100%);
}
.larcobalenoWrap .linkAnchor .smallTitle.smallTitlelu {
  margin-top: calc(100 / 690 * 100%);
}
.larcobalenoWrap .anchor .textTitle {
  margin-top: 105px;
}
.larcobalenoWrap .anchor .textTitle.textTitlelu {
  margin-top: calc(150 / 690 * 100%);
}
.larcobalenoWrap .anchor img {
  width: inherit;
}
.larcobalenoWrap .anchor .img03 {
  width: calc(413 / 690 * 100%);
}
.larcobalenoWrap .anchor .img04 {
  width: calc(487 / 690 * 100%);
}
.larcobalenoWrap .anchor .img05 {
  width: calc(451 / 690 * 100%);
}
.larcobalenoWrap .content01 li {
  padding: calc(80 / 690 * 100%) calc(45 / 690 * 100%);
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 8.7%;
}
.larcobalenoWrap .content01 li:last-child {
  margin-bottom: 0;
}
.larcobalenoWrap .content01 li .title {
  padding-top: 6.6%;
  padding-bottom: 0.8%;
}
.larcobalenoWrap .content01 li .text01 {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5;
}
.larcobalenoWrap .content01 li .text02 {
  margin-bottom: 6.3%;
}
.larcobalenoWrap .content01 li .price {
  font-weight: bold;
}
.larcobalenoWrap .content01 .contentRight {
  width: 100%;
}
.larcobalenoWrap .content01 .contentRight a {
  margin-top: auto;
}
.larcobalenoWrap .bg02 img {
  width: 100%;
}
.larcobalenoWrap .bg02 {
  margin: 0 calc(-30 / 690 * 100%) calc(-135 / 690 * 100%);
}
.larcobalenoWrap .bg02.bg03 {
  margin: calc(-50 / 690 * 100%) calc(-30 / 690 * 100%) calc(-135 / 690 * 100%);
}
.larcobalenoWrap .innerContent {
  position: relative;
}
/*templateArea******************************************************/
.larcobalenoWrap .templateArea .marginA01 {
  margin: 0 0 3% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 {
  background: #f2f2f2;
  padding: 11.7% 2.7% 5.2% 2.7%;
  margin: 0 0 5.3% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 .headingBlockA02 {
  margin: 0 0 3% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 .headingBlockA03 {
  margin: 0 0 3% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 .descriptionListA01 {
  margin: 0 0 5% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 .descriptionListA01 ul li {
  text-indent: -1em;
  padding: 0 0 0 1em;
}
.larcobalenoWrap .templateArea .textA01 {
  margin: 0 0 2%;
  padding: 2% 2.5%;
  border: 2px solid #000;
  font-weight: bold;
}
.larcobalenoWrap .templateArea .textA01 p {
  font-size: 9px;
  line-height: 1.67;
  word-break: break-word;
}
.larcobalenoWrap .templateArea .infoBlock01 .stepList {
  margin: 0 0 2% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 .stepList ul li {
  float: left;
  width: 48.6%;
  margin: 0 2.8% 2.8% 0;
}
.larcobalenoWrap .templateArea .infoBlock01 .stepList ul li:nth-child(2n) {
  margin: 0 0 2.8% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 p {
  font-size: 133%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headingBlock03 h3 {
  font-size: 166%;
  font-weight: bold;
  line-height: 1.4;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headingBlock04 {
  background-color: #dddddd;
  text-align: center;
  padding: 2.4%;
  font-size: 133%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headingBlock04 h4 {
  font-weight: bold;
}
.larcobalenoWrap .templateArea .stepBlockA01 .step {
  background-color: #444444;
  color: #ffffff;
  margin: 0 0 6.27% 0;
  font-size: 114%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .step p {
  text-align: center;
  padding: 4% 0 4% 0;
  font-size: 116.7%;
  font-weight: bold;
}
.larcobalenoWrap .templateArea .stepBlockA01 .read {
  margin: 0 0 6.13% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .read .red {
  color: #c30000;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headingBlock03 {
  text-align: center;
  margin: 0 0 5.07% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .imgMargin01 {
  margin: 0 0 8% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin01 {
  margin: 2.5% 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin02 {
  margin: 1.5% 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin03 {
  margin: 5% 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin04 {
  margin: 6% 0 7.5% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .columnBlock {
  background: #fff;
  margin-bottom: 8%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .columnBlock:last-child {
  margin: 0 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .columnBlock .columnBlockInner {
  width: 88.8%;
  margin: 0 auto 0 auto;
  padding: 0 0 6.67% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headingBlock05 {
  font-size: 133%;
  line-height: 1.375;
  background-color: #dddddd;
  padding: 2.4%;
  font-weight: bold;
}
.larcobalenoWrap .templateArea .stepBlockA01 .imgMargin01 {
  margin: 0 0 8% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin01 {
  margin: 2.5% 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin02 {
  margin: 1.5% 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin03 {
  margin: 5% 0 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin04 {
  margin: 6% 0 7.5% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headMargin01 {
  margin: 0 0 7% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headMargin02 {
  margin: 10% 0 7% 0;
}
.larcobalenoWrap .stepBlockA01 .headMargin03 {
  margin: 0 0 8% 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .column2Wrap01 .column01 {
  float: left;
  width: 33.3%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .column2Wrap01 .column02 {
  float: right;
  width: 55.5%;
  font-size: 116%;
  line-height: 1.39;
}
.larcobalenoWrap .templateArea .stepBlockA01 .column2Wrap02 .column01 {
  float: left;
  width: 46.83%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .column2Wrap02 .column02 {
  float: right;
  width: 46.83%;
}

/* SP用 下部日付テキスト ここから */
.noteBox {
  width: calc(690 / 750 * 100%);
  margin: calc(30 / 750 * 100%) auto;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3!important;
  font-size: 12px!important;
}
/* SP用 下部日付テキスト ここまで */


/* 251215up */
.larcobalenoWrap .btnBlock01 {
width: calc(600 / 690 * 100%);
margin: 7% auto -10%;
}