@charset "UTF-8";
/*------------------------------------------------------------------------------------------
*
*
    teaser.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  .head {
    height: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #c30d23;
  }
  .head h1 img {
    width: 130px;
  }

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

  #teaser .btn {
    width: 82%;
    max-width: 360px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #teaser .btn a {
    display: block;
    position: relative;
  }
  #teaser .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: -0.05em;
  }
  #talk .talk_body dl dt.t1, #talk .talk_body dl dt.t2 {
    color: #c30d23;
  }
  #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: 0.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: #c30d23;
  }
  #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: #c30d23;
  }
  #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: 0.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: 0.15s;
  }
  .is_pc .foot_nav a:hover img, .is_sp .foot_nav a.touch img {
    opacity: 0.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 ----- */