/* product */
.product__in { max-width: 1392px; margin: 0 auto; }
.product__in h3 { font-weight: bold; font-size: 2rem; color: #000; margin-bottom: 15px; }
@media (max-width: 1199px) { .product__in { max-width: 90%; } }
@media (max-width: 599px) { .product h3 { font-size: 22px; } }

.proSlider { position: relative; margin-bottom: 50px; }
.proSlider:before, .proSlider:after { content: " "; display: table; }
.proSlider:after { clear: both; }
.proSlider .slick-slide { position: relative; }
.proSlider .slick-slide:hover .proSlider__mask { opacity: 0; }
.proSlider .slick-slide { margin-left: 12px; }
.proSlider .slick-list { margin-left: -12px; }
.proSlider__caption { width: 100%; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; margin: auto; position: absolute; left: 0; right: 0; z-index: 3; font-weight: bold; color: #F5F5F5; line-height: 1em; }
.proSlider__caption h3 { font-size: 2.4305555556vw; margin-bottom: 2.0833333333vw; line-height: 56px; text-align: center; text-shadow: black 0em 0em 0.2em; }
.proSlider__mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; z-index: 2; transition: opacity 0.5s; }
.proSlider__btn { width: 100%; max-width: 50px; }
.proSlider__btn img, .proSlider__btn svg { width: 100%; }
.proSlider .slick-current.slick-active.slick-center .proSlider__mask { opacity: 0; }
@media (max-width: 599px) { .proSlider__caption h3 { font-size: 4.8611111111vw; }
  .proSlider__btn { max-width: 40px; } }

.proViewSlider { margin-bottom: 12px; }
.proViewSlider .slick-dots { line-height: 1em; padding: 2.0833333333vw 0; bottom: 0; }
.proViewSlider .slick-dots button:before { color: #fff; font-size: 16px; opacity: 1; }
.proViewSlider .slick-dots .slick-active button:before { color: #B32223; }

.proDetail { padding: 30px 0; overflow: hidden; }
.proDetail--bg { background: url(../images/product/proDetail_bg-80.jpg) 0 0 repeat; }
.proDetail__in { max-width: 1392px; margin: 0 auto; }
.proDetail__fooding { display: flex; justify-content: space-between; margin-bottom: 30px; }
.proDetail__fooding > div { flex: 0 1 574px; }
.proDetail__fooding h4 { padding: 15px 20px; font-weight: bold; font-size: 22px; line-height: 32px; color: #000; border-bottom: 2px solid #000; }
.proDetail__fooding p { margin: 0; padding: 15px 20px; font-size: 16px; line-height: 1em; color: #666; border-bottom: 1px dotted #999999; }
.proDetail__cook h4 { padding: 15px 20px; font-weight: bold; font-size: 22px; line-height: 32px; color: #000; border-bottom: 2px solid #000; border-bottom: 2px solid #000; }
.proDetail__cook p { margin: 0; padding: 15px 20px; font-size: 16px; line-height: 2.5em; color: #666; }
.proDetail__other { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media (max-width: 899px) { .proDetail__in { max-width: 90%; }
  .proDetail__fooding { flex-direction: column; }
  .proDetail__fooding > div { width: 100%; flex: 1 0 100%; }
  .proDetail__fooding > div + div { margin-top: 30px; } }

.proOtherItem { /*display: flex; flex-direction: column; flex: 0 1 24%;*/ width: 24%; position: relative; }
.proOtherItem:nth-child(4n) { margin-right: 0; }
.proOtherItem:hover .proOtherItem__name { color: #AD0101; }
.proOtherItem__name { font-weight: bold; font-size: 1.125rem !important; line-height: 1.25em; color: #000; transition: color 0.5s; }
.proOtherItem__pic { margin-bottom: 1.3888888889vw; }
.proOtherItem__pic img { dispay: block; }
.proOtherItem__link { width: 100%; height: 100%; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 0; left: 0; z-index: 1; }
@media (max-width: 899px) { .proOtherItem { display: flex; flex-direction: column; flex: 0 1 48%; } }