#contentLAYOUT section.page .content .column.back { flex: 1 0 auto; }
#contentLAYOUT section.page .content .column.back > .wrap { align-items: start; border: none;line-height: 0; padding: 0; height: 100%; }
#contentLAYOUT section.page .content .column.back button { color: #666666; font-size: max(2vh,16px); border-right: 1px solid #666666; height: -webkit-fill-available; writing-mode: vertical-lr; padding: max(4vh, 32px) max(2vh, 16px); }
#contentLAYOUT section.page .content .column.back button:hover { background-color: #FFFFFF; color: #000000; }

#contentLAYOUT section.page .content .column.cover { flex: 1 0 auto; flex-basis: max(40vw, 400px); }
#contentLAYOUT section.page .content .column.cover > .wrap { border-right: 1px solid #666666; }

#contentLAYOUT section.page .content .column.details { flex: 1 0 auto; flex-basis: max(60vw, 600px); }
#contentLAYOUT section.page .content .column.details > .wrap { align-items: flex-start; border-right: 1px solid #666666; }
#contentLAYOUT section.page .content .column.details .buyon { font-size: 0; line-height: max(3vh, 24px); margin-bottom: max(2vh, 16px); width: 100%; display: flex; flex-wrap: nowrap; gap: max(2vh, 16px); }
#contentLAYOUT section.page .content .column.details .buyon a { align-items: flex-start; font-size: max(2vh, 16px); display: inline-block; padding: max(.5vh, 4px) 0; border: 1px solid #FFFFFF; text-align: center; width: calc(50% - 2px - max(0.5vh, 4px)); }
#contentLAYOUT section.page .content .column.details .buyon a:hover { background: #FFFFFF; color: #000000; }
#contentLAYOUT section.page .content .column.details .infos { font-size: max(1.5vh, 12px); line-height: max(2vh, 16px); text-align: left; display: flex; flex-wrap: wrap; gap: max(2vh, 16px); width: 100%; }
#contentLAYOUT section.page .content .column.details .infos .info { flex: 40%; }
#contentLAYOUT section.page .content .column.details .infos .info span { display: block; }

#contentLAYOUT section.page .content .column .publisher { font-size: max(1vh, 8px); line-height: max(1vh, 8px);margin-bottom: max(1vh, 8px); text-align: left; }
#contentLAYOUT section.page .content .column .title { font-size: max(4vh, 32px); line-height: max(5vh, 40px);margin-bottom: max(1vh, 8px); text-align: left; }
#contentLAYOUT section.page .content .column .subtitle { font-size: max(3vh, 24px); line-height: max(3vh, 24px);margin-bottom: max(2vh, 16px); text-align: left; }
#contentLAYOUT section.page .content .column .price { font-size: max(2vh, 16px); line-height: max(2vh, 16px);margin-bottom: max(2vh, 16px); text-align: left; }


#contentLAYOUT section.page .content .column.txt { flex: 1 0 auto; flex-basis: max(40vw, 400px); }
#contentLAYOUT section.page .content .column.txt > .wrap { border-right: 1px solid #666666; }
#contentLAYOUT section.page .content .column.txt button { color: #ffffff; font-size: max(2vh,16px); border: 1px solid #ffffff; height: -webkit-fill-available; writing-mode: vertical-lr; margin: max(4vh, 32px) 0; transform: rotate(180deg); }
#contentLAYOUT section.page .content .column.txt button:hover { background-color: #ffffff; color: #000000; }

#contentLAYOUT section.page .content .column.txt { flex: 1 0 60%; }
#contentLAYOUT section.page .content .column.img { flex: 1 0 auto; flex-basis: max(40vw, 400px); }






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

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

@media screen and (max-width: 768px) {
  
  #contentLAYOUT section.page .content .column > .wrap {  }
  #contentLAYOUT section.page .content .column img { width: 100%; }
  
  #contentLAYOUT section.page .content .column.back > .wrap { border: none;  }
  #contentLAYOUT section.page .content .column.back button { width: 100%; height: auto; writing-mode: inherit; margin: 0; padding: max(2vh, 16px) max(4vh, 32px); border: none; border-bottom: 1px solid #666666; }

  #contentLAYOUT section.page .content .column.cover > .wrap { border: none; border-bottom: 1px solid #666666; }
  #contentLAYOUT section.page .content .column.details > .wrap { border: none; border-bottom: 1px solid #666666; }

  #contentLAYOUT section.page .content .column.txt > .wrap { border: none; border-bottom: 1px solid #666666; }

}

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



}

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

  
}