@charset "UTF-8";

#modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	z-index: 9001;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
}
#modal.is-active{
	opacity: 1;
	pointer-events: auto;
}

#modal .modal_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	/* max-width: 1000px; */
}
#modal .movie_container{
  width: auto;
  aspect-ratio: 16 / 9;
  max-height: 76vh;
  margin: 0 auto;
}
#modal .movie_container #modal_movie{
  width: 100%;
  height: 100%;
  border: none;
}

#modal .modal_close{
	position: absolute;
	top: -60px;
	right: 0;
	width: var(--px-52);
	height: var(--px-48);
	cursor: pointer;
	z-index: 1;
}
#modal .modal_close p{
	color: #ffffff;
	font-family: "Lato", serif;
	font-size: var(--px-14);
	font-weight: 300;
	letter-spacing: 0.18em;
	opacity: 0;
	transition: opacity 0.3s;
}
#modal .modal_close p{
	opacity: 1;
}
#modal .modal_close span{
	background-color: #ffffff;
	position: absolute;
	opacity: 0;
	bottom: var(--px-14-);
	left: 50%;
	width: 1px;
	height: 100%;
	transform: translate(-50%, 0) rotate(0deg);
	transition: opacity 0.3s, transform 0.3s;
}
#modal .modal_close span{
	opacity: 1;
}
#modal .modal_close span:nth-of-type(1){
	transform: translate(-50%, 0) rotate(65deg);
}
#modal .modal_close span:nth-of-type(2){
	transform: translate(-50%, 0) rotate(-65deg);
}

@media screen and (max-width : 767px) {

	#modal .modal_inner{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
	}
	#modal .modal_close{
		position: absolute;
		top: var(--px-32);
		right: var(--px-25);
		width: var(--px-52);
		height: var(--px-48);
		cursor: pointer;
	}
}




section[data-bg="bluegray"]{
  background-color: var(--color-bluegray);
}


@media screen and (min-width : 768px){

  main article{
    padding: var(--px-110) 0;
  }

  main .article_ttl h1 span{
    background-color: #aabebf;
    font-size: var(--px-16);
    font-weight: 400;
    letter-spacing: 0.18em;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
    padding: var(--px-13) var(--px-24);
  }
  main .article_ttl h2{
    font-feature-settings: 'palt';
    font-size: var(--px-38);
    font-weight: 400;
    letter-spacing: 0.18em;
    line-height: 1.5;
    margin: var(--px-30) 0;
  }
  main .article_ttl p{
    font-size: var(--px-24);
    letter-spacing: 0.13em;
    line-height: 1.7;
  }

  main .article_img {
    margin: var(--px-74) auto 0 auto;
    max-width: 960px;
    width: 80%;
  }
  main .article_img img{
    width: 100%;
    height: auto;
  }
  main .article_txt{
    margin: var(--px-48) 0 0 0;
  }
  main .article_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    text-align: justify;
  }
  main .article_txt p:nth-of-type(n+2){
    margin: var(--px-30) 0 0 0;
  }
  main .article_txt .article_txt_divider{
    border-top: 1px solid var(--color-bluegray);
    border-bottom: 1px solid var(--color-bluegray);
    padding: var(--px-30) 0;
    margin: var(--px-60) auto;
    width: 80%;
    max-width: 960px;
  }
  main .article_txt .article_txt_divider p:nth-of-type(n+2){
    margin: var(--px-12) 0 0 0;
  }
  main .article_txt p a{
    text-decoration: underline;
    word-break: break-all;
  }



	main .article_movie .article_movie_wrap {
    cursor: pointer;
    margin: 0 auto;
    max-width: 960px;
    line-height: 0;
    width: 80%;
    position: relative;
    overflow: hidden;
  }
	main .article_movie .article_movie_wrap::before {
		content: '';
		display: block;
		width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
    pointer-events: none;
  }
	main .article_movie .article_movie_wrap::after {
		content: '';
		display: block;
		width: var(--px-80);
		height: var(--px-80);
		background: url(/story/img/icon_play.svg) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s;
  }
	main .article_movie .article_movie_wrap:hover::after {
    opacity: 0.6;
  }
	main .article_movie .article_movie_thumb {
    width: 100%;
	}






  main .article_info{
    width: 80%;
    max-width: 960px;
    margin: var(--px-74) auto 0 auto;
  }
  main .article_info_wrap{
    box-sizing: border-box;
    padding: var(--px-40) var(--px-60);
    position: relative;
  }
  main .article_info_wrap::before,
  main .article_info_wrap::after{
    position: absolute;
    width: var(--px-56);
    height: var(--px-56);
    content: '';
  }
  main .article_info_wrap::before{
    border-left: solid 1px;
    border-top: solid 1px;
    top: 0;
    left: 0;
  }
  main .article_info_wrap::after{
    border-right: solid 1px;
    border-bottom: solid 1px;
    bottom: 0;
    right: 0;
  }
  main .article_info_wrap .article_info_ttl{
    font-size: var(--px-17);
    line-height: 1.76;
    margin-bottom: var(--px-12);
  }
  main .article_info_wrap .article_info_txt{
    font-size: var(--px-15);
    line-height: 3.06;
  }  

  main .article_info_link{
    margin: var(--px-32) 0 0 0;
  }
  main .article_info_link p{
    font-size: var(--px-15);
    line-height: 3.06;
  }

  main .article_info_link a,
  main .article_info_wrap .article_info_txt a{
    text-decoration: underline;
    word-break: break-all;
  }
  main .article_txt p a[target="_blank"]::after,
  main .article_info_link a[target="_blank"]::after,
  main .article_info_wrap .article_info_txt a[target="_blank"]::after,
  .related_shop .related_shop_link a[target="_blank"]::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--px-10);
    margin-bottom: var(--px-4);
    width: var(--px-15);
    height: var(--px-15);
    background-image: url(/common/img/icon_blank.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  main .article_info_link a[data-type="pdf"]::after,
  main .article_info_wrap .article_info_txt a[data-type="pdf"]::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--px-10);
    margin-bottom: var(--px-4);
    width: var(--px-13);
    height: var(--px-18);
    background-image: url(/common/img/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }


  .prod{
    margin: var(--px-110) 0 0 0;
    padding: var(--px-100) 0;
  }
  .prod h3{
    margin: 0 0 var(--px-40) 0;
  }
  .prod h3 span{
    font-size: var(--px-48);
    font-weight: 400;
    letter-spacing: 0.18em;
  }
  .prod p.prod_txt{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    margin: 0 0 var(--px-72) 0;
  }
  .prod .prod_wrap{
    display: flex;
    gap: var(--px-60);
  }
  .prod .prod_wrap .prod_img{
    width: var(--px-480);
  }
  .prod .prod_wrap .prod_img img{
    aspect-ratio: 718 / 594;
    width: 100%;
    height: auto;
  }
  .prod .prod_wrap .prod_desc{
    border-top: 1px solid #dee4e5;
    width: calc(100% - var(--px-540));
  }
  .prod .prod_wrap .prod_desc .prod_unit{
    border-bottom: 1px solid #dee4e5;
    box-sizing: border-box;
    padding: var(--px-10);
  }
  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"]{
    display: flex;
  }

  .prod .prod_wrap .prod_desc .prod_unit dl{
    box-sizing: border-box;
    display: flex;
    gap: var(--px-54);
    padding: var(--px-30) 0;
  }
  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"] dl{
    width: 50%;
  }
  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"] dl:nth-child(2){
    border-left: 1px solid #dee4e5;
    padding-left: var(--px-30);
  }
  .prod .prod_wrap .prod_desc .prod_unit dl dt{
    font-size: var(--px-18);
    letter-spacing: 0.18em;
    line-height: 2.33;
    min-width: var(--px-36);
    white-space: nowrap;
  }
  .prod .prod_wrap .prod_desc .prod_unit dl dd{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    margin: 0.2em 0 0 0;
  }
  .prod .prod_wrap .prod_desc .prod_link{
    margin: var(--px-54) 0 0 0;
  }
  .prod .prod_wrap .prod_desc .prod_link a.more_link{
    width: var(--px-250);
  }


  .related{
    padding: var(--px-60) 0;
  }
  .related .related_wrap{
    display: flex;
    gap: var(--px-110);
  }

  .related .related_wrap .related_unit{
    width: calc(100% - var(--px-480));
  }
  .related .related_wrap .related_unit h4{
    margin: 0 0 var(--px-40) 0;
  }
  .related .related_wrap .related_unit h4 span{
    font-size: var(--px-28);
    font-weight: 400;
    line-height: 1.57;
  }
  .related .related_wrap .related_unit .related_txt{
    display: flex;
    flex-direction: column;
    gap: var(--px-20);
  }
  .related .related_wrap .related_unit .related_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    text-align: justify;
  }

  .related .related_wrap .related_img{
    width: var(--px-370);
  }
  .related .related_wrap .related_img img{
    width: 100%;
    height: auto;
  }
  .related .related_wrap .related_img img:first-child{
    margin-bottom: var(--px-10);
  }

  .related .related_link{
    margin: var(--px-140) 0 0 0;
  }
  .related .related_link a.more_link{
    margin: 0 auto;
    width: var(--px-400);
  }



  
  .fsb{
    margin: var(--px-74) auto 0 auto;
  }
  .fsb .fsb_wrap{
    display: flex;
    gap: var(--px-10);
  }

  .fsb .fsb_wrap .fsb_unit{
    width: calc(100% - var(--px-480));
  }

  .fsb .fsb_wrap .fsb_img{
    width: 100%;
  }
  .fsb .fsb_wrap .fsb_img img{
    width: 100%;
    height: auto;
  }

  .menu_ttl{
    font-size: var(--px-17);
    line-height: 1.76;
    margin-bottom: var(--px-12);
  }
  .menu_txt{
    font-size: var(--px-15);
    line-height: 3.06;
  }
  .menu_txt_r{
    text-align: right;
    font-size: var(--px-13);
    letter-spacing: 0.18em;
    line-height: 1.5;
  }

  .related_shop{
    padding: 0 0 var(--px-60);
  }
  .related_shop .related_shop_wrap{
    display: flex;
    gap: var(--px-110);
  }

  .related_shop .related_shop_wrap .related_shop_unit{
    width: calc(100% - var(--px-480));
  }
  .related_shop .related_shop_wrap .related_shop_unit h4{
    margin: 0 0 var(--px-40) 0;
  }
  .related_shop .related_shop_wrap .related_shop_unit h4 span{
    font-size: var(--px-28);
    font-weight: 400;
    line-height: 1.57;
  }
  .related_shop .related_shop_wrap .related_shop_unit .related_shop_txt{
    display: flex;
    flex-direction: column;
  }
  .related_shop .related_shop_wrap .related_shop_unit .related_shop_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    text-align: justify;
  }

  .related_shop .related_shop_wrap .related_shop_img{
    width: var(--px-370);
  }
  .related_shop .related_shop_wrap .related_shop_img img{
    width: 100%;
    height: auto;
  }
  .related_shop .related_shop_wrap .related_shop_img img:first-child{
    margin-bottom: var(--px-10);
  }

  .related_shop .related_shop_link{
    margin: var(--px-140) 0 0 0;
  }
  .related_shop .related_shop_link a.more_link{
    margin: 0 auto;
    width: var(--px-400);
  }
  .related_shop .related_shop_link .related_shop_link_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    text-align: center;
  }
  .shop_ttl{
    font-size: var(--px-17);
    line-height: 1.76;
  }
  .shop_name{
    font-size: var(--px-17);
    line-height: 1.76;
    font-weight: 600;
  }


}

@media screen and (max-width : 767px){

  main article{
    padding: var(--px-62) 0 var(--px-120) 0;
  }

  main .article_ttl h1 span{
    background-color: #aabebf;
    font-feature-settings: 'palt';
    font-size: var(--px-13);
    font-weight: 400;
    letter-spacing: 0.18em;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
    padding: var(--px-14) var(--px-16);
  }
  main .article_ttl h2{
    font-feature-settings: 'palt';
    font-size: var(--px-21);
    font-weight: 400;
    letter-spacing: 0.18em;
    line-height: 1.5;
    margin: var(--px-30) 0 var(--px-16) 0;
  }
  main .article_ttl p{
    font-size: var(--px-16);
    letter-spacing: 0.13em;
    line-height: 1.6;
  }

  main .article_img{
    margin: var(--px-32) 0 0 0;
  }
  main .article_img img{
    width: 100%;
    height: auto;
  }
  main .article_txt{
    margin: var(--px-36) 0 0 0;
    padding: 0 var(--px-20);
  }
  main .article_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.1;
    /* text-align: justify; */
  }
  main .article_txt p:nth-of-type(n+2){
    margin: var(--px-30) 0 0 0;
  }
  main .article_txt .article_txt_divider{
    border-top: 1px solid var(--color-bluegray);
    border-bottom: 1px solid var(--color-bluegray);
    padding: var(--px-30) 0;
    margin: var(--px-60) auto;
    width: 100%;
  }
  main .article_txt .article_txt_divider p:nth-of-type(n+2){
    margin: var(--px-12) 0 0 0;
  }
  main .article_txt p a{
    text-decoration: underline;
    word-break: break-all;
  }


	main .article_movie .article_movie_wrap {
    cursor: pointer;
    margin: 0 auto;
    max-width: 100%;
    line-height: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
	main .article_movie .article_movie_wrap::before {
		content: '';
		display: block;
		width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
    pointer-events: none;
  }
	main .article_movie .article_movie_wrap::after {
		content: '';
		display: block;
		width: var(--px-50);
		height: var(--px-50);
		background: url(/story/img/icon_play.svg) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s;
  }
	main .article_movie .article_movie_wrap:hover::after {
    opacity: 0.6;
  }
	main .article_movie .article_movie_thumb {
    width: 100%;
	}


  main .article_info{
    margin: var(--px-56) 0 0 0;
  }
  main .article_info_wrap{
    padding:  var(--px-30) var(--px-24);
    position: relative;
  }
  main .article_info_wrap::before,
  main .article_info_wrap::after{
    position: absolute;
    width: var(--px-36);
    height: var(--px-36);
    content: '';
  }
  main .article_info_wrap::before{
    border-left: solid 1px;
    border-top: solid 1px;
    top: 0;
    left: 0;
  }
  main .article_info_wrap::after{
    border-right: solid 1px;
    border-bottom: solid 1px;
    bottom: 0;
    right: 0;
  }
  main .article_info_wrap .article_info_ttl{
    font-size: var(--px-17);
    line-height: 1.76;
    margin-bottom: var(--px-35);
  }
  main .article_info_wrap .article_info_txt{
    font-size: var(--px-15);
    line-height: 2;
  }

  main .article_info_link{
    margin: var(--px-32) 0 0 0;
  }
  main .article_info_link p{
    font-size: var(--px-15);
    line-height: 2;
  }

  main .article_info_link a,
  main .article_info_wrap .article_info_txt a{
    text-decoration: underline;
    word-break: break-all;
  }
  main .article_txt p a[target="_blank"]::after,
  main .article_info_link a[target="_blank"]::after,
  main .article_info_wrap .article_info_txt a[target="_blank"]::after,
  .related_shop .related_shop_link a[target="_blank"]::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--px-10);
    margin-bottom: var(--px-4);
    width: var(--px-15);
    height: var(--px-15);
    background-image: url(/common/img/icon_blank.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  main .article_info_link a[data-type="pdf"]::after,
  main .article_info_wrap .article_info_txt a[data-type="pdf"]::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--px-10);
    margin-bottom: var(--px-4);
    width: var(--px-13);
    height: var(--px-18);
    background-image: url(/common/img/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }



  .prod{
    margin: var(--px-54) 0 0 0;
    padding: var(--px-72) 0;
  }
  .prod .inner{
    box-sizing: border-box;
    padding: 0 var(--px-20);
  }

  .prod h3{
    line-height: 1;
    margin: 0 0 var(--px-30) 0;
  }
  .prod h3 span{
    font-size: var(--px-32);
    font-weight: 400;
    letter-spacing: 0.18em;
  }
  .prod p.prod_txt{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    margin: 0 0 var(--px-24) 0;
  }

  .prod .prod_img{
    margin: 0 0 var(--px-32) 0;
    width: 100%;
  }
  .prod .prod_img img{
    width: 100%;
    height: auto;
  }

  .prod .prod_wrap .prod_desc{
    border-top: 1px solid #dee4e5;
  }
  .prod .prod_wrap .prod_desc .prod_unit{
    border-bottom: 1px solid #dee4e5;
    box-sizing: border-box;
  }
  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"]{
    padding: 0;
  }

  .prod .prod_wrap .prod_desc .prod_unit dl{
    box-sizing: border-box;
    padding: var(--px-30) 0;
  }
  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"] dl:nth-child(1){
    border-bottom: 1px solid #dee4e5;
  }

  .prod .prod_wrap .prod_desc .prod_unit dl dt{
    font-size: var(--px-16);
    font-weight: 500;
    letter-spacing: 0.18em;
    line-height: 2.18;
    margin: 0 0 var(--px-5) 0;
  }
  .prod .prod_wrap .prod_desc .prod_unit dl dd{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
  }
  .prod .prod_wrap .prod_desc .prod_link{
    margin: var(--px-20) 0 0 0;
  }
  .prod .prod_wrap .prod_desc .prod_link a.more_link{
    /* width: var(--px-250); */
  }


  .related{
    padding: var(--px-36) 0 0 0;
  }
  .related .inner{
    box-sizing: border-box;
  }

  .related .related_wrap{
    display: flex;
    flex-direction: column-reverse;
    padding: 0 var(--px-20);
  }

  .related .related_wrap .related_unit h4{
    line-height: 1;
    margin: 0 0 var(--px-20) 0;
  }
  .related .related_wrap .related_unit h4 span{
    font-size: var(--px-24);
    font-weight: 500;
    letter-spacing: 0.14em;
    line-height: 1.67;
  }
  .related .related_wrap .related_unit .related_txt{
    display: flex;
    flex-direction: column;
    gap: var(--px-20);
  }
  .related .related_wrap .related_unit .related_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.1;
    text-align: justify;
  }

  .related .related_wrap .related_img{
    margin: 0 0 var(--px-24) 0;
    text-align: center;
  }
  .related .related_wrap .related_img img{
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .related .related_wrap .related_img img:first-child{
    margin-bottom: var(--px-10);
  }

  .related .related_link{
    margin: var(--px-86) 0 0 0;
  }
  .related .related_link a.more_link{
    margin: 0 auto;
    width: 100%;
  }
  .menu_ttl{
    font-size: var(--px-16);
    line-height: 1.76;
    margin-bottom: var(--px-8);
  }
  .menu_txt{
    font-size: var(--px-15);
    line-height: 2;
  }  
  .menu_txt_r{
    text-align: right;
    font-size: var(--px-13);
    letter-spacing: 0.18em;
    line-height: 1.5;
  }
  

  .fsb{
    margin: var(--px-32) 0 0 0;
  }
  .inner .fsb {
    box-sizing: border-box;
    padding: 0 var(--px-20);
  }

  .fsb .fsb_wrap{
    display: flex;
    flex-direction: column;
  }

  .fsb .fsb_wrap .fsb_img{
    margin: 0 0 var(--px-10) 0;
    width: auto;
    text-align: center;
  }
  .fsb .fsb_wrap .fsb_img img{
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .related_shop{
    padding: var(--px-56) 0;
  }
  .related_shop .inner{
    box-sizing: border-box;
  }

  .related_shop .related_shop_wrap{
    display: flex;
    flex-direction: column;
    padding: 0 var(--px-20);
  }

  .related_shop .related_shop_wrap .related_shop_unit h4{
    line-height: 1;
    margin: 0 0 var(--px-20) 0;
  }
  .related_shop .related_shop_wrap .related_shop_unit h4 span{
    font-size: var(--px-24);
    font-weight: 500;
    letter-spacing: 0.14em;
    line-height: 1.67;
  }
  .related_shop .related_shop_wrap .related_shop_unit .related_shop_txt{
    display: flex;
    flex-direction: column;
  }
  .related_shop .related_shop_wrap .related_shop_unit .related_shop_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.1;
    text-align: justify;
  }

  .related_shop .related_shop_wrap .related_shop_img{
    margin: var(--px-24) 0 0 0;
    text-align: center;
  }
  .related_shop .related_shop_wrap .related_shop_img img{
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .related_shop .related_shop_link{
    margin: var(--px-86) 0 0 0;
    padding: 0 var(--px-20);
  }
  .related_shop .related_shop_link a.more_link{
    margin: 0 auto;
    width: 100%;
  }
  .shop_ttl{
    font-size: var(--px-16);
    line-height: 1.76;
  }
  .shop_name{
    font-size: var(--px-15);
    line-height: 1.76;
    font-weight: 600;
  }  
  .related_shop .related_shop_link .related_shop_link_txt p{
    font-size: var(--px-15);
    letter-spacing: 0.18em;
    line-height: 2.33;
    text-align: center;
  }


}

@media screen and (min-width: 768px) and (max-width: 1279px){

  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"]{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"] dl{
    width: 100%;
    padding: var(--px-30) var(--px-10);
  }
  .prod .prod_wrap .prod_desc .prod_unit[data-clm="2"] dl:nth-child(2){
    border-left: none;
    border-top: 1px solid #dee4e5;
    padding-left: var(--px-10);
  }

}