@charset "utf-8";

:root {
	--siteWidth:560px;
	--headerHeight:60px;
	--bottomNavHeight:55px;

	--fontMincho:'Zen Old Mincho', serif;
}

html {
	width:100%;
	max-width:var(--siteWidth);
	min-width:320px;
	min-height:100%;
	font-size:62.5%; /*10px*/
	margin:0 auto;
}

@font-face {
	font-family:'ShinGoPro';
	font-weight:normal;
	src:url('font/A-OTF-ShinGoPro-Light.woff') format('woff');
}
@font-face {
	font-family:'ShinGoPro';
	font-weight:bold;
	src:url('font/A-OTF-ShinGoPro-Medium.woff') format('woff');
}
@font-face {
	font-family:'ShinGoPro';
	font-weight:900;
	src:url('font/A-OTF-ShinGoPro-Bold.woff') format('woff');
}

body {
	position:relative;
	background-color: #ffffff;
	font-size:15px;
	line-height:1.6;
	width:100%;
	min-height:100%;
	text-align:left;
	color: #000000;
	z-index:1;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
}
main {
	position:relative;
}



body.shopGotanda header {
	display:none;
}


body h1 {
	display:none;
}





body.shopGotanda footer,
body.shopGotanda .btmMenu {
	display:none;
}






a { color:#000000; text-decoration:none; }
a[data-remodal-target] {cursor:pointer;}
img, video { width:100%; }
br.sp { display:none; }
br.pc { display:none; }
@media only screen and (max-width:560px) {
	br.sp {
		display:inline;
	}
}
.red { color:#ff0000; }
.yel { color:#fdee00; }
.bold { font-weight:bold; }
/*.mincho { font-family: 'Noto Serif JP', serif; }*/


.mincho { font-family:'Zen Old Mincho', serif;}
	.mincho.bold { font-weight:700; }
.tax1 { text-align:right; }
.wideBanner {padding:0 4%; margin:2em 0;}

.blockTitle {
	margin-bottom:1.5em;
	text-align:center;
	color:#000000;
	font-family:'ShinGoPro';
}
@media only screen and (max-width: 560px) {
	.blockTitle {
		font-size:3.5vw;
	}
}
	.blockTitle p,
	.blockTitle h2 {
		font-size:1.2em;
		line-height:2.4;
		background: linear-gradient(170deg, #f2f2f2 58%,#f2f2f2 58%,#e4e4e4 100%);
		border-radius:1.2em;
		font-weight:500;
	}

ul.pointList {
}
	ul.pointList li,
	p.pointList,
	span.pointList {
		position: relative;
		display: block;
		line-height:1.3;
		padding:0.2em 0 0.2em 1em;
	}
	ul.pointList li::before,
	p.pointList::before,
	span.pointList::before {
		content: "・";
		position: absolute;
		left:0;
	}

ul.pointList2 {
}
	ul.pointList2 li,
	p.pointList2,
	span.pointList2 {
		position: relative;
		display: block;
		line-height:1.3;
		padding:0.2em 0 0.2em 1em;
	}
	ul.pointList2 li::before,
	p.pointList2::before,
	span.pointList2::before {
		content: "※";
		position: absolute;
		left:0;
	}


.textBlink {
	animation: textBlink 1.2s ease-in-out infinite alternate;
}
	@keyframes textBlink {
		0% {opacity:0.1;}
		100% {opacity:1;}
	}

.btnBlink {
	animation: btnBlink 1.2s ease-in-out infinite alternate;
}
	@keyframes btnBlink {
		0% {opacity:0.2;}
		100% {opacity:1;}
	}

.bannerBlink {
	animation: bannerBlink 1.3s ease-in-out infinite alternate;
}
	@keyframes bannerBlink {
		0% {opacity:0.3;}
		100% {opacity:1;}
	}

.acGrad {
	position:relative;
	padding-bottom:4em;
}

.acGrad .acGrad_hide {
	position: relative;
	overflow: hidden;
	/*transition:.5s ease;*/
}
	.acGrad .acGrad_hide.is-hide {
		height: 10em;

	}

.acGrad .acGrad_hide::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 4em; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 70%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 70%, #fff 100%);
	transition:.4s ease;
}

.acGrad .acGrad_trigger {
	z-index:2;
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	width:7em;
	margin:auto;
	text-align:center;
	cursor: pointer;
}
	
	.acGrad .acGrad_trigger.is-show {
		/*bottom: -2em;*/
	}
	
	.acGrad .acGrad_trigger.is-show::after {
		content: "閉じる -"
	}
	.acGrad .acGrad_trigger.is-show + .acGrad_hide::before {
		height: 0; /*グラデーションで隠す高さ*/
	}
	.acGrad .acGrad_trigger.is-show em {
		display: none;
	}


.privacyplicyContents {
	/*background:#f6f6f6;
	height:150px;
	margin:0 20px 5px 20px;
	padding:15px 20px;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;*/
	/*background:#ffffff;*/
	/*border:solid 1px #000000;*/
	padding:0 3%;
	color:#000000;
}
	.recruit .privacyplicyContents {
		color:#858585;
	}

.privacyplicyContents dl {
	margin-bottom:3em;
}
	.privacyplicyContents dl dt {
		border-bottom:1px solid #999999;
		padding-bottom:0.5em;
		margin-bottom:0.5em;
		font-weight:bold;
	}
	.privacyplicyContents dl dd {
		font-size:0.9em;
	}
	.privacyplicyContents dl dd p {
		margin-bottom:0.5em;
	}
	.privacyplicyContents dl dd > ol {
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:1.5em;
	}
	.privacyplicyContents dl dd > ol > ol {
		list-style-position:outside;
		list-style-type:lower-roman;
		margin-left:1.5em;
		margin-bottom:0.5em;
	}
	.privacyplicyContents dl dd li {
		margin-bottom:0.5em;
	}
	.privacyplicyContents dl dd li:last-child {
		margin-bottom:0;
	}


.notFoundContents {
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	min-height:calc(100vh - height:var(--headerHeight) - var(--bottomNavHeight) - 3em);
	padding-top:5em;
	text-align:center;
}
	.notFoundContents .en {
		font-size:1.2em;
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		align-content:center;
		width:90%;
		padding:3em 2%;
		margin:2em auto 0;
		font-family: 'Archivo Narrow', sans-serif;
		border-top:solid 1px #cccccc;
	}

.notFoundContents .text {
	font-size:1.4em;
	width:100%;
	margin-bottom:2em;
	color:#FFFFFF;
}
.notFoundContents .link {
	font-size:1.2em;
	width:100%;
}
.notFoundContents .link a {
	position:relative;
	display:inline-block;
	padding:0.5em 0 0.5em 1.4em;
	margin:0 0.5em 0.5em;
	color:#ffffff;
}
	.notFoundContents .link a::before {
		content:"";
		position:absolute;
		top:0; left:0.5em; bottom:0;
		border-top:1px solid rgba(255,255,255,1);
		border-right:1px solid rgba(255,255,255,1);
		line-height:3em;
		margin:auto;
		width:4px;
		height:4px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

.notFoundContents .link a.recruit {
	color:#ff8888;
}

.coverageContents {
	padding:0 2%;
}
.coverageContents .media > p {
	border-bottom:solid 1px #a7a7a7;
	line-height:2.5;
	margin-bottom:0.5em;
}
	.recruit .coverageContents .media > p {
		border-bottom:solid 1px #000000;
		color:#000000;
	}

.coverageContents .media ul {
	margin:1em 0 2em;
}
	.coverageContents .media ul .prev-arrow {/* スライダー矢印 */
		position:absolute;
		top:50%; left:-0.5em;
		width:3em;
		height:3em;
		margin-top:-1.5em;
		z-index:10;
	}
	.coverageContents .media ul .next-arrow {/* スライダー矢印 */
		position:absolute;
		top:50%; right:-0.5em;
		width:3em;
		height:3em;
		margin-top:-1.5em;
		z-index:10;
	}

.coverageContents .media ul li > div {
	display:block;
	height: 15em;
	margin:0 1px;
}
@media only screen and (max-width:560px) {
	.coverageContents .media ul li > div {
		height: 40vw;
	}
}

.coverageContents .media ul li > div img {
	width:auto;
	height: 100%;
}
.coverageContents .complete {
	text-align:center;
}

.blogUpdateContents {
	box-sizing: border-box;
	padding: 0 2%;
	margin-top: 3em;
	color:#ffffff;
}
.blogUpdateContents .blogTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
	.blogUpdateContents .blogTitle span {
		font-size: 1.1em;
	}
	.blogUpdateContents .blogTitle p {
		border-radius:0.2em;
		overflow: hidden;
	}
	.blogUpdateContents .blogTitle p a {
		display: block;
		background-color: #000000;
		font-size: 0.6em;
		line-height: 2;
		padding: 0 1em;
		text-align: center;
		color: #ffffff;
	}

.blogUpdateContents .ageLink {
	display: flex;
	flex-wrap: nowrap;
	aling-items:center;
	background-color:#ffffff;
	width:100%;
	margin-bottom:1em;
}
.blogUpdateContents .ageLink li {
	border-right:1px solid #000000;
	box-sizing:-border-box;
	width:25%;
	text-align:center;
}
	.blogUpdateContents .ageLink li:last-child {
		border-right:0;
	}
	.blogUpdateContents .ageLink li a {
		display:block;
		font-size:0.6em;
		padding:0.7em 0;
		color:#000000;
	}
	.blogUpdateContents .ageLink li a em {
		font-size:1.1em;
	}
	@media only screen and (max-width:560px) {
		.blogUpdateContents .ageLink li a {
			font-size:2vw;
		}
	}

.blogUpdateContents .updateList {
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
}
.blogUpdateContents .updateList ul {
	display: flex;
	flex-wrap: nowrap;
	/*justify-content: space-between;*/
	width:500%;
}
.blogUpdateContents .updateList ul li {
	box-sizing:border-box;
	width: 10%;
	padding:0 5px;
	margin-bottom: 0.5em;
}
	.blogUpdateContents .updateList ul li a {
		position: relative;
		display: block;
		color: #ffffff;
	}
	.blogUpdateContents .updateList ul li dl.new::before { /* newマーク */
		content:"";
		position:absolute;
		top:0;
		left:0;
		border-color:#ffd0d0 transparent transparent transparent;
		border-style: solid;
		border-width: 4em 4em 0 0;
		width: 0;
		height: 0;
		z-index: 1;
	}
	.blogUpdateContents .updateList ul li dl.new::after { /* newマーク */
		content:"new";
		position:absolute;
		top:1em;
		left:1em;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		font-size: 0.7em;
		color: #ffffff;
		z-index: 2;
	}

.blogUpdateContents .updateList ul li dl {
	font-size: 0.8em;
}
	.blogUpdateContents .updateList ul li dl dt {
		margin-bottom:1em;
		overflow: hidden;
	}
	.blogUpdateContents .updateList ul li dl dt span {
		position: relative;
		display:block;
		width: 100%;
		height: 100%;
		padding: 56.25% 0 0;
	}
	.blogUpdateContents .updateList ul li dl dt img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		transform: scale(1);
		transition:.2s;
	}
	.blogUpdateContents .updateList ul li a:hover dl dt img {
		transform: scale(1.2);
	}

.blogUpdateContents ul li dl dd h3 { /* 記事タイトル */
	line-height: 1.2;
	margin-bottom: 0.8em;
}
	.blogUpdateContents ul li dl dd p.info { /* 記事日付・カテゴリ */
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.7em;
		color: #ffffff;
	}
	.blogUpdateContents ul li dl dd p.info span.category { /* 記事日付・カテゴリ */
		border: 1px solid #ffffff;
		line-height: 1.8;
		padding: 0 0.8em;
	}