@charset "shift_jis";
/* CSS Document */

.premiumGuide{
	width : 950px ;
	margin : 20px 0 ;
	text-align : left ;
	_width : 950px ;
}
.premiumGuide img{
	vertical-align: bottom ;
}
.premiumGuide p,
.premiumGuide ul{
	margin: 0 0 10px ;
}
.premiumGuide figure{
	margin: 0 0 10px ;
}
.premiumGuide .btn a img:hover,
.premiumGuide .registPremium ul.list li.mobile .inner form .submit:hover{
	opacity : 0.6 ;
}

.premiumGuide h1{
	margin : 0 ;
}
.premiumGuide p.description{
	margin: 20px 30px;
	text-align: center;
}
.premiumGuide .aboutPremium{
	margin : 0 ;
	color: #606060;
}
.premiumGuide .aboutPremium ul.list{
	margin: 0;
}
.premiumGuide .aboutPremium ul.list li.item{
	float: left;
	position: relative;
	box-sizing: border-box;
	width: 310px;
	margin: 0 10px 10px 0;
	padding: 15px 15px 25px;
	border: #ffd93b 2px solid ;
	border-top-width: 8px;
}
.premiumGuide .aboutPremium ul.list li.item:after{
	content: " ";
	position: absolute;
	width: 24px;
	height: 8px;
	left: -2px ;
	top: -8px;
	background: url("../_img/ehonnavi_signupguide/bg_aboutpremium_item.png") center center no-repeat;
}
.premiumGuide .aboutPremium ul.list li.item:nth-of-type(3n){
	margin-right: 0;
}
.premiumGuide .aboutPremium ul.list li.item span.label{
	position: absolute;
	box-sizing: border-box;
	width: 58px;
	padding:0 10px 0 0;
	line-height: 28px;
	background: #ffd93b;
	left: -2px;
	top: 15px;
	text-align: center;
	font-weight: bold;
}
.premiumGuide .aboutPremium ul.list li.item span.label:after{
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	border-style: solid;
	border-width: 14px 10px 14px 0;
	border-color: transparent #ffffff transparent transparent;
}
.premiumGuide .aboutPremium ul.list li.item .title{
	margin: 0 0 10px;
}
.premiumGuide .aboutPremium ul.list li.item .title h2{
	margin: 0 0 10px 50px;
	font-size: 24px;
	line-height: 100%;
}
.premiumGuide .aboutPremium ul.list li.item .title h2.minTitle{
	margin-right: 40px;
	margin-left: 40px;
	text-align: center;
}
.premiumGuide .aboutPremium:nth-of-type(1) ul.list li.item:first-of-type .title h2{
	padding: 0 0 0 48px;
	background: url("../_img/ehonnavi_signupguide/ico_aboutpremium_item01.png") left center no-repeat;
	line-height: 30px;
}
.premiumGuide .aboutPremium ul.list li.item .title h2 span{
	font-size: 16px;
	font-weight: bold;
}
.premiumGuide .aboutPremium ul.list li.item .title p.subtitle{
	margin: 0;
	text-align: center;
	font-weight: bold;
}
.premiumGuide .aboutPremium ul.list li.item figure{
	position: relative;
	margin: 0 -15px 10px;
	text-align: center;
}
.premiumGuide .aboutPremium ul.list li.item figure a{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #f77cb7 ;
}
.premiumGuide .aboutPremium ul.list li.item figure a:hover{
	opacity : 0.6 ;
}
.premiumGuide .aboutPremium ul.list li.item p.attention{
	font-size: 10px;
}
.premiumGuide .aboutPremium ul.list li.item p.support{
	position: absolute;
	left: 15px;
	bottom: 5px;
	margin: 0;
	font-size: 12px;
}
.premiumGuide .aboutPremium ul.list li.item ul li{
	margin: 0 0 0 25px;
	list-style-type: disc;
}


.premiumGuide .regist{
	margin: 0 0 10px;
	padding: 15px;
	background: #ffe162;
	text-align: center;
}
.premiumGuide .regist p.btn{
	width: 340px;
	margin: 0 auto 5px;
}
.premiumGuide .regist p.btn a{
	display: block;
	background : #fff;
	border-radius: 5px;
	line-height: 50px;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.premiumGuide .regist p.btn a span{
	background : url("../_img/ehonnavi_signupguide/ico_regist.png") left center no-repeat;
	padding: 10px 0 10px 35px;
}
.premiumGuide .regist p.btn a:hover{
	opacity : 0.6 ;
}
.premiumGuide .regist p.description{
	margin: 0;
	color: #6a613e;
	font-size: 14px;
	font-weight: bold;
}
.premiumGuide .regist p.attention{
	margin: 10px 0 0;
	color: #606060;
	font-size: 12px;
}
.premiumGuide .regist.registPremiumBottom{
	background: #f996c5;
}
.premiumGuide .regist.registPremiumBottom p.description{
	color: #fff;
}
.premiumGuide .regist.serviceBottom{
	background: #bcd735;
}
.premiumGuide .regist.serviceBottom p.description{
	color: #fff;
}


.premiumGuide .registPremium{
	margin: 50px 0 0;
}
.premiumGuide .registPremium h2{
	margin: 0 0 10px;
	font-size: 26px;
	color: #333;
	text-align: center;
}
.premiumGuide .registPremium h2 span{
	padding: 0 35px;
	background-image: url("../_img/ehonnavi_signupguide/ico_registpremium_title.png"),url("../_img/ehonnavi_signupguide/ico_registpremium_title.png");
	background-position: left center,right center;
	background-repeat: no-repeat,no-repeat;
}
.premiumGuide .registPremium p.description{
	margin: 0 0 10px;
	text-align: center;
}
.premiumGuide .registPremium ul.list{
	padding: 10px;
	margin: 0;
	background: #fbbddb;
}
.premiumGuide .registPremium ul.list li{
	float : left ;
	box-sizing: border-box;
	width : 460px ;
	padding: 15px;
	background: #fff;
}
.premiumGuide .registPremium ul.list li.mobile{
	float: right ;
}
.premiumGuide .registPremium ul.list li h3{
	margin:0 0 20px;
	padding: 0 0 10px;
	border-bottom: #f77cb7 1px solid;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.premiumGuide .registPremium ul.list li .inner p{
	margin : 0 0 10px ;
}
.premiumGuide .registPremium ul.list li.credit .inner p.catch,
.premiumGuide .registPremium ul.list li.credit .inner p.thumbnail{
	text-align : center ;
}
.premiumGuide .registPremium ul.list li.credit .inner p.attention{
	width: 340px;
	margin: 0 auto;
	font-size: 10px;
}
.premiumGuide .registPremium ul.list li.credit .inner p.thumbnail{
	margin : 20px auto ;
}
.premiumGuide .registPremium ul.list li.mobile .inner p{
	text-align: center;
}
.premiumGuide .registPremium ul.list li.mobile .inner form{
	width: 325px;
	margin : 20px auto ;
}
.premiumGuide .registPremium ul.list li.mobile .inner form .mailadress{
	float : left ;
	height : 23px ;
	width : 243px ;
	margin : 0 10px 0 0 ;
	border : #cccccc 1px solid ;
	line-height : 23px ;
}
.premiumGuide .registPremium ul.list li.mobile .inner form .submit{
	float : left ;
	height : 25px ;
	width : 70px ;
	background : #f77cb7 ;
	border : none ;
	border-radius : 5px ;
	color : #fff ;
}
.premiumGuide .registPremium ul.list li.mobile .inner p.attention{
	font-size : 83.7% ;
	line-height : 120% ;
}
.premiumGuide .registPremium ul.list li.mobile .inner table{
	width : 100% ;
}
.premiumGuide .registPremium ul.list li.mobile .inner table .text{
	padding: 0 10px 0 0;
	line-height : 120% ;
	vertical-align: top;
}
.premiumGuide .registPremium ul.list li.mobile .inner table .qr img{
	border: #000 1px solid;
}


.premiumGuide .serviceHeader{
	margin: 50px 0 10px;
}
.premiumGuide .serviceHeader h2{
	margin: 0 0 10px;
	font-size: 26px;
	color: #333;
	text-align: center;
}
.premiumGuide .serviceHeader h2 span{
	padding: 0 35px;
	background-image: url("../_img/ehonnavi_signupguide/ico_registpremium_title.png"),url("../_img/ehonnavi_signupguide/ico_registpremium_title.png");
	background-position: left center,right center;
	background-repeat: no-repeat,no-repeat;
}
.premiumGuide .serviceHeader p.description{
	margin: 0 0 10px;
	text-align: center;
}
.premiumGuide div.service{
}
.premiumGuide div.service p{
	margin : 0 ;
	text-align : right ;
}
.premiumGuide div.service table{
	width : 100% ;
	margin : 0 ;
	color : #666 ;
}
.premiumGuide div.service table th{
	padding : 10px 10px 10px 20px ;
	border-left : #dedec7 1px solid ;
	border-top : #dedec7 1px solid ;
	background : #fff ;
	text-align : left ;
	font-weight : bold ;
	font-size : 14px ;
}
.premiumGuide div.service table th.sp{
	background : #fff ;
	border: none;
	font-size : 100% ;
}
.premiumGuide div.service table th.visiter{
	padding : 5px 10px ;
	border-left : #dedec7 1px solid ;
	border-top : #dedec7 1px solid ;
	background-color : #fff ;
	text-align : center ;
}
.premiumGuide div.service table th.member{
	padding : 5px 10px ;
	border-left : #dedec7 1px solid ;
	border-right : #dedec7 1px solid ;
	border-top : #dedec7 1px solid ;
	background-color : #fefee4 ;
	text-align : center ;
}
.premiumGuide div.service table tr.header th.premium{
	padding : 5px 10px ;
	border-left : #abcd03 2px solid ;
	border-right : #abcd03 2px solid ;
	background-color : #abcd03 ;
	text-align : center ;
	font-size: 16px;
	color : #fff ;
}
.premiumGuide div.service table tr.header2 th.premium{
	padding : 5px 10px ;
	border-left : #abcd03 2px solid ;
	border-right : #abcd03 2px solid ;
	border-top: none;
	background-color : #fff ;
	text-align : center ;
}
.premiumGuide div.service table th.premium strong{
	font-size : 125% ;
}
.premiumGuide div.service table td{
	border-left : #dedec7 1px solid ;
	border-top : #dedec7 1px solid ;
	background : #FBF8F2 ;
	text-align : center ;
	font-size : 100% ;
	background : #fff ;
}
.premiumGuide div.service table td.member{
	background-color : #fff ;
	border-right : #dedec7 1px solid ;
}
.premiumGuide div.service table td.premium{
	border-right : #abcd03 2px solid ;
	border-left : #abcd03 2px solid ;
}
.premiumGuide div.service table tr.premiumLast td.premium{
	border-bottom : #abcd03 2px solid ;
}
.premiumGuide div.service table td.premium.normal{
	border-left : none ;
	border-right : #dedec7 1px solid ;
}
.premiumGuide div.service table td.premium.normal.top{
	border-top : none ;
}
.premiumGuide div.service table td .ok{
	font-size : 133.3% ;
	color: #999;
}
.premiumGuide div.service table td.premium .ok{
	color : #abcd03 ;
}
.premiumGuide div.service table td.premium.normal .ok{
	color : #999 ;
}
.premiumGuide div.service table td .ng{
	color : #999 ;
	font-size : 133.3% ;
}
.premiumGuide div.service .attention{
	color : #f90 ;
	font-weight : bold ;
}

/***** 太っ腹キャンペーン *****/
.premiumGuide .generous{
	position : relative ;
	height : 364px ;
	margin : 0 0 15px ;
	background : url("../_img/ehonnavi_signupguide/bg_generous.gif") center top no-repeat ;
}
.premiumGuide .generous dl{
	position : absolute ;
	left : 30px ;
	top : 28px ;
}
.premiumGuide .generous dl dt{
	margin : 0 0 14px ;
}
.premiumGuide .generous p.fig{
	position : absolute ;
	right : 20px ;
	top : 28px ;
	margin : 0 ;
}
.premiumGuide .generous p.link{
	position : absolute ;
	right : 360px ;
	top : 210px ;
	margin : 0 ;
	padding : 0 0 0 14px ;
	background : url("../_img/ehonnavi_signupguide/ico_generous_link.gif") left center no-repeat ;
	text-align : right ;
	line-height : 40px ;
}
.premiumGuide .generous p.link a{
	color : #E9526B ;
	font-weight : bold ;
}
.premiumGuide .generous .count{
	position : absolute ;
	left : 300px ;
	top : 252px ;
	width : 630px ;
	height : 90px ;
	background : url("../_img/ehonnavi_signupguide/bg_generous_count.gif") center top no-repeat ;
}
.premiumGuide .generous .count p.title{
	position : absolute ;
	left : 33px ;
	top : 9px ;
	margin : 0 ;
}
.premiumGuide .generous .count p.title.bg{
	width : 210px ;
	height : 74px ;
	background : url("../_img/ehonnavi_signupguide/bg_generous_count_title.png") center top no-repeat ;
}
.premiumGuide .generous .count p.title.bg span{
	display : none ;
}
.premiumGuide .generous .count p.title.bg span.num{
	position : absolute ;
	display : block ;
	left : 127px ;
	top : 13px ;
	width : 38px ;
	color : #0cf ;
	font-size : 233.3% ;
	text-align : center ;
}
.premiumGuide .generous .count p.number{
	position : absolute ;
	left : 271px ;
	top : 9px ;
	width : 245px ;
	margin : 0 ;
	padding : 0 0 0 76px ;
	background : url("../_img/ehonnavi_signupguide/bg_generous_count_number.png") center top no-repeat ;
	line-height : 74px ;
	font-size : 333.3% ;
	color : #E9536B ;
	letter-spacing : 1em ;
	overflow : hidden ;
}
/***** 特典1ハミダシ *****/
.premiumGuide .protrude{
	padding : 9px 24px 14px ;
	margin : 0 0 15px ;
	border : #E7D069 2px solid ;
	background : url("../_img/ehonnavi_signupguide/bg_aboutpremium_item.png") -2px -2px no-repeat ;
}
.premiumGuide .protrude h2{
	margin : 0 -25px ;
	text-align : center ;
}
.premiumGuide .protrude .thumbnail{
	float : left ;
	width : 400px ;
	padding : 10px 0 0 ;
}
.premiumGuide .protrude .thumbnail p.image{
	margin : 0 0 10px ;
}
.premiumGuide .protrude .thumbnail p.caption{
	margin : 0 ;
	font-size : 116.7% ;
	font-weight : bold ;
	color : #c00 ;
}
.premiumGuide .protrude .body{
	float : right ;
	width : 470px ;
}
.premiumGuide .protrude .body p{
	margin : 0 0 10px ;
}
.premiumGuide .protrude .body p.last{
	margin : 0 ;
}
.premiumGuide .protrude .body p.attention{
	color : #630 ;
	text-align : center ;S
}
