@charset "shift_jis";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +base & parts   */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#landing ol,#landing li { list-style: none!important; margin-left: 0!important;}

/* --- リンク画像の透過--- */
a:hover {
opacity: .65;
-webkit-opacity: .65;
-moz-opacity: .65;
}

a {
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-ms-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}

:root{
	--light-brown: #604545;
	--dark-brown: #995330;
	--light-yellow: #E9E0D7;
}

/* --- parts --- */
.marker { background-color: #ffff00;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ▼コンテンツ用スタイル 編集可能領域ここから▼ --------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'VDL-V7Mincho-Bold';
	src: url(../fonts/VDL-V7Mincho-Bold.ttf);
}
@font-face {
	font-family: 'VDL-V7Mincho-M';
	src: url(../fonts/VDL-V7Mincho-Medium.ttf);
}
@font-face {
	font-family: 'ShipporiMincho Bold';
	src: url(../fonts/shippori-mincho-japanese-700-normal.woff2);
}
@font-face {
	font-family: 'SourceHanSansJP-Bold';
	src: url(../fonts/SourceHanSansJP-Bold.otf);
}
@font-face {
	font-family: 'SourceHanSansJP-Medium';
	src: url(../fonts/SourceHanSansJP-Medium.otf);
}
@font-face {
	font-family: 'SourceHanSansJP-Light';
	src: url(../fonts/SourceHanSansJP-Light.otf);
}
@font-face {
	font-family: 'SourceHanSansJP-Regular';
	src: url(../fonts/SourceHanSerifJP-Regular.otf);
}
@font-face {
	font-family: 'KaiseiOpti-Regular';
	src: url(../fonts/KaiseiOpti-Regular.ttf);
}
.wrapper_landing{
	font-family: 'SourceHanSansJP-Medium';
	font-size: 16px;
	text-align: left;
    overflow: hidden;
}
.wrapper_landing p{
	margin: 1em 0;
}
.wrapper_landing .flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrapper_landing .flex.reverse{
    flex-direction: row-reverse;
}
.wrapper_landing .justify-between{
    justify-content: space-between;
}
.wrapper_landing .layout-constrained{
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.wrapper_landing .section{
	font-family: 'SourceHanSansJP-Medium';
	font-size: 16px;
}
.wrapper_landing .section-title{
	font-family: 'VDL-V7Mincho-Bold';
	font-size: 35px;
	text-align: center;
}
.wrapper_landing .section-detail-title{
	font-size: 25px;
    font-family: 'VDL-V7Mincho-Bold';
}
.wrapper_landing .landing-top{
    background-image: url(../img/top.jpg);
    background-size: cover;
    height: 100vh;
    font-family: 'VDL-V7Mincho-Bold';
    position: relative;
    max-height: 100vh;
    background-position: center bottom -80px;
}
.wrapper_landing .landing-top .landing-top-desc{
	font-size: 29px;
	margin: 0;
}
.wrapper_landing .landing-top .landing-top-desc span{
    font-size: 65px;
}
.wrapper_landing .landing-top .landing-top-desc small{
    font-size: 60px;
}
.wrapper_landing .landing-top .top-desc1{
    font-family: 'SourceHanSansJP-Regular';
    font-size: 40px;
    color: white;
    line-height: 1;
}
.wrapper_landing .landing-top .top-desc1 span{
    font-size: 55px;
    position: relative;
}
.wrapper_landing .landing-top .top-desc1 span:before{
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: white;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.landing-top_inner_b.flex{
    justify-content: flex-start;
}
.wrapper_landing .landing-top .landing-top_content{
    max-width: 900px;
    margin: 0 auto;
    padding-top: 10.7vw;
}
.wrapper_landing .landing-top .top-desc2{
    color: white;
    font-size: 40px;
    font-family: 'SourceHanSansJP-Regular';
}
.wrapper_landing .landing-top .top-desc2 sup{
    font-size: 20px;
}
.wrapper_landing .landing-top .top-desc3{
    color: #F9EBAA;
    font-size: 72px;
    font-family: 'SourceHanSansJP-Regular';
    margin-top: 30px;
    margin-left: -10px;
}
.wrapper_landing .landing-top .logo_wrapper{
    max-width: 1120px;
    width: 100%;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5.4%;
}
.wrapper_landing .domestic{
    background: #B73229;
    color: white;
    font-family: 'SourceHanSansJP-Bold';
    font-size: 30px;
    margin: 0;
    text-align: center;
    padding: 57px 25px;
    border-radius: 100%;
    line-height: 1;
}
.wrapper_landing .domestic small{
    font-size: 18px;
    font-family: 'SourceHanSansJP-Medium';
}
.wrapper_landing .landing-top .logo_wrapper img{
    width: 176px;
}
.wrapper_landing .labuono_intro{
    position: relative;
    margin: 0 auto;
    max-width: 900px;
    border: 6px solid #B73229;
    border-radius: 18px;
    background: white;
}
.wrapper_landing .labuono_wrapper{
    position: relative;
}
.wrapper_landing .labuono {
    padding: 30px 53px 77px 42px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.wrapper_landing .labuono_inner{
    align-items: flex-start;
}
.wrapper_landing .labuono .labuono-media{
	position: relative;
    width: 51%;
}
.wrapper_landing .labuono .labuono-media img{
	width: 100%;
}
.wrapper_landing .labuono .labuono-media span{
    font-size: 19px;
    position: absolute;
}
.wrapper_landing .labuono .labuono-media-desc1{
	top: 15%;
    padding: 0 35px;
    display: block;
    border-bottom: 1px solid #801C24;
    right: 6%;
}
.wrapper_landing .labuono .labuono-media-desc2{
    bottom: 22%;
    left: 5%;
    display: block;
    border-bottom: 1px solid #534741;
    padding: 0 26px;
}
.wrapper_landing .labuono .labuono-content{
    width: 49%;
    margin-top: 50px;
}
.wrapper_landing .labuono .labuono-title{
    font-family: 'ShipporiMincho Bold';
    font-size: 48px;
    line-height: 1.3;
    margin: 0;
    text-align: left;
}
.wrapper_landing .labuono .labuono-special{
    color: white;
    font-family: 'ShipporiMincho Bold';
    font-size: 47px;
    background: #666666;
    margin: 23px 0;
}
.wrapper_landing .labuono .labuono-title small{
    font-size: 35px;
    font-family: 'A-OTF Shin Go Pro DB';
    margin-left: 30px;
}
.wrapper_landing .labuono .labuono-content .labuono-set{
    font-size: 23px;
    font-family: 'A-OTF Shin Go Pro DB';
    color: var(--light-brown);
    margin: 0.2em 0 0;
}
.wrapper_landing .labuono .labuono-content .labuono-detail{
    color: #CF2D1F;
    font-family: 'VDL-V7Mincho-Bold';
    justify-content: space-between;
    padding-right: 30px;
}
.wrapper_landing .labuono .labuono-content .labuono-detail .labuono-sale-label{
    font-size: 24px;
    line-height: 1.3;
    border-top: 1px solid #CF2D1F;
    border-bottom: 1px solid #CF2D1F;
    padding: 0 10px;
    margin-top: 10px;
}
.wrapper_landing .labuono .labuono-content .labuono-detail .labuono-price{
	font-size: 82px;
	line-height: 1;
    letter-spacing: -.05em;
}
.wrapper_landing .labuono .labuono-content .labuono-detail .labuono-tax_included{
	font-size: 19px;
    line-height: 1;
    text-align: center;
    margin: 0;
    margin-top: 10px;
}
.wrapper_landing .labuono .labuono-content .labuono-detail .labuono-tax_included span{
	font-size: 41px;
    position: relative;
}
.wrapper_landing .labuono .labuono-notes p{
    margin: 10px 0 0;
    text-align: right;
    font-size: 22px;
}
/* .wrapper_landing .labuono-tax_included span:after{
    content: '';
	position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
	width: 33px;
    height: 8px;
    background-image: url(../img/mark.svg);
    background-size: 100% 100%;
} */
.wrapper_landing .labuono .labuono-content .cp_ofr_btn{
	margin-top: 18px;
	line-height: 2.5;
}
.wrapper_landing .labuono .labuono-content .cp_ofr_btn a{
	max-width: 100%;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    box-sizing: border-box;
}
.wrapper_landing .movie{
    text-align: center;
    margin-top: 140px;
    max-width: 570px;
    position: relative;
    color: white;
}
.wrapper_landing .movie .movie-title{
    font-size: 36px;
    margin: 0 0 20px;
    font-family: 'SourceHanSansJP-Regular';
}
.wrapper_landing .movie iframe{
    width: 100%;
    height: 570px;
    box-sizing: border-box;
    margin-top: 40px;
}

.wrapper_landing .movie .hacobune-video-js .hacobune-vjs-big-play-button{
    font-size:3em;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.wrapper_landing .movie .hacobune-video-js .hacobune-vjs-big-play-button ::before {
    font-size:3em
}

.bg-black{
    background: linear-gradient(90deg, rgba(78, 76, 76, 1) 0%, rgba(0, 0, 0, 1) 100%);
}
.wrapper_landing .bg-group1{
    padding: 140px 0 200px;
    position: relative;
}
.wrapper_landing .recommend{
    padding: 150px 0 0;
    text-align: center;
}
.wrapper_landing .recommend_inner{
    max-width: 1100px;
    margin: 80px auto 0;
    transform: translateX(-55px);
}
.wrapper_landing .recommend-title{
    font-size: 38px;
    font-family: 'VDL-V7Mincho-Bold';
    margin: 0;
}
.wrapper_landing .recommend_inner p{
    max-width: 452px;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'VDL-V7Mincho-M';
    padding: 35px 0 56px;
    background-size: 100% 100%;
}
.wrapper_landing .recommend_inner p:first-child{
    background-image: url(../img/bg_r1.svg);
    margin-left: 280px;
}
.wrapper_landing .recommend_inner p:nth-child(2){
    background-image: url(../img/bg_r2.svg);
    margin: 16px 0 auto auto;
}
.wrapper_landing .recommend_inner p:nth-child(3){
    background-image: url(../img/bg_r3.svg);
    margin: 23px 0 0 430px;
}
.wrapper_landing .recommend_inner p:before{
    content: '';
    width: 41px;
    height: 34px;
    background-image: url(../img/check.svg);
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 17px;
}
.wrapper_landing .recommend_inner img{
    max-width: 437px;
}
.wrapper_landing .recommend_media{
    text-align: left;
    margin-top: -315px;
}
.wrapper_landing .points{
    padding: 105px 0 360px;
    color: white;
}
.wrapper_landing .points .points_recommend{
    text-align: center;
}
.wrapper_landing .points .points_recommend_title{
    font-size: 38px;
    font-family: 'VDL-V7Mincho-Bold';
    margin: 0;
    position: relative;
}
.wrapper_landing .points .points_recommend_title:after{
    content: '';
    width: 212px;
    height: 53px;
    background-image: url(../img/deco1.svg);
    background-size: 100% 100%;
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
}
.wrapper_landing .points .points_recommend_inner{
    max-width: 670px;
    margin: auto;
    justify-content: space-between;
}
.wrapper_landing .points .points_r_media{
    width: 43%;
}
.wrapper_landing .points .points_r_text{
    width: 45%;
    font-family: 'VDL-V7Mincho-Bold';
    font-size: 40px;
    color: white;
}
.wrapper_landing .points .points_r_text img{
    width: 139px;
}
.wrapper_landing .points .points_r_text p{
    margin: 45px 0 0;
    line-height: 1.5;
    letter-spacing: -.1em;
}
.wrapper_landing .points_feature{
    margin: 150px auto 0;
}
.wrapper_landing .section_subtitle{
    font-size: 40px;
    font-family: 'VDL-V7Mincho-Bold';
    margin: 0;
    position: relative;
    line-height: 1;
    padding-bottom: 30px;
    border-bottom: 1px solid white;
    padding-left: 60px;
    letter-spacing: .07em;
}
.wrapper_landing .section_subtitle:before{
    content: '';
    width: 48px;
    height: 45px;
    background-image: url(../img/star.svg);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -5px;
}
.wrapper_landing .section_subtitle .yellow{
    color: #F9EBAA;
}
.wrapper_landing .section_subtitle .subtitle_deco{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 44px;
}
.wrapper_landing .points .feature_media{
    width: 63%;
}
.wrapper_landing .points .feature_media img{
    width: 100%;
}
.wrapper_landing .points .feature_inner{
    margin-top: 163px;
}
.wrapper_landing .points .feature_detail{
    justify-content: space-between;
    align-items: flex-end;
}
.wrapper_landing .points .feature_title{
    font-size: 30px;
    color: #808080;
    margin: 0;
    text-align: right;
}
.wrapper_landing .feature_desc_title{
    font-size: 36px;
    font-family: 'VDL-V7Mincho-Bold';
    margin: 0;
}
.wrapper_landing .yellow{
    color: #F9EBAA;
}
.wrapper_landing .feature_desc_body{
    font-family: 'SourceHanSansJP-Medium';
}
.wrapper_landing .feature1 .feature_text{
    width: 43%;
    margin: 0 0 -30px -4%;
    letter-spacing: -.1em;
}
.wrapper_landing .feature_desc_body{
    margin: 20px 0 0;
    line-height: 2.25;
    letter-spacing: -.07em;
}
.wrapper_landing .points .ref{
    font-size: 12px;
    margin: 45px 0 0;
}
.wrapper_landing .points .feature1 .feature_title img{
    width: 98px;
}
.wrapper_landing .points .feature2{
    flex-direction: row-reverse;
    margin-top: 180px;
}
.wrapper_landing .points .feature2 .feature_media{
    width: 50.2%;
}
.wrapper_landing .points .feature2 .feature_text{
    width: 55%;
    margin: 0 -5.2% -100px 0;
}
.wrapper_landing .points .feature2 .feature_title{
    text-align: left;
}
.wrapper_landing .feature2 .feature_desc_title{
    letter-spacing: -.1em;
}
.wrapper_landing .feature2 .feature_desc_title .narrow{
    letter-spacing: -.2em;
}
.wrapper_landing .points .feature2 .feature_title img{
    width: 105px;
}
.wrapper_landing .points .feature3{
    margin-top: 285px;
    align-items: center;
}
.wrapper_landing .points .feature3 .feature_media{
    width: 49.4%;
}
.wrapper_landing .points .feature3 .feature_text{
    width: 46.9%;
}
.wrapper_landing .points .feature3 .feature_title img{
    width: 104px;
}
.wrapper_landing .points .feature3 .ref{
    margin: 0;
    font-size: 14px;
}
.wrapper_landing .points .feature3 .ref+img{
    margin-top: 28px;
}
.wrapper_landing .feature3 .feature_desc_title{
    margin-left: -150px;
    text-align: right;
}
.wrapper_landing .feature3 .feature_desc_body{
    margin-top: 25px;
}
.wrapper_landing .drysteam {
    margin: 240px auto 0;
}
.wrapper_landing .drysteam_inner{
    margin-top: 68px;
}
.wrapper_landing .drysteam .drysteam_title {
    font-size: 36px;
    line-height: 1.8;
    font-family: 'VDL-V7Mincho-Bold';
    margin: 0 0 20px 0;
    letter-spacing: -.08em;
}
.wrapper_landing .drysteam .drysteam_detail {
    width: 94%;
    justify-content: space-between;
    align-items: flex-start;
}
.wrapper_landing .drysteam .drysteam_media{
    width: 41.2%;
}
.wrapper_landing .drysteam .drysteam_media img{
    width: 100%;
}
.wrapper_landing .drysteam .drysteam_text{
    width: 48%;
    line-height: 2.25;
}
.wrapper_landing .drysteam .drysteam_text .ref{
    margin-top: 35px;
    letter-spacing: -.05em;
}
.wrapper_landing .drysteam .drysteam1 .drysteam_text{
    padding-left: 36px;
}
.wrapper_landing .drysteam2{
    flex-direction: row-reverse;
    margin-top: 40px;
}
.wrapper_landing .drysteam2 .drysteam_media{
    width: 42.7%;
}
.wrapper_landing .drysteam .drysteam_title .narrow{
    letter-spacing: -.5em;
}
.wrapper_landing .drysteam3{
    margin-top: 130px;
}
.wrapper_landing .drysteam3 .drysteam_title{
    text-align: center;
    letter-spacing: 0;
}
.wrapper_landing .drysteam3 .drysteam_media{
    width: 100%;
}
.wrapper_landing .voice{
    background: #E6E6E6;
    padding: 350px 0;
    clip-path: polygon(0 240px, 100% 0%, 100% calc(100% - 240px), 0% 100%);
    margin-top: -240px;
}
.wrapper_landing .voice_title{
    border-bottom-color: black;
    letter-spacing: .2em;
}
.wrapper_landing .voice_title:before{
    background-image: url(../img/star2.svg);
}
.wrapper_landing .voice .star_wrapper img{
    width: 26px;
    margin-right: 3px;
}
.wrapper_landing .voice_contents{
    margin-top: 90px;
    justify-content: space-between;
}
.wrapper_landing .voice_detail{
    background-image: url(../img/bg_voice.png);
    background-size: 100% 100%;
    padding: 50px 55px 36px 45px;
    width: 48.5%;
    box-sizing: border-box;
}
.wrapper_landing .voice_detail p{
    margin: 20px 0 0;
    line-height: 2.25;
}
.wrapper_landing .voice_detail .user{
    text-align: right;
    margin: 12px 0 0;
}
.wrapper_landing .voice .ref{
    text-align: right;
    color: #666666;
    font-family: 'SourceHanSansJP-Medium';
    margin: 1em 0 0;
}
.wrapper_landing .secret{
    color: white;
    padding: 360px 0 470px;
    margin-top: -240px;
}
.wrapper_landing .secret img{
    width: 100%;
}
.wrapper_landing .secret1{
    margin-top: 105px;
}
.wrapper_landing .secret2{
    margin-top: 150px;
    text-align: center;
}
.wrapper_landing .secret2_media{
    margin-top: 30px;
}
.wrapper_landing .secret2_media img{
    width: 49.3%;
}
.wrapper_landing .secret3{
    max-width: 874px;
    margin: 65px auto 0;
}
.wrapper_landing .secret_desc{
    line-height: 2.25;
}
.wrapper_landing .secret3 p{
    width: 48.1%;
}
.wrapper_landing .secret3 img{
    width: 46.3%;
}
.wrapper_landing .secret4{
    margin-top: 150px;
}
.wrapper_landing .secret4 p{
    width: 38.1%;
}
.wrapper_landing .secret4 img{
    width: 55.4%;
}
.wrapper_landing .secret5{
    margin-top: 144px;
}
.wrapper_landing .secret5 p{
    width: 41.2%;
}
.wrapper_landing .secret5 img{
    width: 53.1%;
}
.wrapper_landing .secret6{
    margin-top: 157px;
    text-align: center;
}
.wrapper_landing .secret6 p{
    font-size: 36px;
    text-align: center;
    font-family: 'VDL-V7Mincho-Bold';
}
.wrapper_landing .secret6 img{
    margin-top: 45px;
    max-width: 800px;
}
.wrapper_landing .secret7{
    max-width: 780px;
    margin: 85px auto 0;
}
.wrapper_landing .secret7 .secret7_desc{
    font-size: 24px;
    line-height: 1.5;
}
.wrapper_landing .intro_bottom{
    margin-top: -330px;
}
.wrapper_landing .intro_bottom .award{
    max-width: 980px;
    margin: 128px auto 0;
}
.wrapper_landing .intro_bottom .award img{
    width: 100%;
}
.wrapper_landing .product-info{
	margin-top: 155px;
    padding: 90px 0 186px;
}
.wrapper_landing .product-info .product-info-title{
    background: white;
    font-family: 'VDL-V7Mincho-Bold';
    font-size: 30px;
    text-align: center;
    margin: 0 0 22px;
    color: #666666;
}
.wrapper_landing .product-info .tbl-product-info{
	width: 100%;
	border-collapse: collapse;
	font-family: 'SourceHanSansJP-Light';
}
.wrapper_landing .product-info .tbl-product-info tr td{
    border: 1px solid black;
    font-size: 15px;
    padding: 10px 0 10px 20px;
}
.wrapper_landing .product-info .tbl-product-info tr td:first-child{
    background: #666666;
    font-size: 18px;
    width: 177px;
    padding: 14px 0 14px 16px;
    color: white;
}
.wrapper_landing .product-info .tbl-product-info tr td:last-child{
	background: white;
	padding-left: 20px;
}
.wrapper_landing .product-info ul li{
    color: #ffffff;
}

.wrapper_landing .cp_ofr_btn{
    display: inline-block;
    margin: 60px auto 0;
}
/* --- オファー内の購入ボタン調整 --- */
.cp_ofr_btn a{
    width: 480px;
    padding: 16px 0;
    font-size: 18px;
    font-weight: bold;
}

/* ▲コンテンツ用スタイル 編集可能領域ここまで▲ --------------------------------------------------------------------------------------------*/