@charset "UTF-8";
/*PC*/
@media only screen and (min-width:761px){
	.pc_size .iframe_sc{
		overflow-y: scroll;
		height: 100%;
		overflow-x: hidden;
	}
	.pc_size .tmp_bg{
        min-width: 1400px;
        max-width: 1900px;
    }
    .pc_size .tmp_natural.tmp_bg{
		background: url(../img/pc/demo/tmp/typeB_pc.jpg) center top no-repeat;
        height: 6701px;
    }
    .pc_size .tmp_corporate.tmp_bg{
		background: url(../img/pc/demo/tmp/typeC_pc.jpg) center top no-repeat;
        height: 9964px;
    }
    .pc_size .tmp_magazine.tmp_bg{
		background: url(../img/pc/demo/tmp/typeD_pc.jpg) center top no-repeat;
        height: 6698px;
    }
    .pc_size .tmp_lp.tmp_bg{
		background: url(../img/pc/demo/tmp/typeE_pc.jpg) center top no-repeat;
        height: 11960px;
    }
    .sp_size .tmp_natural.tmp_bg{
		background: url(../img/pc/demo/tmp/typeB_sp.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1828%;
    }
    .sp_size .tmp_corporate.tmp_bg{
		background: url(../img/pc/demo/tmp/typeC_sp1.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1888.1%;
    }
    .sp_size .tmp_corporate.tmp_bg2{
		background: url(../img/pc/demo/tmp/typeC_sp2.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1446.5%;
    }
    .sp_size .tmp_magazine.tmp_bg{
		background: url(../img/pc/demo/tmp/typeD_sp.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1945.1%;
    }
    .sp_size .tmp_lp.tmp_bg{
		background: url(../img/pc/demo/tmp/typeE_sp1.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1837.8%;
    }
    .sp_size .tmp_lp.tmp_bg2{
		background: url(../img/pc/demo/tmp/typeE_sp2.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1778.5%;
    }
    .sp_size .tmp_lp.tmp_bg3{
		background: url(../img/pc/demo/tmp/typeE_sp3.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 326.7%;
    }
	.sp_size .iframe_sc{
		overflow-y: scroll;
		height: 614px;
	}
	/*スクロールバー全体*/
	.sp_size .iframe_sc::-webkit-scrollbar{
		width:6px;
	}
	/*スクロールバーの軌道*/
	.sp_size .iframe_sc::-webkit-scrollbar-track{
		background-color: #fff;
	}
	/*スクロールバーの動く部分*/
	.sp_size .iframe_sc::-webkit-scrollbar-thumb {
		background-color:#dbdcdc;
		border-radius: 3px;
	}
}
/*スマホ*/
@media only screen and (max-width:760px){
	.iframe_sc{
		overflow-y: scroll;
		height: 100%;
		overflow-x: hidden;
	}
    .tmp_natural.tmp_bg{
		background: url(../img/pc/demo/tmp/typeB_sp.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1828%;
    }
    .tmp_corporate.tmp_bg{
		background: url(../img/pc/demo/tmp/typeC_sp1.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1888.1%;
    }
    .tmp_corporate.tmp_bg2{
		background: url(../img/pc/demo/tmp/typeC_sp2.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1446.5%;
    }
    .tmp_magazine.tmp_bg{
		background: url(../img/pc/demo/tmp/typeD_sp.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1945.1%;
    }
    .tmp_lp.tmp_bg{
		background: url(../img/pc/demo/tmp/typeE_sp1.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1837.8%;
    }
    .tmp_lp.tmp_bg2{
		background: url(../img/pc/demo/tmp/typeE_sp2.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 1778.5%;
    }
    .tmp_lp.tmp_bg3{
		background: url(../img/pc/demo/tmp/typeE_sp3.jpg) center top no-repeat;
		background-size: 100% auto;
		padding-top: 326.7%;
    }
}