@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#contents {
  background: none; }

.pnavi_item {
  font-size: 12px;
  letter-spacing: 0.042em; }

.sp h2 {
  padding: 0 0 25px; }

.main_visual {
  background-color: #e87400;
  background-image: url(../img/sesame/bg_orange.png);
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 640px) {
    .main_visual {
      background-image: url(../img/sesame/bg_orange_sp.png);
      background-position: top;
      background-size: 100%; } }
  .main_visual .inner {
    width: 1100px;
    height: 460px;
    margin: 0 auto;
    background: url(../img/sesame/sesame_oil.png) no-repeat;
    position: relative; }
    @media only screen and (max-width: 640px) {
      .main_visual .inner {
        display: block;
        background: none;
        width: 100%;
        height: 100vw; } }
  .main_visual-right {
    display: inline-block; }
    @media only screen and (max-width: 640px) {
      .main_visual-right {
        display: block; } }
  .main_visual__text {
    margin-top: 40px;
    margin-left: 23px;
    display: inline-block; }
    @media only screen and (max-width: 640px) {
      .main_visual__text {
        margin-top: 0;
        margin-left: -25.46667vw;
        width: 66.8vw; } }
  .main_visual__item {
    margin-top: -329px;
    margin-left: 591px; }
    @media only screen and (max-width: 640px) {
      .main_visual__item {
        width: 71.86667vw;
        margin-top: -7.33333vw;
        margin-left: 15.46667vw; } }
  .main_visual__kikan {
    position: absolute;
    top: 307px;
    left: 963px; }
    @media only screen and (max-width: 640px) {
      .main_visual__kikan {
        top: 76.8vw;
        left: 77.73333vw;
        width: 18.66667vw; }
        .main_visual__kikan img {
          width: 100%; } }
  .main_visual__kakipi {
    position: absolute;
    top: 21px;
    left: -65px; }
    @media only screen and (max-width: 640px) {
      .main_visual__kakipi {
        width: 96vw;
        top: 2.93333vw;
        left: 1.33333vw; } }

.main_contents {
  background-color: #17110c; }
  .main_contents__bg {
    background: url(../img/sesame/background.png) no-repeat;
    background-position: 130px;
    background-position: center;
    margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      .main_contents__bg {
        background: url(../img/sesame/background_sp.png) no-repeat;
        background-size: 100vw;
        background-position: top; } }
  .main_contents .inner {
    height: 989px;
    padding-top: 44px; }
    @media only screen and (max-width: 640px) {
      .main_contents .inner {
        width: 100%;
        height: 140.66667vw;
        padding-top: 6.13333vw; } }
  .main_contents__kakisesame {
    margin-top: -3px;
    margin-left: 33px; }
    @media only screen and (max-width: 640px) {
      .main_contents__kakisesame {
        width: 94.8vw;
        margin-top: 0.13333vw;
        margin-left: 1.86667vw; } }
  .main_contents-media {
    background-image: url(../img/sesame/box.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: 0px;
    margin-top: 29px;
    padding-bottom: 190px;
    position: relative; }
    @media only screen and (max-width: 640px) {
      .main_contents-media {
        background: url(../img/sesame/box_sp.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 4vw;
        margin-left: 5.6vw;
        margin-right: 5.6vw; } }
    .main_contents-media__img {
      display: inline-block; }
      @media only screen and (max-width: 640px) {
        .main_contents-media__img {
          display: block; } }
  .main_contents__sesamepepper {
    padding-top: 0px;
    margin-top: 66px;
    margin-left: 162px; }
    @media only screen and (max-width: 640px) {
      .main_contents__sesamepepper {
        padding-top: 0;
        margin-top: 8.53333vw;
        margin-left: 6.66667vw;
        width: 76.26667vw; } }
  .main_contents__kakikurokosyou {
    margin-top: 20px;
    margin-left: 280px;
    z-index: 2; }
    @media only screen and (max-width: 640px) {
      .main_contents__kakikurokosyou {
        margin-top: 2.8vw;
        margin-left: 8.53333vw;
        width: 74.66667vw; } }
  .main_contents__kakipi2 {
    position: absolute;
    top: 100px;
    left: -38px; }
    @media only screen and (max-width: 640px) {
      .main_contents__kakipi2 {
        width: 98.26667vw;
        top: 17.6vw;
        left: -4vw; } }
  .main_contents__btn {
    position: absolute;
    margin-top: -7px;
    margin-left: 317px;
    z-index: 3; }
    .main_contents__btn:hover {
      opacity: 0.7; }
    @media only screen and (max-width: 640px) {
      .main_contents__btn {
        width: 87%;
        margin-top: -1.86667vw;
        margin-left: 5.73333vw; } }

@media screen and (max-width: 640px) {
  #contents {
    padding: 0; }
  #contents .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; } }

.sec_mv .inner {
  height: 534px; }

.sec_mv .conte_title, .sec_mv .conte_text, .sec_mv .conte_img {
  position: absolute; }

.sec_mv .conte_title {
  bottom: 13px;
  right: 228px;
  z-index: 3; }

.sec_mv .conte_text {
  bottom: 20px;
  right: 7px;
  z-index: 2; }

.sec_mv .conte_img {
  top: 27px;
  left: -121px;
  z-index: 1; }

@media screen and (max-width: 640px) {
  .sec_mv {
    padding: 67.6vw 0 4.4vw; }
  .sec_mv .inner {
    height: auto;
    width: 100%; }
  .sec_mv .conte_title, .sec_mv .conte_text, .sec_mv .conte_img {
    position: static; }
  .sec_mv .conte_title {
    padding: 0 0 0;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 2; }
  .sec_mv .conte_text {
    padding: 0 0 0;
    margin: 0 0 -4vw;
    position: relative;
    width: 100%;
    top: -4vw;
    right: 0;
    z-index: 3; } }

/* #sec_detail */
.sec_detail {
  padding: 0 0 60px; }

.sec_detail .conte_img01 {
  position: absolute;
  top: 32px;
  left: 69px;
  z-index: 1; }

.sec_detail .conte_text {
  position: absolute;
  top: 37px;
  right: 64px;
  z-index: 1; }

.sec_detail .conte_img02 {
  position: absolute;
  top: 66px;
  left: -82px; }

.sec_detail .conte_btn {
  position: absolute;
  top: 287px;
  right: 213px;
  z-index: 2;
  font-size: 12px;
  text-align: center; }

.sec_detail .conte_btn a {
  display: block;
  margin-bottom: 5px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.sec_detail .conte_btn a:hover {
  opacity: 0.7; }

@media screen and (max-width: 640px) {
  .sec_detail {
    padding: 0 0 6.666667vw; }
  #contents .sec_detail .inner {
    width: 89.333333vw; }
  .sec_detail .sec_conte {
    position: absolute;
    top: 4.533333vw; }
  .sec_detail .conte_img01 {
    width: 100%;
    position: static;
    top: 32px;
    left: 0; }
  .sec_detail .conte_text {
    width: 100%;
    position: static; }
  .sec_detail .conte_btn {
    width: 100%;
    position: static;
    font-size: 11px; }
  .sec_detail .conte_btn a {
    margin-bottom: 3px; } }

/* #linkarea */
#linkarea {
  background: #fcf4de; }

#linkarea .inner {
  width: 1000px; }

#linkarea .bnr_block {
  padding: 35px 80px 40px 80px; }

#linkarea .bnr_block .net_shop {
  float: left; }

#linkarea .bnr_block .bnr_right {
  float: right; }

#linkarea .bnr_block .bnr_right .lohaco {
  margin: 0 0 10px; }

/*バナーエリア*/
.bnr_area {
  background: #fffce2;
  padding: 52px 0 80px; }

.bnr_area ul {
  width: 920px;
  margin: auto; }

.bnr_area ul li.bnr01 {
  float: left; }

.bnr_area ul li.bnr02 {
  float: right; }

/* sp
================================================================================================================== */
@media screen and (max-width: 640px) {
  /* #linkarea */
  #linkarea {
    background: #fff;
    padding: 9.5% 0 9.5%; }
  #linkarea .inner {
    width: 93.75%; }
  #linkarea .bnr_block {
    background: #fcf4de;
    padding: 35px 80px 40px 80px; }
  #linkarea .bnr_block .net_shop {
    float: left; }
  #linkarea .bnr_block .bnr_right {
    float: right; }
  #linkarea .bnr_block .bnr_right .lohaco {
    margin: 0 0 10px; }
  #linkarea .bnr_block {
    padding: 5%; }
  #linkarea .bnr_block .net_shop {
    float: none; }
  #linkarea .bnr_block .net_shop .btn {
    margin: 0 0 3.7%; }
  #linkarea .bnr_block .bnr_right {
    float: none; }
  #linkarea .bnr_block .bnr_right .lohaco {
    width: 48%;
    float: left;
    margin: 0 0 10px; }
  #linkarea .bnr_block .bnr_right .amazon {
    width: 48%;
    float: right;
    margin: 0 0 10px; }
  /*バナーエリア*/
  .bnr_area {
    padding: 6.25% 0; }
  .bnr_area ul {
    width: 80%;
    margin: auto; }
  .bnr_area ul li.bnr01 {
    margin: 0;
    float: none; }
  .bnr_area ul li.bnr02 {
    margin: 4% 0 0;
    float: none; } }