@charset "utf-8";

/*スライダー共通*/

.hacobune-containers-product-videos .hacobune-slider {
	slider_break_points_sm_width: 719 !important;
	slider_break_points_sm_perview: 1.2 !important;
	slider_break_points_md_width: 1024 !important;
	slider_break_points_md_perview: 1.2 !important;
	slider_break_points_lg_width: 1200 !important;
	slider_break_points_lg_perview: 1.2 !important;
}

/* PCモーダル */
@media (min-width:720px) {

	.hacobune-dialog-content {
		border-radius: 2%;
	}

	/* 左側 */
	.azuremediaplayer {
		background-color: #f5f5f5;
	}

	.hacobune-dialog-content {
		overflow-y: hidden !important;
	}

	.hacobune-video-item-video-player-container {
		background-color: #f5f5f5 !important;
	}

	.hacobune-video-item-current-content {
		font-size: 0.7rem !important;
		overflow-x: hidden !important;
		padding: 4px 40px 30px !important;
	}

	.hacobune-dialog-content {
		overflow-x: hidden !important;
	}

	/*再生バー*/
	.vjs-progress-control.vjs-control.outline-enabled-control {
		bottom: auto;
	}

	.amp-flush-skin .vjs-control-bar {
		width: 80% !important;
		margin: 0 auto !important;
		bottom: -2px !important;
	}

	/* 右側 */
	.hacobune-video-item-title {
		border-bottom: 0.5px solid #495057 !important;
		line-height: 0.5em;
		text-align: left !important;
		padding-bottom: 15px !important;
		color: #495057 !important;
		letter-spacing: .08em !important;
	}

	.hacobune-dialog-content {
		background-color: #f5f5f5 !important;
	}

	h3.hacobune-video-item-title span {
		font-size: 1.6rem;
		border-bottom: none !important;
		line-height: 1.5;
		letter-spacing: 0.24em;
		padding-left: 7px;
		padding-right: 3px;
	}

	.hacobune-readmore {
		height-of-more: 180px !important;
	}

	.hacobune-readmore-link-toggle {
		width: 30% !important;
		padding: 7px !important;
		margin: 10px auto 3px !important;
		text-align: center !important;
		line-height: 1 !important;
		cursor: pointer !important;
		font-size: 10.5px !important;
		background: #dfdfdf !important;
		color: #333 !important;
		border: none !important;
		text-decoration: none !important;
		display: block !important;
		border-radius: 3px;
	}

	.hacobune-readmore-link-toggle:hover {
		opacity: 1;
	}

	.hacobune-video-item-tile {
		margin-top: 2.9vh !important;
	}

	.hacobune-video-item-tile .hacobune-video-item-tile-product {
		margin: 10px 8px !important;
		width: 30% !important;
	}

	.hacobune-video-item-timeline-container {
		margin: 3vh 0 0;
	}

	.hacobune-video-item-timeline-container .hacobune-video-item-timeline {
		font-size: 0.72rem !important;
		margin-top: 10px !important;
		letter-spacing: 0px !important;
	}

	.hacobune-video-item-timeline-container .hacobune-video-item-timeline .hacobune-video-item-timeline-link {
		font-size: 11px !important;
		text-decoration: none;
		color: #fff !important;
		text-align: center;
		align-items: center;
		padding: 4px 12px !important;
		border-radius: 50px;
		max-width: 45px !important;
		background: #555;
		line-height: 1.25em;
	}

	.hacobune-video-item-timeline span {
		letter-spacing: .24rem;
		font-size: 1.1rem;
	}

	.hacobune-video-item-description {
		margin: 3.5vh 3vh 1vh !important;
		letter-spacing: .24rem !important;
		line-height: 1.5;
		font-size: 1.2rem;
	}

	.hacobune-video-item-contents .hacobune-video-item-contents-item {
		margin: 2px 5px -3px 5px !important;
	}

	/* ボタン */
	.hacobune-dialog-close-button-container {
		position: absolute !important;
		top: 0px !important;
		right: 0px !important;
		left: auto;
	}

	.hacobune-dialog-close-button-container:after {
		content: "";
		width: 100%;
		height: 2px;
		background: #fff !important;
		position: absolute;
		top: 50%;
		transform: rotate(-45deg);
		display: block;
	}

	.hacobune-dialog-close-button-container:before {
		content: "";
		width: 100%;
		height: 2px;
		background: #fff !important;
		position: absolute;
		top: 50%;
		transform: rotate(45deg);
		display: block;
	}

	.hacobune-icon-button {
		background: none !important;
		height: 36px !important;
		width: 36px !important;
	}

	.azuremediaplayer .vjs-tech {
		height: 70vh !important;
	}

	.hacobune-dialog-content .hacobune-dialog-close-button-container {
		top: -39px !important;
	}

	.hacobune-video-item-side {
		height: 70vh !important;
	}

	.hacobune-video-item-tile .hacobune-video-item-text-caption {
		font-size: 1.1rem !important;
		width: 100% !important;
		margin: 0px !important;
		line-height: 1.5 !important;
	}

	.hacobune-video-item-tile-product img {
		border-radius: 2%;
	}

	.hacobune-dialog-mask {
		margin-top: 4rem;
	}
}
.hacobune-grid-col[data-v-b4b15cda] {
	flex: 0 0 32% !important;
	max-width: 32% !important;
}
@media (max-width:720px){
	.hacobune-grid-col[data-v-b4b15cda] {
		flex: 0 0 49%;
		max-width: 49%;
	}
}
.hacobune-layout-base-top-html {
	font-family: Lato, Arial, Roboto, メイリオ, Meiryo, "Droid Sans" !important;
}
.hacobune-swiper-slide.hacobune-swiper-slide-visible.hacobune-swiper-slide-active {
	width: 32% !important;
}
@media (max-width:720px){
	.hacobune-swiper-slide.hacobune-swiper-slide-visible.hacobune-swiper-slide-active {
	width: 100% !important;
}
.related-product-item-color{
	display: none !important;
}
.related-product-item-size{
	display: none !important;
}
.related-product-item-price.saleColor{
	display: none !important;
}
.related-product-item-price{
	display: none !important;
}