@charset "UTF-8";
/* CSS Document */
/*resetcss*/
html{
  /* 320:10px; */
  font-size: clamp(10px,3.125vw,16px);
}
* , *::before ,*::after{
  box-sizing: border-box;
  background-repeat: no-repeat;
}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,figcaption,svg{
  margin: 0;
  padding: 0;
 font-weight: inherit;
}
body{
font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  /* background-color: var(--color-bg); */
  line-height: 1.5;
  transition:  color .6s;
  transition-timing-function: cubic-bezier(.61,.2,.81,.53);
color: #333333;
}
body::before{
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg);
  z-index: -100;
  transition: background-color .6s;
  cursor: pointer;
}
ul,li{
list-style: none;
}
a{
text-decoration: none;
color: inherit;
}
a[href^="tel:"] {
  pointer-events: all;
}
a:hover{
	opacity: 0.5;
}
img{
vertical-align: bottom;
border: none;
width: 100%;
max-width:100%;
height:auto;
}
address{
font-style: normal;
}
svg{
  fill: none;
  vertical-align: bottom;
}
table {
  border-collapse: collapse;
}
button{
  appearance: none;
  border: none;
  background-color: transparent;
}
p{
  text-align: justify;
}
@keyframes bound-anim{
  0%{transform:translateY(0px);}
  100%{transform: translateY(24px);}
}
img.easein{
  animation: .5s bound-anim ease-in infinite alternate;
}
.slick-dots li{
	display: none;
}
.wide{
	width: 90%;
	margin: auto;
}
.db{
	display: block;
}
.pc{
  display: none;
}
.center{
  text-align: center;
}
.left-center{
  text-align: left;
}
.center-left{
  text-align: center;
}
.left{
  text-align: left;
}
.small{
  font-size: 0.9em;
}
.asterisk{
  position: relative;
  display: block;
  padding-left: 1.2em;
  margin-top: 0.2em;
  font-weight: 300;
}
.asterisk::before{
  content: "※";
  position: absolute;
  left: 0;
}
.wrapper{
	overflow: hidden;
	font-size: 1.2rem;
}
/*仮想ページトップ*/

.top-wp{
	background: url(../images/toh_top_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 37em;
    position: relative;
}
.about .top-wp{
	background: url(../images/about_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.access .top-wp{
	background: url(../images/access_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.spot .top-wp{
	background: url(../images/spot_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.top .top-wp{
	background: url(../images/toh_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
/*コース*/
.course .top-wp{
	background: url(../images/course_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.course1 .top-wp{
	background: url(../images/course1_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.course2 .top-wp{
	background: url(../images/course2_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.course3 .top-wp{
	background: url(https://www.tour-harajuku.com/images/course3_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
.course4 .top-wp{
	background: url(https://www.tour-harajuku.com/images/course4_top_sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
/*shop*/
.spot1-detail .top-wp{
	background: url(../images/alta-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot2-detail .top-wp{
	background: url(../images/laforet-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot3-detail .top-wp{
	background: url(../images/meiji-jingu-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot4-detail .top-wp{
	background: url(../images/omotesandohills-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot5-detail .top-wp{
	background: url(../images/tokyuplaza-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot6-detail .top-wp{
	background: url(../images/togojinja-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot7-detail .top-wp{
	background: url(../images/yoyogikoen-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot8-detail .top-wp{
	background: url(../images/uraharajuku-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot9-detail .top-wp{
	background: url(../images/takeshita-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.spot10-detail .top-wp{
	background: url(../images/withharajuku-sp.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
}
.kasou-ttl-wp{
    margin: -5rem auto;
}
.kasou-ttl{
	font-size: 5rem;
    font-weight: 700;
    position: relative;
}
.kasou-ttl span {
    position: absolute;
    top: 0;
    right: 0%;
    width: 60%;
}
.top-wp{
	position: relative;
}
.white-top-back{
	border-right: 0px solid transparent;
    border-bottom: 83px solid #fff;
    border-left: 400px solid transparent;
    position: absolute;
    border-top: 0px solid transparent;
    bottom: 0;
}
/* lazysizes.min.js用 */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 1000ms;}

/* footer */
.footer-wp {
    background: #f1f1f1;
    border-top: solid 2px #fff;
    padding: 7rem 0 3rem;
}
.footer-nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer-list{
	display: block;
    text-align: center;
    width: 30%;
    padding-top: 2rem;
    line-height: 1.2;
}
.f-nav-spen{
	font-weight: 700;
    font-size: 1.8rem;
}
.f-nav-ja {
    display: block;
    font-size: 1rem;
}
.footer-logo{
	width: 40%;
    display: block;
    margin: 7rem auto 4rem;
}
.foot_copyright{
	text-align: center;
    padding-top: 3rem;
}
@media (min-width: 769px) {
	.wrapper{
		font-size: 0.8rem;
	}
  html{
    /* W768:10px */
    font-size: 1.302083333vw;
  }
  .sp{
    display: none;
   }
  .pc{
    display: block;
   }
/*	仮想トップページ*/
	.top-wp {
    width: 100vw;
	background: url(../images/toh_top_pc.jpg);
 	background-size: cover;
    background-repeat: no-repeat;
	padding: 0 0 58em;
	}
	
	.about .top-wp{
	background: url(../images/about_top_pc.jpg);	
	background-size: cover;
	padding: 0 0 60em;
    background-repeat: no-repeat;
	}
	.access .top-wp{
	background: url(../images/access_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	background-position: bottom;
	}
	.spot .top-wp{
	background: url(../images/spot_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	}
	.top .top-wp{
	background: url(../images/toh_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
}
/*コース*/
	.course .top-wp{
	background: url(../images/course_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	}
	.course1 .top-wp{
	background: url(../images/course1_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	}
	.course2 .top-wp{
	background: url(../images/course2_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	}
	.course3 .top-wp{
	background: url(../images/course3_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	}
	.course4 .top-wp{
	background: url(../images/course4_top_pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;
	}	
/*shop*/
	.spot1-detail .top-wp{
	background: url(../images/alta-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: bottom;
	}
	.spot2-detail .top-wp{
	background: url(../images/laforet-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: bottom;
	}
	.spot3-detail .top-wp{
	background: url(../images/meiji-jingu-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: top;
	}
	.spot4-detail .top-wp{
	background: url(../images/omotesandohills-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: bottom;
	}
	.spot5-detail .top-wp{
	background: url(../images/tokyuplaza-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: bottom;
	}
	.spot6-detail .top-wp{
	background: url("../images/togojinja-pc.jpg");	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: initial;
	}
	.spot7-detail .top-wp{
	background: url("../images/yoyogikoen-pc.jpg");	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: top;
	}
	.spot8-detail .top-wp{
	background: url(../images/uraharajuku-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: center;
	}
	.spot9-detail .top-wp{
	background: url(../images/takeshita-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: bottom;
	}
	.spot10-detail .top-wp{
	background: url(../images/withharajuku-pc.jpg);	
	background-size: cover;
    background-repeat: no-repeat;	
	background-position: bottom;
	}
	.kasou-top-pc{
		position: relative;
		z-index: -1;
	}
	.white-top-back {
    position: absolute;
    bottom: -2rem;
    left: -15rem;
    width: 35rem;
    height: 52rem;
    transform: skewX(-23deg);
	}
	.kasou-ttl-wp {
    margin: 0rem auto;
    position: absolute;
    top: 35%;
    left: 6%;
	}
	.kasou-ttl {
    font-size: 5rem;
    font-weight: 700;
    position: relative;
	}
	.kasou-ttl span {
    position: absolute;
    top: 0;
    left: 17%;
    width: 26%;
	}
   .left-center{
    text-align: center;
   }
   .center-left{
    text-align: left;
   }
    .wide{
	width: 80%;
	margin: auto;
	}
	.footer-list{
	width: 12%;
	}
	.f-nav-spen {
    font-weight: 700;
    font-size: 1.1rem;
	}
	.f-nav-ja {
    padding-top: 0.2rem;
    font-size: 0.7rem;
	}
	.footer-logo {
    width: 8%;
	}
	.footer-wide{
	width: 66%;
	}
	.foot_copyright {
    padding-top: 5rem;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}