html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #550c0c; }

html {
  overflow: auto; }

body {
  line-height: 1;
  overflow: hidden; }

@media screen and (min-width: 1300px) {
  body {
    min-width: 1300px; } }
ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

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

/* 200914 add */
.disnon {
  display: none !important; }

/* arrow animation */
@keyframes arrow_01 {
  to {
    background-position: right -340px; } }
@keyframes arrow_02 {
  to {
    background-position: right -302.2222222222px; } }
@keyframes arrow_03 {
  to {
    background-position: right -272px; } }
@keyframes arrow_04 {
  to {
    background-position: right -247.2727272727px; } }
@keyframes arrow_05 {
  to {
    background-position: right -226.6666666667px; } }
@keyframes arrow_06 {
  to {
    background-position: right -453.3333333333px; } }
@keyframes arrow_01_vw {
  to {
    background-position: right -36.8vw; } }
@keyframes play_anime {
  0% {
    background-position: center bottom;
    transform: scale(1.03); }
  34% {
    background-position: center bottom;
    transform: scale(1.03); }
  35% {
    background-position: center top;
    transform: scale(1.05); }
  39% {
    background-position: center top;
    transform: scale(1.05); }
  40% {
    background-position: center bottom;
    transform: scale(1.03); }
  44% {
    background-position: center bottom;
    transform: scale(1.03); }
  45% {
    background-position: center top;
    transform: scale(1.05); }
  49% {
    background-position: center top;
    transform: scale(1.05); }
  50% {
    background-position: center bottom;
    transform: scale(1.03); }
  100% {
    background-position: center bottom;
    transform: scale(1.03); } }
video#v_bg {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1; }

#bg_mvdl {
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: -3;
  background: #400507;
  top: 0;
  left: 0;
  transition: opacity .6s;
  -webkit-transition: opacity .6s;
  -ms-transition: opacity .6s; }
  #bg_mvdl.act {
    z-index: +180;
    opacity: 0.8; }

#mdl_mvdl {
  position: fixed;
  transition: opacity .6s;
  -webkit-transition: opacity .6s;
  -ms-transition: opacity .6s;
  width: 1100px;
  left: calc(50vw - 1100px/2);
  opacity: 0;
  z-index: -2;
  background-image: url(/products/brand/chocopie/images/top/bg_hmb2.png), url(/products/brand/chocopie/images/top/bg_hmb3.png);
  background-position: left top, right top;
  background-repeat: repeat-y;
  top: 5vh;
  height: 90vh; }
  #mdl_mvdl.act {
    z-index: +181;
    opacity: 1; }
  #mdl_mvdl .mbdl_cls {
    position: fixed;
    top: 5vh;
    display: inline-block;
    text-align: right;
    width: calc(1100px - 22px - 22px);
    margin: 0px 0px 0px 22px;
    z-index: +183; }
    #mdl_mvdl .mbdl_cls:hover {
      opacity: 0.8; }
    #mdl_mvdl .mbdl_cls img {
      width: 70px;
      box-sizing: border-box;
      height: 70px; }
  #mdl_mvdl .mdl_mvdl_in {
    position: relative;
    overflow: auto;
    height: 90vh;
    width: calc(1100px - 22px - 22px);
    margin: 0px auto 0px;
    background-color: #fbf8f1; }
    #mdl_mvdl .mdl_mvdl_in > div {
      text-align: center;
      padding: 40px 0px 80px 0px; }
      #mdl_mvdl .mdl_mvdl_in > div .mvdl_ttl {
        text-align: center; }
      #mdl_mvdl .mdl_mvdl_in > div .mvdl_img {
        text-align: center;
        padding: 45px 0px 0px 0px; }
        #mdl_mvdl .mdl_mvdl_in > div .mvdl_img img {
          width: 75%; }
      #mdl_mvdl .mdl_mvdl_in > div .mvdl_btn {
        display: inline-block; }
        #mdl_mvdl .mdl_mvdl_in > div .mvdl_btn a {
          text-align: center;
          display: inline-block;
          transition: opacity .6s;
          -webkit-transition: opacity .6s;
          -ms-transition: opacity .6s; }
          #mdl_mvdl .mdl_mvdl_in > div .mvdl_btn a:hover {
            opacity: 0.8; }
          #mdl_mvdl .mdl_mvdl_in > div .mvdl_btn a p {
            text-align: center;
            margin: 30px 0px 0px 0px;
            padding: 16px 140px 16px 60px;
            color: #fbf8f1;
            font-size: 32px;
            line-height: 1em;
            background: #400508 url(/products/brand/chocopie/images/top/icon_dl.png) 540px center no-repeat;
            border-radius: 10px;
            display: inline-block;
            vertical-align: middle; }
            #mdl_mvdl .mdl_mvdl_in > div .mvdl_btn a p span {
              color: #fbf8f1;
              font-size: 16px;
              line-height: 1em;
              margin: 0px 0px 0px 15px;
              vertical-align: middle; }
      #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt {
        text-align: left;
        width: 980px;
        box-sizing: border-box;
        margin: 64px auto 0px;
        border-top: #b09794 2px solid; }
        #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_sttl {
          color: #400507;
          font-size: 26px;
          line-height: 1.5384615385em;
          text-align: center;
          margin: 30px 0px 0px 0px; }
        #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul {
          margin: 20px 0px 0px 0px; }
          #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li dl {
            margin: 0px 0px 20px 0px; }
            #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li dl dt {
              background: #400507;
              display: inline-block;
              margin: 0px 0px 10px 0px;
              border-radius: 15px;
              color: #ffffff;
              font-size: 14px;
              line-height: 1em;
              padding: 7px 0px 7px 0px;
              text-align: center;
              width: 230px;
              box-sizing: border-box; }
            #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li dl dd {
              color: #4f1b02;
              color: #550c0c;
              font-size: 14px;
              line-height: 1.5714285714em;
              letter-spacing: 0.04em; }
          #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li > ul {
            margin: 30px 0px 0px 0px; }
            #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li > ul li {
              color: #400507;
              color: #550c0c;
              font-size: 14px;
              line-height: 1.5714285714em; }
              #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li > ul li:first-child {
                font-weight: bold;
                margin: 0px 0px 5px 0px; }
              #mdl_mvdl .mdl_mvdl_in > div .mvdl_txt .mvdl_ul li > ul li:not(:first-child) {
                text-indent: -1em;
                padding-left: 1em; }

.bg_trc_rpt_ct, #content .car_box {
  background-color: transparent;
  background-repeat: repeat;
  background-position: center top; }

.bg_trc_rpt_cb {
  background-color: transparent;
  background-repeat: repeat;
  background-position: center top; }

.bg_trc_rpt {
  background-color: transparent;
  background-repeat: repeat; }

.bg_trc_nrpt, #content article section.about .about_inc i, #content article section.lineup .lineup_inc .lineup_main ul.prod li a b:first-child, #content article section.lineup .lineup_inc .lineup_main ul.prod li a b:nth-child(2), #content article section.lineup .lineup_inc .lineup_main .chocopie i, #content article section.lineup .lineup_inc .lineup_main .custard i, #content article section.lineup .lineup_inc .lineup_main .petitcake i {
  background-color: transparent;
  background-repeat: no-repeat; }

.bg_trc_nrpt_lb, #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left bottom; }

.bg_trc_nrpt_lt, .play_movie > a, .play_movie > a i, .play_movie > a u {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top; }

.bg_trc_nrpt_cc {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center; }

.bg__nrpt_lc {
  background-repeat: no-repeat;
  background-position: left center; }

/*
chocopie
*/
.pc {
  display: block !important; }

.sp {
  display: none !important; }

.text {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 50%;
  padding: 20px;
  margin: 0 auto;
  margin-top: 200px;
  background-color: #fff;
  color: #888; }

.text_font-size {
  font-size: 14px; }

#loading {
  position: fixed;
  z-index: 220;
  top: 0;
  left: 0;
  transition: all 1.6s;
  -moz-transition: all 1.6s;
  -webkit-transition: all 1.6s;
  -ms-transition: all 1.6s;
  width: 100vw;
  height: 100vh;
  background: #400508;
  opacity: 0; }
  #loading.act {
    opacity: 1; }
  #loading.remove {
    height: 0; }

#fix_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 150;
  background-color: #3c0c0b;
  opacity: 0.8; }
  #fix_bg.act {
    width: 100vw;
    height: 100vh; }

#tw_lnk {
  position: fixed;
  bottom: 100px;
  right: 100px;
  z-index: +11; }
  #tw_lnk a {
    transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    width: 215px;
    box-sizing: border-box;
    height: 212px;
    display: block;
    background: transparent url(/products/brand/chocopie/images/top/tw_btn04.png) left top no-repeat;
    background-size: 215px 424px; }
    #tw_lnk a:hover {
      background: transparent url(/products/brand/chocopie/images/top/tw_btn04.png) left bottom no-repeat; }

#hmbtn {
  position: fixed;
  z-index: 180;
  right: 100px;
  top: 0; }
  #hmbtn.act {
    background-color: #ebcb43; }

.hamburger {
  position: relative;
  top: 20px;
  left: 0;
  display: block;
  width: 74px;
  height: 74px; }
  .hamburger.is-open {
    background-color: #ebcb43; }
    .hamburger.is-open .hamburger-item {
      background-color: #400508; }
      .hamburger.is-open .hamburger-item:nth-child(1) {
        transform: translateY(0px) rotate(45deg);
        border-radius: 6px; }
      .hamburger.is-open .hamburger-item:nth-child(2) {
        transform: translateX(25px);
        opacity: 0; }
      .hamburger.is-open .hamburger-item:nth-child(3) {
        transform: translateY(0px) rotate(-45deg);
        border-radius: 6px; }

.hamburger-item {
  position: absolute;
  z-index: 200;
  display: block;
  width: 50px;
  height: 7px;
  top: 33.5px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ebcb43;
  transition: .2s ease-out; }
  .hamburger-item:nth-child(1) {
    transform: translateY(-16px);
    border-radius: 6px 6px 0 0; }
  .hamburger-item:nth-child(2) {
    width: 44px; }
  .hamburger-item:nth-child(3) {
    transform: translateY(16px);
    border-radius: 0 0 6px 6px; }

#hmb {
  height: 100vh;
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  z-index: 170;
  text-align: left;
  opacity: 0;
  background: transparent url(/products/brand/chocopie/images/top/bg_hmb.png) left top repeat-y;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s; }
  #hmb.act {
    right: 0;
    opacity: 1; }
  #hmb .hmb_lst ul {
    margin: 130px 0px 0px 50px;
    display: inline-block; }
    #hmb .hmb_lst ul li {
      display: block;
      margin: 0px 0px 30px 0px; }
      #hmb .hmb_lst ul li:first-child {
        background: transparent url(/products/brand/chocopie/images/top/hmenu_01.png) center bottom no-repeat;
        background-size: 66px 70px;
        width: 66px;
        box-sizing: border-box;
        height: 35px; }
      #hmb .hmb_lst ul li:nth-child(2) {
        background: transparent url(/products/brand/chocopie/images/top/hmenu_02.png) center bottom no-repeat;
        background-size: 309px 70px;
        width: 309px;
        box-sizing: border-box;
        height: 35px; }
      #hmb .hmb_lst ul li:nth-child(4) {
        background: transparent url(/products/brand/chocopie/images/top/hmenu_03.png) center bottom no-repeat;
        background-size: 139px 70px;
        width: 139px;
        box-sizing: border-box;
        height: 35px; }
      #hmb .hmb_lst ul li:nth-child(3) {
        background: transparent url(/products/brand/chocopie/images/top/hmenu_04.png) center bottom no-repeat;
        background-size: 150px 70px;
        width: 150px;
        box-sizing: border-box;
        height: 35px; }
      #hmb .hmb_lst ul li:nth-child(5) {
        background: transparent url(/products/brand/chocopie/images/top/hmenu_05.png) center bottom no-repeat;
        background-size: 138px 70px;
        width: 138px;
        box-sizing: border-box;
        height: 35px; }
      #hmb .hmb_lst ul li a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        height: 100%; }
      #hmb .hmb_lst ul li:hover {
        background-position: center top; }
  #hmb .hmb_sns {
    width: 100%;
    text-align: left;
    height: 100vh;
    position: relative; }
    #hmb .hmb_sns ul {
      position: absolute;
      top: calc(100vh - 680px);
      display: inline-block;
      margin-left: 42px; }
      #hmb .hmb_sns ul li {
        width: 50px;
        float: left;
        margin: 0 8px; }
        #hmb .hmb_sns ul li img {
          width: 100%; }
        #hmb .hmb_sns ul li.ln {
          display: none; }

.play_movie {
  width: 192px;
  box-sizing: border-box;
  height: 209px; }
  .play_movie > a {
    width: 192px;
    box-sizing: border-box;
    height: 209px;
    display: block;
    position: relative;
    background-image: url(/products/brand/chocopie/images/top/bg_playmovie.png); }
    .play_movie > a i {
      position: absolute;
      top: 0;
      left: 0;
      width: 192px;
      box-sizing: border-box;
      height: 209px;
      background-image: url(/products/brand/chocopie/images/top/bg_playmovie_ov.png);
      opacity: 0;
      transition: opacity  0.65s;
      -webkit-transition: opacity  0.65s;
      -ms-transition: opacity  0.8s; }
    .play_movie > a u {
      position: absolute;
      top: 63px;
      left: 5px;
      width: 175px;
      box-sizing: border-box;
      height: 103px;
      background-image: url(/products/brand/chocopie/images/top/chocopie_playmovie.png);
      background-position: center bottom;
      transition: transform  0.65s;
      -webkit-transition: transform  0.65s;
      -ms-transition: transform  0.8s; }
    .play_movie > a b {
      display: block;
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 37.7777777778px;
      height: 37.7777777778px;
      text-decoration: none;
      background: transparent url(/products/brand/chocopie/images/top/arrow_r.png) left top no-repeat;
      background-size: 37.7777777778px;
      height: 37.7777777778px; }
    .play_movie > a:hover i {
      opacity: 1; }
    .play_movie > a:hover u {
      transform: scale(1.03);
      animation: play_anime 1.5s infinite alternate; }
    .play_movie > a:hover b {
      background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) left top no-repeat;
      background-size: 37.7777777778px;
      animation: arrow_02 0.6s steps(8) infinite; }

header {
  width: 100%;
  box-sizing: border-box;
  text-align: center; }
  header .inc {
    width: 1300px;
    box-sizing: border-box;
    margin: 0px auto 0px;
    height: 550px;
    position: relative; }
    header .inc .logo {
      width: 119px;
      box-sizing: border-box;
      height: 93px;
      padding: 44px 0px 0px 0px;
      background-color: #e60012;
      position: fixed;
      transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      -webkit-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
      top: 0;
      left: 79px;
      opacity: 0; }
      header .inc .logo.actmain {
        opacity: 1; }
    header .inc h1 {
      margin: 205px auto 0px;
      margin-top: 217px;
      transition: opacity 1s;
      -moz-transition: opacity 1s;
      -webkit-transition: opacity 1s;
      -ms-transition: opacity 1s;
      opacity: 1; }
      header .inc h1.dltmain {
        opacity: 0; }
    header .inc #btn_mvdl {
      position: absolute;
      bottom: 20px;
      left: 0;
      background-image: url(/products/brand/chocopie/images/top/btn_mvdl.png);
      background-size: 196px 196px;
      width: 196px;
      box-sizing: border-box;
      height: 196px;
      cursor: pointer; }
      header .inc #btn_mvdl > div {
        position: relative; }
        header .inc #btn_mvdl > div i {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          background-image: url(/products/brand/chocopie/images/top/btn_mvdl2.png);
          background-size: 196px 196px;
          width: 196px;
          box-sizing: border-box;
          height: 196px;
          transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          -webkit-transition: opacity 0.3s;
          -ms-transition: opacity 0.3s;
          opacity: 0; }
        header .inc #btn_mvdl > div b {
          position: absolute;
          top: 132px;
          left: 79px;
          display: block;
          background: transparent url(/products/brand/chocopie/images/top/arrow_r4_hov.png) right top no-repeat;
          background-size: 42.5px;
          animation: arrow_01 0.6s steps(8) infinite;
          width: 42.5px;
          height: 42.5px; }
      header .inc #btn_mvdl:hover > div i {
        opacity: 1; }
      header .inc #btn_mvdl:hover > div b {
        background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) right top no-repeat;
        background-size: 42.5px;
        animation: arrow_01 0.6s steps(8) infinite;
        opacity: 1; }
  header .news {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 0px 16px 0px;
    background-color: #ebcb43; }
    header .news .inc {
      height: auto; }
      header .news .inc dl dt {
        width: 160px;
        box-sizing: border-box;
        padding: 0px 30px 0px 0px;
        color: #550c0c;
        font-size: 20px;
        line-height: 1.1em;
        text-align: right;
        float: left; }
      header .news .inc dl dd {
        color: #550c0c;
        font-size: 20px;
        line-height: 1.5em;
        float: left;
        text-align: left;
        width: 970px;
        box-sizing: border-box;
        border-left: #401309 1px solid; }
        header .news .inc dl dd div.nlist {
          padding: 0px 0px 0px 20px; }
          header .news .inc dl dd div.nlist .ndtl a {
            display: block;
            text-decoration: none; }
        header .news .inc dl dd .carnews_navi_area {
          position: relative; }
          header .news .inc dl dd .carnews_navi_area .carnews_arrow_area {
            position: absolute;
            top: -24px;
            right: -112px;
            width: 100px; }
            header .news .inc dl dd .carnews_navi_area .carnews_arrow_area .car_chocopie_right.slick-arrow button {
              background: transparent url(/products/brand/chocopie/images/top/arrow_r.png) right center no-repeat;
              background-size: 28.3333333333px;
              width: 28.3333333333px;
              height: 28.3333333333px; }
              header .news .inc dl dd .carnews_navi_area .carnews_arrow_area .car_chocopie_right.slick-arrow button:hover {
                background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) right top no-repeat;
                background-size: 28.3333333333px;
                animation: arrow_05 0.6s steps(8) infinite;
                opacity: 1; }
            header .news .inc dl dd .carnews_navi_area .carnews_arrow_area .car_chocopie_left.slick-arrow button {
              background: transparent url(/products/brand/chocopie/images/top/arrow_l.png) right center no-repeat;
              background-size: 28.3333333333px;
              width: 28.3333333333px;
              height: 28.3333333333px; }
              header .news .inc dl dd .carnews_navi_area .carnews_arrow_area .car_chocopie_left.slick-arrow button:hover {
                background: transparent url(/products/brand/chocopie/images/top/arrow_l_hov.png) right top no-repeat;
                background-size: 28.3333333333px;
                animation: arrow_05 0.6s steps(8) infinite;
                opacity: 1; }

footer {
  width: 100%;
  box-sizing: border-box;
  background-color: #400508; }
  footer .footer_inc {
    padding: 28px 0px 62px 0px;
    width: 1300px;
    box-sizing: border-box;
    margin: 0px auto 0px;
    text-align: center; }
    footer .footer_inc p {
      color: #ffffff;
      font-size: 18px;
      line-height: 1em; }

#content {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px 120px 0px; }
  #content .car_box {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 70px 50px 70px;
    background-image: url(/products/brand/chocopie/images/top/bg_content.png); }
    #content .car_box_inc {
      width: 1142px;
      box-sizing: border-box;
      margin: 0px auto 0px; }
      #content .car_box_inc_l {
        width: 762px;
        box-sizing: border-box;
        float: left;
        text-align: center;
        transition: all 1.2s;
        -moz-transition: all 1.2s;
        -webkit-transition: all 1.2s;
        -ms-transition: all 1.2s;
        transform: translateY(80px);
        opacity: 0; }
        #content .car_box_inc_l .carleft_in {
          position: relative; }
          #content .car_box_inc_l .carleft_in .new {
            position: absolute;
            z-index: +1;
            top: -15px;
            left: -17px;
            background-image: url(/products/brand/chocopie/images/top/ico_new.png);
            background-size: 104px 52px;
            width: 104px;
            box-sizing: border-box;
            height: 52px; }
      #content .car_box_inc_r {
        width: 363px;
        box-sizing: border-box;
        float: right;
        text-align: center;
        transition: all 1.2s;
        -moz-transition: all 1.2s;
        -webkit-transition: all 1.2s;
        -ms-transition: all 1.2s;
        transform: translateY(80px);
        transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        opacity: 0; }
    #content .car_box.act .car_box_inc_l {
      opacity: 1;
      transform: translateY(0); }
    #content .car_box.act .car_box_inc_r {
      opacity: 1;
      transform: translateY(0); }
  #content article {
    width: 100%;
    box-sizing: border-box;
    /* about chocopie */
    /* lineup */
    /* special */
    /* makingg */
    /* mvdl */ }
    #content article section.about {
      width: 100%;
      box-sizing: border-box;
      background-color: #f8f4eb; }
      #content article section.about .about_inc {
        width: 1300px;
        box-sizing: border-box;
        margin: 0px auto 0px;
        min-height: 661px;
        padding: 102px 0px 0px 0px;
        position: relative; }
        #content article section.about .about_inc i {
          position: absolute;
          background-image: url(/products/brand/chocopie/images/top/img_about.png);
          background-size: 511px 585px;
          width: 511px;
          box-sizing: border-box;
          height: 585px;
          top: 19px;
          left: 768px;
          opacity: 0;
          transition: opacity 2.2s;
          -moz-transition: opacity 2.2s;
          -webkit-transition: opacity 2.2s;
          -ms-transition: opacity 2.2s;
          transition-delay: 1s;
          -moz-transition-delay: 1s;
          -webkit-transition-delay: 1s;
          -ms-transition-delay: 1s; }
        #content article section.about .about_inc h2 {
          transform: scale(0.5);
          -webkit-transform-origin: left;
          -ms-transform-origin: left;
          transform-origin: left;
          opacity: 0;
          transform: translateX(-50px);
          -moz-transform: translateX(-50px);
          -webkit-transform: translateX(-50px);
          -ms-transform: translateX(-50px);
          transition: all 0.8s;
          -moz-transition: all 0.8s;
          -webkit-transition: all 0.8s;
          -ms-transition: all 0.8s;
          width: 210px;
          box-sizing: border-box; }
          #content article section.about .about_inc h2 img {
            width: 100%; }
        #content article section.about .about_inc h3 {
          margin: 58px 0px 0px 0px;
          opacity: 0;
          transform: translateX(-50px);
          -moz-transform: translateX(-50px);
          -webkit-transform: translateX(-50px);
          -ms-transform: translateX(-50px);
          transition: all 0.8s;
          -moz-transition: all 0.8s;
          -webkit-transition: all 0.8s;
          -ms-transition: all 0.8s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
          -webkit-transition-delay: 0.3s;
          -ms-transition-delay: 0.3s; }
        #content article section.about .about_inc p {
          margin: 68px 600px 0px 0px;
          color: #550c0c;
          font-size: 18px;
          line-height: 2em;
          opacity: 0;
          transform: translateX(-50px);
          -moz-transform: translateX(-50px);
          -webkit-transform: translateX(-50px);
          -ms-transform: translateX(-50px);
          transition: all 0.8s;
          -moz-transition: all 0.8s;
          -webkit-transition: all 0.8s;
          -ms-transition: all 0.8s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s;
          -webkit-transition-delay: 0.6s;
          -ms-transition-delay: 0.6s; }
        #content article section.about .about_inc.act i {
          opacity: 1; }
        #content article section.about .about_inc.act h2 {
          opacity: 1;
          transform: translateX(0px); }
        #content article section.about .about_inc.act h3 {
          opacity: 1;
          transform: translateX(0px); }
        #content article section.about .about_inc.act p {
          opacity: 1;
          transform: translateX(0px); }
    #content article section.lineup {
      width: 100%;
      box-sizing: border-box;
      margin: 200px 0px 0px 0px; }
      #content article section.lineup .lineup_inc {
        width: 1300px;
        box-sizing: border-box;
        margin: 0px auto 0px;
        padding: 0px 40px 0px 40px; }
        #content article section.lineup .lineup_inc .lineup_main {
          background-color: #f8f4eb;
          padding: 50px 40px 180px 40px; }
          #content article section.lineup .lineup_inc .lineup_main ul.prod {
            max-width: 660px;
            margin: 30px 0px 0px 0px; }
            #content article section.lineup .lineup_inc .lineup_main ul.prod li {
              float: left;
              width: 205px;
              box-sizing: border-box;
              margin: 0px 20px 60px 0px; }
              #content article section.lineup .lineup_inc .lineup_main ul.prod li:nth-child(3n) {
                margin: 0px 0px 60px 0px; }
              #content article section.lineup .lineup_inc .lineup_main ul.prod li a {
                display: block;
                position: relative;
                min-height: 250px;
                width: 205px;
                box-sizing: border-box; }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a b {
                  position: absolute; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a b:first-child {
                    display: block;
                    background-image: url(/products/brand/chocopie/images/top/bg_lineup_prod.png);
                    width: 205px;
                    height: 205px;
                    background-size: 205px 205px; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a b:nth-child(2) {
                    display: block;
                    background-image: url(/products/brand/chocopie/images/top/bg_lineup_prod_ov.png);
                    width: 205px;
                    height: 205px;
                    background-size: 205px 205px;
                    opacity: 0;
                    transition: opacity 0.65s;
                    -moz-transition: opacity 0.65s;
                    -webkit-transition: opacity 0.65s;
                    -ms-transition: opacity 0.65s; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a b:nth-child(3) {
                    top: 160px;
                    right: 0;
                    display: block;
                    text-decoration: none;
                    background: transparent url(/products/brand/chocopie/images/top/arrow_r.png) right center no-repeat;
                    background-size: 34px;
                    width: 34px;
                    height: 34px; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a b.new_prod {
                    position: absolute;
                    top: 0px;
                    left: 0;
                    display: block;
                    text-decoration: none;
                    background: transparent url(/products/brand/chocopie/images/top/ico_new_prod.png) center top no-repeat;
                    width: 55px;
                    box-sizing: border-box;
                    height: 55px; }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a:hover b:nth-child(2) {
                  opacity: 1; }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a:hover b:nth-child(3) {
                  background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) right top no-repeat;
                  background-size: 34px;
                  animation: arrow_03 0.6s steps(8) infinite; }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a:hover b.new_prod {
                  background: transparent url(/products/brand/chocopie/images/top/ico_new_prod.png) center bottom no-repeat; }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a u {
                  position: absolute;
                  display: table;
                  text-align: center;
                  vertical-align: middle;
                  width: 205px;
                  box-sizing: border-box;
                  height: 205px; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a u span {
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                    width: 205px;
                    box-sizing: border-box;
                    height: 205px;
                    transition: all 0.65s;
                    -webkit-transition: all 0.65s;
                    -ms-transition: all  0.8s; }
                    #content article section.lineup .lineup_inc .lineup_main ul.prod li a u span img {
                      max-height: 205px;
                      max-width: 205px; }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a:hover u span {
                  transform: scale(1.04); }
                #content article section.lineup .lineup_inc .lineup_main ul.prod li a p {
                  position: absolute;
                  top: 218px;
                  width: 205px;
                  box-sizing: border-box;
                  display: block;
                  text-align: center;
                  font-size: 20px; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a p.text_small {
                    font-size: 18px; }
                  #content article section.lineup .lineup_inc .lineup_main ul.prod li a p span {
                    display: block;
                    margin: 8px 0px 0px 0px;
                    font-size: 14px; }
          #content article section.lineup .lineup_inc .lineup_main .chocopie {
            position: relative;
            height: 1125px; }
            #content article section.lineup .lineup_inc .lineup_main .chocopie h2 {
              width: 90px;
              box-sizing: border-box;
              margin: 0px 0px 40px 0px;
              opacity: 0;
              transform: translateX(-30px);
              -moz-transform: translateX(-30px);
              -webkit-transform: translateX(-30px);
              -ms-transform: translateX(-30px);
              transition: all 1s;
              -moz-transition: all 1s;
              -webkit-transition: all 1s;
              -ms-transition: all 1s; }
              #content article section.lineup .lineup_inc .lineup_main .chocopie h2 img {
                width: 100%;
                box-sizing: border-box; }
            #content article section.lineup .lineup_inc .lineup_main .chocopie h3 {
              opacity: 0;
              transform: translateX(-30px);
              -moz-transform: translateX(-30px);
              -webkit-transform: translateX(-30px);
              -ms-transform: translateX(-30px);
              transition: all 1s;
              -moz-transition: all 1s;
              -webkit-transition: all 1s;
              -ms-transition: all 1s;
              position: relative; }
              #content article section.lineup .lineup_inc .lineup_main .chocopie h3 .link {
                position: absolute;
                top: 51px;
                left: 355px;
                text-decoration: none;
                display: flex;
                align-items: center; }
                #content article section.lineup .lineup_inc .lineup_main .chocopie h3 .link p {
                  font-size: 21px;
                  margin-right: 10px; }
                #content article section.lineup .lineup_inc .lineup_main .chocopie h3 .link b {
                  background: transparent url(/products/brand/chocopie/images/top/arrow_r5.png) right center no-repeat;
                  background-size: 34px;
                  width: 34px;
                  height: 34px; }
                #content article section.lineup .lineup_inc .lineup_main .chocopie h3 .link:hover b {
                  background: transparent url(/products/brand/chocopie/images/top/arrow_r5_hov.png) right top no-repeat;
                  background-size: 34px;
                  animation: arrow_03 0.6s steps(8) infinite; }
            #content article section.lineup .lineup_inc .lineup_main .chocopie ul.prod li a u span img {
              opacity: 0;
              transition: all 0.6s;
              -moz-transition: all 0.6s;
              -webkit-transition: all 0.6s;
              -ms-transition: all 0.6s;
              transform: translateY(50px);
              -moz-transform: translateY(50px);
              -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px);
              transition-delay: 0.5s;
              -moz-transition-delay: 0.5s;
              -webkit-transition-delay: 0.5s;
              -ms-transition-delay: 0.5s; }
            #content article section.lineup .lineup_inc .lineup_main .chocopie i {
              position: absolute;
              left: 670px;
              top: 200px;
              background-image: url(/products/brand/chocopie/images/top/img_chocopie.png);
              width: 707px;
              height: 384px;
              background-size: 707px 384px;
              opacity: 0;
              opacity: 0;
              transition: all 0.6s;
              -moz-transition: all 0.6s;
              -webkit-transition: all 0.6s;
              -ms-transition: all 0.6s;
              transform: translateY(50px);
              -moz-transform: translateY(50px);
              -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px);
              transition-delay: 0.5s;
              -moz-transition-delay: 0.5s;
              -webkit-transition-delay: 0.5s;
              -ms-transition-delay: 0.5s; }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act2 h2 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act2 h3 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act2 ul.prod li a u span img {
              opacity: 1;
              transform: translateY(0px);
              -moz-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px); }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act2 i {
              opacity: 1;
              transform: translateY(0px);
              -moz-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px); }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act h2 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act h3 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act i {
              opacity: 1; }
            #content article section.lineup .lineup_inc .lineup_main .chocopie.act ul.prod li {
              opacity: 1; }
          #content article section.lineup .lineup_inc .lineup_main .custard {
            position: relative;
            margin: 80px 0px 0px 0px;
            height: 541px; }
            #content article section.lineup .lineup_inc .lineup_main .custard h3 {
              margin: 0px 0px 0px 500px;
              padding: 100px 0px 0px 0px;
              opacity: 0;
              transform: translateX(30px);
              -moz-transform: translateX(30px);
              -webkit-transform: translateX(30px);
              -ms-transform: translateX(30px);
              transition: all 1s;
              -moz-transition: all 1s;
              -webkit-transition: all 1s;
              -ms-transition: all 1s;
              transition-delay: 0.3s;
              -moz-transition-delay: 0.3s;
              -webkit-transition-delay: 0.3s;
              -ms-transition-delay: 0.3s;
              position: relative; }
            #content article section.lineup .lineup_inc .lineup_main .custard .link {
              position: absolute;
              top: 150px;
              left: 360px;
              text-decoration: none;
              display: flex;
              align-items: center; }
              #content article section.lineup .lineup_inc .lineup_main .custard .link p {
                font-size: 21px;
                margin-right: 10px; }
              #content article section.lineup .lineup_inc .lineup_main .custard .link b {
                background: transparent url(/products/brand/chocopie/images/top/arrow_r5.png) right center no-repeat;
                background-size: 34px;
                width: 34px;
                height: 34px; }
              #content article section.lineup .lineup_inc .lineup_main .custard .link:hover b {
                background: transparent url(/products/brand/chocopie/images/top/arrow_r5_hov.png) right top no-repeat;
                background-size: 34px;
                animation: arrow_03 0.6s steps(8) infinite; }
            #content article section.lineup .lineup_inc .lineup_main .custard ul.prod {
              margin: 30px 0px 0px 480px; }
              #content article section.lineup .lineup_inc .lineup_main .custard ul.prod li a u span img {
                opacity: 0;
                transition: all 0.6s;
                -moz-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                -ms-transition: all 0.6s;
                transform: translateY(50px);
                -moz-transform: translateY(50px);
                -webkit-transform: translateY(50px);
                -ms-transform: translateY(50px);
                transition-delay: 0.5s;
                -moz-transition-delay: 0.5s;
                -webkit-transition-delay: 0.5s;
                -ms-transition-delay: 0.5s; }
            #content article section.lineup .lineup_inc .lineup_main .custard i {
              position: absolute;
              left: -150px;
              top: 30px;
              background-image: url(/products/brand/chocopie/images/top/img_custard.png);
              width: 684px;
              height: 544px;
              background-size: 684px 544px;
              opacity: 0;
              transition: all 0.6s;
              -moz-transition: all 0.6s;
              -webkit-transition: all 0.6s;
              -ms-transition: all 0.6s;
              transition-delay: 0.5s;
              -moz-transition-delay: 0.5s;
              -webkit-transition-delay: 0.5s;
              -ms-transition-delay: 0.5s;
              transform: translateY(50px);
              -moz-transform: translateY(50px);
              -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px); }
            #content article section.lineup .lineup_inc .lineup_main .custard.act2 h3 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .custard.act2 ul.prod li a u span img {
              opacity: 1;
              transform: translateY(0px);
              -moz-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px); }
            #content article section.lineup .lineup_inc .lineup_main .custard.act2 i {
              opacity: 1;
              transform: translateY(0px);
              -moz-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px); }
            #content article section.lineup .lineup_inc .lineup_main .custard.act h3 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .custard.act i {
              opacity: 1; }
            #content article section.lineup .lineup_inc .lineup_main .custard.act ul.prod li {
              opacity: 1; }
          #content article section.lineup .lineup_inc .lineup_main .petitcake {
            position: relative;
            margin: 10px 0px 0px 0px; }
            #content article section.lineup .lineup_inc .lineup_main .petitcake h3 {
              margin: 90px 0px 0px 0px;
              padding: 100px 0px 0px 0px;
              opacity: 0;
              transform: translateX(-30px);
              -moz-transform: translateX(-30px);
              -webkit-transform: translateX(-30px);
              -ms-transform: translateX(-30px);
              transition: all 1s;
              -moz-transition: all 1s;
              -webkit-transition: all 1s;
              -ms-transition: all 1s;
              transition-delay: 0.3s;
              -moz-transition-delay: 0.3s;
              -webkit-transition-delay: 0.3s;
              -ms-transition-delay: 0.3s;
              position: relative; }
            #content article section.lineup .lineup_inc .lineup_main .petitcake .link {
              position: absolute;
              top: 150px;
              left: 360px;
              text-decoration: none;
              display: flex;
              align-items: center; }
              #content article section.lineup .lineup_inc .lineup_main .petitcake .link p {
                font-size: 21px;
                margin-right: 10px; }
              #content article section.lineup .lineup_inc .lineup_main .petitcake .link b {
                background: transparent url(/products/brand/chocopie/images/top/arrow_r5.png) right center no-repeat;
                background-size: 34px;
                width: 34px;
                height: 34px; }
              #content article section.lineup .lineup_inc .lineup_main .petitcake .link:hover b {
                background: transparent url(/products/brand/chocopie/images/top/arrow_r5_hov.png) right top no-repeat;
                background-size: 34px;
                animation: arrow_03 0.6s steps(8) infinite; }
            #content article section.lineup .lineup_inc .lineup_main .petitcake ul.prod {
              margin: 30px 0px 0px 0px; }
              #content article section.lineup .lineup_inc .lineup_main .petitcake ul.prod li a u span img {
                opacity: 0;
                transition: all 0.6s;
                -moz-transition: all 0.6s;
                -webkit-transition: all 0.6s;
                -ms-transition: all 0.6s;
                transform: translateY(50px);
                -moz-transform: translateY(50px);
                -webkit-transform: translateY(50px);
                -ms-transform: translateY(50px);
                transition-delay: 0.5s;
                -moz-transition-delay: 0.5s;
                -webkit-transition-delay: 0.5s;
                -ms-transition-delay: 0.5s; }
            #content article section.lineup .lineup_inc .lineup_main .petitcake i {
              position: absolute;
              left: 630px;
              top: 30px;
              background-image: url(/products/brand/chocopie/images/top/img_petitcake.png);
              width: 666px;
              height: 541px;
              background-size: 666px 541px;
              opacity: 0;
              transition: all 0.6s;
              -moz-transition: all 0.6s;
              -webkit-transition: all 0.6s;
              -ms-transition: all 0.6s;
              transition-delay: 0.5s;
              -moz-transition-delay: 0.5s;
              -webkit-transition-delay: 0.5s;
              -ms-transition-delay: 0.5s;
              transform: translateY(50px);
              -moz-transform: translateY(50px);
              -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px); }
            #content article section.lineup .lineup_inc .lineup_main .petitcake.act2 h3 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .petitcake.act2 ul.prod li a u span img {
              opacity: 1;
              transform: translateY(0px);
              -moz-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px); }
            #content article section.lineup .lineup_inc .lineup_main .petitcake.act2 i {
              opacity: 1;
              transform: translateY(0px);
              -moz-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px); }
            #content article section.lineup .lineup_inc .lineup_main .petitcake.act h3 {
              opacity: 1;
              transform: translateX(0px); }
            #content article section.lineup .lineup_inc .lineup_main .petitcake.act i {
              opacity: 1; }
            #content article section.lineup .lineup_inc .lineup_main .petitcake.act ul.prod li {
              opacity: 1; }
    #content article section.special {
      width: 1300px;
      box-sizing: border-box;
      margin: 200px auto 0px;
      padding: 0px 40px 0px 40px; }
      #content article section.special .special_inc {
        margin: 0px auto 0px;
        padding: 50px 38px 50px 38px;
        background: #f8f4eb; }
        #content article section.special .special_inc h2 {
          margin: 0px 0px 40px 0px;
          width: 110px;
          box-sizing: border-box;
          transform: translateX(-40px);
          -moz-transform: translateX(-40px);
          -webkit-transform: translateX(-40px);
          -ms-transform: translateX(-40px);
          opacity: 0;
          transition: all 1.4s;
          -moz-transition: all 1.4s;
          -webkit-transition: all 1.4s;
          -ms-transition: all 1.4s;
          transition-delay: 0.2s;
          -moz-transition-delay: 0.2s;
          -webkit-transition-delay: 0.2s;
          -ms-transition-delay: 0.2s; }
          #content article section.special .special_inc h2 img {
            width: 100%;
            box-sizing: border-box; }
        #content article section.special .special_inc h3 {
          opacity: 0;
          margin: 0px 0px 36px 0px;
          transform: translateX(-40px);
          -moz-transform: translateX(-40px);
          -webkit-transform: translateX(-40px);
          -ms-transform: translateX(-40px);
          transition: all 1.4s;
          -moz-transition: all 1.4s;
          -webkit-transition: all 1.4s;
          -ms-transition: all 1.4s;
          transition-delay: 0.4s;
          -moz-transition-delay: 0.4s;
          -webkit-transition-delay: 0.4s;
          -ms-transition-delay: 0.4s; }
        #content article section.special .special_inc p {
          opacity: 0;
          color: #550c0c;
          font-size: 18px;
          line-height: 1.3333333333em;
          transform: translateX(-40px);
          -moz-transform: translateX(-40px);
          -webkit-transform: translateX(-40px);
          -ms-transform: translateX(-40px);
          transition: all 1.4s;
          -moz-transition: all 1.4s;
          -webkit-transition: all 1.4s;
          -ms-transition: all 1.4s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s;
          -webkit-transition-delay: 0.6s;
          -ms-transition-delay: 0.6s; }
        #content article section.special .special_inc .recip_french {
          position: relative;
          margin: 40px 0;
          transition: all 1.2s;
          -moz-transition: all 1.2s;
          -webkit-transition: all 1.2s;
          -ms-transition: all 1.2s;
          transition-delay: 0.7s;
          -moz-transition-delay: 0.7s;
          -webkit-transition-delay: 0.7s;
          -ms-transition-delay: 0.7s;
          transform: translateY(80px);
          opacity: 0; }
          #content article section.special .special_inc .recip_french a {
            position: absolute;
            bottom: 15px;
            right: 10px;
            width: 370px;
            height: 80px; }
            #content article section.special .special_inc .recip_french a b {
              position: absolute;
              right: 40px;
              bottom: 23px;
              display: block;
              text-decoration: none;
              background: transparent url(/products/brand/chocopie/images/top/arrow_r.png) right center no-repeat;
              background-size: 34px;
              width: 34px;
              height: 34px; }
            #content article section.special .special_inc .recip_french a:hover b {
              background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) right top no-repeat;
              background-size: 34px;
              animation: arrow_03 0.6s steps(8) infinite; }
        #content article section.special .special_inc .recip_memories {
          margin: 40px 0;
          transition: all 1.2s;
          -moz-transition: all 1.2s;
          -webkit-transition: all 1.2s;
          -ms-transition: all 1.2s;
          transition-delay: 0.7s;
          -moz-transition-delay: 0.7s;
          -webkit-transition-delay: 0.7s;
          -ms-transition-delay: 0.7s;
          transform: translateY(80px);
          opacity: 0; }
          #content article section.special .special_inc .recip_memories ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            #content article section.special .special_inc .recip_memories ul li {
              width: 50%; }
              #content article section.special .special_inc .recip_memories ul li img {
                width: 100%; }
        #content article section.special .special_inc dl.recipe_dl {
          width: 100%;
          display: block;
          min-height: 600px;
          opacity: 0;
          margin: 0px 0px 10px 0px;
          transition: all 1.2s;
          -moz-transition: all 1.2s;
          -webkit-transition: all 1.2s;
          -ms-transition: all 1.2s;
          transition-delay: 0.7s;
          -moz-transition-delay: 0.7s;
          -webkit-transition-delay: 0.7s;
          -ms-transition-delay: 0.7s;
          transform: translateY(80px); }
          #content article section.special .special_inc dl.recipe_dl dt {
            border-bottom: #400507 2px solid;
            text-align: right; }
            #content article section.special .special_inc dl.recipe_dl dt ul {
              display: inline-block; }
              #content article section.special .special_inc dl.recipe_dl dt ul li {
                float: left;
                display: block;
                height: 50px;
                width: 209px;
                box-sizing: border-box;
                border-top: #400507 2px solid;
                border-right: #400507 2px solid;
                border-bottom: #400507 0px solid;
                border-left: #400507 2px solid;
                cursor: pointer;
                border-top-left-radius: 10px;
                -webkit-border-top-left-radius: 10px;
                -moz-border-radius-topleft: 10px;
                border-top-right-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topright: 10px;
                background-repeat: no-repeat;
                background-position: 15px center;
                background-color: #400507;
                position: relative; }
                #content article section.special .special_inc dl.recipe_dl dt ul li i {
                  display: block;
                  position: absolute;
                  top: 10px;
                  left: 170px;
                  background-image: url(/products/brand/chocopie/images/top/arrow_rcp.gif);
                  width: 22px;
                  box-sizing: border-box;
                  height: 27px;
                  background-size: 22px 27px; }
                #content article section.special .special_inc dl.recipe_dl dt ul li.choco {
                  background-image: url(/products/brand/chocopie/images/top/img_br_recipe_choco.png);
                  background-size: 40%;
                  background-color: #f8f4eb;
                  transition: all 0.4s;
                  -moz-transition: all 0.4s;
                  -webkit-transition: all 0.4s;
                  -ms-transition: all 0.4s; }
                  #content article section.special .special_inc dl.recipe_dl dt ul li.choco.here, #content article section.special .special_inc dl.recipe_dl dt ul li.choco:hover {
                    background-image: url(/products/brand/chocopie/images/top/img_w_recipe_choco.png);
                    background-color: #400507; }
                    #content article section.special .special_inc dl.recipe_dl dt ul li.choco.here i, #content article section.special .special_inc dl.recipe_dl dt ul li.choco:hover i {
                      background-image: url(/products/brand/chocopie/images/top/arrow_rcp_hover.gif); }
                #content article section.special .special_inc dl.recipe_dl dt ul li.custard {
                  background-image: url(/products/brand/chocopie/images/top/img_br_recipe_custard.png);
                  background-color: #f8f4eb;
                  background-size: 55%;
                  transition: all 0.4s;
                  -moz-transition: all 0.4s;
                  -webkit-transition: all 0.4s;
                  -ms-transition: all 0.4s; }
                  #content article section.special .special_inc dl.recipe_dl dt ul li.custard.here, #content article section.special .special_inc dl.recipe_dl dt ul li.custard:hover {
                    background-image: url(/products/brand/chocopie/images/top/img_w_recipe_custard.png);
                    background-color: #400507; }
                    #content article section.special .special_inc dl.recipe_dl dt ul li.custard.here i, #content article section.special .special_inc dl.recipe_dl dt ul li.custard:hover i {
                      background-image: url(/products/brand/chocopie/images/top/arrow_rcp_hover.gif); }
                #content article section.special .special_inc dl.recipe_dl dt ul li:last-child {
                  margin-left: 4px; }
          #content article section.special .special_inc dl.recipe_dl dd {
            margin: 23px 0px 0px 0px; }
            #content article section.special .special_inc dl.recipe_dl dd .list_photo {
              margin: 0px 0px 0px 287px; }
            #content article section.special .special_inc dl.recipe_dl dd .list_mv {
              position: relative; }
              #content article section.special .special_inc dl.recipe_dl dd .list_mv ul {
                position: absolute; }
                #content article section.special .special_inc dl.recipe_dl dd .list_mv ul li.sp_choco, #content article section.special .special_inc dl.recipe_dl dd .list_mv ul li.sp_custard {
                  display: none !important; }
                #content article section.special .special_inc dl.recipe_dl dd .list_mv ul li:first-child {
                  margin-left: 0; }
            #content article section.special .special_inc dl.recipe_dl dd div {
              transition: opacity .3s;
              -webkit-transition: opacity .3s;
              -ms-transition: opacity .3s; }
              #content article section.special .special_inc dl.recipe_dl dd div.choco {
                opacity: 0;
                display: none; }
                #content article section.special .special_inc dl.recipe_dl dd div.choco.here {
                  opacity: 1;
                  display: block; }
                #content article section.special .special_inc dl.recipe_dl dd div.choco .u_video {
                  float: left; }
                #content article section.special .special_inc dl.recipe_dl dd div.choco ul.u_photo {
                  float: left;
                  width: 577px; }
                #content article section.special .special_inc dl.recipe_dl dd div.choco ul.u_video_photo {
                  float: left;
                  width: 280px; }
                  #content article section.special .special_inc dl.recipe_dl dd div.choco ul.u_video_photo li {
                    margin: 0px 8px 8px 0px; }
              #content article section.special .special_inc dl.recipe_dl dd div.custard {
                opacity: 0;
                display: none; }
                #content article section.special .special_inc dl.recipe_dl dd div.custard.here {
                  opacity: 1;
                  display: block; }
                #content article section.special .special_inc dl.recipe_dl dd div.custard ul {
                  float: left;
                  width: 887px; }
                  #content article section.special .special_inc dl.recipe_dl dd div.custard ul li {
                    margin: 0px 8px 8px 0px; }
                    #content article section.special .special_inc dl.recipe_dl dd div.custard ul li:nth-child(3n) {
                      margin: 0px 0px 8px 0px; }
              #content article section.special .special_inc dl.recipe_dl dd div li {
                float: left;
                display: block;
                margin: 0px 0px 8px 8px;
                width: 280px;
                box-sizing: border-box; }
                #content article section.special .special_inc dl.recipe_dl dd div li img {
                  width: 100%; }
                #content article section.special .special_inc dl.recipe_dl dd div li a {
                  display: block;
                  position: relative;
                  text-decoration: none; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a p {
                    position: absolute;
                    display: table;
                    text-align: center;
                    vertical-align: middle;
                    width: 100%;
                    height: 100%; }
                    #content article section.special .special_inc dl.recipe_dl dd div li a p u {
                      display: table-cell;
                      text-align: center;
                      vertical-align: middle;
                      text-decoration: none;
                      color: #ffffff;
                      font-size: 18px;
                      line-height: 1.3333333333em;
                      opacity: 0;
                      transition: opacity .3s;
                      -webkit-transition: opacity .3s;
                      -ms-transition: opacity .3s; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a:hover p u {
                    opacity: 1; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a i {
                    transition: all .5s;
                    -webkit-transition: all .5s;
                    -ms-transition: all .5s;
                    transition-timing-function: ease-out;
                    -moz-transition-timing-function: ease-out;
                    -webkit-transition-timing-function: ease-out;
                    -ms-transition-timing-function: ease-out;
                    opacity: 0;
                    background: #400507;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    height: 0; }
                    #content article section.special .special_inc dl.recipe_dl dd div li a i:first-child {
                      top: 0; }
                    #content article section.special .special_inc dl.recipe_dl dd div li a i:nth-child(2) {
                      bottom: 0; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a:hover i:first-child {
                    height: 65%;
                    opacity: 0.8; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a:hover i:nth-child(2) {
                    height: 35%;
                    opacity: 0.8; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a b {
                    position: absolute;
                    right: 5px;
                    bottom: 5px;
                    display: block;
                    text-decoration: none;
                    background: transparent url(/products/brand/chocopie/images/top/arrow_r.png) right center no-repeat;
                    background-size: 34px;
                    width: 34px;
                    height: 34px; }
                  #content article section.special .special_inc dl.recipe_dl dd div li a:hover b {
                    background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) right top no-repeat;
                    background-size: 34px;
                    animation: arrow_03 0.6s steps(8) infinite; }
        #content article section.special .special_inc.act dl.recipe_dl, #content article section.special .special_inc.act .recip_french, #content article section.special .special_inc.act .recip_memories {
          opacity: 1;
          transform: translateY(0px); }
        #content article section.special .special_inc.act h2, #content article section.special .special_inc.act h3, #content article section.special .special_inc.act p {
          opacity: 1;
          transform: translateX(0);
          -moz-transform: translateX(0);
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0); }
        #content article section.special .special_inc .special_lnk_box {
          width: 100%;
          text-align: center; }
          #content article section.special .special_inc .special_lnk_box .special_lnk_txt {
            font-size: 1.4em;
            display: none; }
            #content article section.special .special_inc .special_lnk_box .special_lnk_txt.here {
              display: inline-block; }
    #content article section.making {
      width: 100%;
      box-sizing: border-box;
      margin: 200px 0px 0px 0px; }
      #content article section.making .making_inc {
        width: 1300px;
        box-sizing: border-box;
        margin: 0px auto 0px;
        padding: 0px 40px 0px 40px; }
        #content article section.making .making_inc .making_main {
          background-color: #f8f4eb;
          padding: 50px 33px 60px 33px; }
          #content article section.making .making_inc .making_main h2 {
            margin: 0px 0px 40px 0px;
            width: 100px;
            box-sizing: border-box;
            transform: translateX(-20px);
            -moz-transform: translateX(-20px);
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transition: all 1.4s;
            -moz-transition: all 1.4s;
            -webkit-transition: all 1.4s;
            -ms-transition: all 1.4s;
            transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -webkit-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            opacity: 0; }
            #content article section.making .making_inc .making_main h2 img {
              width: 100%;
              box-sizing: border-box; }
          #content article section.making .making_inc .making_main h3 {
            margin: 0px 0px 36px 0px;
            transform: translateX(-20px);
            -moz-transform: translateX(-20px);
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transition: all 1.4s;
            -moz-transition: all 1.4s;
            -webkit-transition: all 1.4s;
            -ms-transition: all 1.4s;
            transition-delay: 0.4s;
            -moz-transition-delay: 0.4s;
            -webkit-transition-delay: 0.4s;
            -ms-transition-delay: 0.4s;
            opacity: 0; }
          #content article section.making .making_inc .making_main > p {
            color: #550c0c;
            font-size: 18px;
            line-height: 1.3333333333em;
            transform: translateX(-20px);
            -moz-transform: translateX(-20px);
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transition: all 1.4s;
            -moz-transition: all 1.4s;
            -webkit-transition: all 1.4s;
            -ms-transition: all 1.4s;
            transition-delay: 0.6s;
            -moz-transition-delay: 0.6s;
            -webkit-transition-delay: 0.6s;
            -ms-transition-delay: 0.6s;
            opacity: 0; }
          #content article section.making .making_inc .making_main .play_movie_box {
            display: block;
            position: relative; }
            #content article section.making .making_inc .making_main .play_movie_box .play_movie {
              position: absolute;
              top: -63px;
              left: 980px;
              z-index: 10;
              transform: translateY(50px);
              -moz-transform: translateY(50px);
              -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px);
              transition: all 1s;
              -moz-transition: all 1s;
              -webkit-transition: all 1s;
              -ms-transition: all 1s;
              transition-delay: 0.7s;
              -moz-transition-delay: 0.7s;
              -webkit-transition-delay: 0.7s;
              -ms-transition-delay: 0.7s;
              opacity: 0; }
          #content article section.making .making_inc .making_main .step_box {
            width: 1154px;
            box-sizing: border-box;
            margin: 30px auto 20px;
            text-align: center;
            transform: translateY(50px);
            -moz-transform: translateY(50px);
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transition: all 1s;
            -moz-transition: all 1s;
            -webkit-transition: all 1s;
            -ms-transition: all 1s;
            transition-delay: 0.7s;
            -moz-transition-delay: 0.7s;
            -webkit-transition-delay: 0.7s;
            -ms-transition-delay: 0.7s;
            opacity: 0; }
            #content article section.making .making_inc .making_main .step_box .step_box_in {
              display: block;
              overflow-y: visible;
              overflow-x: hidden;
              text-align: left; }
              #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step {
                float: left;
                display: block;
                width: 577px;
                box-sizing: border-box;
                padding: 40px 0px 40px 0px;
                border-top: #f8f4eb 0px solid;
                border-right: #f8f4eb 1px solid;
                border-bottom: #f8f4eb 0px solid;
                border-left: #f8f4eb 1px solid;
                background-color: #ffffff; }
                #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl {
                  width: 489px;
                  box-sizing: border-box;
                  margin: 0px auto 0px; }
                  #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dt {
                    position: relative; }
                    #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dt img {
                      width: 100%;
                      box-sizing: border-box;
                      height: auto; }
                    #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dt .play_movie {
                      position: absolute;
                      right: -93px;
                      top: -128px;
                      z-index: 9; }
                  #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd {
                    margin: 40px 0px 0px 0px; }
                    #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step {
                      background-image: url(/products/brand/chocopie/images/top/uline_step.png);
                      padding: 0px 0px 20px 0px;
                      color: #550c0c;
                      font-size: 22px;
                      line-height: 1em; }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step:before {
                        content: "";
                        padding: 4px 2px 4px 60px;
                        margin-right: 15px;
                        background-size: 48px;
                        background-repeat: no-repeat;
                        background-position: 7px center;
                        background-color: #400507; }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step.s1:before {
                        background-image: url(/products/brand/chocopie/images/top/step1.png); }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step.s2:before {
                        background-image: url(/products/brand/chocopie/images/top/step2.png); }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step.s3:before {
                        background-image: url(/products/brand/chocopie/images/top/step3.png); }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step.s4:before {
                        background-image: url(/products/brand/chocopie/images/top/step4.png); }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step.s5:before {
                        background-image: url(/products/brand/chocopie/images/top/step5.png); }
                      #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .step.s6:before {
                        background-image: url(/products/brand/chocopie/images/top/step6.png); }
                    #content article section.making .making_inc .making_main .step_box .step_box_in .step_box_step dl dd .mk_txt {
                      margin: 15px 0px 0px 0px;
                      color: #550c0c;
                      font-size: 18px;
                      line-height: 2em;
                      letter-spacing: 0.1em; }
        #content article section.making .making_inc.act .making_main .play_movie_box .play_movie {
          opacity: 1;
          transform: translateY(0px); }
        #content article section.making .making_inc.act .step_box {
          opacity: 1;
          transform: translateY(0px); }
        #content article section.making .making_inc.act h2, #content article section.making .making_inc.act h3, #content article section.making .making_inc.act p {
          opacity: 1;
          transform: translateX(0);
          -moz-transform: translateX(0);
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0); }
    #content article section.mvdl {
      width: 1300px;
      box-sizing: border-box;
      margin: 100px auto 100px;
      text-align: center; }
      #content article section.mvdl p {
        display: inline-block;
        background: #ebcb43;
        border-radius: 10px;
        color: #400507;
        font-size: 34px;
        line-height: 1.3529411765em;
        position: relative;
        padding: 15px 120px 15px 120px;
        transition: all 0.6s;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -ms-transition: all 0.6s;
        cursor: pointer; }
        #content article section.mvdl p b {
          display: block;
          position: absolute;
          top: 32px;
          right: 20px;
          width: 56.6666666667px;
          height: 56.6666666667px;
          text-decoration: none;
          background: transparent url(/products/brand/chocopie/images/top/arrow_r.png) left top no-repeat;
          background-size: 56.6666666667px;
          height: 56.6666666667px; }
        #content article section.mvdl p:hover {
          background: #efe1b2; }
          #content article section.mvdl p:hover b {
            background: transparent url(/products/brand/chocopie/images/top/arrow_r_hov.png) left top no-repeat;
            background-size: 56.6666666667px;
            animation: arrow_06 0.6s steps(8) infinite; }

#bnchkpc {
  position: relative; }
  #bnchkpc a {
    display: block;
    position: absolute !important;
    width: auto;
    z-index: +1; }
    #bnchkpc a img {
      width: 100%; }

/*# sourceMappingURL=style.css.map */