@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

a{
	text-decoration: underline;
	color:  #000;
}

html{
	font-family: "Noto Sans Japanese",sans-serif;
    margin: 0;
    -webkit-font-smoothing: subpixel-antialiased;
   	font-size:  12px;
}


header{
	width: 100%;
	border-bottom: 1px solid #d4cfcd;
	background:  rgba(255,255,255,1);
}

header img{
	width: 25vw;
	max-width:  300px;
    padding: 20px;
    margin: 0 auto;
    display: flex;
}

.wrapper{
	margin: 0 auto;
	padding-top:  2%;
	padding-bottom: 2%;
	background: url('pattern-lmpink.jpg');
	background-repeat: repeat;
}

.wrapper .movie{;
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.wrapper .movie iframe{
	width:  85vw;
	height:  95vh;

}

.ytp-cued-thumbnail-overlay-image{
	background-position: bottom !important;
}


footer{
	font-size: 1em;
	background: #f5eeeb;
    border-top: 1px solid #d4cfcd;
    padding-top: 30px;
    padding-bottom:  30px;
	font-weight: 400;
    line-height: 1.5;
	color: #000;
	display: flex;
    justify-content: center;
}

footer p{
	padding-right:  10px;
}


footer p:last-child{
	padding-right:  0;
}

.pc{
	display: block;
}

.sp{
	display: none;
}


@media screen and (max-width: 900px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
  	header img{
  		width:  50vw;
  		padding:  20px;
  	}
.wrapper .movie iframe{
	width:  96vw;
	height:  96vh;

}

footer{
	flex-direction: column;
    align-items: center;
}

footer .pc{
	display: none;
}


}