@charset "UTF-8";
/* CSS Document */

	html, body { width: 100%;margin: 0;padding: 0;background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);overflow-x: hidden;} 
	body{-webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "Noto Sans JP", serif;
		font-weight: 200;font-style: normal;}
	body.open_navigation{	position: fixed;height: 100vh;}
	
 	
	/* font */
	.noto-sans-jp-<uniquifier> {font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}
	.yu-gothic{font-family: yu-gothic-pr6n, sans-serif;font-weight: 400;font-style: normal;}
	.futura {font-family: futura-pt-bold, sans-serif;font-weight: 700;font-style: normal;}
	.monts{font-family: "montserrat", sans-serif;font-weight: 400;font-style: normal;}
	.monthin{font-family: "montserrat", sans-serif;font-weight: 100;font-style: normal;}
	.roboto-<uniquifier> {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"wdth" 100;}
	.nunito-sans-<uniquifier> {font-family: "Nunito Sans", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"wdth" 100,"YTLC" 500;}
	.shippori-mincho-regular {font-family: "Shippori Mincho", serif;font-weight: 400;font-style: normal;}
	.cormorant-garamond-<uniquifier> {font-family: "Cormorant Garamond", serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}


@media (min-width:1051px) {
	
	/* Header */
	header {position: fixed;top: 0;width: 100%;height:150px;z-index: 10000;background-color: none;}
	header #header_wrapper {display: flex;justify-content: space-between;align-items: center;width: 98%;height:100%;margin: 0 auto;}
	header #header_wrapper #logo_scroll {position:  fixed;top: 20px;width: 100px;height: auto;
    transition: 0.5s;opacity: 1;z-index: 99999;}
	header #header_wrapper #logo_scroll a {display: block;}
	header #header_wrapper #logo_scroll img {width: 100%;height: auto;}
	
	/* Navigation Menu */
	header #header_wrapper nav {width: 100%;position: fixed;top: 40px;left: 0;text-align: right;transition: 0.1s;}
	header .button {display: none;}
	header #header_wrapper nav #nav_menu .inner {display: flex;align-items: center;justify-content: flex-end;gap: 4%;padding-right: 17%;}
	header #header_wrapper nav #nav_menu .inner a {display: inline-block;text-decoration: none;color: #fff;font-size: 24px;letter-spacing: 2px;font-family: futura-pt, sans-serif;font-weight:500;}
	header #header_wrapper nav #nav_menu .inner a:hover {color: #726458;}
	header #header_wrapper nav #nav_menu .inner #nav_menu_logo {display: none;}

	/* Header on Scroll */
	header.scroll-nav {opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
	header.scroll-nav #header_wrapper nav {background: none;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);}
	header.scroll-nav #header_wrapper #logo_scroll {z-index: 99999;top: 18px;opacity: 1;}
	header.scroll-nav #header_wrapper #logo_scroll a {display: block;}
	header.scroll-nav #header_wrapper #logo_scroll a:hover {opacity: 0.5;}

	/* Recruitボタン */
	.custom-arrow-wrapper {position: fixed;width: 15vw;height: 15vw;max-width: 240px;max-height: 240px;}
	.custom-arrow {position: relative;width: 100%;height: 100%;transform: rotate(-42deg);transition: all 0.3s;}
	.custom-circle-wrapper {position: relative;width: 100%;height: 100%;}
	.circle_text {position: absolute;right: 6%;top: 6%;width: 86%;height: 86%;transform: translate(-50%, -50%);
    z-index: 4;}
	.circle_text img {width: 100%;height: auto;}
	.circle_red {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;transform: rotate(42deg);}
	.circle_red img {width: 100%;height: auto;}
	
	header .entry-btn {display: none;}

	/* 回転アニメーション */
	@keyframes rotateRightZAnime { from { transform: rotateZ(0);} to { transform: rotateZ(360deg);}}
	.circle_text.rotateRightZ {animation-name: rotateRightZAnime;animation-fill-mode: forwards;
    animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 30s;}
	
	/* 通常ページ：画像ボタン表示、テキスト非表示 */
	.recruit_btn { display: block; }
	.recruit_btn_text { display: none !important; }

	/* Header shopページだけ */
	.shop-page .recruit_btn { display: none;}
	.shop-page .custom-arrow-wrapper {display: none !important;}
	.shop-page header #header_wrapper nav #nav_menu .inner {padding-right: 4%;}
	.shop-page header:after {content: '';background: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 1) 100%);
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;height: 100px;}

	/* Footer */
	.footer {padding: 40px 0 0;position: relative;border-radius: 0 0 12px 12px;font-family: futura-pt, sans-serif;border-top: 1.5px solid rgb(204, 204, 204);}
	.footer_inner {width: 86%;margin: 0px auto;position: relative;text-align: center;padding-bottom: 0;}
	.layout_3col {display: flex;justify-content: space-between;align-items: flex-start;gap: 0px;flex-wrap: wrap;padding: 0;}
	.footer_logo_area {width: 40%;}
	.footer_logo {width: 100%;max-width: 450px;height: auto;display: block;}
	.footer_nav_area {width: 24%;display: flex;justify-content: flex-end;}
	.footer_nav_list {display: grid;grid-template-columns: repeat(2, auto);gap: 12px 40px;list-style: none;padding: 0;margin: 0;font-family: futura-pt, sans-serif;}
	.footer_nav_list li a {color: #555;text-decoration: none;font-size: 16px;}
	.footer_nav_list li a:hover {opacity: 0.7;}
	/* 右：Bird img */
	.footer_bird_area {width: 125px;display: flex;justify-content: flex-end;align-items: flex-end;}
	.footer_bird_area img {width: 100%;height: auto;}
	/* copyright  */
	.copyright_wrapper {width: 86%;margin: 0 auto 16px;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;font-size: 12px;margin-top: 24px;font-family: futura-pt, sans-serif;}
	.copyright {color: #555;letter-spacing: 1px;}

	.footer_nav_and_bird {display: contents;}

	
}



@media screen and (min-width:701px) and ( max-width:1050px)  {
    
	/* Header */
	header {position: fixed;top: 0;width: 100%;height: 150px;z-index: 10000;background-color: transparent;}
	header #header_wrapper {display: flex;justify-content: space-between;align-items: flex-start;width: 98%;
    height: 100%;margin: 0 auto;padding: 12px 0 0;}
	header #header_wrapper #logo_scroll {position: relative;width: 72px;z-index: 1;}
	header #header_wrapper #logo_scroll a {display: block;}
	header #header_wrapper #logo_scroll img {width: 100%;height: auto;}
	
	/* Navigation Menu */
	header #header_wrapper nav {width: 100%;position: fixed;top: 40px;left: 0;text-align: right;transition: 0.1s;}
	.button {display: none;}
	header #header_wrapper nav #nav_menu .inner a {display: inline-block;text-decoration: none;color: #fff;font-size: 24px;letter-spacing: 2px;font-family: "montserrat", sans-serif;font-weight:bold;}
	header #header_wrapper nav #nav_menu .inner a:hover {color: #726458;}
	header #header_wrapper nav #nav_menu .inner #nav_menu_logo {display: none;}

  	/* Entryボタン */
  	header .entry-btn {position: absolute;top: 20px;right: 90px;background: #b60000;color: #fff;padding: 14px 64px;border-radius: 9999px;
    font-weight: bold;font-size: 16px;letter-spacing: 1px;text-decoration: none;z-index: 10001;font-family: futura-pt, sans-serif;}

  	/* ハンバーガーボタン（右上） */
  	header .button {display: block;position: absolute;top: 20px;right: 20px;width: 64px;height: 48px;background: #212227;
    border-radius: 50%;z-index: 10001;cursor: pointer;}
  	header .button div {position: relative;width: 36px;height: 20px;margin: 14px auto;}
  	header .button span {position: absolute;height: 2px;width: 100%;background: #fff;left: 0;transition: all 0.3s ease;}
  	header .button span:nth-child(1) { top: 0; }
	header .button span:nth-child(2) { top: 9px; }
	header .button span:nth-child(3) { bottom: 0;width: 76%;}
	/* ハンバーガーが開いた時 */
	header .button.open_navigation span:nth-child(1) {top: 9px;transform: rotate(24deg);}
	header .button.open_navigation span:nth-child(2) {opacity: 0;}
	header .button.open_navigation span:nth-child(3) {bottom: 9px;width: 100%;transform: rotate(-24deg);}

  	/* ナビメニュー全体（開いたとき） */
  	#nav_menu {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 9999;text-align: left;
    padding-top: 124px;background: #222;opacity: 0.98 !important;}
  	#nav_menu.open_navigation {display: block;}
	#nav_menu .inner {display: flex;flex-direction: column;gap: 40px;font-family: futura-pt, sans-serif;font-size: 24px;
    color: #111;width: 72%;margin: 0 auto;}
  	#nav_menu .inner a {text-decoration: none;color: #111;font-weight: bold;}

	/* Recruitボタン */
	.custom-arrow-wrapper {position: absolute;right: 100px;width: 40vw;height: 40vw;max-width: 225px;max-height: 225px;margin-top: -132px;}
	.custom-arrow {position: relative;width: 100%;height: 100%;transform: rotate(-42deg);transition: all 0.3s;}
	.custom-circle-wrapper {position: relative;width: 100%;height: 100%;}
	.circle_text {position: absolute;right: 6%;top: 6%;width: 86%;height: 86%;transform: translate(-50%, -50%);
    z-index: 4;}
	.circle_text img {width: 100%;height: auto;}
	.circle_red {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;transform: rotate(42deg);}
	.circle_red img {width: 100%;height: auto;}

	/* 回転アニメーション */
	@keyframes rotateRightZAnime { from { transform: rotateZ(0);} to { transform: rotateZ(360deg);}}
	.circle_text.rotateRightZ {animation-name: rotateRightZAnime;animation-fill-mode: forwards;
    animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 30s;}
	
	.shop-page header:after {content: '';background: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 1) 100%);
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;height: 100px;}
	
	/* Footer */
	.footer {padding: 32px 0 0;position: relative;border-radius: 0 0 12px 12px;font-family: futura-pt, sans-serif;border-top: 1.5px solid rgb(204, 204, 204);}
	.footer_inner {width: 92%;margin: 0px auto;position: relative;text-align: center;padding-bottom: 0;}
	.layout_3col {display: flex;justify-content: space-between;align-items: flex-start;gap: 0px;flex-wrap: wrap;padding: 0;}
	.footer_logo_area {width: 40%;}
	.footer_logo {width: 100%;max-width: 450px;height: auto;display: block;}
	.footer_nav_area {width: 24%;display: flex;justify-content: flex-end;}
	.footer_nav_list {display: grid;grid-template-columns: repeat(2, auto);gap: 12px 40px;list-style: none;padding: 0;margin: 0;font-family: futura-pt, sans-serif;}
	.footer_nav_list li a {color: #555;text-decoration: none;font-size: 16px;}
	.footer_nav_list li a:hover {opacity: 0.7;}
	/* 右：Bird img */
	.footer_bird_area {width: 125px;display: flex;justify-content: flex-end;align-items: flex-end;}
	.footer_bird_area img {width: 100%;height: auto;}
	/* copyright  */
	.copyright_wrapper {width: 92%;margin: 0 auto 16px;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;font-size: 12px;margin-top: 24px;font-family: futura-pt, sans-serif;}
	.copyright {color: #555;letter-spacing: 1px;}
	
	.footer_nav_and_bird {display: contents;}
	
}


@media (max-width: 700px) {
	
	/* Header */
	header {position: fixed;top: 0;width: 100%;height: 150px;z-index: 10000;background-color: transparent;}
	header #header_wrapper {display: flex;justify-content: space-between;align-items: flex-start;width: 98%;
    height: 100%;margin: 0 auto;padding: 8px 0 0;}
	header #header_wrapper #logo_scroll {position: relative;width: 64px;z-index: 1;}
	header #header_wrapper #logo_scroll a {display: block;}
	header #header_wrapper #logo_scroll img {width: 100%;height: auto;}
	
	/* Navigation Menu */
	header #header_wrapper nav {width: 100%;position: fixed;top: 40px;left: 0;text-align: right;transition: 0.1s;}
	.button {display: none;}
	header #header_wrapper nav #nav_menu .inner a {display: inline-block;text-decoration: none;color: #fff;font-size: 20px;letter-spacing: 1.5px;font-family: "montserrat", sans-serif;font-weight:500;}
	
	header #header_wrapper nav #nav_menu .inner a:hover {color: #726458;}
	header #header_wrapper nav #nav_menu .inner #nav_menu_logo {display: none;}

  	/* Entryボタン */
  	header .entry-btn {position: absolute;top: 22px;right: 78px;background: #b60000;color: #fff;padding: 10px 48px;border-radius: 9999px;
    font-weight: bold;font-size: 15px;letter-spacing: 1px;text-decoration: none;z-index: 10001;font-family: futura-pt, sans-serif;}

  	/* ハンバーガーボタン（右上） */
  	header .button {display: block;position: absolute;top: 16px;right: 12px;width: 54px;height: 48px;background: #212227;
    border-radius: 50%;z-index: 10001;cursor: pointer;}
  	header .button div {position: relative;width: 30px;height: 20px;margin: 14px auto;}
  	header .button span {position: absolute;height: 2px;width: 100%;background: #fff;left: 0;transition: all 0.3s ease;}
  	header .button span:nth-child(1) { top: 0; }
	header .button span:nth-child(2) { top: 9px; }
	header .button span:nth-child(3) { bottom: 0;width: 76%;}
	/* ハンバーガーが開いた時 */
	header .button.open_navigation span:nth-child(1) {top: 6px;transform: rotate(24deg);}
	header .button.open_navigation span:nth-child(2) {opacity: 0;}
	header .button.open_navigation span:nth-child(3) {bottom: 12px;width: 100%;transform: rotate(-24deg);}

  	/* ナビメニュー全体（開いたとき） */
  	#nav_menu {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 9999;text-align: left;
    padding-top: 80px;background: #222;opacity: 0.98 !important;}
  	#nav_menu.open_navigation {display: block;}
	#nav_menu .inner {display: flex;flex-direction: column;font-family: futura-pt, sans-serif;padding-top: 32px;width: 72%;margin: 0 auto;}
  	#nav_menu .inner a {text-decoration: none;color: #111;font-weight: bold;margin-bottom: 32px;}
	
	/* Recruitボタン */
	.custom-arrow-wrapper {position: absolute;right: 64px;width: 40vw;height: 40vw;margin-top: -64px;}
	.custom-arrow {position: relative;width: 100%;height: 100%;transform: rotate(-42deg);transition: all 0.3s;}
	.custom-circle-wrapper {position: relative;width: 100%;height: 100%;}
	.circle_text {position: absolute;right: 6%;top: 6%;width: 86%;height: 86%;transform: translate(-50%, -50%);
    z-index: 4;}
	.circle_text img {width: 100%;height: auto;}
	.circle_red {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;transform: rotate(42deg);}
	.circle_red img {width: 100%;height: auto;}

	/* 回転アニメーション */
	@keyframes rotateRightZAnime { from { transform: rotateZ(0);} to { transform: rotateZ(360deg);}}
	.circle_text.rotateRightZ {animation-name: rotateRightZAnime;animation-fill-mode: forwards;
    animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 30s;}
	
	.shop-page header:after {content: '';background: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 1) 100%);
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;height: 100px;}
	
	/* Footer */
	.footer {padding: 16px 0 0;position: relative;border-radius: 0 0 12px 12px;font-family: futura-pt, sans-serif;border-top: 1.5px solid rgb(204, 204, 204);}
	.footer_inner {width: 90%;margin: 0px auto;display: flex;flex-direction: column;align-items: flex-start;}
	.layout_3col {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;}
	.footer_logo_area {width: 86%;max-width: 350px;}
	.footer_logo {width: 100%;height: auto;display: block;}
	
	.footer_nav_and_bird {display: flex;justify-content: space-between;align-items: flex-end;width: 96%;margin: 0 auto;gap: 24px;}
	.footer_nav_area {width: auto;}
	.footer_nav_list {display: grid;grid-template-columns: repeat(2, auto);gap: 20px 40px;padding: 0;margin: 0;list-style: none;text-align: left;}
	.footer_nav_list li a {color: #333;font-size: 17px;letter-spacing: 0.5px; text-decoration: none;}
	.footer_nav_list li a:hover {opacity: 0.7;}
	
	/* 右：Bird img */
	.footer_bird_area {width: 100px;display: flex;justify-content: flex-end;}
	.footer_bird_area img{width: 100%;height: auto;}
	
	/* copyright  */
	.copyright_wrapper {width: 90%;margin: 0 auto 16px;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;font-size: 12px;letter-spacing: 1px;margin-top: 32px;font-family: futura-pt, sans-serif;}
	.copyright {color: #555;}
	
}