@charset "utf-8";

.page-template-default p { text-indent: 0; padding-left: 0; }

.coupon-area-wrap { background-color:#f2b449; margin-top:66px; padding-top:32px;}
.coupon-area-wrap .innerBox { position:relative; }
.c-illust { width:80px; height:auto; position:absolute; z-index:2; bottom:-36px; right:160px; }
.coupon-area {  background-color:#f39800;}
.cp-text1 { font-size:150%; margin-bottom:12px; line-height:1.4; }
.cp-text2 { font-size:200%; margin:12px 0; line-height:1.4; text-align:center; }
.cp-text3 { margin-top:24px; font-size:200%; line-height:1.4; }
.triangle-bottom { width: 100%; overflow: hidden; position:relative; top:-1px;
    line-height: 0; background-color: #fff7ed; }
.triangle-bottom svg { position: relative; display: block; fill: #f2b449;
    width: calc(100% + 1.3px); height: 64px; }

.triangle-orange {
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
    border-right: 64px solid transparent;
    border-left: 64px solid transparent; border-top: 20px solid #f2b449;
    border-bottom: 0;
}

.roudou-pro-lbutton-wrap { display: flex; justify-content: center; }
.roudou-pro-lbutton { width: 100%; display: flex; line-height: 1.4; align-items: center; padding: 8px 4px;
	background-color: #00B900; justify-content: center; border-radius:12px; border-bottom:4px solid #006d50; }
.fixedfooter-text { font-size: 120%; text-align:center; color:#fff; font-weight:900; }

.roudou-pro-lbutton .slash { margin:0 12px; position:relative; }
.roudou-pro-lbutton .slash:before { content:""; width:1px; height:32px; position:absolute;
	background-color:#fff; top:50%; left:50%; transform: translate(-50%, -50%) rotate(8deg); }

@media (max-width: 600px) {
	.c-illust { width:64px; right:0px; bottom:-24px; }
}

@media (max-width: 600px) {
	.logo img { width:240px; height:auto; }
	.coupon-area-wrap { margin-top:52px; padding:8px 16px; }
	
	.coupon-area { margin: 4px auto 0; padding:8px 0;}
	.coupon-text2,.coupon-text3 { font-size:90%; }
	.triangle-bottom svg { height:24px; }
	.cp-text1 { font-size:160%; margin-bottom:8px; }
	.cp-text2 { margin:4px 0; font-size:160%; }
	.cp-text3 { font-size:160%; }
}

@media (max-width: 480px) {
	.logo img { width:168px; height:auto; }}