@charset "utf-8";

/*ウィンドウ背景色の設定 （紫-群青色のグラデーション）*/
body{
	background: linear-gradient(to bottom, #4e4376, #2b5876);
}

/*コンテンツ全体枠の設定 （和紙の背景）*/
#wrap{
	width: 800px;
	margin: 0px auto;
	padding: 40px 20px;
	background-image:url(../img/washi.png);
	background-repeat: repeat;
	min-height: 100vh;
	position: relative;
}

.index-h{
	height: 1500px;
}

/*headerの電話問い合わせの設定*/
header p{
	font-family: "Sawarabi Mincho";
	font-size: 100%;
	text-align: right;
}

header a{
	text-decoration: none;
	color: #000;
}

/*.side枠（画面左）と.main枠（画面右）が入っている大枠.page-coverの設定*/
.page-cover {
      display: table;
      width: 100%;
}

/*.main枠の設定*/
.main-column {
      display: table-cell;
      padding-bottom: 20px;
}
.main-column p{
	font-family: "Sawarabi Mincho";
	text-align: center;
	line-height: 1.5em;
}

.main-column h2{
	font-family: "Sawarabi Mincho";
	font-size: 200%;
	padding-top:20px;
	padding-bottom:20px;
	text-shadow: 2px 2px 3px #999;
}

.main-column h3{
	font-family: "Sawarabi Mincho";
	font-size: 150%;
	margin-top: 20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	text-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 5px #999;
}

/*.main枠　トップページ「スライドショー」の設定*/
.slideShow {
	margin: 20px auto 30px auto;
	width: 640px;
	text-align: left;
	position: relative;
	z-index: 0;
}
.slideShow ul {
	width: 100%;
}
.slideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.slideShow ul li img {
	width: 100%;
}

/*.main枠　トップページ「スライドショー」
　　　 画面サイズが800px以下は.slideShowを100%で表示する*/
@media screen and (max-width: 800px) {
	.slideShow {width: 100%;}
}

/*.main枠「商品一覧」の設定*/
.ichiran{
	position: relative;
	display: block;
}

.ichiran h3 p{
	line-height: 2.5;
	margin-top: 15px;
	font-size: 100%;
}

.syouhin_box{
	position: relative;
	border-bottom: #ccc 2px dotted;
	margin-top: 20px;
	padding-top: 10px;
}

.syouhin_box h4{
	border-left: #5f3464 20px solid; /*商品一覧 左側　紫色の設定*/
	font-family: "Sawarabi Mincho";
	font-size: 150%;
	transform: translate(220px,0);
}

.syouhin_txt{
	position: absolute;
	right: -10px;
	top: 50px;
	line-height: 2.5;
	width: 400px;
}

/*.main枠「こだわり」の設定*/

#azuki,#siro,#kanten,#wasanbon{
	padding-left: 30px;/*「こだわり」 画像　左余白の設定*/
}

/*.main枠「こだわり」素材説明分のメディアクエリ
画面サイズが640px以下は文字サイズを90%表示する*/
@media screen and (max-width: 480px) {
	.sozai .sozai-bun {font-size: 90%;}
}

@media screen and (max-width: 480px) {
	.sozai .sozai-bun {letter-spacing: -0.1em;}
}

/*.main枠「店舗のご案内」の設定*/
table th{
  border-bottom: solid 2px #CC0000;/*店舗のお知らせ 左側見出し　赤下線の設定*/
  padding: 10px 0;
  vertical-align: bottom;
  font-size: 120%;
  width: 100px;
  height: 100px;
  
}

table td{
  border-bottom: solid 2px #ddd;/*店舗のお知らせ グレーの点線の設定*/
  vertical-align: bottom;
  padding: 10px 0;
  text-align: center;
  font-size: 120%;
}

.address{
  text-align: left;
}

/*.main枠「google map」の設定*/
.map{
	margin-top: 30px;
}

/*（画面左）.sideの設定*/
.side-column{
      display: table-cell;
      width: 30%;
      vertical-align: top;
      padding-top: 70px;
}

.side-column a{
	text-decoration: none;
	color: #000;
}

.side-column a:hover{
	color: #CC0000;
}

.side-column ul{
	list-style: none;
}

.side-column li{
	text-align: center;
}

#menu li{
	padding-bottom: 30px;
	color: #000;
	font-size: 150%;
	font-family: "Sawarabi Mincho";
}
#sns li{
	padding-bottom: 20px;
	font-size: 200%;
}

/*footerの設定*/
footer{
    width: 100%;
    color: #000;
    text-align: center;
    padding: 30px 0;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
/*画面右下トップ↑へ戻るボタンの設定*/
#fixedTop {
	padding: 15px 20px;
	right: 50px;
	bottom: 10px;
	color: #fff;
	text-align: center;
	display: block;
	background: #000;
	position: fixed;
	z-index: 99;
}