@charset "utf-8";

/* main visual */
.main-visual {width:100%; height:40.556em; padding: 53px 0 0 0;}
.main-visual .inner {height:inherit; position:relative; overflow:hidden; text-align:center;}
.lipaco_mainimg_mo img {width:100%;}
.main-visual .tt-box {width:80%; position:absolute; top:34%; left:19.66%; z-index:1; color:#fff; line-height:1.2; text-align:left;}
.tt-box-mo {width:80%; position:absolute; top:34%; left:6.66%; z-index:1; color:#fff; line-height:1.2; text-align:left;}
.tt-box-mo .bt_brand_all {font-size: 1.1em; color:#fff; font-weight:600; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px; border-bottom:1px solid currentColor;}
.main-visual button {color:#fff; outline:none; font-weight:600; text-transform:uppercase;}
.main-visual button:hover {color:#e76674;}
.main-visual .bt-video-full {display:inline-block; padding:.5em 1.5em .5em 0; margin-top:1em; position:relative; border-bottom:1px solid currentColor;}
.main-visual .bt-video-full .i-triangle {position:absolute; top:.65em; right:0; transform:rotate(-90deg);}
.main-visual .bt-video-full .i-triangle:before {border-width:7px;}
.main-visual .bt-full-mode {display:block; width:2.667em; height:2.667em; padding:4px; position:absolute; bottom:4em; right:4.66%;}
.main-visual .bt-full-mode .max-ico {width:2.222em; height:2.222em;}
.main-visual .bt-full-mode .max-ico i {display:block; width:.667em; height:.667em;}
.main-visual .bt-full-mode .max-ico i:before,
.main-visual .bt-full-mode .max-ico i:after {content:''; display:block; width:inherit; height:inherit; position:absolute;}
.main-visual .bt-full-mode .max-ico i:nth-child(1):before {border:2px solid currentColor; border-right:0; border-bottom:0; top:0; left:0;}
.main-visual .bt-full-mode .max-ico i:nth-child(1):after {border:2px solid currentColor; border-left:0; border-bottom:0; top:0; right:0;}
.main-visual .bt-full-mode .max-ico i:nth-child(2):before {border:2px solid currentColor; border-right:0; border-top:0; bottom:0; left:0;}
.main-visual .bt-full-mode .max-ico i:nth-child(2):after {border:2px solid currentColor; border-left:0; border-top:0; bottom:0; right:0;}

@media screen and (max-width: 900px) {
	.main-visual {height:30em; padding:0;}
	.main-visual .bt-full-mode {display:none;}
}

/* main contents */
#contents {padding:7.778em 4% 5.556em;}
#contents .inner {max-width:1600px !important; position:relative; margin:0 auto;}
@media screen and (max-width: 900px) {
	#contents {/*padding:7.778em 0 0;*/ padding:2em 0 0;}
}

/* about */
.about {position:relative; overflow:hidden;}
.about .txt_box {float:left;}
.about .txt_box h3 {padding-top:1.154em; font-size:2.889em; letter-spacing:-0.04em; line-height:1.2;}
.about .txt_box h3 mark {display:inline-block; width:3.692em; height:.904em; background:url("../image/common/logo.svg") 0 0 / cover no-repeat;}
.about .img_box {float:right; width:44.444em; height:auto; margin-left:1em;}
.about .img_box img {width:100%;}
.about .max-lnk {margin-top:2.778em; font-weight:700;}

@media screen and (max-width: 1550px) {
	.about .txt_box h3 {font-size:2em;}
}
@media screen and (max-width: 1280px) {
	.about .txt_box {float:none;}
	.about .txt_box h3 {padding-top:0; padding-bottom:1em;}
	.about .img_box {float:none; width:100%; margin-left:0; }
	.about .max-lnk {margin-bottom:7.778em; margin-top: 1em;}
}
@media screen and (max-width: 900px) {
	.about .txt_box h3 {font-size:2.5em;}
	.about .txt_box img {height:24.611em;}
	.about .txt_box .max-lnk {font-weight:400;}
}
@media screen and (min-width:569px) {
	.main-visual-mo {display: none;}
}
@media screen and (max-width: 568px) {
	.about .txt_box h3 {font-size:1.5em;}
	.main-visual {display: none;}
}
@media screen and (max-width: 320px) {
	.about .txt_box h3 {font-size:1.3em;}
}

/* brand */
.brand {padding:7.778em 0 4.444em;}
.brand ul {width:100%; height:auto; margin-top:30px; position: relative; overflow: hidden;}
/* .brand ul li {width:inherit; height:8.889em;} */
.brand ul li {width:19%; height:670px; float:left; margin-left:1%;}
.brand ul li:nth-child(1) {margin-left:0;}
.brand ul li a {display:block; width:100%; height:100%; padding-top:46px;}
.brand ul li a img {max-width:100%; display:block; margin:0 auto;}
.brand ul li:nth-child(1) a {background:url("../image/main/main_brand_img_01.jpg") center no-repeat;}
.brand ul li:nth-child(2) a {background:url("../image/main/main_brand_img_momobin.png") center no-repeat;}
.brand ul li:nth-child(3) a {background:url("../image/main/main_brand_img_02.jpg") center no-repeat;}
.brand ul li:nth-child(4) a {background:url("../image/main/main_brand_img_03.jpg") center no-repeat;}
.brand ul li:nth-child(5) a {background:url("../image/main/main_brand_img_04.jpg") center no-repeat;}
.brand ul li:nth-child(6) a {background:url("../image/main/main_brand_img_05.jpg") center no-repeat;}


@media screen and (max-width: 1280px) {
	.brand ul li a img {max-width:80%;}
}
@media screen and (max-width: 900px) {
	.brand {padding-bottom:4.444em;}
	.brand h3 {padding-left:.75em;}
	.brand ul li {width:32.6%; height:370px; margin-bottom:1%;}
	.brand ul li:nth-child(4) {margin-left:0;}
	.brand ul li a {background-size:cover !important;}
}

/* lipaco now */
.lpc_now {overflow:hidden; text-align: right;}

.lpc_now h3 {font-size:4.333em; margin-top: 15px; margin-right: 1em; transform:translate3d(50%, 0, 0);}
.lpc_now h3 mark {display:inline-block; width:6.892em; height:1.004em; background:url("../image/common/main_lipaconow.jpg") 0 0 / cover no-repeat;}

.lpc_now ul {width:100%; height:auto; margin-top:5.556em; display:flex; flex-wrap:wrap; justify-content:space-between;}
.lpc_now ul li {/* flex:1; */ width:33.33%; max-width:32.125%;}
.lpc_now ul li a {display:block; width:100%; height:100%;}
.lpc_now ul li span img {max-width:100%;}
.lpc_now ul li dl {}
.lpc_now ul li dt, .lpc_now ul li em {display:block; margin-top:1.364em; font-weight:700; font-size:1.222em; line-height:1.4; color:#151515;}
.lpc_now ul li dd, .lpc_now ul li p {height:3.112em; margin-top:14px; font-size:.778em; line-height:1.556em; color:#777; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden;}
.lpc_now .gcol-3 li dt {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.lpc_now .gcol-3 li span {display:block; margin-top:16px;}
.lpc_now .tcol-3 li {min-height:12.66em; position:relative;}
.lpc_now .tcol-3 li .max-lnk {/* padding:0 2.4em 0 0; */ position:absolute; bottom:0; left:0; font-weight:700; font-size:.889em; color:#777;}
.lpc_now ul li a:hover dt, .lpc_now ul li a:hover em, .lpc_now ul li a:hover .max-lnk {color:#184c80;}

@media screen and (max-width: 900px) {
	#easing_wrapper {transform:unset !important;}
	.lpc_now h3 {font-size:3.333em; transform:translate3d(0, 0, 0); margin-right:0;}
	.lpc_now ul li dt, .lpc_now ul li em {font-size:1em;}
}
@media screen and (max-width: 568px) {
	.lpc_now h3 {font-size:3em; display: none;}
	.lpc_now ul {display:block;}
	.lpc_now ul li {width:100%; max-width:100%;}
	.lpc_now ul li:not(:nth-child(1)) {border-top:1px solid #ccc; padding:2.5em 0;}
	.lpc_now ul li:nth-child(1) {padding-bottom:2.5em;}
	.lpc_now .tcol-3 li {min-height:100%;}
	.lpc_now .tcol-3 li .max-lnk {position:relative; padding: 1em 2.4em 1em 0;}
}
@media screen and (max-width: 320px) {
	.lpc_now h3 {font-size:2.124em;}
}

/* lipaco gallery */
.lpc-view {margin-top:6.111em !important;}
.lpc-view > mark {display:block; width:14.889em; height:3.667em; position:absolute; top:1.444em; left:2.333em; z-index:2; background:url("../image/common/logo_white.svg") 0 0 / cover no-repeat;}
.lpc-view .swiper-container {height:26.889em;}
.lpc-view .slider-lst li {width:100%; height:inherit; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.lpc-view .slider-lst li:nth-child(1) {background-image:url("../image/main/main_gallery_01.jpg");}
.lpc-view .slider-lst li:nth-child(2) {background-image:url("../image/main/main_gallery_02.jpg");}
.lpc-view .slider-lst li:nth-child(3) {background-image:url("../image/main/main_gallery_03.jpg");}

.lpc-view .swiper-pagination {bottom:2.778em; padding-left:2.5em; text-align:left;}
.lpc-view .swiper-pagination .swiper-pagination-bullet {width:27.33%; height:2px; border-radius:0; margin:0 1%; background-color:rgba(255,255,255,.3); opacity:1;}
.lpc-view .swiper-pagination .swiper-pagination-bullet-active {background-color:rgba(255,255,255,1);}
.lpc-view .slide-number {position:absolute; bottom:1.25em; right:1.563em; z-index:2; color:#ddd;}
.lpc-view .slide-number strong {color:#fff;}

@media screen and (max-width: 900px) {
	.lpc-view {padding:0 !important;}
	.lpc-view > mark {width:8.933em; height:2.2em; top:4em; left:1.2em;}

	.lpc-view .swiper-pagination {padding-left:1.2em;}
	.lpc-view .swiper-pagination .swiper-pagination-bullet {width:30.33%; height:3px;}
	.lpc-view .slide-number {display:none;}
}