@charset "utf-8";
/* CSS Document セール2025ワンクス */

/* common */
.pcNone{display:none;}
.spNone{display:block;}
.obj_center{text-align: center;}
.font_bold{font-weight: bold;}
.font_price{font-size: 1.8em;color: #ba0909;}
.font_pct{font-size: 1.3em;color: #ba0909;}
section{display: inline-block;}
.ttl_h4{color: #a46327;font-weight: bold;text-shadow: 0 0 5px white;padding: 0.4em 0.8em;border-left: solid 7px #ce922a;border-bottom: none;
  background: -webkit-repeating-linear-gradient(-45deg, #ebe8cb, #ebe8cb 3px,#faf9f1 3px, #faf9f1 7px);
  background: repeating-linear-gradient(-45deg, #ebe8cb, #ebe8cb 3px, #faf9f1 3px, #faf9f1 7px);}


/* 固定ヘッダー位置調整-------------------- */
/* アンカーリンクでとんだ先の要素がヘッダーに隠れてしまうことへの対処
   <section>タグを使うver */
section:before{
    content: "";
    display: block;
    height: 74px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -74px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}
/* ------------------------------------- */

.txt_pink{color: #E91E63;}

/* マーカー */
.marker{background: linear-gradient(transparent 60%, #ff6 60%);}
.marker_orange{background: linear-gradient(transparent 60%, #ffca66 60%);}
.marker_pink{background: linear-gradient(transparent 60%, #f5b8bd 60%);}

/* ストライプ */
.bg_stripe{background: repeating-linear-gradient(135deg, #ffffdf, #ffffdf 8px, #ffffc6 8px, #ffffc6 16px);}

/* ログイン必須 */
.standouts{border: #ec6901 2px solid;padding: 1em;margin: 3em 0;}
.standouts span{font-weight: bold;}
.standouts .standouts_link{color: #ec6901; font-weight: bold;}

/*PC*/
#wanx_sale{}
#wanx_sale .sub_ttl{font-size: 2.5em;font-weight: bold;}
#wanx_sale .sub_ttl span{color: #a156ae;}
.summary_flex{display: flex;gap: 30px;border: #f7f46f solid 3px;padding: 2.5em;margin: 2em 0;}
.summary_txt{width: 60%;line-height: 2.5;}
.summary_txt .font_L{font-size: 1.5em;color: #3582b1;}
.summary_txt_howto{background-color: #ffffbb;line-height: 1.8;padding: 1em;}
.summary_txt_howto span{border-bottom: #e91e63 solid 1px;}

/* 見出しbox風 */
#wanx_sale .ttl_box{position: relative;padding: 10px 20px;background: #f7f46f;color: #5bb9c1;text-align: center;}
#wanx_sale .ttl_box::before{content: "";position: absolute;top: -20px;left: 0;width: calc(100% - 20px);height: 0;border: solid 10px transparent;border-bottom-color: #5bb9c1;}

/* Wonddy商品詳細 */
.sec_wonddy{background-color: #dffcff;padding: 3em;display: block;}
.sec_wonddy h2{color: #a156ae;font-size: 20px;font-weight: bold;border: #a156ae solid 1px;padding: .5em;line-height: 20px;display: inline-block;background-color: #fbe7ff;}
.sec_wonddy h3{color: #fff;background-color: #5bb9c1;padding: 1em;letter-spacing: .05em;}
.sec_wonddy li{padding-top: 1em;}
.sec_wonddy .wonddy_img{}
.sec_wonddy .wonddy_txt{}
.attention_waku{border: #ec6ca5 solid 1px;background-color: #ffe8f2;padding: 1em;}

@media screen and (max-width: 1130px) {
	.sale_top_summary .top_summary_btn li a{font-size: .9em;width: 250px;}
}


/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	.block{margin-top: 2em;}
	
	/* 固定ヘッダー位置調整-------------------- */
	section:before {height: 115px;margin-top: -115px;}
	/* ------------------------------------- */
	
	/* 見出しbox風 */
    #wanx_sale .ttl_box{}
	#wanx_sale .ttl_box::before{}
	#wanx_sale .sub_ttl{font-size: 1.4em;line-height: 1.6;}
	
	.summary_flex{flex-direction: column;gap: 10px;padding: 1em;margin: 0;}
	.summary_img img{}
	.summary_txt{width: 100%;margin-top: 0;line-height: 2.1;}
	.sec_wonddy h2{font-size: 18px;line-height: 18px;}
	.sec_wonddy{padding: 3em 1em 2em;margin-bottom: 0;}
	
	/* キャンペーン詳細 */
	.sec_detail{}
	
	/* 商品一覧 */
	.sale_items{}
	

}