@charset "utf-8";
/* CSS Document */
#main{width:100%;height:200px;background: url('../img/main.jpg') transparent no-repeat scroll center top;background-color:#000;}
.boattrip img{width: 100%;}
.boattrip{background:url(img/trip_01.jpg) top center no-repeat;height:1413px;	width:100% !important;position: relative;}
.boattrip .video{position: absolute;right:10px;top:735px;	}
.right{text-align:right;margin:5px 10px;}
.video iframe{width: 317px;height: 202px;}

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が768px以下の場合*/
@media screen and (max-width: 768px) {
	#main{margin-top: 50px;}
	.boattrip .video{position: initial;	}
	.video iframe{width: 100%;height: 200px;margin-top: 20px;}
	.right{text-align:right;margin:5px 0;}
	.boattrip{height:initial;}
	.boattrip img{cursor:pointer;}
}