body{
width:1000px;
margin:auto;
text-align:center;
}

@media screen and (max-width:1000px){
	body{
	width:100%;
	}
}

/*****分岐の設定*****/

/*パソコンで見たときは"pc"のclassがついたほうが表示される*/
.pc{
display:block !important;
}
.sp{
display:none !important;
}

/*スマートフォンで見たときは"sp"のclassがついたほうが表示される*/
@media only screen and (max-width:1000px){
	.pc{
	display:none !important;
	}
	.sp{
	display:block !important;
	}
}

/*****画像の扱い*****/

img{
outline:none;
border-style:none;
}




/***** ここから追記20260108 *****/

/***** header *****/
header{
	margin: 8% auto;
}
header img {
	width: 40%;
}
@media (max-width: 768px) {
header img {
	width: 88%;
}
}

h1 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 4%;
}

h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 2%;
}

p {
	font-size: 24px;
	line-height: 1.6em;
	margin-bottom: 4%;
}

strong {
	font-weight: bold;
}

@media (max-width: 768px) {
h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
p {
	font-size: 16px;
}
}

.product_bnr {
	margin: 8%; auto;
}
.product_bnr img {
	width: 40%;
}

/* 親要素：PCでは横並び */
.image-container {
  display: flex; /* Flexboxを有効化 */
  flex-direction: row; /* 横に並べる（初期値） */
  gap: 10px; /* 画像同士の隙間（適宜調整） */
  width: 100%;
	margin: 4% auto;
}

/* 中の画像：PCでは均等に5分割 */
.image-container img {
  width: calc(20% - 10px); /* 5枚なので20%（gap分を引く） */
  height: auto; /* アスペクト比を維持 */
  object-fit: cover; /* 画像を枠内に収める */
	width: 100%;/* 画像サイズ100% */
}

/* スマホ用の設定（画面幅が768px以下の場合） */
@media (max-width: 768px) {
  .image-container {
    flex-direction: column; /* 縦に並べる */
  }

  .image-container img {
		/* width: 100%;  横幅いっぱいに広げる */
    width: 80%; /* 画像サイズ80% */
		margin: 4% auto;
		box-sizing: border-box;
  }
}

.back_btn {
	margin: 8% auto;
}

/* a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
} */

/* imgタグ自体にアニメーションを設定 */
a img {
  transition: opacity 0.3s ease;
}

a:hover img {
  opacity: 0.7;
}

/* ここから商品別設定 */
.br108 {
	color: #c93f7d;
}

.btn_br108 {
	display: inline-block;
	background-color: #E1A8C1;
	color: #ffffff;
	/* font-size: 16px; */
	/* font-weight: bold; */
	padding: 2% 8%;
	text-decoration: none;
	border-radius: 8em;
	margin: 4% auto;
}

.btn_br108:hover {
	background-color: #c93f7d;
	color: #ffffff;
}

.nemunosu {
	color: #773D85;
}

.btn_nemunosu {
	display: inline-block;
	background-color: #2177B2;
	color: #ffffff;
	/* font-size: 16px; */
	/* font-weight: bold; */
	padding: 2% 8%;
	text-decoration: none;
	border-radius: 8em;
	margin: 4% auto;
}

.btn_nemunosu:hover {
	background-color: #114a6f;
	color: #ffffff;
}

.ec12 {
	color: #123476;
}

.btn_ec12 {
	display: inline-block;
	background-color: #214D92;
	color: #ffffff;
	/* font-size: 16px; */
	/* font-weight: bold; */
	padding: 2% 8%;
	text-decoration: none;
	border-radius: 8em;
	margin: 4% auto;
}

.btn_ec12:hover {
	background-color: #132c55;
	color: #ffffff;
}

.collocaria {
	color: #A92140;
}

.btn_collocaria {
	display: inline-block;
	background-color: #D0484F;
	color: #ffffff;
	/* font-size: 16px; */
	/* font-weight: bold; */
	padding: 2% 8%;
	text-decoration: none;
	border-radius: 8em;
	margin: 4% auto;
}

.btn_collocaria:hover {
	background-color: #a2363c;
	color: #ffffff;
}

.soypolya {
	color: #157943;
}

.btn_soypolya {
	display: inline-block;
	background-color: #1F8769;
	color: #ffffff;
	/* font-size: 16px; */
	/* font-weight: bold; */
	padding: 2% 8%;
	text-decoration: none;
	border-radius: 8em;
	margin: 4% auto;
}

.btn_soypolya:hover {
	background-color: #114f3d;
	color: #ffffff;
}

/***** ここまで追記20260108 *****/