html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  overflow-y: scroll; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

a:focus {
  outline: none; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/ }

.both {
  clear: both; }

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

img {
  max-width: 100%; }

table {
  width: 100%; }

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

a, a:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

:hover {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; }

a img:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; }

/* よく使うCSS start



よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
  text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
  text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
  -moz-box-shadow: inset 1px 1px 3px #000;
  -webkit-box-shadow: inset 1px 1px 3px #000;
  box-shadow: inset 1px 1px 3px #000;
}

角丸 {
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
}

トランジション {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}

透明 {
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}

背景のみ透明 {
  background-color:rgba(255,255,255,0.2);
}

グラデーション {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
  background-image: -moz-linear-gradient(top, #ffffff, #000000);
  background-image: -ms-linear-gradient(top, #ffffff, #000000);
  background-image: -o-linear-gradient(top, #ffffff, #000000);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
  background-image: -webkit-linear-gradient(top, #ffffff, #000000);
  background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
  
}
@media screen and (max-width: 320px){
  
}

時々使うCSS3 end */
.col {
  padding-left: 30px;
  float: left;
  position: relative; }

.gu1 {
  width: 54px; }

.gu2 {
  width: 138px; }

.gu3 {
  width: 222px; }

.gu4 {
  width: 306px; }

.gu5 {
  width: 390px; }

.gu6 {
  width: 474px; }

.gu7 {
  width: 558px; }

.gu8 {
  width: 642px; }

.gu9 {
  width: 726px; }

.gu10 {
  width: 810px; }

.gu11 {
  width: 894px; }

.gu12 {
  width: 978px; }

.p_center {
  margin: 0 auto; }

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0; }

@media screen and (max-width: 1024px) {
  img.bg {
    left: 50%;
    margin-left: -512px; } }
div#container {
  position: relative;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-container-02.jpg);
  box-shadow: 0 -1px 3px #666; }

h2.main-title {
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/14-hirano-icon.png?20140712175605) no-repeat left;
  padding-left: 35px;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 3px;
  color: #3a1200;
  border-bottom: solid 1px #555;
  background-color: #FFDDAB; }

h2.big-title {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 20px;
  color: #3a1200; }

h2.three-reason {
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/three-reason005.png) no-repeat 50% 90%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 135px; }  
h2.three-reason02 {
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/three-reason004.png) no-repeat 50% 90%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 135px; }  

.header-area {
  background: #fff;
  box-shadow: 0 1px 3px #aaa;
  width: 100%;
  min-height: 125px;
  /* box-shadow: 0 2px 2px; */
  z-index: 10000;
  position: relative;
  border-bottom: solid 3px#00830f; }

.head-desc-wrap {
  /*background: #3a1200;*/ }
  .head-desc-wrap .head-desc {
    margin: 0 auto;
    z-index: 1000;
    position: relative; }
  .head-desc-wrap p {
    color: #555; }

.head-main {
  margin: 0 auto; }
  .head-main .logo-area {
    float: left;
    width: 235px;
    background: url(https://img07.shop-pro.jp/PA01113/950/etc/head-logo201031.png?cmsp_timestamp=20201031170401) no-repeat;
    margin-top: 10px; }
    .head-main .logo-area h1,.head-main .logo-area h2 {
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
    .head-main .logo-area a {
      display: block;
      height: 85px; }
    .head-main .logo-area:hover {
      opacity: 0.7; }
  .head-main .head-right-wrap {
    float: right;
    width: 735px; }
    .head-main .head-right-wrap .head-center {
      float: left;
      width: 315px; }
      .head-main .head-right-wrap .head-center p {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(https://img07.shop-pro.jp/PA01113/950/etc/deliv-limit002.png?20140713104356) no-repeat;
        height: 66px;
        margin-top: 18px; }
    .head-main .head-right-wrap .head-right {
      float: right;
      margin-top: 10px;
      position: relative; }

.head-nav {
  margin-bottom: 10px;
  position: absolute;
  width: 260px;
  right: 0;
  top: -31px;
  padding: 8px;
  background: #fff;
  box-shadow: 0 2px 2px -3px;
  z-index: 9999; }
  .head-nav ul {
    margin-left: -25px; }
    .head-nav ul li {
      float: left;
      margin-left: 29px;
      padding-left: 20px; }
    .head-nav ul li:hover {
      opacity: 0.8;
    }  
      .head-nav ul li a {
        font-weight: bold;
        color: #3a1200; }
    .head-nav ul .hnav-deliv {
      background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-icon-hnav_01.png?20140712175725) no-repeat left; }
    .head-nav ul .hnav-pay {
      background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-icon-hnav_03.png?20140712175732) no-repeat left; }
    .head-nav ul .hnav-contact {
      background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-icon-hnav_05.png?20140712175738) no-repeat left; }

    .head-nav ul .h-nav-mypage {
      background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-icon-lock.png?20140723143850) no-repeat left; }
    .head-nav ul .h-nav-mailmagazine {
      background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-icon-mail.png?20140723143902) no-repeat left; }    

.head-cart {
  margin-top: 33px;
  width: 365px;
}
.head-cart .cart-left {
  float: left; }
.head-cart .cart-right {
  float: right; }

/*****************************
        //header//
*****************************/
html, body {
  min-height: 100%; }

#container {
  padding: 30px 0; }

#feature-movie {
  height: 400px;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-wrap002.jpg?20140819140611);
}

.top-feature-wrap {
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-gray-003.png);
}
.top-feature {
  margin: 0 auto;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/top-feature-bg05-202011.png?cmsp_timestamp=20201113125020) no-repeat 0 95%;
  position: relative;
}
.top-feature-bloc {
  float: right;
  margin-top: 365px;
  margin-right: 27px;
  padding-bottom: 40px;
  position: relative;
}
.top-feature-bloc p {
  padding: 5px;
  /* background: rgba(255,255,255,0.5); */
  position: absolute;
  bottom: 30px;
  width: 257px;
  height: 66px;
  right: 0;

}



.content-wrap {
  /* background: #fff; */
  /* padding: 40px 25px; */
  /* box-shadow: 0 4px 3px #555; */
  margin: 0 auto;
  position: relative;
  z-index: 100000;
}

.main-wrap {
  float: right;
  margin-bottom: 35px; }
  .main-wrap .feature p {
    margin-bottom: 20px; }
    .main-wrap .feature p img {
      box-shadow: 0 2px 6px -3px #111; }

.recommend-banner {
  margin-bottom: 30px; }
  .recommend-banner ul {
    margin-left: -20px; }
    .recommend-banner ul li {
      float: left;
      margin-left: 23px;
      margin-bottom: 15px; }
      .recommend-banner ul li img {
        box-shadow: 0 2px 6px -3px #111; }

.ranking-wrap {
  margin-bottom: 50px; }
  .ranking-wrap ul {
    margin-left: -14px; }
    .ranking-wrap ul li {
      float: left;
      width: 134px;
      margin-left: 14px;
      position: relative; }
      .ranking-wrap ul li img {
        background: #fff;
        height: 150px;
        width: 100%;
        display: block; }
        .ranking-wrap ul li .rank-icon img {
          width: 25px;
          height: 25px;
          position: absolute;
          top: 0;
          left: 0;
          }

.sellingline-wrap .selling-bloc-wrap {
  margin-left: -20px; }
  .sellingline-wrap .selling-bloc-wrap .selling-bloc {
    float: left;
    width: 348px;
    margin-left: 20px;
    margin-bottom: 35px;
    min-height: 240px; }
    .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-left {
      float: left;
      width: 130px;
      background: #eee; }
      .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-left img {
        height: 130px;
        border: solid 1px #ddd; }
    .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-right {
      float: right;
      width: 208px; }
      .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-right h3 {
        font-weight: bold;
        font-size: 1.1rem;
        margin-bottom: 5px; }
        .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-right h3 a{
          font-weight: bold;
          font-size: 1.1rem;
          margin-bottom: 10px;
          text-decoration: underline;
          color: #3a1200; }
          .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-right h3 a:hover{
           opacity: 0.8; }
      .sellingline-wrap .selling-bloc-wrap .selling-bloc .sb-right .price-list{
        color: #333;
        margin-bottom: 8px;
        padding-bottom: 5px;
        border-bottom: dashed 1px #aaa;
      }     

.reason-wrap {
  margin-bottom: 30px; }
  .reason-wrap h2 {
    text-align: center; }
    .reason-wrap h2 .mega {
      font-size: 1.8rem;
      font-weight: bold; }
  .reason-wrap .reason-bloc-wrap {
    margin-left: -30px; }
    .reason-wrap .reason-bloc-wrap .reason-bloc {
      float: left;
      margin-left: 30px;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 1px 2px #aaa; }
      .reason-wrap .reason-bloc-wrap .reason-bloc img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .reason-wrap .reason-bloc-wrap .reason-bloc h3 {
        text-align: center;
        font-size: 1.1rem;
        font-weight: bold;
        margin: 8px 0;
        color: #5f3724;
        text-shadow: 0 1px 1px #eee; }
      .reason-wrap .reason-bloc-wrap .reason-bloc p {
        padding: 0 10px 10px 10px;
        font-size: 0.9rem;
        line-height: 1.4; }

.movie-wrap {
  margin-bottom: 30px; }
.movie-bloc {
  text-align: center;
  margin-bottom: 15px;
}
.movie-title {
  margin-bottom: 25px;
}
.movie-title h3 {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 5px;
}
p.btn-oldMovie a {
  display: block;
  width: 50%;
  margin: 0 auto;
  font-size: 1.2rem;
  padding: 10px 0 8px;
  background: #f96a01;
  color: #fff;
  border-bottom: solid 2px #A54600;
  border-radius: 3px;
  text-shadow: -1px -1px 1px #aaa;
  text-align:center;
}
p.btn-oldMovie a:hover {
  opacity: 0.8;
}


.content-banner-wrap {
  margin-bottom: 30px; }
  .content-banner-wrap ul {
    margin-left: -30px; }
    .content-banner-wrap ul li {
      float: left;
      width: 348px;
      margin-left: 30px; }

.side-wrap {
  float: left; }

.side-top-order {
  margin-bottom: 25px;
  background: #fff;
  padding: 10px;
  border-bottom: solid 1px #ccc; }
  .side-top-order h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px; }
  .side-top-order p.side-tel {
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center; }
  .side-top-order p.side-FAX {
    text-align: center; }

.side-banner-wrap {
  margin-bottom: 25px; }
  .side-banner-wrap ul li {
    margin-bottom: 15px; }
    .side-banner-wrap ul li img {
      background: #fff;
      height: 80px;
      box-shadow: 0 2px 6px -3px #111; }

.category-wrap {
  background: #fff;
  border-bottom: solid 1px #bbb;
  margin-bottom: 25px; }
  .category-wrap h3 {
    background: #ffeac2;
    border-bottom: solid 2px #C57C0E;
    padding: 9px 0 7px 12px;
    font-weight: bold;
    color: #3a1200; }
  .category-wrap ul {
    padding: 15px; }
    .category-wrap ul li {
      margin-bottom: 10px;
      border-bottom: dashed 1px #976300;
      padding-bottom: 6px; }
      .category-wrap ul li a {
        font-size: 1rem;
        font-weight: bold;
        color: #3a1200; }

.side-flow-wrap {
  background: #fff;
  border-bottom: solid 1px #bbb;
  margin-bottom: 25px; }
  .side-flow-wrap h3 {
    padding: 10px 8px 8px;
    font-weight: bold;
    font-size: 1.1rem;
    /* text-align: center; */
    background: #ffeac2;
    border-bottom: solid 2px #C57C0E;
    margin-bottom: 15px;
    color: #3a1200; }
  .side-flow-wrap .flow-bloc {
    padding: 15px 15px 35px;
    background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-arrow-flow.png?20140712175811) no-repeat bottom center; }
    .side-flow-wrap .flow-bloc:last-child {
      background: none; }
    .side-flow-wrap .flow-bloc img {
      display: block;
      margin: 0 auto 10px;
      border: solid 5px #fff; }
    .side-flow-wrap .flow-bloc p {
      line-height: 1.2; }

.mail-magazine {
  margin-bottom: 25px;
  background: #fff;
}
.mail-magazine h3 {
  padding: 10px 8px 8px;
  font-weight: bold;
  font-size: 1rem;
  /* text-align: center; */
  background: #ffeac2;
  border-bottom: solid 2px #C57C0E;
  margin-bottom: 15px;
  color: #3a1200;
}
.mail-magazine p a{
  padding-top: 80px;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-mail-magazine.jpg?) no-repeat top center;
  text-align: center;
  display: block;
}


.footer-guide-wrap {
  margin-top: 45px; }
  .footer-guide-wrap h3 {
    background: url(https://img07.shop-pro.jp/PA01113/950/etc/14-hirano-icon.png?20140712175827) no-repeat left;
    padding-left: 35px;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 3px;
    color: #3a1200;
    border-bottom: solid 1px; }

.footer-guide-bloc-wrap {
  margin-left: -30px; }
  .footer-guide-bloc-wrap .footer-guide-bloc {
    float: left;
    margin-left: 30px; }
    .footer-guide-bloc-wrap .footer-guide-bloc h4 {
      font-weight: bold;
      font-size: 1.1rem;
      padding: 5px 0;
      margin-bottom: 8px;
      border-bottom: solid 1px #aaa; }
    .footer-guide-bloc-wrap .footer-guide-bloc h5 {
      font-weight: bold;
      margin-bottom: 8px; }
    .footer-guide-bloc-wrap .footer-guide-bloc p {
      margin-bottom: 8px; }
    .footer-guide-bloc-wrap .footer-guide-bloc .strong {
      font-weight: bold; }

.deliv-table-mini table {
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  margin-bottom: 10px; }
  .deliv-table-mini table th, .deliv-table-mini table td {
    padding: 5px;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 50%; }
  .deliv-table-mini table th {
    background: #eee;
    font-weight: bold; }
.deliv-table-mini p a {
  text-decoration: underline;
  color: #990000; }

#footer {
  background: #200A00;
  padding: 35px 0;
  position: relative;
  color: #fff;
  box-shadow: 0 0px 6px #111; }

.footer-inn {
  margin: 0 auto; }
  .footer-inn .footer-nav {
    float: left; }
    .footer-inn .footer-nav ul {
      margin-left: -30px; }
      .footer-inn .footer-nav ul li {
        float: left;
        margin-left: 30px; }
        .footer-inn .footer-nav ul li a {
          color: #fff; }
  .footer-inn .footer-shop-info {
    float: right; }
    .footer-inn .footer-shop-info .footer-title {
      float: left;
      margin-right: 11px;
      font-weight: bold;
      font-size: 1.4rem; }
    .footer-inn .footer-shop-info address {
      float: right; }

.copyright {
  margin: 0 auto;
  text-align: center; }




.title-item {
  background: #ffeac2;
  border-bottom: solid 2px #C57C0E;
  padding: 9px 0 7px 12px;
  font-weight: bold;
  color: #3a1200;
  font-size: 1.1rem;
  margin-bottom: 20px;
}


.sort-wrap {
  background: #fff;
  padding: 0 10px 0;
  margin-bottom: 25px;
}
.sort-wrap .sort-list {
  float: right;
  padding: 10px 0;
}
.sort-wrap .pager-list {
  float: left;
}

.sort-list ul {
  margin-left: -10px;
}
.sort-list ul li{
  float: left;
  margin-left: 10px;
}

.search-inn {
  padding: 15px;
}

.pager-list {
  background: #fff;
  text-align: center;
  padding: 10px 0;
}


/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
  text-align:left;
  margin-top:10px;
}

p#sk_link_other a {
  font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
}

#group-list {
  border-top:#838383 dotted 1px;
  padding:5px 0px 0px;
  margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}




.cta-wrap {
  background: #eee;
  padding: 10px;
  float: right;
  width: 55%;
}
.cta-bloc {
  background: #fff;
  padding: 10px;
}

.cta-bloc table {
  float: left;
  width: 50%;
}
.cta-bloc table tr {
  margin-bottom: 5px;
}
.cta-bloc table th {
  font-weight: bold;
}
.btn-cart {
  float: right;
}
p.detail-image {
  text-align: center;
  margin-bottom: 15px;
}
.explain-wrap {
  margin-bottom: 30px;
}

.musenmai-exp {
  float: left;
  width: 40%;
  padding: 10px 0 20px;
  background-image: url(https://img07.shop-pro.jp/PA01113/950/etc/bg-senmai.png?20140713134646);
  background-repeat: no-repeat;
  background-color: #fff;
}
.musenmai-exp h4 {
  font-size: 1.1rem;
  font-weight: bold;
  /* margin-bottom: 10px; */
  padding: 19px 5px 7px;
  text-shadow: 0 0 3px #fff;
}
.musenmai-exp p {
  padding: 0 20px;
  text-shadow: 0 0 3px #fff;
}
.detail-footer-area {
  margin-bottom: 30px;
}
input.cartin-btn {
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/btn-cartin02.png) no-repeat;
  border: 0;
  width: 180px;
  height: 60px;
  cursor: pointer;
}
input.cartin-btn:hover {
  opacity: 0.8;
}

.attention {
  color: red;
}

.sub-category-list {
  margin-left: -30px;
}
.sub-list {
 width: 222px;
margin-left: 30px;
float: left;
/* background: url(https://img07.shop-pro.jp/PA01113/950/etc/arrow-orange.png?20140713141624) no-repeat left; */
padding-left: 0;
padding: 10px 0;
margin-bottom: 15px;
border-bottom: dashed 1px #ddd;
background: #fff;
text-align: center;
}
.sub-list h3{
  /*min-height:45px;*/
  text-align:center;
}
.sub-list a {
  font-size: 1rem;
  display: block;
  background: #fff;
}

.history-item-wrap {
  margin-left: -12px;
}
.history-item {
  float: left;
  margin-left: 12px;
  width: 186px;
  text-align: center;
}
.history-item h5 a{
  font-weight: bold;
}


.cross-sell-wrap {
  margin-left: -30px;
}
.cross-sell-bloc {
  float: left;
  width: 222px;
  margin-left: 30px;
  text-align: center;
}





/*** 品種・特徴 ****/


.variety-title {
  margin-bottom: 25px; }
  .variety-title h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(https://img07.shop-pro.jp/PA01113/950/etc/variety-title.jpg?20140716114617) no-repeat;
    width: 100%;
    height: 267px; }

.variety-top {
  margin-bottom: 35px; }

.variety-top p {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 2;
  color: #444;
  width: 90%;
  margin: 0 auto; }

.variety-bloc {
  margin-bottom: 35px; }
  .variety-bloc .vb-left {
    float: left; }
  .variety-bloc .vb-right {
    float: right; }
    .variety-bloc .vb-right h2 {
      font-weight: bold;
      color: #ff7000;
      font-size: 1.3rem;
      border-bottom: solid 1px #ddd;
      padding: 5px 0 5px 5px; }
    .variety-bloc .vb-right p {
      font-size: 1.1rem;
      margin-bottom: 5px; }
      .variety-bloc .vb-right p a {
        font-weight: bold;
      }


.welcome-wrap {
  padding-left: 250px;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/prof-hiranosan.png?20140716171334) no-repeat top left;
  margin-bottom: 100px;
}

.welcome-wrap p{
  margin-bottom: 10px;
}

.license-area .license-left {
  float: left;
}
.license-area .license-left img{
  width: 300px;
  border: solid 1px #ddd;
}
.license-area .license-right {
  float: left;
  margin-left: 15px;
  font-weight: bold;
  font-size: 0.9rem;
  margin-top: 0;
}

.reason-touma-wrap {
  margin-bottom: 100px;
}
.reason-touma-wrap p{
  margin-bottom: 10px;
}
.reason-touma-wrap h2 {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #5f3724;
}

.reason-touma-wrap .reason-001{
  padding: 25px 25px 12px 180px;
  margin-bottom: 35px;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/prof-river.png?20140716171409) no-repeat left;
  text-shadow: 1px 1px #fff;
  background-color: #fff;
}
.reason-touma-wrap .reason-002{
  padding: 25px 180px 12px 25px;
  margin-bottom: 35px;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/prof-mountain.png?20140716171400) no-repeat right;
  text-shadow: 1px 1px #fff;
  background-color: #fff;
}
.reason-touma-wrap .reason-003{
  padding: 25px 25px 12px 180px;
  margin-bottom: 35px;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/prof-field.png?20140716171347) no-repeat left;
  text-shadow: 1px 1px #fff;
  background-color: #fff;
}

.kodawari-wrap {
  margin-bottom: 100px;
}
.kodawari-wrap p{
  margin-bottom: 10px;
}
.kodawari-wrap h2 {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
}



.hatsuga-wrap {
  margin-bottom: 100px;
}
.hatsuga-wrap p{
  margin-bottom: 10px;
}
.hatsuga-wrap h2{
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px; 
}
.btn-genta-story img{
  width: 290px;
  box-shadow: 0 2px 5px -3px #555;
}



.howto-cook-title {
  margin-bottom: 25px;
}
.howto-cook-flow {
  margin-bottom: 45px;
}
.howto-cook-title h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://img07.shop-pro.jp/PA01113/950/etc/title-how-to-cook.jpg) no-repeat;
  width: 100%;
  height: 267px;
}
.howto-cook-wrap h2 {
  color: #ff7000;
  font-size: 1.3rem;
  border-bottom: solid 1px #ddd;
  padding: 5px 0 5px 5px;
  font-weight: bold;
  margin-bottom: 20px;
}
.howto-cook-contents {
  margin-bottom: 15px;
}
.howto-cook-contents p {
  font-weight: bold;
}
.howto-cook-flow h3 {
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: bold;
  border-bottom: dotted 1px #aaa;
  color: #175F00;
}
.flow-001 p {
  margin-bottom: 15px;
}


.pami-manga {
width:650px;
background: #fff;
margin: 0 auto;
}
.pami-manga tr th{
text-align: center;
vertical-align: middle;
}



.info-wrap {
  background: #fff;
}
.info-bloc {
  height: 350px;
  overflow: auto;
  margin-top: -20px;
  padding: 20px;
}
.welcome-page h4 {
font-weight: bold;
font-size: 1.1rem;
margin: 20px 0 15px;
background: #fff;
padding: 10px;
color: #175F00;
}
.welcome-page h5 {
margin: 0 0 .5em;
color: #175F00;
}
.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 55px;
}
.pagetop a {
 display: block;
/* width: 50px; */
/* height: 43px; */
padding: 8px 15px 0;
background-color: #dadada;
text-align: center;
text-shadow: 1px 1px #fff;
color: #381E05;
font-size: 15px;
text-decoration: none;
line-height: 24px;
border-radius: 3px;
}
.pagetop a .top-arrow {
font-size: 21px;
}
p.top-btn-aboutPage {
  position: absolute;
  bottom: 92px;
  left: 440px;
}
}
.detail-teiki-content {
  padding: 15px;
}
.detail-teiki-content h3 {
  font-size: 16px;
  color: #612B00;
  padding: 10px;
  background: #fff;
  margin-bottom: 15px;
}
.detail-teiki-bloc {
  margin-bottom: 12px;
}
.detail-teiki-bloc p {
  font-size: 13px;
  margin-bottom: 5px;
}
.detail-teiki-bloc h4 {
  font-size: 14px;
  padding: 8px 5px;
  border-bottom: dashed 1px #aaa;
  color: #F87700;
  margin-bottom: 10px;
font-weight: bold;
}
.category-contents-u4 h4 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: dashed 1px #aaa;
}
.category-contents-u4 {
background: #fff;
padding: 15px 15px 5px;
}



          .otoku-wrap {
                padding: 8px;
                border: solid 1px #ccc;
            }
            .otoku-wrap h3 {
                font-size: 16px;
                color: #612B00;
                padding: 10px;
                background: #fff;
                border-bottom: dotted 1px #aaa;
                margin-bottom: 8px;
            }
            .otoku-bloc {
                background: #fff;
                padding: 10px;
            }
            .otoku-bloc h4 {
                color: #612B00;
            }
            .otoku-left {
                float: left;
                width: 48%;
                padding-right: 2%;
                border-right: dotted 1px #ddd;
            }
            .otoku-left h4{
                font-weight: bold;
                color: #444;
            }
            .otoku-left p {
                font-weight: bold;
                font-size: 1em;
                color: #555;
            }
            .otoku-left p b {
                font-size: 1.1em;
            }
            .otoku-right {
                float: right;
                width: 48%;
            }
            .otoku-right h4 {
                font-size: 1.1em;
                color: #612B00;
            }
            .otoku-right p {
                font-weight: bold;
                font-size: 1.1em;
                    
            }
            .otoku-right p b {
                font-size: 1.1em;
                color: #ff0000;
            }
            .otoku-bloc p{
            clear:both;
            }
            .otoku-bloc dl dt {
                float: left;
                width: 42%;
                background: #eee;
                padding: 10px 0;
                text-align: center;
                border-right: solid 1px #ddd;
                border-bottom: solid 1px #ddd;
            }
            .otoku-bloc dl dd {
                float: right;
                background: #fefefe;
                border-right: solid 1px #eee;
                border-bottom: solid 1px #eee;
                padding: 10px 0;
                width: 56%;
                text-align: center;
            }


.teiki-deliv-wrap {
        padding: 8px;
        border: solid 1px #ccc;
    }
    .teiki-deliv-wrap h4{
        color: #612B00;
    }
    .teiki-deliv-bloc {
        padding: 10px;
        background: #fff;
    }
    .teiki-deliv-bloc dl {
        width: 70%;
    }
    .teiki-deliv-bloc dl dt{
        float: left;
        width: 42%;
        background: #eee;
        padding: 10px 0;
        border-right: solid 1px #ddd;
        text-align: center;
        border-bottom: solid 1px #ddd;
    }
    .teiki-deliv-bloc dl dd{
        float: right;
        background: #fefefe;
        border-right: solid 1px #eee;
        border-bottom: solid 1px #eee;
        padding: 10px 0;
        width: 56%;
        text-align: center;
    }

.magokoro-bloc {
margin-bottom:35px;
}
.magokoro-bloc h4 {
font-weight:bold;
margin-bottom:15px;
}

/* 190921追加 */
.movie-wrap .welcome-page p{margin:0 1em 1em;}
.movie-wrap .welcome-page p.sign-hirano{text-align:right;}