/* main contents ver.1.00 */
.titleWrapper {
	border-top: 1px solid #192b5b;
	padding: 20px 0;
}

.titleText {
	float: left;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.titleText.noIcon {
	padding-left: 0;
}

.titleText.noIcon::before {
	display: none;
}

.titleText h1,
.titleText h2 {
	font-size: 24px;
	line-height: 1.3;
	color: #192b5b;
}

.titleText {
	font-size: 13px;
	line-height: 1.2em;
	color: #999;
}

.itemsWrapper{
	position:relative;
	margin-bottom:30px;
}

.itemsWrapper a {
	text-decoration: none;
}

/* 特集・キャンペーン */

#campaign .titleText{
	position: relative;
}

#campaign .titleText::before {
	color: #f99;
	content: "\e90a";
	font-family: icomoon;
	font-size: 40px;
	left: 10px;
	position: absolute;
	top: 15px;
}

#campaign .itemsWrapper ul,
#infoCampaign .itemsWrapper ul,
#infoFeature .itemsWrapper ul {
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
}

#campaign .itemsWrapper li,
#infoCampaign .itemsWrapper li,
#infoFeature .itemsWrapper li {
	position: relative;
	margin: 20px 0;
	padding: 0;
	box-sizing: border-box;
	width: 33.33%;
}

#campaign .itemsWrapper li a,
#infoCampaign .itemsWrapper li a,
#infoFeature .itemsWrapper li a {
	display: block;
	height: 100%;
	margin: 0 10px;
	padding: 10px 10px 62px;
	background: #eee;
	box-sizing: border-box;
}

#campaign .itemsWrapper li a:hover,
#infoCampaign .itemsWrapper li a:hover,
#infoFeature .itemsWrapper li a:hover {
	background: #ddd;
}

#campaign .itemsWrapper li img,
#infoCampaign .itemsWrapper li img,
#infoFeature .itemsWrapper li img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 250px;
	max-height: 130px;
	margin: 0 auto 10px;
}

#campaign .itemsWrapper li h2,
#infoCampaign .itemsWrapper li h2,
#infoFeature .itemsWrapper li h2,
#campaign .itemsWrapper li h3,
#infoCampaign .itemsWrapper li h3,
#infoFeature .itemsWrapper li h3 {
	font-size: 16px;
	color: #192b5b;
}

#campaign .itemsWrapper li .campaignCaption,
#infoCampaign .itemsWrapper li .campaignCaption,
#infoFeature .itemsWrapper li .campaignCaption {
	position:absolute;
	bottom: 0;
	width: calc(100% - 40px);
	border-top: 1px solid #ccc;
}

#campaign .itemsWrapper li .campaignMedia,
#infoCampaign .itemsWrapper li .campaignMedia,
#infoFeature .itemsWrapper li .campaignMedia {
	padding: 10px 0 10px 24px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	color: #192b5b;
	line-height: 24px;
}

#campaign .itemsWrapper li .campaignMedia.game,
#infoCampaign .itemsWrapper li .campaignMedia.game,
#infoFeature .itemsWrapper li .campaignMedia.game,
#storeHighlight .game .campaignCaption {

	position: relative;
}

#campaign .itemsWrapper li .campaignMedia.game::before,
#infoCampaign .itemsWrapper li .campaignMedia.game::before,
#infoFeature .itemsWrapper li .campaignMedia.game::before{
	color: #192b5b;
	content: "\e906";
	font-family: icomoon;
	font-size: 17px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}

#campaign .itemsWrapper li .campaignMedia.dvd,
#infoCampaign .itemsWrapper li .campaignMedia.dvd,
#infoFeature .itemsWrapper li .campaignMedia.dvd,
#storeHighlight .dvd .campaignCaption {
	position: relative;
}
#campaign .itemsWrapper li .campaignMedia.dvd::before,
#infoCampaign .itemsWrapper li .campaignMedia.dvd::before,
#infoFeature .itemsWrapper li .campaignMedia.dvd::before {
	color: #192b5b;
	content: "\e918";
	font-family: icomoon;
	font-size: 17px;
	position: absolute;
	left: 0;
	line-height: 1.8em;
	top: 50%;
	transform: translate(-5%, -50%);
}
#storeHighlight .dvd .campaignCaption::before{
	color: #192b5b;
	content: "\e918";
	font-family: icomoon;
	font-size: 17px;
	position: absolute;
	right: 45px;
	top: 5px;

}


#campaign .itemsWrapper li .campaignMedia.cd,
#infoCampaign .itemsWrapper li .campaignMedia.cd,
#infoFeature .itemsWrapper li .campaignMedia.cd,
#storeHighlight .cd .campaignCaption {
	position: relative;

}

#campaign .itemsWrapper li .campaignMedia.cd::before,
#infoCampaign .itemsWrapper li .campaignMedia.cd::before,
#infoFeature .itemsWrapper li .campaignMedia.cd::before {
	color: #192b5b;
	content: "\e919";
	font-family: icomoon;
	font-size: 17px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}
#storeHighlight .cd .campaignCaption::before{
	color: #192b5b;
	content: "\e919";
	font-family: icomoon;
	font-size: 17px;
	position: absolute;
	right: 45px;
	top: 5px;
}

#campaign .itemsWrapper li .campaignMedia.mobile,
#infoCampaign .itemsWrapper li .campaignMedia.mobile,
#infoFeature .itemsWrapper li .campaignMedia.mobile,
#storeHighlight .mobile .campaignCaption {
	position: relative;
}
#campaign .itemsWrapper li .campaignMedia.mobile::before,
#infoCampaign .itemsWrapper li .campaignMedia.mobile::before,
#infoFeature .itemsWrapper li .campaignMedia.mobile::before,
#storeHighlight .mobile .campaignCaption::before {
	color: #192b5b;
	content: "\e908";
	font-family: icomoon;
	font-size: 18px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}
#storeHighlight .mobile .campaignCaption::before{
	color: #192b5b;
	content: "\e908";
	font-family: icomoon;
	font-size: 17px;
	position: absolute;
	right: 45px;
	top: 5px;

}




#campaign .itemsWrapper li .campaignMedia.comic,
#infoCampaign .itemsWrapper li .campaignMedia.comic,
#infoFeature .itemsWrapper li .campaignMedia.comic,
#storeHighlight .comic .campaignCaption {
	position: relative;
}
#campaign .itemsWrapper li .campaignMedia.comic::before,
#infoCampaign .itemsWrapper li .campaignMedia.comic::before,
#infoFeature .itemsWrapper li .campaignMedia.comic::before {
	color: #192b5b;
	content: "\e905";
	font-family: icomoon;
	font-size: 18px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}
#storeHighlight .comic .campaignCaption::before{
	color: #192b5b;
	content: "\e905";
	font-family: icomoon;
	font-size: 17px;
	position: absolute;
	right: 45px;
	top: 5px;

}


#campaign .itemsWrapper li .campaignMedia.movie,
#infoCampaign .itemsWrapper li .campaignMedia.movie,
#infoFeature .itemsWrapper li .campaignMedia.movie,
#storeHighlight .movie .campaignCaption {
	position: relative;
}
#campaign .itemsWrapper li .campaignMedia.movie::before,
#infoCampaign .itemsWrapper li .campaignMedia.movie::before,
#infoFeature .itemsWrapper li .campaignMedia.movie::before{
	color: #192b5b;
	content: "\e903";
	font-family: icomoon;
	font-size: 17px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);

}
#storeHighlight .movie .campaignCaption::before {
	color: #192b5b;
	content: "\e903";
	font-family: icomoon;
	font-size: 17px;
	position: absolute;
	right: 45px;
	top: 5px;

}


#campaign .itemsWrapper li .campaignMedia.kaden,
#infoCampaign .itemsWrapper li .campaignMedia.kaden,
#infoFeature .itemsWrapper li .campaignMedia.kaden,
#storeHighlight .kaden .campaignCaption {
	position: relative;
}
#campaign .itemsWrapper li .campaignMedia.kaden::before,
#infoCampaign .itemsWrapper li .campaignMedia.kaden::before,
#infoFeature .itemsWrapper li .campaignMedia.kaden::before,
#storeHighlight .kaden .campaignCaption::before {
	color: #192b5b;
	content: "\e91a";
	font-family: icomoon;
	font-size: 17px;
	line-height: 1.8em;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}



#campaign .itemsWrapper li .campaignMedia.pc,
#infoCampaign .itemsWrapper li .campaignMedia.pc,
#infoFeature .itemsWrapper li .campaignMedia.pc,
#storeHighlight .pc .campaignCaption {
	position: relative;
}
#campaign .itemsWrapper li .campaignMedia.pc::before,
#infoCampaign .itemsWrapper li .campaignMedia.pc::before,
#infoFeature .itemsWrapper li .campaignMedia.pc::before,
#storeHighlight .pc .campaignCaption::before {
	color: #192b5b;
	content: "\e91b";
	font-family: icomoon;
	font-size: 17px;
	left: 0;
	line-height: 1.8em;
	position: absolute;
	top: 50%;
	transform: translate(-5%, -50%);
}


#campaign .itemsWrapper li .campaignTag,
#infoCampaign .itemsWrapper li .campaignTag,
#infoFeature .itemsWrapper li .campaignTag {
	min-height: 30px;
}

#campaign .itemsWrapper li .campaignTag li,
#infoCampaign .itemsWrapper li .campaignTag li,
#infoFeature .itemsWrapper li .campaignTag li {
	display: inline-block;
	width: auto;
	padding: 0 2px;
	margin: 2px 5px 8px 0;
	border: 1px solid #192b5b;
	border-radius: 4px;
	font-size: 12px;
	color:#192b5b;
	line-height: 1.5;
}

#campaign .refineItemSelect {
	overflow: auto;
	white-space: nowrap;
	letter-spacing: -5px;
}

#campaign .refineItemSelect input[type='radio'] {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

#campaign .refineItemSelect label {
	display: inline-block;
	padding: 8px 32px;
	background-color: #eee;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
			border-radius: 20px;
	color: #192b5b;
	font-size: 14px;
	cursor: pointer;
	letter-spacing: normal;
}

#campaign .refineItemSelect input[type='radio']:checked + label {
	color: #192b5b;
	background: #ffd100;
}

#campaign .refineItemSelect label:hover {
	background: #ddd;
}

#campaign .itemsWrapper li .campaignIcon::before,
#infoCampaign .itemsWrapper li .campaignIcon::before,
#infoFeature .itemsWrapper li .campaignIcon::before,
#infoSaleCampaign .itemsWrapper li .campaignIcon::before,
#infoMovieFeature .itemsWrapper li .campaignIcon::before,
#infoGameFeature .itemsWrapper li .campaignIcon::before,
#infoPickup .itemsWrapper li .campaignIcon::before {
	display: inline-block;
	width: 120px;
	font-size: 12px;
	color: #192b5b;
	line-height: 18px;
	text-align: center;
	margin-right: -5px;
}

#campaign .itemsWrapper li.store .campaignIcon::before {
	content: '店舗';
	background: #fed600;
}

#campaign .itemsWrapper li.online .campaignIcon::before {
    background: #6c9;
    content: 'オンラインストア・買取';
    letter-spacing: -.2em;
}


#campaign .itemsWrapper li.rental .campaignIcon::before {
	content: '宅配レンタル';
	background: #ff6666;
}

#campaign .itemsWrapper li.tv .campaignIcon::before {
	content: '動画配信';
	background: #66ccff;
}

#campaign .itemsWrapper li.buyer .campaignIcon::before {
	content: '宅配買取';
	background: #cc99ff;
}

#campaign .itemsWrapper li.arekore .campaignIcon::before {
	content: 'あれこれレンタル';
	background: #ff9900;
}

#campaign .itemsWrapper li .campaignGenre,
#infoCampaign .itemsWrapper li .campaignGenre,
#infoFeature .itemsWrapper li .campaignGenre,
#infoSaleCampaign .itemsWrapper li .campaignGenre,
#infoMovieFeature .itemsWrapper li .campaignGenre,
#infoGameFeature .itemsWrapper li .campaignGenre,
#infoPickup .itemsWrapper li .campaignGenre {
	display: inline-block;
	width: 80px;
	background: #192b5b;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	text-align: center;
}

#campaign .itemsWrapper li .campaignGenre,
#infoSaleCampaign .itemsWrapper li .campaignGenre {
	width: auto;
	padding: 0 18px 0;
}