@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	XX COMMON
	00 section_detail
		00_01 detail_photo
		00_02 detail_info
			00_02_01 info_data
			00_02_02 info_comment
			00_02_03 info_taglink
			00_02_04 info_stylingItem
	01 section_otherStyle
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* XX COMMON
---------------------------------------------------------------- */
body{
	font-size: 12px;
	line-height: 1.5;
}

/* ---------------- CommonLayout ---------------- */
.staffcoordinate {
	width:980px;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
}
.staffblog {
	width:980px;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
}
.staffblog .page-title {
	color: #000;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 10px;
}
.section_heading {
	text-align:left;
}
.section_heading_textArea {
	font-size:20px;
	font-weight:bold;
}
.section_wrap {}
.section_wrap a:not(.otherStyle_moreBtn_link) {
	display:block;
}
.cols2 {
	width:50%;
}
.cols3 {
	width:33.33333333%;
}
.cols4 {
	width:25%;
}
.cols5 {
	width:20%;
}
.stylingArea_stock_item {
	display: inline-block;
}
.stylingArea_stock_item select{
	display: inline-block;
	width: 180px;
	max-width: 180px;
	height: 34px;
	font-size: 12px;
	line-height: 1;
	background: none transparent;
	padding: 10px 30px 10px 12px;
	margin: 0;
	border: 1px solid #707070;
}
.stylingArea_stock_item:after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 8px;
	height: 8px;
	margin: 11px 0 0 -21px;
	border-top:1px solid #707070;
	border-right:1px solid #707070;
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		 -o-transform: rotate(135deg);
			transform: rotate(135deg);
}
/*---------------- Slick -----------------*/
/*---------------- ControlNav ----------------*/
.slick_ctriNav_btnArea {
	position:absolute;
	top:50%;
	z-index:100;
	margin-top:-15%;
}
.slick_ctrlNav_prev {
	left:0;
}
.slick_ctriNav_next {
	right:0;
}
/*---------------- ThumbNav ----------------*/
.slick-dots {
	display:flex !important;
	flex-wrap:wrap;
	margin-right:-5px;
	margin-left:-5px;
}
.slick-dots li {
	margin-top:10px;
	width: calc((490px - 60px)/6);
	margin: 10px 5px 0 5px;
}
.slick-dots .slick_crtlThumb_innerBox {
	display:none;
	/* padding:0 5px; */
}
.slick-dots .slick-active img {
	transition:all 300ms 0s ease;
	opacity:0.8;
}
/* ---------------- CommonItemsStyle ---------------- */
.item_list {
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px;
}
.item_listItem {
	position:relative;
}
.item_innerBox {
	padding: 0;
	margin-bottom: 25px;
	text-align: left;
}

.staffblog_list.item_list.brandStyle_list > li {
	position: relative;
	counter-increment: number;
}

.staffblog_list.item_list.brandStyle_list > li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: rgba(255,255,255,0.6) transparent transparent transparent;
}

.staffblog_list.item_list.item_list.brandStyle_list > li::after {
	content: counter(number);
	position: absolute;
	top: 5px;
	left: 7px;
}

.item_photoArea {}
.item_photoImg,
.item_info_logoImg {
	width:100%;
	height:auto;
}
/*
.item_photoImg:hover,
.item_info_logoImg:hover {
	opacity:0.7;
}
*/
.item_photoImg:hover{
	opacity:0.7;
}
.radiusImg {
	border-radius:100%;
}
/*.item_photoArea + .item_infoArea {
	margin-top:10px;
}*/
.item_infoArea {
	margin-top:12px;
}
.item_info_logoArea {}
.item_infoArea > .item_info_logoArea {
	width:60px;
	display:table-cell;
}
.item_info_textArea {}
.item_info_logoArea + .item_info_textArea {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}
.info_textWrap {}
.info_textItem {
	line-height: 1.5;
}
.info_textItem + .info_textItem {
	margin-top:5px;
}
.info_textItem_textArea {
	display:block;
	text-align:left;
}

/* 00 section_detail
---------------------------------------------------------------- */
.section_detail {
	display:flex;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
	word-break:break-all;
	margin:0 auto;
}
/* 00_01 detail_photo
---------------------------------------- */
.detail_photo {
	flex-basis: 480px;
	-ms-flex-preferred-size: 480px;
	-webkit-flex-basis: 480px;
	max-width: 480px;
	position:relative;
	margin:0;
}
.detail_photo_list {}
.detail_photo_listItem {}
.detail_photo_img {}

/* 00_02 detail_info
---------------------------------------- */
.detail_info {
	flex-basis:450px;
	-ms-flex-preferred-size:450px;
	-webkit-flex-basis:450px;
	max-width:450px;
	text-align:left;
	margin:0 0 0 auto;
}
.staffblog .detail_info {
	flex: none;
	display: block;
	width:100%;
	max-width:none;
}
.staffblog .detail_info p{
	padding: 0;
	line-height: 2;
}

.detail_info_item {
	border-top: solid 1px #CCCCCC;
	padding-top: 40px;
}

.detail_info_item img{
	max-width: 100%;
	height:auto;
}

.boxtype-1 ul >li >div{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.content-area-product{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.boxtype-1-list{
	padding-bottom: 20px;
}

.boxtype-1-list li > div {
	margin-bottom:30px
}
.boxtype-1 ul >li > .content-area-product{
	width:50%;
	margin: 0;
}
.boxtype-2-list  {
	padding-bottom:20px;
}
.boxtype-2-list li > div{
	margin-bottom:30px;
}
.boxtype-3-list{
	display:flex;
}
.boxtype-3-list li {
	width:50%;
}
.boxtype-3-list li > div{
	margin-bottom: 20px;

}
.boxtype-3-list li:nth-child(2n) >div{
	padding:0 0 30px 15px;
}
.boxtype-3-list li:nth-child(2n-1) >div{
	padding:0 15px 30px 0;
}
.boxtype-3 ul >li > .content-area-product{
	width:50%;
}

.boxtype-3 ul >li > .content-area-product{
	width:100% !important;
}
.boxtype-4-list{
	display:flex;
}
.boxtype-4-list li {
	width:50%;
}

.boxtype-4-list li:nth-child(2n) >div{
	padding:0 0 30px 15px;
}
.boxtype-4-list li:nth-child(2n-1) >div{
	padding: 0 15px 30px 0;
}

.boxtype-4 ul >li:nth-child(2n) >.content-area-product{
	width:100% !important;
	padding: 0 0 0 10px !important;
}
.boxtype-4 ul >li:nth-child(2n-1) >.content-area-product{
	width:100% !important;
	padding: 0 10px 0 0 !important;
}
.boxtype-1 ul > li > div > div{
	flex-basis: 50%;
	max-width: 50%;
}
.ss-content-product-img{
	width: 120px !important;
	max-width: 120px !important;
	flex-basis: 120px !important;
}
.ss-content-product-info{
	width: 360px !important;
	flex-basis: 360px !important;
	max-width: 360px !important;
	padding-left: 20px;
}
.boxtype-1 .ss-content-product-info{
	padding-left:10px;
}
.boxtype-2 .ss-content-product-info{
	padding-left:10px;
}

.staffblog .detail_info .ss-content-product-info p{
	padding:0;
	line-height: 1.4;
}
.ss-product-label{
	font-size:10px;
	margin-bottom: 5px;
}
.ss-product-name{
	font-size:14px;
	margin-bottom: 5px;
}
.ss-product-price{
	font-size:14px;
}
.boxtype-4 ul {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.boxtype-4 ul > li {
	flex-basis: 50%;
	max-width: 50%;
	padding-bottom: 20px;
}

.boxtype-4-list li:nth-child(2n) >div{
	padding:0 0 20px 15px;
}
.boxtype-4-list li:nth-child(2n-1) >div{
	padding: 0 15px 30px 0;
}
.detail_info_item + .detail_info_item {
	border-top:1px solid #000;
	margin-top:40px;
	padding-top:30px;
}

.item_detail_sns {
	border-top: none;
	margin-top: 40px;
}

.styling_detail .detail_info_item + .detail_info_item {
	border-top: none;
	padding-top: 0;
}

/* 00_02_01 info_data
-------------------------------- */
.info_data {}
.info_data_logoArea,
.info_data_textArea {
	display:table-cell;
}
.info_data_logoArea {
	width: 60px;
}
.info_data_textArea {
	vertical-align:middle;
	padding-left:20px;
}
.info_data_logoImg {}
.info_data_item {}
.staffName {}
.brandName {}
.staffName + .brandName {
	margin-top:5px;
}
.shopName {margin-top: 5px;}
.staffHeight {}
.shopName + .staffHeight {
	margin-top:5px;
}
.officialBlog {}
* + .officialBlog {
	margin-top:10px;
}
.info_data_item_textArea {
	display:inline-block;
	font-size: 16px;
	line-height:1.2;
}
a:hover .info_data_item_textArea {
	text-decoration:underline;
}
.text_staffName {
	font-size:18px;
	font-weight:bold;
}
.text_brandName {
	font-size: 12px;
	line-height: 1.35;
}

.item_info_textArea {
	font-size: 12px;
	line-height: 1;
}
.item_info_textArea .text_shopName {
	font-size:12px;
}
.item_info_textArea .text_shopName {
	display:block;
	max-height:29.4px;
	max-height:calc(2em + 5.4px);
	max-height:-o-calc(2em + 5.4px);
	max-height:-ms-calc(2em + 5.4px);
	max-height:-moz-calc(2em + 5.4px);
	max-height:-webkit-calc(2em + 5.4px);
	text-align:left;
	line-height:1.3;
	overflow:hidden;
	position:relative;
}
.item_info_textArea .text_shopName:before,
.item_info_textArea .text_shopName:after {
	background:#fff;
	position:absolute;
}
.item_info_textArea .text_shopName:before {
	content:"...";
	height:100%;
	top:15.6px;
	top:calc(1em + 3.6px);
	top:-o-calc(1em + 3.6px);
	top:-ms-calc(1em + 3.6px);
	top:-moz-calc(1em + 3.6px);
	top:-webkit-calc(1em + 3.6px);
	right:0;
}
.item_info_textArea .text_shopName:after {
	content:"";
	width:100%;
	height:100%;
}
.staffblog .item_info_textArea .text_shopName {
	font-size: 16px;
}
.text_staffHeight {}
.text_officialBlog {
	display:inline-block;
	color:#fff;
	font-size:12px;
	border:1px solid #000;
	border-radius:5px;
	box-sizing:border-box;
	background:#000;
	transition:all 100ms 0s ease;
	padding:5px 50px;
}
a:hover .text_officialBlog {
	text-decoration:none;
}
.text_officialBlog:hover {
	color:#000;
	border:1px solid #000;
	border-radius:5px;
	box-sizing:border-box;
	background:#fff;
}
/* 00_02_02 info_comment
-------------------------------- */
.info_comment {}
.info_comment_item {}
.info_itemComment_textArea {}
.text_commentDate {
	font-size: 10px;
	color: #808080;
}
.modelHeight{
	margin-top:15px;
}
.text_commentText {
	line-height: 2;
}
.commentDate + .commentText {
	margin-top:12.8px;
	margin-top:calc(20px - (((12px * 1.6) - 12px) / 2));
	margin-top:-o-calc(20px - (((12px * 1.6) - 12px) / 2));
	margin-top:-ms-calc(20px - (((12px * 1.6) - 12px) / 2));
	margin-top:-moz-calc(20px - (((12px * 1.6) - 12px) / 2));
	margin-top:-webkit-calc(20px - (((12px * 1.6) - 12px) / 2));
}
/* 00_02_03 info_taglink
-------------------------------- */
.info_taglink {
	margin-top: 30px;
}
.info_taglink_container {}
.info_taglink_list {
	display:flex;
	flex-wrap:wrap;
	margin-top:-10px;
}
.info_taglink_listItem {
	line-height:2;
	margin-top: 5px;
	margin-right: 5px;
}
.info_taglink_textArea {
	display:inline-block;
	border:1px solid #F1F1F1;
	border-radius:3px;
	box-sizing:border-box;
	background:#F1F1F1;
	transition:all 100ms 0s ease;
	padding:2px 25px;
}
a:hover .info_taglink_textArea {
	text-decoration:none;
}
.info_taglink_textArea:hover {
	color:#fff;
	border:1px solid #000;
	box-sizing:border-box;
	background:#000;
}
/* 00_02_04 info_stylingItem
-------------------------------- */
.info_stylingItem {}
.info_stylingItem_heading {
	font-size: 14px;
	margin-bottom: 15px;
}
.info_stylingItem_container {}
.info_stylingItem_heading + .info_stylingItem_container {}
.info_stylingItem_list {}
.info_stylingItem_listItem {
	margin-top:20px;
}
.info_stylingItem_item {
	margin-top: 15px;
	line-height: 1.2;
}
.info_stylingItem_item + .info_stylingItem_item {
	margin-top:5px;
}
.info_stylingItem_item_textArea {
	display:block;
}
.stylingItem_photo {
	width: 170px;
}
.item_photoImg {}
.stylingItem_name {

}
.text_itemName {

}

.info_stylingItem_item_textArea.text_itemName:after {
	content:"";
	width:100%;
	height:100%;
}
.stylingItem_price {}
.text_itemPrice {}


/* XX section_otherStyle/section_brandStyle Common
---------------------------------------------------------------- */
.otherStyle_heading,
.brandStyle_heading {
	font-size:24px;
	margin-bottom:35px;
}
.otherStyle_list,
.brandStyle_list {
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px !important;
}
.otherStyle_list .item_innerBox,
.brandStyle_list .item_innerBox {
	text-align:left;
	margin-bottom:0;
}
.otherStyle_listItem,
.brandStyle_listItem {
	width:188px;
	margin:0 5px;
}
.otherStyle_moreBtn {
	text-align:center;
	margin-top:60px;
}
.otherStyle_moreBtn_link {
	display:inline-block;
	width:220px;
}
a.otherStyle_moreBtn_link {
	text-decoration:none;
}
.otherStyle_moreBtn_textArea {
	display:block;
	font-size:11px;
	line-height:1;
	border:1px solid #707070;
	border-radius:5px;
	box-sizing:border-box;
	letter-spacing:normal;
	padding:11px 10px;
	transition:all 100ms 0s ease;
}
.otherStyle_moreBtn_link:hover .otherStyle_moreBtn_textArea {
	color:#fff;
	background:#707070;
}

/* 01 section_otherStyle
---------------------------------------------------------------- */
.section_otherStyle {}
.otherStyle {}
.otherStyle_heading a,.brandStyle_heading a {
	display: inline-block !important;
	font-size: 12px;
	font-weight: normal;
	margin-left:10px;
}
.otherStyle_heading a:before,.brandStyle_heading a:before {
	content:"";
	display:inline-block;
	margin: 0 3px 1px 0;
	width:6px;
	height:6px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	transform: rotate(45deg);
	vertical-align:baseline;
}
.otherStyle_container {}
.otherStyle_heading + .otherStyle_container {
}
.otherStyle_list {}
.otherStyle_listItem {}
.otherStyle_listItem img{
	margin-bottom: 10px;
}
.otherStyle_listItem .item_info_logoImg {
	margin-bottom: 0;
}
.otherStyle_blogTitle{
	margin-bottom:8px;
	line-height:1.4;
}
.otherStyle_blogDate{
	color:#808080;
}
.otherStyle_moreBtn {}


/*==== 共通 ====*/
#loading{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	z-index: 10000;
	background: rgba(0,0,0,0.5);
}
.loader {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.detail_date {
	color: #808080;
	margin-bottom: 20px;
}

.staffblog_sns {
	display: flex;
	min-height:28px;
	align-items: center;
}

.staffblog_sns > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding-left: 40px;
}

.staffblog_sns > li + li {
	margin-left: 40px;
}

.facebook::before {
	content: "";
	background: #3b5998 url(/static/common/icon/icon-facebook-white.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	display: block;
	left: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.twitter::before {
	content: "";
	background: #55acee url(/static/common/icon/icon-twitter-white.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	display: block;
	left: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.staffblog_otherStyle {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding-top: 30px;
	border-top: solid 1px #ccc;
}

.styling_top.detail_info_item {
	border: none;
	padding-top: 0;
}

.stylingArea_item + .stylingArea_item {
	margin-top:20px;
}
.stylingArea_info {
	display: flex;
}

.stylingArea_photo {
	width: 150px;
	height: 150px;
	background: #f5f5f5;
}
.stylingArea_photo img {
    display: block;
    height: 100%;
    width: auto;
    margin: auto;
}

.styling_textArea {
	margin-left: 10px;
}

.stylingArea_stock_list {
	display: flex;
	justify-content: start;
	margin-top: 20px;
}

.stylingArea_stock_item {
	width: 180px;
	margin-right: 10px;
}

.button_cart {
	display:inline-block !important;
	color:#fff;
	text-align:center;
	line-height:1;
	border:1px solid #000;
	border-radius:6px;
	box-sizing:border-box;
	background-color:#000;
	transition:all 100ms 0s ease;
	padding:10px;
}
a.button_cart:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
.stylingArea_itembdName{
	font-size:10px;
	line-height:1.4;
	margin-top:5px;
}
.stylingArea_itemName{
	font-size:14px;
	line-height:1.4;
	margin-top:5px;
}
.stylingArea_itemCode {
	font-size: 10px;
	margin-top: 8px;
}
.stylingArea_price{
	margin-top:10px;
}
.goods_price {
	font-size: 14px;
	font-weight: normal;
	color: inherit;
}
.goods_price_proper {
	font-size: 14px;
	font-weight: normal;
}
.goods_price_tax {
	color: inherit;
	font-size: 10px;
	font-weight: normal;
}
.goods_price_sale {
	font-size: 14px;
	font-weight: normal;
}
.goods_price_off, .goods_price_rate {
	font-size: 15px;
	font-weight: bold;
	padding-left: 5px;
}
.styling_footerBox {
	margin: 35px calc(50% - 50vw) 0;
	width: 100vw;
	border-top: solid 1px #ccc;
	padding-top: 50px;
}

.styling_footerItem {
	width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: center;
}

.coordinate_brand_item {
    background-color: #F1F1F1;
    padding: 0;
    border-radius: 3px;
    margin-bottom:10px;
}

.coordinate_brand_link {
    font-size: 11px;
    line-height: 16px;
    /* width: 304px; */
    display: block;
    padding: 8px 50px 8px 40px;
    /* background-color: #F1F1F1; */
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.coordinate_brand_label {
    margin-left: -14px;
    position: relative;
}

.coordinate_brand_label::before {
    content: "";
    background: #F1F1F1 url(/static/full/images/blog/brand_link.png) center center no-repeat;
    background-size: 10px 10px;
    position: absolute;
    display: block;
    top: calc(50% - 14px);
    right: -28px;
    width: 28px;
    height: 28px;
}

.coordinate_brand {
    margin-top: 40px;
}

@-webkit-keyframes load5 {
  0%,
  100% {
	box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
	box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

video.cri-liveact-native-video {
    position: absolute;
    top: 50%;
    left: 50%;
    /*object-fit: cover;*/
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}
div.video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #000;
}
.detail_photo_listItem {
    position: relative;
    width: 480px;
    height: 640px;
}
.slick_crtlThumb_innerBox {
    width: calc((490px - 60px)/6);
    height: calc(((490px - 60px)/6)*1.3333);
    overflow: hidden;
    /*background-color: #000;*/
}

img.slick_ctrlThumb_img {
    height: 100%;
    width: auto;
    display: block;
    margin: auto;
}
.video_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    z-index: 1050;
    background-image: url(/static/full/images/styling/video_play.svg);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position: center center;
    cursor: pointer;
}

.relatedcategory_title {
	font-size: 24px;
	border-bottom: none;
	margin-bottom: 35px;
	padding-top: 10px;
	text-align: center;
}

#category_container{

}
#category_container .category_container_item .relatedcategory_category02{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    row-gap: 10px;
}
#category_container .category_container_item .relatedcategory_category02 li{
    margin-right: 10px;
	font-size: 14px;
}
#category_container .category_container_item .relatedcategory_category02 li a{
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
	display: block;
}

.section_relatedcategory {
    margin-top: 40px;
}

#category_container .category_container_item .relatedcategory_category02 li:nth-child(n+21) {
	display: none;
}

/*
-----------------------------------*/
.video_on {
    position:relative;
}

.video_on:before {
    content:"";
	background:url(/static/full/images/styling/video_play.svg);
    background-size: contain;
    position: absolute;
    display:block;
    width: 15px;
    height: 15px;
    right: calc(50% - 10px);
    top: calc(50% - 10px);	
	z-index: 10;
}

.item_listItem .video_on:before {
    content: "";
    background: url(/static/full/images/common/movie_on.svg);
    background-size: contain;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    z-index: 10;
}