/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(auPay start / ecd は必要)
 * 変数の使い方
 * $ec_dir ･･･ それぞれ各ECの絶対パス(現状)
 * $ec_id ･･･ それぞれ各ECのID(CSVで設定している分)
 *
 * 例：background-image: url($ec_dir + '/img/bn_main_background_sp.jpg');
 *
 * SCSSについて
 * 例：if制御
 *  @if $shop == 1 {
 * 		#pc_header.ac img {
 *			width: initial;
 *		}
 *	}
 *
 * 今分かっている問題
 * 1.rgb()について
 *   rgba()を利用してください。うまく変換されません
 */
/* auPayについては、figureタグ等利用できないタグがあり、変換して利用する事になる
 * その変換されたタグ用にCSSを設定する必要があるので、下記コメントタグを利用し、
 * 開始・終了で閉じる事
 * また、if制御を利用して切り替えると楽
 * @if $shop == 5 {
 *	.studless .recommend > h3 > img {
 *		width: 100%;
 *	}
 * } @else {
 *	.studless .recommend > div img {
 *		width: 100%;
 *	}
 * }
 */
@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, button, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

.summer_festival {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  background-color: #fcfcca;
  color: #231815; }
  .summer_festival img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  .summer_festival .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .summer_festival br.pc {
    display: none; }
  .summer_festival header {
    height: auto;
    display: block;
    padding: 0;
    border: none;
    background: url("/autoway/dp/lp/summer_festival/img/bg_title_sp.png") center / cover no-repeat, #fff;
    margin: 0 auto 30px; }
  .summer_festival header h2 {
    max-width: 1024px;
    margin: 0 auto; }
  .summer_festival .catch {
    text-align: center;
    color: #231815;
    font-size: 4.3vw;
    line-height: 1.5;
    margin-bottom: 30px; }
  .summer_festival .catch span {
    color: #e62a6a; }
  .summer_festival .catch small {
    font-weight: 400;
    font-size: 12px;
    display: block; }
  .summer_festival .catch small::before {
    content: '※'; }
  .summer_festival h3, .summer_festival nav {
    font-family: corporate-logo-ver2, sans-serif; }
  .summer_festival h3 {
    font-size: 5vw;
    text-align: center;
    margin-bottom: 30px; }
  .summer_festival h3 span {
    color: #e62a6a;
    font-size: 1.2em;
    margin-right: 0.2em; }
  .summer_festival h3 span span {
    font-size: 0.9em;
    margin-right: 0; }
  .summer_festival .days_menu {
    width: 95%;
    max-width: 980px;
    margin: 0 auto 50px; }
  .summer_festival .days_menu li a {
    background-color: #f4d339;
    border-radius: 10px;
    padding: 3vw 2.5%;
    margin-bottom: 10px;
    justify-content: flex-start;
    position: relative; }
  .summer_festival .days_menu .date {
    font-family: bahnschrift, sans-serif;
    font-size: 4vw;
    line-height: 1;
    width: 23%;
    padding: 5px 0;
    margin-right: 2.5%;
    background: linear-gradient(105deg, #e62a6a 50%, #b82255 50%);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    position: relative; }
  .summer_festival .days_menu .date small {
    display: none; }
  .summer_festival .days_menu .edition {
    display: block;
    width: 85%;
    background-color: #f7f142;
    color: #e62a6a;
    margin: 0 auto;
    line-height: 1.2;
    letter-spacing: 0.2em;
    border-radius: 5px; }
  .summer_festival .days_menu .day_start {
    width: 45%; }
  .summer_festival .days_menu .hyp {
    width: 5%;
    align-self: flex-start;
    margin-top: 0.1em; }
  .summer_festival .days_menu .day_end {
    width: 45%; }
  .summer_festival .days_menu .day {
    display: block;
    font-size: 1.2em; }
  .summer_festival .days_menu .week {
    background-color: #fff;
    color: #e62a6a;
    display: block;
    width: 1.6em;
    padding: 0.3em 0;
    font-size: 0.8em;
    margin: 0.2em auto;
    border-radius: 5px;
    font-family: source-han-sans-japanese, sans-serif; }
  .summer_festival .days_menu .time {
    display: block;
    font-weight: 600; }
  .summer_festival .days_menu .text {
    display: block;
    font-size: 0.6em; }
  .summer_festival .days_menu .brands {
    width: 60%;
    justify-content: space-around; }
  .summer_festival .days_menu .brands img {
    width: 45%;
    margin: 0 0 5px; }
  .summer_festival .days_menu .brands img.logo_ceat, .summer_festival .days_menu .brands img.logo_cooper {
    width: 40%; }
  .summer_festival .days_menu .brands img.logo_momo {
    width: 30%;
    margin-left: 0; }
  .summer_festival .days_menu .brands img.logo_davanti, .summer_festival .days_menu .brands img.logo_radar, .summer_festival .days_menu .brands img.logo_otani {
    width: 30%; }
  .summer_festival .days_menu .brands img.logo_federal, .summer_festival .days_menu .brands img.logo_goodyear, .summer_festival .days_menu .brands img.logo_nitto, .summer_festival .days_menu .brands img.logo_yokohama {
    width: 38%; }
  .summer_festival .days_menu .brands img.logo_pirelli {
    width: 37%;
    margin-left: 15px; }
  .summer_festival .days_menu .brands img.logo_travelstar {
    margin-left: 20px; }
  .summer_festival .days_menu .before .brands {
    margin-top: 5px; }
  .summer_festival .days_menu .today a::after, .summer_festival .days_menu .end a::after {
    content: '';
    width: 6vw;
    height: 8vw;
    background-color: #e62a6a;
    clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%, 50% 50%);
    margin-left: 5%; }
  .summer_festival .days_menu .today a .date small {
    display: block;
    position: absolute;
    font-size: 1em;
    color: #e62a6a;
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-shadow: 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff, 0 0 1vw #fff;
    animation: flash 1s linear alternate infinite; }
  .summer_festival .days_menu .today a .date small::before, .summer_festival .days_menu .today a .date small::after {
    content: '|';
    display: inline-block; }
  .summer_festival .days_menu .today a .date small::before {
    transform: rotate(-40deg);
    margin-right: 0.3em; }
  .summer_festival .days_menu .today a .date small::after {
    transform: rotate(40deg);
    margin-left: 0.3em; }
  .summer_festival .days_menu .before a::after {
    content: '開催前';
    position: absolute;
    color: #fff;
    font-size: 4vw;
    width: 16vw;
    height: 16vw;
    background: url("/autoway/dp/lp/summer_festival/img/bg_ptn_circle.png") center / contain no-repeat;
    text-align: center;
    line-height: 16vw;
    right: 0.5%; }
  .summer_festival .days_menu .end a::before {
    content: '終了';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 5vw;
    line-height: 6;
    color: #fff;
    background: url("/autoway/dp/lp/summer_festival/img/bg_ptn_circle.png") center / 30% no-repeat, rgba(105, 107, 107, 0.6);
    z-index: 100; }
  .summer_festival .days_menu .before a, .summer_festival .days_menu .end a {
    pointer-events: none; }
  .summer_festival .main_menu {
    width: 80%;
    margin: 0 auto 50px; }
  .summer_festival .main_menu li {
    width: 48%; }
  .summer_festival .main_menu li:first-of-type {
    margin-right: auto; }
  .summer_festival .main_menu li a {
    color: #fff;
    background-color: #e62a6a;
    font-size: 4.3vw;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 0.5em;
    line-height: 1.5;
    height: 4em;
    padding-bottom: 0.6em;
    position: relative; }
  .summer_festival .main_menu li a::after {
    content: '';
    width: 4vw;
    height: 2vw;
    background-color: #fff;
    position: absolute;
    bottom: 0.4em;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0 20%, 10% 0, 50% 65%, 90% 0, 100% 20%, 50% 100%); }
  .summer_festival main {
    background: transparent;
    padding-bottom: 50px; }
  .summer_festival main section h3 {
    position: relative;
    padding-bottom: 0.4em;
    margin-bottom: 10vw; }
  .summer_festival main section h3::after {
    content: '';
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 2vw;
    background-color: #e62a6a; }
  .summer_festival #brand ul {
    width: 95%;
    margin: 0 auto 50px;
    justify-content: space-between; }
  .summer_festival #brand ul li {
    width: 48%; }
  .summer_festival #brand ul li a {
    display: block;
    background-color: #fff;
    box-sizing: border-box;
    border: 3px solid #e62a6a;
    border-radius: 10px;
    font-size: 3.2vw;
    text-align: center;
    font-weight: 400;
    color: #231815;
    padding: 1em 2.5vw;
    margin-bottom: 1em; }
  .summer_festival #brand ul li a.link_momo {
    padding: 0.5em 2.5vw; }
  .summer_festival #brand ul li a.link_momo img {
    width: 57%; }
  .summer_festival .days_menu li:nth-child(2) .brands {
    flex-wrap: wrap;
    padding-top: 10px; }
  .summer_festival #size .tire {
    width: 95%;
    background-color: #fff;
    margin: 0 auto 50px;
    border: 3px solid #e62a6a;
    box-sizing: border-box; }
  .summer_festival #size nav.inch ul {
    margin: 30px auto;
    width: 95%;
    justify-content: flex-start;
    font-family: source-han-sans-japanese, sans-serif; }
  .summer_festival #size nav.inch ul li, .summer_festival #size nav.pcd_h ul li {
    width: 24%;
    margin: 0.5%;
    font-size: 4.5vw;
    font-weight: bold;
    padding: 0.5em 0;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e62a6a;
    color: #333; }
  .summer_festival #size nav.inch ul li.active {
    color: #fff;
    background-color: #e62a6a; }
  .summer_festival #size nav.inch ul li span {
    font-size: 0.8em; }
  .summer_festival #size table {
    width: 95%;
    margin: 0 auto 30px;
    display: none;
    font-size: 16px; }
  .summer_festival #size table.active {
    display: table; }
  .summer_festival #size table thead th {
    background-color: #e62a6a;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 1em 0; }
  .summer_festival #size table .oblateness {
    min-width: 5em; }
  .summer_festival #size table .size {
    width: 9999px; }
  .summer_festival #size table tbody tr:nth-of-type(odd) {
    background-color: #e9fcff; }
  .summer_festival #size table tbody tr:nth-of-type(even) {
    background-color: #e8f1fc; }
  .summer_festival #size table tbody th {
    padding: 1em 0;
    color: #333;
    vertical-align: middle; }
  .summer_festival #size table tbody td {
    padding: 1em 0.5em; }
  .summer_festival #size table tbody td a {
    color: #333;
    text-decoration: underline;
    padding: 0 0.5em;
    line-height: 1.8;
    display: inline-block;
    font-weight: 400; }
  .summer_festival #flow > p {
    padding: 0 2.5%;
    margin-bottom: 10vw;
    font-size: 4vw; }
  .summer_festival #flow .mark {
    width: 90%;
    margin: 0 auto 15vw; }
  .summer_festival #flow .mark img {
    margin: 0 auto 3vw;
    border: 2px solid #e62a6a; }
  .summer_festival #flow .mark .comment {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border: 1vw solid #00529f;
    border-radius: 1.5em;
    font-size: 5vw;
    text-align: center;
    font-weight: bold;
    position: relative; }
  .summer_festival #flow .mark .comment::before, .summer_festival #flow .mark .comment::after {
    content: '';
    position: absolute;
    border: 3vw solid transparent;
    border-bottom: 7vw solid #00529f;
    top: -10vw;
    right: 8em; }
  .summer_festival #flow .mark .comment::after {
    border-bottom: 7vw #fff solid;
    top: -8vw; }
  .summer_festival #flow .mark .comment p {
    font-size: 5vw;
    color: #00529f;
    position: relative; }
  .summer_festival #flow .mark .comment p::before {
    content: '|';
    position: absolute;
    left: 0.5em;
    top: 0;
    transform: rotate(-30deg); }
  .summer_festival #flow .mark .comment p::after {
    content: '|';
    position: absolute;
    right: 0.5em;
    top: 0;
    transform: rotate(30deg); }
  .summer_festival #flow .mark .comment strong {
    color: #ff0;
    background-color: #f00;
    display: block;
    padding: 0.5em 0;
    font-weight: 400; }
  .summer_festival #flow .flow li {
    border: 3px solid #e62a6a;
    padding: 20px 2.5%;
    width: 95%;
    margin: 0 auto 30vw;
    box-sizing: border-box;
    position: relative; }
  .summer_festival #flow .flow li:first-of-type::after {
    content: '';
    position: absolute;
    bottom: -25vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #e62a6a;
    width: 27vw;
    height: 19vw;
    clip-path: polygon(0 40%, 20% 40%, 20% 0, 80% 0, 80% 40%, 100% 40%, 50% 100%); }
  .summer_festival #flow .flow li:last-of-type {
    margin-bottom: 50px;
    position: relative; }
  .summer_festival #flow .flow li h4 {
    text-align: center;
    color: #e62a6a;
    font-size: 5vw;
    font-weight: bold;
    transform: skewX(-5deg);
    margin-bottom: 20px; }
  .summer_festival #flow .flow li p {
    font-weight: bold;
    font-size: 4vw;
    margin-bottom: 20px;
    color: #233251; }
  .summer_festival #flow .flow li:last-of-type strong {
    position: absolute;
    left: 2vw;
    bottom: 53vw;
    color: #f00;
    font-size: 8.5vw;
    text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff, 3px 3px 0 #f00, -3px -3px 0 #f00, 3px -3px 0 #f00, -3px 3px 0 #f00, 3px 0px 0 #f00, 0px 3px 0 #f00, -3px 0px 0 #f00, 0px -3px 0 #f00;
    transform: skewX(-5deg); }
  .summer_festival #flow .caution {
    width: 95%;
    margin: 0 auto 50px; }
  .summer_festival #flow .caution small {
    font-size: 16px;
    display: block;
    text-indent: -1em;
    padding-left: 1em; }
  .summer_festival #flow .caution small::before {
    content: '※'; }

@keyframes flash {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@media screen and (min-width: 768px) {
  .summer_festival br.pc {
    display: block; }
    .summer_festival br.sp {
      display: none; }
    .summer_festival header {
      margin-bottom: 50px;
      background: url("/autoway/dp/lp/summer_festival/img/bg_title_pc.png") center / contain repeat-x, url("/autoway/dp/lp/summer_festival/img/wave1.png") bottom left -20px / 170px repeat-x, url("/autoway/dp/lp/summer_festival/img/wave2.png") bottom left 10px / 170px repeat-x, url("/autoway/dp/lp/summer_festival/img/wave3.png") bottom left / 170px repeat-x, #fff; }
    .summer_festival .catch {
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 50px; }
    .summer_festival .catch small {
      display: inline-block; }
    .summer_festival h3 {
      font-size: 30px; }
    .summer_festival .days_menu {
      width: 730px;
      margin-bottom: 100px; }
    .summer_festival .days_menu li a {
      padding: 20px;
      margin-bottom: 20px; }
    .summer_festival .days_menu .date {
      font-size: 20px;
      width: 19%;
      background: linear-gradient(100deg, #e62a6a 50%, #b82255 50%); }
    .summer_festival .days_menu .day {
      font-size: 1.5em; }
    .summer_festival .days_menu .week {
      display: inline-block;
      font-size: 0.6em;
      vertical-align: bottom; }
    .summer_festival .days_menu .time {
      font-size: 0.6em;
      display: inline-block; }
    .summer_festival .days_menu .text {
      font-size: 1em; }
    .summer_festival .days_menu .hyp {
      margin-top: 0.3em; }
    .summer_festival .days_menu .brands {
      width: 59%; }
    .summer_festival .days_menu li:nth-child(1) .brands {
      flex-wrap: nowrap; }
    .summer_festival .days_menu li:nth-child(2) .brands {
      flex-wrap: wrap;
      padding-top: 10px; }
    .summer_festival .days_menu .brands img {
      width: 26%;
      margin-right: 5%; }
    .summer_festival .days_menu .brands img:nth-of-type(3n) {
      margin-right: 0; }
    .summer_festival .days_menu .brands img.logo_ceat, .summer_festival .days_menu .brands img.logo_cooper, .summer_festival .days_menu .brands img.logo_federal {
      width: 25%;
      margin-right: 0; }
    .summer_festival .days_menu .brands img.logo_momo {
      width: 18%;
      margin: 0 auto 5px; }
    .summer_festival .days_menu .brands img.logo_otani {
      margin-right: 5%; }
    .summer_festival .days_menu .brands img.logo_goodyear, .summer_festival .days_menu .brands img.logo_nitto, .summer_festival .days_menu .brands img.logo_yokohama {
      margin-right: 6%;
      margin-top: 10px;
      width: 27%; }
    .summer_festival .days_menu .brands img.logo_pirelli {
      width: 26%;
      margin-left: 0; }
    .summer_festival .days_menu .brands img.logo_travelstar {
      width: 25%; }
    .summer_festival .days_menu .brands img.logo_pirelli {
      margin-left: 20px; }
    .summer_festival .days_menu .brands img.logo_davanti, .summer_festival .days_menu .brands img.logo_radar, .summer_festival .days_menu .brands img.logo_otani, .summer_festival .days_menu .brands img.logo_federal {
      width: 21%;
      margin-right: 4%; }
    .summer_festival .days_menu .today a::after, .summer_festival .days_menu .end a::after {
      width: 30px;
      height: 40px;
      margin-left: 100px; }
    .summer_festival .days_menu .before a::after {
      font-size: 18px;
      width: 105px;
      height: 105px;
      line-height: 105px;
      right: 10px; }
    .summer_festival .days_menu .end a::before {
      font-size: 20px;
      background: url("/autoway/dp/lp/summer_festival/img/bg_ptn_circle.png") center / 115px no-repeat, rgba(105, 107, 107, 0.6);
      line-height: 116px; }
    .summer_festival .main_menu {
      width: 730px;
      margin-bottom: 100px;
      justify-content: space-between; }
    .summer_festival main section nav .main_menu {
      width: 470px; }
    .summer_festival .main_menu li {
      width: 31%; }
    .summer_festival main section nav .main_menu li {
      width: 48%; }
    .summer_festival .main_menu li:first-of-type {
      margin-right: 0; }
    .summer_festival .main_menu li a {
      font-size: 22px; }
    .summer_festival .main_menu li a::after {
      width: 20px;
      height: 10px; }
    .summer_festival main section h3 {
      margin-bottom: 100px; }
    .summer_festival main section h3::after {
      width: 180px;
      height: 15px; }
    .summer_festival #brand ul {
      width: 730px;
      margin-bottom: 100px;
      justify-content: flex-start; }
    .summer_festival #brand ul li {
      width: 32%;
      margin-right: 2%; }
    .summer_festival #brand ul li:nth-of-type(3n) {
      margin-right: 0; }
    .summer_festival #brand ul li a {
      border: 5px solid #e62a6a;
      font-size: 14px;
      border-radius: 20px;
      padding: 20px; }
    .summer_festival #brand ul li a.link_momo {
      padding: 10px 20px; }
    .summer_festival #brand ul li a.link_momo img {
      width: 61%; }
    .summer_festival #size .tire {
      width: 730px;
      margin-bottom: 100px; }
    .summer_festival #size nav.inch ul li {
      width: 14.5%;
      margin: 1.05%;
      font-size: 18px;
      cursor: pointer;
      transition: 0.3s; }
    .summer_festival #size nav.inch ul li:hover {
      color: #fff;
      background-color: #e62a6a; }
    .summer_festival #flow > p {
      margin-bottom: 50px;
      font-size: 20px;
      text-align: center; }
    .summer_festival #flow .mark {
      width: 730px;
      position: relative;
      margin-bottom: 80px;
      border: 4px solid #e62a6a;
      box-sizing: border-box;
      padding: 20px 0 20px 20px; }
    .summer_festival #flow .mark img {
      width: 80%;
      margin: 0;
      border: none; }
    .summer_festival #flow .mark .comment {
      position: absolute;
      right: 20px;
      top: 25px;
      width: 40%;
      font-size: 20px;
      border: 4px solid #00529f;
      padding: 20px; }
    .summer_festival #flow .mark .comment p {
      font-size: 20px; }
    .summer_festival #flow .mark .comment::before, .summer_festival #flow .mark .comment::after {
      border: 10px solid transparent;
      border-right: 35px solid #00529f;
      top: auto;
      bottom: 15px;
      right: auto;
      left: -45px; }
    .summer_festival #flow .mark .comment::after {
      border-right: 35px #fff solid;
      left: -30px; }
    .summer_festival #flow .flow {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      width: 730px;
      margin: 0 auto; }
    .summer_festival #flow .flow li {
      width: 44%;
      margin: 0;
      border: 4px solid #e62a6a; }
    .summer_festival #flow .flow li:first-of-type::after {
      bottom: auto;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg);
      width: 100px;
      height: 70px;
      left: auto;
      right: -97px;
      margin: 0; }
    .summer_festival #flow .flow li h4 {
      font-size: 20px; }
    .summer_festival #flow .flow li p {
      font-size: 14px; }
    .summer_festival #flow .flow li:last-of-type strong {
      font-size: 20px;
      bottom: 75px;
      left: 40px; }
    .summer_festival #flow .caution {
      width: 660px;
      margin-bottom: 100px; }
    .summer_festival #flow .caution small {
      font-size: 14px; } }

@media screen and (min-width: 1024px) {
  .summer_festival .catch {
    font-size: 20px; }
    .summer_festival .days_menu {
      width: 980px; }
    .summer_festival .days_menu .date {
      font-size: 28px; }
    .summer_festival .days_menu .brands {
      width: 64%; }
    .summer_festival .days_menu .end a::before {
      line-height: 148px; }
    .summer_festival .main_menu {
      width: 980px; }
    .summer_festival main section nav .main_menu {
      width: 633px; }
    .summer_festival .main_menu li a {
      font-size: 30px; }
    .summer_festival .main_menu li a::after {
      width: 30px;
      height: 15px; }
    .summer_festival #brand ul {
      width: 980px; }
    .summer_festival #brand ul li a {
      font-size: 16px; }
    .summer_festival #brand ul li a.link_momo {
      padding: 11.5px 20px; }
    .summer_festival #brand ul li a.link_momo img {
      width: 142px; }
    .summer_festival #size .tire {
      width: 980px; }
    .summer_festival #size nav.inch ul li {
      font-size: 24px; }
    .summer_festival #flow .mark {
      width: 980px;
      padding: 20px 0 20px 60px; }
    .summer_festival #flow .mark img {
      width: 731px; }
    .summer_festival #flow .mark .comment {
      font-size: 24px;
      width: 35%;
      padding: 30px;
      right: 60px; }
    .summer_festival #flow .mark .comment::before, .summer_festival #flow .mark .comment::after {
      bottom: 20px; }
    .summer_festival #flow .mark .comment p {
      font-size: 24px; }
    .summer_festival #flow .flow {
      width: 980px; }
    .summer_festival #flow .flow li h4 {
      font-size: 24px; }
    .summer_festival #flow .flow li p {
      font-size: 16px; }
    .summer_festival #flow .flow li:last-of-type strong {
      font-size: 28px;
      bottom: 90px;
      left: 50px; }
    .summer_festival #flow .flow li:first-of-type::after {
      right: -115px; }
    .summer_festival #flow .caution {
      width: 760px; }
    .summer_festival #flow .caution small {
      font-size: 16px; } }