@charset "utf-8";

/* ******** 共通 ******** */

/* 基本 */
html, body, div, span, h1, h2, h3, p, a, img,
dl, dt, dd, ul, li, form, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  color: #555555;
  font-family: メイリオ, Helvetica, Arial, sans-serif;
  font-size: 100%;
}

/*--背景色変更--*/
.bgchange {
	/*background-color: #555555;*/
	animation-name: bgchange; /*--アニメーション名--*/
	animation: bgchange 15s ease infinite;/*変化の時間*/
}
@keyframes bgchange{
      0%   {background:#f0ffff;}/*変化させたい色*/
      25%  {background:#e0ffff;}/*変化させたい色*/
      50%  {background:#fff0f5;}/*変化させたい色*/
      75%  {background:#b0e0e5;}/*変化させたい色*/
      90%  {background:#b0c4de;}/*変化させたい色*/
      100% {background:#f5fffa;}/*変化させたい色*/
}

#container {
  margin: 0 auto;
  width: 980px;
}

/* ヘッダ */
#header h1, #header p {
  margin: 10px 0 10px 5px;
}

/* メインビジュアル */
#header #main_visual {
  position: relative;
  clear: left;
}
#header a#link_btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

/* ナビゲーション */
#nav ul {
	width: 980px;
	height: 72px;
	padding-bottom: 8px;
}
#nav ul li {
	float: left;
	height: 72px;
	width: 245px;
	list-style-type: none;
}


/* ******** メインコンテンツ ******** */

/* 共通 */
#contents {
  width: 980px;
  margin-top: 12px;
  overflow: hidden;
}
#main {
  float: left;
  width: 660px;
}
#side {
  float: right;
  width: 300px;
}
#side p {
  margin-bottom: 6px;
}
.error {
  color: #ff0000;
}
.message {
  margin: 10px 0;
}

/* 新着情報 */
#infolist dl {
  margin: 0;
  line-height: 1.5;
}
#infolist dt {
	padding: 5px 15px 0 15px;
	color: #3399FF;
	font-size: 75%;
	font-weight: bold;
}
#infolist dd {
  padding: 0 15px 5px 15px;
  font-size: 88%;
  border-bottom: dotted 1px #cccccc;
}

/* 写真一覧*/
#prodlist {
  margin-top: 7px;
}
#prodlist ul li {
  float: left;
  padding: 0px 0 10px 0;
  width: 300px;
  position: relative;
  list-style-type: none;
}
#prodlist ul li.prod {
  margin-right: 20px;
}
#prodlist ul li.prod_right {
  margin-right: 0px;
}
#prodlist ul li p {
  color: #5b2204;
  font-size: 88%;
}
#prodlist ul li p.prod_name {
	color: #003366;
	font-size: 113%;
	font-weight: bold;
	margin: 5px 0 0;
}
#prodlist ul li p.prod_name_eng {
	color: #339999;
	font-size: 75%;
	padding: 3px 0;
}


#prodlist ul li a {
  border: 1px solid #cccccc;
  padding: 4px;
  display: block;
  width: 300px;
  height: 226px;
}
ここまで商品一覧

/* コロナ感染症対策*/
#covid_list {
  margin-top: 7px;
}
#covid_list ul li {
  float: left;
  padding: 0px 0 10px 0;
  width: 170px;
  position: relative;
  list-style-type: none;
}
#covid_list ul li.covid {
  margin-right: 10px;
}
#covid_list ul li.covid_right {
  margin-right: 0px;
}
#covid_list ul li p {
  color: #5b2204;
  font-size: 88%;
}
#covid_list ul li p.covid_name {
	color: #003366;
	font-size: 113%;
	font-weight: bold;
	margin: 5px 0 0;
}
#covid_list ul li p.covid_name_eng {
	color: #339999;
	font-size: 75%;
	padding: 3px 0;
}


#covid_list ul li a {
  border: 0px solid #cccccc;
  padding: 4px;
  display: block;
  width: 160px;
  height: 100px;
}
ここまでコロナ対策 


/* 商品詳細
#item h3 {
  color: #5b2204;
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0 5px;
}
#item p {
  color: #5b2204;
  font-size: 14px;
  margin: 5px 0;
  line-height: 18px;
}
#item p span {
  display: block;
  float: left;
  color: #d95209;
  padding: 6px 0;
  font-size: 113%;
  font-weight: bold;
}
#item p a img {
  padding: 0 6px;
}
 ここまで商品詳細*/
 
 
/* 店舗情報
#shop_info {
  height: 220px;
  margin: 20px 0 10px 0;
}
#access {
  height: 220px;
  margin: 10px 0 10px 0;
  border-top: 1px dotted #cccccc;
  padding-top: 10px;
}
#shop_info img, #access img {
  float: left;
  margin-right: 15px;
}
#shop_info h3, #access h3 {
  color: #015f8b;
  font-size: 113%;
  line-height: 1.3;
}
#shop_info p, #access p {
  font-size: 100%;
  line-height: 1.3;
}
ここまで店舗情報 */
/* 商品のご購入
#order {
  margin: 20px 15px;
}
#order p {
  padding: 6px 8px 18px;
}
#order p.title {
  padding: 6px 0 6px 6px;
  font-weight: bold;
  border-left: 4px solid #d95209;
}
#order p span {
  display: block;
  padding: 3px 0;
}
#order input, #order textarea {
  margin-bottom: 5px;
}
#order #btn {
  margin-top: 20px;
  padding-top: 10px;
  border-top: solid 1px #dddddd;
}
#order #btn input {
  padding: 5px 15px;
  font-size: 100%;
}
ここまで商品のご購入 */

/* お問い合わせ
#contact {
  margin-top: 8px;
}
#contact table {
  width: 660px;
  border-collapse: collapse;
}
#contact table th,
#contact table td {
  border: solid 1px #aaaaaa;
  text-align: left;
  padding: 10px;
}
#contact table th {
  background-color: #f5f5f5;
  vertical-align: middle;
  width: 210px;
  padding-left: 15px;
}
#contact table td {
  width: 402px;
}
#contact span.required {
  color: red;
  font-size: 75%;
  margin-left: 1em;
}
#contact #btn {
  margin-top: 8px;
  text-align: center;
  background-color: #dddddd;
  padding: 15px;
}
#contact #btn input {
  padding: 5px 15px;
  font-size: 100%;
}
ここまでお問合せ */

/*　Googleカレンダー（スマホ表示） */

.googleCalender iframe {
width:100%;
max-width:600px;
height:400px;
}

/*　Googleカレンダー（PC表示） */

@media (min-width: 960px) {

.googleCalender iframe {
height:400px;
}

}
/* ******** ここからフッター ******** */
#footer {
	border-top: solid 4px #003366;
	clear: both;
	text-align: center;
	color: #003366;
	margin-top: 20px;
	font-size: 75%;
	padding: 10px 0 15px;
}
.right {
	text-align: right;
	color: #3C9;
}