/*reset---------------------------------------------*/
body * {
	box-sizing: border-box;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

/*module---------------------------------------------*/

.aC {
	text-align: center;
}

.aR {
	text-align: right;
}

.aL {
	text-align: left;
}

.fb {
	font-weight: bold;
}

.ohidden {
	overflow: hidden;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.wrapp {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.spbetween {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.alitemcen {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.row-reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.trans35 {
	-webkit-transition: all .35s ease-out 0s;
	transition: all .35s ease-out 0s;
	margin: auto;
}

.pcNone {
	display: none;
}

@media (max-width: 640px) {
	.spaC {
		text-align: center;
	}

	.spaR {
		text-align: right;
	}

	.spaL {
		text-align: left;
	}

	.spNone {
		display: none;
	}

	.pcNone {
		display: block;
	}

	#addition-point {
		display: flex;
		padding: 3% 5%;
		flex-direction: column;
		justify-content: center;
	}
}


#maga_coupon {
	padding: 1.5em;
	padding-bottom: 2em;
	background: url("/campaign/code/img/cou_back.png"), #fff092;
	background-repeat: repeat;
}

#maga_coupon .main {
	background: url("/campaign/code/img/cou_main.png"), white;
	background-repeat: no-repeat;
	background-position: bottom 0px right -46px;
	background-size: 100%;
	position: relative;
	max-width: 738px;
	margin: 0 auto;
}

#maga_coupon .mata2111_main {
	background: url("/campaign/code/img/mata2111_main.png"), white;
	background-repeat: no-repeat;
	background-position: bottom 0px right -46px;
	background-size: 100%;
	position: relative;
	max-width: 738px;
	margin: 0 auto;
}

#maga_coupon .main:before {
	content: "";
	position: absolute;
	box-shadow: 4px 4px 11px -1px #dedede;
	transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	left: -11px;
	top: 20px;
	width: 180px;
	height: 72px;
	background: url("/campaign/code/img/cou_ticket.png") no-repeat center center;
}

#maga_coupon#maga_coupon .ticket1000:before {
	content: "";
	position: absolute;
	box-shadow: 4px 4px 11px -1px #dedede;
	transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	left: -11px;
	top: 20px;
	width: 180px;
	height: 72px;
	background: url("/campaign/code/img/cou_ticket1000.png") no-repeat center center;
	background-size: contain;
}

#maga_coupon .main:after {
	content: "";
	position: absolute;
	right: -21px;
	top: -21px;
	width: 212px;
	height: 233px;
	background: url("/campaign/code/img/cou_ribon.png") no-repeat center center;
}

#maga_coupon .maga {
	padding-top: 40px;
}

#maga_coupon .cou_h1 {
	position: relative;
	padding: 0;
	padding-top: 12px;
}

#maga_coupon .mata2111_h1 {
	position: relative;
	padding: 0;
	padding-top: 12px;
}

#maga_coupon .cou_h1:before {
	content: "";
	position: absolute;
	left: 43px;
	top: 36px;
	width: 48px;
	height: 78px;
	background: url(/campaign/code/img/cou_h1_before.png) no-repeat center center;
}

#maga_coupon .cou_h1:after {
	content: "";
	position: absolute;
	right: 59px;
	top: 12px;
	width: 41px;
	height: 88px;
	background: url(/campaign/code/img/cou_h1_after.png) no-repeat center center;
}

#maga_coupon .mamakids {
	width: 50%;
	position: relative;
	padding-left: 3vw;
	padding-bottom: 33px;
}

#maga_coupon .cou_no1 {
	position: absolute;
	top: 10px;
	left: 3vw;
}

#maga_coupon .cou_mamalogo {
	padding-top: 82px;
}

#maga_coupon .mamatxt {
	font-size: 1em;
	padding: 10px 0 20px;
}

#maga_coupon .square_btn {
	display: inline-block;
	padding: 1.5em 2.5em;
	background-color: #fc8c9a;
	border-radius: 0.5em;
	box-shadow: 0px 4px 0px 0px #ed788b;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 2em;
	letter-spacing: 1px;
}

#maga_coupon .square_btn:hover {
	box-shadow: none;
	transform: translateY(4px);
	opacity: 1;
	text-decoration: none;
}

#maga_coupon .cou_h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 10px;
	border-bottom: 4px dotted #333333;
}

#maga_coupon .flow {
	background-color: white;
	padding: 1.3vw;
}

#maga_coupon .cou_block {
	margin-bottom: 12px;
	border-bottom: 1px dotted #c1c1c1;
	padding-bottom: 12px;
}

#maga_coupon .cou_block:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#maga_coupon .flow h3 {
	width: 40%;
	background-image: url("/campaign/code/img/cou_step01.png");
	background-repeat: no-repeat;
	background-size: 68px;
	padding-left: 78px;
	font-size: 1.2em;
	line-height: 1.3;
	color: #eca840;
	min-height: 26px;
}

#maga_coupon .flow .cou_block:nth-child(2) h3 {
	background-image: url("/campaign/code/img/cou_step02.png");
}

#maga_coupon .flow .cou_block:nth-child(3) h3 {
	background-image: url("/campaign/code/img/cou_step03.png");
}

#maga_coupon .flow .cou_pack {
	width: 60%;
	padding: 1vw;
	background-color: #fdf4bd;
}

#maga_coupon .flow p {
	font-size: 1em;
	line-height: 1.6;
}

#maga_coupon .flow ul {
	margin-top: 11px;
}

#maga_coupon .flow li {
	font-size: 0.9em;
	line-height: 1.4;
	margin-top: 5px;
}

#maga_coupon .flow li:first-child {
	color: #ed788b;
}

#maga_coupon .cou_note {
	color: #333;
}

#maga_coupon .cou_note h4 {
	font-size: 1em;
	line-height: 1.6;
	margin-top: 2em;
}

#maga_coupon .cou_note ul {
	margin-top: 8px;
}

#maga_coupon .cou_note li {
	font-size: 0.9em;
	line-height: 1.4;
}

#maga_coupon .cou_note .cou_note_first {
	margin-left: 22px;
}

#maga_coupon .cou_note .cou_note_first li {
	list-style-type: disc;
}

/*ベビーカレンダー用*/
#maga_coupon .bc_main {
	background: url("/campaign/code/img/cou_main.png"), white;
	background-repeat: no-repeat;
	background-position: bottom 0px right -46px;
	background-size: 100%;
	position: relative;
}

#maga_coupon .bc_main.baby:before {
	content: "";
	position: absolute;
	box-shadow: 4px 4px 11px -1px #dedede;
	transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	left: -11px;
	top: 5px;
	width: 179px;
	height: 79px;
	background: url("/campaign/code/img/cou_baby.png") no-repeat center center;
}

#maga_coupon .bc_main.mata:before {
	content: "";
	position: absolute;
	box-shadow: 4px 4px 11px -1px #dedede;
	transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	left: -11px;
	top: 5px;
	width: 179px;
	height: 94px;
	background: url("/campaign/code/img/cou_mata.png") no-repeat center center;
}

#maga_coupon .bc_main:after {
	content: "";
	position: absolute;
	right: -21px;
	top: -21px;
	width: 212px;
	height: 233px;
	background: url("/campaign/code/img/cou_ribon.png") no-repeat center center;
}

#maga_coupon .starterset {
	padding: 127px 50px 0px 0px;
}

#maga_coupon .mata2111_set {
	padding: 127px 0px 0px 0px;
}

#maga_coupon .no1-logo {
	position: absolute;
	bottom: 15px;
	right: 14px;
}



@media screen and (max-width: 640px) {
	#maga_coupon .main {
		background-size: 95%;
	}

	#maga_coupon .mamatxt {
		font-size: 0.7em;
		line-height: 1.4;
	}

	#maga_coupon .square_btn {
		padding: 1em 1em;
		box-shadow: 0px 9px 0px 0px #ed788b;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin-top: 1.5em;
	}

	#maga_coupon .cou_h2 {
		font-size: 1.2em;
	}

	#maga_coupon .flow {
		padding: 1.4em;
	}

	#maga_coupon .flow h3 {
		width: 100%;
		font-size: 1.3em;
		font-weight: bold;
		background-size: 126px;
		padding-left: 144px;
		padding-bottom: 2.8em;
	}

	#maga_coupon .flow .cou_pack {
		width: 100%;
		padding: 1em;
	}

	#maga_coupon .flow p {
		font-size: 1em;
	}

	#maga_coupon .flow li {
		font-size: 1em;
	}

	#maga_coupon .flow li a {
		color: #07c;
		font-weight: bold;
	}

	#maga_coupon .cou_note h4 {
		font-size: 1.1em;
		font-weight: bold;
	}

	#maga_coupon .cou_block {
		margin-bottom: 1em;
		padding-bottom: 1.5em;
	}

	#maga_coupon .cou_h1 {
		margin-bottom: 0;
	}

	#maga_coupon .cou_h1 img {
		width: 92%;
	}

	#maga_coupon .cou_note .cou_note_first {
		margin-left: 30px;
	}

	#maga_coupon .cou_no1 {
		display: none;
	}

	#maga_coupon .cou_mamalogo {
		padding-top: 30px;
	}

	#maga_coupon .cou_h1:before,
	#maga_coupon .cou_h1:after {
		content: none;
	}

	#maga_coupon .main:before {
		left: -18px !important;
		top: 9px !important;
        zoom:0.6;
	}

	#maga_coupon .main:after {
		right: -35px !important;
		top: -37px !important;
        zoom:0.6;
	}

	/*ベビーカレンダー用**/
	/*#maga_coupon .bc_main:before {
left: -39px!important;
top: -6px!important;
}
#maga_coupon .bc_main:after {
right: -54px!important;
top: -37px!important;
}*/
}

@media screen and (max-width: 340px) {
	#maga_coupon .main {
		background-size: 115%;
	}

	#maga_coupon .mamakids {
		width: 46%;
	}

	/*ベビーカレンダー用*/
	#maga_coupon .starterset {
		padding: 70px 0px 0px 10px;
		width: 100%;
	}

	#maga_coupon .starterset img {
		width: 100%;
	}
	/* papatama */
}





/*--20/12/16 1000円お買物券ページ購買促進用--*/
#coupon_cart {
	margin: 54px 0
}

#coupon_cart .item_block {
	background: #fff;
	padding: 6%;
	margin-bottom: 1em;
	border-radius: 8px;
}
#coupon_cart .cart_area {
	display: flex;
	justify-content: space-between;
}

#coupon_cart .cart_area>div:first-child {
	width: 428px;
}


#coupon_cart .item_p1 {
	margin-bottom: 5px;
	font-weight: bold;
	color: #fc8c9a;
	;
}

#coupon_cart .item_p2 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

#coupon_cart .item_p4 span,
#coupon_cart .item_p5 span {
	color: #fff;
	display: inline-block;
	border-radius: 6px;
}

#coupon_cart .item_p4 strong,
#coupon_cart .item_p5 strong {
	font-size: 22px;
}

#coupon_cart .item_p4 {
	color: #fc8c9a;
	line-height: 2;
}

#coupon_cart .item_p4 span {
	background: #fc8c9a;
	padding: 0 4%;
}

#coupon_cart .item_p5 {
	color: #c00;
	line-height: 2;
}

#coupon_cart .item_p5 span {
	background: #c00;
	padding: 0 4%;
}


#coupon_cart .item_p7 {
	background: url(/s/common/images/lin_dot.png) repeat-x left top;
	padding: 2% 0;
	font-size: 0.9em;
	margin-top: 2%;
	margin-bottom: 2%;
}

#coupon_cart .item_p7 p {
	line-height: 1.8;
}



#coupon_cart .form .submit {
	background: -moz-linear-gradient(top, #ffae66, #ff7800 5%, #ff4800);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffae66), color-stop(0.05, #ff7800), to(#ff4800));
	-moz-box-shadow: 0px 2px 4px #c5c5c5;
	-webkit-box-shadow: 0px 2px 4px #c5c5c5;
	border: 1px solid #f70;
	border-bottom: 1px solid #bc4800;
	padding: 10px 35px 10px 35px;
	cursor: pointer;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 1px;
}

#coupon_cart .form .submit:hover {
	text-decoration: none;
}

#coupon_cart .form li {
	text-align: center;
}

@media screen and (max-width: 640px) {

	#coupon_cart {
		margin: 54px 0
	}

	#coupon_cart .item_block {
		background: #fff;
		padding: 6% 4%;
		margin-bottom: 4rem;
	}

    #coupon_cart .item_block .cart_area .goods_name_area {
	width:100%;
    float:none;
    }
    #coupon_cart .item_block .cart_area .goods_img_area {
	width:100%;
    max-width:210px;
    float:none;
    }
    #coupon_cart .cart_area {
		display: block;
		justify-content: space-between;
	}


	#coupon_cart .item_p1 {
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.2;
		font-weight: bold;
		color: #fc8c9a;
		;
	}

	#coupon_cart .item_p2 {
		margin-bottom: 17px;
		font-size: 28px;
		line-height: 1.2;
		font-weight: bold;
	}
	#coupon_cart .item_p3 {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 1.2;
		font-weight: bold;
	}

	#coupon_cart .item_p4,
	#coupon_cart .item_p5 {
		margin-bottom: 10px;
		align-items: center;
        text-align: center;
	}

	#coupon_cart .item_p4 span,
	#coupon_cart .item_p5 span {
		display: block;
		color: #fff;
		border-radius: 6px;
		font-size: 24px;
	}

	#coupon_cart .item_p4 strong,
	#coupon_cart .item_p5 strong {
        margin:7% 0 10% 0;
		font-weight: 600;
		line-height: 0;

	}

	#coupon_cart .item_p4 span {
		background: #fc8c9a;
		padding: 0 2%;
        margin:2% 0 5% 0;
	}



	#coupon_cart .item_p5 span {
		background: #c00;
		padding: 0 2%;
	}

	#coupon_cart .item_p6 {
		margin-bottom: 3px;
		font-size: 28px;
		line-height: 1.2;
		font-weight: bold;
		color: #c00;
	}

	#coupon_cart .item_p6 span {
		font-size: 42px;
	}

	#coupon_cart .item_p7 {
		padding: 25px 0;
	}

	#coupon_cart .item_p7 p {
		line-height: 1.8;
	}


	#coupon_cart .item_p8 {
		background-color: #d00;
		padding: 5px 20px;
		font-size: 24px;
		font-weight: bold;
		display: inline-block;
		color: #fff;
		letter-spacing: 1.6px;
	}

	#coupon_cart .p_red {
		font-size: 24px;
		line-height: 1.2;
		font-weight: bold;
		color: #c00;
	}

	#coupon_cart .form {
		background: url(/s/common/images/lin_dot.png) repeat-x left top;
		margin-top: 25px;
	}


	#coupon_cart .form .submit {
		background: -moz-linear-gradient(top, #ffae66, #ff7800 5%, #ff4800);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffae66), color-stop(0.05, #ff7800), to(#ff4800));
		-moz-box-shadow: 0px 2px 4px #c5c5c5;
		-webkit-box-shadow: 0px 2px 4px #c5c5c5;
		border: 1px solid #f70;
		border-bottom: 1px solid #bc4800;
		padding: 10px 35px 10px 35px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		border-radius: 6px;
		display: inline-block;
		text-align: center;
	}
}

#addition-point .circle {
	width: 140px;
	height: 140px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	padding-top: 35px;
	margin-right: 20px;
	margin-top: 1vw;
	color: #fc8c9a;
	border: solid #fc8c9a;
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
}

#addition-point .circle::after {
	display: block;
	content: "";
	position: absolute;
	border: 12px solid transparent;
	border-left: 12px solid #fc8c9a;
	left: 100%;
	top: 55px;
}

#addition-point {
	display: flex;
	justify-content: center;
}

#addition-point .square_btn {
	height: 80px;
	margin-right: 40px;
}

@media (max-width: 640px) {
	#addition-point {
		display: flex;
		padding: 3% 5%;
		flex-direction: column;
		justify-content: center;
	}

	#addition-point .circle {
		margin: 30px 0 10px;
		width: 100%;
		background: #fff;
		text-align: center;
		padding: 2% 3% 3%;
		border-radius: 15px;
		color: #fc8c9a;
		border: solid #fc8c9a;
		font-size: 32px;
		font-weight: bold;
		position: relative;
		line-height: 1.8;
		height: 110px;
	}

	#addition-point .circle::after {
		content: "";
		display: block;
		position: absolute;
		border: 20px solid transparent;
		border-bottom: 20px solid #fc8c9a;
		top: -40%;
		left: 48%;
	}

	#addition-point .emphasis {
		font-size: 40px;
		letter-spacing: 0.05em;
	}
}