/*------------------------------------------------------------
#Main_ttl_area
------------------------------------------------------------*/
#Main_ttl_area {
  padding: 180px 0 120px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase; }
  #Main_ttl_area h2 {
    font-size: 5.0rem;
    font-weight: 300; }

@media screen and (max-width: 736px) {
  #Main_ttl_area {
    padding: 110px 0 60px;
    line-height: 1;
    text-align: center; }
    #Main_ttl_area h2 {
      font-size: calc(5.0rem*0.7); } }

/*------------------------------------------------------------
#Main_ttl2_area
------------------------------------------------------------*/
#Main_ttl2_area {
  padding: 180px 0 120px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase; }
  #Main_ttl2_area h2 {
    font-size: 5.0rem;
    font-weight: 300; }

@media screen and (max-width: 736px) {
  #Main_ttl2_area {
    padding: 110px 0 60px;
    line-height: 1;
    text-align: center; }
    #Main_ttl2_area h2 {
      font-size: calc(5.0rem*0.7); } }

/*------------------------------------------------------------
#Concept_main_area
------------------------------------------------------------*/
#Concept_main_area {
  margin-bottom: 300px; }
  #Concept_main_area > div {
    display: flex;
    align-items: center;
    position: relative; }
    #Concept_main_area > div:before {
      content: "";
      width: 40%;
      height: 75%;
      background: url("https://gigaplus.makeshop.jp/emonostore/yezodeer/concept/images/img_concept_bg.jpg") left top no-repeat;
      background-size: 600px 479px;
      bottom: -25%;
      left: 0;
      position: absolute;
      z-index: 10; }
    #Concept_main_area > div .img {
      width: 70%;
      position: relative;
      z-index: 50;
      margin-left: 10%; }
      #Concept_main_area > div .img img {
        width: 100%;
        height: auto; }
    #Concept_main_area > div .txt_wrap {
      width: 30%;
      box-sizing: border-box;
      padding: 0 70px 0 0;
      position: absolute;
      z-index: 50;
      margin-left: 70%; }
      #Concept_main_area > div .txt_wrap dl dt {
        margin-bottom: 35px;
        font-size: 3.4rem;
        line-height: 1.5; }

@media screen and (max-width: 736px) {
  #Concept_main_area {
    margin-bottom: calc(235px * 0.4); }
    #Concept_main_area > div {
      display: block; }
      #Concept_main_area > div:before {
        width: 70%;
        height: 75%;
        bottom: -25%;
        top: 12%;
        background: url("https://gigaplus.makeshop.jp/emonostore/yezodeer/concept/images/img_concept_bg.jpg") left top no-repeat;
        background-size: 300px 240px; }
      #Concept_main_area > div .img {
        width: 90%;
        z-index: 50;
        margin-bottom: 40px;
        margin: 0 auto; }
      #Concept_main_area > div .txt_wrap {
        width: 100%;
        padding: 30px 10% 0;
        position: relative;
        margin-left: 0; }
        #Concept_main_area > div .txt_wrap dl dt {
          margin-bottom: 20px;
          font-size: calc(2.8rem * 0.8); } }
/*------------------------------------------------------------
#Concept_section_area
------------------------------------------------------------*/
#Concept_section_area .Concept_section_wrap {
  margin-bottom: 180px; }
  #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt_wrap .inner {
    flex-direction: row-reverse; }
  #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt {
    padding-right: 0;
    padding-left: 50px; }
    #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt .num {
      text-align: right; }
      #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt .num:before {
        left: auto;
        right: -310px; }
#Concept_section_area .main_img {
  width: 100%; }
#Concept_section_area .main_img img {
    /*width: 100%;*/
    height: auto; }
#Concept_section_area .txt_wrap {
  margin: -70px 70px 0;
  background: #FFF;
  padding-top: 90px;
  position: relative;
  z-index: 10;
  overflow: hidden; }
  #Concept_section_area .txt_wrap .inner {
    display: flex; }
#Concept_section_area .txt {
  position: relative;
  margin-bottom: 20px;
  box-sizing: border-box; }
  #Concept_section_area .txt .num {
    font-size: 1.6rem;
    margin-bottom: 40px;
    position: relative;
    line-height: 0; }
    #Concept_section_area .txt .num:before {
      content: "";
      position: absolute;
      width: 300px;
      height: 1px;
      background: #333;
      left: -310px;
      top: 50%; }
  #Concept_section_area .txt h3 {
    font-size: 2.8rem;
    margin-bottom: 35px;
    line-height: 1.5;
    font-weight: 100; }
#Concept_section_area .img {
  width: 50%; }
  #Concept_section_area .img img {
    /*width: 100%;*/
    height: auto; }

@media screen and (max-width: 736px) {
  #Concept_section_area .Concept_section_wrap {
    margin-bottom: calc(180px * 0.4); }
    #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt_wrap .inner {
      flex-direction: row-reverse; }
    #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt {
      padding-left: 0; }
      #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt .num {
        text-align: right; }
        #Concept_section_area .Concept_section_wrap:nth-of-type(even) .txt .num:before {
          left: auto;
          right: -310px; }
  #Concept_section_area .txt_wrap {
    margin: -20px 7% 0;
    padding-top: 30px; }
    #Concept_section_area .txt_wrap .inner {
      display: block; }
  #Concept_section_area .txt {
    padding-right: 0;
    width: 100%; }
    #Concept_section_area .txt .num {
      font-size: 1.4rem;
      margin-bottom: 25px; }
      #Concept_section_area .txt .num:before {
        width: 300px;
        left: -310px; }
    #Concept_section_area .txt h3 {
      font-size: calc(2.8rem * 0.65);
      margin-bottom: 20px; }
      #Concept_section_area .txt h3.mojizume {
        letter-spacing: -0.08em; }
  #Concept_section_area .img {
    width: 100%; }
  #Concept_section_area br.sp {
    display: none; } }
/*------------------------------------------------------------
#News_list_area
------------------------------------------------------------*/
#News_list_area {
  margin-bottom: 200px; }
  #News_list_area ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -50px; }
    #News_list_area ul li {
      width: 510px;
      position: relative;
      padding-right: 40px;
      margin-bottom: 50px; }
      #News_list_area ul li:nth-child(even) {
        padding-right: 0;
        padding-left: 40px; }
        #News_list_area ul li:nth-child(even):before {
          content: "";
          width: 1px;
          height: 100%;
          background: #e5e5e5;
          top: 1px;
          left: 0;
          position: absolute;
          z-index: 10; }
  #News_list_area a {
    display: block;
    width: 100%;
    height: 100%; }
    #News_list_area a:hover {
      opacity: 0.7; }
      #News_list_area a:hover .category {
        background: #ccc; }
  #News_list_area dl dt {
    margin-bottom: 35px; }
    #News_list_area dl dt img {
      width: 100%;
      height: auto; }
  #News_list_area dl dd > div {
    display: flex;
    margin-bottom: 12px;
    line-height: 1;
    align-items: center; }
  #News_list_area dl dd .category {
    background: #faf66f;
    font-size: 1.1rem;
    border-radius: 100px;
    padding: 4px 10px;
    display: inline-block;
    margin-left: 10px; }
  #News_list_area dl dd h3 {
    font-size: 1.7rem; }
  #News_list_area .paging {
    display: flex;
    justify-content: center;
    margin-top: 80px; }
    #News_list_area .paging p {
      width: 50px;
      height: 50px;
      margin: 0 3px;
      border: 1px solid #000;
      border-radius: 100px; }
    #News_list_area .paging a, #News_list_area .paging span {
      display: flex;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
      font-size: 1.3rem;
      border-radius: 100px; }
    #News_list_area .paging span {
      background: #000;
      color: #FFF; }

@media screen and (max-width: 736px) {
  #News_list_area {
    margin-bottom: calc(200px * 0.4); }
    #News_list_area ul {
      display: block;
      margin-bottom: -30px; }
      #News_list_area ul li {
        width: 100%;
        position: relative;
        padding-right: 0;
        margin-bottom: 30px;
        padding-bottom: 30px; }
        #News_list_area ul li:before {
          content: "";
          width: 100%;
          height: 1px;
          background: #e5e5e5;
          top: auto;
          bottom: 0;
          left: 0;
          position: absolute;
          z-index: 10; }
        #News_list_area ul li:nth-child(even) {
          padding-right: 0;
          padding-left: 0; }
          #News_list_area ul li:nth-child(even):before {
            content: "";
            width: 100%;
            height: 1px;
            background: #e5e5e5;
            top: auto;
            bottom: 0;
            left: 0;
            position: absolute;
            z-index: 10; }
        #News_list_area ul li:last-child:before {
          display: none; }
    #News_list_area dl dt {
      margin-bottom: 20px; }
    #News_list_area dl dd > div {
      margin-bottom: 12px; }
    #News_list_area dl dd .category {
      font-size: 1.1rem; }
    #News_list_area dl dd h3 {
      font-size: 1.5rem; }
    #News_list_area .paging {
      margin-top: 40px; }
      #News_list_area .paging p {
        width: 35px;
        height: 35px;
        margin: 0 2px; }
      #News_list_area .paging a, #News_list_area .paging span {
        font-size: 1.2rem; } }
/*------------------------------------------------------------
#News_detail_area
------------------------------------------------------------*/
#News_detail_area {
  margin-bottom: 200px; }
  #News_detail_area .top {
    margin-bottom: 20px;
    display: flex;
    line-height: 1;
    align-items: center; }
  #News_detail_area .category {
    background: #faf66f;
    font-size: 1.1rem;
    border-radius: 100px;
    padding: 4px 10px;
    display: inline-block;
    margin-left: 10px; }
  #News_detail_area h3 {
    font-size: 2.0rem;
    margin-bottom: 50px;
    line-height: 1.5; }
  #News_detail_area .txt_wrap .img {
    text-align: center;
    margin-bottom: 40px; }
    #News_detail_area .txt_wrap .img img {
      width: auto;
      height: auto;
      max-width: 100%; }

@media screen and (max-width: 736px) {
  #News_detail_area {
    margin-bottom: calc(200px * 0.4); }
    #News_detail_area .top {
      margin-bottom: 15px; }
    #News_detail_area h3 {
      font-size: 1.7rem;
      margin-bottom: 30px; }
    #News_detail_area .txt_wrap .img {
      text-align: center;
      margin-bottom: 20px; } }
/*------------------------------------------------------------
#Shop_section_area
------------------------------------------------------------*/
#Shop_section_area {
  margin-bottom: 200px; }
  #Shop_section_area h3 {
    font-size: 3.4rem;
    line-height: 1;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: 300; }
  #Shop_section_area h4 {
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 100; }
  #Shop_section_area .online {
    margin-bottom: 100px; }
    #Shop_section_area .online > ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: -40px; }
      #Shop_section_area .online > ul > li {
        width: 340px;
        margin-bottom: 40px;
        position: relative; }
        #Shop_section_area .online > ul > li a {
          position: absolute;
          width: 100%;
          height: 100%;
          display: block; }
        #Shop_section_area .online > ul > li:hover {
          opacity: 0.7; }
        #Shop_section_area .online > ul > li dt {
          border: 1px solid #e5e5e5;
          margin-bottom: 15px; }
          #Shop_section_area .online > ul > li dt img {
            width: 100%;
            height: auto; }
        #Shop_section_area .online > ul > li dd {
          text-align: center; }
  #Shop_section_area .real > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -40px; }
    #Shop_section_area .real > ul > li {
      width: 520px;
      margin-bottom: 40px; }
      #Shop_section_area .real > ul > li dl {
        display: flex;
        justify-content: space-between; }
        #Shop_section_area .real > ul > li dl dt {
          width: 245px;
          border: 1px solid #e5e5e5;
          display: flex;
          align-items: center;
          justify-content: center; }
          #Shop_section_area .real > ul > li dl dt img {
            width: 100%;
            height: auto; }
        #Shop_section_area .real > ul > li dl dd {
          width: 245px;
          letter-spacing: 0; }
      #Shop_section_area .real > ul > li h4 {
        margin-bottom: 25px; }

@media screen and (max-width: 736px) {
  #Shop_section_area {
    margin-bottom: calc(200px*0.4); }
    #Shop_section_area h3 {
      font-size: calc(3.0rem * 0.8);
      margin-bottom: 15px; }
    #Shop_section_area h4 {
      font-size: calc(1.7rem * 0.8); }
    #Shop_section_area .online {
      margin-bottom: calc(100px * 0.6); }
      #Shop_section_area .online > ul {
        display: block;
        margin-bottom: -20px; }
        #Shop_section_area .online > ul > li {
          width: 100%;
          margin-bottom: 25px; }
          #Shop_section_area .online > ul > li dt {
            margin-bottom: 10px; }
    #Shop_section_area .real > ul {
      display: block;
      margin-bottom: -20px; }
      #Shop_section_area .real > ul > li {
        width: 100%;
        margin-bottom: 25px; }
        #Shop_section_area .real > ul > li dl {
          display: block; }
          #Shop_section_area .real > ul > li dl dt {
            width: 100%;
            margin-bottom: 10px; }
          #Shop_section_area .real > ul > li dl dd {
            width: 100%; }
        #Shop_section_area .real > ul > li h4 {
          margin-bottom: 10px; } }