/*=========================

製品情報

=========================*/
#tab1,#tab2,#tab3 {
	padding-top: 90px;
	margin-top: -90px;
}
/* 製品情報ナビ */
#products-nav {
	background: #F8E9EA;
}
#products-nav > div {
	display: flex;
	padding: 15px;
}

#products-nav ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 60%;

}
#products-nav ul li {
	margin-right: 3rem;
	font-size: .875rem;
}
#products-nav ul li a {
	font-weight: 400;
}
#products-nav ul li a::after {
	font: normal normal normal 1em / 1 "Phosphor";
	content: "\f31c";
	position: absolute;
  color: #F27B8F;
	padding-left: 10px;
}
#products-nav ul li a:hover {font-weight: 600;text-decoration: none;}
#products-nav ul li a:hover::after  {
	padding-left: 10px;
}
#products-nav ul li > div {padding: 15px;}

.products-nav-search {
	width: 40%;
}
.products-nav-search input {
	border: none;
	border-radius: 19px;

}
.products-nav-search .btn.btn-search {
	border-radius: 0 19px 19px 0;
}
@media screen and (max-width: 1200px) {
	#products-nav > div {
		display: block;
	}
	#products-nav ul,.products-nav-search {width: 100%;}
	#products-nav ul {
		margin-bottom: 15px;
		justify-content: center;
	}
}

/* タブ矢印 */
@media screen and (max-width: 991px) {
	.icnArrow01:before {
		font: normal normal normal 1em / 1 "Phosphor";
		content: "\f31c";
		display: block;
		font-size: 1.25rem;
		transition: all .3s;
	  color: #fff;
	}
	.collapsed .icnArrow01:before {transform: rotate(-90deg);}
	.icnArrow01:before {transform: rotate(90deg);	}
}

@media (max-width: 991px) {
	#Lineup {
 	  display: block;
 	  padding-top: 80px;
 	  margin-top: -80px;
		z-index: 0;
		pointer-events: none;
  }
}

/* 検索窓 */


.products-search .btn-search {
	font-size: 1.2rem;
	background: #ED848C;
	color: #fff;
	border: none;
	border-radius: 0 32px 32px 0 ;
}
.products-search .btn-search:hover {opacity: .8;}
@media (min-width: 992px) {
	.products-search input,.products-search .btn-search {padding: 15px 35px 15px 30px;}
}
@media (max-width: 991px) {
	.products-search input,.products-search .btn-search {
		padding: 10px 20px 10px 15px;
	}
}
/* ピクト */
.pict-area {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.pict-area li {
	margin-right: 10px;
}
.pict-area li img {max-width: 80px;}

/* 商品画像カルーセル */
.carousel-control-next, .carousel-control-prev {color:#eee;}
.carousel-indicators li {background-color: #000;}
.carousel-indicators li {
	 background-color: #fff;
	 padding: 5px;
	 border: 1px solid #aaa;
	 text-indent: 0;
	 width: auto;
	 height: auto;
	 border-radius: 4px;
}
.carousel-control-next,
.carousel-control-prev {
    filter: invert(30%);
}
.carousel-item {padding: 0 60px;background-color: #fff;border-radius: 4px;}
.carousel-item img {border-radius: 4px;}

.carousel-control-next, .carousel-control-prev {width: 10%;}
/* モーダル拡大
.img-zoom {
	text-align: center;
}
.img-zoom .modal-dialog {
	max-width: 100%;
	margin: auto;
}
.img-zoom .modal-header {border-bottom: none;}
.img-zoom .close {font-size: 3rem;}*/

/* 拡大鏡 */
.m-lens-container {
	display: inline-block;
	position: relative;
}
.m-lens {
	position: absolute;
	top: 10px; /* JSで適切な値を設定する */
	left: 20px; /* JSで適切な値を設定する */
	z-index: 2;
	background: #f57716;
	opacity: 0.3;
	height: 172px;
	width: 172px;
}
.m-lens {
	display: none;
}
.m-lens-container:hover .m-lens {
	display: block;
}
.m-lens-container img {
	max-height: 344px;
	max-width: 344px;
}
.slides {
	display: flex;
	justify-content: space-between; /* 解説用 */
	width: 700px; /* 解説用 */
}
.slide2 {
	display: table;
	background: #fff; /* 解説用 */
	text-align: center;
	height: 344px;
	width: 344px;
}
.cell {
	display: table-cell;
	vertical-align: middle;
}
.images {
	position: relative;
}
.slides-container {
	width: 344px;
	overflow: hidden;
}
.zoom-area {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #aaa;
	height: 520px;
	width: 520px;
	overflow: hidden;
}
.zoom-area.active {
	display: block;
}
.zoom-area img {
	margin-top: -30px; /* JSで適切な値を設定する */
	margin-left: -60px; /* JSで適切な値を設定する */
}
/* 拡大鏡 end */


@media (min-width: 992px){
	#carouselExampleIndicators {margin-bottom: 100px;}
	.carousel-indicators{
		position: absolute;
	  right: 0;
	  bottom: -80px;
	}
	.carousel-indicators li img {width: 50px;height: 50px;}
}

@media (max-width: 991px){
	#carouselExampleIndicators {margin-bottom: 100px;}
	.carousel-indicators{
		position: absolute;
	  right: 0;
	  bottom: -60px;
	}
	.carousel-indicators li img {width: 30px;height: 30px;}
}
/* ラインアップ */
.thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.products-lineup > li > div {
    flex-direction: column;
    background: #fff;
		border-radius: 4px;
}
.products-lineup > li > div a {text-decoration: none;}
.products-lineup img {
    transition: all .3s;
    transform: scale(1);
		padding: 20px;
}
.products-lineup > li:hover img {transform: scale(1.1);}
.products-lineup .text {padding: 20px;text-align: left;font-size: .8rem;background: #fff5f2;}
.products-lineup dl {
	display: flex;
	margin-top: 7px;
}
.products-lineup dl dt,.products-lineup dl dd {
	flex-grow:1;
	padding: 3px 10px;
	width: 5rem;
	text-align: center;
	background: #ddd;
	font-size: .75rem !important;
}
.products-lineup dl dt {background: #aaa;color: #fff;	margin-right: 1px;}
.products-lineup dl dd {background: #f9f4dd;}

@media (min-width: 576px) {
.products-lineup > li {
    margin-top: 15px;
    margin-bottom: 15px;
	}
}
@media (max-width: 575px) {
.products-lineup > li {
    margin-top: 7px;
    margin-bottom: 7px;
	}
}

/* タブ */
#fukushi .products-tab-collapse .nav-item {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	text-align: center;
	margin: 0;
}

#fukushi .nav-tabs .nav-item.show .nav-link,#fukushi .nav-tabs .nav-link.active {
	background: #fff;
	color: #794A05;

}
#fukushi .tab-gray .nav-link.active,#fukushi .tab-gray .nav-link.show {
	background: #f9f4dd;
}
#fukushi .nav-tabs {border: none;margin: 0 -5px;}
#fukushi .nav-tabs .nav-link {
	font-size: 1.2rem;
	color: #fff;
	background: #aaa;
	padding:15px 10px;
	border: none;
	margin: auto 5px;
}


@media (min-width: 768px) {
	.tab-content .fukushi-unit {border: 10px #f0edda solid;padding: 60px;border-radius: 4px;}
	.products-tab-collapse .btn-collapse {display: none;}
	.products-tab-collapse .collapse:not(.show) {display: block;}
	.products-tab.nav-tabs {border: none;margin: 0 -7px;}
	.products-tab.nav-tabs .nav-link {border: none;background: #f0edda;}
	.products-tab.nav-tabs .nav-item {margin: 0 7px auto;color: black;flex-grow: 1;text-align: center;max-width: 565px;}
	.products-tab.nav-tabs .nav-item a {font-family: 'M PLUS Rounded 1c', sans-serif;padding: 15px 0;border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
	.products-tab.nav-tabs .nav-link.active {background-color: #f8f5eb;border:none;font-weight: 700;}
	.fukushi-tab-top .products-tab.nav-tabs {font-size: 1.25rem}
	.fukushi-tab-linebox .products-tab.nav-tabs .nav-link.active {background-color: #f0edda;}
	.fukushi-tab-linebox .products-tab.nav-tabs .nav-link {background-color: #ded8ae;}
}
@media (max-width: 767px) {
	.tab-content >.tab-pane {display: block;}
	.products-tab-collapse .products-tab {
		display: none;
	}
	.products-tab-collapse .btn-collapse {display: flex;margin:2px 0 0;background: #ED848C;transition: .3s ease-in-out;}
	.products-tab-collapse .btn-collapse:hover {background: #E0717A;}
	.products-tab-collapse .btn-collapse a {
		flex-grow:1;
		display: block;
		color: #fff;
		padding: 20px;
		text-decoration: none;
	}
	.products-tab-collapse button {background: transparent;border: none;padding: 5px 15px;}
	.products-tab-collapse .collapse-inner {padding: 0 15px;}
	.tab-content .container {padding: 15px;border-radius: 4px;}

}
/* 仕様 */
.products-table th,.products-table td {
	font-weight: normal;
	font-size: .875rem;
}
@media (min-width: 1200px) {
	.products-img {padding: 60px !important;}
}

@media (min-width: 576px) {
	.products-table th{width: 30%;color: #666;}
	.products-table td{width: 70%;}
}
@media (max-width: 575px) {
	.products-table th{width: 40%;color: #666;}
	.products-table td{width: 60%;}
}
@media (max-width: 360px) {
	.products-table th{width: 50%;color: #666;}
	.products-table td{width: 50%;}
}


/*=========================

業態別

=========================*/

.must-item > li > div {
	height: 100%;
	padding: 40px;
}
.must-item > li > div {border-bottom: dotted 2px #ddd;}
.must-item > li:last-child > div {border-bottom: none;}


.must-item strong {color: #ED848C;}
.gyotai-content > div:nth-child(odd) {
	background: #f8f8f8;
}
.gyotai-content ul li a.btn-sm,.item-list li a.btn-sm {
	margin-top: 0;
	margin-left: 0;
	background: #f8f5eb;
}
.gyotai-content > div:nth-child(odd) ul li a.btn-sm {
	background: #f0edda ;
}
@media screen and (min-width: 1200px){
	.container.narrow {
		max-width: 1110px;
	}
}
@media (min-width: 992px) {
	.must-item > li:nth-child(odd) > div {padding-left: 0px;}
	.must-item > li:nth-child(even) > div {padding-right: 0px;}
	.must-item > li:nth-child(odd) > div {border-right: dotted 2px #ddd;}
	.must-item > li:nth-child(odd):nth-last-child(2) > div {border-bottom: none;}
}
@media (max-width: 991px) {
	.must-item > li > div {padding: 30px 0;}
}
@media (max-width: 767px) {
	.must-item > li {padding: 40px 0;}
	.must-item > li > div img {width: 250px;}
}
