footer{
	position: relative;
}
.navbar-item a
{
	color: #333333;
}
.navbar-item a:hover
{
	color: #999999;
}
.sitename{
	font-family: 'Varela Round', sans-serif;
	color: #ffffff;
	font-size: 3rem;
	text-shadow: 6px 6px 6px #363636;
}
.sitename-sub{
	color: #ffffff;
	font-size: 1rem;
	text-shadow: 1px 2px 1px #363636;
}
@media screen and (min-width: 420px) {
.sitename{
	font-size: 6rem;
}
.sitename-sub{
	font-size: 2rem;
}
}
.hero.headimage, .contactbase
{
	background-image: url('../image/topimage.jpg');
	background-size:2000px auto;
	background-attachment: fixed;
}
.hero img
{
	-webkit-filter: drop-shadow(0px 3px 10px rgba(255,255,255,.8));
		filter: drop-shadow(0px 0px 10px rgba(255,255,255,.8));
}
.hero.pinkback{
	background-image: url('../image/back01.jpg');
	background-size:2000px auto;
	background-attachment: fixed;
}
.clearbox{
	background-color: rgba(255,255,255,0.5);
	border-radius: 6px;
	box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
	color: #4a4a4a;
	display: block;
	padding: 1.25rem;
}
.forspflex{
	flex-flow: row wrap-reverse;
}
.retTop{
	display: none ;
	height: 48px;
	width: 48px;
	background-color: rgba(255,255,255,0.5);
	position: fixed ;
	right: 16px;
	bottom: 16px;
	z-index: 31;
}
.retTop i{
	position: absolute;
	left: 8px;
	bottom: 8px;
	color: #4a4a4a;
}

.topbutton { z-index: 32; }
.drawer-nav { z-index: 31; }/* グローバルメニューが30 */
.drawer-hamburger{
	background-color: #ffffff;
	padding: 14px 12px 24px;
}
.drawer-hamburger:hover{
	background-color: #ffffff;
}
.videoContainer
{
	max-width: 560px;
	margin: 0 auto;
}
.videoContainer_easy
{
	max-width: 560px;
}
.videoTitle
{
	margin-top: 40px;
}
.video {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.topic-button
{
	margin-left: 20px;
}

@media screen and (min-width: 1024px) {
/*PCサイズでのみ動作*/
.scroll-img.delighter {
	transition: all .7s ease-out;
	transform: translatey(75%);
	opacity: 0;
}

.scroll-img.delighter.started {
	transform: none;
	opacity: 1;
}
}

.infohead
{
	background-color: #dedede;
}
.socialCtrl{
	display: flex;
	justify-content: flex-start;
	width: 200px;
}
.socialButton{
	color: #ffffff;
	text-align: center;
	margin: 0 8px;
}
.socialButton .twitter { background-color: #55acee; line-height: 32px; padding: 10px; border-radius: 4px;}
.socialButton .fb { background-color: #3B5998; line-height: 32px; padding: 10px; border-radius: 4px; }
.socialButton .line { background-color: #00b900; line-height: 32px; padding: 10px; border-radius: 4px; }
.footermenu div{ margin: 10px 0; }
.footermenu a { color: #333333; }
.footermenu a:hover { color: #999999; }