@charset "Shift_JIS";

.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}


.handycam{
    font-size: 0em;
    margin: 0;
}

.handycam img{
	width:100%;
}

/* modal_window
-------------------------------------------*/
.modal_show {
	cursor: pointer;
}

#modal_01_window,
#modal_02_window,
#modal_03_window,
#modal_04_window,
#modal_05_window,
#modal_06_window,
#modal_07_window,
#modal_08_window,
#modal_09_window,
#modal_10_window,
#modal_11_window,
#modal_12_window,
#modal_13_window  {
	display: none;
}

/* pc */
@media screen and (min-width : 1200px){
	.handycam .fix_bnr{
		width: auto !important;
	}
}	

@media screen and (min-width : 700px){	
	
	.pc_hide{
		display: none;
	}

	.handycam{
		visibility: hidden;


	}

	.handycam .hov:hover{
		opacity:0.8;
	}

	.handycam .wrap{
	/*	width:1200px;*/
		max-width: 1200px;
		width:100%;
		margin: 0 auto;
		position: relative;
		background: url(../images/pc_page/wrap_bg.png) left top no-repeat;
		background-size: 100% auto;
	}
	
	.handycam .fix_bnr{
		width: 8.3%;
	    position: fixed;
	    z-index: 2;
	    top: 30%;
	    right: 0;
	}

	.handycam .fix_bnr p{
	}

	.handycam .top_area{
		margin: 0 auto;
	}

	.handycam .top_left{
		float:left;
		width: 61.08333333333333%;
		position: relative;
	}
/*
	.handycam .top_left p{
		position: static;
		margin-top: 68%;
		width: 100%;
	}

	.handycam .top_left p + p{
		position: absolute;
		top: 0;
		margin-top: 0;

	}
*/
	.handycam .top_right{
		float: right;
	    width: 35.16666666666667%;
	}

	.handycam .main_h{
		margin:2% 0 5.66% -2%;
		width: 92.65402843601896%;
	}

	.handycam .txt02{
		width: 94.54976303317536%;
	}

	.handycam .txt02_4k{ 
	    width: 80.0833%;
	    margin: 0 auto;
		margin-top: 2.5%;
		margin-bottom: 0%;
	}



	.handycam .point_area ul{
		padding:0;
		padding-bottom: 3.5%;
	}

	.handycam .point_area .point_h{
		margin: 1.66666666666667% auto;
		width: 97.58333333333333%;
	}

	.handycam .point_area ul{
	}
	.handycam .point_area li{
		width: 31.33333333333333%;
	    margin-left: 3%;
		float:left;
	}

	.handycam .point_area li:first-child{
		margin-left: 0%;
	}



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

	.handycam .point01 .point_h02{
		width: 34%;
	    margin: 0 auto;
	    padding-top: 1.91666666666667%;
	    padding-bottom: 2.75%;
	}
	.handycam .point02 .point_h02{
		width: 30.16666666666667%;
	    margin: 0 auto;
	    padding-top: 1.91666666666667%;
	    padding-bottom: 2.75%;
	}
	.handycam .point03 .point_h02{
		width: 29.66666666666667%;
	    margin: 0 auto;
	    padding-top: 1.91666666666667%;
	    padding-bottom: 2.75%;
	}
	.handycam .point_detail .movie_s_area {
		width: 100%;
		padding-left: 0;
		padding-bottom: 2.66666666666667%;
	}
	.handycam .point_detail .movie_s_area li {
		float: left;
		width: 29.83333333333333%;
	}
	.handycam .point_detail .movie_s_area li:first-child {
		padding-left: 2.91666666666667%;
		margin-right: 2.5%;
	}
	.handycam .point_detail .movie_s_area li:first-child + li {
		margin-right: 2.5%;
	}

	.handycam .point_detail .left {
		float: left;
		padding-left: 2.91666666666667%;
		width: 38.33333333333333%;
	}
	.handycam .point01 .left .point_txt01 {
		width: 80.8695652173913%;
	}
	.handycam .point02 .left .point_txt01 {
		width: 80.8695652173913%;
	}
	.handycam .point03 .left .point_txt01 {
		width: 91.73913043478261%;
	}
	.handycam .point_detail .left .point_txt02 {
		margin-left: -1.08695652173913%;
		margin-top: 0%;
	}
	.handycam .point01 .left .point_txt02 img {
		width: 88.38709677419355%;
	}
	.handycam .point02 .left .point_txt02 img {
		width: 87.95698924731183%;
	}
	.handycam .point03 .left .point_txt02 img {
		width: 95.91397849462366%;
	}
	.handycam .point_detail .left .point_txt03 {
		margin-left: 0%;
		margin-top: -0%;
	}
	.handycam .point01 .left .point_txt03 img {
		width: 78.04347826086957%;
	}
	.handycam .point02 .left .point_txt03 img {
		width: 89.34782608695652%;
	}
	.handycam .point03 .left .point_txt03 img {
		width: 88.26086956521739%;
	}
	.handycam .point_detail .right {
		float: right;
		padding-right: 2.91666666666667%;
		width: 55.58333333333333%;
	}
	.handycam .point_detail .point_bnr {
		float: left;
		padding-left: 0.75%;
		width: 37.58333333333333%;
	}


	.handycam  .movie .m_tit{
		
		margin: 0 auto;
		padding-top: 2.916%;
		padding-bottom: 2.0833%;
		margin-bottom: 0;
	}
	.handycam  .movie .m_thumb{
		width:54.75%;
		margin: 0 auto;
		padding-bottom: 4.1666%;
	}


	.handycam .bnr{
		width: 55.66666666666667%;
		margin: 0 auto;
		margin-bottom:4.533%;
	}

	.handycam .advice_area{
		background:#fffef4;
		margin-bottom: 4.16%;
	}

	.handycam .advice_area .main_h03{
		width: 55.66666666666667%;
		margin-right: auto;
		padding-top: 6.25%;
		padding-bottom: 2.5%;
	    padding-left: 5.5%;
	}

	.handycam .advice_area .txt03{
		width: 85.16%;
		 padding-left: 5.8%;	
		padding-bottom: 4.16%;
	}
	.handycam .advice_area .meijin{
		width:88.5%;
		margin:0 auto;
		padding-bottom: 4.16%;
	}

	.handycam .support_area{
		background: #fff3f7;
		padding:3.33% 0 4.16%;
		margin-bottom: 4.16%;

	}

	.handycam .support_area .main_h04{
		width:75.6%;
		margin: 0 auto;
		margin-bottom: 2.5%;
	}

	.handycam .download_area{
	/*	padding-bottom: 4.16%;*/
		position: relative;
	}

	.handycam .download_area .bnr01 {
		float:left;
		margin-left: 5.83%;
		width: 43.66666666666667%;
	}
	.handycam .download_area .bnr02 {
		float:left;
		margin-left:1.25%;
		width: 43.58333333333333%;
	}

	.handycam .handycam02{
		width: 88.41666666666667%;
		margin: 0 auto;
	}


	.modal_bg{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 100%;
		background:#000;
		opacity: 0.75;
		 -ms-filter: "alpha(opacity=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: 82%;
		height: 90%;
		box-sizing: border-box;
		text-align: left;
		vertical-align: middle;
	}



	.modal__close{
		position: absolute;
	    top: -15px;
	    right: -50px;
		cursor: pointer;
	}
	
	
	.handycomSns {
		width:88.416%;
		margin: 0 auto;
		text-align:right;
		padding-top:30px;
		padding-right:8px;
		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:5% !important;
		height:auto;
		margin-left:1.666%;
		}
		
	.handycomSns a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		}

}