@charset "UTF-8";
/*------------------------------------------------------------------------------------------
*
*
    teaser.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #column #wrap {
    padding-top: 0; }

  .head {
    height: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #ff5c70; }
    .head h1 img {
      width: 130px; }

  #kv {
    margin-bottom: 40px; }
    #kv img {
      width: 100%; }

  #column .btn {
    width: 82%;
    max-width: 360px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px; }
    #column .btn a {
      display: block;
      position: relative; }
      #column .btn a img {
        width: 100%; }

  #yodogawa {
    text-align: center;
    padding-bottom: 35px; }
    #yodogawa .inner {
      margin: 0 auto;
      padding: 0 30px;
      text-align: left; }
      #yodogawa .inner p {
        margin-bottom: 2em;
        line-height: 1.8571428571em;
        font-size: 14px; }
        #yodogawa .inner p:last-child {
          margin-bottom: 0; }
        #yodogawa .inner p br {
          display: none !important; }
    #yodogawa .pic {
      padding: 0 30px; }
      #yodogawa .pic img {
        width: 100%; }

  p.line {
    width: 95vw;
    height: 1.875vw;
    margin: 0 auto;
    background-image: url(../images/teaser/line_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

  #talk {
    padding-top: 35px; }
    #talk .title {
      margin-bottom: 20px; }
      #talk .title h2 {
        text-align: center; }
        #talk .title h2 img {
          width: 300px; }
    #talk .desc {
      padding: 0 30px;
      margin-bottom: 15px; }
      #talk .desc p {
        font-size: 14px;
        line-height: 1.8571428571em;
        margin-bottom: 2em; }
        #talk .desc p:last-child {
          margin-bottom: 0; }
        #talk .desc p br {
          display: none !important; }
    #talk .talk_body .pic {
      padding: 0 10px;
      margin: 0 auto;
      margin-bottom: 30px; }
      #talk .talk_body .pic img {
        width: 100%; }
    #talk .talk_body dl {
      padding: 0 30px;
      font-size: 14px;
      line-height: 1.8571428571em;
      margin-bottom: 2em; }
      #talk .talk_body dl dt {
        font-weight: bold; }
        #talk .talk_body dl dt:after {
          content: '：'; }
        #talk .talk_body dl dt.h {
          letter-spacing: -.05em; }
        #talk .talk_body dl dt.t1, #talk .talk_body dl dt.t2 {
          color: #D40012; }
      #talk .talk_body dl dd br {
        display: none !important; }
      #talk .talk_body dl dd br.b2 {
        margin-bottom: 2em;
        display: inherit !important; }
    #talk .talk_body .talk_foot {
      padding-top: 15px;
      padding-bottom: 35px; }
      #talk .talk_body .talk_foot .t {
        padding: 0 30px;
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 1.8571428571em; }
      #talk .talk_body .talk_foot .date {
        font-size: 12px;
        letter-spacing: .12em;
        text-align: center; }

  #product_info {
    padding-top: 35px; }
    #product_info .title {
      margin-bottom: 20px; }
      #product_info .title h2 {
        text-align: center; }
        #product_info .title h2 img {
          width: auto;
          height: 149px; }
    #product_info .desc {
      padding: 0 30px; }
      #product_info .desc br {
        display: none !important; }
      #product_info .desc p {
        font-size: 14px;
        line-height: 1.8571428571em;
        margin-bottom: 2em; }
    #product_info .prd .r h4 {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.8571428571em;
      color: #D40012; }
    #product_info .prd .r p {
      font-size: 14px;
      line-height: 1.8571428571em; }
    #product_info .prd.s1 .l {
      margin-bottom: 30px; }
      #product_info .prd.s1 .l img {
        width: 92.1875vw; }
    #product_info .prd.s1 ul {
      width: 100%;
      max-width: 340px;
      margin: 0 auto;
      padding: 0 30px;
      box-sizing: border-box; }
      #product_info .prd.s1 ul li {
        margin-bottom: 25px; }
    #product_info .prd.s2 {
      padding-top: 30px; }
      #product_info .prd.s2 .l {
        text-align: right;
        margin-bottom: 20px; }
        #product_info .prd.s2 .l img {
          width: 93.75vw; }
      #product_info .prd.s2 .r ul {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box; }
        #product_info .prd.s2 .r ul li {
          margin-bottom: 25px; }
      #product_info .prd.s2 .pic {
        padding-top: 25px;
        padding-bottom: 15px; }
        #product_info .prd.s2 .pic img {
          width: 89.6875vw; }
    #product_info .prd.s3 {
      padding-top: 20px; }
      #product_info .prd.s3 h3 {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.6875em;
        margin-bottom: 25px; }
      #product_info .prd.s3 ul {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box; }
        #product_info .prd.s3 ul li {
          margin-bottom: 55px; }
          #product_info .prd.s3 ul li .img {
            margin-bottom: 15px;
            text-align: center; }
            #product_info .prd.s3 ul li .img img {
              width: 56.25vw; }
          #product_info .prd.s3 ul li .d h4 {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.8571428571em;
            color: #D40012; }
          #product_info .prd.s3 ul li .d p {
            font-size: 14px;
            line-height: 1.8571428571em; }
            #product_info .prd.s3 ul li .d p br {
              display: none !important; }
    #product_info .date {
      margin-bottom: 35px;
      font-size: 12px;
      letter-spacing: .2em;
      text-align: center; }

  .foot_nav {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 65px; }
    .foot_nav a {
      display: inline-block; }
      .foot_nav a img {
        width: auto;
        height: 32px;
        transition: opacity;
        transition-duration: .15s; }
      .is_pc .foot_nav a:hover img, .is_sp .foot_nav a.touch img {
        opacity: .7; }

  #news {
    padding-top: 35px;
    padding-bottom: 45px; }
    #news .title {
      margin-bottom: 20px; }
      #news .title h2 {
        text-align: center; }
        #news .title h2 img {
          width: auto;
          height: 121px; }
    #news .pic {
      padding: 0 10px;
      text-align: center;
      margin-bottom: 20px; }
      #news .pic img {
        width: 100%; }
    #news .desc {
      padding: 0 30px;
      margin-bottom: 25px; }
      #news .desc p {
        font-size: 14px;
        line-height: 1.8571428571em; }
        #news .desc p br {
          display: none !important; }
    #news .info {
      margin-left: 30px;
      padding-top: 5px;
      padding-left: 15px;
      position: relative; }
      #news .info:before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: #9e9a99;
        position: absolute;
        top: 0;
        left: 0; }
      #news .info h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4375em;
        margin-bottom: 10px; }
      #news .info p {
        font-size: 14px;
        line-height: 1.8571428571em;
        white-space: nowrap; } }
/* ----- max-width : 640px ----- */