@charset "UTF-8";

/*---------------------------------------
トップページ
---------------------------------------*/
/*=============================
メインビジュアル
=============================*/
main {
	background: url(../images/top/mv_bg.jpg) top 57px center no-repeat;
}
#top_mv {
	height: 705px;
	position: relative;
	margin: -124px 0 0;
}
/*極上の頭の癒やし*/
#top_mv h2 {
	opacity: 0;
	animation-name: fade-in;
	animation-duration: 2s;
	animation-timing-function: ease-out;
	animation-delay: 0.5s;
 	animation-iteration-count: 1;
 	animation-direction: normal;
	animation-fill-mode: forwards;
	position: absolute;
	top: 134px;
	left: 167px;
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*全国1位*/
#top_mv h3 {
   	position: absolute;
	top: 88px;
	left: 0;
}
/*動く蝶*/
#top_mv .container {
	position: absolute;
	top: 140px;
	width: 750px;
	overflow: hidden;
	height: 200px;
}
/*動く蝶*/
#top_mv .bf1,
#top_mv .bf2,
#top_mv .bf3,
#top_mv .bf4,
#top_mv .bf5 {
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 750px;
	display: block;
}
/*蝶1*/
#top_mv .bf1 {
	-webkit-animation: fuwa1 3s alternate;
	-moz-animation: fuwa1 3s alternate;
	animation: fuwa1 3s alternate;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
#top_mv .bf1 img {
	position: absolute;
	top: 15px;
 	right: 108px;
	width: 51px;
	-webkit-animation: bf1 5s forwards;
	-moz-animation: bf1 5s forwards;
	animation: bf1 5s forwards;
}
@-webkit-keyframes fuwa1 {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	20% {
 		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		transform: translateY(40px);
	}
	40% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	60% {
 		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes bf1 {
  0% {
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transform: translateX(200px);
  }
  100% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
  }
}
/*蝶2*/
#top_mv .bf2 {
	-webkit-animation: fuwa2 4s alternate;
	-moz-animation: fuwa2 4s alternate;
	animation: fuwa2 4s alternate;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
#top_mv .bf2 img {
	position: absolute;
	top: 25px;
 	right: 77px;
	width: 62px;

	-webkit-animation: bf2 5s forwards;
	-moz-animation: bf2 5s forwards;
	animation: bf2 5s forwards;
}
@-webkit-keyframes fuwa2 {
	0% {
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	20% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	60% {
 		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	100% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes bf2 {
  0% {
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	transform: translateX(150px);
  }
  100% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
  }
}
/*蝶3*/
#top_mv .bf3 {
	-webkit-animation: fuwa3 5s alternate;
	-moz-animation: fuwa3 5s alternate;
	animation: fuwa3 5s alternate;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
#top_mv .bf3 img {
	position: absolute;
	top: 9px;
 	right: 66px;
	width: 48px;

	-webkit-animation: bf3 6s forwards;
	-moz-animation: bf3 6s forwards;
	animation: bf3 6s forwards;
}
@-webkit-keyframes fuwa3 {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	10% {
 		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	20% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	30% {
 		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	40% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
 		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	60% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	80% {
 		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	90% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes bf3 {
  0% {
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	transform: translateX(100px);
  }
  100% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
  }
}
/*蝶4*/
#top_mv .bf4 {
	-webkit-animation: fuwa4 4s alternate;
	-moz-animation: fuwa4 4s alternate;
	animation: fuwa4 4s alternate;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
#top_mv .bf4 img {
	position: absolute;
	top: 3px;
 	right: 11px;
	width: 55px;

	-webkit-animation: bf4 5s forwards;
	-moz-animation: bf4 5s forwards;
	animation: bf4 5s forwards;
}
@-webkit-keyframes fuwa4 {
	0% {
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	20% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
 		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	60% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	80% {
 		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	100% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes bf4 {
  0% {
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	transform: translateX(150px);
  }
  100% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
  }
}
/*蝶5*/
#top_mv .bf5 {
	-webkit-animation: fuwa5 3s alternate;
	-moz-animation: fuwa5 3s alternate;
	animation: fuwa5 3s alternate;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
#top_mv .bf5 img {
	position: absolute;
	top: 29px;
 	right: 29px;
	width: 55px;
	-webkit-animation: bf5 3s forwards;
	-moz-animation: bf5 3s forwards;
	animation: bf5 3s forwards;
}
@-webkit-keyframes fuwa5 {
	0% {
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	20% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
 		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	60% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	80% {
 		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}
	100% {
 		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes bf5 {
  0% {
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	transform: translateX(100px);
  }
  100% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
  }
}
/*=============================
悟空のきもちとは
=============================*/
#top_about {
	background: url(../images/top/about_bg.png) top -20px center no-repeat;
	padding: 20px 0 0;
	margin: 0 0 60px;
}
/*見出し*/
#top_about h2 {
	margin: auto auto 50px;
	text-align: center;
}
#top_about h2 img {
	width: 361px;
}
/*テキスト*/
#top_about p {
	margin: auto auto 40px;
	text-align: center;
	line-height: 1.66;
}
#top_about p:last-of-type {
	margin: 0 0 74px;
}
/*画像*/
#top_about img {
	display: block;
	margin: auto;
}
/*=============================
店舗案内
=============================*/
#top_shoplist {
	text-align: center;
	margin: 0 0 70px;
}
#top_shoplist h2 {
	margin: 0 0 40px;
}
#top_shoplist ul {
	display: flex;
	margin: auto;
	justify-content: space-between;
	flex-wrap: wrap;
}
#top_shoplist ul li {
	margin: 0 0 2px;
}
/*京都*/
#top_shoplist ul li a {
	display: block;
	padding: 40px 0 0;
	width: 249px;
	height: 308px;
	background: url(../images/top/shoplist_bg_kyoto.jpg) top center / cover no-repeat;
}
#top_shoplist ul li img {
	width: 141px;
}
/*大阪*/
#top_shoplist ul li:nth-of-type(2) a {	
	background: url(../images/top/shoplist_bg_osaka.jpg) top center / cover no-repeat;
}
#top_shoplist ul li:nth-of-type(2) img {
	width: 207px;
}
/*堂島*/
#top_shoplist ul li:nth-of-type(3) a {	
	background: url(../images/top/shoplist_bg_doujima.jpg) top center / cover no-repeat;
}
#top_shoplist ul li:nth-of-type(3) img {
	width: 175px;
}
/*原宿*/
#top_shoplist ul li:nth-of-type(4) a {	
	background: url(../images/top/shoplist_bg_harajuku.jpg) top center / cover no-repeat;
}
#top_shoplist ul li:nth-of-type(4) img {
	width: 173px;
}
/*銀座*/
#top_shoplist ul li:nth-of-type(5) a {	
	background: url(../images/top/shoplist_bg_ginza.jpg) top center / cover no-repeat;
}
#top_shoplist ul li:nth-of-type(5) img {
	width: 173px;
}
/*銀座店別館*/
#top_shoplist ul li:nth-of-type(6) a {	
	background: url(../images/top/shoplist_bg_ginza-annex.jpg) top center / cover no-repeat;
	padding: 25px 0 0;
}
#top_shoplist ul li:nth-of-type(6) img {
	width: 163px;
}
/*ニューヨーク*/
/* #top_shoplist ul li:nth-of-type(6) a {	
	background: url(../images/top/shoplist_bg_ny.jpg) top center / cover no-repeat;
}
#top_shoplist ul li:nth-of-type(6) img {
	width: 207px;
} */
/*SPA渋谷店*/
#top_shoplist ul li:nth-of-type(7) a {	
	background: url(../images/top/shoplist_bg_spa_shibuya_sp.jpg) top center / cover no-repeat;
	padding: 25px 0 0;
}
#top_shoplist ul li:nth-of-type(7) img {
	width: 133px;
}
/*SPA銀座店*/
#top_shoplist ul li:nth-of-type(8) a {	
	background: url(../images/top/shoplist_bg_spa_ginza_sp.jpg) top center / cover no-repeat;
	padding: 25px 0 0;
}
#top_shoplist ul li:nth-of-type(8) img {
	width: 133px;
}
/*香港店*/
#top_shoplist ul li:nth-of-type(9) a {	
	background: url(../images/top/shoplist_bg_hongkong_sp.jpg) top center / cover no-repeat;
}
#top_shoplist ul li:nth-of-type(9) img {
	width: 107px;
}
/*ブランド*/
#top_shoplist ul li:nth-of-type(10){
	margin: 24px auto 0;
}
#top_shoplist ul li:nth-of-type(10) a {	
	width: 649px;
	height: 180px;
	background: url(../images/top/shoplist_bg_brand_sp.jpg) top center / cover no-repeat;
	padding: 0 0 0 40px;
	display: flex;
	align-items: center;
}
#top_shoplist ul li:nth-of-type(10) img {
	width: 157px;
}
/*=============================
世界を変える悟空のあたま
=============================*/
#top_head {
	padding: 70px 0 65px;
	background: #26272e;
}
#top_head h2 {
	margin: 0 0 39px;
	text-align: center;
}
#top_head ul {
	display: flex;
	justify-content: space-between;
	margin: auto;
	flex-wrap: wrap;
	margin: 0 50px;
}
#top_head ul li:first-of-type,
#top_head ul li:nth-of-type(2) {
	margin: 0 0 30px;
}
/*=============================
現在の人気状況
=============================*/
#top_availability {
	background: url(../images/top/availability_bg.png) bottom center no-repeat;
	padding: 76px 30px 57px;
}
#top_availability .inner {
	margin: auto;
	background: rgba(255,255,255,.95);
	border: 2px solid #c0a563;
	padding: 72px 10px 45px;
	text-align: center;
	letter-spacing: 0.02em;
}
#top_availability .inner h2 {
	margin: 0 0 37px;
}
#top_availability .inner h2 img {
	width: 330px;
}
#top_availability .inner p:first-of-type {
	line-height: 1.66;
	margin: 0 0 35px;
}
#top_availability .inner p:first-of-type span {
	font-size: 20px;
	display: block;
	margin-top: 20px;
}
/*詳しくは悟空のきもちとは？へ*/
#top_availability .inner p a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 514px;
	height: 80px;
	color: #fff;
	background: #917d4d;
	margin: auto auto 55px;
	position: relative;
	padding: 2px 0 0;
}
#top_availability .inner p a::after {
	position: absolute;
	top: 32px;
 	right: 18px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.5px 0 8.5px 14px;
	border-color: transparent transparent transparent #fff;
}
/*求人はこちらボタン*/
#top_availability .inner .recruit_btn {
	width: 624px;
	height: 98px;
	background: url(../images/top/recruit_bnr.png) center / contain no-repeat;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px auto 0;
	position: relative;
}
#top_availability .inner .recruit_btn::after {
	position: absolute;
    top: 41px;
    right: 50px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 0 8.5px 14px;
    border-color: transparent transparent transparent #fff;
}
	
/*=============================
INFORMATION
=============================*/
#top_information {
	padding: 57px 0 61px;
}
#top_information h2 {
	text-align: center;
	margin: 0 0 49px;
}
#top_information h2 img {
	width: 334px;
}
#top_information ul {
	margin: auto 50px 32px;
}
#top_information ul li {
	border-bottom: 2px solid #c0c0c0;
	padding: 0 0 20px;
	margin: 0 0 22px;
}
#top_information ul li a {
	display: flex;
	align-items: flex-start;
	line-height: 1.3;
	font-size: 26px;
}
#top_information ul li span {
	background: #44454c;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.05em;
	padding: 11px 10px 0;
	margin: 0 33px 0 0;
	width: 132px;
	height: 45px;
}
#top_information p a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 277px;
	height: 72px;
	margin: auto;
	background: #917d4d;
	color: #fff;
	position: relative;
}
#top_information p a::after {
	position: absolute;
	top: 27px;
	right: 15px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.5px 0 8.5px 14px;
	border-color: transparent transparent transparent #fff;
}

/*
     FILE ARCHIVED ON 08:29:58 Apr 26, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:15:15 Oct 20, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 286.401
  exclusion.robots: 0.077
  exclusion.robots.policy: 0.068
  cdx.remote: 0.058
  esindex: 0.01
  LoadShardBlock: 256.445 (3)
  PetaboxLoader3.datanode: 73.014 (5)
  load_resource: 96.952
  PetaboxLoader3.resolve: 37.077
  loaddict: 44.234
*/