@charset "utf-8";

/*------------------------------*/
/* ヘッダー */
/*------------------------------*/

/* 背景画像 */
.main_header_frame_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/image/items_header_image.webp');
	background-size: cover;
	background-position: center;
	transform-origin: center top;
}

/*------------------------------*/
/* サブタイトル */
.items_subtitle {
	border: 2px solid #e6273c;
	color: #e6273c;
	text-align: center;
	font-size: 22px;
	font-weight:bold;
}

/*------------------------------*/
/* イメージ画像枠 */
.items_image_frame {
	position:relative;
	height:400px;
	overflow: hidden;
}
/* タブレット */
@media only screen and (max-width:1024px) {
	.items_image_frame {
		height:300px;
	}
}
/* スマホ */
@media only screen and (max-width:599px) {
	.items_image_frame {
		height:200px;
	}
}

/* イメージタイトル */
.items_image_title {
	position:absolute;
	top:0px;
	left:0px;
	background-color: #e6273c;
	color:#ffffff;
	padding:15px 50px;
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}

/* コメント枠 */
.items_image_comment {
	position:absolute;
	bottom:10px;
	right:10px;
	background-color: rgba(255,255,255,0.8);
	padding:20px;
	width:50%;
	min-width:230px;
}

/* 画像 */
.image_01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/image/items_image_01.webp');
	background-size: cover;
	background-position: center;
	transform: scale(1.3);
	transform-origin: center top;
}
.image_02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/image/items_image_02.webp');
	background-size: cover;
	background-position: center;
	transform: scale(1.3);
	transform-origin: center top;
}
.image_03 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/image/items_image_03.webp');
	background-size: cover;
	background-position: center;
	transform: scale(1.3);
	transform-origin: center top;
}
.image_04 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/image/items_image_04.webp');
	background-size: cover;
	background-position: center;
	transform: scale(1.3);
	transform-origin: center top;
}

/*------------------------------*/
/* サブタイトル */
.items_sub_title {
	text-decoration: underline solid #e6273c;
	text-underline-offset: 10px;
	color:#e6273c;
}