@charset "utf-8";

body {
	color:#111;
}

#replacement .visible-xxs{display:none; !important}
#replacement a{text-decoration:none; /*display:block;*/ color:#e079a6;}
#replacement a:hover{opacity:0.6;}
#replacement a img{backface-visibility: hidden;}/*hover時画像のズレ防止*/
#replacement img{max-width:100%; height:auto;}

#replacement{
	width: 100%;
	font-size: 16px;
	line-height:1.6;
	color:#111!important;
	position:relative;
	margin:30px auto 0;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Open Sans", Helvetica, Arial, -apple-system, blinkMacSystemFont, sans-serif;
}

@media screen and (max-width: 767px){
	#replacement .sp_none {display: none!important;}
	#replacement .pc_none {display: block!important;}
}
@media screen and (min-width: 768px){
	#replacement .sp_none {display: block!important;}
	#replacement .pc_none {display: none!important;}
}





#replacement #KV {
	width: 100%;
	background: url(../img/bg.jpg) center top;
	border-top: solid 5px #d83980;
}
#replacement #KV h1 {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
#replacement #content {
	width: 100%;
	max-width: 1170px;
	margin: 50px auto;
}
#replacement #content .copy {
	max-width:1100px;
	text-align: center;
	margin: 0 auto;
}
#replacement #content .copy h2 {
	margin: 60px auto 30px;
	font-size: 24px;
	line-height: 1.9;
}
#replacement #content .copy p {
	font-size: 20px;
	font-weight: bold;
	margin: 30px auto 0px;
}
#replacement #content .copy img {
	margin: 20px auto;
}
#replacement #content .copy strong {
	color: #d83980;;
}
#replacement #content .copy span {
	font-family: 16px;
}
#replacement #content .linePink {
	background: linear-gradient(transparent 70%, #f8cee0 0%);
}

#replacement #content #attention {
	width: 100%;
	margin: 0 auto;
}
#replacement #content #attention .inner {
	width: auto;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
}
#replacement #content #attention .inner .title {
	width: 96%;
	max-width:1000px;
	background: #d83980;
	color: #FFF;
	font-family: "M PLUS Rounded 1c";
	font-size: 24px;
	letter-spacing: 0.1em;
	padding: 5px 0;
	text-align: center;
	border-radius: 24px;
	margin:60px auto 40px;
}
#replacement #content #attention .inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
#replacement #content {
	width: 96%;
	margin: 0 auto;
}	
#replacement #content .copy {
	width: 96%;
	margin: 0 auto;
}

#replacement #content .copy h2 {
	margin: 30px auto 15px;
	font-size: 18px;
	text-align:left;
}	
#replacement #content .copy p {
	font-size: 16px;
	text-align: left;
}
}

@media screen and (max-width: 480px) {
#replacement #content #attention .inner .title {
	margin:30px auto 0px;
	font-size: 18px;
	letter-spacing: 0;
	width: 100%;
	padding: 3px 0;
}
#replacement #content .copy img {
	margin: 20px auto 0px;
}
	
}


/*-----------------獲得方法-----------------*/

#replacement #content #attention .inner ul.step {
	list-style-type: none;
	display: table;
	width: 94%;
	margin: 0 auto;
	overflow: hidden;
}
#replacement #content #attention .inner ul.step li {
	text-align: center;
	float: left;
	display: block;
}
#replacement #content #attention .inner ul.step li img {
	width: 100%;
	max-width: 106px;
	margin: 0 auto;
}
#replacement #content #attention .inner ul.step li:nth-child(odd){
	width:25%;
	margin: 0 auto;
}
#replacement #content #attention .inner ul.step li:nth-child(even){
	width:12.5%;
	margin: 0 auto;
	padding-top:5%;
}
#replacement #content #attention .inner ul.step li:nth-child(even) img{
	width:100%;
	max-width: 80px;
	margin: 0 auto;
}
#replacement #content #attention .inner ul.step li p {
	color: #ab8722;
	margin: 10px auto;
	line-height: 1.3;
}
#replacement #content #attention .inner ul.step li p.give {
	font-size: 18px;
	font-weight: bold;
	color: #d83980;;
}
#replacement #content #attention .inner ul.step li p strong {
	font-size: 18px;
	font-weight: bold;
}
#replacement #content #attention .inner ul.step li a.btn {
	display: block;
	background:#b68ac6;
	width: 65%;
	padding: 5px 0;
	border-radius: 20px;
	color: #FFF;
	margin: 0 auto;
	letter-spacing:0.08em;
	position: relative;
}
#replacement #content #attention .inner ul.step li a.btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  position:absolute;
  right: 8px;
  font-weight: 900;
  vertical-align:middle;
}

#replacement #content #attention .couponSp {
	background: none;
	margin: 0;
	padding: 0;
	width: 100%;
}


@media screen and (max-width: 767px) {
#replacement #content #attention .stepSp .stepBox {
	width: 94%;
	background: #FFF;
	margin: 10px auto 0px;
	border-radius: 8px;
}
#replacement #content #attention .stepSp .stepBox .stepT {
	display: block;
	width: 100%;
	overflow: hidden;
}
#replacement #content #attention .stepSp .stepBox .stepT > p {
	text-align: center;
	/*border: 1px solid #e5eef0;*/
	background: #efbad2;
	border-radius: 10px 10px 0 0;
	color:#FFF;
	text-align: left;
	font-size: 20px;
	display: inline-block;
	padding: 5px 20px;
}
#replacement #content #attention .stepSp .stepBox ul {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	list-style: none;
	position: relative;
	border: solid 2px #efbad2;
	padding: 20px 5px 8px;
}
#replacement #content #attention .stepSp .stepBox ul li:nth-child(1) {
	float: left;
	width: 40%;
	height: auto;
	position: absolute;
	bottom: 8px;
	text-align: center;
}
#replacement #content #attention .stepSp .stepBox ul li:nth-child(1) img {
	width: 60%;
	height: auto;
	max-width: 125px;
}
#replacement #content #attention .stepSp .stepBox ul li:nth-child(2) {
	float:right;
	width: 60%;
	font-size: 22px;
	text-align: center;
}
#replacement #content #attention .stepSp .stepBox ul li:nth-child(2) a.btn {
	display: block;
	background:#b68ac6;
	width: 90%;
	border-radius: 25px;
	color: #FFF;
	margin: 10px auto 8px;
	letter-spacing:0.05em;
	position: relative;
	/*font-size: 22px;*/
	padding: 3px 8px;
	font-weight: normal;
	vertical-align: middle;
}
#replacement #content #attention .stepSp .stepBox ul li:nth-child(2) a.btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  position:absolute;
  right: 8px;
  font-weight: 900;
  vertical-align:middle;
}

#replacement #content #attention .stepSp .stepBox ul li p.give {
	font-weight: bold;
	color: #d83980;;
}
}
@media screen and (max-width: 480px) {
#replacement #content #attention .stepSp .stepBox ul {
	padding: 15px 5px 8px;
}
	
#replacement #content #attention .stepSp .stepBox ul li:nth-child(2) {
	font-size: 20px;
	line-height: 1.4;
	color: #ab8722;
}
#replacement #content #attention .stepSp .stepBox ul li:nth-child(2) a.btn {
	font-size: 16px;
	padding: 2px 8px;
}
#replacement #content #attention .stepSp .stepBox ul li p.give {
	font-size: 18px;
	line-height: 1.8;
}
#replacement #content #attention .stepSp .stepBox .stepT > p {
	font-size: 18px;
	display: inline-block;
	padding: 5px 20px 3px;
}
#replacement #content #attention .stepSp .stepBox .stepT:nth-child(1) {
	margin-top: 20px;
}
}


/*------------------詳細-----------------------*/

#replacement #content #attention table.camp,
#replacement #content #attention table.toUse {
	width: 100%;
	overflow:hidden;
}

#replacement #content #attention table.camp th,
#replacement #content #attention table.toUse th {
	width: 20%;
	padding: 20px 5px 20px 20px;
}
#replacement #content #attention table.camp th {
	border-bottom: 1px solid #ffddec;
}
#replacement #content #attention table.camp .bbNon {
	border-bottom: none;
}

#replacement #content #attention table.camp th > span,
#replacement #content #attention table.toUse th > span {
	background: #efe3c0;
	color: #7a5d10;
	font-size: 15px;
	border-radius: 20px;
	padding: 3px 8px;
	width: auto;
	font-weight: bold;
}
#replacement #content #attention table.camp td,
#replacement #content #attention table.toUse td {
	width: 80%;
	padding: 20px 20px 20px 5px;
	font-size: 16px;
}

#replacement #content #attention table.camp td {
	border-bottom: 1px solid #ffddec;
}

#replacement #content #attention table.camp strong {
	color: #d83980;;
	font-weight: bold;
}
#replacement #content #attention table.camp td ul.areaBtn {
	width:80%;
	overflow: hidden;
	list-style-type: none;
}
#replacement #content #attention table.camp td ul.areaBtn li{
	float: left;
	width: 40%;
	margin: 15px 0px;
}
#replacement #content #attention table.camp td ul.areaBtn li:nth-child(2){
	width: 50%;
	margin-left:2%;
}
#replacement #content #attention table.camp td ul.areaBtn li a.btn {
	display: inline-block;
	background:#b68ac6;
	width: 100%;
	padding: 3px 0 1px;
	border-radius: 20px;
	color: #FFF;
	margin: 0 auto;
	position: relative;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#replacement #content #attention table.camp td ul.areaBtn li a.btn:after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	position:absolute;
	right: 8px;
	font-weight: 900;
	vertical-align:middle;
	padding-top: 3.3px;
}


/*------------------獲得条件-------------------*/

#replacement #content #attention table.camp td ul.conditions {
	list-style-type: none;
}

#replacement #content #attention table.camp td ul.conditions li span {
	border-bottom: 1px solid #333;
	font-weight: bold;
	letter-spacing: 0.02em;
}

#replacement #content #attention table.camp td ul.conditions li.gift {
	padding-left: 10px;
    border-left: solid 5px #d83980;
	line-height: 1.2;
	margin-bottom:12px;
}
#replacement #content #attention table.camp td ul.conditions li.co01 {
    padding-left: 1em;
    text-indent: -1em;	
}

#replacement #content #attention table.camp td ul.conditions li ul.example {
	border: solid 1px #9f802d;
	padding: 2% 3% 1.5%;
	overflow: hidden;
	margin-top: 10px; 
	margin-left: -1em;	
    text-indent: 0;
	width: 92%;
	list-style-type: none;
}
#replacement #content #attention table.camp td ul.conditions li ul.example li:nth-child(1) {
	/*border-bottom: 1px solid #87b7c7;*/
	display:inline-block;
	margin-bottom:8px;
	color: #ab7e04;
}
#replacement #content #attention table.camp td ul.conditions li ul.example li:nth-child(1) > span {
	display:inline-block;
	background: #d5bc7b;
	color: #FFF;
	padding: 0 8px;
	border-bottom: none;
	font-weight: normal;
	margin-right:10px;
}

@media screen and (max-width: 767px) {
#replacement #content #attention table.camp td ul.conditions li ul.example {
	margin: 0 auto 20px;
	width: 100%;
}
#replacement #content #attention table.camp td ul.conditions li.gift {
	line-height: 1.8;
	margin-bottom:20px;
}

}
@media screen and (max-width: 480px) {
#replacement #content #attention table.camp td ul.conditions li.gift:last-child {
	margin-bottom:30px;
}
	
}


/*------------------受取方法-------------------*/

#replacement #content #attention table.camp td ul.mailReceive {
	display: block;
	border: solid 1px #b68ac6;
	overflow: hidden;
	width:90%;
	font-size: 16px;
	margin-top:10px;
	list-style-type:none;
	padding: 0;
}
#replacement #content #attention table.camp td ul.mailReceive li:first-child {
	background: #b68ac6;
	color: #FFF;
	padding: 0.5% 2%;
	margin-bottom: 10px;
	padding-left: 10px;
}
#replacement #content #attention table.camp td ul.mailReceive li:not(:first-child){
	width: 96%;
	margin: 0 auto;
}
#replacement #content #attention table.camp td ul.mailReceive li:nth-child(2),
#replacement #content #attention table.camp td ul.mailReceive li:nth-child(3) {
	padding-left: 1em;
	text-indent: -1em;
	color:#802d9f;
}
#replacement #content #attention table.camp td ul.mailReceive li a.btn {
	display: inline-block;
	background:#b68ac6;
	width: auto;
	padding: 3px 25px 1px;
	border-radius: 20px;
	color: #FFF;
	margin: 10px auto;
	position: relative;
	font-size: 16px;
	font-weight: normal;
}
#replacement #content #attention table.camp td ul.mailReceive li span {
	border-bottom: 1px solid #802d9f;
}
#replacement #content #attention table.camp td ul.mailReceive li a.btn:after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	position:absolute;
	right: 8px;
	font-weight: 900;
	vertical-align:middle;
	padding-top: 3.3px;
}

@media screen and (max-width: 767px) {
#replacement #content #attention table.camp td ul.mailReceive {
	width: 100%;
}	
#replacement #content #attention table.camp td ul.mailReceive li:nth-child(2),
#replacement #content #attention table.camp td ul.mailReceive li:nth-child(3) {
	font-size: 15px;
}
#replacement #content #attention table.camp td ul.mailReceive li:nth-child(3) {
	margin-top: 10px;
}
#replacement #content #attention table.camp td ul.mailReceive li a.btn {
	border-radius: 15px;
	padding: 3px 20px;
}
}
@media screen and (max-width: 480px) {
#replacement #content #attention table.camp td ul.mailReceive {
	margin-bottom: 20px;
}
}
@media screen and (max-width: 320px) {
#replacement #content #attention table.camp td ul.mailReceive li a.btn {
    padding: 3px 0px;
    width: 100%;
    font-size: 15px;
}
	
}

/*------------------ご注意事項-------------------*/

#replacement #content #caution {
	width:90%;
	max-width: 750px;
	margin: 0 auto;
	text-align: left;
}
#replacement #content #caution ul {
	padding-left: 20px;
	margin: 0 auto;
}
#replacement #content #caution ul li {
	list-style-type: disc;
	line-height: 1.8;
}
#replacement #content #caution ol {
	display: inline-block;
	border: solid 1px #b68ac6;
	padding: 10px 15px;
	counter-reset:number;
	list-style:none;
	margin-top: 10px;
	margin-left: 1.4em;
}
#replacement #content #caution ol li{
	text-indent: -2em;
	padding-left: 2em;
	margin-bottom: 10px;
	line-height: 1.4;
}
#replacement #content #caution ol li:last-child {
	margin-bottom: 0px;
}
#replacement #content #caution ol li:before {
	counter-increment: number;
	content: counter(number)" ） ";
}



@media screen and (max-width: 767px) {

#replacement #content #caution ul {
	margin: 30px auto;
}
#replacement #content #caution ul li {
	
}
#replacement #content #caution ul li {
	margin-bottom: 10px;
	line-height: 1.4;
}
#replacement #content #caution {
	width:98%;
	margin-bottom:30px;
}
#replacement #content #caution ol {
	padding: 10px;
	margin-top: -20px;
}
#replacement #content #caution ol li{
	font-size: 14px;
}

}
@media screen and (max-width: 480px) {
#replacement #content #caution ol {
	margin-left: 1.0em;
	
}	
}





/*----------------キャンペーン対象商品-----------------*/

#replacement #content #attention table.camp td ul.campItems {}
#replacement #content #attention table.camp td ul.campItems li > span {
	border-bottom: none;
}
#replacement #content #attention table.camp td ul.campItems li {
	width: 100%;
	display: block;
	margin: 0 auto 10px;
	border-bottom: solid 1px #d2e5e8;
	padding: 5px 0px 10px;
	font-size: 14.5px;
	line-height: 1.5;
}
#replacement #content #attention table.camp td ul.campItems li:last-child {
	border-bottom: none;
	margin: 0 auto;
	padding: 5px 0px 0px;
}
#replacement #content #attention table.toUse .toUseBox {
	padding-left: 20px;
}
#replacement #content #attention table.toUse .toUseBox li {
	list-style-type: disc;
	line-height: 1.8;
}
#replacement #content #attention table.toUse .toUseBox li:last-child {
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
#replacement #content #attention table.camp th,
#replacement #content #attention table.camp td, 
#replacement #content #attention table.toUse th,
#replacement #content #attention table.toUse td {
	display: block;
	width: 98%;
	margin: 0 auto;
	padding: 10px 0;
}
#replacement #content #attention table.camp th, 
#replacement #content #attention table.toUse th {
	border-bottom: none;
	margin-top: 10px;
}
#replacement #content #attention table.camp th > span,
#replacement #content #attention table.toUse th > span {
    font-size: 16px;
	letter-spacing: 0.08em;
    border-radius: 20px;
    padding: 3px 20px;
    width: auto;
    font-weight: bold;
}
#replacement #content #attention table.toUse .toUseBox li {
	line-height: 1.4;
	margin-top: 10px;
}
#replacement #content #attention table.camp td ul.areaBtn {
	width:100%;
}
#replacement #content #attention table.camp td ul.areaBtn li{
	float: left;
	width: 49%;
	margin: 15px 0px;
}
#replacement #content #attention table.camp td ul.areaBtn li:nth-child(2){
	width: 49%;
	margin-left:2%;
}
#replacement #content #attention table.camp td ul.areaBtn li a.btn {
	border-radius: 8px;
}

#replacement #content #attention table.camp td ul.campItems li {
	line-height: 1.8;
	font-size: 14.5px;
}

}




/*-----------------アコーディオン-----------------*/

#replacement #content #itemBox {
	margin: 0 0 20px;
}
#replacement #content #itemBox .listBox {
	border: solid 1px #d83980;
    padding: 3px;
    width: 82%;
	margin: 0 auto;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.1em;
	border-radius: 12px;
}
#replacement #content #itemBox .listBox .fas {
	position: absolute;
	right: 20px;
	padding-top: 8px;
}
#replacement #content #itemBox .listBox dt {
	font-size: 20px;
	font-weight: bold;
	background: #fff;
    padding: 3px 0px;
	margin: 0 auto;
	text-align: center;
	color: #d83980;
    font-family: "M PLUS Rounded 1c";	
}
#replacement #content #itemBox .listBox dd {
  padding: 3%;
  margin: 4px 0 0;   
  line-height: 1.6;
  display: none;
  background: #fff9f9;
  font-size:14.5;
  line-height: 1.5;
  font-weight: normal;
  -webkit-border-radius: 0px 0px 12px 12px / 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px / 0px 0px 12px 12px;
  border-radius: 0px 0px 12px 12px / 0px 0px 12px 12px;
}
#replacement #content #itemBox .listBox ul {
	list-style-type: none;
}
#replacement #content #itemBox .listBox ul li{
	padding: 10px 0px;
	font-size: 14.5px;
	border-bottom: solid 1px #d2e5e8;
	letter-spacing: 0;
}
#replacement #content #itemBox .listBox ul li:last-child{
	margin-bottom: none;
	font-size: 14.5px;
	border-bottom: none;
	padding-bottom: 0;
}

@media screen and (max-width: 767px) {
	
#replacement #content #itemBox .listBox {
    padding: 3px;
    width: 90%;
}
#replacement #content #itemBox .listBox dt {
    font-size: 18px;
    padding: 2px 0px;
}
#replacement #content #itemBox .listBox .fas {
	padding-top: 5px;
}	
}
@media screen and (max-width: 480px) {
#replacement #content #itemBox .listBox dt {
    font-size: 16px;
}
}


/*--------------TOPへ戻る---------------*/

#pickupArea .scrollTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
	z-index: 5;
}
#pickupArea .scrollTop a {
  display: inline-block;
  text-decoration: none;
  background: #efbcd3;
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 120px;
  border-radius: 10%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  position: relative;
  opacity:0.6;         
}
#pickupArea .scrollTop a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f0d8';
  position:absolute;
  font-weight: 900;
  top: -70%;
  left: 30%;
  font-size: 30px;
  display:block;
}
#pickupArea .scrollTop a:hover {
  background: #d971a0;
}
@media screen and (max-width: 767px) {
#pickupArea .scrollTop {
    right: 15px;
    bottom: 15px;
}
#pickupArea .scrollTop a {
  width: 40px;
  height: 40px;
}
#pickupArea .scrollTop a:after {
  top: -100%;
  left: 28%;
  font-size: 26px;
}
}


/*---------------第二弾追加分---------------*/

#replacement #firstShot {
	display:100%;
	margin: 0;
	background: #f7eddc;
	text-align: center;
	padding: 15px 0 5px;
}
#replacement #secondShot {
	margin: 0;
	background: #f7eddc;
	text-align: center;
	padding: 0 0 15px;
}
#replacement #firstShot a,
#replacement #secondShot a {
	color: #bf0c09;
}
#firstShotInfo,
#secondShotInfo {
	width: 100%;
	background: #f7eddc;
}

#firstShotInfo > .title,
#secondShotInfo > .title {
	width: 96%;	
	background: #b68f52;
	max-width:960px;
	color: #FFF;
	font-family: "M PLUS Rounded 1c";
	font-size: 24px;
	letter-spacing: 0.1em;
	padding: 5px 0;
	text-align: center;
	border-radius: 24px;
	margin:10px auto 40px;	
}
#firstShotInfo #innerArea {
	width:90%;
	max-width: 750px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	margin-bottom: 0;
}
#secondShotInfo #innerArea {
	width:90%;
	max-width: 750px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding-bottom: 50px;
	margin-bottom: 0;
}
#firstShotInfo #innerArea > p,
#secondShotInfo #innerArea > p {
	margin-bottom: 1.4em;
}
#firstShotInfo #innerArea ul,
#secondShotInfo #innerArea ul {
	padding-left: 20px;
	margin: 0 auto 20px;
}
#firstShotInfo #innerArea ul li:nth-child(1),
#firstShotInfo #innerArea ul li:nth-child(2),
#secondShotInfo #innerArea ul li:nth-child(1),
#secondShotInfo #innerArea ul li:nth-child(2) {
	list-style-type: disc;
	line-height: 1.8;
}
#firstShotInfo #innerArea ul li:nth-child(3),
#firstShotInfo #innerArea ul li:nth-child(4),
#secondShotInfo #innerArea ul li:nth-child(3),
#secondShotInfo #innerArea ul li:nth-child(4){
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.2em;
	line-height: 1.4;
}
#firstShotInfo #innerArea ul li:nth-child(3),
#secondShotInfo #innerArea ul li:nth-child(3) {
	margin-top: 10px;
}

#firstShotInfo #innerArea ul li:nth-child(3):before,
#firstShotInfo #innerArea ul li:nth-child(4):before,
#secondShotInfo #innerArea ul li:nth-child(3):before,
#secondShotInfo #innerArea ul li:nth-child(4):before {
	content: "※";
	font-size: 16px;
}
#firstShotInfo #innerArea p.maiilU,
#secondShotInfo #innerArea p.maiilU {
	color: #c20d09;
	border-bottom: 1px solid #c20d09;
	display: inline;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
#replacement #firstShot,
#secondShotInfo #firstShot {
	font-size: 16px;
	letter-spacing: 0;
	width: 100%;
}
#firstShotInfo > .title,
#secondShotInfo > .title {
	font-size: 4.8vw;
	border-radius:12px;
	padding-bottom: 1px;
	margin-top: 0px;
}
#firstShotInfo #innerArea,
#secondShotInfo #innerArea {
	width: 94%;
}
}




#replacement .mt50 {margin-top: 50px;}
#replacement .mt30 {margin-top: 30px;}
#replacement .mt20 {margin-top: 20px;}
#replacement .mt10 {margin-top: 10px;}
#replacement .mb50 {margin-bottom: 50px;}
#replacement .mb30 {margin-bottom: 30px;}
#replacement .mb20 {margin-bottom: 20px;}
#replacement .mb10 {margin-bottom: 10px;}
#replacement .textRed {color: #c20d09;}
#replacement .textWid {width: 96%; margin: 20px auto 0; text-align: center;}

@media screen and (max-width: 480px) {
#replacement .textWid {text-align: left;}
}