@charset "utf-8";

/* =================================================================
	common
================================================================= */

/*---------------------------------
  対談
---------------------------------*/

@media print, screen and (min-width: 769px) {
  #container .enbudaki_talk {
    background-color: #000000;
    padding: 0 0 40px 0;
    background-image: url("/syohin/rice/ricecooker/enbudaki/img/common/bg_pattern02.jpg");
    background-size: 300px auto;
    background-position: center 0;
    background-repeat: repeat;
  }
  
  #container .enbudaki_talk img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content {
    width: 100%;
    position: relative;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content h2 {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content h2 img {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1600px;
    max-width: 100%;
    height: auto;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content_product {
    width: 275px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi {
    max-width: 1180px;
    min-width: 960px;
    margin: 60px auto 0;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi_list_item {
    width: 470px;
    margin-bottom: 20px;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi_list_item a {
    display: block;
    transition: .2s;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi_list_item a:hover {
    opacity: 0.5;
  }
}

@media screen and (max-width: 768px) {
  #container .enbudaki_talk {
    background-image: url("/syohin/rice/ricecooker/enbudaki/img/common/bg_pattern02-sp.jpg");
    background-size: 100% auto;
    background-position: center 0;
    background-repeat: repeat;
    background-color: #000000;
    padding-bottom: 12vw;
  }
  
  #container .enbudaki_talk img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content {
    position: relative;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content h2 {
    position: relative;
    z-index: 1;
  }
  
  #container .enbudaki_talk .enbudaki_talk_content h2 img {}
  #container .enbudaki_talk .enbudaki_talk_content_product {
    width: 38vw;
    position: absolute;
    bottom: -10vw;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi {
    padding: 0 4vw;
    box-sizing: border-box;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi_list {
    margin-top: 12vw;
  }
  
  #container .enbudaki_talk .enbudaki_talk_navi_list_item {
    margin-top: 2vw;
  }
}