@charset "utf-8";

.top_1000{
	padding-top: 8px;
}
.nav_1000{
	display: flex;
}

/*========================================
  TopMainSlider
========================================*/
.top_1100{
	overflow: hidden;
	position: relative;
}

.top_1110_slider{
	width: 100%;
	max-width: 1200px;
	overflow: visible;
}

.top_1110_slider .swiper-slide-next, .top_1110_slider .swiper-slide-prev{
	opacity: 0.5;
}

.top_1110_slider .swiper-slide{
	width: 1200px;
	margin: 0 5px;
}
.top_1110_slider .swiper-slide img{
	width: 1200px;
	height: 530px;
	object-fit: contain;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}

.top_1100 .swiper-button-prev{
	left: 0;
	background-image: url(/images/icon/prev.png);
	background-size: 26px auto;
}

.top_1100 .swiper-button-next{
	right: 0;
	background-image: url(/images/icon/next.png);
	background-size: 26px auto;
}

.top_1100 .swiper-pagination{
	width: 100%;
	position: relative;
}

.top_1100 .swiper-pagination-bullet{
	margin-left: 5px;
	margin-right: 5px;
	background-color: #e1e2e5;
	opacity: 1;
}

.top_1100 .swiper-pagination-bullet-active,
.top_1100 .swiper-pagination-bullet:hover{
	background-color: #a5a8b0;
}

/*========================================
  TopMainSlider SP
========================================*/
@media screen and (max-width: 768px) {

.top_1110_slider .swiper-slide{
	margin: 0;
}
.top_1110_slider .swiper-slide img{
	width: 100vw;
	height: calc(100vw * 0.442);
}

}

/*========================================
  TopInfoSlider
========================================*/
.top_sp_1200{
	display: none;
}
.top_1200{
	width: 1200px;
	margin: 100px auto 0;
}

.top_1210{
}
.top_1210 p{
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.top_1220_slider{
	margin-bottom: 20px;
}

.top_1220_slider .swiper-wrapper{
}

.top_1220_slider .swiper-slide{
}

.top_1220_slider .swiper-slide img{
	width: 282px;
	height: 282px;
	object-fit: contain;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}
.top_1220_slider .swiper-slide a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.top_1220_slider .swiper-slide .info_slide_title{
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}
.top_1220_slider .swiper-slide .info_slide_title:hover{
}
.top_1220_slider .swiper-slide .info_slide_text{
}
.top_1220_slider .swiper-slide .info_slide_text:hover{
}

.top_1200 .swiper-button-prev{
	left: 0;
	background-image: url(/images/icon/prev.png);
	background-size: 26px auto;
}

.top_1200 .swiper-button-next{
	right: -1px;
	background-image: url(/images/icon/next.png);
	background-size: 26px auto;
}

.top_1200 .swiper-pagination{
	width: 1200px;
}

.top_1200 .swiper-pagination-bullet{
	margin-left: 5px;
	margin-right: 5px;
	background-color: #e1e2e5;
	opacity: 1;
}

.top_1200 .swiper-pagination-bullet-active,
.top_1200 .swiper-pagination-bullet:hover{
	background-color: #a5a8b0;
}

/*========================================
  TopInfoSlider SP
========================================*/
@media screen and (max-width: 768px) {

.top_1200{
	display: none;
}
.top_sp_1200{
	display: block;
	margin-top: 30px;
	border-top: 15px solid #f5f5f5;
	padding-top: 25px;
	position: relative;
}
.top_sp_1200:before{
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: -15px;
	background: linear-gradient(#e4e5e7,#f4f4f4);
}
.top_sp_1210 p{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.top_sp_1221{
	margin-top: 25px;
	margin-left: 10px;
}
.top_sp_1221 a{
	display: flex;
}
.top_sp_1221 a:hover{
	text-decoration: none;
}
.top_sp_1221 a div{
	margin-top: 10px;
	margin-left: 20px;
}
.top_sp_1221 a div .info_slide_title{
	font-weight: 700;
}
.top_sp_1221 img{
	height: 120px;
	width: 120px;
	object-fit: contain;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}
.top_sp_1231,
.top_sp_1232{
	position: relative;
	width: 200px;
	margin: 10px auto 0;
	border-radius: 20px;
	padding: 8px;
	text-align: center;
	cursor: pointer;
}
.top_sp_1231{
	border: 1px solid #253e8f;
	background: url(/images/icon/arw_down_b.png) no-repeat 85%;
	background-size: 8px auto;
	color: #253e8f;
}
.top_sp_1232{
	border: 1px solid #e4e5e7;
	background: url(/images/icon/arw_up.png) no-repeat 85%;
	background-size: 8px auto;
	color: #495061;
}

}

/*========================================
  TopItemSlider
========================================*/
.top_sp_1300{
	display: none;
}
.top_1300{
	width: 1200px;
	margin: 100px auto 0;
}

.top_1310{
}
.top_1310 p{
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.top_1320_slider{
	margin-bottom: 20px;
}

.top_1320_slider .swiper-wrapper{
}

.top_1320_slider .swiper-slide{
}

.top_1320_slider .swiper-slide a img{
	width: 180px;
	height: 180px;
	object-fit: contain;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}

.top_1320_slider .swiper-slide a img:hover{
	opacity: 0.7;
}

.top_1300 .swiper-button-prev{
	left: 0;
	background-image: url(/images/icon/prev.png);
	background-size: 26px auto;
}

.top_1300 .swiper-button-next{
	right: -1px;
	background-image: url(/images/icon/next.png);
	background-size: 26px auto;
}

.top_1300 .swiper-pagination{
	width: 1200px;
}

.top_1300 .swiper-pagination-bullet{
	margin-left: 5px;
	margin-right: 5px;
	background-color: #e1e2e5;
	opacity: 1;
}

.top_1300 .swiper-pagination-bullet-active,
.top_1300 .swiper-pagination-bullet:hover{
	background-color: #a5a8b0;
}

.item_webprice{
	width: 50px;
	display: inline-block;
	display: none;
}

.item_name{
	margin-bottom: 5px;
}

.item_price{
	font-size: 14px;
}

.item_price .price_yen{
	font-size: 10px;
}

/*========================================
  TopItemSlider SP
========================================*/
@media screen and (max-width: 768px) {

.top_1300{
	display: none;
}
.top_sp_1300{
	display: block;
	margin-top: 30px;
	border-top: 15px solid #f5f5f5;
	padding-top: 25px;
	position: relative;
}
.top_sp_1300:before{
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: -15px;
	background: linear-gradient(#e4e5e7,#f4f4f4);
}
.top_sp_1310 p{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.top_sp_1320_slider{
	margin-top: 25px;
}
.top_sp_1320_slider .swiper-slide a img{
	width: 32vw;
	height: 32vw;
	object-fit: contain;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}
.top_sp_1320_slider .swiper-slide a img:hover{
	opacity: 0.7;
}

.top_sp_1300 .swiper-button-prev{
	left: 0;
	background-image: url(/images/icon/prev.png);
	background-size: 26px auto;
}
.top_sp_1300 .swiper-button-next{
	right: -1px;
	background-image: url(/images/icon/next.png);
	background-size: 26px auto;
}
.top_sp_1300 .swiper-pagination{
	width: 100%;
}
.top_sp_1300 .swiper-pagination-bullet{
	margin-left: 5px;
	margin-right: 5px;
	background-color: #e1e2e5;
	opacity: 1;
}
.top_sp_1300 .swiper-pagination-bullet-active,
.top_sp_1300 .swiper-pagination-bullet:hover{
	background-color: #a5a8b0;
}

}

/*========================================
  TopCategoryList
========================================*/
.top_1400{
	width: 1200px;
	margin: 100px auto 0;
}

.top_1410{
}
.top_1410 p{
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.top_1420{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e4e5e7;
	border-left: 1px solid #e4e5e7;
	margin-left: -1px;
}

.top_1422_category{
	width: 300px;
	height: 51px;
	border-right: 1px solid #e4e5e7;
	border-bottom: 1px solid #e4e5e7;
	display: table;
}
.top_1422_category a{
	display: table-cell;
	vertical-align: middle;
	padding: 0 25px 0 55px;
	text-decoration: none;
	background-image: url(/images/icon/arw.png);
	background-position-x: 95%;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 4px auto;
}

/*========================================
  TopCategoryList SP
========================================*/
@media screen and (max-width: 768px) {

.top_1400{
	width: 99%;
	margin-top: 30px;
	border-top: 15px solid #f5f5f5;
	padding-top: 25px;
	position: relative;
}
.top_1400:before{
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: -15px;
	background: linear-gradient(#e4e5e7,#f4f4f4);
}
.top_1410{
}
.top_1410 p{
	margin-bottom: 25px;
	font-size: 20px;
}
.top_1420{
	margin-right: -1px;
}
.top_1422_category{
	width: 50%;
}

}

/*========================================
  TopService
========================================*/
.top_1500{
	margin-top: 80px;
	margin-bottom: 80px;
	background: #f6f6f7;
}

.top_1510{
	padding-top: 60px;
}
.top_1510 p{
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.top_1520{
	width: 1220px;
	margin: 0 auto;
	padding: 60px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.top_1520 .top_service_info_block{
	width: 220px;
	margin: 0 12px 25px;
}

.top_1520 .top_service_info_block img{
	width: 220px;
	height: 120px;
	object-fit: contain;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}

/*========================================
  TopService SP
========================================*/
@media screen and (max-width: 768px) {

.top_1500{
	margin-top: 30px;
	margin-bottom: 25px;
	background: #ffffff;
	border-top: 15px solid #f5f5f5;
	padding-top: 25px;
	position: relative;
}
.top_1500:before{
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	top: -15px;
	background: linear-gradient(#e4e5e7,#f4f4f4);
}
.top_1510{
	padding-top: 0;
}
.top_1510 p{
	margin-bottom: 15px;
	font-size: 20px;
}
.top_1520{
	width: 100%;
	margin: 0;
	padding: 0 3%;
	justify-content: space-between;
}
.top_1520 .top_service_info_block{
	width: 45vw;
	height: calc(45vw * 0.55);
	margin: 10px 0 0;
}
.top_1520 .top_service_info_block img{
	width: 100%;
	height: 100%;
}


}