#container {

	width: 950px;

  margin-inline: auto;

  border-right: 1px solid #300;

  border-left: 1px solid #300;

}



h1 {

	font-weight: normal;

	padding-bottom: 3px;

	color: #963;

}



h3 {

	padding: 4px;

	margin-bottom: 8px;

  border-bottom: 1px solid #470000;

}



address {

  font-style: normal;

}



.red {

	color: #f00;

}



.syousai {

	font-size: 11px;

	line-height: 1.3em;

}



.kyoucyou {

  display: block;

  background-color: #333;

  padding: 5px;

  color: #ff0;

  margin-top: 5px;

  margin-bottom: 10px;

}



.soldout {

  color: #f00;

  margin-left: .5rem;

}



p .soldout:first-child {

  margin-left: 0;

}



#main {

	text-align: center;

	background-image: url(menu_back.gif);

	background-repeat: repeat-y;

  overflow: hidden;

}



#center {

	float: right;

	width: 740px;

  padding-bottom: 3rem;

  & #main_back td {

    text-align: left;

  }

}



#topimg {

	padding-top: 15px;

	padding-bottom: 15px;

}



#main_back {

	width: 670px;

  margin-inline: auto;

	text-align: center;

}



.main_box {

	width: 550px;

  margin-inline: auto;

	text-align: left;

}

#footer {

	clear: both;

	padding-top: 10px;

  & .adr {

    font-size: 11px;

    padding-top: 5px;

    padding-bottom: 50px;

    color: #963;

  }

}



#news-event {

	text-align: left;

	float: left;

	width: 540px;

  & h3 {

    font-weight: bolder;

    color: #fff;

    margin-bottom: 3px;

    border-bottom: 1px solid #440101;

    border-left: 5px solid #440101;

    padding: 2px 2px 2px 5px;

  }

  & .kiji {

    text-align: left;

    width: 520px;

    padding-bottom: 15px;

    padding-top: 5px;

    font-size: 11px;

    color: #ccc;

    padding-left: 5px;

  }

}



#right {

	float: right;

	width: 180px;

}



/* 20260420: ヘッダー／メニューリニューアル */

nav ul {

  list-style: none;

  padding: 0;

}



.header {

  background-color: #000;

  background-image: url(./header2026/header_bg.png);

  background-repeat: no-repeat;

  height: 101px;

  width: 100%;

  position: relative;

  text-align: left;

}



.header-top,

.header-bottom {

  display: flex;

  justify-content: space-between;

}



.header-top {

  height: 68px;

}



.header-logo {

  display: block;

  & a,

  & img {

    display: block;

  }

}



.header-info {

  color: #963;

  text-align: right;

  align-self: self-end;

  & p {

    margin-bottom: 3px;

  }

  & .adr {

    font-size: 11px;

    & a {

      color: #900;

      font-weight:bold;

    }

  }

}



.header-menu ul {

  flex: 1 0 auto;

  display: flex;

  max-width: 636px;

  column-gap: 4px;

  margin-left: 4px;

  align-self: top;

}



.header-url {

  flex: 0 1 auto;

}



.menu {

  float: left;

	width: 200px;

	text-align: left;

	background-color: #000;

  & li a {

    display: block;

  }

}



/* 20260421追記: 商品ページ用CSS追加 */

h2 {

  margin-bottom: 1rem;

}



.product-item {

  margin-bottom: 2rem;

  text-align: left;

  width: 100%;

  &:not(:first-child) {

    margin-top: 2rem;

  }

}



.row {

  display: flex;

  flex-direction: row;

  align-items: flex-start;

}



.item-info {

  max-width: 600px;

  column-gap: 5px;

}



.item-description {

  width: 100%;

  flex: 1 1 auto;

}



.item-name {

  max-width: 600px;

}



.item-features {

  margin-bottom: 1rem;

}



.item-main-image {

  display: block;

  & a {

    display: block;

  }

  & img {

    display: block;

  }

}



.item-images {

  gap: 2px;

  list-style: none;

  padding: 0;

  &:not(:first-child) {

    margin-top: 2rem;

  }

  & a {

    display: block;

    margin-bottom: .5rem;

  }

  & img {

    display: block;

  }

  & .soldout {

    margin-left: 0;

  }

}



.grid-2,

.grid-3 {

  display: grid;

  gap: 5px;

}



.grid-2 {

  grid-template-columns: repeat(2, 1fr);

}



.grid-3 {

  grid-template-columns: repeat(3, 1fr);

}



.item-images.grid-2 .item-main-image {

  grid-row: 1/2;

  grid-column: 1/3;

}