@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Vollkorn);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@font-face{
	font-family: "MyYuGothicM";
	font-weight: normal;
	src: local("YuGothic-Medium"), /* Postscript name */
	     local("Yu Gothic Medium"), /* for Chrome */
	     local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face{
	font-family: "MyYuGothicM";
	font-weight: bold;
	src: local("YuGothic-Bold"), /* Postscript name */
	     local("Yu Gothic"); /* for Chrome */
}

* {zoom:1;}
.clearfix:after,.cf:after{ content: ""; display: block; clear: both;}

#pagewrap p,#pagewrap div,#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6,#pagewrap ul,#pagewrap li,#pagewrap dl,#pagewrap dt,#pagewrap dd,body {
	/*font-family:MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo, sans-serif;
	font-size:small;
	font-weight:normal;
}
#pagewrap .mincho{
	font-family: 'Vollkorn',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pagewrap p {
	line-height:1.8em;
	letter-spacing:0.05em;
}
#pagewrap ul {
	list-style: none;
}


/*-------- img hover ---------*/

#pagewrap img{
border: none;
}
#pagewrap a:hover img {
	FILTER: alpha(opacity=80);
	opacity: 0.8;
}

/*----------------------------*/

#pagewrap a {
	transition: all 300ms ease;
}
#pagewrap a:link {
	color:#0000FF;
	text-decoration: none;
}
#pagewrap a:visited {
	color:#0000FF;
	text-decoration: none;
}
#pagewrap a:hover {
	color:#FF0000;
	text-decoration: none;
	opacity: 0.7;
}
#pagewrap a:active {
	color:#0000FF;
	text-decoration: none;
}

/*----------------------------*/


#pagewrap .ooyalaplayer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#pagewrap .ooyalaplayer .innerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.sp_only{
	display:none;
}


@media screen and (max-width: 767px) {
.sp_only{
	display:block;
}
}