@charset "Shift_JIS";

/**
 * acc.css
 * update : 2014.05.21
 */

/*--------------------------------------------------------------------------------
	.flash
--------------------------------------------------------------------------------*/
/* .intro
--------------------------------------------------------------------------------*/
.flash .intro .img-box {
	margin-top: -65px;
	width: 210px;
}

@media (max-width:640px){
	.flash .intro .img-box img {
		width: 25%;
		height: auto;
		max-width: 100px;
	}
}

/* .contents
--------------------------------------------------------------------------------*/
.flash .contents h4 {
	background: #2eb6aa;
}
.flash .contents .des-box strong {
	color: #2eb6aa;
	border-color: #2eb6aa;
}
.flash .contents .des-box .inner {
	border-color: #2eb6aa;
}
.flash .contents .des-box.des-03 .item {
	display: table;
	float: left;
	width: 415px;
	*display: block;
}
.flash .contents .des-box.des-03 .thum-box {
	display: table-cell;
	padding-right: 20px;
	vertical-align: bottom;
	*display: inline;
	*padding-right: 0;
	*zoom: 1;
}
.flash .contents .des-box.des-03 img.img-03 {
	width: auto;
	height: 250px;
}
.flash .contents .des-box.des-03 .txt-box {
	display: table-cell;
	width: 225px;
	vertical-align: bottom;
	*display: inline;
	*margin-left: 10px;
	*zoom: 1;
}
.flash .contents .des-box.des-03 .item.arrow {
	display: inline-block;
	width: 69px;
	height: 250px;
	background: url("../img/flash_cnt_arrow.png") no-repeat center center;
}

.flash .contents .des-box .col.arrow {
	background: url("../img/flash_cnt_arrow.png") no-repeat center center;
}

@media (max-width:640px){
	.flash .contents .des-box.des-03 .item {
		display: block;
		float: none;
		width: auto;
	}
	.flash .contents .des-box.des-03 .thum-box {
		display: block;
		padding-right: 0;
		text-align: center;
	}
	.flash .contents .des-box.des-03 img.img-03 {
		width: 50%;
		height: auto;
	}
	.flash .contents .des-box.des-03 .txt-box {
		display: block;
		width: auto;
	}
	.flash .contents .des-box.des-03 .item.arrow {
		display: block;
		width: auto;
		height: 40px;
		background: url("../img/flash_cnt_arrowd.png") no-repeat center center;
	}
	.flash .contents .des-box .col.arrow {
		background: url("../img/flash_cnt_arrowd.png") no-repeat center center;
	}
}

/* .column
--------------------------------------------------------------------------------*/
.flash .column .inner {
	background: #eaf8f6;
}
.flash .column.col-01 {
	margin-top: 30px;
}
.flash .column.col-01 .img-box {
	float: right;
	margin: -60px 0 0 45px;
}
.flash .column.col-02 .inner h4 {
	margin-bottom: 15px;
}
.flash .column.col-02 h5 {
	padding-top: 2px;
	font-size: 131.3%;
	line-height: 28px;
	color: #fff;
	text-align: center;
	background: #2eb6aa;
}
.flash .column.col-02 strong {
	font-size: 118.8%;
	color: #25b7aa;
}
.flash .column.col-02 .item p {
	margin-top: 10px;
	font-size: 93.8%;
}

.flash .column.col-02 .line-01 {
	margin: 25px 0 0 0;
}
.flash .column.col-02 .line-01 .items {
	float: left;
}
.flash .column.col-02 .line-01 .item {
	float: left;
	margin-left: 30px;
	width: 290px;
}
.flash .column.col-02 .line-01 .items .item {
	float: left;
	margin-left: 30px;
	width: 260px;
}
.flash .column.col-02 .line-01 .items .item.first {
	margin-left: 0;
}
.flash .column.col-02 .line-01 .img-box {
	margin: 25px 0 15px 0;
}
.flash .column.col-02 .line-01 .img-box img {
	width: 100%;
}

.flash .column.col-02 .line-02 {
	margin: 45px 0 0 -30px;
}
.flash .column.col-02 .line-02 .item {
	float: left;
	margin-left: 30px;
	width: 420px;
}
.flash .column.col-02 .line-02 .img-box {
	margin: 18px 0 15px;
	text-align: center;
}
.flash .column.col-02 .line-02 .img-box img {
	width: 305px;
	height: auto;
}

@media (max-width:640px){
	.flash .column.col-01 .img-box {
		float: none;
		margin: 0;
		text-align: center;
	}
	.flash .column.col-01 .img-box img {
		width: 100%;
		max-width: 287px;
	}
	.flash .column.col-02 h5 {
		padding-top: 0;
	}
	.flash .column.col-02 .line-01 .items {
		float: none;
		margin-bottom: 30px;
	}
	.flash .column.col-02 .line-01 .item {
		float: none !important;
		margin-left: 0 !important;
		width: auto !important;
		text-align: left;
	}
	.flash .column.col-02 .line-01 .items .item.first {
		margin-left: 0;
	}
	.flash .column.col-02 .line-01 .img-box {
		margin: 18px 0 15px 0;
		text-align: center;
	}
	.flash .column.col-02 .line-01 .img-box img {
		max-width: 400px;
	}
	.flash .column.col-02 .line-02 {
		margin: 0;
	}
	.flash .column.col-02 .line-02 .item {
		float: none;
		margin-top: 30px;
		margin-left: 0;
		width: auto;
		text-align: left;
	}
	.flash .column.col-02 h5 {
		font-size: 106.3%;
	}
	.flash .column.col-02 .line-02 .img-box img {
		width: 95%;
		max-width: 400px;
	}
	.flash .column.col-02 strong {
		font-size: 100%;
	}
	.flash .column.col-02 .item p {
		font-size: 81.3%;
		line-height: 1.6;
	}
}

/* .products
--------------------------------------------------------------------------------*/
.flash .products {
	border: 1px solid #2eb6aa;
}
.flash .products .item .btn {
	background: #2eb6aa;
}
.flash .products #HVL-F60M.item {
	float: left;
	width: 422px;
}
.flash .products #HVL-F43M.item {
	float: right;
	width: 390px;
}
.flash .products #HVL-F43M.item .img-box {
	margin-right: 12px;
}
.flash .products #HVL-F20M.item {
	float: left;
	width: 400px;
}
.flash .products #HVL-F20M.item .btn {
	margin-top: 24px;
}
.flash .products #HVL-F20S.item {
	float: right;
	width: 408px;
}
.flash .products #HVL-F20S.item .btn {
	margin-top: 24px;
}

@media (max-width:640px){
	.flash .products .item .img-box {
		width: 25%;
	}
	.flash .products .item .img-box img {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------
	.filter
--------------------------------------------------------------------------------*/
/* .intro
--------------------------------------------------------------------------------*/
.filter .intro .img-box {
	width: 250px;
}

@media (max-width:640px){
	.filter .intro .img-box img {
		width: 80%;
		height: auto;
		max-width: 184px;
	}
}

/* .contents
--------------------------------------------------------------------------------*/
.filter .contents h4 {
	background: #f18d00;
}
.filter .contents .des-box strong {
	color: #f18d00;
	border-color: #f18d00;
}
.filter .contents .des-box .inner {
	border-color: #f18d00;
}
.filter .contents .des-box .row.arrow {
	background: url("../img/filter_cnt_arrow.png") no-repeat 80px center;
}

/* .column
--------------------------------------------------------------------------------*/
.filter .column .inner {
	background: #fef3e2;
}
.filter .column img.img {
	float: right;
	margin: -58px 0 0 50px;
	width: 335px;
}

@media (max-width:640px){
	.filter .column img.img {
		float: none;
		margin: 0;
		width: 100%;
	}
}

/* .products
--------------------------------------------------------------------------------*/
.filter .products {
	border: 1px solid #f18d00;
}
.filter .products .item .btn {
	margin-top: 22px;
	background: #f18d00;
}
.filter .products .item .img-box {
	margin-right: 100px;
}

@media (max-width:640px){
	.filter .products .item .img-box {
		width: 30%;
	}
	.filter .products .item .img-box img {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------
	.remote
--------------------------------------------------------------------------------*/
/* .intro
--------------------------------------------------------------------------------*/
.remote .intro .img-box {
	margin: -55px 20px 0 15px;
}

@media (max-width:640px){
	.remote .intro .img-box {
		margin: 0;
	}
	.remote .intro .img-box img {
		margin-left: -20px;
		width: 50%;
		height: auto;
		max-width: 180px;
	}
}

/* .contents
--------------------------------------------------------------------------------*/
.remote .contents h4 {
	background: #5f67ae;
}
.remote .contents .des-box strong {
	color: #5f67ae;
	border-color: #5f67ae;
}
.remote .contents .des-box .inner {
	border-color: #5f67ae;
}

/* .column
--------------------------------------------------------------------------------*/
.remote .column .inner {
	background: #e7e8f3;
}
.remote .column .item {
	position: relative;
	margin-top: 15px;
	padding: 40px 25px 35px 40px;
	background: #fff;
}
.remote .column .item strong {
	display: block;
	margin-bottom: 25px;
	font-size: 156.3%;
}
.remote .column .item p {
	width: 340px;
	font-size: 100%;
	line-height: 2.0;
}
.remote .column .img-02 {
	position: absolute;
	right: 25px;
	bottom: 0;
}
.remote .column .img-02 img {
	width: 456px;
	height: auto;
}

@media (max-width:640px){
	.remote .column img.img-01 {
		width: 100%;
	}
	.remote .column .item {
		padding: 15px 15px 0;
	}
	.remote .column .item strong {
		margin-bottom: 15px;
		font-size: 131.3%;
		text-align: left;
	}
	.remote .column .item p {
		width: auto;
		font-size: 93.8%;
		line-height: 1.8;
	}
	.remote .column .img-02 {
		position: static;
		margin-top: 25px;
	}
	.remote .column .img-02 img {
		width: 100%;
	}
}

/* .products
--------------------------------------------------------------------------------*/
.remote .products {
	border: 1px solid #5f67ae;
}
.remote .products #RM-VPR1.item {
	float: left;
	width: 444px;
}
.remote .products #RM-VPR1.item .img-box {
	margin-right: 15px;
}
.remote .products #RM-VPR1.item span {
	margin-top: 30px;
}
.remote .products #RMT-DSLR2.item {
	float: right;
	width: 387px;
}
.remote .products #RMT-DSLR2.item .img-box {
	margin-right: 43px;
}
.remote .products #RMT-DSLR2.item span {
	margin-top: 46px;
}
.remote .products .item .btn {
	margin-top: 11px;
	background: #5f67ae;
}

@media (max-width:640px){
	.remote .products .item .img-box {
		width: 25%;
	}
	.remote .products .item .img-box img {
		width: 90%;
	}
	.remote .products .item span {
		margin-top: 15px !important;
	}
}

/*--------------------------------------------------------------------------------
	.movie
--------------------------------------------------------------------------------*/
/* .intro
--------------------------------------------------------------------------------*/
.movie .intro .img-box.intro-01 {
	margin: -55px 26px 0 22px;
}
.movie .intro .img-box.intro-02 {
	margin: -20px 36px 0 45px;
}
.movie .intro .img-box.intro-03 {
	margin: -75px 57px 0 80px;
}

@media (max-width:640px){
	.movie .intro .img-box {
		margin: 0;
	}
	.movie .intro .img-box.intro-01 img {
		margin-left: -20px;
		width: 45%;
		height: auto;
	}
	.movie .intro .img-box.intro-02 img {
		margin-left: -20px;
		width: 50%;
		height: auto;
	}
	.movie .intro .img-box.intro-03 img {
		width: 35%;
		height: auto;
	}
}

/* .contents
--------------------------------------------------------------------------------*/
.movie .contents h4 {
	background: #e8465a;
}
.movie .contents.cnt-01 {
	margin-top: 60px;
}
.movie .contents .cnt-left {
	float: left;
	width: 453px;
}
.movie .contents .cnt-right {
	float: right;
	margin-left: 44px;
	width: 453px;
}
.movie .contents .cnt-left .img-box,
.movie .contents .cnt-right .img-box {
	float: none;
	margin-top: 15px;
}
.movie .contents .des-box strong {
	color: #e8465a;
	border-color: #e8465a;
}
.movie .contents .des-box .inner {
	border-color: #e8465a;
}

@media (max-width:640px){
	.movie .contents.cnt-01 {
		margin-top: 40px;
	}
	.movie .contents .cnt-left {
		float: none;
		width: auto;
	}
	.movie .contents .cnt-right {
		float: none;
		margin-top: 40px;
		margin-left: 0;
		width: auto;
	}
}

/* .column
--------------------------------------------------------------------------------*/
.movie .column .inner {
	background: #fdecee;
}
.movie .column.clm-01,
.movie .column.clm-02 {
	margin-top: 40px;
}
.movie .column.clm-01 .img-01 {
	float: left;
}
.movie .column.clm-01 .img-01 img {
	width: 373px;
	height: auto;
}
.movie .column.clm-01 .clearfix {
	float: right;
	margin-top: -78px;
	width: 480px;
}
.movie .column.clm-01 .img-02 {
	float: left;
	margin-right: 20px;
}
.movie .column.clm-01 .img-02 img {
	width: 297px;
	height: auto;
}
.movie .column.clm-02 .img-01 {
	float: right;
	margin: -58px 0 0 70px;
}
.movie .column.clm-02 .img-01 img {
	width: 245px;
	height: auto;
}

@media (max-width:640px){
	.movie .column.clm-01,
	.movie .column.clm-02 {
		margin-top: 30px;
	}
	.movie .column.clm-01 .img-01 {
		float: none;
	}
	.movie .column.clm-01 .img-01 img {
		width: 100%;
	}
	.movie .column.clm-01 .clearfix {
		float: none;
		margin: 20px 0 0;
		width: auto;
	}
	.movie .column.clm-01 .img-02 {
		float: none;
		margin-right: 0;
	}
	.movie .column.clm-01 .img-02 img {
		width: 100%;
	}
	.movie .column.clm-02 .img-01 {
		float: none;
		margin: 0;
	}
	.movie .column.clm-02 .img-01 img {
		width: 100%;
	}
}

/* .products
--------------------------------------------------------------------------------*/
.movie .products {
	border: 1px solid #e8465a;
}
.movie .products .item .btn {
	background: #e8465a;
}
.movie .products #ECM-XYST1M.item .img-box {
	margin-right: 65px;
}
.movie .products #CLM-V55.item .img-box {
	margin-right: 46px;
}
.movie .products.pdt-03 .item {
	float: left;
	width: 250px;
}
.movie .products.pdt-03 #VCT-VPR10.item {
	margin-left: 68px;
}
.movie .products.pdt-03 #VCT-VPR1.item {
	margin-left: 68px;
}
.movie .products.pdt-03 .item .img-box {
	display: none;
}
.movie .products.pdt-03 .item .img-box2 {
	margin-top: 15px;
	text-align: center;
}
.movie .products.pdt-03 .item .img-box2 img {
	margin-right: 40px;
}
.movie .products.pdt-03 .btn {
	margin-top: 10px;
}

@media (max-width:640px){
	.movie .products .item .img-box {
		width: 30%;
	}
	.movie .products .item .img-box img {
		width: 90%;
	}
	.movie .products.pdt-03 #VCT-VPR10.item {
		margin-left: 0;
	}
	.movie .products.pdt-03 #VCT-VPR1.item {
		margin-left: 0;
	}
	.movie .products.pdt-03 .item .img-box {
		display: block;
	}
	.movie .products.pdt-03 .item .img-box2 {
		display: none;
	}
}




/*--------------------------------------------------------------------------------
	.menu
--------------------------------------------------------------------------------*/
.menu {
	margin-top: 60px;
}
.menu ul {
	margin-left: 0px;
	*zoom: 1;
}
.menu ul:after {
	clear: both;
	display: block;
	content: "";
}
.menu li {
	float: left;
	margin: 17px 20px 0 0;
}
.menu li.last {
	float: left;
	margin: 17px 0 0 0;
}

.menu li img.sp {
	display:none;
}

@media (max-width:640px){
	.menu {
		padding-bottom: 30px;
	}
	.menu ul {
		margin: 0;
	}
	.menu li {
		width: 49%;
	}
	.menu li:nth-child(odd) {
		margin: 2% 1% 0 0;
	}
	.menu li:nth-child(even) {
		margin: 2% 0 0 1%;
	}
	.menu li img {
		width: 100%;
	}
	.menu li img{
	display:none;
	}
	.menu li img.sp {
	display: block;
	}
}
@media (max-width:479px){
	.menu li {
		width: auto;
		margin: 3% 0 0 0 !important;
	}
}