@charset "utf-8";

body {
	background: #ffffff;

}
main {

	font-family: "SN Pro", sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #00008b;
}
/* ヘッダーとナビゲーションの部分を固定配置 */
.header-nav-wrapper {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	background: #ffffe0;
}

/* スクロールする部分は固定した要素よりも下に配置 */
.main-wrapper {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 170px;
	width: 100%;
}

.main-wrapper2 {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 170px;
	width: 100%;
}

.main-wrapper3 {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 185px;
	width: 100%;
}

.newjoin_line {
    text-align: center;
    margin-top: 0px;
	margin-bottom: 0px;
	font-size: 25px !important;
}

.login_line {
    margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px !important;
	color: #800000 !important;
}

.required {
    margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px !important;
	border-radius: 5px !important;
	color: rgb(255, 255, 255) !important;
	background: rgb(255, 128, 0) !important;
}

.submitButton {
	padding: 6px 20px !important;
	border: 4px solid #ffd386 !important;
	border-radius: 10px !important;
	background: #ff753e !important;
	font-size: 20px !important;
	color: #ffffff !important;
}

.submitButton:active {
	background:#4169e1;
}

input[type="text"] {
	padding: 6px 6px;
	border: 2px solid;
	border-radius: 10px;
	border-color : rgb(192, 192, 192);
	font-size: 15px;
}

input[type="tel"] {
	padding: 6px 6px;
	border: 2px solid;
	border-radius: 10px;
	font-size: 15px;
	border-color : rgb(192, 192, 192);
}

input[type="email"] {
	padding: 6px 6px;
	border: 2px solid;
	border-radius: 10px;
	font-size: 15px;
	border-color : rgb(192, 192, 192);
}

input[type="number"] {
	padding: 6px 6px;
	border: 2px solid;
	border-radius: 10px;
	font-size: 15px;
}

.select{
	padding: 6px 6px;
	border: 2px solid;
	border-color : rgb(192, 192, 192);
	border-radius: 10px;
	font-size: 15px;
}

.select2{
	padding: 6px 6px;
	border: 2px solid;
	border-color : rgb(192, 192, 192);
	border-radius: 10px;
	font-size: 15px;
    background:rgb(209, 228, 228);
}

input[type="submit"] {
	border: 2px solid #ffd386;
	border-radius: 5px;
    background:rgb(209, 228, 228);
	font-size: 20px;
	color: rgb(255, 0, 0);
}

input[type="button"] {
	border: 2px solid #bbc8e6;
	border-radius: 5px;
    background:rgb(209, 228, 228);
	font-size: 17px;
	color: rgb(0, 0, 0);
}

input[type="button"]:active {
	background:#4d5aaf;
}

.entryTable {
	table-layout: fixed; /* 幅を固定モードにする */
  	width: 412px;        /* テーブル全体の幅 */
}

.rowTitle {
	font-family: 'SN Pro', cursive;
	font-size: 20px;
    text-align: left;
    border: 0px;
    background:rgb(209, 228, 228);
   	border-radius: 5px;

}

.rowInput {
	border: 1px solid  #000; 
	border-radius: 10px
}

.storeName {
	font-family: 'SN Pro', cursive;
	font-weight: normal;
	font-size: 30px;
	color: #8b0000;
    text-align: center;
    margin-bottom: 0px;
}

.subtitle {
	display: block;
	font-family: 'SN Pro', cursive;
	padding-top: 5px;
	border-top: 1px dashed #3b98b6;
	font-size: 25px;
	font-weight: normal;
	color: #00008b;
}

.restMin {
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #dd3a59;
    text-align: center;
}

.errMsg {
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #ff0000;
    text-align: center;
}

.Msg {
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #ff0000;
    text-align: center;
}

.guide {
	font-family: 'SN Pro', cursive;	
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
	color: rgb(255, 0, 0);
}

.guide2 {
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

.guide3 {
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 18px;
	color: #000000;
}

.guide4 {
	display: block;
    margin-top: 0px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.totalPrice {
	display: block;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #dd3a59;
    text-align: center;
}

.articles ul {
	list-style:none;
	margin: 0 auto;
	padding: 0;
}
.articles li {
	overflow: hidden;
	padding: 8px;
	margin-bottom: 8px;
	background:#e9e2de;
}
.articles .thumbnail {
	position: relative;
	float: left;
	font-size: 0;
	width: 120px;
}

.articles .category {
	margin: 0 0 0 0;
	font-weight: bold;
	color: #dd3a59;
}
.articles .price {
	margin: 0 0 0 0;
	font-size: 17px;
	color: #00008b;
}
.thumbnail img {
	width: 100%;
	border: 5px solid #ffffff;
}

.itemTable {
	width: 100%;
}
.itemTR {
	background: #e9e2de;
}

.itemTD {
	position: relative;
	width: 120px;
}

.itemTD img{
	width: 120px;
	border: 5px solid #ffffff;
}

.soldout {
	position: absolute;
	width: 100%;
	left: 1px;
	top: 1px;
}
.itemCommentTD {
	vertical-align: top;
}


.optTD {
	text-align: right;
}

.optDetailTD {
	text-align: left;
}

.opt {
	width: 100px;
}
.select-color {
	font-family: "SN Pro", sans-serif;
}

.test-background {
  width: 500px;
  height: 180px; /* 高さを適切に設定 */
  margin: -10px;
  background-image: url('/image/logoShunan.png'); /* 背景画像のパス */
  background-size: cover; /* 画像を横幅いっぱいに表示 */
  background-position: center; /* 画像を中央に配置 */
}