body { position: relative; overflow-x: hidden; }

#lp { font-family: 'Montserrat',YuGothic,'Yu Gothic',sans-serif; font-size: 14px; background: #ffffff; }
#lp a { text-decoration: none; color: #f7f7f7; }
#lp p { color: #222222; font-size: 0.9rem; line-height: 1.9; letter-spacing: 0.08rem; }
#lp .mv_ttl { padding: 15% 6% 0; margin-bottom: 20%; }
#lp .mv_ttl img { width: 80%; margin: 8% 0 6%; }
#lp .flex_area { display: flex; justify-content: space-between; flex-wrap: wrap; }
#lp .ttl_area { margin: 0 auto 10%; }
#lp .items_area { width: 980px; margin: 0 auto; padding-bottom: 150px; }
#lp .items_area img { width: 100%; }
#lp .items_area .set_item { position: relative; width: 400px; margin: 0 auto; }
#lp .items_area .set_item .set_item_area { position: relative; overflow: hidden; }
#lp .items_area .set_item .set_item_area .set_txt { position: absolute; width: 100%; height: 99.568%; top: 0; margin: 0; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.4); transition: all 0.5s; opacity: 0; }
#lp .items_area .set_item .set_item_area .set_txt a { display: block; width: 70%; transition: ease-in-out 0.8s; text-align: center; opacity: 0; }
#lp .items_area .set_item .set_item_area .set_txt a .p_related { color: #ffffff; }
#lp .items_area .set_item .set_item_area .set_txt a p { line-height: 1.2rem; font-size: 0.8rem; letter-spacing: 0.03rem; transition: 0.3s; }
#lp .items_area .set_item .set_item_area .set_txt a .p_related .name { font-size: inherit; font-weight:normal; text-decoration: underline; }
#lp .items_area .set_item .set_item_area .set_txt a.cs .p_related .name { text-decoration: none; line-height:1.0;}
#lp .items_area .set_item .set_item_area .set_txt a span { font-size: 0.7rem; }
#lp .items_area .set_item .set_item_area .set_txt a + a { margin-top: 20px; }
#lp .items_area .set_item .set_item_area .set_txt a :hover { color: #cccccc; }
#lp .items_area .set_item .set_item_area.active .set_txt a { opacity: 1; }
#lp .items_area .set_item.imgM { width: 48%; }
#lp .items_area .set_item .set_item_area .set_txt { top: 0; left: 0; transform: translateY(110%); }
#lp .items_area .set_item .set_item_area.active .set_txt { transform: translate(0); opacity: 1; }
#lp .items_area .set_item .btn_detail { position: absolute; text-align: right; width: 30px; height: 30px; bottom: 0; right: 10px; }
#lp .items_area .set_item .btn_detail p { display: block; padding-right: 30px; font-size: 0.7rem; cursor: pointer; }
#lp .items_area .set_item .btn_detail span { position: absolute; top: 4px; right: 0; width: 15px; height: 15px; display: block; }
#lp .items_area .set_item .btn_detail span:after { content: ""; display: block; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #fff; box-shadow: rgb(0 0 0 / 60%) 0px 0px 15px;}
#lp .items_area .set_item .btn_detail span:before { content: ""; display: block; position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; background: #fff; box-shadow: rgb(0 0 0 / 60%) 0px 0px 15px; transition: ease-in 0.5s; }
#lp .items_area .set_item .btn_detail.active span:before { opacity: 0; }
#lp .items_area .set04 { width: 600px; margin: 0 auto; margin-top: 100px; }
#lp .sec05 .item_img { width: 31%; margin-bottom: 8%; }
#lp .btn_tshirts { margin: 6% auto; }
#lp .btn_tshirts a { position: relative; display: block; width: 64%; margin: 0 auto; padding: 4% 0; background: #444444; color: #ffffff; text-align: center; }
#lp .btn_tshirts a p { text-indent: -1rem; color:#fff; font-size:1rem;}
#lp .btn_tshirts a span { position: absolute; display: inline-block; vertical-align: middle; width: 20px; height: 20px; top: 50%; }
#lp .btn_tshirts a span:before { position: absolute; top: -2px; right: 0; margin: auto; content: ""; vertical-align: middle; width: 6px; height: 1px; background: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#lp .btn_tshirts a span:after { position: absolute; right: 0; margin: auto; content: ""; vertical-align: middle; width: 16px; height: 1px; background: #ffffff; }
#lp .btn_location { width: 94%; margin: 20% auto 0; border: solid 1px #eee; }
#lp .fadein { opacity: 0; transform: translateY(20px); transition: all 0.7s ease; }
#lp .delay { transition-delay: 0.4s!important;}
#lp .move { opacity: 1; top: 0; transform: translateY(0px); }
#lp .fadein.move { opacity: 1; top: 0; transform: translateY(0px); }
#lp .bask {
	font-family: 'Libre Baskerville', serif;
	text-align: center;
	color: #333;
  letter-spacing: 0.03em;
}
#lp h2 {font-size:2.0rem; padding-bottom: 10%;}
#lp .ttl_area h3 {font-size: 2.0rem;}
#lp a.cs { pointer-events: none;}
#lp .items_area .set_item .set_item_area .set_txt a .cs_txt {
		line-height: 1.0;
    color: #fff;
    font-size: 0.6rem;
}
@media (max-width: 767px) {
  #lp { margin-top: -36px; }
  .pc_only { display: none; }
  #lp .mv_ttl p { text-align: left; }
  #lp .items_area { width: auto; padding-bottom: 20%; }
  #lp .items_area .set_item { width: 100%; }
  #lp .items_area .set_item.imgM { margin: 0; margin-bottom: 4%; }
  #lp .items_area .set_item.imgL { width: 100%; margin-bottom: 4%; }
  #lp .items_area .set_item.imgS { width: 100%; margin: 0 0 4%; }
	#lp #mv_area > img.sp_only {
		min-width: 100%;
		height: 85vh;
		object-fit: cover;
	}
}
@media (min-width: 768px) {
  .sp_only { display: none; }
	#lp { margin-top: -10px; }
  #lp .items_area .set_item { width: 100%; }
  #lp .items_area .set_item.imgM { width: 49%; margin: 0; margin-bottom: 2%; }
  #lp .items_area .set_item.imgL { width: 525px; margin-bottom: 2%; }
  #lp .items_area .set_item.imgS { width: 525px; margin-bottom: 2%;}
  #lp .items_area .set_item.imgW { width: 100%; margin: 0 auto 2%;}
  #lp .items_area.sec05 { width: 820px;}
  #lp .sec05 .ttl_area { width: 980px; margin-left: -80px;}
  #lp .btn_location {width: 100%;}
  #lp .sec05 .item_img {margin-bottom: 20px;}
	#lp #mv_area img.pc_only { display: block; width: 1300px; height: auto; margin: 0 auto;}
  #lp .mv_ttl img {width: 100%;}
  #lp .mv_ttl {
    padding: 0;
    margin:60px auto 140px;
}
#lp .mv_ttl p { width: 980px; margin:0 auto; text-align: center; font-size: 1rem;}
#lp .items_area .set_item .set_item_area .set_txt a p {
    line-height: 2.0rem;
    font-size: 1.6rem;
}
#lp .items_area .set_item .set_item_area .set_txt a span {
    font-size: 0.8rem;
}
#lp .btn_tshirts a {
  font-size: 1.2rem;
  border: 1px solid #444;
}
#lp .btn_tshirts a:hover p {
    background: #ffffff;
    color: #444;
}
#lp .btn_tshirts a:hover span:before,
#lp .btn_tshirts a:hover span::after {
  background: #444;
}
#lp h2 {font-size:3rem; padding-bottom: 3%;}
#lp .ttl_area { margin: 0 auto 6%;}
#lp .ttl_area h3 {font-size: 2.6rem;}
#lp .btn_tshirts a { width: 50%; padding: 2% 0;}
#lp .items_area .set_item .set_item_area .set_txt a .cs_txt {
		line-height: 0.8;
    font-size: 1.0rem;
}
}