@charset "UTF-8";
/*----------------------------------------------------------------------------
#basic
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, img, ul {
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.clear {
  clear: both;
  height: 1px;
  display: block;
  overflow: hidden; }

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

img {
  line-height: 0;
  vertical-align: bottom; }

html {
  background: url("bg.jpg") top center repeat;
  min-width: 1060px; }

body {
  /*background-attachment: fixed;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  line-height: 19px;
  margin: 0;
  padding: 0;
  color: #000000; }

#wrapper {
  width: 100%;
  margin: 0 auto;
  line-height: 1.5; }

#content {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 30px 0; }

#form_area {
  width: 920px;
  margin: 0 auto; }

#tieup {
  margin: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  /*----------------------------------------------------------------------------
#header
-----------------------------------------------------------------------------*/
  /* Hides from IE Mac \*/
  /* End Hack */ }
  #tieup h1, #tieup h2, #tieup h3, #tieup h4, #tieup p, #tieup ul, #tieup li, #tieup dl, #tieup dt, #tieup dd {
    margin: 0;
    padding: 0; }
  #tieup #header_wrapper {
    width: 100%;
    min-width: 965px;
    height: 250px;
    margin: 0;
    background: url(bg_header.jpg) no-repeat center top; }
  #tieup #header .header_top {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e3dcca;
    height: 34px;
    position: relative; }
    #tieup #header .header_top .header_top_navi {
      width: 960px;
      margin: 0 auto; }
      #tieup #header .header_top .header_top_navi .header_top_navi-list {
        float: left;
        height: 34px;
        line-height: 34px; }
        #tieup #header .header_top .header_top_navi .header_top_navi-list:before, #tieup #header .header_top .header_top_navi .header_top_navi-list.last:after {
          content: '｜';
          color: #eee;
          padding: 0 0 0 5px;
          font-size: 14px; }
        #tieup #header .header_top .header_top_navi .header_top_navi-list a {
          text-decoration: none;
          font-size: 14px; }
        #tieup #header .header_top .header_top_navi .header_top_navi-list.first a {
          background: url(home.png) 0 0 no-repeat;
          color: #4d2200;
          font-weight: bold;
          padding-left: 17px; }
        #tieup #header .header_top .header_top_navi .header_top_navi-list.last a {
          color: #986f4e; }
  #tieup .title {
    width: 970px;
    margin: 36px auto 0;
    overflow: hidden; }
    #tieup .title > img {
      float: left;
      position: relative;
      z-index: 2; }
    #tieup .title .header_logo {
      width: 194px;
      height: 124px;
      margin: 8px 0 0 -12px;
      background: url("header_logo.png") top left no-repeat;
      overflow: hidden;
      float: right;
      text-align: center;
      font-size: 15px;
      padding-top: 24px;
      line-height: 1em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #tieup .title .header_logo > a {
        display: block; }
      #tieup .title .header_logo #prSet span {
        position: relative;
        top: -10px;
        color: #333;
        font-size: 10px;
        margin-right: 7px; }
  #tieup .mainvisual {
    width: 975px;
    margin: 0 auto 30px;
    position: relative;
    left: 3px; }
  #tieup .tieupcontent .recipesection h2 {
    width: 965px;
    margin: 0 auto 5px; }
  #tieup .tieupcontent .recipesection .recipe1-content .recipe-img {
    width: 977px;
    margin: 0 auto;
    position: relative;
    left: -5px; }
    #tieup .tieupcontent .recipesection .recipe1-content .recipe-img > a img {
      position: relative;
      z-index: 2; }
    #tieup .tieupcontent .recipesection .recipe1-content .recipe-img .tukurepo_tx {
      position: absolute;
      right: 0;
      bottom: 4px;
      background: url("tsukurepo.png") top left no-repeat;
      width: 163px;
      height: 154px;
      padding-top: 52px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #tieup .tieupcontent .recipesection .recipe1-content .recipe-img .tukurepo_tx p {
        font-size: 52px;
        font-weight: bold;
        text-align: center; }
        #tieup .tieupcontent .recipesection .recipe1-content .recipe-img .tukurepo_tx p span {
          background: url("tsukurepo_ken.png") bottom right no-repeat;
          padding-right: 27px;
          letter-spacing: -0.01em; }
  #tieup .tieupcontent .recipesection .recipe1-content-txtbox {
    width: 1008px;
    margin: 6px auto 0;
    position: relative;
    left: 24px; }
    #tieup .tieupcontent .recipesection .recipe1-content-txtbox .movie {
      float: left; }
    #tieup .tieupcontent .recipesection .recipe1-content-txtbox .txt {
      float: left;
      margin-top: -15px; }
      #tieup .tieupcontent .recipesection .recipe1-content-txtbox .txt dl {
        margin-left: 9px;
        position: relative; }
        #tieup .tieupcontent .recipesection .recipe1-content-txtbox .txt dl dt {
          position: absolute;
          top: 51px;
          left: 143px; }
      #tieup .tieupcontent .recipesection .recipe1-content-txtbox .txt p {
        margin-left: 11px;
        margin-top: -9px;
        position: relative; }
        #tieup .tieupcontent .recipesection .recipe1-content-txtbox .txt p span {
          position: absolute;
          left: -5px;
          bottom: -5px; }
  #tieup .tieupcontent .recipesection .recipe1-content-voicelist {
    overflow: hidden;
    width: 976px;
    margin: 12px auto 0;
    position: relative;
    left: 8px; }
    #tieup .tieupcontent .recipesection .recipe1-content-voicelist li {
      float: left;
      margin-right: 8px; }
      #tieup .tieupcontent .recipesection .recipe1-content-voicelist li:nth-child(2) {
        margin-right: 2px; }
      #tieup .tieupcontent .recipesection .recipe1-content-voicelist li:last-child {
        margin-right: 0; }
  #tieup .tieupcontent .recipesection .recipe1-content .btn02 {
    width: 960px;
    margin: 7px auto 0; }
  #tieup .tieupcontent .recipesection .recipe2-content {
    margin-top: 25px;
    margin-bottom: 64px; }
    #tieup .tieupcontent .recipesection .recipe2-content .recipe-img {
      width: 997px;
      margin: 0 auto;
      position: relative;
      right: -18px; }
      #tieup .tieupcontent .recipesection .recipe2-content .recipe-img > a img {
        position: relative;
        z-index: 2; }
      #tieup .tieupcontent .recipesection .recipe2-content .recipe-img .tukurepo_tx {
        position: absolute;
        left: 0;
        bottom: 4px;
        background: url("tsukurepo02.png") top left no-repeat;
        width: 163px;
        height: 154px;
        padding-top: 52px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        #tieup .tieupcontent .recipesection .recipe2-content .recipe-img .tukurepo_tx p {
          font-size: 52px;
          font-weight: bold;
          text-align: center; }
          #tieup .tieupcontent .recipesection .recipe2-content .recipe-img .tukurepo_tx p span {
            background: url("tsukurepo_ken.png") bottom right no-repeat;
            padding-right: 27px;
            letter-spacing: -0.01em; }
    #tieup .tieupcontent .recipesection .recipe2-content-txtbox {
      width: 970px;
      margin: 6px auto 0;
      position: relative;
      left: -6px; }
      #tieup .tieupcontent .recipesection .recipe2-content-txtbox .movie {
        float: right;
        margin-left: 5px; }
      #tieup .tieupcontent .recipesection .recipe2-content-txtbox .txt {
        float: right;
        margin-top: -2px;
        position: relative; }
        #tieup .tieupcontent .recipesection .recipe2-content-txtbox .txt dl {
          margin-left: 9px;
          position: relative; }
          #tieup .tieupcontent .recipesection .recipe2-content-txtbox .txt dl dt {
            position: absolute;
            top: 42px;
            left: 73px; }
        #tieup .tieupcontent .recipesection .recipe2-content-txtbox .txt p {
          margin-left: 11px;
          margin-top: -9px;
          position: relative; }
          #tieup .tieupcontent .recipesection .recipe2-content-txtbox .txt p span {
            position: absolute;
            left: -10px;
            bottom: -5px; }
        #tieup .tieupcontent .recipesection .recipe2-content-txtbox .txt i {
          position: absolute;
          top: -22px;
          left: -35px; }
    #tieup .tieupcontent .recipesection .recipe2-content-voicelist {
      overflow: hidden;
      width: 976px;
      margin: 12px auto 0;
      position: relative;
      left: 8px; }
      #tieup .tieupcontent .recipesection .recipe2-content-voicelist li {
        float: left;
        margin-right: 8px; }
        #tieup .tieupcontent .recipesection .recipe2-content-voicelist li:nth-child(2) {
          margin-right: 2px; }
        #tieup .tieupcontent .recipesection .recipe2-content-voicelist li:last-child {
          margin-right: 0; }
    #tieup .tieupcontent .recipesection .recipe2-content .btn02 {
      width: 960px;
      margin: 7px auto 0; }

/*
  #tieup .tieupcontent .backnumber {
    width: 960px;
    margin: 0 auto 50px; }
    #tieup .tieupcontent .backnumber h2 {
      margin-bottom: 12px; }
    #tieup .tieupcontent .backnumber ul li {
      float: left;
      margin-right: 17px; }
      #tieup .tieupcontent .backnumber ul li:last-child {
        margin-right: 0; }
        #tieup .tieupcontent .backnumber ul li:last-child .img {
          margin-bottom: -6px; }
        #tieup .tieupcontent .backnumber ul li:last-child dl dt {
          float: left;
          margin-right: -15px;
          margin-top: -2px;
          margin-left: 3px; }
        #tieup .tieupcontent .backnumber ul li:last-child dl dd {
          float: left; }
        #tieup .tieupcontent .backnumber ul li:last-child p {
          top: 0;
          margin-top: 6px; }
      #tieup .tieupcontent .backnumber ul li .img {
        height: 387px;
        margin-bottom: -3px; }
      #tieup .tieupcontent .backnumber ul li dl {
        margin-bottom: -4px; }
        #tieup .tieupcontent .backnumber ul li dl dt {
          float: left;
          margin-right: -15px;
          margin-top: -10px;
          margin-left: 3px; }
        #tieup .tieupcontent .backnumber ul li dl dd {
          float: left; }
      #tieup .tieupcontent .backnumber ul li p {
        top: -6px;
        position: relative;
        margin-left: 3px; }
*/

  #tieup .tieupcontent .other {
    margin-bottom: 54px; }
    #tieup .tieupcontent .other h2 {
      width: 960px;
      margin: 0 auto 16px; }
    #tieup .tieupcontent .other ul {
      width: 960px;
      margin: 0 auto 15px; }
      #tieup .tieupcontent .other ul li {
        float: left; }
        #tieup .tieupcontent .other ul li .other_img {
          position: relative; }
          #tieup .tieupcontent .other ul li .other_img dd {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 112px;
            height: 104px;
            padding-top: 40px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: url("tsukurepo03.png") top left no-repeat;
            text-align: center; }
            #tieup .tieupcontent .other ul li .other_img dd .tukurepo_tx p {
              width: 100%;
              font-size: 28px;
              font-weight: bold; }
              #tieup .tieupcontent .other ul li .other_img dd .tukurepo_tx p span {
                background: url("tsukurepo03_ken.png") bottom right no-repeat;
                padding-right: 22px; }
        #tieup .tieupcontent .other ul li .other_txt {
          position: relative;
          margin-left: 2px;
          margin-top: 5px; }
          #tieup .tieupcontent .other ul li .other_txt dt {
            float: left;
            margin-right: -18px; }
          #tieup .tieupcontent .other ul li .other_txt dd {
            float: left; }
        #tieup .tieupcontent .other ul li:nth-child(2n) {
          float: right; }
          #tieup .tieupcontent .other ul li:nth-child(2n) .other_txt dt {
            margin-right: -35px; }
    #tieup .tieupcontent .other p {
      width: 960px;
      margin: 0 auto; }
  #tieup .tieupcontent .product {
    width: 960px;
    margin: 0 auto 67px; }
    #tieup .tieupcontent .product h2 {
      margin-bottom: 0px; }
    #tieup .tieupcontent .product ul li {
      float: left;
      margin-right: 12px; }
      #tieup .tieupcontent .product ul li .img {
        margin-bottom: 5px; }
      #tieup .tieupcontent .product ul li dl {
        margin-left: 2px;
        margin-bottom: 4px; }
        #tieup .tieupcontent .product ul li dl dt {
          float: left;
          margin-right: 4px;
          position: relative; }
          #tieup .tieupcontent .product ul li dl dt i {
            position: absolute;
            top: -34px;
            left: -28px; }
        #tieup .tieupcontent .product ul li dl dd {
          float: left; }
      #tieup .tieupcontent .product ul li p {
        position: relative;
        margin-left: 3px; }
      #tieup .tieupcontent .product ul li:last-child {
        margin-right: 0; }
        #tieup .tieupcontent .product ul li:last-child dl dt i {
          left: -10px; }
  #tieup .tieupcontent .column h2 {
    width: 960px;
    margin: 0 auto -3px; }
  #tieup .tieupcontent .column h3 {
    width: 960px;
    margin: 0 auto;
    position: relative; }
    #tieup .tieupcontent .column h3 i {
      position: absolute;
      top: -58px;
      right: 16px; }
  #tieup .tieupcontent .column .column1box {
    width: 979px;
    margin: 6px auto 0;
    position: relative;
    left: 10px; }
    #tieup .tieupcontent .column .column1box-img {
      float: left;
      margin-right: -22px; }
    #tieup .tieupcontent .column .column1box dl {
      float: left;
      margin-top: -8px; }
  #tieup .tieupcontent .column .column2box {
    width: 960px;
    margin: 10px auto 0;
    position: relative; }
    #tieup .tieupcontent .column .column2box i {
      position: absolute;
      top: -70px;
      left: 120px; }
  #tieup .tieupcontent .column ul.sns {
    width: 960px;
    margin: 6px auto 8px; }
    #tieup .tieupcontent .column ul.sns li {
      float: left; }
      #tieup .tieupcontent .column ul.sns li:last-child {
        float: right;
        margin-top: 2px; }
  #tieup .tieupcontent .column .column3box {
    width: 960px;
    margin: 9px auto 0;
    overflow: hidden; }
    #tieup .tieupcontent .column .column3box-l {
      float: left; }
      #tieup .tieupcontent .column .column3box-l img {
        display: block; }
        #tieup .tieupcontent .column .column3box-l img:last-child {
          margin-top: 9px; }
    #tieup .tieupcontent .column .column3box-r {
      float: right; }
  #tieup .tieupcontent .column .column3btn {
    width: 960px;
    margin: 6px auto 40px; }
  #tieup .cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  #tieup .cf {
    display: inline-block; }
  #tieup * html .cf {
    height: 1%; }
  #tieup .cf {
    display: block; }

#footer {
  text-align: center;
  padding-bottom: 35px; }
  #footer p {
    text-align: center; }

/*----------------------------------------------------------------------------
修正（夢 3つから4つに）
-----------------------------------------------------------------------------*/
#tieup .tieupcontent .column ul.column3box_fix {
  width: 960px;
  margin: 8px auto 12px; }
#tieup .tieupcontent .column ul.column3box_fix li {
  float: left; }
#tieup .tieupcontent .column ul.column3box_fix li:last-child {
  float: right;}

/*----------------------------------------------------------------------------
#vol2
-----------------------------------------------------------------------------*/

#vol2 {
  background: url("vol2_bg.jpg") top center repeat;
}

#vol2 #tieup .tieupcontent .ennichi {
  width: 960px;
  margin: 0 auto 67px; }
#vol2 #tieup .tieupcontent .ennichi h2 {
  margin-bottom: 10px; }
#vol2 #tieup .tieupcontent .ennichi ul li {
  float: left;
  margin-right: 12px; }
#vol2 #tieup .tieupcontent .ennichi ul li .img {
  margin-bottom: 5px; }
#vol2 #tieup .tieupcontent .ennichi ul li dl {
  margin-left: 2px;
  margin-bottom: 4px; }
#vol2 #tieup .tieupcontent .ennichi ul li dl dt {
  float: left;
  margin-right: -4px;
  position: relative; }
#vol2 #tieup .tieupcontent .ennichi ul li dl dt i {
  position: absolute;
  top: -34px;
  left: -28px; }
#vol2  #tieup .tieupcontent .ennichi ul li dl dd {
  float: left; }
#vol2 #tieup .tieupcontent .ennichi ul li p {
  position: relative;
  margin-left: 3px; }
#vol2 #tieup .tieupcontent .ennichi ul li:last-child {
  margin-right: 0; }
#vol2 #tieup .tieupcontent .ennichi ul li:last-child dl dt i {
  left: -10px; }


#tieup .tieupcontent .backnumber {
  margin-bottom: 54px; }
#tieup .tieupcontent .backnumber h2 {
  width: 960px;
  margin: 0 auto 16px; }
#tieup .tieupcontent .backnumber ul {
  width: 960px;
  margin: 0 auto 15px; }
#tieup .tieupcontent .backnumber ul li {
  float: left; }
#tieup .tieupcontent .backnumber ul li .backnumber_img {
  position: relative; }
#tieup .tieupcontent .backnumber ul li .backnumber_img dd {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 112px;
  height: 104px;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("tsukurepo03.png") top left no-repeat;
  text-align: center; }
#tieup .tieupcontent .backnumber ul li .backnumber_img dd .tukurepo_tx p {
  width: 100%;
  font-size: 28px;
  font-weight: bold; }
#tieup .tieupcontent .backnumber ul li .backnumber_img dd .tukurepo_tx p span {
  background: url("tsukurepo03_ken.png") bottom right no-repeat;
  padding-right: 22px; }
#tieup .tieupcontent .backnumber ul li .backnumber_txt {
  position: relative;
  margin-left: 2px;
  margin-top: 5px; }
#tieup .tieupcontent .backnumber ul li .backnumber_txt dt {
  float: left;
  margin-right: -14px; }
#tieup .tieupcontent .backnumber ul li .backnumber_txt dd {
  float: left; }
#tieup .tieupcontent .backnumber ul li:nth-child(2n) {
  float: right; }
#tieup .tieupcontent .backnumber ul li:nth-child(2n) .backnumber_txt dt {
  margin-right: -10px; }