@charset "UTF-8";
.conts {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px
  }

  .conts h1 {margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    /*border-left: solid 10px #c50018;*/
    font-size: 24px;
    font-weight: bold;
    color:#666666
    }

  #title {
    font-size: 14px;
    border: 1px solid #666;
    text-align: center;
    max-width: 360px;
    margin: 3px auto 20px auto;
    font-family: 'Noto Serif JP', serif;
    color:#666666;
  }

  #title a {
    color: #666;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
  }

  #title2 {
    font-size: 35px;
    text-align: center;
    max-width: 760px;
    margin: 20px auto;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    border: none;
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
    color: #666;
  
  }
  #title2 p {
    font-size: 18px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    border: none;
    color: #666;
  }

.conts h2 { margin-top: 20px;
            margin-bottom: 20px;
            padding-left: 10px;
            border-left: solid 10px #c50018;
            font-size: 20px;
            font-weight: bold;
            color:#666666
            }

.conts h3 {margin-top: 20px;
            margin-bottom: 5px;
            padding-left: 10px;
            border-left: solid 10px #c50018;
            font-size: 20px;
            font-weight: normal;
            color:#666666
            }

.conts h4 {margin-top: 20px;
            margin-bottom: 20px;
            margin-left:10px;
            padding-left: 10px;
            border-left: solid 10px #0078d7;
            font-size: 20px;
            font-weight: normal;
            color:#666666
            }

.conts p  {margin-top: 0;
            margin-bottom: 0;
            padding-top: 5px;
            padding-bottom: 10px;
            background-color: #ffffff;
            font-size: 14px;
            font-weight: normal;
            color:#666666
            }

.conts img { max-width: 100%;
              height: auto;
              vertical-align: bottom
            }

.conts li { list-style:none;
            font-size: 14px
          }

.conts a:hover {opacity: 0.8
}

.contsbox   {margin-top: 20;
             margin-bottom: 10px; 
             padding-top: 10px;
             padding-bottom: 10px
            }

.contsbox1 {margin-top: 5px;
  margin-bottom: 5px; 
  padding-top: 10px;
  padding-bottom: 10px
}

.contsbox2 {margin-top: 5px;
    margin-bottom: 5px; 
    padding-top: 10px;
    padding-bottom: 10px
  }
                          
.conts:after   {content: "";
  display: block;
  clear: both
}

.contsbox1     {float: left;
  width: 49.5%;
  margin-right: 1%
}

.contsbox2     {float: right;
  width: 49.5%
  }

/*ポリシー*/
.policy    {display: block;
            background-color: #ffffff;
            color: #222222;
            text-align: center;
            text-decoration: none;
            border:thin solid #222222
          }

.policy p  {margin-top: 0;
            margin-bottom: 0;
            padding: 15px;
            padding-bottom: 10px;
            background-color: #ffffff;
            color:#666666;
            font-size: 14px
          }

/*category-boxを横に並べる設定*/
.category-box:after   {content: "";
               display: block;
               clear: both
              }

.category-box1  {float: left;
                 width: 25%;
                 margin-right: 0%
                }

.category-box2  {float: left;
                 width: 25%;
                 margin-right: 0%
                }

.category-box3  {float: left;
                 width: 25%;
                 margin-right: 0%
                }

.category-box4  {float: right;
                 width: 25%
                }

/*category-boxBを横に並べる設定*/
.category-boxB:after   {content: "";
               display: block;
               clear: both
              }

.category-box5  {float: left;
                 width: 49%;
                 margin-right: 2%
                }

.category-box6  {float: right;
                 width: 49%
                }

/*category-boxCを横に並べる設定*/
.category-boxC:after   {content: "";
               display: block;
               clear: both
              }

.category-box7  {float: left;
                 width: 32%;
                 margin-right: 2%
                }

.category-box8  {float: right;
                 width: 32%;
                 margin-right: 2%
                }
                 
.category-box9  {float: right;
                 width: 32%
                }

/* ############ 取扱店舗ページ ############## */

.toriatsukai     {margin-top:20px;
                  margin-bottom:20px; 
                  padding-left: 15px;
                  padding-right: 15px
                }

.toriatsukaibox a  {font-size:14px;
                    color:#666666;
                    text-decoration: none
                }

.toriatsukai img { max-width: 100%;
                   height: auto
                  }

/* ############ 会社概要ページ ############## */

table.t_all {
	border-collapse: collapse;
	width:100%
}

th.t_top {
    border-top: #be1309 4px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal
}

th.t_all {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal
}

td.t_top {
	border-top: #b3b3b3 4px solid;
	text-align: left;
	padding: 10px
}

td.t_all {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px
}

table {
   table-layout: fixed;
   width: 100%
}

/* ############ 卸売についてページ ############## */

/*問い合わせボタン*/
.square_btn35{
    display: inline-block;
    position: relative;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #000;
    transition: .4s
}

.square_btn35:hover {
    color:#ff7f7f
}

.square_btn35:before,.square_btn35:after{
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block
}

.square_btn35:before{
  border-left: solid 1px #ff7f7f;
  border-top: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  left: 0
}

.square_btn35:after{
  content: '';
  border-top: solid 1px #ff7f7f;
  border-right: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  right: 0
}

/*テキスト縦位置中央*/
div.relative {
    position: relative
}

span.absolute{
    position: absolute;
    top: 50%;
    left: 15px;
    margin: -0.5em
}

/* ############ orderページ ############## */

.order a:hover {opacity: 0.8
}

.order h3 {margin-top: 20px;
            margin-bottom: 20px;
            padding-left: 10px;
            border-left: solid 5px #c50018;
            font-size: 20px;
            font-weight: normal;
            color:#666666
            }

.order p  {margin-top: 0;
            margin-bottom: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #ffffff;
            font-size: 14px;
            font-weight: normal;
            color:#666666
            }

.order img { max-width: 100%;
              height: auto;
              vertical-align: bottom
            }

.order li  {list-style:none;
            font-size: 14px
          }


/*orderページボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn,
a.btn,
button.btn {
  font-size: 1.0rem;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #FFA400;
  border-radius: 10px;
}

/*主な共通部分は省略*/

a.btn-border {
  border: 2px solid #FFA400;
  border-radius: 0;
  background: #fff;
}

a.btn-border:hover {
  color: #fff;
  background: #FFA400;
}


/* ############ Q&Aページ ############## */

.faq     {margin-top:20px;
          margin-bottom:20px; 
          padding-left: 15px;
          padding-right: 15px
        }

.faqbox a  {
            font-size:14px;
            color:#FFFFFF;
            text-decoration: none
            }

.faq img { max-width: 100%;
              height: auto
            }

.faq h1 {margin-top: 20px;
         margin-bottom: 20px;
         padding-left: 20px;
         border-left: solid 10px #c50018;
         font-size: 30px;
         font-weight: normal
         }

.faq h2  {margin-top: 20px;
          margin-bottom: 0px;
          padding-left:10px;
          font-size: 26px;
          font-weight: normal;
          color:#0078d7
          }

.faq h3 {margin-top: 20px;
         margin-bottom: 0px;
         padding-left: 20px;
         font-size: 26px;
         font-weight: normal
         }

.faq h2:before {content: "Q.";
                font-size:150%
              }

.faq p    {margin-top: 0px;
           margin-bottom: 20px;
           padding-left:10px;
           font-weight: normal;
           color:#666666
           }
           
           .faq p:before {
            content: "A.";
            color: #ff0000;
            font-size:200%
          }

.faq hr    {color:#CCCCCC
           }

.faqbox    {padding-top: 10px;
            padding-bottom: 10px
          }

.faqbox a:hover {opacity: 0.8
                }

.faqbox h2 {margin-top: 20px;
            margin-bottom: 20px;
            padding-left: 10px;
            font-size: 20px;
            font-weight: normal;
            color:#c50018
            }

.faqbox p  {margin-bottom: 20px;
            font-size:14px;
            color:#666666;
            margin-top: 10px
            }

/*faqbox1とfaqbox2を横に並べる設定*/

.faqbox:after{content: "";
             display: block;
             clear: both
            }

.faqbox1     {float: left;
             width: 49.5%;
             margin-right: 1%
            }

.faqbox2    {float: left;
             width: 49.5%
            }

/* ############ eventページ ############## */

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s
}

.btn-flat-border:hover {
  background: #67c5ff;
  color: white
}

.event     { margin-top:20px;
             margin-bottom:20px; 
             padding-left: 15px;
             padding-right: 15px
            }

.event a  {font-size:14px;
           color:#666666;
           text-decoration: none
          }

.event img { max-width: 100%;
              height: auto
            }

.event h3 {margin-top: 20px;
         margin-bottom: 0px;
         padding-left: 20px;
         font-size: 26px;
         font-weight: normal
         }

.event p  {margin-top: 0;
            margin-bottom: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #ffffff;
            font-size: 14px;
            font-weight: normal;
            color:#666666
            }

.event hr    {color:#CCCCCC
           }

.eventbox a:hover {opacity: 0.8
           }

.eventbox p  { margin-bottom: 20px;
               font-size:14px;
               color:#666666;
               margin-top: 10px
              }

.eventbox    { padding-top: 10px;
               padding-bottom: 10px
             }

/*faqbox1とfaqbox2を横に並べる設定*/

.eventbox:after{content: "";
                display: block;
                clear: both
               }

.eventbox1     { float: left;
                 width: 49.5%;
                 margin-right: 1%
               }

.eventbox2    { float: left;
                width: 49.5%
              }

/* ############ giftページ ############## */
.gift img { max-width: 100%;
            height: auto;
            vertical-align: bottom;
            box-align:center
            }

/*.gift p { font-size: calc(70% + 0.5vw) }*/

#contentbox, #borderbox {
  /*以下、親要素を見やすい設定に*/
  background: silver;
  padding: 10px 0
            }

#contentbox p {
  box-sizing: content-box
  }

#borderbox p {
  box-sizing: border-box
  }

#contentbox p, #borderbox p {
/*どちらも同じ幅・余白設定に*/	
  width: 90%;
  margin: 5%;
  padding: 10px;
  border: solid 5px black;
  background:orange
  }

/* ############ innerbox ############## */
/*inner-boxを横に並べる設定*/
.inner-box:after {content: "";
                  display: block;
                  clear: both
                }

.inner-box1  {float: left;
              width: 23.5%;
              margin-right: 2%
              }

.inner-box2  {float: left;
              width: 23.5%;
              margin-right: 2%
              }

.inner-box3  {float: left;
              width: 23.5%;
              margin-right: 2%
              }

.inner-box4  {float: right;
              width: 23.5%
              }

/* ############ カレンダー ############## */
table.calbase_rakuten     {
  background-color: #FFFFFF;
  border:1px solid #CECECE;
  width: 100%;
  border-collapse: collapse;
  padding: 0px 0px 10px 0px
  }

table.calbase_rakuten *   {
  font-size: 98%;
  color: #000000;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px
  }

table.calbase_rakuten th  {
  text-align: center
  }

th.caltitle_rakuten       {
  font-size: 85%;
  padding: 10px 0px 0px 0px
  }

table.calframe_rakuten    {
  border-collapse: collapse;
  margin: 10px 10px 0px 10px;
  table-layout: fixed;
  width: 100%
  }

table.calframe_rakuten th {
  text-align: center;
  padding: 0px 0px 3px 0px
  }

table.calframe_rakuten td {
  border:1px solid #000000;
  background-color: #FFFFFF;
  width:16px;
  height:16px;
  text-align: center
  }

tr.weektitle_rakuten td   {
  background-color: #CCCCCC
  }

td.event1day_rakuten      {
  background-color: #FF33CC !important
  }

font.event1day_rakuten    {
  color: #FF33CC
  }

td.event2day_rakuten      {
  background-color: #33CCFF !important
  }

font.event2day_rakuten    {
  color: #33CCFF
  }

td.event3day_rakuten      {
  background-color: #FFCC33 !important
  }

font.event3day_rakuten    {
  color: #FFCC33
  }

table.event_rakuten       {
  text-align: left;
  word-break: break-all;
  margin: 7px 10px 7px 10px;
  border-collapse: collapse;
  line-height:120%;
  table-layout: fixed;
  width: 100%
  }

table.event_rakuten td   {
  padding: 0px 0px 0px 0px
  }

table.text_rakuten       {
  text-align: left;
  word-break: break-all;
  margin: 0px 10px 10px 10px;
  border-collapse: collapse;
  line-height:120%;
  table-layout: fixed;
  width: 100%
  }

/* ############ 768px以上 ############## */
@media (min-width: 768px){
}