#header{
	border-bottom:1px solid #ddd;
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	z-index:120
}
#headerCopy{
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	top:0;
	height:20px
}
#headerMain{
	height:calc(100% - 20px)
}
#logoArea{
	height:72%
}
#logoImg{
	-webkit-transition:all .6s ease-in-out;
	transition:all .4s ease-in-out;
	max-width:296px
}
.scroll #headerCopy{
	top:-20px;
	height:0
}
.scroll #headerMain{
	height:100%
}
.topBtn{
	margin-right:.4em
}
#gNavWrap,#gNavWrap.isVisible{
	top:0
}
#slideshow,
#slideshow .slideIn{
	height:56.25vw;
}
#pageTitleWrap{
	height:192px
}
#pageTitle,
#pageTitleArea,
#pageTitleSub{
	z-index:5
}
.snsBtn{
	margin:0 .2em
}
#breadcrumbList{font-size:0}
#breadcrumbList li{
	min-width:92px
}
#breadcrumbList a{
	border-right:1px solid #fff;
	font-size:0.9rem;
	padding:.6em .4em;
	margin:0
}
#breadcrumbList li:last-child a{
	border:none;
	cursor:default
}
#breadcrumbList li:last-child a:hover{background:none}

@media (min-width:576px),print{
	#slideshow,
	#slideshow .slideIn{
		height:40vw;
		max-height:320px
	}
	#pageTitleWrap{
		height:20vw
	}
}
@media all and (min-width:992px),print{
	.topBtn{
		width:auto;
		height:auto;
	}
	#topMail{
		min-height:40px
	}
	#slideshow,
	#slideshow .slideIn{
		height:56.25vw;
		max-height:560px
	}
	#pageTitleWrap{
		height:320px
	}
	.snsBtn{
		border:1px solid #fff;
	}
	.pos-1 .snsBtn,
	.pos-2 .snsBtn,
	.pos-3 .snsBtn{
		margin:0 0 .2em;
		border-right:none
	}
	.pos-4 .snsBtn,
	.pos-5 .snsBtn,
	.pos-6 .snsBtn,
	.pos-7 .snsBtn,
	.pos-8 .snsBtn,
	.pos-9 .snsBtn{
		width:28px;
		height:28px;
		font-size:1em
	}
	#breadcrumb{
		margin:0.1em 0;
		border-bottom:1px solid #ccc
	}
	#breadcrumbList li{min-width:0;flex:0 0 auto;position:relative}
	#breadcrumbList li:last-child{flex:0 1 auto}
	#breadcrumbList a{
		border:none;
		padding:.2em 0;
		position:relative;
	}
	#breadcrumbList span{
		position:relative;
		padding:0 .3em
	}
	#breadcrumbList li,
	#breadcrumbList a,
	#breadcrumbList span {
		display: inline-block!important;
	}
	#breadcrumbList li a::after{content:">"}
	#breadcrumbList li:last-child a::after{content:"";padding:0}
	#breadcrumbList li span::before,
	#breadcrumbList li span::after{
		padding:0;
		position:absolute;
		bottom:.1em;
		content:"";
		display:inline-block;
		width:0;
		height:1px;
		background:#888;
		-webkit-transition:.6s;
		transition:.6s;
		opacity:0
	}
	#breadcrumbList li:last-child span::before,
	#breadcrumbList li:last-child span::after{
		display:none;
	}
	#breadcrumbList li span::before{left:50%}
	#breadcrumbList li span::after{right:50%}
	#breadcrumbList li span:hover::before,
	#breadcrumbList li span:hover::after{width:50%;opacity:1}
}