@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 feature.css
 PC、Tablet用

+++++++++++++++++++++++++++++++ */

/*
特集ヘッダー
-----------------------------------*/
.feature header { 
background-image:url(/clearance/images/2022w/header_bg.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color: #d32614;
background-size:cover;
/*background-color: #d0121b;*/}

.feature header.honten { 
background-image:none;
background-repeat:no-repeat;
background-position:center bottom;
background-color:#e60012;
background-size:cover;
}



/*
見出し
-----------------------------------*/
.heading01 {
    background: #dc0212;
	color:#fff;
	margin-bottom:0;
}
.heading_feature01 {
    color: #333;
	display:none;
	font-size:18px;
}
.toppage .heading_feature01 {
display:block;
}
.heading_feature01.comingsoon,
.heading_feature01.coupon {
	display:block;
}
.heading_feature01:after {
    background: #dc0212;
}
.sub_head01:after {
    background: #999;
}
.comingsoon{
	color:#dc0212;
	font-size:22px!important;
	font-weight:bold;
}
/*
キャッチ等用ボックス
-----------------------------------*/
.box_catch { color: #c9151e; }
.box_catch strong { font-size: 22px; }

/*
リンク
-----------------------------------*/
/* タブ */
.feature .tab:before { background: #dc0212; }
.feature .tab a {
    border-top-color: #dc0212;
    background: /*#fbe5e7*/#eeeeee;
    border-bottom-color: #dc0212;
	color:#dc0212;
	font-size:16px;
	padding-left:1em;
	padding-right:1em;
}
.feature .tab a:hover,
.feature .tab .current {
    border-bottom-color: #dc0212;
    background: #dc0212;
	color:#fff;
}
.feature .tab .current {
	font-size:20px;
	font-weight:bold;
}
/* インライン型リンク */
.list_inline_link { text-align: center; }
.list_inline_link a {
    background: #fff;
	border:1px solid #dc0212;
	color:#dc0212;
	font-size:16px;
}
.list_inline_link.toplist{
	display:table;
	margin:auto auto;
}
.list_inline_link.toplist a {
	display:table-cell;
    background: #fff;
	border:1px solid #dc0212;
	color:#dc0212;
	font-size:20px;
	font-weight:bold;
	height:100px;
	vertical-align:middle;
/*	padding-top:30px;
	padding-bottom:30px;*/
}


.list_inline_link a.current,
.list_inline_link a:hover {
    background: #dc0212;
    color: #fff;
}



/*
複数カラム用ボックス
-----------------------------------*/
/* カラム要素囲みボックス */
.wrap_column {
    background: #fff;
}
.wrap_column .inner { background: #fff; }

.toppage .box_col2 {
    width: 50%;
    margin: 0 auto;
}.box_col2 .image{
	width:200px;
}
.box_col2 .image img{
	border:1px solid #dc0212
}
/*
ボックスパーツ2
-----------------------------------*/
.box_wide_texture {
    background-color: #fbe5e7;
}
.box_wide_texture .table_box th,
.box_wide_texture .table_box td {
    background: #fff;
    color: #c9151e;
}
.box_wide_texture .table_box th { width: 300px; }
.box_wide_texture .table_box th span { font-weight: 300; }


/*
テーブルリスト
-----------------------------------*/
/* SP時もテーブル */
.table_list {
    width: 100%;
    border-top: 1px solid #dc0212;
}
.table_list th {
    padding: 15px 10px;
    text-align: center;
	font-size:16px;
	color:#fff;
	background:#dc0212;
}
.table_list td {
    padding: 15px 10px;
    border-bottom: 1px solid #dc0212;
    text-align: left;
	font-size:16px;
	color:#cc0000;
	background:#fff;
}
.table_list td.align_center {
	text-align:center;
}
.table_list td.information {
	max-width:9em;
}

/*プレゼント
-----------------------------------*/
.wrap_column.present{
	margin-top:0;
	border:1px solid #dc0212;
}
.wrap_column .inner{
	padding:0;
}
/* 1カラム用ボックス */
.box_col1 {
    margin-top: 5px;
    padding: 10px;
}
.box_col1:first-child { margin-top: 0; }

.box_col1 .image {
    float: left;
	max-width:280px;
    margin: 0 15px 5px 0;
}
.box_col1 .description { padding: 0px 10px; }
.box_col1 .description:after,
.box_col1 .description div:after  { display: none; }
.box_col1 .title,box_col1 .txt_point { color:#e60012; }

.qrimg{
	float:right;
	margin-left:1em;
}
.qrimg:after{
	clear:both;
}/**/
/*調整
-------------------------------------------*/
.wrap_toggle.toptoggle{
	margin-top:10px;
}
.headline01 a{
	color:#fff;
}
.headline01 a:hover{
	text-decoration:none;
}
ul.storelist{
	margin-left:2em;
}
ul.storelist li{
	position: relative;
}
ul.storelist li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #dc0212;
	border-radius: 100%;
}
.emphasis{
display:block;
background:#dc0212;
color:#fff;
padding:2px;
}


@media all and (max-width: 980px) {
    .feature .mode_pc { display: block; }
}