/*
Theme Name: 相模原の釜めし屋 笹よし
Description: 相模原の釜めし屋 笹よし の店舗用に作られたテンプレートです。
Author: Takehiro Ito
Version: 1.2
*/

*
{
  font-weight: inherit;
  font-style: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  -webkit-text-size-adjust: none;
}

article,
aside,
footer,
header,
hgroup,
nav,
section
{
  display: block;
}

a
{
  text-decoration: none;
  color: #300;
}

a:active,
a:focus,
a:hover
{
  color: #006;
}

a img
{
  border: 0;
}

#pageFooter p.copyright,
body
{
  color: #000;
  background-repeat: repeat-y;
}

.nav ul li,
body,
h1,
h2,
h3,
h4,
h5,
h6
{
  font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

body
{
  font-size: .875em;
  line-height: 1;
  min-width: 320px;
  margin: 0;
  padding: 0;
  background-image: url(images/bg_body.jpg);
  background-position: center 0;
}

.nav ul li,
h1,
h2,
h3,
h4,
h5,
h6
{
  font-weight: 700;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6
{
  font-size: 1.429em;
  line-height: 1.2;
  margin-bottom: 1em;
  letter-spacing: .1em;
}

ol,
ul
{
  list-style: none;
}

div,
input,
li,
p,
select,
span,
table,
td,
textarea,
th
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

p
{
  margin-bottom: 1em;
}

img
{
  width: 100%;
  height: auto;
}

.wbr
{
  display: inline-block;
}

#container,
#wrapper
{
  background-color: #fff;
}

#container
{
  max-width: 972px;
  margin: 0 auto;
  -webkit-box-shadow: 3px 0 6px #000;
  box-shadow: 3px 0 6px #000;
}

#wrapper
{
  position: relative;
  padding: 0 0 20px;
}

#container #wrapper
{
  margin: 0 auto;
}

#content
{
  font-size: 1.1em;
  line-height: 1.8;
  margin: 0 auto;
  padding: 10px;
}

#content:after
{
  display: block;
  clear: both;
  content: '';
}

#container #header
{
  min-height: 100px;
  padding: 4px 8px;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-y;
  background-position: 0 0;
}

#header #logo
{
  display: inline-block;
  width: 50%;
  min-width: 200px;
  height: 60px;
  margin: 10px 0 0;
}

#header #logo a
{
  display: block;
  overflow: hidden;
  height: 100%;
  text-indent: -9999px;
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
}

#header .shopinfo
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .929em;
  font-weight: 700;
  min-width: 200px;
  text-align: right;
}

#navID
{
  font-size: .5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#mainvisual
{
  margin-bottom: 1em;
}

#pageFooter
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .857em;
  line-height: 1.5;
  clear: both;
  margin-top: 20px;
  padding-top: 20px;
  color: #fff;
  background: #960;
}

#container #pageFooter
{
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', Verdana, Geneva, Arial, Helvetica;
  background-image: url(images/footerbg.png) !important;
  background-repeat: no-repeat;
  background-position: bottom right;
}

#container #pageFooter .col
{
  margin-bottom: .39em;
  padding: 0 0 0 23px;
}

#container #pageFooter .col h3
{
  font-size: .857em;
  font-weight: 700;
  width: 100%;
  margin-top: 10px;
  color: #fff;
}

#container #pageFooter .colw
{
  display: inline-block;
  min-width: 250px;
  min-height: 160px;
  padding: 0 22px 0 23px;
  text-align: right;
}

#pageFooter a,
.nav ul li.ddLink a.down
{
  color: #fff;
}

#pageFooter a:hover
{
  color: #cff;
}

#container #pageFooter ul
{
  margin-bottom: 1em;
  margin-left: 10px;
  padding: 0 .5em 0;
}

#container #pageFooter ul li
{
  margin-bottom: .39em;
  margin-left: .8em;
  list-style: circle;
}

#container #pageFooter ul ul
{
  margin-left: 0;
}

#pageFooter p.copyright
{
  font-size: .857em;
  line-height: 3;
  clear: both;
  height: 3em;
  text-align: center;
  background-image: url(images/bg.jpg);
  background-position: 0 0;
}

.nav
{
  position: relative;
  z-index: 3;
  max-width: 972px;
  min-height: 49px;
  border-top: 1px solid #fff;
}

.nav ul
{
  border-left: 2px solid #fff;
}

.nav ul li
{
  font-size: 1em;
  width: 20%;
  padding: 0;
  list-style-type: none;
  border-right: 1px solid #fff;
  background: #c1ca8e;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1ca8e), to(#fff));
  background: -webkit-linear-gradient(top, #c1ca8e 0%, #fff 100%);
  background: linear-gradient(180deg, #c1ca8e 0%, #fff 100%);
}

.nav ul li.active > a
{
  color: #fff;
  background-color: #151515;
}

.nav ul li.active > a:hover
{
  color: #a3443e;
}

.nav ul li a
{
  display: block;
  padding: 21px 0;
  text-align: center;
  text-decoration: none;
}

.nav ul li a:active,
.nav ul li a:focus,
.nav ul li a:hover
{
  color: #a3443e;
}

div.navDesc
{
  position: absolute;
  z-index: 3;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
}

div.navDesc ul
{
  float: left;
  overflow: hidden;
  width: 100%;
  height: 50px;
  padding: 33px 0 0;
  text-align: center;
}

div.navDesc ul li
{
  font-size: 1em;
  display: inline !important;
  float: none;
  padding: 0 23px 0 12px;
  letter-spacing: .1em;
  background: 0 0;
}

div.navDesc ul li.last
{
  background: 0 0;
}

div.navDesc ul li a
{
  display: inline;
  padding: 0;
  background: 0 0;
}

div.navDesc ul li a:hover
{
  display: inline;
  padding: 0;
  background: 0 0;
}

#menu-topmenu
{
  clear: both;
  margin-bottom: 1em;
  list-style-type: none;
}

#menu-topmenu li
{
  float: left;
  width: 32%;
  margin: 4px;
  text-align: center;
}

#container .title
{
  margin: 20px auto;
}

.title h1
{
  font-size: 1.714em;
  margin: 5px 0 0;
  text-shadow: 5px 5px 10px gray;
}

#container #content_article
{
  margin-bottom: 3em;
}

#container #content_article .wp_social_bookmarking_light
{
  margin-top: 40px !important;
}

#container .catitem
{
  float: left;
  width: 328px;
  margin-right: 8px;
  margin-bottom: 20px;
}

#container .item
{
  float: left;
  width: 100%;
  max-width: 620px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#container .item .itemimg
{
  float: left;
  width: 100%;
  max-width: 350px;
}

#container .iteminfo
{
  line-height: 1.5;
  float: left;
  width: 100%;
  max-width: 350px;
  max-width: 270px;
  margin-top: 20px;
}

#container .item .itemimg img,
#container ul.itemH li .itemH-item-wrap .figure
{
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
  box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
}

#navDirect div img,
div.dataMaterial img
{
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
  box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
}

#container .iteminfo p
{
  margin: 0 0 20px;
}

#container .iteminfo dl
{
  width: 100%;
  max-width: 250px;
  border-collapse: collapse;
  color: #666;
}

#container .iteminfo dt
{
  font-size: 1.286em;
  font-weight: 700;
  float: left;
  padding-left: 4px;
  border-left: 4px double #ccc;
}

#container .iteminfo dd
{
  width: 200px;
  margin-bottom: 8px;
  margin-left: 0;
  padding: 2px 5px 2px 4em;
  text-align: left;
  border-bottom: 2px solid #ccc;
}

#container ul.itemH
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  letter-spacing: -.4em;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

#container ul.itemH li
{
  display: inline-block;
  width: 50%;
  margin-bottom: 20px;
  padding: 0 10px;
  letter-spacing: 0;
}

#container ul.itemH li .thumb {
  /*border:1px solid #efefef;*/
  box-shadow: 0 0 5px 3px #efefef;
  display: block;
  padding-top: 100%;
  height: 0;
  /* max-width: 400px; */
  position: relative;
  border-radius: 6px;
}
#container ul.itemH li .thumb img {
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#container ul.itemH li .itemH-item-wrap
{
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

#container ul.itemH li .itemH-item-wrap .figure
{
  position: relative;
  display: block;
  overflow: hidden;
}

#container ul.itemH li .itemH-item-wrap .figure .bg
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#navDirect div
{
  line-height: 1.66;
  margin-bottom: 2em;
  padding: 8px;
}

#container #navSiteStructure li
{
  font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-weight: 700;
}

#navDirect h1
{
  font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-size: .929em;
  font-weight: 700;
  margin: 10px 0;
}

#container .page_text
{
  max-width: 620px;
  margin: 2em auto;
  padding: 0 10px 20px 8px;
}

#container .page_text section
{
  min-height: 5em;
}

#container dl.dl_shopinfo
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 620px;
  margin: 20px auto;
  border: 1px solid #ccc;
  display: table;
}

#container dl.dl_shopinfo > div
{
  display: table-row;
}

#container dl.dl_shopinfo > div > dt,
#container dl.dl_shopinfo > div > dd
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  padding: 1em;
  line-height: 1.3;
  border-bottom: 1px solid #d2d2d2;
}

#container dl.dl_shopinfo >div>dt
{
  font-weight: 700;
  width: 7.5em;
  text-align: center;
}

#container dl.dl_data
{
  width: 100%;
  max-width: 500px;
  margin: 0;
}

#container dl.dl_data > div
{
  display: table-row;
}

#container dl.dl_data > div > dt,
#container dl.dl_data > div > dd
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  padding: 1em;
  line-height: 1.3;
}


#container dl.dl_data > div > dt
{
  text-align: right;
  font-weight: 700;
}

#container #navSiteStructure ul
{
  font-size: 1.3em;
  margin-bottom: 20px;
  border-radius: 10px;
}

#container #navSiteStructure li
{
  margin-bottom: 10px;
  text-align: center;
}

#container #navSiteStructure li a
{
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 1em;
  padding-bottom: 1em;
  border: 3px solid #ccc;
  border-radius: 10px;
  background: #c1ca8e;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1ca8e), to(#fff));
  background: -webkit-linear-gradient(top, #c1ca8e 0%, #fff 100%);
  background: linear-gradient(180deg, #c1ca8e 0%, #fff 100%);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#container #navSiteStructure li a:active,
#container #navSiteStructure li a:focus,
#container #navSiteStructure li a:hover
{
  color: #000;
  background: #960;
  background: -webkit-gradient(linear, left top, left bottom, from(#960), to(#fff));
  background: -webkit-linear-gradient(top, #960 0%, #fff 100%);
  background: linear-gradient(180deg, #960 0%, #fff 100%);
}

#container #toggle p:active,
#container #toggle p:focus,
#container #toggle p:hover
{
  color: #000;
  background: #960;
  background: -webkit-gradient(linear, left top, left bottom, from(#960), to(#fff));
  background: -webkit-linear-gradient(top, #960 0%, #fff 100%);
  background: linear-gradient(180deg, #960 0%, #fff 100%);
}

.page_text .btnNext:active,
.page_text .btnNext:focus,
.page_text .btnNext:hover
{
  color: #000;
  background: #960;
  background: -webkit-gradient(linear, left top, left bottom, from(#960), to(#fff));
  background: -webkit-linear-gradient(top, #960 0%, #fff 100%);
  background: linear-gradient(180deg, #960 0%, #fff 100%);
}

#container #navSiteStructure li a:active
{
  position: relative;
  top: 1px;
  left: 1px;
}

#container #toggle p
{
  text-align: center;
  background: #c1ca8e;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1ca8e), to(#fff));
  background: -webkit-linear-gradient(top, #c1ca8e 0%, #fff 100%);
  background: linear-gradient(180deg, #c1ca8e 0%, #fff 100%);
}

#container #toggle p:active
{
  position: relative;
  top: 1px;
  left: 1px;
}

.page_text .btnNext
{
  text-align: center;
  background: #c1ca8e;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1ca8e), to(#fff));
  background: -webkit-linear-gradient(top, #c1ca8e 0%, #fff 100%);
  background: linear-gradient(180deg, #c1ca8e 0%, #fff 100%);
}

#container #toggle p
{
  font-weight: 700;
  width: 193px;
  margin-top: 10px;
  padding: 4px;
  border: 3px solid #ccc;
  border-radius: 6px;
  -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
  box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
}

#container #banner_area
{
  margin-bottom: 20px;
}

#container #banner_area li
{
  margin-bottom: 20px;
}

#feed_area
{
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

#container #feed_area dl.feed dt
{
  font-size: .857em;
  margin-top: 10px;
  margin-left: 10px;
}

#container #feed_area dl.feed dd
{
  margin-right: 10px;
  margin-bottom: 1.3em;
  margin-left: 4px;
  padding-left: 40px;
  border-bottom: 1px dashed #ccc;
}

#container .page_text #feed_area
{
  float: none;
  width: 630px;
  border: 0;
}

#container .page_text #feed_area dl.feed dd
{
  width: 510px;
  margin-right: 10px;
  margin-right: 0;
  margin-bottom: 1.3em;
  margin-left: 4px;
  margin-left: 0;
  padding-left: 40px;
  padding-left: 120px;
  border-bottom: 1px dashed #ccc;
}

#container .page_text #feed_area dl.feed dt
{
  float: left;
  width: 9em;
  margin-top: 0;
  margin-left: 0;
  padding-left: 4px;
}

.linkMore
{
  float: right;
}

.howtoimg
{
  overflow: hidden;
  text-align: center;
  border: 1px solid #666;
  border-radius: 4px;
}

.page_text .btnNext
{
  position: relative;
  bottom: 10px;
  left: 10px;
  width: 6em;
  margin-bottom: 40px;
  padding: 4px 20px;
  border: 2px solid #666;
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

.page_text .btnNext:active
{
  position: relative;
  bottom: 9px;
  left: 11px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

#map_canvas
{
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
}

#container .dataMaterial
{
  width: 100%;
  max-width: 560px;
  height: 100%;
  margin: 0 auto 20px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

#container .itemH:after
{
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

div.dataMaterial
{
  min-height: 1px;
}

div.dataMaterial:after
{
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

div.dataMaterial h1
{
  font-size: 1em;
  font-weight: 700;
}

div.dataMaterial .imgData
{
  float: left;
  margin-bottom: 10px;
}

div.dataMaterial img
{
  margin-right: 20px;
}

#container .itemH
{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

#container .itemH:after
{
  font-size: 0;
}

.page-template-custom-mailmagazine #container #content
{
  font-size: 1.25em;
  line-height: 1.6;
  max-width: 800px;
  margin: 3em auto;
}

.page-template-custom-mailmagazine #container #content .title
{
  width: auto;
}

.page-template-custom-mailmagazine #container #content_article .page_text
{
  width: auto;
}

.page-template-custom-news #container #content_article .page_text
{
  width: auto;
}

.page-template-custom-mailmagazine #container #content .title h1
{
  font-family: inherit;
  text-align: center;
  text-shadow: initial;
}

.page-template-custom-mailmagazine #container #content_article
{
  float: none;
  width: 100%;
  margin: auto;
}

.page-template-custom-news #container #content_article
{
  float: none;
  width: 100%;
  margin: auto;
}

.page-template-custom-news #container .page_text #feed_area
{
  margin: auto;
}

#mailpoet_form_2
{
  max-width: 23em;
  margin: auto;
  padding: 1em 2em;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.mailpoet_checkbox_label,
.mailpoet_date_label,
.mailpoet_list_label,
.mailpoet_radio_label,
.mailpoet_segment_label,
.mailpoet_select_label,
.mailpoet_text_label,
.mailpoet_textarea_label
{
  font-weight: 700;
  display: block;
}

.mailpoet_date,
.mailpoet_date_day,
.mailpoet_date_month,
.mailpoet_date_year,
.mailpoet_select,
.mailpoet_text,
.mailpoet_textarea
{
  display: block;
}

.mailpoet_paragraph
{
  margin: 1em auto;
}

.mailpoet_form input
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.mailpoet_validate_success
{
  color: green;
}

.mailpoet_validate_error
{
  color: red;
}

.mailpoet_form button,
.mailpoet_form select
{
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
}

div.wpcf7 button,
div.wpcf7 select
{
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
}

.mailpoet_form button,
.mailpoet_form input,
.mailpoet_form select,
.mailpoet_form textarea
{
  margin: 0;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mailpoet_form input[type=email],
.mailpoet_form input[type=text]
{
  width: 80%;
  padding: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
}

.mailpoet_form textarea
{
  width: 80%;
  padding: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
}

.mailpoet_form input[type=email]:focus,
.mailpoet_form input[type=text]:focus
{
  font-size: 1.25em;
  width: 100%;
  border: 1px solid #1abc9c;
  background: #fff;
  -webkit-box-shadow: 0 0 7px #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
}

.mailpoet_form textarea:focus
{
  font-size: 1.25em;
  width: 100%;
  border: 1px solid #1abc9c;
  background: #fff;
  -webkit-box-shadow: 0 0 7px #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
}

div.wpcf7 input[type=email]:focus,
div.wpcf7 input[type=text]:focus
{
  font-size: 1.25em;
  width: 100%;
  border: 1px solid #1abc9c;
  background: #fff;
  -webkit-box-shadow: 0 0 7px #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
}

div.wpcf7 textarea:focus
{
  font-size: 1.25em;
  width: 100%;
  border: 1px solid #1abc9c;
  background: #fff;
  -webkit-box-shadow: 0 0 7px #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
}

.mailpoet_form input::-ms-clear,
div.wpcf7 input::-ms-clear,
.mailpoet_form input::-ms-reveal,
div.wpcf7 input::-ms-reveal
{
  visibility: hidden;
}

.mailpoet_form input
{
  padding: 1em 3em;
  color: #111;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff), to(#eee));
  background: -webkit-linear-gradient(top, #ffff 0%, #eee 100%);
  background: linear-gradient(to bottom, #ffff 0%, #eee 100%);
}

.mailpoet_form input:hover
{
  border: 1px solid #1abc9c;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#eee));
  background: -webkit-linear-gradient(top, #efefef 0%, #eee 100%);
  background: linear-gradient(to bottom, #efefef 0%, #eee 100%);
  -webkit-box-shadow: 0 0 7px #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
}

.mailpoet_recaptcha_container iframe,
.mailpoet_recaptcha_container > div
{
  width: 100% !important;
}

div.wpcf7
{
  width: 95%;
  margin: 2em auto !important;
  padding: 1em !important;
  text-align: left;
}

div.wpcf7 button,
div.wpcf7 input,
div.wpcf7 select,
div.wpcf7 textarea
{
  margin: 0;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

div.wpcf7 input[type=email],
div.wpcf7 input[type=text]
{
  width: 80%;
  padding: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
}

div.wpcf7 textarea
{
  width: 80%;
  padding: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
}

div.wpcf7 input
{
  padding: 1em 3em;
  color: #111;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff), to(#eee));
  background: -webkit-linear-gradient(top, #ffff 0%, #eee 100%);
  background: linear-gradient(to bottom, #ffff 0%, #eee 100%);
}

div.wpcf7 input:hover
{
  border: 1px solid #1abc9c;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#eee));
  background: -webkit-linear-gradient(top, #efefef 0%, #eee 100%);
  background: linear-gradient(to bottom, #efefef 0%, #eee 100%);
  -webkit-box-shadow: 0 0 7px #1abc9c;
  box-shadow: 0 0 7px #1abc9c;
}

.wpcf7-recaptcha
{
  margin-bottom: 1em;
}

.img-illust
{
  width: auto;
}

#attention
{
  font-size: 1em;
  line-height: 1.8;
  width: 95%;
  max-width: 750px;
  margin: 1em auto;
  padding: 2em .5em;
  border: 2px solid red;
  border-radius: 4px;
  background: #fff;
}

#attention h3
{
  font-size: 1.125em;
  margin-bottom: 2em;
  color: red;
}

#attention h3 br
{
  display: none;
}

#attention h4
{
  font-size: 1.125em;
  margin-top: 2em;
  margin-bottom: 2em;
}

#attention ul li
{
  position: relative;
  margin-bottom: 1em;
  padding-left: 1em;
}

#attention ul li:before
{
  position: absolute;
  top: 0;
  left: 0;
  content: '★';
}

#attention ul strong
{
  font-weight: 700;
}

#attention dl
{
  display: table;
}

#attention dl div
{
  display: table-row;
}

#attention dl dt,
#attention dl dd
{
  display: table-cell;
  padding: .25em .125em;
}

#attention dl dt
{
  width: 4em;
}

#attention em
{
  font-size: 1.25em;
}

#attention .notice
{
  font-size: .875em;
  color: #333;
}

#attention .date
{
  font-size: .875em;
  text-align: right;
}

#attention hr,
#attention .hr
{
  display: block;
  width: 100%;
  max-width: 640px;
  height: 1em;
  margin: auto;
  border-top: 3px dotted #888;
}

@media (min-width: 375px)
{

  #navID
  {
    font-size: .75em;
  }
}

@media (min-width: 480px)
{

  #navID
  {
    font-size: 1em;
  }

  #header header,
.categories_link
  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }

  #header #logo
  {
    display: inline-block;
    width: 50%;
    height: 80px;
    vertical-align: top;
  }

  #header .shopinfo
  {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }

  #navDirect > div
  {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }

  .categories_link
  {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .categories_link li
  {
    width: 33%;
    padding: 4px;
    letter-spacing: 0;
  }

  .categories_link li a
  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
  }

  .navSide #banner_area
  {
    padding: 0 4px;
  }

  #navDirect,
.categories_link
  {
    letter-spacing: -.4em;
  }

  #navDirect > div
  {
    letter-spacing: 0;
  }

  #container ul.itemH li
  {
    width: 33%;
  }

  #attention h4
  {
    text-align: center;
  }
}

@media (min-width: 640px)
{

  #attention
  {
    font-size: 1.25em;
    width: 90%;
    padding: 2em 1.5em;
  }

  #attention h3
  {
    font-size: 1.25em;
    text-align: center;
  }
}

@media (min-width: 768px)
{

  #container ul.itemH li
  {
    width: 25%;
  }

  .categories_link,
.navSide
  {
    letter-spacing: -.4em;
  }

  .categories_link li,
.navSide > div
  {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
  }

  .categories_link li
  {
    width: 33%;
    padding: 4px;
  }

  .navSide > div
  {
    width: 50%;
  }

  #navDirect > div
  {
    width: 33%;
  }

  footer#general
  {
    text-align: center;
  }

  #container #pageFooter nav
  {
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }

  #container #pageFooter .col
  {
    display: inline-block;
    padding: 0;
    vertical-align: top;
  }

  #container #pageFooter .col ul.menu li
  {
    list-style: circle;
  }

  #container #pageFooter .col ul.menu ul li
  {
    list-style: disc;
  }

  #container #pageFooter .colw
  {
    display: inline-block;
    width: 10em;
    vertical-align: top;
  }
}

@media (min-width: 800px)
{

  #attention h3 br
  {
    display: inline;
  }
}

@media (min-width: 1024px)
{

  #container ul.itemH li
  {
    width: 20%;
  }
}
.price-original{
  font-size: 1em;
  font-weight: 700;
  /*border-bottom:1px solid;*/
  margin-bottom: .25em;

    border-top: 1px solid #c5c5c5;

    margin-top: 0.5em;
    text-align: right;

}
.price-takeout{
  font-size: .875em;
  line-height: 1;
}
.classification{
  font-size: .875em;
  font-weight: 100;
}
.price-intax{
  font-size: .75em;
  line-height: 1;
  display: table;
  width: 100%;
}
.price-intax div{
  display: table-row;
}
.price-intax dt{
  display: table-cell;
  margin: 0;
  font-size: .875em;
  width: 3em;
  text-align: left;
}
.price-intax dd{
  display: table-cell;
  margin: 0;
}

.price-intax .price,
.price-original .price,
.price-takeout .price{
  font-size: 1.413em;
  margin-right: .25em;
  margin-left: .25em;
}