@charset "utf-8";
/* CSS Document */

.categoryHeadWrap {
	padding: 0;
	background-image: url(/jalmile/use/jec/img/jec_category_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
}
.categoryHeadWrap .wrapInr {
	width: 950px;
	margin: 0 auto;
	height: 200px;
	display: table;
}
.header {
	font-size: 32px;
	text-align: center;
	color: #beaf52;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
.header > span {
	position: relative;
	font-size: 16px;
	display: block;
	padding: 50px 0 15px 0;
}
.header > span::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.categoryHeadWrap.business .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_business.png);
	width: 34px;
	height: 25px;
	margin-left: -17px;
}
.categoryHeadWrap.gourmet .header > span::before {
	background-image: url(/jalmile/use/jec/img/select_icon_gourmet.png);
	width: 32px;
	height: 30px;
	margin-left: -16px;
}
.categoryHeadWrap.health .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_health.png);
	width: 30px;
	height: 34px;
	margin-left: -15px;
}
.categoryHeadWrap.hobby .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_hobby.png);
	width: 30px;
	height: 34px;
	margin-left: -15px;
}
.categoryHeadWrap.hotel .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_hotel.png);
	width: 30px;
	height: 31px;
	margin-left: -15px;
}
.categoryHeadWrap.ladies .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_ladies.png);
	width: 34px;
	height: 24px;
	margin-left: -17px;
}
.categoryHeadWrap.liquor .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_liquor.png);
	width: 30px;
	height: 42px;
	margin-left: -15px;
}
.categoryHeadWrap.living .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_living.png);
	width: 34px;
	height: 32px;
	margin-left: -17px;
}
.categoryHeadWrap.experience .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_experience.png);
	width: 34px;
	height: 34px;
	margin-left: -17px;
}
.categoryHeadWrap.apple .header > span {
	padding-top: 60px;
}
.categoryHeadWrap.apple .header > span::before {
	background-image: url(/jalmile/use/common_ippin/img/select_icon_apple.png);
	width: 22px;
	height: 40px;
	margin-left: -13px;
}
.ichioshiWrap {
	background-color: #f5f5f5;
	padding: 30px 0;
}
.ichioshiWrap .wrapInr {
	width: 950px;
	margin: 0 auto;
	display: table;
}
.ichioshiWrap .wrapInr .header, .ichioshiWrap .wrapInr .pict, .ichioshiWrap .wrapInr .ichioshiInfo {
	display: table-cell;
	vertical-align: top;
}
.ichioshiWrap .wrapInr .header {
	width: 153px;
	padding-right: 25px;
}
.ichioshiWrap .wrapInr .pict {
	width: 270px;
	line-height: 1;
	font-size: 0;
}
.ichioshiWrap .wrapInr .pict img {
	width: 100%;
	height: auto;
}
.ichioshiWrap .wrapInr .ichioshiInfo {
	padding-left: 25px;
}
.ichioshiWrap .wrapInr .tag {
	display: inline-block;
	background-color: #8e7315;
	width: 190px;
	text-align: center;
	padding: 10px 0 8px 0;
	line-height: 1.2;
}
.ichioshiWrap .wrapInr .tag > span {
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}
.tabs_parent > li > a {
	font-size: 18px;
	padding: 20px 0;
}
/*closed*/
.selectWrap .itemWrap .item.closed{
	position: relative;
}
.selectWrap .itemWrap .item.closed:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
    text-align: center;
}
.selectWrap .itemWrap .item.closed:after{
	content: "受付終了いたしました。";
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 11;
    color: #fff;
	font-size: 18px;
	top: 45%;
    top: calc( 50% - 23px);
    font-weight: bold;
}

.selectWrap .itemWrap {
	width: auto;
	margin: 0 auto;
	margin-left: -25px;
}
.selectWrap .itemWrap .item {
	width: 300px;
	float: left;
	margin-left: 25px;
	margin-bottom: 25px;
}
.selectWrap .itemWrap .item .btnUnit li {
	width: 132px;
}
.selectWrap .itemWrap .item .inr {
	margin: 0;
	width: 300px;
}
.selectWrap .itemWrap .item .inr .tag {
	position: absolute;
	top: 6px;
	right: 6px;
	background-color: #cc0000;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 8px 12px 5px 12px;
	display: inline-block;
	line-height: 1.2;
}
.selectWrap .itemWrap.col4 .item {
	width: 215px;
	float: left;
	margin-left: 25px;
	margin-top: 25px;
}
.selectWrap .itemWrap.col4 .item .inr {
	width: 215px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	padding: 0 0 0 0;
	margin: 0;
	position: relative;
}
.selectWrap .itemWrap.col4 .item .inr .mileLabel_hotel{
    background: #a40000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 18px 8px 18px;
    text-align: center;
    line-height: 1.2;
}
.selectWrap .itemWrap.col4 .item .thumb img {
	width: 100%;
	height: auto;
	display: block;
}
.selectWrap .itemWrap.col4 .item .btnUnit li {
	width: 100%;
	margin: 10px 0 0 0;
}
.selectWrap .itemWrap.col4 .item .btnUnit li:first-child {
	margin-top: 0;
}
/*closed*/
.selectWrap .itemWrap .item.closed{
	position: relative;
}
.selectWrap .itemWrap .item.closed:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
    text-align: center;
}
.selectWrap .itemWrap .item.closed:after{
	content: "受付終了いたしました。";
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 11;
    color: #fff;
	font-size: 18px;
	top: 45%;
    top: calc( 50% - 23px);
    font-weight: bold;
}

.itemWrap .item.closed.m-01:after{
	content: "1月以降受付を開始いたします";
}

.itemWrap .item.closed.m-02:after{
	content: "2月以降受付を開始いたします";
}

.itemWrap .item.closed.m-03:after{
	content: "3月以降受付を開始いたします";
}

.itemWrap .item.closed.m-04:after{
	content: "4月以降受付を開始いたします";
}

.itemWrap .item.closed.m-05:after{
	content: "5月以降受付を開始いたします";
}

.itemWrap .item.closed.m-06:after{
	content: "6月以降受付を開始いたします";
}

.itemWrap .item.closed.m-07:after{
	content: "7月以降受付を開始いたします";
}

.itemWrap .item.closed.m-08:after{
	content: "8月以降受付を開始いたします";
}

.itemWrap .item.closed.m-09:after{
	content: "9月以降受付を開始いたします";
}

.itemWrap .item.closed.m-10:after{
	content: "10月以降受付を開始いたします";
}

.itemWrap .item.closed.m-11:after{
	content: "11月以降受付を開始いたします";
}

.itemWrap .item.closed.m-12:after{
	content: "12月以降受付を開始いたします";
}
.categoryHeadWrap.cooking .header > span::before,
.categoryHeadWrap.fashion .header > span::before,
.categoryHeadWrap.bedroom .header > span::before{
	background-image: url(/jalmile/use/common_ippin/img/sprite_category.png);
	width: 32px;
	height: 30px;
	margin-left: -16px;
	background-position:0 0;
}
.categoryHeadWrap.bedroom .header > span::before{
	background-position:0 -60px;
}
.categoryHeadWrap.fashion .header > span::before{
	background-position:0 -120px;
	width: 64px;
	margin-left:-35px;
}
.categoryHeadWrap.jewelry .header > span::before{
	background-image: url(/jalmile/use/jec/img/sprite_category.png);
	width: 32px;
	height: 30px;
	margin-left: -16px;
	background-position:0 0;
}
.categoryHeadWrap.brand .header > span::before{
	background-image: url(/jalmile/use/jec/img/select_icon_brand.png);
	width: 30px;
	height: 54px;
	margin-left: -16px;
	margin-top: -20px;
}