@charset "Shift_JIS";


@media screen and (max-width : 699px){	

	.sp_hide{
		display: none;
	}

	.handycam .wrap{
		width:100%;

	}

	.s5-container{
		padding: 0;

	}

	.handycam .fix_bnr{
	    width: 100%;
	    position: fixed;
	    z-index: 2;
		bottom:0;
	    left:0;
	}
	


	.handycam .fix_bnr img {
		width:100%;
		}
	
	.fix_bnr {
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-moz--transform:translateY(100%);
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	}
	
	.fix_bnr.active {
	transform:translateY(0%);
	-webkit-transform:translateY(0%);
	-moz--transform:translateY(0%);
	}

	.fix_bnr .nav_bg img{
	    width: 12.3437%;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    z-index: 2;
	}



	.handycam .point_area{
		position: relative;
	}

	.handycam .point_area ul{
		padding:0;

	}

	.handycam .point_area .point_h{
		padding-top: 3.90625%;
	}

	.handycam .movie{
		background:#fffef5;
		margin-bottom: 12.5%;
		padding-bottom:5.46875%;
	}
	.handycam .m_thumb{
		width:90.93%;
	    margin: 0 auto;
		
	}
	.handycam .point_area .sp_arrow li{
		position: relative;
	}
	.handycam .point_area .sp_arrow li p{
	    position: absolute;
	    top: 74%;
	    left: 42.5%;
	    width: 15.15%;
	}
	.handycam .point_area .sp_arrow li:last-child p{
	    top: 62%;

	}


	.handycam .point_detail {
	}
	.handycam .point_detail .bg02 {
		background: url(../images/sp_page/point_bg02.png) left top repeat-y;
		background-size: 100% auto;
	}
	.handycam .point_detail .bg03 {
		padding-top: 2.8125%;
		background: url(../images/sp_page/point_bg03.png) left top no-repeat;
		background-size: 100% auto;
	}
	.handycam .point_detail .bg04 {
		padding-bottom: 14.53125%;
		background: url(../images/sp_page/point_bg04.png) left bottom no-repeat;
		background-size: 100% auto;
	}

	.handycam .point02 .point_h02 {
		margin-top: -4.6875%;
	}
	.handycam .point03 .point_h02 {
		margin-top: -4.6875%;
	}

	.handycam .point_detail .movie_s_area {
		width: 100%;
		padding-left: 0;
	}

	.handycam .point_detail .left {
	}
	.handycam .point_detail .left .point_txt01 {
		padding-top: 6.25%;
	}
	.handycam .point01 .left .point_txt01 {
	}
	.handycam .point02 .left .point_txt01 {
	}
	.handycam .point03 .left .point_txt01 {
	}
	.handycam .point_detail .left .point_txt02 {
		padding-top: 1.5625%;
	}
	.handycam .point01 .left .point_txt02 img {
	}
	.handycam .point02 .left .point_txt02 img {
	}
	.handycam .point03 .left .point_txt02 img {
	}
	.handycam .point_detail .left .point_txt03 {
	}
	.handycam .point01 .left .point_txt03 img {
	}
	.handycam .point02 .left .point_txt03 img {
	}
	.handycam .point03 .left .point_txt03 img {
	}
	.handycam .point_detail .right {
		padding-top: 2.8125%;
	}
	.handycam .point_detail .point_bnr {
		padding-top: 1.5625%;
	}



	.modal_bg{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 100%;
		/*background: url(../images/modal/bg_modal.png) repeat;*/
		background:#000;
		opacity: 0.75;

		cursor: pointer;
	}
	.modal_inner{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;


	}
	.modal_inner  div{
		display: table-cell;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.modal_inner div div{
		display: inline-block;
		position: relative;
		width: 100%;
		height: 50%;
		box-sizing: border-box;
		text-align: left;
		vertical-align: middle;
	}
	.modal__close{
	    position: absolute;
	    top: -72px;
	    right: 10px;
	    cursor: pointer;
	
	}
	
	.handycomSns {
		width:100%;
		/*padding-bottom:8%;*/
		text-align:center;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
	}
	.handycomSns img {
		width:12.5%;
		height:auto;
	}
	.handycomSns a + a {
		margin-left:6%;
	}

}