@charset "UTF-8";

/*** CSSリセット ********************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*** 共通設定 **********************************/
body {
    font-size:16px;
    color:#600;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
    line-height:1.5;
    background:#999 url("back.jpg");
}

#contents {
    overflow:hidden;
    //width:800px;
    max-width:1080px;
    margin:0 auto;
    background:#fbfbfb;
}

#sub {
    overflow:hidden;
    position:relative;
}

#main {
    overflow:hidden;
    padding:10px;
}

p {
    margin-bottom:0.5em;
}

section { margin-bottom:2em; }

a { color:#c60; }
a:hover { color:#fc0; }

img { width:100%; }

h3 {
    margin-bottom:0.25em;
    padding: 5px 5px 5px 28px;
    font-size:16px;
    font-weight:bold;
    background: url("h3.gif") left center no-repeat;
    border-bottom: 1px #600 dashed;
}

h4 {
    margin-bottom:0.25em;
    font-size:16px;
    font-weight:bold;
    color:#732c05;
}

h5 {
    margin-bottom:0.25em;
    padding:2px;
    font-size:16px;
    border-left:5px solid #732c05;
    background:#eee;
}

h6 {
    margin-bottom:0.25em;
    color:#382400;
    font-size:14px;
    font-weight:bold;
}


/*** ヘッダー **********************************/
header {
    position:relative;
}

h1 {
    padding:10px;
    box-sizing:border-box;
    width:250px;
}
h1 a { text-decoration:none; }

h2 {
    box-sizing:border-box;
	position: absolute;
	top: 50%;
	left: 300px;
	text-align:right;
}

/*** ナビゲーション ****************************/

nav {
    overflow:hidden;
    box-sizing:border-box;
    width:100%;
    font-size:larger;
}
nav ul {
    margin:0 auto;
    padding:0;
    width:100%;
    display:table;
    table-layout:fixed;
    text-align:center;
}
nav li {
    list-style:none;
    margin:0;
    padding:0;
    display:table-cell;
    vertical-align:middle;
    border-top:1px #7f4c10 solid;
    border-bottom:1px #7f4c10 solid;
}
nav li a {
    display:block;
    padding:10px 0;
    color:#fbfbfb;
    text-decoration:none;
    background:#7f4c10;
    border-left: 1px #fbfbfb dashed;
    border-right: 1px #fbfbfb dashed;
}
nav li a:hover {
    color:#fbfbfb;
    background:#c90;
}


/*** フッター **********************************/
footer {
    box-sizing: border-box;
    width:100%;
    margin:0 auto;
    clear:both;
}
.copyright {
    clear:both;
    padding:10px;
    font-size:11px;
    text-align:right;
}

/*** トップ画像 ********************************/
/*
#topimage {
    margin: 10px auto;
    height: 250px;
    width:100%;
    background: url("topimage.jpg") top center no-repeat;
    border:1px #ccc solid;
}
*/

/*** お知らせ **********************************/
#news ul{
    margin:1em auto auto 2em;
    list-style-type: circle;
}
#news li{
    margin-bottom:0.5em;
}

#news li time{
    display:inline-block;
    width:8em;
}

#news li span{
    display:inline-block;
}


/*** 催事情報 **********************************/
#event li{
    margin-bottom:0.5em;
}

#event table{
    margin:auto 1em;
}

#event tr{
    height:2em;
}

#event td{
display: table-cell;
vertical-align: top;
    padding:0 1em;
}

#event .pref {
    display:inline-block;
    text-align:center;
    border-radius:10px;
    color:#fbfbfb;
    background:#c33;
}



/*** 商品紹介 **********************************/
#shohin .container {
    display: flex;
    flex-wrap: wrap;
}

#shohin .container a {
    flex-basis: 32%;
    margin: 0.5%;
    display: block;
}

#shohin a.luminous{
    cursor: zoom-in;
}

#shohin img {
    height: 480px;
    object-fit: cover;
}

.lum-lightbox-inner img {
  width: auto;
  height: auto;
}

#shohin #backnumber li {
    display: inline;
}



/*** お問い合わせ ********************************/
.formTable tr{
    height:2em;
}

.formTable th{
    font-weight:bold;
    vertical-align:middle;
    padding:0 1em;
}


/*** トップに戻る ******************************/
.totop {
    position:fixed;
    bottom:15px;
    right:15px;
}
.totop a {
    display:block;
    text-decoration:none;
}
.totop img {
    background:#7f4c10;
    border:1px #fbfbfb solid;
}
.totop img:hover {
    background:#c90;
}


/*** スマホ向け ********************************/

@media screen and (max-width:779px) {
    #contents {
      box-sizing: border-box;
      width:100%;
    }

    #main {
      float:left; //これがないと右側がはみ出る
      width:100%;
    }

    #sub {
      float:none;
      width:100%;
    }

    h2 {
      display:block;
      position:relative;
      top:0;
      left:0;
      width:100%;
      text-align: left;
    }

    footer {
      width:100%;
    }

    #event table{
      margin:auto 0;
      border-collapse: separate;
      border-spacing:1em;
    }
    #event td{
      display:block;
      padding:0 0.5em;
    }
    #event span{
      display:inline-block;
    }

    .formTable tr{
      display:block;
      height:100%;
    }
    .formTable td{
      display:block;
    }

    .lum-lightbox-inner img {
      max-width: 160vw !important;
      max-height: 85vh !important;
    }


}