@charset "utf-8";

/* # =================================================================
   #
   # TOPページ
   #
   # ================================================================= */



#toppage #top_contents {
	max-width:1280px;
	margin:auto auto;
	padding:0 1.0rem;
	font-size:1.5rem;
}

#toppage .contents_box {
	padding:0;
}


#top_contents section {
	padding:0 0 2.0rem 0;
}


#top_contents section .round_contents_box {
	padding:2.0rem 0;
	margin:50px 0 20px 0;
}




/***/



.top_banner_area {
	width:100%;
	margin:auto auto 7.5rem auto;
	padding:3.0rem 0;
	background-color:#CCC;
}

.top_banner_area ul li {
	text-align:center;
}

.top_banner_area ul li img {
	width:100%;
	max-width:500px;
	height:auto;
	max-height:500px;
	margin:auto auto;
	vertical-align:bottom;
}



.notice .notice_title {
	font-weight:bold;
	font-size:2.0rem;
	border-bottom:3px solid #CA0000;
	margin:0 1.0rem 1.0rem 1.0rem;
	padding:0.5rem 1.0rem;
}

.notice .notice_title i {
	color:#F00;
	font-size:3.0rem;
	vertical-align:text-top;
}

.notice dl {
	padding:1.0rem;
	margin:1.0rem;
}

.notice dl dt {
	margin:1.0rem 0;
}

.notice dl dd p {
	line-height:1.75;
}

.notice dl dd p a {
	text-decoration:underline;
}



/******************************************************************
	各市場 最新情報
******************************************************************/

.new_items h2 {
	margin:1.0rem 0.5rem;
}

.new_items h2 p:nth-child(1) {
	font-size:1.4rem;
	color:#666;
}

.new_items h2 p:nth-child(2) {
	font-size:2.0rem;
	color:#111;
}

#toppage #top_contents .new_items > .item_list .owl-stage > div {
	margin:0 0 1.0rem 0;
}


#toppage #top_contents .new_items > .item_list_used .owl-stage {
	/*display:flex;
	flex-wrap:wrap;*/
/*	justify-content: space-around;*/
/*	justify-content: center;*/
}

#toppage #top_contents .new_items > .item_list_used .owl-stage > div {
/*	min-width:calc(100% / 6);*/
	padding:0;
	text-align:center;
}

#toppage #top_contents .new_items > .item_list_used .owl-stage:after {
	display:none;
}

.new_items {
	margin:0 0 4.0rem 0;
}

.new_items .link {
	margin-top:10px;
	text-align:right;
}

.new_items .link a {
	display:inline-block;
	min-width:250px;
	text-align:center;
	border:1px solid #111;
	background-color:#111;
	font-size:1.5rem;
	font-weight:bold;
	color:#FFF;
	padding:1.0rem 5.0rem 1.0rem 1.0rem;
	text-decoration:none;
	position:relative;
	border-radius:6px;
	transition:all 0.5s;
}

.new_items .link a:hover {
	border:1px solid #111;
	background-color:#FFF;
	color:#111;
}


.new_items .link a:after {
	position:absolute;
    content: "";
	background-color:#FFF;
    height: calc(10px / 2 * tan(60deg));
	width: 8px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
    right: 6%;
    top: calc(50% - 4px);
}

.new_items .link a:hover:after {
	background-color:#111;
}

.new_items .link a:before {
	position:absolute;
    content: "";
	height:70%;
    border-left: 1px solid #FFF;
    right:16%;
	top:15%;
}

.new_items .link a:hover:before {
    border-left: 1px solid #111;
}









/*
.new_items .link a:hover {
	text-decoration:underline;
}
*/


.new_items > .item_list ul {
	margin:auto auto;
	width:100%;
}

.new_items > .item_list ul li {
	width:calc(100% / 6);
	min-width:200px;
	padding:0;
	margin:auto auto;
}

.new_items > .item_list ul li dl {
	position:relative;
	padding:0;
	width:100%;
	margin:auto auto;
}

.new_items > .item_list ul li dl dt .photo_box {
	overflow:hidden;
	width:100%;
	height:auto;
	min-height:200px;
	margin:auto auto;
	background-color:#FFF;
}

.new_items > .item_list ul li dl dt .photo_box img {
	transition-duration: 0.3s;
}

.new_items > .item_list ul li a:hover dl dt .photo_box img {
	transition-duration: 0.3s;
	transform: scale(1.05);
}

.new_items > .item_list ul li a dl dd {
	position:absolute;
	bottom:0;
	font-size:1.325rem;
	font-weight:500;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

.new_items > .item_list_used ul li {
	margin:0 0 1.0rem 0;
}

.new_items > .item_list_new ul li {
	margin:0 0 1.0rem 0;
}

.new_items > .item_list_parts ul li a dl dt .photo_box img {
	width:100%;
	height:auto;
	min-height:auto;
	margin:auto auto;
	top:30px;
}



.new_items > .item_list_used ul li a dl dd {
	background-color: rgb(250, 165, 5, 0.8);
	border-radius:16px;
	color:#FFF;
	padding:0.2rem 1.0rem;
	width:92%;
	left:4%;
	bottom:6%;
	text-align:left;
}


.new_items > .item_list_new ul li a dl dd {
	background-color: rgb(0, 204, 204, 0.8);
	border-radius:16px;
	color:#FFF;
	padding:0.1rem 1.0rem;
	width:92%;
	left:4%;
	bottom:6%;
	text-align:left;
}

.new_items > .item_list_parts ul li a dl dd {
	background-color: rgb(197, 0, 10, 0.8);
	border-radius:16px;
	color:#FFF;
	padding:0.1rem 1.0rem;
	width:92%;
	left:4%;
	bottom:6%;
	text-align:left;
}

.new_items > .item_list_direct ul li a dl dd {
	background-color: rgb(255, 51, 102, 0.8);
	border-radius:16px;
	color:#FFF;
	padding:0.1rem 1.0rem;
	width:92%;
	left:4%;
	bottom:6%;
	text-align:left;
}


/*** おすすめ商品 ***/
.new_items > .item_list_direct ul li a .recommend_msg {
	margin:0.5rem 0;
	padding:0.25rem 0.5rem;
	min-height:150px;
}




.new_items > .item_list_direct ul li a .recommend_msg .maker {
	color:rgb(255, 51, 102, 1.0);
	font-weight:500;
	margin:0 0 0.5rem 0;
}

.new_items > .item_list_direct ul li a .recommend_msg .comment {
	font-size:1.25rem;
	color:#111;
}

.new_items > .item_list_direct ul li a:hover .recommend_msg .comment {
	color:#069;
}








/* セールアイコン */
.new_items > .item_list_parts ul li a dl dd.sale {
	position:absolute;
	width:80px;
	height:80px;
	top:0;
	left:0;
	border-radius:0;
	background-color: rgb(255, 255, 255, 0);
	background-image:url(../../img/2025/icon/sale_parts.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.new_items > .item_list_parts ul li a dl dd.sale:after {
	font-size:1.4rem;
	font-weight:bold;
	content:"SALE";
	position:absolute;
	top:8px;
}



/******************************************************************
	News お知らせ
******************************************************************/

#top_contents section #news {
	margin:3.0rem 0;
	padding:2.0rem 0 5.0rem 0;
}

#top_contents section #news h2 p {
	text-align:center;
	padding:0;
}

#top_contents section #news h2 p:nth-child(1) {
	font-size:5.0rem;
	line-height:1.2;
}

#top_contents section #news h2 p:nth-child(2) {
	font-size:1.8rem;
	padding:0.25rem;
	line-height:1.0;
	font-style:italic;
}

#top_contents section #news h2 p:nth-child(1):first-letter {
	color:#C5000A;
}

#top_contents section #news h2 p:nth-child(2):first-letter {
	color:#C5000A;
}

#top_contents section #news article ul {
	width:100%;
	margin:2.0rem auto;
}

#top_contents section #news article ul li {
	margin:0 0 0.1rem 0;
}

#top_contents section #news article ul li a dl {
	display:flex;
	margin:0;
	font-size:1.6rem;
	padding:1.0rem;
	border-radius:10px;
}

#top_contents section #news article ul li a dl dt {
	color:#C5000A;
	margin:0 1.5rem 0 0;
	padding:1.0rem 0.5rem;
}

#top_contents section #news article ul li a dl dd {
	color:#111;
}

#top_contents section #news article ul li a dl dd {
	text-decoration:none;
	min-width:100px;
	display:block;
	font-size:1.6rem;
	padding:1.0rem 0.5rem;
	text-align:left;
	transition: background 0.1s;
	position:relative;
	color:#111;
	word-break:break-all;
}

#top_contents section #news article ul li a:after dl dd {
	background:#333;
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: .25s ease-out;
}

#top_contents section #news article ul li a:hover dl {
	color:#111;
	background-color:#FFF;
}

#top_contents section #news article ul li a:hover:after dl dd {
	left: 0;
	transform: scale(1, 1);	
}













/******************************************************************
	Topics トピックス
******************************************************************/


#top_contents section #member_topics article ul li {
	width:100%;
	padding:1.0rem;
}


#top_contents section #member_topics article ul {
	display:block;	
}

#top_contents section #news article ul li dl dt {
	font-weight:bold;
}


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

	レスポンシブ 

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

/* 調整用（1392px以下） */
@media all and (max-width: 1392px) {


}

@media all and (max-width: 1280px) {

.new_items > .item_list ul li {
	width:200px;
	margin:1.0rem auto;
	padding:0.5rem;
}



}




/* 調整用（1064px以下） */
@media all and (max-width: 1064px) {

.new_items > .item_list {
	width:98%;
	margin:auto auto;
}

.new_items > .item_list ul {
	width:100%;
}

.new_items > .item_list_used {
}

#toppage #top_contents .new_items > .item_list_used .owl-stage {
}


#toppage #top_contents .new_items > .item_list_used .owl-stage > div {
}



}






/* タブレットサイズ（860px以下） */
@media all and (max-width: 860px) {
	
/******************************************************************
	News お知らせ
******************************************************************/

#top_contents section #news article ul {
	width:95%;
}

#top_contents section #news article ul li dl {
	display:block;
}

.new_items .link {
	text-align:center;
}



}



/* スマホサイズ（640px以下） */
@media all and (max-width: 640px) {

#toppage #top_contents .new_items > .item_list_used .owl-stage > div {
}


/******************************************************************
	News お知らせ
******************************************************************/


#top_contents section #news article ul {
	width:100%;
	margin:2.0rem auto;
}

#top_contents section #news article ul li {
	margin:0 0 0.1rem 0;
}

#top_contents section #news article ul li a dl {
	display:flex;
	flex-wrap:wrap;
	margin:0 0 1.0rem 0;
	font-size:1.6rem;
	padding:0 0.5rem;
	border-radius:10px;
}

#top_contents section #news article ul li a dl dt {
	margin:0;
}

#top_contents section #news article ul li a dl dd {
	padding:0 0.5rem;
}


}

/* スマホサイズ（639px以下） */
@media all and (max-width: 639px) {

#toppage #top_contents .new_items > .item_list_used .owl-stage > div {
	min-width:auto;
}


}

/* スマホサイズ（480px以下） */
@media all and (max-width: 480px) {

#toppage #top_contents .new_items > .item_list_used .owl-stage > div {
	min-width:auto;
}

.new_items .link a {
	min-width:320px;
	}


.new_items > .item_list ul li {
	min-width:180px;
}


.new_items > .item_list ul li dl dt .photo_box {
	min-height:180px;
}



/* セールアイコン */
.new_items > .item_list_parts ul li a dl dd.sale {
	width:60px;
	height:60px;
	top:0;
	left:0;
}

.new_items > .item_list_parts ul li a dl dd.sale:after {
	font-size:1.2rem;
	top:2px;
	left:3px;
}




}

/* スマホサイズ（400px以下） */
@media all and (max-width: 400px) {



.new_items > .item_list ul li {
	max-width:160px;
}


.new_items > .item_list ul li dl dt .photo_box {
	min-height:160px;
}



}