@charset "UTF-8";
  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, menu, nav, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }

  body {
    line-height: 1;
  }

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

  blockquote, q {
    quotes: none;
  }

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

  a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }

  ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }

  mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }

  del {
    text-decoration: line-through;
  }

  abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }

  hr {
    display: block;
    height: 30px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }

  input, select {
    vertical-align: middle;
  }

  address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
  }

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

  caption, th {
    text-align: left;
  }

  object, embed {
    vertical-align: middle;
  }

  legend {
    display: none;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }

  img, abbr, acronym, fieldset {
    border: 0 none;
  }

  img {
    vertical-align: middle;
  }

  ul li {
    list-style-type: none;
  }

  /*----------------------------------------------------
  	共通
  ----------------------------------------------------*/
  /* スクロールバーの有無によるズレ対策 */
  html {
    overflow-y: scroll;
  }

  input,
  textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  }

  /* for IE6 */
  * html body {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  }

  * html input,
  * html textarea {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  }

  /* リンク
  ----------------------------------------------------*/
  a {
    color: #333;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }

  /* 汎用
  ----------------------------------------------------*/
  /* clear clerfix */
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

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

  .content,
  .clearfix {
    zoom: 1;
    /* for IE5.5 - IE7 */
  }

  /* 画像の透過 */
  .trans a:hover,
  .trans input[type="submit"]:hover,
  a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }

  /*box-sizing */
  *, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body {
    font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif';
    font-size: 14px;
    background: #fff;
    line-height: 25.2px;
  }

  /*----------------------------------------------------
  	各ページスタイル
  ----------------------------------------------------*/
  /* 共通
  -----------------------------------------------------------------------------------------------*/
  #contents {
    margin: 40px auto;
    width: 1000px;
  }

  #contents:after,
  #contents_low:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
  }

  #index,
  #category,
  #page {
    float: right;
    width: 740px;
  }

  #side {
    float: left;
    width: 230px;
  }

  a.trance:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  .inner {
    width: 1000px;
    margin: 0 auto;
  }

  #main p,
  #lower-main p {
    font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 10px 0;
  }

  /*----------------------------------------------------
  	PCサイトcss
  ----------------------------------------------------*/
  @media screen and (min-width: 961px) {
    .pc {
      display: block;
    }

    .smt {
      display: none;
    }

    body {
      color: #333;
      background: #F5F2E9;
    }

    #wrap {
      margin: 5px 0 0;
      border-top: 1px solid #DAD1C7;
    }

    #contents {
      width: 100%;
      max-width: 1030px;
      margin: 20px auto 135px;
      padding: 0 15px;
    }

    .inner {
      width: 100%;
      max-width: 1000px;
      margin: auto;
    }
    #main-view img {
      width: 100%;
      height: auto;
    }
  /*
    img {
      width: 100%;
      height: auto;
    }
  */
    a {
      text-decoration: none;
    }

    h1, h2, h3, h4, h5, h6, .sitename {
      text-align: center;
      color: #36200C;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      line-height: 1.6;
    }



    /*--------------------------------------
    　header
    ---------------------------------------*/
    header {
      padding: 0 0 10px;
    }

    .boxInner {
      padding: 15px 0;
    }

    header h1 ,
    .sitename {
      /*width: 216px;*/
      margin: auto;
      padding: 40px 40px 0;
      text-align: center;
      font-size: 24px;
      background: url(./img/common/header/symbol.png) no-repeat top center;
      -moz-background-size: 140px auto;
      -o-background-size: 140px auto;
      -webkit-background-size: 140px auto;
      background-size: 140px auto;
    }

    .sitename a:hover {
      opacity: 0.6;
    }

    #lead {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.8;
      background-color: #FDE187;
      padding: 3px 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #lead .inner {
      position: relative;
      padding: 0;
    }
    #lead p {
      text-align: left;
    }
    #lead a {
      position: absolute;
      top: 0;
      right: 0;
    }
    #lead a:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 6px;
      height: 6px;
      border-top: 1px solid #333;
      border-right: 1px solid #333;
      margin-left: 5px;
      position: relative;
      top: -1px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #lead a:hover {
      opacity: .5;
    }

    /*--------------------------------------
    　Global Nav
    ---------------------------------------*/
    nav.pc {
      text-align: center;
    }
    nav.pc ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      letter-spacing: -.4em;
      font-size: 14px;
      line-height: 1.8;
    }
    nav.pc ul li {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 16%;
      max-width: 154px;
      margin: 0 2%;
    }
    nav.pc ul li a {
      position: relative;
      display: table;
      width: 100%;
      height: 100%;
      font-weight: bold;
      padding: 25px 0;
      background: url(./img/common/header/bg_nav-top.png) no-repeat top center, url(./img/common/header/bg_nav-btm.png) no-repeat bottom center;
      -moz-background-size: 154px auto;
      -o-background-size: 154px auto;
      -webkit-background-size: 154px auto;
      background-size: 154px auto;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    nav.pc ul li a span {
      display: table-cell;
      vertical-align: middle;
    }
    nav.pc ul li a:hover {
      color: #FB5B85;
    }

    /*--------------------------------------
    　Pankuzu
    ---------------------------------------*/
    #pankuzu {
      max-width: 1030px;
      margin: auto;
      padding: 0 0 15px 15px;
      font-size: 12px;
    }
    #pankuzu a:hover {
      text-decoration: underline;
    }

    /*--------------------------------------
    　Main Contents
    ---------------------------------------*/
    #index,
    #category,
    #page {
      width: calc(100% - 260px);
      max-width: 740px;
      margin: 10px 0 0;
    }
    #index h2,
    #category h1,
    #page h1 {
      position: relative;
      font-size: 30px;
      padding: 20px 15px 20px 90px;
      margin: 0 0 40px;
      background: #fff url(./img/common/main/bg_h-large.png) no-repeat 15px center;
      -moz-background-size: 58px auto;
      -o-background-size: 58px auto;
      -webkit-background-size: 58px auto;
      background-size: 58px auto;
    }
    #index h2:before,
    #index h2:after,
    #category h1:before,
    #category h1:after,
    #page h1:before,
    #page h1:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 8.5px;
    }
    #index h2:before,
    #category h1:before,
    #page h1:before {
      top: 0px;
      background: url(./img/common/main/bg_h-large-top.png) repeat-x top left;
      -moz-background-size: 72px 8.5px;
      -o-background-size: 72px 8.5px;
      -webkit-background-size: 72px 8.5px;
      background-size: 72px 8.5px;
    }
    #index h2:after,
    #category h1:after,
    #page h1:after {
      bottom: 0px;
      background: url(./img/common/main/bg_h-large-btm.png) repeat-x top left;
      -moz-background-size: 72px 8.5px;
      -o-background-size: 72px 8.5px;
      -webkit-background-size: 72px 8.5px;
      background-size: 72px 8.5px;
    }
    #index h3,
    #category h2,
    #page h2 {
      position: relative;
      font-size: 26px;
      padding: 0 0 6%;
      max-width: 740px;
      margin: 40px auto;
      background: url(./img/common/main/bg_h-middle.png) no-repeat bottom left;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index h4,
    #category h3,
    #page h3 {
      position: relative;
      font-size: 20px;
      margin: 40px 0;
      padding: 10px;
      background: url(./img/common/main/bg_h-small.png);
      -moz-background-size: 36px auto;
      -o-background-size: 36px auto;
      -webkit-background-size: 36px auto;
      background-size: 36px auto;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
    }
    #index h4:before,
    #category h3:before,
    #page h3:before {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      left: 30px;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top: 20px solid #FFC2D2;
    }
    #index h5,
    #category h4,
    #page h4 {
      margin: 40px 0;
      padding: 15px 30px;
      text-align: left;
      font-size: 18px;
      background: url(./img/common/main/bg_h-xsmall.png) repeat-x bottom left;
      -moz-background-size: 20px auto;
      -o-background-size: 20px auto;
      -webkit-background-size: 20px auto;
      background-size: 20px auto;
    }
    #index .in,
    #category .in,
    #page .in {
      padding: 0 0 10px;
    }
    #index p,
    #category p,
    #page p {
      overflow: hidden;
      margin: 10px 0;
    }
    #index p span,
    #category p span,
    #page p span {
      color: #FF4980;
      font-size: 18px;
      font-weight: bold;
    }
    #index p a,
    #category p a,
    #page p a {
      float: right;
      border: 0;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      vertical-align: top;
      padding: 0;
      color: #FB5B85;
      font-weight: bold;
      padding-left: 18px;
      background: url(./img/common/main/arw_pink.svg) no-repeat left 4px;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
      -moz-transition: all 0s;
      -o-transition: all 0s;
      -webkit-transition: all 0s;
      transition: all 0s;
      text-decoration: underline;
      font-size: 16px;
    }
    #index p a:hover,
    #category p a:hover,
    #page p a:hover {
      color: #5C4C36;
      background: url(./img/common/main/arw_brown.svg) no-repeat left 4px;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
    }
    #index p.emp,
    #category p.emp,
    #page p.emp {
      font-size: 16px;
    }
    #index ul,
    #index ol,
    #category ul,
    #category ol,
    #page ul,
    #page ol {
      margin: 10px 0;
    }
    #index ul li,
    #index ol li,
    #category ul li,
    #category ol li,
    #page ul li,
    #page ol li {
      font-size: 16px;
      line-height: 1.8;
    }
    #index ul li,
    #category ul li,
    #page ul li {
      padding: 5px 0 5px 42px;
      background: url(./img/common/main/bg_ul.png) no-repeat left 7px;
      -moz-background-size: 24px auto;
      -o-background-size: 24px auto;
      -webkit-background-size: 24px auto;
      background-size: 24px auto;
    }
    #index ol,
    #category ol,
    #page ol {
      counter-reset: my-counter;
      list-style: none;
    }
    #index ol li,
    #category ol li,
    #page ol li {
      position: relative;
      padding: 5px 0 5px 44px;
      margin: 0 0 0 -6px;
    }
    #index ol li:before,
    #category ol li:before,
    #page ol li:before {
      content: counter(my-counter);
      counter-increment: my-counter;
      position: absolute;
      top: 3px;
      left: 0;
      width: 40px;
      height: 35px;
      padding: 0 0 0 12px;
      font-size: 14px;
      font-weight: bold;
      line-height: 2.3;
      background: url(./img/common/main/bg_ol.png) no-repeat left center;
      -moz-background-size: 40px auto;
      -o-background-size: 40px auto;
      -webkit-background-size: 40px auto;
      background-size: 40px auto;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #index .rank-wrap,
    #category .rank-wrap,
    #page .rank-wrap {
      margin: 5% 0 3%;
    }
    #index .rank,
    #index .recommend,
    #category .rank,
    #category .recommend,
    #page .rank,
    #page .recommend {
      position: relative;
      padding: 5px;
      margin: 30px 0;
      background-color: #fff;
    }
    #index .rank div,
    #index .recommend div,
    #category .rank div,
    #category .recommend div,
    #page .rank div,
    #page .recommend div {
      display: block;
      color: #36200C;
      font-size: 20px;
      line-height: 1.6;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      border: 1px solid #E5D3A5;
      padding: 8px 10px 8px 85px;
    }
    #index .rank1:before,
    #index .rank2:before,
    #index .rank3:before,
    #index .rank4:before,
    #index .recommend:before,
    #category .rank1:before,
    #category .rank2:before,
    #category .rank3:before,
    #category .rank4:before,
    #category .recommend:before,
    #page .rank1:before,
    #page .rank2:before,
    #page .rank3:before,
    #page .rank4:before,
    #page .recommend:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: -20px;
      width: 100px;
      height: 85px;
      margin:-39px 0;
    }
    #index .rank1:before,
    #category .rank1:before,
    #page .rank1:before {
      background: url(./img/common/main/ico_rank1.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .rank2:before,
    #category .rank2:before,
    #page .rank2:before {
      background: url(./img/common/main/ico_rank2.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .rank3:before,
    #category .rank3:before,
    #page .rank3:before {
      background: url(./img/common/main/ico_rank3.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .rank4:before,
    #category .rank4:before,
    #page .rank4:before {
      background: url(./img/common/main/ico_rank4.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .recommend:before,
    #category .recommend:before,
    #page .recommend:before {
      background: url(./img/common/main/ico_recommend.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index table,
    #category table,
    #page table {
      margin: 40px 0;
      width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
      font-size: 13px;
      line-height: 1.6;
    }
    #index table tr th,
    #index table tr td,
    #category table tr th,
    #category table tr td,
    #page table tr th,
    #page table tr td {
      text-align: left;
      vertical-align: middle;
      word-wrap: break-word;
      padding: 8px 10px;
    }
    #index table tr th,
    #category table tr th,
    #page table tr th {
      color: #36200C;
      font-weight: bold;
      background-color: #FAE3E9;
      border: 1px solid #9A8873;
    }
    #index table tr td,
    #category table tr td,
    #page table tr td {
      background-color: #fff;
      border: 1px solid #9A8873;
    }
    #index table tr:first-child th,
    #category table tr:first-child th,
    #page table tr:first-child th {
      /*background-color: #F5C8D4;*/
    }
    #index .float-wrap,
    #category .float-wrap,
    #page .float-wrap {
      overflow: hidden;
      margin: 10px 0;
    }
    /*#index .float-wrap .float-img,
    #category .float-wrap .float-img,
    #page .float-wrap .float-img {
      width: 222px;
    }*/
    #index .float-wrap .float-img span,
    #category .float-wrap .float-img span,
    #page .float-wrap .float-img span {
      line-height: 0;
      position: relative;
      display: block;
      padding: 5px;
      background-color: #fff;
      border: 1px solid #D2D2D2;
    }
    #index .float-wrap .float-img span:before,
    #index .float-wrap .float-img span:after,
    #category .float-wrap .float-img span:before,
    #category .float-wrap .float-img span:after,
    #page .float-wrap .float-img span:before,
    #page .float-wrap .float-img span:after {
      content: '';
      display: block;
      width: 15px;
      height: 100%;
      max-height: 98%;
      position: absolute;
      top: 50%;
      z-index: 1;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    #index .float-wrap .float-img span:before,
    #category .float-wrap .float-img span:before,
    #page .float-wrap .float-img span:before {
      left: -11px;
      background: url(./img/common/main/img_left.svg) no-repeat left top;
      -moz-background-size: 15px 100%;
      -o-background-size: 15px 100%;
      -webkit-background-size: 15px 100%;
      background-size: 15px 100%;
    }
    #index .float-wrap .float-img span:after,
    #category .float-wrap .float-img span:after,
    #page .float-wrap .float-img span:after {
      right: -11px;
      background: url(./img/common/main/img_right.svg) no-repeat right top;
      -moz-background-size: 15px 100%;
      -o-background-size: 15px 100%;
      -webkit-background-size: 15px 100%;
      background-size: 15px 100%;
    }
    #index .float-wrap .float-img .quotation,
    #category .float-wrap .float-img .quotation,
    #page .float-wrap .float-img .quotation {
      display: block;
      text-align: center;
      color: #A8A8A8;
      font-size: 11px;
      line-height: 1.6;
      margin: 20px 0 0;
    }
    #index .float-wrap .float-img.fl,
    #category .float-wrap .float-img.fl,
    #page .float-wrap .float-img.fl {
      float: left;
      margin: 15px 4% 10px 10px;
    }
    #index .float-wrap .float-img.fr,
    #category .float-wrap .float-img.fr,
    #page .float-wrap .float-img.fr {
      float: right;
      margin: 15px 10px 10px 4%;
    }
    #index .btns,
    #category .btns,
    #page .btns {
      text-align: center;
    }
    #index .btns ,
    #category .btns ,
    #page .btns {
      position: relative;
      /*display: inline-block;*/
      display:block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      text-align: left;
      width: 98%;
      max-width: 320px;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      padding:15px 40px 15px 30px;
      margin: 1.5% auto;
      background-color: #6F5430;
      border: 2px solid #8C7D69;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
    #index .btns:hover,
    #category .btns:hover,
    #page .btns:hover {
      background-color: #F27900;
      border: 2px solid #FFC38D;
    }
    #index .btns[target="_blank"],
    #category .btns[target="_blank"],
    #page .btns[target="_blank"] {
      padding:15px 40px 15px 30px;
      border: 0;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmYzI3ZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGZjMjdmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNjMzlkNTUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzlkNTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfc27f), color-stop(50%, #dfc27f), color-stop(51%, #c39d55), color-stop(100%, #c39d55));
      background: -moz-linear-gradient(top, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
      background: -webkit-linear-gradient(top, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
      background: linear-gradient(to bottom, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
    }
    #index .btns[target="_blank"]:before,
    #category .btns[target="_blank"]:before,
    #page .btns[target="_blank"]:before {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: 1px solid #fff;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index .btns[target="_blank"]:hover,
    #category .btns[target="_blank"]:hover,
    #page .btns[target="_blank"]:hover {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViOWI0YyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNWI5YjRjIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMzMzg1MzIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzg1MzIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b9b4c), color-stop(50%, #5b9b4c), color-stop(51%, #338532), color-stop(100%, #338532));
      background: -moz-linear-gradient(top, #5b9b4c 0%, #5b9b4c 50%, #338532 51%, #338532 100%);
      background: -webkit-linear-gradient(top, #5b9b4c 0%, #5b9b4c 50%, #338532 51%, #338532 100%);
      background: linear-gradient(to bottom, #5b9b4c 0%, #5b9b4c 50%, #338532 51%, #338532 100%);
    }
    #index .btns[href^="tel:"],
    #category .btns[href^="tel:"],
    #page .btns[href^="tel:"] {
      display: none;
    }
    #index .box-wrap,
    #category .box-wrap,
    #page .box-wrap {
      letter-spacing: -.4em;
      margin: 40px -1.5%;
    }
    #index .box,
    #category .box,
    #page .box {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      vertical-align: top;
      width: 47%;
      margin: 0 1.5%;
      padding: 5px;
      background-color: #fff;
    }
    #index .box .box-in,
    #category .box .box-in,
    #page .box .box-in {
      position: relative;
      padding: 20px 0 10px;
      background: url(./img/common/main/bg_box-top.svg) no-repeat top center, url(./img/common/main/bg_box-btm.svg) no-repeat bottom center, url(./img/common/main/bg_box-body.png) repeat-y top center;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .box .box-head,
    #category .box .box-head,
    #page .box .box-head {
      text-align: center;
      line-height: 1.6;
    }
    #index .box .box-head a,
    #index .box .box-head span,
    #category .box .box-head a,
    #category .box .box-head span,
    #page .box .box-head a,
    #page .box .box-head span {
      display: block;
      color: #462B0D;
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 10px 30px 10px 5px;
      margin: 0 30px;
      border-bottom: 1px solid #DED9CC;
      background: url(./img/common/main/arw_gold.svg) no-repeat right center;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index .box .box-body,
    #category .box .box-body,
    #page .box .box-body {
      font-size: 12px;
      padding: 15px 30px;
    }
    #index .box .box-body p,
    #category .box .box-body p,
    #page .box .box-body p {
      margin: 0;
    }
    #index .box .box-body a,
    #category .box .box-body a,
    #page .box .box-body a {
      display: none;
    }
    #index .box a.permalink,
    #category .box a.permalink,
    #page .box a.permalink {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #index .box:hover,
    #category .box:hover,
    #page .box:hover {
      background-color: #DBCEB4;
    }
    #index .box:hover .box-in,
    #category .box:hover .box-in,
    #page .box:hover .box-in {
      background: url(./img/common/main/bg_box-top-hover.svg) no-repeat top center, url(./img/common/main/bg_box-btm-hover.svg) no-repeat bottom center, url(./img/common/main/bg_box-body-hover.png) repeat-y top center;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .box:hover .box-head a,
    #index .box:hover .box-head span,
    #category .box:hover .box-head a,
    #category .box:hover .box-head span,
    #page .box:hover .box-head a,
    #page .box:hover .box-head span {
      border-bottom: 1px solid #fff;
      background: url(./img/common/main/arw_white.svg) no-repeat right center;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index .frame-wrap,
    #category .frame-wrap,
    #page .frame-wrap {
      letter-spacing: -.4em;
      margin: 4% -1%;
    }
    #index .frame,
    #category .frame,
    #page .frame {
      letter-spacing: normal;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      vertical-align: top;
      width: 31.3%;
      margin: 0 1%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #index .frame .frame-head,
    #category .frame .frame-head,
    #page .frame .frame-head {
      color: #36200C;
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      background-color: #FAD7E3;
      border: 1.8px solid #fff;
      padding: 10px 20px;
    }
    #index .frame .frame-body,
    #category .frame .frame-body,
    #page .frame .frame-body {
      font-size: 12px;
      padding: 10px 20px;
      background-color: #fff;
    }
    #index .frame .frame-body p,
    #category .frame .frame-body p,
    #page .frame .frame-body p {
      margin: 0;
    }
    #index .frame:before,
    #index .frame:after,
    #category .frame:before,
    #category .frame:after,
    #page .frame:before,
    #page .frame:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 20px;
      height: 20px;
      background: url(./img/common/main/horn_frame-top.svg) no-repeat;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .frame:before,
    #category .frame:before,
    #page .frame:before {
      left: 0;
    }
    #index .frame:after,
    #category .frame:after,
    #page .frame:after {
      right: 0;
      -moz-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      transform: scale(-1, 1);
    }
    #index .frame-in,
    #category .frame-in,
    #page .frame-in {
      border: 5px solid #FAD7E3;
    }
    #index .frame-in:before,
    #index .frame-in:after,
    #category .frame-in:before,
    #category .frame-in:after,
    #page .frame-in:before,
    #page .frame-in:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 18px;
      height: 18px;
      background: url(./img/common/main/horn_frame-btm.svg) no-repeat;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .frame-in:before,
    #category .frame-in:before,
    #page .frame-in:before {
      left: 0;
    }
    #index .frame-in:after,
    #category .frame-in:after,
    #page .frame-in:after {
      right: 0;
      -moz-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      transform: scale(-1, 1);
    }

    #page h2 a:hover,
    #page li a:hover {
        text-decoration: underline;
    }

    /*--------------------------------------
    　Side
    ---------------------------------------*/
    #side {
      /*width: 220px;*/
      width: 222px;
      padding: 15px 0 0;
    }
    #side .free {
      position: relative;
      background: url(./img/common/side/free_top.png) no-repeat top center, url(./img/common/side/free_btm.png) no-repeat bottom center, url(./img/common/side/free_body.png) repeat-y top center;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
      padding: 15px 14px 5px;
      margin: 0 -8px;
    }
    /*#side .free .free-head {
      padding: 20px 15px 10px;
    }*/
    #side .free .free-head a {
      text-align: center;
      color: #462B0D;
      font-size: 20px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 20px 15px 10px;
      display: block;
    }
    #side .free .free-body p {
      padding: 10px;
    }
    #side .free .free-body a {
      position: relative;
      display: block;
      text-align: center;
      color: #fff;
      font-weight: bold;
      background: #FD7596 url(./img/common/main/arw_white.svg) no-repeat 90% center;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
      padding: 15px 45px;
      margin: 0 5px 5px 5px;
    }
    #side .free .free-body a:hover {
      background: #FF9F40 url(./img/common/main/arw_white.svg) no-repeat 90% center;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
    }
    #side .free .free-head a:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 1;
      width: 105%;
      height: 118px;
      /*height: 25%;*/
      background: url(./img/common/side/free_flower.png) no-repeat center top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
      -moz-transform: translate(-50%, -15%);
      -ms-transform: translate(-50%, -15%);
      -webkit-transform: translate(-50%, -15%);
      transform: translate(-50%, -15%);
    }
    #side .free .free-head a:hover {
      color:#ab9a88;
    }
    #side .sideBox .sttl {
      margin: 30px 0 0;
      background: url(./img/common/side/categorytop_bg.png);
    }
    #side .sideBox .sttl a {
      display: block;
      color: #36200C;
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 10px 10px 10px 55px;
      background: url(./img/common/side/ico_cat.png) no-repeat 10px center;
    }
    #side .sideBox .sttl a:hover {
      color: #FB5B85;
    }
    #side .sideBox ul {
      margin: 10px 0 0;
    }
    #side .sideBox ul li {
      margin: 6px 0 0;
    }
    #side .sideBox ul li a {
      display: block;
      padding: 8px 10px 8px 30px;
      background: #fff url(./img/common/main/arw_pink.svg) no-repeat 10px center;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    #side .sideBox ul li a:hover {
      color: #A2A2A2;
    }
    #side .sideBox ul li.subcat a {
      background: #fff url(./img/common/main/arw_lightgray.svg) no-repeat 10px center;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
    }

    /*--------------------------------------
    　Footer
    ---------------------------------------*/
    footer {
      text-align: center;
      background: url(./img/common/footer/bg.png);
      -moz-background-size: 32px auto;
      -o-background-size: 32px auto;
      -webkit-background-size: 32px auto;
      background-size: 32px auto;
      padding: 45px 0 0;
    }
    footer .flinks {
      max-width: 820px;
      margin: auto;
      position: relative;
    }
    footer .flinks a {
      display: block;
    }
    footer .flinks a span {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      position: relative;
    }
    footer .flinks-head {
      padding: 10px;
      font-size: 14px;
    }
    footer .flinks-body {
      text-align: left;
      letter-spacing: -.4em;
    }
    footer .flinks-body dl {
      letter-spacing: normal;
      margin: 25px 0 0;
    }
    footer .flinks-body dl dt {
      margin: 0 0 10px;
    }
    footer .flinks-body dl dt a {
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 0 0 10px;
      border-bottom: 1px solid #C4A260;
    }
    footer .flinks-body dl dt a:hover {
      color: #A9A188;
    }
    footer .flinks-body dl dd ul {
      letter-spacing: -.4em;
    }
    footer .flinks-body dl dd ul li {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      vertical-align: top;
      width: 18%;
      margin-right: 2%;
    }
    footer .flinks-body dl dd ul li a {
      padding: 3px 0;
      font-size: 13px;
    }
    footer .flinks-body dl dd ul li a span {
      padding-left: 20px;
    }
    footer .flinks-body dl dd ul li a span:before {
      content: '';
      position: absolute;
      display: block;
      width: 10px;
      height: 10px;
      top: 6px;
      left: 6px;
      background-color: #CEAF73;
    }
    footer .flinks-body dl dd ul li a:hover span {
      text-decoration: underline;
    }
    footer .flinks-body dl:first-of-type {
      margin: 0;
    }
    footer .fgroup {
      margin: 40px 0;
    }
    footer .fgroup .flogo {
      display: none;
    }
    footer .fgroup .disclaimer {
      max-width: 640px;
      margin: auto;
      font-size: 12px;
      padding: 10px 15px;
      background-color: rgba(255, 255, 255, 0.4);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    footer .copy {
      color: #333;
      background-color: #fff;
      padding: 5px;
      font-size: 12px;
      letter-spacing: .5px;
    }
    footer .copy a {
      color: #333;
      text-decoration: underline;
    }
    footer .copy a:hover {
      text-decoration: none;
    }

    /*--------------------------------------
    　PageTop
    ---------------------------------------*/
    .pagetop {
  /*    text-align: right;
      max-width: 1000px;
      margin: auto;*/
      position:absolute;
      top:-136px;
      right:-90px;
    }
    .pagetop a {
      line-height: 0;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 140px;
      background: url(./img/common/main/bg_pagetop.png) no-repeat;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
      -moz-transform: translateY(30%);
      -ms-transform: translateY(30%);
      -webkit-transform: translateY(30%);
      transform: translateY(30%);
    }
    .pagetop a img {
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      width: 140px;
    }
    .pagetop a:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
    }

    /*--------------------------------------
    　SP menu
    ---------------------------------------*/
    #nav-smt,
    #overlay {
      display: none !important;
    }
  }
  /*----------------------------------------------------
  	SPサイトcss
  ----------------------------------------------------*/
  @media screen and (max-width: 960px) {
    .pc {
      display: none;
    }

    .smt {
      display: block;
    }

    body {
      font-size: 16px;
      color: #333;
      background: #F5F2E9;
    }

    #wrap {
      position: relative;
      border-top: 1px solid #DAD1C7;
    }

    #contents {
      width: 100%;
      margin: auto;
    }

    .inner {
      width: 100%;
      max-width: 1000px;
      margin: auto;
      padding: 0 15px;
    }

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

    a {
      text-decoration: none;
    }

    h1, h2, h3, h4, h5, h6, .sitename {
      text-align: center;
      color: #36200C;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      line-height: 1.6;
    }

    #main-view .mv-fl {
      position: absolute;
      top: 0;
    }

    /*--------------------------------------
    　header
    ---------------------------------------*/
    header {
      background-color: #fff;
      margin: 36px 0 0;
    }

    .boxInner {
      position: relative;
      padding: 5px 0;
    }

    h1 ,
    .sitename {
      text-align: left;
      font-size: 20px;
      margin: 0 60px 0 0;
      padding: 10px 0;
    }

    #menu-btn {
      line-height: 0;
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: 0;
      width: 45px;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    #lead {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.8;
      background-color: #FDE187;
      padding: 5px 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #lead .inner {
      padding: 0;
    }
    #lead p {
      text-align: center;
    }
    #lead a {
      display: none;
    }

    /*--------------------------------------
    　Pankuzu
    ---------------------------------------*/
    #pankuzu {
      max-width: 1000px;
      margin: auto;
      padding: 10px 15px;
      font-size: 12px;
    }
    #pankuzu a:hover {
      text-decoration: underline;
    }

    /*--------------------------------------
    　Main Contents
    ---------------------------------------*/


    #index,
    #category,
    #page {
      float: none;
      width: 100%;
      padding: 0 15px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #index h2,
    #category h1,
    #page h1 {
      position: relative;
      font-size: 19px;
      padding: 10px 10px 10px 55px;
      margin: 0 0 20px;
      background: #fff url(./img/common/main/bg_h-large.png) no-repeat 10px center;
      -moz-background-size: 30px auto;
      -o-background-size: 30px auto;
      -webkit-background-size: 30px auto;
      background-size: 30px auto;
    }
    #index h2:before,
    #index h2:after,
    #category h1:before,
    #category h1:after,
    #page h1:before,
    #page h1:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 4.5px;
    }
    #index h2:before,
    #category h1:before,
    #page h1:before {
      top: 0px;
      background: url(./img/common/main/bg_h-large-top.png) repeat-x top left;
      -moz-background-size: 36.5px 4.5px;
      -o-background-size: 36.5px 4.5px;
      -webkit-background-size: 36.5px 4.5px;
      background-size: 36.5px 4.5px;
    }
    #index h2:after,
    #category h1:after,
    #page h1:after {
      bottom: 0px;
      background: url(./img/common/main/bg_h-large-btm.png) repeat-x top left;
      -moz-background-size: 36.5px 4.5px;
      -o-background-size: 36.5px 4.5px;
      -webkit-background-size: 36.5px 4.5px;
      background-size: 36.5px 4.5px;
    }
    #index h3,
    #category h2,
    #page h2 {
      position: relative;
      font-size: 19px;
      padding: 0 0 6%;
      max-width: 740px;
      margin: 20px auto;
      background: url(./img/common/main/bg_h-middle.png) no-repeat bottom left;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index h4,
    #category h3,
    #page h3 {
      position: relative;
      font-size: 17px;
      margin: 20px 0;
      padding: 10px;
      background: url(./img/common/main/bg_h-small.png);
      -moz-background-size: 18px auto;
      -o-background-size: 18px auto;
      -webkit-background-size: 18px auto;
      background-size: 18px auto;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
    }
    #index h4:before,
    #category h3:before,
    #page h3:before {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      left: 30px;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top: 20px solid #FFC2D2;
    }
    #index h5,
    #category h4,
    #page h4 {
      margin: 20px 0;
      padding: 15px 30px;
      text-align: center;
      font-size: 16px;
      background: url(./img/common/main/bg_h-xsmall.png) repeat-x bottom left;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index .in,
    #category .in,
    #page .in {
      padding: 0 0 10px;
    }
    #index p,
    #category p,
    #page p {
      margin: 10px 0;
    }
    #index p span,
    #category p span,
    #page p span {
      color: #FF4980;
      font-weight: bold;
    }
    #index p a,
    #category p a,
    #page p a {
      text-align: center;
      display: block;
      color: #6F5430;
      font-size: 18.5px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      border: 2px solid #6F5430;
      padding:13px 40px 13px 20px;
      max-width: 320px;
      margin: auto;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background: #fff url(./img/common/main/arw_brown.svg) no-repeat 95% center;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index p.emp,
    #category p.emp,
    #page p.emp {
      font-size: 16px;
    }
    #index ul,
    #index ol,
    #category ul,
    #category ol,
    #page ul,
    #page ol {
      margin: 10px 0;
    }
    #index ul li,
    #index ol li,
    #category ul li,
    #category ol li,
    #page ul li,
    #page ol li {
      line-height: 1.8;
    }
    #index ul li,
    #category ul li,
    #page ul li {
      padding: 3px 0 3px 32px;
      background: url(./img/common/main/bg_ul.png) no-repeat left 7px;
      -moz-background-size: 20px auto;
      -o-background-size: 20px auto;
      -webkit-background-size: 20px auto;
      background-size: 20px auto;
    }
    #index ol,
    #category ol,
    #page ol {
      counter-reset: my-counter;
      list-style: none;
    }
    #index ol li,
    #category ol li,
    #page ol li {
      position: relative;
      padding: 3px 0 3px 38px;
      margin: 0 0 0 -6px;
    }
    #index ol li:before,
    #category ol li:before,
    #page ol li:before {
      content: counter(my-counter);
      counter-increment: my-counter;
      position: absolute;
      top: 3px;
      left: 0;
      width: 35px;
      height: 31px;
      padding: 0 0 0 10px;
      font-size: 12px;
      font-weight: bold;
      line-height: 2.3;
      background: url(./img/common/main/bg_ol.png) no-repeat left center;
      -moz-background-size: 35px auto;
      -o-background-size: 35px auto;
      -webkit-background-size: 35px auto;
      background-size: 35px auto;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #index .rank-wrap,
    #category .rank-wrap,
    #page .rank-wrap {
      margin: 5% 0 3%;
    }
    #index .rank,
    #index .recommend,
    #category .rank,
    #category .recommend,
    #page .rank,
    #page .recommend {
      position: relative;
      padding: 5px;
      margin: 15px 0;
      background-color: #fff;
    }
    #index .rank div,
    #index .recommend div,
    #category .rank div,
    #category .recommend div,
    #page .rank div,
    #page .recommend div {
      display: block;
      font-size: 16px;
      line-height: 1.6;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      border: 1px solid #E5D3A5;
      padding: 8px 10px 8px 70px;
    }
    #index .rank1:before,
    #index .rank2:before,
    #index .rank3:before,
    #index .rank4:before,
    #index .recommend:before,
    #category .rank1:before,
    #category .rank2:before,
    #category .rank3:before,
    #category .rank4:before,
    #category .recommend:before,
    #page .rank1:before,
    #page .rank2:before,
    #page .rank3:before,
    #page .rank4:before,
    #page .recommend:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: -15px;
      width: 79px;
      height: 60px;
      margin:-30px 0;
    }
    #index .rank1:before,
    #category .rank1:before,
    #page .rank1:before {
      background: url(./img/common/main/ico_rank1.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .rank2:before,
    #category .rank2:before,
    #page .rank2:before {
      background: url(./img/common/main/ico_rank2.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .rank3:before,
    #category .rank3:before,
    #page .rank3:before {
      background: url(./img/common/main/ico_rank3.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .rank4:before,
    #category .rank4:before,
    #page .rank4:before {
      background: url(./img/common/main/ico_rank4.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .recommend:before,
    #category .recommend:before,
    #page .recommend:before {
      background: url(./img/common/main/ico_recommend.png) no-repeat left top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index table,
    #category table,
    #page table {
      width: 100%;
      border-collapse: collapse;
      font-size: 16.5px;
      line-height: 1.6;
    }
    #index table tr th,
    #index table tr td,
    #category table tr th,
    #category table tr td,
    #page table tr th,
    #page table tr td {
      text-align: left;
      vertical-align: middle;
      word-wrap: break-word;
      padding: 5px 10px;
    }
    #index table tr th,
    #category table tr th,
    #page table tr th {
      color: #36200C;
      font-weight: bold;
      background-color: #FAE3E9;
      border: 1px solid #9A8873;
    }
    #index table tr td,
    #category table tr td,
    #page table tr td {
      background-color: #fff;
      border: 1px solid #9A8873;
    }
    #index table tr td:not(:first-of-type),
    #category table tr td:not(:first-of-type),
    #page table tr td:not(:first-of-type) {

    }
    #index table tr:first-child th,
    #category table tr:first-child th,
    #page table tr:first-child th {
      background-color: #F5C8D4;
    }
    #index table tr:first-child th:not(:first-of-type):not(:nth-of-type(2)),
    #category table tr:first-child th:not(:first-of-type):not(:nth-of-type(2)),
    #page table tr:first-child th:not(:first-of-type):not(:nth-of-type(2)) {

    }
    #index .float-wrap,
    #category .float-wrap,
    #page .float-wrap {
      margin: 4% 0;
    }
    #index .float-wrap .float-img,
    #category .float-wrap .float-img,
    #page .float-wrap .float-img {
      margin: 0 10px 10px;
    }
    #index .float-wrap .float-img span,
    #category .float-wrap .float-img span,
    #page .float-wrap .float-img span {
      line-height: 0;
      position: relative;
      display: block;
      padding: 10px;
      background-color: #fff;
      border: 1px solid #D2D2D2;
    }
    #index .float-wrap .float-img span:before,
    #index .float-wrap .float-img span:after,
    #category .float-wrap .float-img span:before,
    #category .float-wrap .float-img span:after,
    #page .float-wrap .float-img span:before,
    #page .float-wrap .float-img span:after {
      content: '';
      display: block;
      width: 20px;
      height: 100%;
      max-height: 98%;
      position: absolute;
      top: 50%;
      z-index: 1;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    #index .float-wrap .float-img span:before,
    #category .float-wrap .float-img span:before,
    #page .float-wrap .float-img span:before {
      left: -13px;
      background: url(./img/common/main/img_left.svg) no-repeat left top;
      -moz-background-size: 20px 100%;
      -o-background-size: 20px 100%;
      -webkit-background-size: 20px 100%;
      background-size: 20px 100%;
    }
    #index .float-wrap .float-img span:after,
    #category .float-wrap .float-img span:after,
    #page .float-wrap .float-img span:after {
      right: -13px;
      background: url(./img/common/main/img_right.svg) no-repeat right top;
      -moz-background-size: 20px 100%;
      -o-background-size: 20px 100%;
      -webkit-background-size: 20px 100%;
      background-size: 20px 100%;
    }
    #index .float-wrap .float-img .quotation,
    #category .float-wrap .float-img .quotation,
    #page .float-wrap .float-img .quotation {
      display: block;
      text-align: center;
      color: #A8A8A8;
      font-size: 15px;
      line-height: 1.6;
      margin: 10px 0 0;
    }
     #index .btns {
      position: relative;
  /*    display: inline-block;*/
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      text-align: left;
      width: 100%;
      max-width: 320px;
      color: #fff;
      font-size: 18.5px;
  /*    font-weight: bold;*/
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      padding:13px 40px 13px 30px;
   /*   margin: 1.5% 2%; */
      background-color: #6F5430;
      border: 2px solid #8C7D69;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin: 20px auto;
      display: block;
  }

      #index .btns[target="_blank"]{
      padding:13px 40px 13px 30px;
      border: 0;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmYzI3ZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGZjMjdmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNjMzlkNTUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzlkNTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfc27f), color-stop(50%, #dfc27f), color-stop(51%, #c39d55), color-stop(100%, #c39d55));
      background: -moz-linear-gradient(top, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
      background: -webkit-linear-gradient(top, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
      background: linear-gradient(to bottom, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
    }
      #index .btns[target="_blank"]:before {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: 1px solid #fff;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index .btns[href^="tel:"] {
      text-align: center;
      padding:13px 61px 13px 52px;
      border: 0;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTVhZSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmY5NWFlIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZDc1OTYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDc1OTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff95ae), color-stop(50%, #ff95ae), color-stop(51%, #fd7596), color-stop(100%, #fd7596));
      background: -moz-linear-gradient(top, #ff95ae 0%, #ff95ae 50%, #fd7596 51%, #fd7596 100%);
      background: -webkit-linear-gradient(top, #ff95ae 0%, #ff95ae 50%, #fd7596 51%, #fd7596 100%);
      background: linear-gradient(to bottom, #ff95ae 0%, #ff95ae 50%, #fd7596 51%, #fd7596 100%);
    }
    #index .btns[href^="tel:"] i{
      position: absolute;
      top: 50%;
      left: 20px;
      font-size: 1.8em;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      -moz-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
      -webkit-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg);
    }
    #index .btns[href^="tel:"]:before{
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: 1px solid #fff;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background: url(./img/common/main/ico_tel.svg) no-repeat 6% center,url(./img/common/main/arw_white.svg) no-repeat 95% center;
  /*    background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat; */
      -moz-background-size: 27px auto,15px auto;
      -o-background-size: 27px auto,15px auto;
      -webkit-background-size: 27px auto,15px auto;
      background-size: 27px auto,15px auto;
    }
    /***************************************************/
    /*#index .btns,
    #category .btns,
    #page .btns {
      text-align: center;
    }*/

    #category .btns ,
    #page .btns {
      position: relative;
  /*    display: inline-block;*/
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      text-align: left;
      width: 100%;
      max-width: 320px;
      color: #fff;
      font-size: 18.5px;
  /*    font-weight: bold;*/
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      padding:13px 40px 13px 30px;
   /*   margin: 1.5% 2%; */
      background-color: #6F5430;
      border: 2px solid #8C7D69;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin: 20px auto;
      display: block;
    }
    #category .btns[target="_blank"],
    #page .btns[target="_blank"] {
      padding: 13px 40px 13px 30px;
      border: 0;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmYzI3ZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGZjMjdmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNjMzlkNTUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzlkNTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfc27f), color-stop(50%, #dfc27f), color-stop(51%, #c39d55), color-stop(100%, #c39d55));
      background: -moz-linear-gradient(top, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
      background: -webkit-linear-gradient(top, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
      background: linear-gradient(to bottom, #dfc27f 0%, #dfc27f 50%, #c39d55 51%, #c39d55 100%);
    }
    #category .btns[target="_blank"]:before,
    #page .btns[target="_blank"]:before {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: 1px solid #fff;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #category .btns[href^="tel:"],
    #page .btns[href^="tel:"] {
      text-align: center;
      padding:13px 61px 13px 52px;
      border: 0;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTVhZSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmY5NWFlIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZDc1OTYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDc1OTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff95ae), color-stop(50%, #ff95ae), color-stop(51%, #fd7596), color-stop(100%, #fd7596));
      background: -moz-linear-gradient(top, #ff95ae 0%, #ff95ae 50%, #fd7596 51%, #fd7596 100%);
      background: -webkit-linear-gradient(top, #ff95ae 0%, #ff95ae 50%, #fd7596 51%, #fd7596 100%);
      background: linear-gradient(to bottom, #ff95ae 0%, #ff95ae 50%, #fd7596 51%, #fd7596 100%);
    }
    #category .btns[href^="tel:"] i,
    #page .btns[href^="tel:"] i {
      position: absolute;
      top: 50%;
      left: 20px;
      font-size: 1.8em;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      -moz-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
      -webkit-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg);
    }
    #category .btns[href^="tel:"]:before,
    #page .btns[href^="tel:"]:before {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border: 1px solid #fff;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background: url(./img/common/main/ico_tel.svg) no-repeat 6% center,url(./img/common/main/arw_white.svg) no-repeat 95% center;
  /*    background-image: url(./img/common/main/arw_white.svg);
      background-position: 95% center;
      background-repeat: no-repeat; */
      -moz-background-size: 27px auto,15px auto;
      -o-background-size: 27px auto,15px auto;
      -webkit-background-size: 27px auto,15px auto;
      background-size: 27px auto,15px auto;
    }
    #index .box-wrap,
    #category .box-wrap,
    #page .box-wrap {
      letter-spacing: -.4em;
      margin: 20px 0;
    }
    #index .box,
    #category .box,
    #page .box {
      letter-spacing: normal;
      margin: 15px 0;
      padding: 5px 10px;
      background-color: #fff;
    }
    #index .box .box-in,
    #category .box .box-in,
    #page .box .box-in {
      padding: 25px 2% 3%;
      background: url(./img/common/main/bg_box-top.svg) no-repeat top center, url(./img/common/main/bg_box-btm.svg) no-repeat bottom center, url(./img/common/main/bg_box-body.png) repeat-y top center;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .box .box-head,
    #category .box .box-head,
    #page .box .box-head {
      text-align: center;
      line-height: 1.6;
    }
    #index .box .box-head a,
    #index .box .box-head span,
    #category .box .box-head a,
    #category .box .box-head span,
    #page .box .box-head a,
    #page .box .box-head span {
      display: block;
      color: #462B0D;
      font-size: 16.5px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 10px 30px 10px 5px;
      margin: 0 30px;
      border-bottom: 1px solid #DED9CC;
      background: url(./img/common/main/arw_gold.svg) no-repeat right center;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
    }
    #index .box .box-body,
    #category .box .box-body,
    #page .box .box-body {
      padding: 15px 20px;
    }
    #index .box .box-body p,
    #category .box .box-body p,
    #page .box .box-body p {
      margin: 0;
    }
    #index .box .box-body a,
    #category .box .box-body a,
    #page .box .box-body a {
      display: block;
      color: #fff;
      padding: 10px 40px 10px 20px;
      margin: 15px 0 0;
      background: #C3BDAA url(./img/common/main/arw_gray.svg) no-repeat 95% center;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
    }
    #index .frame-wrap,
    #category .frame-wrap,
    #page .frame-wrap {
      letter-spacing: -.4em;
      margin: 4% 0;
    }
    #index .frame,
    #category .frame,
    #page .frame {
      letter-spacing: normal;
      position: relative;
      margin: 15px 0;
      -moz-background-size: 9px auto;
      -o-background-size: 9px auto;
      -webkit-background-size: 9px auto;
      background-size: 9px auto;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #index .frame .frame-head,
    #category .frame .frame-head,
    #page .frame .frame-head {
      color: #462B0D;
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      background-color: #FAD7E3;
      border: 1.8px solid #fff;
      padding: 15px 20px 10px;
    }
    #index .frame .frame-body,
    #category .frame .frame-body,
    #page .frame .frame-body {
      padding: 10px 20px;
      background-color: #fff;
    }
    #index .frame .frame-body p,
    #category .frame .frame-body p,
    #page .frame .frame-body p {
      margin: 0;
    }
    #index .frame:before,
    #index .frame:after,
    #category .frame:before,
    #category .frame:after,
    #page .frame:before,
    #page .frame:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 20px;
      height: 20px;
      background: url(./img/common/main/horn_frame-top.svg) no-repeat;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .frame:before,
    #category .frame:before,
    #page .frame:before {
      left: 0;
    }
    #index .frame:after,
    #category .frame:after,
    #page .frame:after {
      right: 0;
      -moz-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      transform: scale(-1, 1);
    }
    #index .frame-in,
    #category .frame-in,
    #page .frame-in {
      border: 5px solid #FAD7E3;
    }
    #index .frame-in:before,
    #index .frame-in:after,
    #category .frame-in:before,
    #category .frame-in:after,
    #page .frame-in:before,
    #page .frame-in:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 18px;
      height: 18px;
      background: url(./img/common/main/horn_frame-btm.svg) no-repeat;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #index .frame-in:before,
    #category .frame-in:before,
    #page .frame-in:before {
      left: 0;
    }
    #index .frame-in:after,
    #category .frame-in:after,
    #page .frame-in:after {
      right: 0;
      -moz-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      transform: scale(-1, 1);
    }

    /*--------------------------------------
    　Side
    ---------------------------------------*/
    #side {
      overflow: hidden;
      float: none;
      width: 100%;
      padding: 8% 0 0;
    }
    #side .free {
      position: relative;
      background: url(./img/common/side/free_top.png) no-repeat top center, url(./img/common/side/free_btm.png) no-repeat bottom center, url(./img/common/side/free_body.png) repeat-y top center;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
      padding: 8% 5.8% 2.5%;
    }
    #side .free .free-head {
      padding: 5% 30px 10px;
    }
    #side .free .free-head .free-title {
      text-align: center;
      color: #462B0D;
      font-size: 17px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 5% 0 10px;
      display: block;
    }
    #side .free .free-body p {
      padding: 10px;
    }
    #side .free .free-body a {
      position: relative;
      display: block;
      text-align: center;
      color: #fff;
      font-weight: bold;
      background: #FD7596 url(./img/common/main/arw_white.svg) no-repeat 90% center;
      -moz-background-size: 15px auto;
      -o-background-size: 15px auto;
      -webkit-background-size: 15px auto;
      background-size: 15px auto;
      padding: 15px 20%;
      margin: 0 5px 5px 5px;
    }
    #side .free-head a:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      width: 105%;
      height: 200px;
      /*height: 40%;*/
      background: url(./img/common/side/free_flower.png) no-repeat center top;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
      -moz-transform: translate(-50%, -14%);
      -ms-transform: translate(-50%, -14%);
      -webkit-transform: translate(-50%, -14%);
      transform: translate(-50%, -14%);
    }
    #side .sideBox {
      display: none;
    }

    /*--------------------------------------
    　Footer
    ---------------------------------------*/
    footer {
      text-align: center;
      background: url(./img/common/footer/bg.png);
      -moz-background-size: 16px auto;
      -o-background-size: 16px auto;
      -webkit-background-size: 16px auto;
      background-size: 16px auto;
      margin: 40px 0 0;
    }
    footer .inner {
      padding: 0;
    }
    footer .flinks {
      border-bottom: 1px solid #CEAF73;
    }
    footer .flinks a {
      display: block;
      padding: 10px;
    }
    footer .flinks a span {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      position: relative;
    }
    footer .flinks-head {
      padding: 10px;
      font-size: 14px;
    }
    footer .flinks-body {
      text-align: left;
      letter-spacing: -.4em;
    }
    footer .flinks-body dl {
      letter-spacing: normal;
    }
    footer .flinks-body dl dt a {
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      border-top: 1px solid #CEAF73;
    }
    footer .flinks-body dl dt a span {
      padding-left: 25px;
    }
    footer .flinks-body dl dt a span:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      top: 7px;
      left: 5px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    footer .flinks-body dl dd ul li a {
      font-size: 12.5px;
      border-top: 1px solid #CEAF73;
      background-color: rgba(255, 255, 255, 0.2);
    }
    footer .flinks-body dl dd ul li a span {
      padding-left: 25px;
    }
    footer .flinks-body dl dd ul li a span:before {
      content: '';
      position: absolute;
      display: block;
      width: 10px;
      height: 10px;
      top: 8px;
      left: 8px;
      background-color: #CEAF73;
    }
    footer .fgroup {
      margin: 20px 0 10px;
      padding: 0 10px;
    }
    footer .fgroup .flogo {
      margin: 0 0 20px;
    }
    footer .fgroup .flogo a {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      font-size: 20px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
    }
    footer .fgroup .disclaimer {
      font-size: 10px;
      line-height: 1.8;
      max-width: 640px;
      margin: auto;
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.4);
    }
    footer .copy {
      color: #333;
      background-color: #fff;
      padding: 5px;
      font-size: 10px;
      letter-spacing: .5px;
    }
    footer .copy a {
      color: #333;
      text-decoration: underline;
    }
    footer .copy a:hover {
      text-decoration: none;
    }

    /*--------------------------------------
    　PageTop
    ---------------------------------------*/
    .pagetop {
      position: fixed;
      bottom: 15px;
      right: 12px;
      z-index: 1;
      clear: both;
      text-align: right;
      padding: 20px 10px 10px;
      max-width: 1000px;
      margin: auto;
    }
    .pagetop a {
      line-height: 0;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 100px;
      /*background: url(./img/common/main/bg_pagetop.png) no-repeat;*/
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    .pagetop a img {
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      width:100px;
      opacity: 1;
    }
  /*  .pagetop a:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;  */
    }

    /*--------------------------------------
    　SP menu
    ---------------------------------------*/
    #nav-smt,
    #overlay {
      display: none;
    }

    #nav-smt {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      width: 100%;
      height: auto;
      background-color: #fff;
      padding: 15px 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-top: 1px solid #fff;
    }
    #nav-smt dl dt {
      margin: 30px 0 0;
      background: url(./img/common/side/bg_cat.png);
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
    }
    #nav-smt dl dt a {
      display: block;
      color: #36200C;
      font-size: 16px;
      font-family: "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      padding: 15px 10px 15px 55px;
      background: url(./img/common/side/ico_cat.png) no-repeat 10px center;
    }
    #nav-smt dl dt:first-of-type {
      margin: 0;
    }
    #nav-smt dl dd ul {
      margin: 10px 0 0;
    }
    #nav-smt dl dd ul li {
      margin: 6px 0 0;
    }
    #nav-smt dl dd ul li a {
      display: block;
      padding: 8px 10px 8px 30px;
      background: #F4F6F7 url(./img/common/main/arw_pink.svg) no-repeat 10px center;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    #nav-smt dl dd ul li.subcat a {
      background: #F4F6F7 url(./img/common/main/arw_lightgray.svg) no-repeat 10px center;
      -moz-background-size: 13px auto;
      -o-background-size: 13px auto;
      -webkit-background-size: 13px auto;
      background-size: 13px auto;
    }
    #nav-smt #nav-smt-close {
      cursor: pointer;
      text-align: center;
      padding: 5px;
      margin: 20px 0 0;
      font-weight: bold;
    }

    #overlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }




    /*--------------------------------------
     SPscroll

   @media screen and (max-width: 799px) {
                    .table-layout {
                        width: 100%;
                        margin: 30px 0;
                    }
                    .table-layout{
                    overflow: auto;/*tableをスクロールさせる*/
                    white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
                    }
                    .table-layout::-webkit-scrollbar{/*tableにスクロールバーを追加*/
                     height: 5px;
                    }
                    .table-layout::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
                     background: #F1F1F1;
                    }
                    .table-layout::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
                     background: #BCBCBC;
                    }
                  }
    ---------------------------------------*/