@charset "shift_jis";
/*content1100pxReset*/
body.min {
min-width: 1300px;
}
#contents .contents_inner{
max-width: 100%;
padding: 0;
}
.larcobalenoWrap .contentlarco{
width:100%;
min-width:1300px;
background-color: #e8e6e1;
font-size: 15px;
color: #545353;
}
.larcobalenoWrap .contentlarco p{
line-height: 2;
}
.larcobalenoWrap img{
vertical-align:top;
}
.larcobalenoWrap a{
display: block;
}
.larcobalenoWrap .width950{
max-width: 950px;
margin: 0 auto;
}
.larcobalenoWrap .width1100{
max-width: 1100px;
margin: 0 auto;
}
.larcobalenoWrap .center{
text-align: center;
}
/*mvBlockA01******************************************************/
.mvBlockA01 img{
width: 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%;
height: 500px;
overflow: hidden
}
.zoom-1 img {
width: 100%;
height: auto;
animation: animationZoom1 5s ease-in-out forwards;
}
@keyframes animationZoom1 {
100% { transform: scale(1.05)}
}
.larcobalenoWrap .banner{
margin-top: 50px;
}
.larcobalenoWrap .innerBlock01 .textTitle{
margin-top: -50px;
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .bg01 .textTitle{
margin-top: 98px;
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col{
display: flex;
justify-content: space-between;
margin-top: 85px;
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col1,
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col2{
width: 50%;
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col .col1 p span{
display: inline;
background: #545353;
font-size: 28px;
color: #fff;
padding: 6px 20px;
}
.larcobalenoWrap .bg01{
background: url(../image/larcobaleno_bg_001_211011.png) center center no-repeat;
background-size: 100% 100%;
height: 600px;
position: relative;
z-index: 1;
}
.larcobalenoWrap .innerBlock01 .bgBlock01{
position: relative;
}
/*.larcobalenoWrap .innerBlock01 .bgBlock01::after {
position: absolute;
content: "";
background: url(../image/larcobaleno_img_018_211011.png) center center no-repeat;
left: 18vw;
top: 14%;
background-size: 100%;
width: calc(554/1900 * 100%);
height: 100%;
}*/
.larcobalenoWrap .innerBlock01 .bgBlock01 .col02{
display: flex;
justify-content: space-between;
width: 670px;
margin-top: 45px;
padding-bottom: 35px;
align-items: center;
margin-left: auto;
}
.larcobalenoWrap .innerBlock01 .bgBlock01 .col02 p{
margin-left: 47px;
}
.larcobalenoWrap .linkAnchor .list{
display: flex;
justify-content: space-between;
}
.larcobalenoWrap .linkAnchor .list li{
width: calc(202/950 * 100%);
}
.larcobalenoWrap .linkAnchor .list li a{
color: #545353;
font-size: 15px;
line-height: 2;
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: 12px;
padding-bottom: 7px;
}
.larcobalenoWrap .linkAnchor.linkAnchor02{
width: 698px;
margin: 0 auto;
}
.larcobalenoWrap .linkAnchor.linkAnchor02 .list li{
width: calc(202/698 * 100%);
}
.larcobalenoWrap .linkAnchor .smallTitle{
margin-top: 38px;
margin-bottom: 30px;
}
.larcobalenoWrap .anchor{
margin-bottom: 20%;
}
.larcobalenoWrap .anchor .textTitle{
margin-top: 105px;
}
.larcobalenoWrap .content01 li{
padding: 75px;
background: #fff;
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.larcobalenoWrap .content01 li:last-child{
margin-bottom: 0;
}
.larcobalenoWrap .content01 li img{
margin-right: 70px;
}
.larcobalenoWrap .content01 li .text01{
font-weight: bold;
font-size: 20px;
line-height: 1.5;
}
.larcobalenoWrap .content01 li .price{
font-weight: bold;
}
.larcobalenoWrap .content01 .contentRight{
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 50%;
}
.larcobalenoWrap .content01 .contentRight a{
margin-top: auto;
}
.larcobalenoWrap .bg02 img{
width: 100%;
}
.larcobalenoWrap .bg02{
margin-top: -28px;
margin-bottom: -13.2%;
}
.larcobalenoWrap .bg02.bg03{
margin-top: -17%;
margin-bottom: -14%;
}
.larcobalenoWrap .innerContent{
position: relative;
padding-bottom: 140px;
}
/*templateArea******************************************************/
.larcobalenoWrap .templateArea .bgBlock01{
padding: 80px 0 102px 0;
background: #f2f2f2;
}
.larcobalenoWrap .templateArea .bgBlock01 .inner{
max-width: 950px;
margin: 0 auto;
}
.larcobalenoWrap .templateArea .bgBlock01 .headingBlock01{
font-size: 38px;
line-height: 1.2;
text-align: center;
}
.larcobalenoWrap .templateArea .bgBlock01 .headingBlock01 h2{
margin: 0 !important;
}
.larcobalenoWrap .templateArea .bgBlock01 .headingBlock02{
font-size: 24px;
text-align: center;
color: #000;
line-height: 1.3;
}
.larcobalenoWrap .templateArea .bgBlock01 .headingBlock05{
text-align: center;
font-size: 23px;
margin: 0 0 27px 0;
line-height: 1.3;
}
.larcobalenoWrap .templateArea .bgBlock01 .textA02{
margin-top: 19px;
padding: 17px 15px 13px 15px;
border:2px solid #000;
word-break: break-all;
}
.larcobalenoWrap .templateArea .bgBlock01 .textA02 p{
font-size:16px;
line-height:1.75;
}
.larcobalenoWrap .templateArea .bgBlock01 .descriptionBlockA01{
margin: 18px 0 55px 0;
}
.larcobalenoWrap .templateArea .bgBlock01 .descriptionBlockA01 ul li{
font-size: 13px;
line-height: 1.69;
text-indent:-1em;
padding: 0 0 0 1em;
background: #f2f2f2;
}
.larcobalenoWrap .templateArea .bgBlock01 .largeTextA01{
margin: 16px 0 0 0;
border-top: solid 2px #DDD;
padding: 14px 0 0 0;
font-size: 19px;
text-align: center;
line-height: 1.3;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01{
margin: 25px 0 61px 0;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul{
display: flex;
justify-content: space-between;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul li{
flex-basis: 31.7895%;
background: #fff;
padding: 0 0 15px 0;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul li p{
text-align: center;
font-size: 15px;
line-height: 1.57;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul li p span{
font-weight: bold;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul li p.title{
color: #fff;
font-size: 19px;
background: #444;
padding: 8px 0 4px 0;
margin: 0 0 20px 0;
line-height: 1.5;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul li p.img{
margin: 0 0 17px 0;
line-height: 1.5;
}
.larcobalenoWrap .templateArea .bgBlock01 .stepListA01 ul li p.img img{
margin: auto;
}
.larcobalenoWrap .templateArea .stepBlockA01{
max-width: 950px;
margin-right: auto;
margin-left: auto;
line-height: 1.3;
}
.larcobalenoWrap .templateArea .stepBlockA01:after{
content: "";
clear: both;
display: block;
}
.larcobalenoWrap .templateArea .columnBlock{
width: 302px;
margin: 0 22px 0 0;
background-color: #fff;
float: left;
}
.larcobalenoWrap .templateArea .stepBlockA01 .columnBlock:last-child{
margin: 0;
}
.larcobalenoWrap .templateArea .step{
width: 302px;
background-color: #444;
color: #FFF;
}
.larcobalenoWrap .templateArea .step p{
margin: 0;
padding: 12px 0 9px;
font-size: 15px;
text-align: center;
}
.larcobalenoWrap .templateArea .columnBlockInner{
padding: 20px;
}
.larcobalenoWrap .templateArea .headingBlock03{
margin: 0 0 19px 0;
font-size: 129%;
text-align: center;
justify-content: center;
}
.larcobalenoWrap .templateArea .read{
margin: 0 0 22px 0;
font-size: 16px;
}
.larcobalenoWrap .templateArea .read .red{
color: #c30000;
}
.larcobalenoWrap .templateArea .headMargin01{
margin: 0 0 20px 0;
}
.larcobalenoWrap .templateArea .headMargin01 h4{
padding: 6px 0 6px 11px;
font-size: 15px;
background-color: #ddd;
line-height: 1.6;
}
.larcobalenoWrap .templateArea .stepBlockA01 .img{
text-align: center;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btn01{
min-height: 56px;
background: url("../image/larcobaleno_template_012_211011.jpg") center top no-repeat;
background-size: 100% 100%;
display: block;
position: relative;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btn02{
background: url("../image/larcobaleno_template_013_211011.png") center top no-repeat ;
background-size: 100% 100%;
min-height: 56px;
position: relative;
display: block;
font-size: 114%;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btn01 .btnInner01{
width: 220px;
padding: 5px 0;
color: #fff;
line-height: 1.5;
text-align: center;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.larcobalenoWrap .templateArea .stepBlockA01 .headMargin02{
margin: 30px 0 20px;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headMargin02 h4{
padding: 6px 0 6px 11px;
background-color: #ddd;
font-size: 15px;
line-height: 1.6;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btn01:hover,
.larcobalenoWrap .templateArea .stepBlockA01 .btn02:hover{
opacity: 0.6;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin01,
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin02{
margin: 10px 0 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .btn01 .btnInner01,
.larcobalenoWrap .templateArea .stepBlockA01 .btn02 .btnInner01{
width: 220px;
color: #ffffff;
line-height: 1.5;
text-align: center;
padding: 5px 0 5px 0;
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.larcobalenoWrap .templateArea .stepBlockA01 .btnMargin04{
margin: 20px 0 12px 0 ;
}
.larcobalenoWrap .templateArea .column2Wrap01 .column01{
width: 90px;
float: left;
}
.larcobalenoWrap .templateArea .column2Wrap01 .column02{
width: 154px;
font-size: 14px;
float: right;
}
.larcobalenoWrap .templateArea .column2Wrap01.last{
margin: 0 0 46px 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headMargin03{
margin: 0 0 15px 0;
}
.larcobalenoWrap .templateArea .stepBlockA01 .headMargin03 h4{
padding: 6px 0 6px 11px;
font-size: 15px;
background-color: #ddd;
line-height: 1.6;
}
.larcobalenoWrap .templateArea .stepBlockA01 p.textA01{
font-size: 14px;
line-height: 1.5;
}
.larcobalenoWrap .templateArea .stepBlockA01 .img{
text-align: center;
}
.larcobalenoWrap .templateArea .column2Wrap01.last{
margin: 0 0 46px 0;
}
.larcobalenoWrap .templateArea .column2Wrap01 .column01{
float: left;
width: 90px;
}
.larcobalenoWrap .templateArea .column2Wrap01 .column02{
float: right;
width: 154px;
font-size: 14px;
}
.larcobalenoWrap .templateArea .column2Wrap02 .column01{
float: left;
width: 123px;
}
.larcobalenoWrap .templateArea .column2Wrap02 .column02{
float: right;
width: 123px;
}
.larcobalenoWrap .templateArea .downLoad .dlTxt1{
margin-bottom: 22px;
font-size: 16px;
line-height: 1.375;
}
.larcobalenoWrap .templateArea .downLoad .dlTxt2{
font-size: 14px;
line-height: 1.5;
}
.larcobalenoWrap .templateArea .downLoad .app{
margin-bottom: 26px;
}
.larcobalenoWrap .templateArea .downLoad .app:after{
content: "";
clear: both;
display: block;
}
.larcobalenoWrap .templateArea .downLoad .app .qr{
margin-bottom: 12px;
}
.larcobalenoWrap .templateArea .downLoad .app .appApp{
width: 123px;
float: left;
}
.larcobalenoWrap .templateArea .downLoad .app .appGgl{
width: 123px;
float: right;
}
/* 220124up
--------------------------------*/
.larcobalenoWrap .linkAnchor.linkAnchor03{
width: 450px;
margin: 0 auto;
}
.larcobalenoWrap .linkAnchor.linkAnchor03 .list li{
width: calc(202/450 * 100%);
}
/* 220406up
--------------------------------*/
.larcobalenoWrap .linkAnchor.linkAnchor03 ul{
/* 要素が一つの時の中央寄せ */
justify-content: center;
}

/* 220509up
--------------------------------*/
.larcobalenoWrap .cpnBlockA01 {
background: #ff6600;
text-align: center;
}

/* PC用 下部日付テキスト ここから */
.noteBox {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: 14px;
}
/* PC用 下部日付テキスト ここまで */


/* 251215up */
.larcobalenoWrap .cpnBlock01 {
background: #ff6600;
text-align: center;
}
.larcobalenoWrap .btnBlock01 {
width: 460px;
margin: 70px auto -20px;
}