@charset "utf-8";
/* セール・特設ページ */

ul li {
	list-style:none;
}


#market_layout_w1200 {
	background-color:#FFF;
}

#sale {
	max-width:1200px;
	min-height:800px;
	padding:0;
	box-sizing:border-box;
	background-color:#FFF;
	font-family:-apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic Medium", "Meiryo", sans-serif!important;
}

#sale img {
	max-width:100%;
	height:auto;
}

.sale_information {
	margin:3.0rem;
	padding:1.0rem;
}

.sale_information h3 {
	font-size:6.5rem;
	color:#F03;
	text-align:center;
}

.sale2017 h3 {
	color:#1AAF8B;
}

.sale_information p {
	font-size:1.8rem;
	text-align:center;
}

.sale_information .link_btn {
	text-align:center;
	margin:2.0rem auto;
}

.sale_information .link_btn a {
	box-sizing:border-box;
	border:1px solid #FFF;
	background-color:#F03;
	text-align:center;
	padding:2.0rem;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:1.6rem;
	width:25rem;
	margin:auto auto;
	transition: background-color 0.25s ease-in-out 0s;
}

.sale_information .link_btn a:hover {
	box-sizing:border-box;
	border:1px solid #F03;
	background-color:#FFF;
	text-align:center;
	padding:2.0rem;
	display:block;
	color:#F03;
	text-decoration:none;
	font-size:1.6rem;
	width:25rem;
	margin:auto auto;
}

/* ボタンカラー 青 */
.sale_information .link_btn_blue a {
	background-color:#0E77B6;
}

.sale_information .link_btn_blue a:hover {
	border:1px solid #0E77B6;
	color:#0E77B6;
}

/* ボタンカラー 緑 */
.sale_information .link_btn_green a {
	background-color:#21af00;
}

.sale_information .link_btn_green a:hover {
	border:1px solid #21af00;
	color:#21af00;
}




/* ボタンカラー 赤反転 */
.sale_information .link_btn_inv_red a {
	border:1px solid #F03;
	background-color:#FFF;
	color:#F03;
}

.sale_information .link_btn_inv_red a:hover {
	background-color:#F03;
	color:#FFF;
}





#sale .item_list ul {
	display:flex;
	justify-content:center;
}


#sale .item_list ul li {
	list-style:none;
	width:33.3%;
}

#sale .item_list ul li div.pic img {
	width:100%;
	max-width:100%;
	height:auto;
}

#sale .item_list ul li > a {
	padding:2.0rem;
	margin:1.0rem;
	display:block;
	background-color:#F0FBFF;
	text-decoration:none;
}

#sale .item_list ul li > a dl {
	background-color:#099;
	text-align:center;
	margin:1.0rem 4.0rem;
	font-size:1.6rem;
	color:#FFF;
	padding:1.0rem 1.0rem 2.5rem 1.0rem;
	position:relative;
}


#sale .item_list ul li > a dl:after {
    font-size:2.0rem;
    font-family: 'FontAwesome';
    content: "\f078";
    position: absolute;
    transform: rotate(0deg);
    color: #FFF;
	left:47%;
}

#sale .item_list ul li > a:hover dl {
	background-color:#0CC;
}


#sale .item_detail {
	margin:5.0rem 1.0rem;
}

#sale .item_detail dl {
	margin:1.0rem;
}

#sale .item_detail dl dt {
	font-size:2.7rem;
	color:#FFF;
	background-color:#099;
	padding:1.0rem;
}

#sale .item_detail dl dd {
	font-size:1.8rem;
	padding:1.0rem;
}

#sale .item_detail dl dd ul li p:nth-child(1) {
	font-size:3.0rem;
	font-weight:bold;
	color:#099;
	padding:1.0rem 0 2.0rem 0;
	margin:0 0 2.0rem 0;
	border-bottom:2px solid #099;
}

#sale .item_detail dl dd ul {
	display:flex;
	list-style:none;
	margin:0 2.0rem;
}

#sale .item_detail dl dd ul li {
	width:50%;
}

#sale .item_detail dl dd ul li div {
	padding:3.0rem;
}

#sale .item_detail dl dd ul li p {
	font-size:2.0rem;
	line-height:1.8;
}

#sale .matching_list {
	margin:3.0rem;
	padding:3.0rem;
	box-sizing:border-box;
	border:3px solid #099;
	background-color:#EAFFF4;
}

#sale .matching_list p {
	font-weight:bold;
	font-size:2.8rem;
	color:#099;
}

#sale .matching_list table {
	margin:1.0rem;
}

#sale .matching_list table thead tr th {
	padding:0.5rem;
}

#sale .matching_list table thead tr th:nth-child(1) {
	width:30%;
}


#sale .matching_list table thead tr th:nth-child(2) {
	width:25%;
}



#sale .matching_list table tbody tr th {
	padding:0.5rem;
}


/* 注意事項 枠 */


.attention_info {
	margin:3.0rem 10.0rem;
	padding:1.0rem;
	border:5px solid #FF0000;
	position:relative;
}

.attention_info:before {
	content:"";
	font-size:3.2rem;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:-25px;
	left:-25px;
	width:50px;
	height:50px;
	background-color:#FFF;
}



.attention_info:after {
	content:"!";
	font-size:3.0rem;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	position:absolute;
	top:-20px;
	left:-20px;
	width:40px;
	height:40px;
	background-color:#F00;
	border-radius:50%;
}



.attention_info ul {
	margin:1.0rem;
}

.attention_info ul li {
	font-size:1.6rem;
	margin:0 0 1.0rem 0;
}





/* 2023 追加デザイン */

.sale_title {
	padding:1.0rem 3.0rem;
}

.sale_title .logo {
	width:300px;
	height:auto;
	margin:2.0rem auto;
}

.sale_title h3 {
	color:#FFF;
	font-size:4.0rem;
	text-align:center;
	position: relative;
}

.sale_title h3:after {
	content:"";
	width: 200px;
	height: 2px;
	display: inline-block;
	background-color:#FFF;
	position: absolute;
	bottom: -10px;
	left: calc(50% - 100px)
}


.sale_title h3 span {
	font-size:2.5rem;
}

.sale_title h3 img {
	vertical-align:middle;
}

.sale_title p {
	font-size:1.7rem;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

.product_title_box {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 43%, rgba(220,220,220,1) 43%, rgba(220,220,220,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
	margin:2.0rem 0 5.0rem 0;
}

.product_title_box dl {
	display:flex;
	width:90%;
	margin:auto auto;
	justify-content:center;
	align-items: center;
}

.product_title_box dl dt {
	width:400px;
	padding:2.0rem;
}

.product_title_box dl dt img {
	width:360px!important;
}

.product_title_box dl dd {
}

.product_title_box dl dd h4 {
	font-size:4.0rem;
}

.product_title_box dl dd h4 span {
	font-size:2.5rem;
}

.product_title_box dl dd p {
	font-size:1.6rem;
	margin:4.0rem 0 0 0;
	padding:1.0rem 0.5rem;
}


.point_recommend {
	width:90%;
	margin:auto auto;
}

.point_recommend dl {
	display:flex;
	width:100%;
}

.point_recommend dl dt {
	background-color:#00A0CC;
	color:#FFF;
	padding:2.0rem;
	font-size:1.8rem;
	font-weight:bold;
	width:20%;
	text-align:center;
	position:relative;
}

.point_recommend dl dt:after {
	content:"";
	position:absolute;
	top:12px;
	right:-15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 40px;
	border-color: transparent transparent transparent #00A0CC;
}

.point_recommend dl dd {
	background-color:#F0F0F0;
	color:#111;
	padding:2.0rem 3.0rem;
	font-size:1.8rem;
	font-weight:bold;
	width:80%;
}






.img_list {
	margin:auto auto;
}

.img_list ul {
	display:flex;
}



hr.line_w {
	width:75%;
	background-color:#00A0CC;
	border:none;
	margin:10.0rem auto;
}






.sale_title .sale_information .link_btn a {
	box-sizing:border-box;
	border:1px solid #FFF;
	background-color:#FFF;
	color:#06C;
	font-weight:bold;
}

.sale_title .sale_information .link_btn a:hover {
	box-sizing:border-box;
	border:1px solid #06C;
	background-color:#06C;
	color:#FFF;
}






/* 線の上に文字デザイン見出し */

.text-divider {
	display: flex;
	align-items: center;
	width:50%;
	margin:auto auto;
}

.text-divider span {
	padding:2.0rem;
	font-size:2.5rem;
	font-weight:bold;
}


.text-divider::before,
.text-divider::after {
	content: '';
	height: 3px;
	background-color:#00A0CC;
	flex-grow: 1;
}

.text-divider-red::before,.text-divider-red::after {
	background-color: #D5000C;
}





.text-divider img.s_ico {
	max-width:30px!important;
	height:auto!important;
	vertical-align:middle;
}
	


/* カードリスト */
.card_list {
	margin:2.0rem 0 5.0rem 0;
}

.card_list ul {
	display:flex;
	align-items:center;
	justify-content:center; 
	width:80%;
	margin:auto auto;
}

.card_list ul li {
	width:100px;
	margin:5px;
}




/* アイテムリスト */

.s_item_list {
	width:90%;
	margin:auto auto;
	font-size:1.5rem;
	box-sizing:border-box;
}

.s_item_list ul {
	display:flex;
	flex-wrap:wrap;
}

.s_item_list ul li {
	width:50%;
	margin:0 0 5.0rem 0;
	padding:2.0rem;
	box-sizing:border-box;
}


.s_item_list ul li > dl {
	display:flex;
	flex-wrap:wrap;
	
}

.s_item_list ul li > dl dt.s_img {
	width:30%;
}

.s_item_list ul li > dl dt.s_img img {
	border:1px solid #999;
	width:100%;
	max-width:200px!important;
	height:auto;
}

.s_item_list ul li > dl dd.s_item_ex {
	width:70%;
	padding:1.0rem;
	box-sizing:border-box;
}

.s_item_list ul li > dl dd.s_item_ex p {
	font-size:1.6rem;
	padding:0.5rem;
}



.s_item_list ul li > dl dd.s_item_ex p:nth-child(1) {
	font-size:2.5rem;
	font-weight:bold;
}




.s_item_list ul li > dl dd.s_price {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:2.0rem 0 0 0;
}

.s_item_list ul li > dl dd.s_price dl {
	width:50%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin:0.5rem 0;
}

.s_item_list ul li > dl dd.s_price dl dt {
	background-color:#004193;
	color:#FFF;
	display:inline-block;
	padding:0.25rem;
	margin:0 0.5rem 0 0;
	width:7.0rem;
	text-align:center;
}

.s_item_list ul li > dl dd.s_price dl dd span {
	font-size:1.8rem;
}



.s_item_list ul li > dl dd.s_price dl dd span {
	font-size:1.2rem;
}



/*  テキスト＋左右リスト  */


.ex_box {
	width:90%;
	margin:auto auto;
	font-size:1.5rem;
	box-sizing:border-box;
}

.ex_box ul {
	display:flex;
	flex-wrap:wrap;
}

.ex_box ul li {
	width:50%;
	margin:0 0 1.0rem 0;
	padding:0.5rem;
	box-sizing:border-box;
}



.ex_box ul li dl {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background-color:#daf6fc;
	box-sizing:border-box;
}

.ex_box ul li dl dt {
	background-color:#daf6fc;
	padding:1.0rem;
	box-sizing:border-box;
}

.ex_box ul li dl dt p {
	font-weight:bold;
	font-size:1.6rem;
}

.ex_box ul li dl dt span {
	font-size:1.4rem;
}

.ex_box ul li dl dd {
	background-color:#f0fcff;
	padding:1.0rem;
	font-size:1.8rem;
	min-height:75px;
	box-sizing:border-box;
}

.ex_box ul li dl dd img {
	width:80%;
	height:auto;
	margin:1.0rem;
}

/* 矢印 */
.ex_arrow ul {
	width:90%;
	margin:auto auto;
}

.ex_arrow ul li {
	position:relative;
	margin:0 0 40px 0;
	width:100%;
}

.ex_arrow ul li dl {
	align-items: start;
}



.ex_arrow ul li:after {
	position:absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	margin: auto;
	content:"";
	width:30px;
	height:30px;
	background-color:#09C;
	clip-path: polygon(0 0, 100% 0, 50% 75%);
}



.ex_arrow ul li:nth-last-child(1):after {
	display:none;
}





/* 矢印付き フローリスト */

.flow_list_a {
	width:90%;
	margin:auto auto;
	font-size:1.5rem;
	box-sizing:border-box;
}

.flow_list_a ul {
	display:flex;
	flex-wrap:wrap;
	
}

.flow_list_a ul li {
	width:25%;
	margin:0 0 5.0rem 0;
	padding:2.0rem;
	box-sizing:border-box;
	position:relative;
}

.flow_list_a ul li:after {
	position:absolute;
	top:calc(50% - 15px);
	right:-5px;
	content:"";
	width:30px;
	height:30px;
	background-color:#09C;
	clip-path: polygon(0 0, 75% 50%, 0 100%);

}


.flow_list_a ul li:nth-last-child(1):after {
	display:none;
}



/* 普通のテキストリスト */
.normal_list {
	width:90%;
	margin:auto auto;
	font-size:1.6rem;
	box-sizing:border-box;
}

.normal_list ul li {
	margin:0 0 2.0rem 0;
}

.normal_list ul li dl {
	width:95%;
	margin:auto auto;
}

.normal_list ul li dl dt {
	color:#007a95;
	font-size:2.0rem;
	font-weight:bold;
}

.normal_list ul li dl dd {
	font-size:1.8rem;
	padding:1.0rem;
}



/*  アドレス  */

.s_address {
	margin:0 0 3.0rem 0; 
}

.s_address dl {
	font-size:2.0rem;
	text-align:left;
}

.l_address_list dd {
	width:300px;
	text-align:left;
	font-weight:bold;
	margin:auto auto 2.0rem auto;
}



.s_address > dl dt {
	text-align:center;
}



.s_address_list dd {
	font-size:3.2rem;
	margin:1.0rem;
	text-align:center;
	font-weight:bold;
}

.s_address_list i {
	margin:0 1.0rem;
}


/*カラー 変更など*/
.campaign202405-1 .ex_box {
	
}
.campaign202405-1 .ex_box dl {
	background-color:#b3ffa2;
}


.campaign202405-1 .ex_box dl dt {
	background-color:#b3ffa2;
}

.campaign202405-1 .ex_box dl dd {
	background-color:#f0ffec;
}


.campaign202405-1 .text-divider::before,
.campaign202405-1 .text-divider::after {
	background-color:#21af00;
}

.campaign202405-1 .flow_list_a ul li:after {
	background-color:#21af00;
}

.campaign202405-1 .ex_arrow ul li:after {
	background-color:#21af00;
}


.campaign202405-1 .normal_list ul li dl dt {
	color:#21af00;
}