﻿/* 横幅1200px以下の場合のみ適用 */
@media (max-width: 1200px) {
  img{
    max-width: 98%;
    height: auto;
  }
}
.auto-style3 {
	font-size: medium;
	font-weight: normal;
	color: #008000;
}
.auto-style13 {
	color: #000000;
}
.auto-style14 {
	text-align: center;
	font-size: xx-large;
}
.auto-style15 {
	border-collapse: collapse;
	border: 3px solid #808080;
}

	
* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

	
* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

	
* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

    * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

	
* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

    .auto-style243 {
}
.auto-style250 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #DEDED7;
}
.auto-style251 {
	font-size: x-large;
	color: #3D64E3;
}

.auto-style191 {
	text-align: center;
	font-size: medium;
}
.auto-style47 {
	text-align: center;
	font-size: large;
}
.auto-style108 {
	border-collapse: collapse;
	border: 2px solid #808080;
}
.auto-style112 {
	text-align: center;
	font-size: small;
	border: 1px solid #808080;
}
.auto-style109 {
	text-align: center;
	border: 1px solid #808080;
}
.auto-style110 {
	text-align: center;
	border: 1px solid #808080;
}
  .auto-style106 {
	font-size: small;
}
  .auto-style190 {
	text-align: center;
	font-size: small;
	color: #000000;
	border: 1px solid #808080;
}
.auto-style122 {
	border: 1px solid #808080;
	text-align: center;
	font-size: medium;
}
  .auto-style131 {
	text-align: center;
}
.auto-style252 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #DEDED7;
}
.auto-style261 {
	color: #E34A3D;
	text-decoration: underline;
	font-size: x-large;
}
.auto-style291 {
	text-align: center;
	border: 1px solid #808080;
	color: #FF0000;
	font-size: medium;
	background-color: #FFFFFF;
}
.auto-style292 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #FFFFFF;
}
.auto-style293 {
	text-align: center;
	font-size: small;
}
.auto-style299 {
	text-align: center;
	border: 1px solid #808080;
	color: #FF0000;
	font-size: medium;
	background-color: #EDEDED;
}
.auto-style301 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #EDEDED;
}
.auto-style302 {
	font-size: x-large;
}
.auto-style54 {
	border-collapse: collapse;
	border: 1px solid #808080;
}
.auto-style203 {
	color: #000000;
}
.auto-style238 {
	text-align: center;
	font-size: medium;
	color: #000000;
	border: 1px solid #808080;
}
.auto-style239 {
	color: #000000;
}
.auto-style206 {
	font-size: medium;
}
  .auto-style124 {
}
  .auto-style217 {
	font-size: medium;
}
.auto-style208 {
	text-align: center;
	font-size: medium;
	border: 1px solid #808080;
}
.auto-style209 {
	color: #000000;
	font-size: medium;
}


.auto-style2759 {
	font-size: small;
}


/* タイトルのスタイル */
/* タイトルのスタイル */
h2 {
  text-align: center;
  font-size: clamp(1.25rem, 0.438rem + 2.6vw, 2.063rem);
  font-weight: bold;
  color: #5F5F5F;
  padding: 15px 0;
  margin: 0;
  background-color: #F5E137;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

/* ナビゲーションメニューのスタイル */
#g-navi {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  display: flex;
  justify-content: space-evenly;
  background-color: #F5E13733;
  font-family: Arial, sans-serif;
  font-size: 16px;
}

#g-navi li {
  display: inline-block;
}

#g-navi li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #5F5F5F;
  padding-bottom: 1px;
   
}
.aida{
  margin:0 10px 0 0;
}

#g-navi li a:hover {
  background-color: #ebd41745;
}

/* レスポンシブデザイン */
@media (max-width: 768px) {
  #g-navi {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  #g-navi li {
    width: 100%;
    display: block;
  }

  #g-navi li a {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
  }
}

.iro{
  background-color:#5e92f3;
    color:#FFFFFF;
  font-weight:400;
}

/*画像の上に文字*/
.gazou01 {
	display: flex;
	justify-content: center;
	margin: 0;
	background-color: #fffcf2;
}

.gazou{
    background-color: #F5E13733;
    padding: 15px;
  list-style:none;
font-size:20px;}
.auto-style2762 {
	text-align: center;
	background-color: #DEDED7;
}
.auto-style2763 {
	text-align: center;
	border: 1px solid #808080;
	color: #FF0000;
	font-size: 20px;
	background-color: #EDEDED;
}
.auto-style2764 {
	text-align: center;
	border: 1px solid #808080;
	color: #FF0000;
	font-size: 20px;
	background-color: #FFFFFF;
}
.auto-style2765 {
	background-color: #FFFF00;
}
.auto-style2766 {
	border: 1px solid #808080;
	font-size: 25px;
	background-color: #E5E5E5;
}

.auto-style2767 {
	font-size: large;
}
.auto-style2768 {
	text-align: center;
	border: 1px solid #808080;
	color: #FF0000;
	font-size: 20px;
	background-color: #F3F3E9;
}
.auto-style2769 {
	text-align: center;
	border: 1px solid #808080;
	background-color: #F3F3E9;
}
.auto-style275 {
	border-collapse: collapse;
	border: 3px solid #808080;
	max-width:1200px;
	background-color:#fff;
}
.auto-style2770 {
	text-decoration: underline;
	color: #003DF3;
}
.auto-style2771 {
	text-align: center;
	border: 1px solid #808080;
	font-size: 30px;
	background-color: #FFD700;
}
.bulk-order-notice {
    background-color: #f9f9f9;
    border: 2px solid #ff9900;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin: 80px auto;
    font-family: 'Arial', sans-serif;
    max-width:1200px;
}

.bulk-order-notice p {
    margin: 10px 0;
    font-size: 16px;
    color: #333;
}

.bulk-order-notice strong {
    font-size: 18px;
    color: #ff6600;
}

