﻿@charset "utf-8";.mailcoupon {max-width: 1260px;margin: 0 auto;}.mailcoupon .top_title{display: flex;justify-content: space-around;align-items: center;height: 300px;background: #fafafa;}.mailcoupon .top_title h1{font-size: 50px;font-weight: bold;}.mailcoupon .son{display: flex;width: 100%;justify-content: space-around;margin-top: 50px;align-items: baseline;}.mailcoupon .son .son_moji{width: 65%;}.mailcoupon .son .son_moji .son_subti{display: flex;align-items: flex-end;}.mailcoupon .son .son_moji .son_subti p{font-weight: bold;font-size: 2em;}.mailcoupon .son .son_moji .son_subti .kasen{font-size: 2.5em;background: linear-gradient(transparent 50%, #d7dbe2 40%);}.mailcoupon .son .son_moji .son_detail{margin-top: 2em;background: #d7dbe2;border-radius: 10px;}.mailcoupon .son .son_moji .son_detail p{padding: 2em 5em;font-weight: bold;font-size: 1.5em;}.mailcoupon .banzai{background: url(/img/lp/mailmagazine/banzai.png);height: 300px;margin-top: 30px;}.mailcoupon .banzai p{width: 50%;font-weight: bold;font-size: 2.5em;margin: 0 auto;text-align: center;padding-top: 1em;}.mailcoupon .banzai p span{background: linear-gradient(transparent 50%, yellow 50%);}.mailcoupon .Q_menu{margin-top: 10px;}.mailcoupon .Q_menu ul{display: flex;flex-wrap: wrap;justify-content: space-between;}.mailcoupon .Q_menu ul a{display: block;width: 48%;text-decoration: none;}.mailcoupon .Q_menu ul li{position: relative;background: #ffe566;margin-bottom: 1.5em;text-align: center;height: 5em;font-size: 2em;font-weight: bold;display: flex;justify-content: center;align-items: center;color: #000;line-height: 1.2em;}.mailcoupon .Q_menu ul .link_m_aw{background: #f2f2f2;}.mailcoupon .Q_menu ul li:before{position: absolute;top: -10px;left: -10px;width: 100%;height: 100%;border: 3px solid #000;content: '';}.mailcoupon .Q_menu ul li:after {content: "";position: absolute;right: 0;bottom: 15px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-color: #000 transparent transparent transparent;border-width: 5px 5px 0 5px;}.mailcoupon .Q_menu ul .link_m_aw:after{display: none;}.mailcoupon .Q_menu ul li span{margin: 1.3em 0 0 0.5em;}.mailcoupon .Q_get, .mailcoupon .Q_receive, .mailcoupon .Q_setting{margin-top: 50px;}.mailcoupon h2{font-size: 3em;font-weight: bold;position: relative;padding: 1.5rem;text-align: center;margin-top: 5em;margin-bottom: 1em;}.mailcoupon h2:after{position: absolute;bottom: 5px;left: calc(50% - 0px);width: 60px;height: 5px;content: '';border-radius: 3px;background: #000;}.mailcoupon .Mcomment, .mailcoupon .Fcomment{display: flex;align-items: center;}.mailcoupon .comment_m, .mailcoupon .comment_f{position: relative;background: #ffe566;margin: 1.5em;padding: 2em;font-size: 1.5em;font-weight: bold;flex-grow: 1;border-radius: 2em;position: relative;}.mailcoupon .comment_m:before{content: "";position: absolute;left: -15px;width: 0px;height: 0px;margin: auto;border-style: solid;border-color: transparent #ffe566 transparent transparent;border-width: 10px 20px 10px 0;}.mailcoupon .comment_f:before{content: "";position: absolute;right: -15px;width: 0px;height: 0px;margin: auto;border-style: solid;border-color: transparent transparent transparent #ffe566;border-width: 10px 0 10px 20px;}.mailcoupon .comment_f span{border-bottom: solid 3px;}.mailcoupon .Q_get .Typecoupon{display: flex;justify-content: space-between;margin-top: 2em;}.mailcoupon .Q_get .Typecoupon .coupon_type {width: 32%;background: #fafafa;padding: 2em;box-sizing: border-box;position: relative;}.coupon_type p{margin-bottom: 1em;font-weight: bold;font-size: 1.2em;}.mailcoupon .Q_get .Typecoupon .coupon_type .frequency{position: relative;text-align: center;font-size: 1.5em;font-weight: bold;}.mailcoupon .Q_get .Typecoupon .coupon_type .frequency:after {position: absolute;bottom: -5px;left: calc(50% - 4em);width: 8em;height: 3px;content: '';border-radius: 3px;background: #000;}.mailcoupon .Q_get>p{text-align: right;}.mailcoupon a.Csettings, .mailcoupon a.NMsettings {display: block;font-weight: bold;font-size: 2em;color: #fff;text-decoration: none;padding: 1em;border-radius: 10px;text-align: center;margin-top: 1em;}.mailcoupon a.Csettings {background: #e80000;position: relative;}.mailcoupon a.NMsettings {background: #000;position: relative;}.mailcoupon a.Csettings:after, .mailcoupon a.NMsettings:after{content: "";position: absolute;right: 1em;top: 1.5em;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 8px 0 8px 13px;}.mailcoupon .Q_setting ul{margin-top: 1em;}.mailcoupon .Q_setting ul li{background: #f2f2f2;margin-bottom: 1em;padding: 1em;border-radius: 10px;font-weight: bold;font-size: 1.2em;display: flex;align-items: center;}.mailcoupon .Q_setting ul li span{font-weight: bold;font-size: 3em;color: rgba(0, 0, 0, 0);text-shadow: 4px 4px 0 #f8e45a;-webkit-text-stroke: 1px #000;padding: 0 0.5em 0 0;font-family: sans-serif;}.mailcoupon .Q_setting .link_text_r{display: block;text-align: right;}@media screen and (max-width: 768px) {.mailcoupon {box-sizing: border-box;margin: 10px 10px 30px 10px;}.mailcoupon .top_title {display: block;height: auto;}.mailcoupon .top_title h1 {font-size: 2em;padding: 0.5em;text-align: center;}.mailcoupon .son{display: block;}.mailcoupon .son>p{display: none;}.mailcoupon .son .son_moji{width: 100%;}.mailcoupon .son .son_moji .son_subti{display: block;text-align: center;}.mailcoupon .son .son_moji .son_subti p{font-size: 1.3em;}.mailcoupon .son .son_moji .son_subti .kasen{font-size: 2em;display: inline;}.mailcoupon .son .son_moji .son_detail p{padding: 1em;font-weight: normal;font-size: 1em;}.mailcoupon .banzai {height: auto;background-repeat: no-repeat;background-size: 100%;}.mailcoupon .banzai p {width: 55%;font-size: 1.1em;}.mailcoupon .banzai p span br{display: none;}.mailcoupon .Q_menu ul {display: block;}.mailcoupon .Q_menu ul li {font-size: 1.2em;height: 3.5em;margin-bottom: 1em;}.mailcoupon .Q_menu ul a {width: 100%;}.mailcoupon .Q_menu ul li:before {top: -5px;left: -5px;border: 1px solid #000;}.mailcoupon .Q_menu {margin-top: 5px;}.mailcoupon .Q_menu ul li:after {bottom: 10px;}.mailcoupon h2 {font-size: 1.5em;padding: 1rem;margin-top: 3em;}.mailcoupon .Mcomment img, .mailcoupon .Fcomment img {width: 20%;}.mailcoupon .comment_m, .mailcoupon .comment_f {margin: 1em;padding: 1.5em;font-size: 1em;}.mailcoupon .Q_get .Typecoupon {display: block;}.mailcoupon .Q_get .Typecoupon .coupon_type {width: 100%;margin-bottom: 1em;}.coupon_type p {font-weight: normal;font-size: 1em;}.mailcoupon a.Csettings, .mailcoupon a.NMsettings {font-size: 1.2em;border-radius: 5px;}.mailcoupon a.Csettings:after, .mailcoupon a.NMsettings:after {border-width: 5px 0 5px 10px;}.mailcoupon .Q_setting ul li {font-size: 1em;font-weight: normal;}.mailcoupon .Q_setting ul li span {font-size: 2em;-webkit-text-stroke: 0.5px #000;text-shadow: 2px 2px 0 #f8e45a;}}