@charset "utf-8";
#sub-column{
  display: none; /* サイド非表示 */
}

#main-column{
  width: 1000px; /* メイン幅1000px */
  margin: 0 auto;
}

/* CSS */
.m_wrap{
  width: 1000px;
  margin: 0 auto;
}
.container-flex {
  display: flex; /* 親要素をFlexコンテナにする */
}

.container-flex2 {
  display: flex; /* 親要素をFlexコンテナにする */
  margin-top: 50px;
}

.item-flex {
  flex: 1 0 50%;
  box-sizing: border-box;
  padding: 10px;
}

.item-flex img{
	width: 100%;
	height: auto;
}
.item-flex2 {
  display: flex;
  box-sizing: border-box;
  padding: 10px;
  width: 30%;
  height: 300px;
}
.item-flex3 {
  display: flex;
  box-sizing: border-box;
  padding: 10px;
  width: 70%;
  height: 300px;
  justify-content: flex-start;
  align-items: flex-end; 
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  color: #898989;
}
.item-60 {
  flex: 0 0 60%;
  box-sizing: border-box;
  padding: 10px;
}
.item-40 {
  flex: 0 0 40%
  box-sizing: border-box;
  padding: 10px;
}

.container0{
  margin-bottom: 50px;
}

.container1{
  margin: 50px 0;
}

.container2, .container3, .container4, .container5, .container6, .container7, .container8, .container9, .container10{
  margin: 120px 0;
}

.container2, .container3, .container4, .container5, .container6, .container7, .container8, .container9, .container10 h3 h4{
  text-align: left;
  letter-spacing: 0.2em;
}

.contents-title{
  font-family: "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 22px;
  color: #898989;
  letter-spacing: 0.3em;
  text-align: center;
  margin: 30px 0;
}
.contents-title_b{
  font-family: "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px;
  color: #898989;
  letter-spacing: 0.4em;
  text-align: center;
  margin: 30px 0 50px 0;
}

.item-contents{
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  padding-top: 10px;
  text-align: left;
  line-height: 2em;
  letter-spacing: 0.1em;
}
.item-contents2{
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  color: #898989;
  font-weight: 500;
  margin: 10px 0;
  text-align: left;
  line-height: 2em;
  letter-spacing: 0.1em;
}
.click_view{
  text-align: center;
  margin: 20px 0;
  width: 100%;
}
.click_view p{
  background-color: #808080; /* グレー */
  font-family: Ebrima, sans-serif;
  padding: 15px 0;
  font-size: 16px;
  letter-spacing: 0.2em;
  width: 100%;
  margin: 0 auto;
}
.click_view2{
  text-align: center;
  margin: 20px 0;
  width: 100%;
}
.click_view2 p{
  border: #808080 1px solid;
  box-sizing: border-box;
  font-family: Ebrima, sans-serif;
  padding: 15px 0;
  font-size: 16px;
  letter-spacing: 0.2em;
  width: 100%;
  margin: 0 auto;
}
.youtube-container_m {
  width: 80%;
  max-width: 1000px;
  margin: 150px auto;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-caption{
  font-size: 12px;
  margin: 20px 0;
}
.item-caption__name {
  position: relative; /* 擬似要素の基準位置 */
  padding-left: 20px; /* 線分のスペースを確保 */
}

/* 1本目の線 */
.item-caption__name::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #333;
  position: absolute;
  left: 5px; /* 親要素の左端から5px右に移動 */
  top: 0;
}

/* 2本目の線 */
.item-caption__name::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #333;
  position: absolute;
  left: 10px; /* 親要素の左端から10px右に移動 */
  top: 0;
}
.item-caption__name span{
  color: #898989;
}
.center_text{
  text-align: center;
}

.product-list-page #itemList_wrap {
  /* display: none;  商品一覧を非表示にする */
}
.product-list-page .header_area {
  width: 1000px; /* header_areaを1000pxに変更 */
}
.product-list-page #bread-crumb {
  width: 1000px; /* header_areaを1000pxに変更 */
}

/* 商品一覧 */
body.product-list-page #itemList {
  /* display: none;  商品一覧を非表示にする */
	width: 1000px;
}
body.product-list-page .column4 {
	height: 350px !important;
	width: 244px;
}body.product-list-page .itemThumb {
	width: 238px;
}
body.product-list-page .itemThumb a img {
  /* display: none;  商品一覧を非表示にする */
	max-height: 255px;
	max-width: 238px;
}
.column4 .item-list-span-img {
  width: 238px;
  display: inline-block;
}