
/********************

ページャー

********************/

.pager{
	overflow: hidden;
	margin-bottom:20px;
	float: right;
	margin-right:10px;
}

.pager a,
.pager span{
	font-size: 12px;
	display: block;
	margin-right:3px;
	float:left;
	padding:5px 8px;

}

.pager span{
	border:1px solid #edecec;
}


@media screen and (max-width:736px) {
	.pager{
}
}

/********************

商品紹介トップ

********************/


#product .page_title{
	background:url("../img/product/main_bg.jpg") no-repeat 50% 50%;
	background-size: cover;
}

/*****商品検索*****/

#product .product_search{
	background: #fafafa;
}

#product .product_search .inner{
	overflow: hidden;
}

#product .product_search dl,
.search_dl {
	width:50%;
	float:left;
}

.search_dl {
	width:40%;
	display: flex;
	justify-content: flex-end;
}

#product .product_search dl dt,
.search_dl dt {
	font-size: 16px;
	margin-bottom:10px;
}

#product .product_search dl dd,
.search_dl dd {
	font-size: 12px;
	margin-bottom:40px;
	position: relative;
}

.search_dl dd {
	width: 100%;
}

#product .product_search dl dd input[type="search"],
.search_dl dd input[type="search"]{
  /* box-shadow */
    /* box-shadow:0px 0px 7px 1px #ebe8e9; */
		border: 1px solid #858585;
    font-size: 15px;
    line-height: 1;
    padding:8px 0 8px 10px;
    width:90%;
    margin-right:10px;
    font-weight: lighter;
    margin-left: 4px;
}

.search_dl dd input[type="search"]{
	  margin-right:0;
	  width:100%;
}

#product .product_search dl dd input[type="image"],
.search_dl dd input[type="image"]{
    width:18px;
    position: absolute;
    right:13%;
    top:13px;
}

.search_dl dd input[type="image"]{
    right:15px;
    top:8px;
}

@media screen and (max-width: 767px) {
	#product{
		padding-top: 45px;
	}
	
}


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

	#product .product_search dl,
	.search_dl {
		width:100%;
		float:none;
	}

	#product .product_search dl dd,
	.search_dl dd {
		font-size: 13px;
		margin-bottom:20px;
	}

	#product .product_search dl dd input[type="search"],
	.search_dl dd input[type="search"]{
	    margin-bottom:30px;
	}

	#product .product_search dl dd input[type="image"],
	.search_dl dd input[type="image"]{
	    width:18px;
	    position: absolute;
	    right:13%;
	    top:13px;
	}
}





/********************

商品紹介 下層ページ

********************/





/*****product cat_title*****/

#product .cat_title{
	overflow: hidden;
	margin:30px 0;
}

#product .cat_title h3{
	font-size: 25px;
	font-weight: 400;
	float:left;
	margin-right:40px;
	position: relative; 
	letter-spacing: 0.1em;
}

#product .cat_title h3:after { 
	content: "."; 
	line-height: 0; 
	display: block; 
	overflow: hidden; 
	position: absolute; 
	right: -25px; 
	top:13px;
	width: 20px; 
	border-bottom: 1px solid #000;

}

#product .cat_title p{
	font-size: 12px;
	line-height: 1.5;
	padding-top: 5px;
}


/********************

下層ページ 大カテゴリ pickup アイテム

********************/


#product .product_pickup{
	background-color: #fafafa;
}


#product .product_pickup .moreLink{
}



#product .product_pickup .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#product .product_pickup .box a{
	max-width:300px;
	width:31.33333%;
	margin:1%;
	margin-bottom: 30px;
	
}


#product .moreLink{
    display: none;
}

.moreLink_button .close{
	display: none;
}

.moreLink_button.active .open{
	display: none;
}

.moreLink_button.active .close{
	display: block;
}



#product .product_pickup dl{
	width:100%;
	/* box-shadow */
    box-shadow:0px 0px 7px 3px #ebe8e9;
    background-color: #fff;
}


#product .product_pickup dl:hover{
	/* box-shadow */
    box-shadow:0px 0px 1px 1px #ebe8e9;
    transition: 0.2s;
}

#product .product_pickup dl dd{
	font-size: 15px;
	font-weight: bold;
	padding:10px 10px 0 10px;
	line-height: 1.8;
}

#product .product_pickup dl dd:last-child{
	font-size: 12px;
	font-weight: lighter;
	padding-bottom: 12px;
}

#product .product_pickup .button{
    clear:both;
}





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



#product .product_pickup .box a{
	width: 48%;
}




#product .product_pickup dl{
	height:auto;
	box-shadow: none;
	border:1px solid #eee;
}

#product .product_pickup dl dd{
	font-size: 14px;
	font-weight: bold;
	padding:10px 10px 0 10px;
}

#product .product_pickup dl dd span{
	background-color: #e67e22;
	color:#fff;
	padding:4px 5px;
	margin-right: 5px;
}

#product .product_pickup dl dd:last-child{
	font-size: 12px;
	line-height: 1.7;
}
}


/********************

下層ページ　大カテゴリ カテゴリー一覧

********************/



/*#product .cat_list .box{
	width:29%;
	float:left;
	border-right:1px solid #eeeeee;
	padding:0% 2% 3%;

}
*/

#product .cat_list div.cat_detail{
	border-right:1px solid #eeeeee;
	padding:20px 0 0;
	display: inline-block;
	width: 30%;
	padding-right: 1%;
	margin-right: 1%;
	vertical-align: top;
}

#product .cat_list div.cat_detail dl{
	border-bottom:1px solid #eeeeee;
	width: 98%;
	padding-bottom: 20px;
}

#product .cat_list div.cat_detail:nth-of-type(3),
#product .cat_list div.cat_detail:nth-of-type(6){
	border-right:none;
	margin-right: 0;
	padding-right: 0;
}

#product .cat_list div.cat_detail:nth-of-type(4) dl,
#product .cat_list div.cat_detail:nth-of-type(5) dl,
#product .cat_list div.cat_detail:nth-of-type(6) dl{
	border-bottom:none;
}

#product .cat_list div.cat_detail dl dt a{
	color:#6eb83e;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

#product .cat_list div.cat_detail dl dd a{
	display: block;
	font-size: 13px;
	line-height: 1.5;
	margin-left: 10px;
}

#product .cat_list div.cat_detail:last-child{
	border-bottom:none;
}


@media screen and (max-width:736px) {
#product .cat_list div.cat_detail{
	border-right: none;
	width: 100%;
}
#product .cat_list div.cat_detail:nth-of-type(1){
	padding-top: 0;
}
#product .cat_list div.cat_detail:nth-of-type(4) dl,
#product .cat_list div.cat_detail:nth-of-type(5) dl{
	border-bottom: 1px solid #eeeeee;
}

#product .cat_list div.cat_detail:nth-of-type(6){
	border-right:none;
	border-bottom:none;
	margin-bottom: 30px;
}

}


.product_pickup .box{
	overflow: hidden;
}
.button span{
	background-color: #6eb83e;
	border:1px solid #6eb83e;
	color:#fff;
	display: block;
	padding:15px 0 15px 25px;
	width:250px;
	margin:0 auto;
	text-align: center;
	letter-spacing: 0.1em;
	margin-top:40px;
	/* box-shadow */
    box-shadow:0px 0px 7px 3px #ebe8e9;
    font-size: 14px;
}

.button span:hover{
	background-color: #fafafa;
	color:#6eb83e;
	transition: 0.5s;
	box-shadow:0px 0px 1px 1px #ebe8e9;
}

@media screen and (max-width:736px) {
.button span:hover{
	background-color: #6eb83e;
	color:#fff;
}
}

.accordionbox{
	width: 50%;
	background:#FBDBC4;
	margin: 10px auto 40px;
	padding: 20px;
}
.accordionlist dt{
    display:block;
    background: #fff;
    padding: 20px 0 10px 5px;
    border-top: 1px solid #DFDFDF;
}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
    padding-left: 10px;
	float: left;
}
.accordionlist dd{
    display:none;
	background: #fff;
	padding:0 0 20px 15px;
}
.accordion_icon,
.accordion_icon strong {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 5px;
}
.accordion_icon strong {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #fff;
}
.accordion_icon strong:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon strong:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active strong:nth-of-type(1) {
	display:none;
}
.accordion_icon.active strong:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#product .button {
    cursor: pointer;
    clear:both;
}






/********************

下層ページ 中カテゴリ 一覧 
product_list

********************/

#product .product_list table{
	margin-bottom:20px;
	clear: both;
}

#product .product_list tr{
	  border-top:1px solid #eeeeee;
}

#product .product_list tr:last-child{
	  border-bottom:1px solid #eeeeee;
}

#product .product_list th{
	width:13%;
	padding:15px 0 25px;
	vertical-align: top;
}

#product .product_list th.movie_thumbnail img {
	height: 100px;
	width: auto;
}

#product .product_list td{
	float:left;
	width:57%;
	line-height: 1.3;
	margin-left: 20px;
}

#product .product_list td dl dt{
	color:#6eb83e;
	font-size: 17px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:10px;
}

#product .product_list td dl dd{
	font-size: 14px;
	margin-bottom:10px;
}

#product .product_list td dl dd.product_num{
	border:1px solid #eeeeee;
	display: inline-block;
	padding:6px 30px;
	margin-top:10px;
	margin-bottom:0;
}

#product .product_list td:last-child{
	float:right;
	width:25%;
}

#product .product_list td:last-child .button a{
	width:100%;
}

#product .product_list select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
#product .product_list select {
	box-shadow: 0 0 10px #ccc;
	border-radius: 0;
	width: 100px;
	height: 40px;
	text-align: center;
}

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

#product .product_list table{
	width:100%;
}


#product .product_list th{
	width:30%;
	padding:15px 0 25px;
}

#product .product_list td{
	float:none;
	width:100%;
	line-height: 1.3;
	margin-left: 0px;
}





#product .product_list td:last-child{
	float:right;
	margin-right:10%;
	width:30%;
}

#product .product_list td:last-child .button a{
	font-size: 12px;
	margin-top:10px;
	padding: 10px 0;
}

}

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

#product .product_list tr{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


#product .product_list th{
	width:40%;
	padding:25px 0 0px;
	display: block;
	margin:0 auto;
}

#product .product_list td{
	padding-top: 10px;
	display: block;
	margin-bottom: 20px;
}



#product .product_list td:last-child{
	width:40%;
	margin:0 auto 20px;
	

}




#product .product_list td dl dt{
	font-size: 15px;
	
}

#product .product_list td dl dd{
	font-size: 13px;
}

}

/********************

下層ページ 商品詳細 
product_detail

********************/

#product.product_detail_contents .product_detail{
	margin-top: 50px;
}



#product.product_detail_contents .detail_title h3{
	padding:10px 0;
	margin-bottom: 35px;
	font-size: 22px;
	border-bottom:1px solid #eee;
	color:#000;
}
#product.product_detail_contents .detail_title h3:after{
	content:none;
}

#product .tagList{
	clear: left;
}

#product .tagList li{
	padding:5px 10px;
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
}
#product .tagList li.tag01{
	background-color: #eb4b4b;
	color: #fff;
}

#product .tagList li.tag02{
	background-color: #ea9041;
	color: #fff;
}

#product.product_detail_contents .product_detail{
	padding-top: 0;
}

#product.product_detail_contents .leftContents{
	width: 47%;
	float:left;
}
#product.product_detail_contents .leftContents img{
	height:100%;
}

#product .product_imgchange{
	margin-bottom: 15px;
}

#product .product_imgchange p {
	border: 1px solid #ccc;
	line-height: 0;

}
#product .product_imgchange ul {
	display:block;
	overflow:hidden;
	margin-top:10px;
	line-height: 0;
}
#product .product_imgchange li {
	display:block;
	float:left;
	background:#fff;
	margin-bottom:1%;
	margin-right:1%;
	width:19.2%;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

#product .product_imgchange li:hover{
	border: 1px solid #009944;
}

#product.product_detail_contents .leftContents .youtubeArea{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#product.product_detail_contents .leftContents .youtubeArea iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#product.product_detail_contents .leftContents .youtubeArea + .com{
	margin-bottom: 20px;
	margin:10px 0 20px;
	font-size: 14px;
}

#product .product_imgchange li:nth-child(5n) {
	margin-right:0%;
}
#product .product_imgchange li img {
	cursor:pointer;
}


#product.product_detail_contents .rightContents{
	width: 49%;
	float:right;
}

#product.product_detail_contents .rightContents dt{
	font-weight: 600;
	color:#000;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.6;
}

#product.product_detail_contents .rightContents dd{
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 16px;
}
#product.product_detail_contents .rightContents dd.hosoku{
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 20px;
}

#product.product_detail_contents .rightContents dd.hosoku p:first-child{
	padding-bottom: 20px;
}
#product.product_detail_contents .rightContents dd.hosoku p:last-child{
}

#product.product_detail_contents .rightContents .description03 dt{
	font-weight: lighter;
	margin-bottom: 0;
	line-height: 1;
}

#product.product_detail_contents .rightContents .description03 dd em{
	font-size: 24px;
	color:#000;

}

#product.product_detail_contents .buttonArea{
	margin-bottom:20px;
}

#product.product_detail_contents .buttonArea a.download{
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding:5px 20px;
	color:#000;
	font-size: 13px;
}

#product.product_detail_contents .button.online a{
	background-color:#db97cd;
	border:1px solid #db97cd;
	margin:40px 0 0;
	box-shadow: none;
	width:275px;
	padding:8px 0;
} 

#product.product_detail_contents .button.online a:hover{
	background-color:#fff;
	border:1px solid #db97cd;
	color:#db97cd;
	opacity: 1;
} 

#product.product_detail_contents .button a{
	font-size: 13px;
}



/**#product.product_detail_contents .button{
	display: inline-block;
	margin-right:20px;
	margin-bottom: 20px;
}
#product.product_detail_contents .button:nth-child(2){
	margin-right:0px;
}
#product.product_detail_contents .button a{
	background-color: #6eb83e;
	border:1px solid #6eb83e;
	color:#fff;
	display: block;
	padding:15px 0;
	width:250px;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0;
	margin-top:40px;**/
	/* box-shadow 
    box-shadow:0px 0px 7px 3px #ebe8e9;
    font-size: 14px;
}

#product.product_detail_contents .snsButtonArea{
	text-align: center;
	clear:both;
	margin-bottom: 30px;
}



#product.product_detail_contents .buttonImg{
	max-width: 150px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}
#product.product_detail_contents .buttonImg:last-child{
	margin-right: 0;
}

#product.product_detail_contents .buttonImg:nth-child(5){
	margin-right: 0px;
}

*/

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

#product.product_detail_contents .product_detail{
	padding-bottom: 0;
}

#product.product_detail_contents .leftContents{
	width: 100%;
	margin-right: 0%;
	float:none;

}
#product.product_detail_contents .rightContents{
	width: 100%;
	float: none;
	padding-bottom: 50px;
}

#product.product_detail_contents .buttonArea{
	width: 100%;
	margin:0 auto;
	text-align: left;
}

#product.product_detail_contents .button{
	display: block;
	width: 80%;
	float: none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 80px;
}

#product.product_detail_contents .button.online{
	width: 100%;
}
#product.product_detail_contents .button:nth-child(2){
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
#product.product_detail_contents .button a{
	color:#fff;
	display: block;
	padding:15px 0;
	width:100%;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0;
	margin-top:20px;
	/* box-shadow */
    box-shadow:0px 0px 7px 3px #ebe8e9;
    font-size: 14px;
}

#product.product_detail_contents .buttonImg{
	max-width: 150px;
	display: block;
	text-align: center;
	margin: 10px auto 0;
}

#product.product_detail_contents .buttonImg:nth-child(5){
	margin: 10px auto 0;
}
#product.product_detail_contents .buttonImg:last-child{
	margin-right: auto;
}

}





#product .product_detai2{
	
	font-size: 0;/****inline-block 隙間対策****/
	clear: both;
}

#product .product_detai2 .box a{
	width:30%;
	display: inline-block;
	vertical-align: top;
	margin-right:5%;
	margin-bottom:4%;
}

#product .product_detai2 .box a:nth-child(3n){
	margin-right:0%;
}


#product .product_detai2 dl{
	width:100%;
	/* box-shadow */
    box-shadow:0px 0px 7px 3px #ebe8e9;
    margin-right:4%;
    margin-bottom: 4%;
    background-color: #fff;
}


#product .product_detai2 dl:hover{
	/* box-shadow */
    box-shadow:0px 0px 1px 1px #ebe8e9;
    transition: 0.2s;
}

#product .product_detai2 dl dd{
	font-size: 15px;
	font-weight: bold;
	padding:10px 10px 0 10px;
	line-height: 1.8;
}

#product .product_detai2 dl dd:last-child{
	font-size: 12px;
	font-weight: lighter;
	padding-bottom: 12px;
}

#product .product_detai2 .button{
    clear:both;
}

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

#product .product_detai2 .box a{
	width:48%;
	display: inline-block;
	margin-right:0%;
	margin-bottom:3%;
	vertical-align: baseline;
}

#product .product_detai2 .box a:nth-child(3n){
	margin-right:0%;
}

#product .product_detai2 .box a:nth-child(2n){
	margin-right:0%;
	float:right;
}

#product .product_detai2 dl{
	height:auto;
}

#product .product_detai2 dl dd{
	font-size: 18px;
	font-weight: bold;
	padding:10px 10px 0 10px;
}

#product .product_detai2 dl dd span{
	background-color: #e67e22;
	color:#fff;
	padding:4px 5px;
	margin-right: 5px;
}

#product .product_detai2 dl dd:last-child{
	font-size: 13px;
	line-height: 1.7;
}
}





#product .product_detai3{
	background-color: #fafafa;
	font-size: 0;/****inline-block 隙間対策****/
	clear: both;
	padding-bottom: 50px;
}

#product .product_detai3 .box a{
	width:30%;
	display: inline-block;
	vertical-align: top;
	margin-right:5%;
}

#product .product_detai3 .box a:nth-child(3n){
	margin-right:0%;
}


#product .product_detai3 dl{
	width:100%;
	/* box-shadow */
    box-shadow:0px 0px 7px 3px #ebe8e9;
    margin-right:4%;
    margin-bottom: 4%;
    background-color: #fff;
}


#product .product_detai3 dl:hover{
	/* box-shadow */
    box-shadow:0px 0px 1px 1px #ebe8e9;
    transition: 0.2s;
}

#product .product_detai3 dl dd{
	font-size: 15px;
	font-weight: bold;
	padding:10px 10px 0 10px;
	line-height: 1.8;
}

#product .product_detai3 dl dd:last-child{
	font-size: 12px;
	font-weight: lighter;
	padding-bottom: 12px;
}

#product .product_detai3 .button{
    clear:both;
}

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

#product .product_detai3 .box a{
	width:48%;
	display: inline-block;
	margin-right:0%;
	margin-bottom:3%;
}

#product .product_detai3 .box a:nth-child(3n){
	margin-right:0%;
}

#product .product_detai3 .box a:nth-child(2n){
	margin-right:0%;
	float:right;
}

#product .product_detai3 dl{
	height:auto;
}

#product .product_detai3 dl dd{
	font-size: 18px;
	font-weight: bold;
	padding:10px 10px 0 10px;
}

#product .product_detai3 dl dd span{
	background-color: #e67e22;
	color:#fff;
	padding:4px 5px;
	margin-right: 5px;
}

#product .product_detai3 dl dd:last-child{
	font-size: 13px;
	line-height: 1.7;
}
}


/********************

20201107 追記

********************/
#product .product_search dl dd input[type="image"]{
    top:8px;
}