/*
Theme Name: lp

*/
@charset "UTF-8";

/*
Theme Name: tabikashinew

*/

/* reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	/*	max-height: 100%; */
	box-sizing: border-box;
}
pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

body {
	line-height: 1.4;
	font-family:'Kaisei Decol', serif;
	font-size:16px;
	color:#000;
	word-wrap: break-word;
}
#wrapper{
	width:100%;
	overflow:hidden;
}

html,body {
	height: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}


#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}



a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	outline:none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,select {
	vertical-align: middle;
}

img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
}


/* clear fix */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clf {
	clear: both;
}

.cf {
	display: inline-table;
}

* html .cf {
	height: 1%;
}

.cf {
	display: block;
}
	

/* margin */

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

.mt55 {
	margin-top: 55px;
}

.mt60 {
	margin-top: 60px;
}

.mt65 {
	margin-top: 65px;
}

.mt70 {
	margin-top: 70px;
}
.mg10{
	margin-bottom:10px;
}
.mg50{
	margin-bottom:50px;
}


/* padding */

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}


/* float */

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/* align */

.alignL {
	text-align: left;
}

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}
.pcnone{display:none;}
.spnone{display:block;}

body{
	font-size:3.4vw;
}

.lp_wrap{width:100%;height:auto;height:auto;width:100vw;}
.lp_container{width:100%;height:100%;position:relative;}
.lp_container ul{font-size:max(1.5vw,18px);}
.lp_container ul li{}
.lp_main{position:relative;width:100%;height:100vh;background:url(https://travellets.jp/travellets-wp/wp-content/uploads/2025/07/lets_main.png);background-size:cover;}
.lp_main h1{font-size:max(5vw,28px);width:100%;position:relative;top:20%;text-align:center;text-shadow:1px 1px 1px #efefef;line-height:1;}
.lp_main h1 img{width:80vw;max-width:300px;margin:0 auto;}
.lp_main h1 span{font-size:70%;display:inline-block;width:100%;}
.lp_main .lp_link_block{position:absolute;right:25vw;}
.lp_main .lp_link_block a{border:1px solid #ccc;background:#fff;color:#131313;width:100%;display:inline-block;padding:.5em .5em;}
.lp_main .lp_link_block a:hover{background:rgba(200,200,200,0.7)}
.kashi{font-size:max(2.5vw,20px);top:38%;}
.sake{font-size:max(1.8vw,18px);top:57%;}
.lp_main .lp_link_block.area{position:absolute;top:66.9%;left:16.5%;font-size: max(1.5vw,18px);line-height:1;}
.lp_main .lp_link_block.area a{background:rgba(255,255,255,0.3);border:2px solid #ccc;padding:0.3em 0;width:9em;text-align:center;display:inline-block;text-shadow: 1px 1px 1px #131313;color:#fff;}
.lp_main .lp_link_block.area a span{font-size:60%}
.lp_main .lp_link_block.area a:hover{background:rgba(255,255,255,0.8);color:#666}
.lp_head{position:relative;width:100%;height:auto;text-align: center;padding:180px 0;width:90%;margin:0 auto;line-height: 1.8;
    color: #292323;}
.big{
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    font-size: 40px;}
 .en{ font-family: "Poppins", sans-serif;
    font-size: 15px;padding:1em 0;}
 .jp{font-family: "Noto Sans JP", sans-serif;font-size: min(15px,3.2vw);}

.area{
    color: #292323;
    background: #d1d3d3;
    position: relative;
	padding-bottom:120px;
}

.area .block{padding:180px 0 30px;width:90%;margin:0 auto;line-height:1.8;text-align:center;}
.area .store-locations {text-align:center;width:90%; margin:0 auto;}

.area .store-locations ul{display:flex;flex-wrap:wrap;justify-content:space-around;}
.area .store-locations ul li{font-family: "Noto Sans JP";width:50%;border-bottom:1px solid #aaa;}
.area .store-locations ul li a{color:#292323;width:100%;display:inline-block;padding:0.5em 0 .5em;}

footer{padding:90px 0 30px;text-align:center;font-size:12px;}

@media screen and (max-width:880px){
	.pcnone{display:block;}
	.spnone{display:none;}
	
.spnone{display:none;}
	
	.lp_main{background-size:cover;background-position:center bottom;}
	.lp_main h1{font-size:10vw;text-shadow:1px 1px 5px #fff}
	.lp_head{padding:40px 0;}
	.area .block{padding:40px 0;}
	.area .store-locations ul li{width:100%;}
}
@media screen and (max-width:580px){
	.kashi{top:40%;}
	.sake{top:55%;}
}

#nav-drawer{position: fixed;z-index:99999;right:3%;}
#nav-drawer i,#nav-drawer2 i{font-size:10vw;}
#nav-drawer2 {position: fixed;z-index:99999;left:5vw;}
.nav-unshown,.nav-unshown2 {display:none;}
#nav-open{display: inline-block;vertical-align: middle;margin:15px 0 0 35px;}
#nav-open2 {display: inline-block;vertical-align: middle;margin:15px 0 0 5px;}

#nav-open,#nav-open2 {
  cursor: pointer;
  display: inline-block;
  height: 45px;
  position: relative;
  width: 33px;
	z-index:999999;
}

#nav-open span,#nav-open2 span {
  background:  #fff;
	    box-shadow: #000 0px 0px 2px;
  border-radius: 4px;
  display: block;
  height: 16%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
  width: 84%;
}

#nav-open span::before,#nav-open2 span::before,
#nav-open span::after,#nav-open2 span::after {
  -webkit-transform: rotate(0);
  background: #fff;
	    box-shadow: #000 0px 0px 2px;
  border-radius: 4px;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}

#nav-open span::before,#nav-open2 span::before {
  margin-top: -38%;
}

#nav-open span::after,#nav-open2 span::after {
  margin-top: 27%;
}

#nav-input:checked ~ #nav-open span,#nav-input2:checked ~ #nav-open2 span {
  background: rgba(51, 51, 51, 0);box-shadow:0px 0px 0px;
}

#nav-input:checked ~ #nav-open span::before,#nav-input2:checked ~ #nav-open2 span::before,
#nav-input:checked ~ #nav-open span::after,#nav-input2:checked ~ #nav-open2 span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
	box-shadow:0px 0px 0px;
}

#nav-input:checked ~ #nav-open span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
	background:#fff;
}
#nav-input2:checked ~ #nav-open2 span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
	background:#fff;
}

#nav-input:checked ~ #nav-open span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
	background:#fff;
}
#nav-input2:checked ~ #nav-open2 span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
	background:#fff;
}




#nav-open,#nav-open2 {
  position: relative;
}
#nav-open span,#nav-open2 span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 25px;
}
#nav-open span:nth-of-type(1),#nav-open2 span:nth-of-type(1) {
  top: 0;
}
#nav-open span:nth-of-type(2),#nav-open2 span:nth-of-type(2) {
  top: 8px;
}
#nav-open span:nth-of-type(3),#nav-open2 span:nth-of-type(3) {
  bottom: 0;
}


#nav-close,#nav-close2 {display: none;position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: black;opacity: 0;transition: .3s ease-in-out;}
#nav-content {overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;max-width: 100%;height: 100%;background: rgba(62, 128, 246, 0.9);transition: .3s ease-in-out;-webkit-transform: translateX(-105%);transform: translateX(-105%);}
#nav-content2 {overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;max-width: 100%;height: 100%;background: rgba(62, 128, 246, 0.9);transition: .3s ease-in-out;-webkit-transform: translateX(105%);transform: translateX(105%);}
#nav-input:checked ~ #nav-close {display: block;opacity: .5;}
#nav-input2:checked ~ #nav-close2 {display: block;opacity: .5;}
#nav-input:checked ~ #nav-content {-webkit-transform: translateX(0%);transform: translateX(0%);box-shadow: 6px 0 25px rgba(0,0,0,.15);padding-top:4em}
#nav-input2:checked ~ #nav-content2 {-webkit-transform: translateX(0%);transform: translateX(0%);box-shadow: 6px 0 25px rgba(0,0,0,.15);padding-top:4em}

#nav-content .logo { width: 100%;text-align: center;display: inline-block;}
#nav-content .logo img {max-width: 200px;margin: 20px auto;}

#nav-content ul,#nav-content2 ul{padding-top:16%;}
#nav-content .item,#nav-content2 .item {width:100%;text-align:center;}
#nav-content .item a,#nav-content2 .item a  {
  display: inline-block;text-align: center;width: 100%;padding-top: 25px;padding-bottom: 25px;text-decoration: none;font-size:6vw;}

.lp_sp_area li a{display: inline-block;text-align: center;width: 100%;padding-top: 15px;padding-bottom: 15px;text-decoration: none;font-size:4vw;}