/*!
 * ZOZOTOWN
 * http://zozo.jp/
 *
 * 2016.11.17: セレクタを修正
 * 2016.11.15: 買い替え割
 *
 */

 /* ----------------------------------------
  * 共通
  * ---------------------------------------- */
.tradeInModalContainer { color:#888888; }
.imgFluid { max-width:100%; height:auto; }
.imgFluid + .imgFluid { margin-top:20px; }

/* ----------------------------------------
 * ヒーロー
 * ---------------------------------------- */
.tradeInModalContainer .hero .imgFluid { width:100%; }

/* ----------------------------------------
 * イントロ
 * ---------------------------------------- */
.introBalloon { background-color:#ffa200; color:#ffffff; margin:22px 0 6px; padding:10px 0; font-size:12px; border-radius:4px; position:relative; }
.introBalloon:after { content:""; position:absolute; left:50%; bottom:-20px; margin-left:-10px; border:10px solid transparent; border-top:10px solid #ffa200; }


/* ----------------------------------------
 * アウトロ
 * ---------------------------------------- */
.tradeInModalContainer .outro { margin:35px 0 20px; }


/* ----------------------------------------
 * フロー
 * ---------------------------------------- */
.tradeInModalContainer .flow { background-color:#f2f2f2; margin-top:25px; padding-top:25px; text-align:center; }
.tradeInModalText { font-size:17px; }
.tradeInModalContainer .section { border-color:#e5e5e5; }
.flowNumber { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; border-radius:18px; width:36px; line-height:34px; background-color:#ffffff; font-size:16px; margin:0 auto 10px; display:block; text-align:center; }
.tradeInModalContainer .sectionH { font-size:21px; line-height:1.380952380952381; }
.flowBalloon { background-color:#e6e6e6; margin:15px 0 20px; padding:15px 0; border-radius:4px; position:relative;}
.flowBalloon:after { content:""; position:absolute; left:50%; top:-20px; margin-left:-10px; border:10px solid transparent; border-bottom:10px solid #e6e6e6; }
.flowBalloonTitle { color:#1eaa78; }

/* override -------------------- */
.tradeInModalContainer .flowTitle { font-size:25px; line-height:1.12; padding:0; }
.tradeInModalContainer .flow .sectionBody .gridContainer { margin-left:35px; margin-right:35px; }


@media (max-width:374px) {
	.tradeInModalContainer .flowTitle { font-size:21px; }
	.tradeInModalContainer .sectionH { font-size:17px; line-height:1.352941176470588; }
	.tradeInModalContainer .tradeInModalText { font-size:13px; }
	.flowBalloonTitle { font-size:10px !important; line-height:1.5 !important; }
}