@charset "utf-8";
/* CSS Document */
body{
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	font-size : 16px;
	line-height : 28px;
margin : 0;
-webkit-text-size-adjust: 100%;
	background : #04172c;
}

body * {
    box-sizing: border-box;
}
    img {
        max-width: 100%;
        height: auto;
        width : auto;
    }
.center{
	text-align : center;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width:599px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/* PCとSPの改行切り替え */
@media screen and (min-width: 1025px) {
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media only screen and (max-width:599px) {
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* 画像の回り込み */
.image_area {
width: 300px;
display: block;
vertical-align: bottom;
}
@media only screen and (min-width: 600px){
.image_right {
float: right;
margin: 0 0 21px 25px;
}
.image_left {
float: left;
margin: 0 25px 30px 0;
}
}
@media only screen and (max-width:599px) {
.image_right {
float: none;
margin: 25px auto;
}
.image_left {
float: none;
margin: 25px auto;
}
}
.present_box {
    margin: 0px 20px 20px 20px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.present_box .box-title {
    background: #cc0000;
    padding: 0;
    text-align: left;
	line-height : 0;
    font-weight: bold;
}
.present_text{
	padding : 20px;
}
.clear{
	clear : both;
}
.youtube {
  position: relative;
  width: auto;
  padding-top: 56.25%;
	margin : 0 15px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* -- img.bounce -------------------------------------------------------------------------------------------- */

img.bounce {
	-webkit-animation: bounce 1.8s linear infinite;
	animation: bounce 1.8s linear infinite;
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width: 640px ){

img.bounce {
	max-width: 100%;
}



}
/* 640pixel end */