@charset "shift_jis";
/* CSS Document */

/*===========================================
	.faq_list 最近のよくある質問
=============================================*/
#contents .faq_list {
    background-color: #F3F3F3;
    border: 1px solid #E3E3E3;
    margin-bottom: 15px;
    margin-top: 15px;
}
#contents .faq_list ul {
    padding: 10px;
    width: 720px;
	margin:0px auto;
	list-style:none;
}
#contents .faq_list ul li {
	background:url(/support/share/images/arrow_black.gif) no-repeat left 0.9em;
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 0.5em;
    padding-left: 13px;
    padding-top: 0.5em;
}
#contents .faq_list ul li.top {
    background-position: left 0.5em;
    padding-top: 0;
}
#contents .faq_list ul li.last {
    border-bottom:none;
    padding-bottom: 0;
}

@media (max-width:640px) {
	#contents .faq_list ul {
		/*padding: 10px;*/
		width:auto;
		/*margin:0px auto;*/
		/*list-style:none;*/
	}
}
/*===========================================
	製品型名から探す
=============================================*/
#contents #searchArea_models {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
	height: 100%;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 15px 15px 10px 15px;
	width: auto;
	
	/* gradation */
	background: -moz-linear-gradient(#ececec, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#ffffff));
	background: linear-gradient(to bottom, #ececec, #ffffff); /* IE10 */	
	/* IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff', GradientType=0)";

	/* IE 5.5-7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff', GradientType=0);
}
#contents #searchArea_models .textBoxArea_n {
	border: 1px solid #adadaf;
	float: left;
	height:1.5em;
	margin: 0px;
	padding: 0px;
	width: 240px;
}
#contents #searchArea_models form {
	margin-top: 7px;
}
#contents p.qa_search {
	margin-left: 0;
}
/* Set filter: none; for IE 9+ */
@media screen and (min-width:0) {
	.gradient {
		-ms-filter: "";
	}
}
#contents .check_btn {
	margin: 10px 0 0;
}


/*===========================================
	topArea (Add to April 8, 2014)
=============================================*/
#contents ul.topArea {
	list-style:none;
	margin-bottom:40px;
}
#contents ul.topArea li.img {
	width:340px;
	float:left;
}
#contents ul.topArea li.img img {
	width:340px;
	height:auto;
}
#contents ul.topArea li.txt {
	width:360px;
	float:right;
}
#contents .topBtn {
	margin:10px 0px 0px 0px;
	text-align: center;
}

@media (max-width:640px) {
	#contents ul.topArea img {
		width:100%;
		max-width: 360px;
	}
	#contents ul.topArea li.img {
		width:auto;
		float:none;
	}
	#contents ul.topArea li.img img {
		width:100%;
		height:auto;
		max-width: 360px;
	}
	#contents ul.topArea li.txt {
		width:auto;
		float:none;
	}
}

/*===========================================
	.anchor_btn
=============================================*/
#contents ul.anchor_btn {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 -10px 15px 0;
}
#contents ul.anchor_btn li, #contents ul.pmb_link_btn li {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	width: 240px;
}
#contents ul.pmb_link_btn .mod-linkButton {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/support/handycam/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	width: 100%;
}
#contents ul.pmb_link_btn .buttonB a {
	height: auto;
	padding: 0 10px;
}

@media (max-width:640px) {
	#contents ul.anchor_btn {
		margin-right: 0;
	}
	#contents ul.anchor_btn li, #contents ul.pmb_link_btn li {
		width: 100%;
	}
	#contents ul.pmb_link_btn .buttonB a {
		padding: 10px;
	}
}
/*===========================================
	.keyword_list
=============================================*/
#contents ul.txtlink{
	background: none;
}
#contents ul.keyword_list li {
	float: left;
}

@media (max-width:640px) {
	#contents ul.keyword_list li {
		float: none;
	}
}


.bnr_single {
    float: left;
    margin: 0 6px;
}


/*===========================================
	調整
=============================================*/

#contents  div.pregArea > p >.arrow{
   background-position:0 6px;
   margin: 0 4px 0 6px;
}
/* 20190328追加 */
#sp .attentionArea{
	border: 1px #CCCCCC solid;
	background: #F5F5F5;
	margin: 0 1em 2em 1em;
    padding: 1.5em;
	display:table;
}

#sp .attentionBox{
	width: 100%;
    display: table-cell;
    vertical-align: top;
}

#sp .attentionBox dt{
margin-bottom: 0.5em;
    font-weight: 700;
}

#sp .attentionBox dd img.pc{
	display:block;
	margin: 1em 3em;
}
#sp .attentionBox dd img.sp{
	display:none;
}


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

	#sp .attentionArea{
		margin: 1em 0;
		padding: 1em;
	}
	
	#sp .attentionBox dd img.pc{
		display:none;
	}
	#sp .attentionBox dd img.sp{
		display:block;
		margin:0;
	}
	#sp .attentionBox {
		padding:0 1em;
	}
}
span.link_out, #contents span.link_out {
    background: url(/support/share/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
    width: 11px;
    margin-left: 3px;
}

ul.txtlink li.lno  {
    margin-left: 0px;
}


/*20191018*/

.mq_only {
    display: none;
}
@media (max-width: 640px) {
	.mq_only {
	    display: block;
	}
	.bnr_single {
		float: none;
		margin: 0 auto;
    }
}

/* 20230929 */

#contents ul.flex{
	display: flex;
	justify-content: flex-start;
}

#contents ul.flex li.bnr_single{
	width: unset;
	margin: 0;
	padding: 0;
	background-image: none;
	border-bottom: none;
	font-size: 0;
}
#contents ul.flex li.bnr_single a{
	display: block;
}

#contents ul.flex li.bnr_single + li{
	margin-left: 10px;
}

@media (max-width: 640px) {
	#contents ul.flex{
		display: block;
		margin-top: 1em;
		text-align: center;
	}
	#contents ul.flex li.bnr_single + li{
		margin-left: 0;
		margin-top: 10px;
	}
	#contents ul.flex li.bnr_single a img{
		max-width: 300px;
	}

	
}