@charset "utf-8";

/*共通スタイル*/

* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }

body {
	display:none;
	color:#fff; 
	font-family: rodin-M, sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	line-height:1.8;
	font-weight:400;
	-webkit-text-size-adjust:100%;
	overflow-x:hidden; 
	background-size:auto auto; background-repeat:repeat; background-position:top left; background-blend-mode:multiply;
	background-image: url(../img/common/bg_noise.png), -webkit-linear-gradient(bottom, #0294d2, #0089c1); background-image: url(../img/common/bg_noise.png),  -moz-linear-gradient(bottom, #0294d2, #0089c1);
	background-image: url(../img/common/bg_noise.png), -o-linear-gradient(bottom, #0294d2, #0089c1);
	background-image: url(../img/common/bg_noise.png), linear-gradient(to bottom, #0294d2, #0089c1);
}

	body#top { background-size:auto auto; background-repeat:repeat; background-position:top left; background-blend-mode:multiply;
	background-image: url(../img/common/bg_noise.png), -webkit-linear-gradient(bottom, #00a5b9, #0071b2); background-image: url(../img/common/bg_noise.png),  -moz-linear-gradient(bottom, #00a5b9, #0071b2);
	background-image: url(../img/common/bg_noise.png), -o-linear-gradient(bottom, #00a5b9, #0071b2);
	background-image: url(../img/common/bg_noise.png), linear-gradient(to bottom, #00a5b9, #0071b2); }


	
	
	@supports (-ms-ime-align: auto) { /* Edge */
		body { background-image:url(../img/common/bg_noise_ie.png),linear-gradient(to bottom, #0294d2, #0089c1); background-blend-mode:normal; }
		body#top { background-image:url(../img/common/bg_noise_ie.png),linear-gradient(to bottom, #00a5b9, #0071b2); background-blend-mode:normal; }
	}
	@media all and (-ms-high-contrast: none){ /* IE */
		body { background-image:url(../img/common/bg_noise_ie.png),linear-gradient(to bottom, #0294d2, #0089c1); background-blend-mode:normal; }
		body#top { background-image:url(../img/common/bg_noise_ie.png),linear-gradient(to bottom, #00a5b9, #0071b2); background-blend-mode:normal; }
	}
	


#wrapper { width:100%; height:100%;}
	body#top #wrapper { padding-top:150px; position:relative; }
	
	

	@media only screen and (min-width: 768px) {
		.onlySp {
			display: none!important;
		}
	}
	@media only screen and (max-width: 767px) {
		.onlyPc {
			display: none!important;
		}
	}


/*html { visibility:hidden; }
html.wf-active { visibility:visible; }*/



	
	
	
	
	@media screen and (max-width: 1024px) {
		body#top #wrapper { padding-top:100px; overflow-x:hidden; }
	}
	
	@media screen and (max-width: 767px) {
		#wrapper { overflow-x: hidden; }
	}
	

/* ----------------------------------------------------
library
---------------------------------------------------- */

@font-face {
	font-family: "medel";
	src: url("../font/medel/Medel-Regular.eot?")  format('eot'),
	   url("../font/medel/Medel-Regular.woff2") format('woff2'),
	   url("../font/medel/Medel-Regular.woff")  format('woff');
}
@font-face {
	font-family: "rodin-M";
	src: url("../font/rodin/_RodinCattleyaPro-M.woff2") format('woff2'),
	   url("../font/rodin/_RodinCattleyaPro-M.woff")  format('woff');
}
@font-face {
	font-family: "rodin-B";
	src: url("../font/rodin/_RodinCattleyaPro-DB.woff2") format('woff2'),
	   url("../font/rodin/_RodinCattleyaPro-DB.woff")  format('woff');
}

.myriad { font-family:myriad-pro, sans-serif; font-weight:400; font-style:normal; }
.medel { font-family:"medel", sans-serif; font-weight:400; }
.db { font-family:"rodin-B", sans-serif; /*font-weight:600;*/ }
.medium { font-family:"rodin-M", sans-serif; }

	.regular { font-weight:400; }
	.bold { font-weight:500; }
	.black { font-weight:700; }
	
	img { max-width:100%; }
	ul { list-style:none outside; }
	
	.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	.clr { min-height:1px; clear:both; }
	* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
	
	h2,h3,h4,h5 { font-family:"rodin-B", sans-serif; }
	
	a { text-decoration:none; color:#fff; transition:0.3s; }
	
		@media screen and (min-width: 768px) {	
			a[href^="tel:"] { pointer-events:none; }
		}
	
	a.moreLink { padding-left:15px; font-size:15px; position:relative; }
	a.moreLink:before { content:""; left:2px; top:4px; border:solid transparent; height:0; width:0; position:absolute; pointer-events:none; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; }
	a.moreLink:hover { text-shadow:0px 1px 5px #333; }
	
	.disable { cursor:default; pointer-events: none; }

	.btn_more { width:290px; color:#fff; border-radius:30px; display:block; text-align:center; padding:8px 0; border:3px solid #fff; position:relative; font-size:18px; transition:0.3s; margin: 0 auto; }
	.btn_more:hover { background:rgba(255,255,255,0.25); }
	.btn_more:after { position:absolute; }
	.btn_more:hover:after { animation: anim .5s ease-out forwards; content:""; position:absolute; top:25px; right:30px; width:25px; height:25px; z-index:1; color: #fff;background:url(../img/common/ico_airplane.png) no-repeat top center / contain; }
	
	
	.btn_white { color:#008eac; border-radius:30px; display:inline-block; text-align:center; padding:12px 60px; background:#fff; position:relative; font-size:18px; line-height:1.5; transition:0.3s; }
	.btn_white:after { position:absolute; }
	.btn_white:hover:after { animation: anim .5s ease-out forwards; content:""; position: absolute; top:25px; right:20px; width:25px; height:25px; z-index:1; color: #fff; background:url(../img/common/ico_airplane_blue.png) no-repeat top center / contain; }
	
	.btn_blue { background:#009dbb; color:#fff; border-radius:30px; display:inline-block; text-align:center; padding:10px 60px; position:relative; font-size:18px; line-height:1.5; transition:0.3s; }
	.btn_blue:after { position:absolute; }
	.btn_blue:hover:after { animation: anim .5s ease-out forwards; content:""; position: absolute; top:25px; right:20px; width:25px; height:25px; z-index:1; background:url(../img/common/ico_airplane.png) no-repeat top center / contain; }
	
	.btn_index_back { width:290px; color:#009fbb; border-radius:30px; display:block; text-align:center; padding:8px 0; border:3px solid #009fbb; position:relative; font-size:18px; transition:0.3s; margin: 0 auto; }
	.btn_index_back:hover { color:#fff; background:#009fbb; }
	
	.btn_blue_back { width:290px; background:#009dbb; color:#fff; border-radius:30px; border:3px solid #009fbb; display:inline-block; text-align:center; padding:10px 60px; position:relative; font-size:18px; line-height:1.5; transition 0.3s; }
	.btn_blue_back:hover { color:#009dbb; background:#fff; }
	
	.btn_blue_short { background:#0085bb; border:3px solid #0085bb; color:#fff; border-radius:30px; display:inline-block; text-align:center; padding:9px 40px; position:relative; font-size:15px; line-height:1.5; transition:0.3s; }
	.btn_blue_short:hover { color:#0085bb; background:#fff; }
	
	.btn_blue_back.w_auto { width:auto; }
	
	.btn_more:hover,
	.btn_white:hover,
	.btn_blue:hover { box-shadow: 0px 10px 20px rgba(86, 86, 86, 0.3); transform: translateY(-3px); }
	
	
	.btn_scroll_down { position:relative; margin:0 auto; display:block; width:90px; height:50px; font-size:20px; text-align:center; letter-spacing:0.05em; }
	.btn_scroll_down:after { content:""; position:absolute; bottom:0; left:calc(50% - 10px); background:url(../img/common/ico_arrow_white.png) no-repeat center center / contain; width:20px; height:20px; }
	
		@keyframes anim {
		  0% { transform: translate(50px, 0); opacity:0; }
		  100% { transform: translate(-5px, -5px); opacity:1; }
		}
	
	.centerText .btn_more { margin-right:auto; margin-left:auto; }
	
	.linkBtn a { font-size:13px; display:inline-block; border:2px solid #0090bf; border-radius:30px; text-align:center; margin-bottom:10px; padding:5px 60px 5px; color:#0090bf; }
	.linkBtn a:hover { background:#0090bf; color:#fff; }
	
	.block { display:block; }
	.inline { display:inline; }
	.normal { font-weight:normal; }
	.italic { font-style:italic; }
	
	.centerText { text-align:center; }
	.leftText { text-align:left; }
	.rightText { text-align:right; }
	
	.centerBlock { margin: 0 auto!important; display:block; text-align:center; width:100%; }
	.fleft { float:left; }
	.fright { float:right; }
	
	.flex { display:flex; }
	.flex_wrap { flex-wrap:wrap; }
	.item_center { align-items:center; }
	.flex_center { justify-content:center; }
	.flex_left { justify-content:flex-start; }
	.flex_auto { justify-content:space-between; }
	
	.red { color:#b8392f; }
	.white { color:#fff; }
	.yellow { color:#ccbd01; }
	.blue { color:#0090bf; }
	.turquoise { color:#00a0ba; }
	.bondi { color:#0095a9; }
	.gray { color:#454545; }
	.black { color:#000; }
	
	.bg_white { background:#fff; }
	
	.line_blue { border-bottom:1px dotted #0085bd; }
	
	.contentLabel { font-size:48px; }
	
	.small { font-size:12px; }
	.size14 { font-size:14px; }
	.size15 { font-size:15px; }
	.size16 { font-size:16px; }
	.size17 { font-size:17px; }
	.size18 { font-size:18px; }
	.size20 { font-size:20px; }
	.size22 { font-size:22px; }
	
	.relative { position:relative; z-index:1; }
	.fixed { position:fixed; width:100%; }
	
	.fadein { opacity:0; transform:translateY(20px); transition:all 1s; }
	.visible { opacity:1!important; }
	
	.no_blend { mix-blend-mode: normal; }
	.blend { mix-blend-mode: normal; }
	
	/*input[type="button"], input[type="text"], input[type="email"],input[type="submit"], textarea { -webkit-appearance:none; border-radius:0; }*/
	
	.animation-box { opacity:0.1; margin-top:100px; transition:0.5s; }
	.animation-box.active { opacity:1; margin-top:0; }
	
	
	
	@media screen and (max-width: 450px) {
		
	}
	
	
/* ----------------------------------------------------
header
---------------------------------------------------- */

#header { position:fixed; top:0; z-index:10; width:100%; transition:0.15s; }
.gNav_wrap { }
.gNav a { color:#fff; text-decoration:none;  }
.gNav { max-width:1366px;margin:0 auto; padding:0 40px; display:flex;justify-content:space-between; }
.gNav_logo { margin-top:40px; transition: 0.3s; }
	#header.fixed.nav-down .gNav_logo { margin-top:10px; }
.gNav_logo img { max-width:280px; }
.gNav_menu { display:flex;justify-content:space-between; }
	#header nav { width:60%; }
.gNav_menu li a { font-size:17px; }
	
	.gNav_menu li a.disable { opacity:0.5; }
	.gNav_menu li:hover a.disable { color:#fff; }
	.gNav_menu li:hover a.disable:before { display:none; }

	@keyframes fadeIn {
	    from { opacity:0; }
	    to { opacity:1; }
	}
	
	@keyframes fadeOut {
	    0% { opacity:1; }
	    100% { opacity:0; } 
	}


.nav-up { margin-top:-90px; }
.nav-down { margin-top:0; }

	#header.nav-down { background-size:auto auto; background-repeat:repeat; background-position:top left; background-blend-mode:multiply;
	background-image: url(../img/common/bg_noise.png), -webkit-linear-gradient(bottom, #0294d2, #0294d2); background-image: url(../img/common/bg_noise.png),  -moz-linear-gradient(bottom, #0294d2, #0294d2);
	background-image: url(../img/common/bg_noise.png), -o-linear-gradient(bottom, #0294d2, #0294d2);
	background-image: url(../img/common/bg_noise.png), linear-gradient(to bottom, #0294d2, #0294d2); }
		body#top #header.nav-down { background:none; }
		body#top #header.fixed.nav-down { background:rgba(255,255,255,1); }
		
		
		@supports (-ms-ime-align: auto) { /* Edge */
			#header.nav-down { background:none; }
			#header.fixed.nav-down { background-image:none; background:url(../img/common/bg_header.png) repeat top left; background-blend-mode: normal!important; }
		}
		@media all and (-ms-high-contrast: none){ /* IE */
			#header.nav-down { background:none; }
			#header.fixed.nav-down { background-image:none; background:url(../img/common/bg_header.png) repeat top left; background-blend-mode: normal!important; }
		}
		
		
		
		#top #header.fixed.nav-down .gNav_logo img { display:none; }
		#top #header.fixed.nav-down .gNav_logo a { background:url(../img/common/img_logo_over.png) no-repeat top left; width:279px; height:66px; display:block; }
		
	
	@media print, screen and (min-width:1025px) {
		.gNav_menu li a { position:relative; padding-top:43px; display:block; }
		.gNav_menu li a:after { content:""; position:absolute; top:0; left:-5px; width:75px; height:2px; background:#fff; transform:rotate(-60deg); }
		.gNav_menu li a:before { display: block; content: ""; width:50px; height: 3px; position: absolute; z-index:10; top:17px; left:2px; background: #fceb1a; transform: rotate(-63deg) rotatey(90deg); transform-origin:20px 0px; transition: 0.4s; }
		.gNav_menu li:hover a:before { transform:rotate(-60deg) rotatey(0deg); }
		.gNav_menu li:hover a { color:#fceb1a; }
		
		.gNav_menu_instagram { background:url(../img/common/ico_instagram.png) no-repeat 0 0 / 100% auto; width:115px; height:27px; position:relative; top:45px; }
		.gNav_menu li.gNav_menu_instagram a { text-indent:-9999px; padding-top:0; }
		.gNav_menu li.gNav_menu_instagram a:after,
		.gNav_menu li.gNav_menu_instagram a:before  { display:none; }
		
		#header.nav-up { }
		
	
		/*#header.fixed.nav-down .gNav a { color:#004098; top:-5px; }
		#header.fixed.nav-down .gNav_menu li a:after { background:#004098; }
		#header.fixed.nav-down .gNav_menu li a:before { background:#ccbd01; }
		#header.fixed.nav-down .gNav_menu li a:hover { color:#ccbd01; }
		#header.fixed.nav-down .gNav_logo img { display:none; }
		#header.fixed.nav-down .gNav_logo { background:url(../img/common/img_logo_over.png) no-repeat top left; width:279px; height:59px; }*/
		
		
		#top #header.fixed.nav-down { background:rgba(255,255,255,0.9); }
		#top #header.fixed.nav-down .gNav_menu a { color:#004098; top:-5px; }
		#top #header.fixed.nav-down .gNav_menu li a:after { background:#004098; }
		#top #header.fixed.nav-down .gNav_menu li a:before { background:#ccbd01; }
		#top #header.fixed.nav-down .gNav_menu li a:hover { color:#ccbd01; }
		
		#top #header.fixed.nav-down .gNav_menu li.gNav_menu_instagram { background:url(../img/common/ico_instagram_b.png) no-repeat 0 0 / 100% auto; top:25px; }
		#header.fixed.nav-down .gNav_menu li.gNav_menu_instagram { top:25px; }
		
		
		/* current nav */
		#shops .gNav_menu_shops a,
		#feature .gNav_menu_feature a,
		#ourservice .gNav_menu_ourservice a,
		#companyinfo .gNav_menu_companyinfo a,
		#recruit .gNav_menu_recruit a,
		#contact .gNav_menu_contact a { color:#fceb1a; }
		
		body#top #shops #header.nav-down .gNav_menu_shops a,
		body#top #feature #header.nav-down .gNav_menu_feature a,
		body#top #ourservice #header.nav-down .gNav_menu_ourservice a,
		body#top #companyinfo #header.nav-down .gNav_menu_companyinfo a,
		body#top #recruit #header.nav-down .gNav_menu_recruit a,
		body#top #contact #header.nav-down .gNav_menu_contact a { color:#ccbd01; }
		
		#shops #header .gNav_menu .gNav_menu_shops a:after,
		#feature #header .gNav_menu .gNav_menu_feature a:after,
		#ourservice #header .gNav_menu .gNav_menu_ourservice a:after,
		#companyinfo #header .gNav_menu .gNav_menu_companyinfo a:after,
		#recruit #header .gNav_menu .gNav_menu_recruit a:after,
		#contact #header .gNav_menu .gNav_menu_contact a:after { background:#fceb1a; height:3px; }
		
		body#top #shops #header.nav-down .gNav_menu .gNav_menu_shops a:after,
		body#top #feature #header.nav-down .gNav_menu .gNav_menu_feature a:after,
		body#top #ourservice #header.nav-down .gNav_menu .gNav_menu_ourservice a:after,
		body#top #companyinfo #header.nav-down .gNav_menu .gNav_menu_companyinfo a:after,
		body#top #recruit #header.nav-down .gNav_menu .gNav_menu_recruit a:after,
		body#top #contact #header.nav-down .gNav_menu .gNav_menu_contact a:after { background:#ccbd01; height:3px; }
		
		#header nav .storeList { display:none; }
	}
	
	
	@media print, screen and (max-width:1024px) {
		
		#header nav { width:100%; background:#000; color:#fff; position:fixed; top:0; left:0; right:0; bottom:0; z-index:990; text-align:center; display:flex; /*flex-direction:column;*/ justify-content:center; align-items:center; font-size:29px; visibility:hidden; transition:opacity .6s ease, visibility .6s ease; opacity:0; animation:fadeOut 0.5s linear 0s; }
		
		.gNav_logo { margin-top:30px; }
		
		#header nav { display:none; /*visibility:hidden; opacity:0;*/ }
		#header .gNav_menu li { opacity:0; transform: translateX(200px); transition: transform 0.6s ease, opacity 0.2s ease; }
		#header .gNav_menu li { width:auto; overflow:hidden; /*margin:15px 10px;*/ }
		
		.open { overflow:hidden; }
		.open #header .gNav_menu li { opacity:1; transform:translateX(0); transition:transform 1s ease, opacity 0.9s ease;  }
		.open #header nav { visibility: visible;/**/ opacity:1; display:flex; animation:fadeIn 0.5s linear 0s; }
		.open #header .gNav_menu { /* width:75%; flex-wrap:wrap; justify-content:center;*/ }
		
		#gNav_btn { position:fixed; top:30px; right:40px; height:auto; padding-top:6%; cursor:pointer; z-index:1000; width:6%; }
		#gNav_btn > div { /*position:relative;*/ }
		#gNav_btn span { width:100%; height:auto; display:block; position:absolute;  transition:transform 0.3s ease-in-out, top 0.5s ease; background-repeat:no-repeat; background-posiiton:top left; background-size:contain; }
		#gNav_btn span:nth-child(1) { top:0; right:0; width:60px; height:15px; width:64.5%; background-image:url(../img/common/ico_menu.png); background-posiiton:top right; }
		#gNav_btn span:nth-child(2) { top:24px; top:30%; left:0; width:93px; height:36px; width:100%; background-image:url(../img/common/ico_menu02.png); /*animation: floating 6s ease-in-out infinite;*/ }
		#gNav_btn span:nth-child(3) { bottom:12%; right:0; width:43px; height:16px; width:46.23%; background-image:url(../img/common/ico_menu03.png); }
		/*#gNav_btn:hover span:nth-child(2) { top:20px; }
		#gNav_btn:hover span:nth-child(3) { top:48px; }*/
		
			/*body#top #header.fixed.nav-down { background:rgba(255,255,255,0.2); }*/
			#header.fixed.nav-down #gNav_btn { top:15px; }
			body#top #header.fixed.nav-down #gNav_btn span:nth-child(1) { background-image:url(../img/common/ico_menu_3.png); }
			body#top #header.fixed.nav-down #gNav_btn span:nth-child(2) { background-image:url(../img/common/ico_menu02_3.png); }
			body#top #header.fixed.nav-down #gNav_btn span:nth-child(3) { background-image:url(../img/common/ico_menu03_3.png); }
			
		.open #gNav_btn span:nth-child(1) { background-image:url(../img/common/ico_menu_2.png); }
		.open #gNav_btn span:nth-child(2) { transform: scale(-1, 1); background-image:url(../img/common/ico_menu02_2.png); }
		.open #gNav_btn span:nth-child(3) { bottom:0%; transform: scale(-1, 1);/**/ background-image:url(../img/common/ico_menu03_2.png); }
		
			body#top.open #header.nav-down #gNav_btn span:nth-child(1) { background-image:url(../img/common/ico_menu_2.png); }
			body#top.open #header.nav-down #gNav_btn span:nth-child(2) { background-image:url(../img/common/ico_menu02_2.png); }
			body#top.open #header.nav-down #gNav_btn span:nth-child(3) { background-image:url(../img/common/ico_menu03_2.png); }

		
		.nav-up #gNav_btn { position:absolute; }
		
		.gNav { padding:0 20px; }
		
		.open #header nav { align-items:flex-start; overflow-y: scroll; -webkit-overflow-scrolling:touch; background: linear-gradient(0deg, rgba(0,113,178,1), rgba(0,165,185,1)), url(../img/common/bg_nav.png) top left / 100% auto repeat-y; background-blend-mode:hard-light; display:flex; justify-content:space-between; width:100%; padding:13% 6% 10%;  }
		
		.open #header nav .gNav_menu { width:30%; display:block; text-align:left; margin-top:4%; }
		.open #header nav .gNav_menu li { width:100%; margin-bottom:20px; }
		.open #header nav .gNav_menu li a { display:block; font-size:20px; }
		
		.open #header nav .gNav_menu li.gNav_menu_instagram a { background:url(../img/common/ico_instagram.png) no-repeat 0 0 / 100% auto; width:80%; height:auto; max-width:115px; text-indent:-9999px; }
		
		.open #header nav .storeList { width:50%; display:block; text-align:left; padding:10% 0 10%; background:url(../img/common/bg_storeList.png) no-repeat top left / 75% auto; }
		.open #header nav .storeList a { font-size:17px; line-height:1.5; display:block; }
		.open #header nav .storeList_base a { color:#fceb1a; font-size:15px; margin:20px 0 5px; }
		.open #header nav .storeList_menu li { border-bottom:1px dotted #fff; padding:10px 0; margin-bottom:5px; }
		
			/* current nav */
			#shops.open #header nav .gNav_menu .gNav_menu_shops a,
			#feature.open #header nav .gNav_menu .gNav_menu_feature a,
			#ourservice.open #header nav .gNav_menu .gNav_menu_ourservice a,
			#companyinfo.open #header nav .gNav_menu .gNav_menu_companyinfo a,
			#recruit.open #header nav .gNav_menu .gNav_menu_recruit a,
			#contact.open #header nav .gNav_menu .gNav_menu_contact a { border-bottom:3px solid #fceb1a; }
	}
	
	
	@media print, screen and (max-width:767px) {
		.gNav_logo { margin-top:15px; margin-left: -10px; }
		.gNav_logo img { max-width:220px; }
		#header.fixed.nav-down .gNav_logo { margin-top:10px; }
		#header.fixed.nav-down .gNav { padding: 0 20px 0; }
		#top #header.fixed.nav-down .gNav_logo img { display:none; }
		
		
		#gNav_btn { width:46.5px; /*width:12.5%;*/ height:40px; padding-top:0; top:18px; right:20px; }
		#gNav_btn span { background-size:100% auto; }
		#gNav_btn span:nth-child(1) { /* width:90%; */width:30px; height:7.5px; top:0;  }
		#gNav_btn span:nth-child(2) { top:12px; width:46.5px; /*width:100%;*/ height:18px;  }
		#gNav_btn span:nth-child(3) { bottom:5px; width:21.5px; /* width:63%;*/ height:8px;  }
		.open #gNav_btn span:nth-child(1) { top:0; }
		.open #gNav_btn span:nth-child(2) { top:12px; }
		.open #gNav_btn span:nth-child(3) { bottom:0; }
		
		.open #header nav { padding:80px 6% 8%; }
		.open #header nav .gNav_menu { width:35%; margin-top:7%; }
		.open #header nav .gNav_menu li { margin-bottom:15px; }
		.open #header nav .gNav_menu li a {font-size:16px; }
		.open #header nav .storeList { padding:12% 0 10%; background-size:100% auto; }
		.open #header nav .storeList_menu li { padding:7px 0; margin-bottom: 5px; }
		.open #header nav .storeList a { font-size:13px; }
		
		/*#gNav_btn:hover span:nth-child(2) { top:12px; }
		#gNav_btn:hover span:nth-child(3) { top:auto; bottom:0px; }*/
		
	}
	
	
	@media print, screen and (max-width:450px) {
		/*#top #header.fixed.nav-down .gNav_logo a { background:url(../img/common/img_logo_over.png) no-repeat top left / contain; width:55%; height:auto; padding-top:13%;  }*/
		#top #header.fixed.nav-down .gNav_logo { width:220px; height:53.52px; }
		#top #header.fixed.nav-down .gNav_logo a {background-size: 100% auto; width: 100%; height: auto; padding-top: 20%; }
	
	}
	
	
	@supports (-ms-ime-align: auto) { /* Edge */
		.open #header nav { background-image:url(../img/common/bg_nav.png),linear-gradient(to bottom, #00a5b9, #0071b2); background-blend-mode:normal; background-size:100% auto; }
	}
	
	@media all and (-ms-high-contrast: none){ /* IE */
		.open #header nav { background-image:url(../img/common/bg_nav.png),linear-gradient(to bottom, #00a5b9, #0071b2); background-blend-mode:normal; background-size:100% auto; }
	}
	
	
	@keyframes floating {
		0% { transform: translatey(0px); }
		50% { transform: translatey(-10px);	}
		100% { transform: translatey(0px); }
	}


/* ----------------------------------------------------
common layout
---------------------------------------------------- */

.inner_sec { max-width:1110px; margin:0 auto; padding:50px 20px; }
.inner_sec .lead { font-size:24px; line-height:1.85; }
.content { opacity:1; transform :translate(0, 0px); transition:all 1500ms; }
	body#top .content { opacity:0.25; transform :translate(0, 100px); }
	
.isActive { }
	body#top .isActive { opacity:1; transform: rotate(0); }
	
#pankuzu { margin-top:100px; }
#pankuzu .inner_sec { padding:60px 40px 20px; max-width:1280px; }
#pankuzu ul { display:flex; justify-content:flex-start; font-size:12px; }
#pankuzu li { position:relative; z-index:6; padding-left:10px; margin-right:7px; }
#pankuzu li:first-child { padding-left:25px; }
#pankuzu li:before { content:""; position:absolute; top:0; left:0; width:1em; height:1em; }
#pankuzu li:first-child:before { width:15px; height:16px; background-image:url(../img/common/ico_home.png); background-repeat:no-repeat; background-position:center center; }
#pankuzu li:not(:first-child):before { content:"/"; }
#pankuzu a:hover { color:#fceb1a; }


#pageTop { position:fixed; z-index:9; bottom:20px; right:calc(50% - 635px); display:inline-block; color:#70c2cc; text-decoration:none; font-weight:bold; font-size:12px; padding-top:80px; color:#70c2cc; cursor:pointer; writing-mode:vertical-rl; white-space:nowrap; overflow:visible; margin-top:50px; }
#pageTop:before { content:""; position:absolute; top:5px; left:5px; background:url(../img/common/ico_back.png) no-repeat top center; width:20px; height:66px; opacity:0; transition:0.3s; margin:100px 0;  }
#pageTop:hover:before { opacity:0.5; top:-5px; }
#pageTop.stick-on:before { opacity:1; margin:0; }

.bgGray_box { background:#f6f5f5; padding:0 40px 75px; }
.bgWh_box { background:#fff; position:relative; z-index:1; }
.bgWh_inner_box { background:#fff; max-width:1200px; margin:0 auto; padding:50px 0; color:#454545; }
.bgTp_inner_box { max-width:1200px; margin:0 auto; padding:0 0 50px; color:#454545; }

.page_top { padding-top:50px; }

.content_inner_box {  max-width:1060px; margin:0 auto; padding:0 30px; }

.pageTitle { font-size:33px; line-height:1.5; }
.mainTitle { font-size:40px; line-height:1.5; }



.pagination { position:relative; text-align:center; margin:0 auto 150px; }
.pagination a { position:relative; display:inline-block; color:#009fbb; text-decoration:none; font-size:18px; padding:8px 18px 8px; box-sizing:border-box; border:3px solid #009fbb; border-radius:50%; margin: 0 5px;  }
.pagination a:before { z-index:-1; position:absolute; height:100%; width:100%; content:""; top:0; left:0; background-color:#b73830; border-radius:50%; transform:scale(0); transition:all 0.2s; box-sizing:border-box; }

.pagination a:hover:before, .pagination a .pagination-active:before { -webkit-transform: scale(1); transform: scale(1); }
.pagination .pagination-active:before { -webkit-transform: scale(1); transform: scale(1);}
.pagination a:hover, .pagination a .pagination-active { color:#fff; border:3px solid #fff; }
.pagination .pagination-active:hover,
.pagination .pagination-active { color:#fff; border:none; }

.pagination a.pagination-next, .pagination a.pagination-prev { text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:; background-image:url(../img/common/ico_arrow.png); border:none; border-radius:0; }
.pagination a.pagination-next { transform:rotate(180deg); }
.pagination a.pagination-prev { }

.pagination-next:before,
.pagination-next:hover:before { background:none; transform:scale(0); }

.pagination a.pagination-next:hover:before,
.pagination a.pagination-prev:hover:before { transform:scale(0); }

.page-numbers-dots { color:#009fbb; }

	/* page - tinyMCE */
	.archivePage_left h1,
	.archivePage_left h2,
	.archivePage_left h3,
	.archivePage_left h4,
	.archivePage_left h5,
	.archivePage_left h6 { color:#0095a9; display:block; margin-bottom:10px; font-family:"rodin-B", sans-serif; }
	
	.archivePage_left h1 { font-size:30px; line-height:1.5; }
	.archivePage_left h2 { font-size:26px; line-height:1.5; }
	.archivePage_left h3 { font-size:24px; line-height:1.5; }
	.archivePage_left h4 { font-size:22px; line-height:1.5; color:#b73831; }
	.archivePage_left h5 { font-size:20px; line-height:1.5; }
	.archivePage_left h6 { font-size:18px; line-height:1.5; }
	
	
	h3.archivePageTitle { font-size:36px; line-height:1.3; border-bottom:3px solid #0095a9; padding:0 80px 15px 0; background-repeat:no-repeat; background-position:bottom right; margin-bottom:50px; position:relative; }
		#feature h3.archivePageTitle { padding:0 0 15px 0; }
.archivePage_left { width:66%; }
.archivePage_right { width:28%; }
.archivePage_right .contentLabel { font-size:24px; margin-bottom:10px; letter-spacing:0.035em; line-height:1.25; }
	.archivePage_left p { margin-bottom:30px; font-size:16px; line-height:2; }
	.archivePage_left strong { font-family:"rodin-B", sans-serif; }
	.archivePage_left ul { list-style:disc; margin:20px 0 20px 1.25em; }
	.archivePage_left hr { background-color:#0095a9; border: 0; height: 1px; margin: 0 0 1.75em; }
	.archivePage_left a { color:#009fbb; text-decoration:underline; }
	

.shopIndexTitle { font-size:30px; line-height:1.5; border-bottom:3px solid #00a0ba; padding:30px 0 5px;  margin-bottom:50px; position:relative; }
.shopIndexTitle:after { content:""; position:absolute; bottom:0; right:0; width:223px; height:79px; background-repeat:no-repeat; background-position:bottom right; }
	.bg_type1:after { background-image:url(../img/shops/ico_shopIndexTitle.png); }
	.bg_type2:after { background-image:url(../img/shops/ico_shopIndexTitle2.png); }
	.bg_type3:after { background-image:url(../img/shops/ico_shopIndexTitle3.png); }
	.bg_type4:after { background-image:url(../img/shops/ico_shopIndexTitle4.png); }
.shopIndexTitle span { padding-left:10px; letter-spacing:0.05em; display:inline-block; line-height:1; }
	

	@media print, screen and (max-width:1300px) {
		#pageTop { right:0.5%; }
	}

	@media print, screen and (max-width:1150px) {
		.inner_sec { padding: 50px 5%; }
	}
	
	@media print, screen and (max-width:1024px) {
		.page_top { padding-top:40px; }
		h3.archivePageTitle { font-size:28px; }
	}
	
	@media print, screen and (max-width:767px) {
		.inner_sec { padding: 50px 30px 80px; }
		.inner_sec.pageTitle_box { padding:30px 30px; }
		.inner_sec.mainTitle_box { padding:30px 20px; }
		#pankuzu { display:none; }
		#container { margin-top:75px; }
		/*#pankuzu .inner_sec { padding:0px 20px 20px; }*/
		.bgWh_inner_box { padding:0px 0; }
		.bgGray_box { padding: 0 10px 10px; }
		.content_inner_box { padding:0 20px; }
		.page_top { padding-top:10px; }
		.page_top .bgWh_inner_box { padding:5% 0; }
		
		#pageTop { display:none!important; }
		.pageTitle { font-size:24px; }
		.mainTitle { font-size:28px; }
		.mainTitle_box p { text-align:left; }
		
		.pagination a { margin:0; font-size:16px; padding:8px 16px; }
		.pagination a.pagination-prev, .pagination a.pagination-next { background-size:100% auto; padding:8px 10px; margin:0 6px; }
		.pagination a.page-numbers { margin:0 3px; }
		
		.archivePage_inner { flex-wrap:wrap; }
		.archivePage_left, .archivePage_right { width:100%; }
		.archivePage_left { padding:5% 0; }
		.archivePage_right { padding-bottom:5%; }
		h3.archivePageTitle { font-size:24px; margin-bottom:20px; padding:0 0 10px 0; }
		.archivePage_left p { line-height:1.8; }
		
		.shopIndexTitle { margin-bottom:30px; background-size:50% auto; font-size:24px; padding:10px 0 5px; }
			.bg_type1:after { background-size:50% auto; opacity:0.75; }
			.bg_type2:after { background-size:80% auto; opacity:0.75; }
			.bg_type3:after { background-size:50% auto; opacity:0.75; }
			.bg_type4:after { background-size:50% auto; opacity:0.75; }
		.shopIndexTitle span { display:block; padding-left:5px; }
	}
	



/* ----------------------------------------------------
TOP
---------------------------------------------------- */

#our_service_top { margin-bottom:50px; }
#our_service_top h2 { font-size:42px; line-height:1.5; }
#our_service_top .our_service_box01 { margin:-100px 0 0 2%; margin:-100px auto 0; max-width:590px; position: relative; left: 50%; margin-left:-450px; }
#our_service_top .our_service_box01 p { text-align:left; }
.our_service_col { width:45%; text-align:center; font-size:16px; }
.our_service_col h3 { font-size:33px; line-height:1.5; margin-bottom:20px; }
.our_service_col p { text-align:left; }
.our_service_col a { line-height:1.5; }
.our_service_col img { border-radius:100px; transition:0.3s; }
.our_service_col img:hover { box-shadow: 0px 5px 10px rgba(86, 86, 86, 0.3); transform:translateY(-1px); }
.our_service_btn { display:flex; justify-content:center; }
.our_service_btn a { margin:0 10px; }

.btn_white_rakuten, .btn_white_yahoo { color:#008eac; border-radius:30px; display:inline-block; text-align:center; padding:12px 40px 12px 70px; background:#fff; position:relative; font-size:16px; line-height:1.5; transition:0.3s; }
.btn_white_rakuten, .btn_white_yahoo { background-repeat:no-repeat; background-position:20px 5px; }
.btn_white_rakuten { background-image:url(../img/common/ico_rakuten.png); }
.btn_white_yahoo { background-image:url(../img/common/ico_yahoo.png); }
	.btn_white_rakuten:hover, .btn_white_yahoo:hover { box-shadow: 0px 10px 20px rgba(86, 86, 86, 0.3); transform: translateY(-3px); }
	


.rakuten { background-image:url(../img/common/ico_rakuten.png); }
.yahoo { background-image:url(../img/common/ico_yahoo.png); }

#shop_news_top { padding:300px 0 0; position:relative; z-index:9; }

#shop_news_top .bg_airplane:after { content:""; position:absolute; top:0px; left:-15%; z-index:-1; width:50%; height:100%; transition:0.5s ease-out; background-image:url(../img/top/bg_airplane.png); background-repeat:no-repeat; background-position:top right; background-size:auto auto; opacity:0; transform:translateX(-250px) translateY(100px);  }
#shop_news_top.isActive .bg_airplane:after { opacity:1; transform:translateX(0px) translateY(0px); margin:0; }



#shop_news_top:before { content:""; position:absolute; top:0; left:0%; z-index:-1; width:100%; height:100%; background-image:url(../img/top/bg_box_top.png); background-repeat:no-repeat; background-position:top center; background-size:auto auto; margin-top:50px; }

#shop_news_top:after { content:""; position:absolute; top:-57px; right:172px; z-index:-2; width:100%; height:100%; transition:0.3s ease-out; background:url(../img/top/bg_town.png) no-repeat top center; opacity:0; margin:100px 0 0 -200px; }

	
	#shop_news_top.isActive:before { opacity:1; margin-top:0px; }
	#shop_news_top.isActive:after { /*animation: fromLeft .3s ease-out forwards;*/ opacity:1; transform:translateX(0px) translateY(0px); margin:0; }
	
		@keyframes fromLeft {
		  0% { transform: translate(-200px, 0px); }
		  100% { transform: translate(0px, 0); }
		}



.shop_news_top_inner { margin-top:1000px; background-image:url(../img/top/bg_box_mid.png); background-repeat:repeat-y; background-position: center bottom; }
.shop_news_top_inner .inner_sec { margin-top:-80px; }


.shop_news_box { margin:20px 0 45px; position:relative; }
	.shop_news_box.flex:after { content:""; display: block; width:32%; }
	
	body#top .shop_news_box { margin-top:-1000px; }

.shop_news_col { width:32%; background:#fff; margin:0 0 45px; position:relative; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); border-radius:10px; border:1px solid #ddd; transform: translate(-20px,80px) rotate(-5deg); transition: .6s cubic-bezier(.175,.885,.32,1.275); }
	.shop_news_col.isShow { transform: translate(0,0) rotate(0deg); }

.shop_news_col a { display:block; padding:20px; color:#000;}
.shop_news_col:hover { box-shadow: 0px 15px 20px rgba(86, 86, 86, 0.4); transform: translateY(-7px); }
.shop_news_img { background-repeat:no-repeat; background-position:top center; background-size:cover; margin:0 auto 15px; width:100%; height:255px; opacity:0.5; transition:0.3s ease-out; }
	.shop_news_col.isShow .shop_news_img { opacity:1; }
.shop_news_title { font-size:19px; line-height:1.5; margin-bottom:5px; }
.shop_news_txt { height:; }
.shop_news_date { border-top:1px dotted #0090bf; padding-top:20px; margin-top:20px; position:relative; }
.shop_news_date:after { content:"READ MORE"; position:absolute; bottom:10px; left:0; text-align:right; width:100%; height:1em; font-size:12px; color:#0090bf; }
.shop_news_col:hover .shop_news_date:after { color:#b8ab01; }

.new { position:absolute; z-index:1; top:48%; right:10px; border-radius:50%; height:50px; width:50px; line-height:50px; font-size:12px; color:#fff; text-align:center; background:#b8392f; transition: all 0.5s ease 0s; }
.shop_news_col:hover .new { transform:translateY(-5px); }


#product_story_top { background-image:url(../img/top/bg_box_btm.png); background-repeat:no-repeat; background-position:bottom center; background-size:auto auto; padding:0 0 150px; padding-top:150px; transition:0.3s ease-out;  }
	#product_story_top.isShow { padding-top:0; }

.product_story_box { margin:5% 0 5%; align-items:flex-start; }
.product_story_title { background:url(../img/top/bg_product_story.png) no-repeat top center; font-size:42px; line-height:1.25; height:116px; padding-top:20px; margin-bottom:30px; }
	#product_story_top .product_story_title { height:150px; }

.product_story_left { width:50%; }
.product_story_left img { border-radius:150px; transition:0.3s; }
.product_story_left img:hover { box-shadow: 0px 1px 10px rgba(86, 86, 86, 0.3); transform: translateY(-1px); }
.product_story_right { width:calc(50% - 50px); }
.product_story_box h3 { font-size:28px; line-height:1.4; margin-bottom:20px; padding-bottom:10px; border-bottom:2px dotted #fff; }
.product_story_left .clip { display:block;background-repeat:no-repeat;background-position:top center;background-size:cover;padding:19% 0;border-radius:150px; }
.product_story_left .clip:hover { box-shadow: 0px 1px 10px rgba(86, 86, 86, 0.3); transform: translateY(-5px); }

#recruit_top { background:url(../img/common/bg_footer_top.png) no-repeat bottom center / 100% auto;  min-height:900px; /*padding-bottom:30%;margin-top:-500px;*/ }
.recruit_box h3 { font-size:22px; }
.recruit_box h3 span { font-size:18px; }
.recruit_col_left { width:43%; font-size:16px; margin:0 0 0 -50px; transition:0.3s ease-out; opacity:0.5; }
	#recruit_top.isActive .recruit_col_left { margin:0; opacity:1; }
.recruit_box_title { position:relative; left:-40px; top:-15px; margin-bottom:10px; max-width:477px; }

.recruit_box_title:after { content:""; position:absolute; z-index:-1; top:-5px; left:55%; width:30px; height:32px; background:url(../img/top/ico_airplace_yellow.png) no-repeat left center; transform:0.3s; /*transition: .6s cubic-bezier(.175,.885,.32,1.275);*/ opacity:0; transform: translateY(24px) translateX(-30px); transition:0.3s ease-out 1s; }
	#recruit_top.isActive .recruit_box_title:after { opacity:1; transform: translateY(0px); /*animation: rotate .5s ease-out forwards;*/ }
.recruit_col_right { width:50%; }

#recruit_top .btn_more { margin:0; z-index:9; }

/*.recruit_pic { position:absolute; top:10%; }
	.recruit_pic:after { content:""; position:absolute; left:17%; bottom:50px; background:url(../img/top/bg_recruit_pic.png) no-repeat top left; width:305px; height:154px; z-index:-1; opacity:0; transition:0.3s ease-out 0.75s;  }
	#recruit_top.isActive .recruit_pic:after { opacity:1; }
	
.recruit_pic img { width:auto;transition: all 0.3s ease 0s; margin:0 0 0 50px; transition:0.3s ease-out; opacity:0.5; margin-top:150px; }
	#recruit_top.isActive .recruit_pic img { margin:0; opacity:1; margin-left:240px; }*/

.recruit_photo { width:100%; position:absolute; top:5%; padding:0; max-height:826px; }
.recruit_photoBg { position:absolute; right:5%; z-index:-1;width:100%; display:flex; max-height:826px; }
.recruit_photoBg_left { width:40%; }
/*.recruit_photoBg_right { width:60%; }
.recruit_photoBox_wrap { position:absolute; left:52.6%; width:28.1%; margin-top:3.1%; }
#recruit_photoBox { position:relative; }
#recruit_photoBox img { position:absolute; z-index:1; }
#recruit_photoBox img.active { z-index:3; }*/
.recruit_photoBg_right { height:100%; }
.recruit_photoBox_wrap { position:absolute; width:30.56%; top: 27.6%; left:32.1%; height:auto; z-index:1; }
#recruit_photoBox { position:relative; }
#recruit_photoBox img { position:absolute; z-index:1; max-width:none; width:100%; display: block; }
#recruit_photoBox img:first-child { position:relative; }
#recruit_photoBox img:nth-child(n+2) { top:0; left:0; max-width:none; width:100%; }
#recruit_photoBox img.active { z-index:3; }
.recruit_fadeImages { position:relative; }
.recruit_fadeImages:before { content:''; display:block; padding-top:100%; }
.recruit_fadeImages_bg { position:absolute; width:100%; height: 100%; top:0; left:0; z-index:2; }
.recruit_plane { position:absolute; }
.recruit_anime { width:100%; height:100%; }
.recruit_fadeImages img, .recruit_fadeImages svg{ width:100%; height:100%; }
.cls-1, .cls-2 { fill:none; stroke:#fff; stroke-linecap:round; opacity:0; stroke-linejoin:bevel; stroke-miterlimit:10; }

	@keyframes rotate {
	  0% { transform: rotate(20deg); opacity:0; }
	  100% {transform: rotate(0deg); opacity:1; }
	}
	
	
	@media print, screen and (max-width:1360px) {
		#our_service_top .our_service_box01 { /*margin:0 0 0 150px; max-width:50%; padding: 0 0 50px 0;*/ }
	}
	
	@media print, screen and (min-width:1025px) {
		.cls-1 { stroke-width:40; }
		.cls-2 { stroke-width:60; }
	}
	
	
	@media print, screen and (max-width:1024px) {
		#our_service_top .our_service_box01 { margin-right:auto; margin-left:auto; left:0; max-width:80%; padding: 0 0 50px 0;/**/ }
		.our_service_btn a { background-size:17% auto; background-position:20px center; padding:12px 5% 12px 50px; }
		.recruit_col_left { width:100%; }
		#recruit_top.isActive .recruit_col_left { margin-left:30px; }
		/*.recruit_box_title:after { left:260px; }
		.recruit_pic { position:relative; top:0; left:0; }
		.recruit_pic:after { background-size:62% auto; bottom:0; }
		#recruit_top.isActive .recruit_pic img { margin-left:140px; }*/
		.recruit_photo { top:-4%; left:16%; }
		#recruit_top { min-height:auto; padding-bottom:10%; }
		.cls-1 { stroke-width:54; }
		.cls-2 { stroke-width:60; }
	}
	
	@media screen and (min-width:768px) and (max-width:1024px) {
		.our_service_col h3 { font-size:3vw; }
		.our_service_col a { font-size:1.8vw; letter-spacing:-0.025em; }
		.shop_news_img { height:auto; padding-top:100%; }
		#shop_news_top .bg_airplane:after { background-size:200% auto; }
		.new { top:37%; right:10px; }
		.shop_news_col a { padding:15px; }
	}

	@media print, screen and (max-width:767px) {
		#our_service_top .our_service_box01 { max-width:85%; margin-top:-150px; }
		#our_service_top .our_service_box01 .contentLabel { text-align:left; }
		#our_service_top h2 { text-align:left; }
		.our_service_col { width:100%; }
		.our_service_col:first-child { margin-bottom:80px; }
		#our_service_top p { text-align:left; }
		#shop_news_top:after { right:0; top:-150px; }
		#shop_news_top .bg_airplane:after { background-size:300% auto; }
		.shop_news_col { width:100%; }
		.shop_news_img { width:100%; height:auto; padding-top:80%; }
		.new { top:auto; bottom:30%; }
		.product_story_box { flex-wrap:wrap; margin:10% 0 10%; }
		.product_story_title { background-position:bottom center; background-size:100% auto; }
		.product_story_left, .product_story_right { width:100%; }
		.product_story_left { text-align:center; margin-bottom:20px; }
		.product_story_right { margin-left:0; }
		.product_story_right .btn_more { margin:0 auto; }
		#product_story_top .product_story_title { height:auto; background-image:url(../img/top/bg_product_story_sp01.png), url(../img/top/bg_product_story_sp.png); background-repeat:no-repeat; background-position:top center,bottom center; background-size:100% auto; /*border-bottom:1px solid #fff; border-top:1px solid #fff;*/ padding:20px 0 24%; }
		#product_story_top p { /*text-align:left;*/ line-height:1.8; }
		
		#recruit_top.isActive .recruit_col_left { margin-left:0px; }
		.recruit_col_left .btn_more { margin:0 auto; }
		/*.recruit_box_title:after { left:50%; }
		.recruit_pic { width: 150%; }
		.recruit_pic:after { background-size:62% auto; bottom:0; }
		#recruit_top.isActive .recruit_pic img { margin-left: 10%; }*/
		.recruit_photo { left:-25%; width:150%; }
		/*#recruit_top .inner_sec { padding-top:55%; }*/
		#recruit_top .btn_more { margin:0 auto; }
	}

	@media print, screen and (max-width:500px) {
		.our_service_btn a { width:50%; font-size:14px; padding:12px 5% 12px 15%; }
		.new { bottom:auto; top:200px; }
	}
	
	@media print, screen and (max-width:450px) {
		#our_service_top h2 { font-size:30px; }
		.our_service_col h3 { font-size:24px; margin-bottom:20px; }
		.our_service_col .btn_white { /*font-size:14px;*/ }
		#shop_news_top .contentLabel { font-size:36px; }

		.product_story_box h3 { font-size:24px; }
		.product_story_title { font-size:30px; background-size:contain; background-position:bottom center; height:100px; }
		.recruit_box_title:after,
		#recruit_top.isActive .recruit_box_title:after { background-size:60% auto; }
		.recruit_box_title { left:-35px; }
		/*.recruit_pic:after { background-size:35% auto; bottom:-70px; }
		.recruit_box_title:after { left:55%; top:-10px; }*/
	}
	
	/*@media print, screen and (min-width:1750px) {
		.recruit_photoBox_wrap { background:url(../img/top/bg_recruit.png) no-repeat 80% 0; width:1560px;position:static; left:auto; height:826px;
    margin: 0 auto; }
    	#recruit_photoBox { position:relative; left:715px; top:60px; }
		.recruit_photoBg_right img { display:none; }
	}*/


/* ----------------------------------------------------
footer
---------------------------------------------------- */

#footer { padding:50px 0; position:relative; top:-1px; background:#fff; }
#footer:before, #footer:after { content:""; position:absolute;  top:0; width:100%; height:100%; opacity:1; transition: .6s ease-out; }
#footer:before { left:0px; background:url(../img/common/bg_footer_left.png) no-repeat top left; margin-left:-50px; }
#footer:after { right:0; background:url(../img/common/bg_footer_right.png) no-repeat bottom right; margin-right:-50px; transition:.3s ease-out .5s; }
	
.footer_inner { position:relative; z-index:1; }

#footer .gNav_menu { width:550px; margin:30px auto 50px; overflow:hidden; }
#footer .gNav_menu li a { position:relative; padding-top:43px; display:block; color:#0090bf; font-family:"rodin-B", sans-serif; font-weight:600; }
#footer .gNav_menu li a:hover { color:#b8ab01; }
#footer .gNav_menu li a:after { content:""; position:absolute; top:0; left:-5px; width:75px; height:2px; background:#0090bf; transform:rotate(-60deg); }
#footer .gNav_menu li a:before { display: block; content: ""; width:50px; height: 3px; position: absolute; z-index:10; top:17px; left:2px; background: #b8ab01; transform: rotate(-63deg) rotatey(90deg); transform-origin:20px 0px; transition: 0.4s; }
#footer .gNav_menu li:hover a:before { transform:rotate(-60deg) rotatey(0deg); }
#footer .gNav_menu li:hover a { color:#b8ab01; }


	#footer .gNav_menu li a.disable { opacity:0.3; }
	#footer .gNav_menu li:hover a.disable { color:#0090bf; }
	#footer .gNav_menu li:hover a.disable:before { display:none; }


.footerLogo { position:relative; padding-top:280px; }
.footerLogo:before { content:""; position:absolute; top:0; left:calc(50% - 30px); width:155px; height:259px; background:url(../img/common/img_footer_asd.png) no-repeat top center / contain; opacity:1; }

	
		@keyframes up {
		  0% { transform: translate(-5px, 100px); opacity:0; }
		  100% {transform: translate(0px, 0); opacity:1; }
		}

.sns_link_btm { margin:50px 0; }
.sns_link_btm .instagram { background:url(../img/common/ico_instagram_b.png) no-repeat 0 0 / 100% auto; width:115px; height:27px; text-indent:-9999px; display:block; margin:0 auto; }
.copy { font-size:12px; line-height:1.5; color:#0090bf; }

.storeInfo { margin:0 auto 50px; /*max-width:1000px; background:url(../img/common/img_map.png?ver_20191129) no-repeat right 20px;*/ min-height:500px; max-width:550px; padding: 0 0px 100px 0px; position:relative; }
	.storeInfo:after { content:""; position:absolute; top:0; right:auto; z-index:-1; width:200%; height:100%; background:url(../img/common/img_map.png?ver_20191129) no-repeat 37% 50px; overflow:visible; }
.storeInfo_title { font-size:24px; max-width:876px; margin:0 auto 50px; padding:0 0 20px; background:url(../img/common/ico_airport.png) no-repeat 15px bottom; position:relative; }
.storeInfo_title:after { content:""; position:absolute; bottom:0; left:0; height:1px; width:88%;  border-bottom:1px dotted #0090bf; }
.storeInfo_title .block { font-size:14px; letter-spacing:0.05em; }


	@media print, screen and (min-width:1025px) {
		
		/*body#top #footer:before, body#top #footer:after { opacity:0; z-index:-1; }*/
		#footer.isActive:before { margin:0; opacity:1; left:0; margin-left:0; }
		#footer.isActive:after { margin:0; opacity:1; right:0; margin-right:0; }
		
		#footer.isActive .footerLogo:before { opacity:1; animation: up .3s ease-out forwards; }
		
		.storeList { display:flex; justify-content:flex-start; max-width:876px; margin:0 auto; }
		.storeList_col { /*width:25%;*/ width:41%; }
		.storeList_col:nth-child(2) { margin:0 5%; }
		.storeList_base a { font-size:17px; display:block; border:1px solid #0090bf; border-radius:30px; text-align:center; margin-bottom:10px; padding:0 0 2px 0; color:#0090bf; pointer-events:none; }
		.storeList_base a:hover { background:#0090bf; color:#fff; }
		.storeList_menu { font-size:15px; margin:0 0 30px 15px; }
		.storeList_menu a { position:relative; padding-left:15px; color:#0090bf; margin-left:-1em; text-indent:1em; }
		.storeList_menu a:before { content:""; left:2px; top: 5px; border: solid transparent; height:0; width:0; position:absolute; pointer-events:none; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #0090bf; }

		.storeList_menu a:hover { color:#008292; }
	}
	
	
	@media screen and (max-width: 1360px) {
		#footer:before,
		#footer:after { background-size:40% auto; }
	}

	@media print, screen and (max-width:1024px) {
		#footer { overflow:hidden; }
		
		#footer.isActive:before, #footer.isActive:after { /*opacity:0.5; */ }
		/*#footer.isActive:before { background-size:50% auto; }
		#footer.isActive:after { background-size:50% auto; background-position:bottom right; }*/
		
		
		.storeInfo { display:none; }
		/*.storeInfo { background-position:95% 100px; background-size:35% auto; padding:0 30px; display:none; }
		.storeInfo_title:after { width:100%; }*/
		
	}
	

	@media print, screen and (max-width:767px) {
		#footer:before { margin-left:0; }
		#footer:after { margin-right:0; }
		#footer .gNav_menu { /*width:100%; display:none;*/ }
		/*.storeInfo { background:none; min-height:auto; margin-top:50px; padding:0 0px; }
		.storeInfo_title { margin-bottom:30px; }
		.storeInfo_title:after { width:100%; }
		.storeList { flex-wrap:wrap; justify-content:space-between; padding:0 15px; }
		.storeList_col { width:47%; }
		.storeList_col:nth-child(2) { margin:0; }*/
		#footer .gNav { display:none; }
		.copy { margin-top:30px; }
		
	}

	@media print, screen and (max-width:450px) {
		#footer { padding:30px 0; }
			/*body#top #footer:before, body#top #footer:after { opacity:1; z-index:1; }
			body#top #footer:before, body#top #footer:after { background-size:50% auto; }*/
		
		.footerLogo { padding-top:36%; }
		.footerLogo img { width:40%; }
		.footerLogo:before { background-size:50% auto; left:calc(50% - 14.5%); opacity:1;/**/ }
		/*.storeList_menu { font-size:13px; }
		.storeList_base a { font-size:15px; }*/
		
		.copy { font-size:10px; }
	}


/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }
.mt80 { margin-top:80px!important; }
.mr00 { margin-right:0px!important; }
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }
.mr70 { margin-right:70px!important; }
.mr80 { margin-right:80px!important; }
.mb00 { margin-bottom:0px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.ml00 { margin-left:0px!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.ml80 { margin-left:80px!important; }
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:0px!important; }
.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }
.pt70 { padding-top:70px!important; }
.pt80 { padding-top:80px!important; }
.pr00 { padding-right:0px!important; }
.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pr60 { padding-right:60px!important; }
.pr70 { padding-right:70px!important; }
.pr80 { padding-right:80px!important; }
.pb00 { padding-bottom:0px!important; }
.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }
.pb80 { padding-bottom:80px!important; }
.pl00 { padding-left:0px!important; }
.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl60 { padding-left:60px!important; }
.pl70 { padding-left:70px!important; }
.pl80 { padding-left:80px!important; }