@charset "utf-8";
/*----------------------------------------------------
	MAIN 
----------------------------------------------------*/
* {margin:0; padding:0;}

body		{margin:0 auto; padding:0; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif; -webkit-text-size-adjust:100%;}
html		{overflow-y:scroll;}
img			{border:0;}
li			{list-style-type:none;}
a:link		{text-decoration:none;}
a:visited	{text-decoration:underline;}
a:hover		{text-decoration:none;}
a:active	{text-decoration:underline;}
.clear		{clear:both;}
/*----------------------------------------------------
	▼main_contents 
----------------------------------------------------*/
.wrapper													{width:100%; margin:0 auto 10px; padding:0;}
.wrapper_coupon												{padding:30px 0; background-image: url(/Contents/ImagesPkg/static/coupon/coupo_bg.png); background-size:100%; background-color:rgba(255,255,255,0.8); background-blend-mode:lighten;}
.coupon_head												{color:#06f; text-align:center; font-size:150%; line-height:1.5em; font-weight:bold; margin:50px 0; align-items:center; display:flex; justify-content:center;}
.coupon_head::before,.coupon_head::after					{background-color:#06f; border-radius:5px; content:""; height:6px; width:70px;}
.coupon_head::before										{margin-right:5px; transform:rotate(60deg);}
.coupon_head::after											{margin-left:5px; transform:rotate(-60deg);}
.coupon_br													{display:none;}

.coupon_head_text											{text-align:center; font-size:120%}
.coupon_main												{width:100%; background:#06e; padding:30px 0; margin:auto;
																background-image:
																	url(https://tt117.win-win.partners/Test/143_HoriCorporation/Contents/ImagesPkg/static/coupon/cou2507_bg_l.png),
																	url(https://tt117.win-win.partners/Test/143_HoriCorporation/Contents/ImagesPkg/static/coupon/cou2507_bg_r.png);
																background-position:left 0 center,right 0 center;
																background-repeat:repeat-y;
																background-size:360px;
																background-blend-mode:screen;
															}

.coupon_main_contents										{width:1200px; margin:auto;}
.coupon_title_banner										{display:block; width:100%; max-width:1000px; height:auto; margin:80px auto 80px;}
.coupon_text_a												{display:block; background:#f2e825; color:#3f3f3f; font-size:150%; font-weight:bold; padding:10px 30px; margin:50px auto; text-align:center; width:70%;}
.coupon_text_a span											{color:#06f;}
.coupon_text_b												{display:block; text-align:center; color:#f2e825; margin:auto; font-size:150%; font-weight:bold;}
.coupon_text_b span											{display:block; text-align:center; color:#f2e825; margin:auto; font-size:150%;}
/*----------------------------------------------------.coupon_main_contents p										{margin:30px auto 0; display:table; color:#fff; font-size:120%;}----------------------------------------------------*/
.coupon_main ul												{width:1100px; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:0; justify-content:center; margin:30px auto 0;}
.coupon_main ul li img										{width:100%; max-width:250px;}

.coupon_tokuten												{width:1200px; margin:auto; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:10px 10px; justify-content:center;}
.coupon_tokuten li											{height:150px; padding:30px; display:flex; grid-gap:0 15px; font-size:100%; background:#f9f2e6; align-items:center;}
.coupon_tokuten li div:first-child							{width:80px;}
.coupon_tokuten li div:nth-child(2)							{flex:1; font-size:90%;}
.coupon_tokuten li img										{width:100%; max-width:80px; height:auto;}
.coupon_tokuten li p										{display:block; margin-bottom:5px; font-size:130%; font-weight:bold;}

.coupon_step												{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:0px 30px; width:1200px; margin:30px auto;}
.coupon_step img											{width:100%;}
.coupon_step li:first-child									{position:relative;}
.coupon_step li a											{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:220px; text-align:center; background:#6c5851;; color:#ffea00; padding:10px 0; border-radius:30px; font-weight:bold; font-size:110%; border:3px solid #f8f1e4;}
.coupon_step figure											{position:relative; overflow:hidden; margin:auto;}
.coupon_step figcaption										{color:#fff; position:absolute; width:200px; background:#06f; top:58%; left:50%; transform:translate(-50%,-50%); padding:10px; font-size:90%; box-shadow:0px 1px 5px #06f;}

.coupon_caution												{width:100%; margin:auto; padding:15px 0; border-top:1px solid #6c5851; border-bottom:1px solid #6c5851;}
.coupon_caution li											{color:#6c5851; font-size:100%; text-align:center;}

.coupon_support_price										{display:flex; width:100%; max-width:1100px; margin:0 auto; align-items:center; background:#ffe268;}
.coupon_support_pricetext									{}
.coupon_support_pricetext p									{height:75px; text-align:left; font-size:1.3em; font-weight:700; padding:0 30px; line-height:1.5em;}
.coupon_support_pricetext img								{display:block; margin:0; vertical-align:top;}
.coupon_support_pricelist									{display:flex; flex-direction:column; width:inherit; padding:0 15px 15px 0;}
.coupon_support_pricelist img								{display:block; margin-left:-47px; vertical-align:top; width:100%; max-width:600px;}
.coupon_support_pricelist table								{width:100%; max-width:1100px; margin:auto; border-spacing:1px; font-size:100%; border-collapse:separate; border:1px solid #3f3f3f;}
.coupon_support_pricelist table td							{padding:1em; background:#fff; width:50%;}
.coupon_support_pricelist table th							{padding:1em; font-weight:700; color:#3f3f3f; background:#fff; text-align:left;}
.coupon_support_pricelist .bl								{background:#3f3f3f !important; color:#fff;}

.coupon_support_price_tanpin								{display:flex; width:100%; max-width:1100px; margin:30px auto 0; align-items:center; background:#f2e825;}
.coupon_support_pricetext_tanpin							{width:100%; text-align: center;}
.coupon_support_pricetext_tanpin p							{text-align:center; font-size:1.6em; font-weight:700; line-height:1.5em; color:#3f3f3f;}
.coupon_support_pricelist_tanpin							{display:flex; flex-direction:column; width:initial; padding:15px 15px 15px 0;}
.coupon_support_pricelist_tanpin img						{display:block; margin-left:-47px; vertical-align:top; width:100%; max-width:600px;}
.coupon_support_pricelist_tanpin table						{width:585px; max-width:1100px; margin:auto; border-spacing:1px; font-size:100%; border-collapse:separate; border:1px solid #3f3f3f;}
.coupon_support_pricelist_tanpin table td					{padding:1em; background:#fff; width:50%;}
.coupon_support_pricelist_tanpin table th					{padding:1em; font-weight:700; color:#fff; background:#06f; text-align:left;}
.coupon_support_pricelist_tanpin .bl						{background:#3f3f3f !important; color:#fff;}


.title														{background:#333; color:#fff; padding:20px; width:100%; margin:50px auto 30px; font-size:150%; font-weight:bold; border-left:8px solid #cc0000;}
.title_sub													{margin:auto; text-align:center;}
.title_sub b												{font-size:150%; color:#07c; padding:0 10px;}
.title_sub p:first-child									{font-weight:bold; font-size:150%; color:#3f3f3f;}
.title_sub p:nth-child(2)									{font-size:120%; color:#3f3f3f;}

.kiyaku_maincontents										{width:100%; background:#f4f4f4; border-radius:10px; margin:30px auto 0; padding:30px;}
.kiyaku_maincontents dl										{width:100%; padding:30px; font-size:100%; margin:0 auto; background:#fff; border:1px solid #aaa;}
.kiyaku_maincontents dl:nth-child(n+2):nth-child(-n+3)		{margin-top:30px;}
.kiyaku_maincontents dt										{font-size:120%; font-weight:bold; color:#c00; margin:0; text-align:left; background:#fff; padding-left:10px; border-left:8px solid #c00; line-height:1.0em;}
.kiyaku_maincontents dt:nth-child(n+2)						{margin-top:30px;}
.kiyaku_maincontents dd										{color:#3f3f3f; text-align:left; text-indent:-16px; padding-left:13px; padding-bottom:10px; border-bottom:1px dashed #ccc; line-height:2.5em;}
.kiyaku_maincontents dd:nth-child(n+2)						{margin-top:15px;}
.kiyaku_maincontents dd:last-child							{padding-bottom:0; border-bottom:none;}
.kiyaku_maincontents dd b									{color:#3f3f3f; line-height:1.5em; text-indent:initial; font-weight:bold; display:block; background:#fff; padding:10px 30px; width:fit-content; margin-bottom:10px; border:1px solid #300;}
.kiyaku_maincontents a										{display:block; margin:10px 0; width:fit-content; padding:10px; font-size:100%; text-indent:0; border:1px solid #909090; border-radius:10px; background:-moz-linear-gradient(top, #ffffff 20%, #efefef 75%);}
/*----------------------------------------------------
	▼Responsive
----------------------------------------------------*/
@media screen and (max-width:1024px) {
.coupon_main_contents										{width:100%;}
.coupon_head_text											{width:90%; font-size:90%; margin:auto;}
.coupon_title_banner										{width:95%;}
.coupon_text_a												{width:90%;}
.coupon_text_b span											{font-size:130%;}
/*----------------------------------------------------.coupon_main_contents p										{width:90%; font-size:100%;}----------------------------------------------------*/
.coupon_main ul												{width:90%; text-align:center; gap:10px;}
.coupon_main ul li img										{width:100%; max-width:200px;}
.coupon_tokuten												{width:100%; grid-template-columns:repeat(1, 1fr);}
.coupon_tokuten li											{width:95%; margin:auto;}
.coupon_step												{width:90%; text-align:center; grid-template-columns:1fr 1fr; justify-items:center; grid-gap:30px 30px;}
.coupon_step figcaption										{width:230px; font-size:100%; text-align:left;}
.coupon_caution												{width:100%; padding:15px 30px;}
.coupon_caution li											{text-align:left;}

.coupon_main												{background-size:0;}
.coupon_support_price										{flex-direction:column;}
.coupon_support_pricetext									{display:flex; flex-direction:column-reverse; margin-top:15px;}
.coupon_support_pricetext img								{width:100%; max-width:500px; margin:auto;}
.coupon_support_pricelist img								{margin:auto;}
.coupon_support_pricetext p									{height:initial; margin-top:30px; text-align:center;}
.coupon_support_pricelist									{padding:0 15px; margin:15px;}

.coupon_support_price_tanpin								{flex-direction:column; margin:0 0 -30px; padding-top:20px;}
.coupon_support_pricetext_tanpin p							{font-size:1.3em; text-align:center;}
.coupon_support_pricelist_tanpin							{width:inherit; padding:0 15px; margin:15px;}
.coupon_support_pricelist_tanpin table						{width:100%;}

.coupon_support_pricelist_tanpin img						{margin-left:0;}
}

@media screen and (max-width:480px) {
.coupon_head												{font-size:130%;}
.coupon_head_text											{font-size:100%;}
.coupon_br													{display:initial;}
.coupon_text_a												{font-size:130%; padding:10px;}
.coupon_text_a span											{display:block;}
.coupon_text_b												{font-size:100%;}
.coupon_text_b span											{font-size:120%; letter-spacing:0.15em; padding:0 10px;}

.coupon_step												{grid-template-columns:1fr; grid-gap:30px 0;}
.coupon_step img											{width:80%;}

.coupon_caution li											{width:95%; margin:auto; text-align:left;}
.coupon_main												{background-size:10px;}
.coupon_main ul												{width:100%; gap:10px; padding:0 10px; grid-template-columns:repeat(2, 1fr);}
.coupon_tokuten li p										{font-size:100%;}
}