body {
  background: #2b1a12;
  text-align: center;
  color: #d9b15c; }

.inner {
  width: 960px;
  margin: 0 auto;
  position: relative;
  text-align: left; }

p {
  font-size: 1.4em;
  line-height: 2;
  letter-spacing: 0.04em;
  margin-bottom: 1em; }

a {
  color: #d9b15c; }

img {
  vertical-align: bottom; }

.left {
  float: left; }

.right {
  float: right; }

#nav {
  background: #2b1a12;
  position: fixed;
  z-index: 1000;
  height: 47px;
  width: 100%;
  left: 0;
  top: 0; }
  #nav ul {
    width: 960px;
    margin: 0 auto; }
    #nav ul li {
      float: left; }
      #nav ul li:hover,
      #nav ul li.on,
      #nav ul li.active {
        background-color: #4b3c36; }
        #nav ul li:hover a,
        #nav ul li.on a,
        #nav ul li.active a {
          color: #ecd8ae; }
      #nav ul li a {
        display: block;
        height: 47px;
        font-family: "TsukuMinPr6-M" !important;
        font-size: 1.4em;
        line-height: 3.36;
        letter-spacing: 0.1em; }
        #nav ul li a:hover {
          text-decoration: none; }
      #nav ul li.nav1 {
        width: 340px; }
        #nav ul li.nav1 a {
          background-position: 0 0; }
      #nav ul li.nav2 {
        width: 226px; }
        #nav ul li.nav2 a {
          background-position: -340px 0; }
      #nav ul li.nav3 {
        width: 186px; }
        #nav ul li.nav3 a {
          background-position: -566px 0; }
      #nav ul li.nav4 {
        width: 208px; }
        #nav ul li.nav4 a {
          background-position: -752px 0; }

#main_visual {
  margin-top: 47px;
  height: 511px;
  background: url(../images/main_visual_bg.jpg) center top repeat-x white;
  min-width: 960px;
  position: relative;
  z-index: 100; }
  #main_visual .photo {
    background: url(../images/main_visual2.png) center center no-repeat;
    height: 670px; }
    #main_visual .photo .inner .logo {
      position: absolute;
      width: 71px;
      height: 30px;
      left: 0;
      top: 15px; }
    #main_visual .photo .inner .catch {
      width: 662px;
      height: 33px;
      position: absolute;
      top: 33px;
      left: 50%;
      margin-left: -331px; }
    #main_visual .photo .inner h1 {
      width: 620px;
      height: 167px;
      position: absolute;
      top: 105px;
      left: 38px; }

#bonbon {
  margin-top: -47px;
  padding-top: 47px;
  height: 1515px;
  min-width: 960px;
  background: url(../images/bonbon_bg.jpg) center 47px no-repeat;
  position: relative;
  z-index: 90; }
  #bonbon h2 {
    font-family: "TsukuMinPr6-M" !important;
    font-size: 1.8em;
    line-height: 1;
    text-align: center;
    margin: 60px 0 72px;
    text-align: center;
    letter-spacing: 0.1em; }
  #bonbon #bonbon1 {
    margin-bottom: 78px; }
    #bonbon #bonbon1 h3 {
      font-family: "TsukuMinPr6-M" !important;
      font-size: 3.8em;
      line-height: 1;
      margin-bottom: 25px;
      letter-spacing: 0.05em; }
    #bonbon #bonbon1 p {
      font-family: "TsukuMinPr6-M" !important; }  
    #bonbon #bonbon1 .left {
      width: 530px; }
    #bonbon #bonbon1 .right {
      width: 390px; }
  #bonbon #bonbon2 {
    margin-bottom: 116px; }
    #bonbon #bonbon2 h3 {
      font-family: "TsukuMinPr6-M" !important;
      font-size: 4.8em;
      line-height: 1.25;
      margin-bottom: 38px;
      letter-spacing: 0.05em; }
      #bonbon #bonbon2 h3 em {
        color: #cd2b52;
        font-family: "TsukuMinPr6-M" !important;
        font-style: normal; }
      #bonbon #bonbon2 h3 span {
        font-family: "TsukuMinPr6-M" !important;
        font-size: 0.7em; }
    #bonbon #bonbon2 p {
      font-family: "TsukuMinPr6-M" !important; }    
    #bonbon #bonbon2 .left {
      width: 304px; }
    #bonbon #bonbon2 .right {
      width: 595px;
      height: 400px;
      position: relative; }
      #bonbon #bonbon2 .right .name {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: left;
        font-family: "TsukuMinPr6-M" !important;
        font-size: 1.8em;
        line-height: 1;
        letter-spacing: 0.17em; }
        #bonbon #bonbon2 .right .name span {
          display: block;
          font-family: "TsukuMinPr6-M" !important;
          font-size: 0.67em;
          padding-top: 7px; }
  #bonbon #bonbon3 {
    margin-bottom: 62px;
    background: url(../images/bonbon3_bg.png) center top no-repeat #ab2c4a;
    border: 3px solid #d9b15c;
    padding: 27px; }
    #bonbon #bonbon3 h3 {
      font-family: "TsukuMinPr6-M" !important;
      font-size: 4.0em;
      line-height: 1.2;
      color: #2b1a12;
      margin-bottom: 55px; }
      #bonbon #bonbon3 h3 span {
        font-family: "TsukuMinPr6-M" !important;
        font-size: 0.7em; }
      #bonbon #bonbon3 h3 em {
        color: #d9b15c;
        font-family: "TsukuMinPr6-M" !important;
        font-size: 1.3em; }
        #bonbon #bonbon3 h3 em span {
          font-family: "TsukuMinPr6-M" !important;
          font-size: 0.87em; }
    #bonbon #bonbon3 p {
      font-family: "TsukuMinPr6-M" !important; }      
    #bonbon #bonbon3 .left {
      width: 470px; }
      #bonbon #bonbon3 .left p {
        color: #2b1a12;
        font-weight: 700; }

#story {
  margin-top: -47px;
  padding-top: 47px;
  min-width: 960px;
  position: relative;
  z-index: 80; }
  #story h2 {
    font-family: "TsukuMinPr6-M" !important;
    font-size: 1.8em;
    line-height: 1;
    text-align: center;
    margin: 57px 0 69px;
    text-align: center;
    letter-spacing: 0.1em; }
  #story h3 {
    font-family: "TsukuMinPr6-M" !important;
    font-size: 2.7em;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: 0.15em; }
  #story p {
    font-family: "TsukuMinPr6-M" !important; }
  #story .left {
    width: 530px;
    margin-left: 76px; }
  #story .right {
    width: 286px;
    margin-right: 30px; }

#product {
  padding-top: 104px;
  background: url(../images/product_bg.png) center 119px no-repeat; }
  #product h2 {
    font-family: "TsukuMinPr6-M" !important;
    font-size: 1.8em;
    line-height: 1;
    text-align: center;
    margin: 0 0 68px;
    text-align: center;
    letter-spacing: 0.1em; }
  #product #product_intro {
    margin-bottom: 133px; }
    #product #product_intro h3 {
      font-family: "TsukuMinPr6-M" !important;
      font-size: 2.8em;
      line-height: 1;
      margin-bottom: 40px; }
      #product #product_intro h3 span {
        font-family: "TsukuMinPr6-M" !important;
        font-size: 0.53em;
        display: inline-block;
        line-height: 1.625em;
        padding: 0 10px;
        background: #d9b15c;
        color: #2b1a12;
        margin-bottom: 24px; }
      #product #product_intro h3 em{
        font-family: "TsukuMinPr6-M" !important;
        font-size: 1em;}
    #product #product_intro .right {
      width: 500px;
      margin-right: 36px; }
      #product #product_intro .right dl {
        font-size: 1.4em;
        line-height: 1.7; }
        #product #product_intro .right dl dt {
          font-family: "TsukuMinPr6-M" !important;
          float: left;
          width: 54px;
          text-align: right; }
        #product #product_intro .right dl dd {
          font-family: "TsukuMinPr6-M" !important;
          margin-left: 75px;
          margin-bottom: 8px;
          letter-spacing: 0.17em; }
          #product #product_intro .right dl dd a{
            font-family: "TsukuMinPr6-M" !important; }
      #product #product_intro .right p.caution {
        margin-top: 3px;
        font-family: "TsukuMinPr6-M" !important;
        font-size: 1.1em;
        line-height: 1.2;
        text-indent: 2em; }
    #product #product_intro .left {
      width: 392px; }
      #product #product_intro .left .flexslider {
        border: none;
        padding: 0;
        margin: 0;
        background: none; }
        #product #product_intro .left .flexslider .slides {
          margin-bottom: 17px; }
        #product #product_intro .left .flexslider .flex-control-thumbs {
          margin: 0; }
          #product #product_intro .left .flexslider .flex-control-thumbs li {
            width: 80px;
            height: 80px;
            margin-right: 24px;
            position: relative;
            overflow: hidden; }
#product #product_intro .left .flexslider .flex-control-thumbs li:nth-child(4){
	margin: 0 0 17px 0;
}
            #product #product_intro .left .flexslider .flex-control-thumbs li img {
              float: left;
              width: 80px;
              height: 80px;
              -webkit-transition: none;
              -moz-transition: none;
              -ms-transition: none;
              -o-transition: none;
              transition: none; }
            #product #product_intro .left .flexslider .flex-control-thumbs li:last-child {
              margin: 0; }
            #product #product_intro .left .flexslider .flex-control-thumbs li.flex-active {
              border: 3px solid #d9b15c; }
              #product #product_intro .left .flexslider .flex-control-thumbs li.flex-active img {
                margin: -3px; }
  #product #product_point1,
  #product #product_point2,
  #product #product_point3 {
    margin-bottom: 92px; }
    #product #product_point1 h3,
    #product #product_point2 h3,
    #product #product_point3 h3 {
      text-align: center;
      font-family: "TsukuMinPr6-M" !important;
      font-size: 2.2em;
      line-height: 1.6;
      margin-bottom: 25px;
      letter-spacing: 0.05em; }
      #product #product_point1 h3 div,
      #product #product_point2 h3 div,
      #product #product_point3 h3 div {
        margin-bottom: 20px; }
    #product #product_point1 .left,
    #product #product_point2 .left,
    #product #product_point3 .left {
      width: 444px;
      margin-left: 36px; }
    #product #product_point1 .right,
    #product #product_point2 .right,
    #product #product_point3 .right {
      width: 370px;
      margin-right: 36px; }
      #product #product_point1 .right img,
      #product #product_point2 .right img,
      #product #product_point3 .right img {
        margin-top: 10px; }
    #product #product_point1 p,
    #product #product_point2 p,
    #product #product_point3 p {
      font-family: "TsukuMinPr6-M" !important;
      margin-bottom: 0; }
  #product #product_point2 .left {
    width: 370px; }
    #product #product_point2 .left img {
      margin-top: 28px; }
  #product #product_point2 .right {
    width: 444px; }
  #product #product_point3 .left {
    padding-top: 40px; }
  #product #product_point3 .right img {
    margin-top: 0; }
  #product .banner {
    text-align: center; }

#profile {
  padding-top: 104px; }
  #profile h2 {
    font-family: "TsukuMinPr6-M" !important;
    font-size: 1.8em;
    line-height: 1;
    text-align: center;
    margin: 0 0 32px;
    text-align: center;
    letter-spacing: 0.1em; }
  #profile .detail {
    background: #39261c;
    padding: 32px 26px 26px 26px;
    margin: 0 36px 80px 36px; }
    #profile .detail h3 {
      font-family: "TsukuMinPr6-M" !important;
      font-size: 1.6em;
      line-height: 1;
      margin-bottom: 15px; }
      #profile .detail h3 span {
        font-family: "TsukuMinPr6-M" !important;
        font-size: 0.875em; }
    #profile .detail p {
      font-family: "TsukuMinPr6-M" !important;
      font-size: 1.2em;
      line-height: 1.9;
      margin: 0;
      letter-spacing: 0.15em; }
  #profile .banners {
    margin: 0 36px 52px 36px; }
    #profile .banners li {
      float: left;
      margin-right: 60px; }
      #profile .banners li:last-child {
        margin: 0; }
      #profile .banners li a img {
        -webkit-transition: 0.5s ease-out;
        -moz-transition: 0.5s ease-out;
        -ms-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
      #profile .banners li a:hover img {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5; }

#copy {
  text-align: center;
  font-family: "TsukuMinPr6-M" !important;
  margin-bottom: 52px; }

.content {
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.active {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.chocolat1,
.chocolat2,
.chocolat3,
.chocolat4 {
  position: fixed;
  z-index: 10000;
  left: 50%; }

.chocolat1 {
  top: 600px;
  margin-left: -663px; }

.chocolat2 {
  top: 1012px;
  margin-left: 497px; }

.chocolat3 {
  top: 1441px;
  margin-left: -663px; }

.chocolat4 {
  top: 1829px;
  margin-left: 505px; }