@charset "utf-8";

/* daichi css
1.header
2.トップ

breakpoint 479px

breakpoint 767px
トップ

breakpoint 768px~1000px
トップ

*/

/* ------------------------------1.header------------------------------ */
body.page-top #content{padding-top: 128px;}
#site-header .site-info{
	border-bottom: initial;
	margin-bottom: initial;
}
#site-header .title{padding: 8px 0 5px 6px;}
#site-header .site-nav{
	box-shadow: none;
	background: #ebebeb;
}
#site-header .search{ background: #ebebeb;}
#site-header .cart>ul>li.to-cash-register{display: none;}
#site-header .cart>ul>li.cart-info, #site-header .cart>ul>li.cart-info:hover{
	border: #ebebeb;
	background: #ebebeb;
	margin: 0 15px 0 0;
}
#site-header .cart>ul>li.cart-info>a .cart-special-price, #site-header .cart>ul>li.cart-info>a .cart-info-summary{
	color: #000;
	text-shadow: initial;
}
#site-header .cart>ul>li.cart-info>a:before{
	border-left: initial;
	height: 20px;
	right: -5px;
}
#site-header .numbers .tab{text-align: left;}
#site-header .numbers .tab li{text-align: center;}
#site-header .numbers{margin: 0 230px 0 150px;}
#site-header .menu .menu-title a:after, #site-header .menu .menu-title a:hover:after{background: initial; display: none;}
#site-header .menu .menu-title, #site-header .menu .menu-title:hover{background: #ebebeb;}
.content-header{margin: 45px 0 0 0;}
.tax-out, .tax-in{font-size: 11px;}

/* ------------------------------2.トップ------------------------------ */
body#top .top__service-listarea,
body#top .top__service-list{
	font-size: 0;
	padding: 0;
	text-align: center;
}
body#top .top__service-listarea p,
body#top .top__service-list p{
	font-size: 14px;
	line-height: 18px;
}
body#top section{
	max-width: 960px;
	margin: 0 auto;
}
body#top h1{
	font-size: 30px;
	text-align: center;
}
body#top .top__contents-ttl{margin: 0 0 40px 0;}
body#top .top__sabcontents-ttl{padding: 60px 0 20px 0;}
body#top .banner_content + .top-contents{padding: 20px 10px 0 10px;}
body#top .banner_content + .top-contents .top-main-image.fixed:first-child{margin: 0;}
body#top .top-contents{padding: 0 10px;}
body#top .top__content_sub{
	background: #e0e0e0;
	padding: 0 10px 60px 10px;
}

body#top .top__categorybtn{
  text-align: center;
  padding: 80px 0;
  clear: both;
}
body#top .carousel-recommend--item8-4{
	margin: 15px auto 80px auto;
	max-width: 930px !important;
	min-width: 250px;
	padding: 0 20px;
}
.carousel-recommend--item8-4 .carousel-controls .carousel-next{
	right: 10px;
}
.carousel-recommend--item8-4 .carousel-controls .carousel-prev{
	left: 10px;
}
body#top .top__service-listarea,
body#top .news-info{
	padding: 40px 50px;
	background: #fff;
	margin: 0;
}
body#top .top__service-list{
	clear: both;
	margin: 0 0 0 80px;
	display: inline-block;
}
body#top .top__service-list:first-child{margin: 0 0 0 0;}
body#top .top__service-info{
	float: right;
	margin: 0 0 0 20px;
	text-align: left;
}
body#top .top__service-img{width: 185px;}
body#top .notice_links{
	margin: 15px 0 0 0;
	text-align: right
}
.menu-body-contents .top__pc_nav{
	margin: 20px 0;
	text-align: center;
	font-size: 0;
}
.menu-body-contents .top__pc_nav a:first-child{margin: 0 10px 0 0;}
body#top .top-main-image{
	margin: 20px 0 0 0;
}
body#top .top-main-image + br{
  display: none;
}
.menu-body-contents .top__pc_nav img{
	width: 135px;
}
body#top .nativebanner_content{display :none;}
#content .top__sp_nav{display: none;}
.notice_links li{ list-style-type: none;}
/* トップメッセージ */
.notice-box{
	padding: 0 10px;
}
.notice_msg{
	text-align: center;
	border: 1px #DB4F43 solid;
	padding: 10px;
	border-radius: 10px;
	max-width: 940px;
	margin: 20px auto 0 auto;;
}
.notice_msg p{
	margin: 0;
}
.notice_msg p:first-child:before{
	content: '重要';
	color: #fff;
	background: #DB4F43;
	padding: 2px 5px;
	border-radius: 5px;
	margin: 0 5px 0 0 ;
}
/* ------------------------------breakpoint 479px------------------------------ */
@media screen and (max-width: 479px){
	.top__pc_nav{display: none;}
	#content .top__sp_nav{display: block;}
	.top__sp_nav .footer_nav{
		display: flex;
		position: fixed;
		bottom: 0;
		z-index: 2;
		background: #fff;
		width: 100vw;
		transform: translateX(-50%);
		left: 50%;
	}
	.top__sp_nav .footer_nav a{
		display: block;
		padding: 5px 0;
		text-align: center;
		width: 50%;
		border: 1px solid #e0e0e0;
	}
	.top__sp_nav .footer_nav a img{
		height: 40px;
		width: auto;
	}
}

/* ------------------------------breakpoint 767px------------------------------ */
@media screen and (max-width: 767px){
	/* ------------------------------トップ------------------------------ */
	body#top .banner_content + .top-contents{padding: 10px 10px 0 10px;}
	body#top section{
		padding: 0 10px;
		min-width: 280px;
	}
	body#top h1{
		font-size: 16px;
		text-align: left;
	}
	body#top .top__contents-ttl{margin: 20px 0;}
	body#top .top__sabcontents-ttl{padding: 40px 0 20px 0;}
	body#top .top__service-listarea, body#top .news-info{
		padding: 20px ;
	}
	body#top .top__service-listarea p,
	body#top .top__service-list p{
		font-size: 12px;
	}

	body#top .top__categorybtn{
		border-top:solid 1px #999;
		border-bottom:solid 1px #999;
		padding: 20px 0;
		margin: 0 0 20px 0;
	}
	body#top .top__categorylist{width: 240px;}

	body#top .carousel-recommend--item8-4{margin: 15px 0 40px 0;}

	body#top .top__service-list{
		display: flex;
		margin: 0;
	}
	body#top .top__service-img{width: 145px;}
	body#top .top__service-info{float: initial;}

	body#top .top__content_sub{
		padding: 0 0 60px 0;
	}
	body#top .top-main-image{
		margin: 10px 0 0 0;
	}
	.carousel-recommend--item8-4 .carousel-controls .carousel-next{
		position: absolute;
		top: -45px;
		right: -25px;
	}
	.carousel-recommend--item8-4 .carousel-controls .carousel-prev{
		position: absolute;
		top: -45px;
		left: -25px;
	}
	/* トップメッセージ */
	.notice_msg{
		margin: 10px auto 0 auto;;
	}
}

/* ------------------------------breakpoint 768px~1000px------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1000px){
	/* ------------------------------トップ------------------------------ */
	body#top .top__content_sub{padding: 0 110px 60px 110px;}
	body#top .top__service-list{margin: 20px 0 0 0;}
	body#top .top__service-listarea{text-align: left;}

}