@charset "UTF-8";

@import url(/src/public/assets/css/user/pc/common/reset.css);

.dis-none{
	display: none;
}

body {
	width: 100%;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial;
	-webkit-text-size-adjust: none;
	letter-spacing: 0.05em;
	color: #555;
}

body.fixed {
	position: fixed;
}

html {
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*.ellipsis {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}*/

address {
	font-style: normal;
}

/* clearFix
---------------------------------------------------------- */
.clear {
	clear: both;
}

.clearFix {
	zoom: 100%;
}

.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}

/* 画像上下左右中央揃え
---------------------------------------------------------- */
/* 幅、高さは各ページで設定 */
/*.p-imgWrap {
	display: block;
   aタグの場合が多いから
	position: relative;
	overflow: hidden;
}*/

/* max幅、高さは各ページで設定 */
/*.p-imgWrap img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}*/

/* trunk用 */
*[class*="trunk8_"] {
	display: block;
}

/*--------------------------------
header
--------------------------------*/
.g-hdr h1 {
	padding: 3px 10px 2px;
	background: #2e2e2e;
	line-height: 1.3em;
	font-size: 12px;
	color: #fff;
}

.g-hdr .hdr-blue {
	height: 80px;
	background: #1862bb;
}

/*--------------------------------
main
--------------------------------*/
.g-wrapper {
	position: relative;
}

.container {
	max-width: 1373px;
	margin: 0 auto;
}

.main {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.l-left, .l-right {
	display: table-cell;
}

.l-right {
	padding-top: 7px;
	width: 350px;
	box-sizing: content-box;
	vertical-align: top;
}

.l-profR {
	padding-top: 0;
	width: 390px;
}

/*--------------------------------
pagetop
--------------------------------*/
.page-top {
	position: fixed;
	right: 0.5rem;
	bottom: 27rem;
	z-index: 15;
}

.page-top p {
	width: 4rem;
	height: 4rem;
	position: relative;
	background: rgba(148, 148, 148, 0.6);
	border-radius: 2.5rem;
}

.page-top p:before {
	content: "";
	position: absolute;
	top: 4rem;
	left: 3.5rem;
	margin-top: -2.5rem;
	margin-left: -2.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1rem 1rem 1rem;
	border-color: transparent transparent #ffffff transparent;
}

.page-top p:after {
	content: "";
	position: absolute;
	top: 4.2rem;
	left: 3.8rem;
	margin-top: -2.5rem;
	margin-left: -2.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0.7rem 0.7rem 0.7rem;
	border-color: transparent transparent rgba(148, 148, 148, 0.6) transparent;
}

/*--------------------------------
pager
--------------------------------*/
.page-top p a {
	display: block;
	width: 100%;
	height: 100%;
}


.pager-list {
	margin: 3rem auto;
	text-align: center;
	font-size: 0;
}

.pager-list li {
	display: inline-block;
	min-width: 2rem;
	margin-right: .2rem;
	border: 1px solid #f19ec2;
}

.pager-list li:last-child {
	margin-right: 0;
}

.pager-list a,
.pager-list span {
	display: block;
	line-height: 1.8rem;
	font-size: 1.0rem;
}

.pager-list a:hover {
	background: #fd7b9e;
	color: #fff;
}

.pager-list span {
	background: #fd7b9e;
	color: #fff;
}
/*--------------------------------
footer
--------------------------------*/
.g-ftr .inner {
	width: 100%;
	padding: 80px;
	background: url("/assets/img/user/shop/img-ftr.png") center bottom no-repeat;
	background-size: cover;
	border-bottom: 3px solid #fe7aab;
}

.g-ftr li a:hover {
	color: #fe7aab;
}

.ftr-lightgrey,
.ftr-darkgrey {
	background: #f9f9f9;
}

.ftr-lightgrey .container {
	max-width: 1000px;
	margin: 0 auto;
}

.ftr-lightgrey .ftr-nav {
	margin: 0 auto;
	padding: 3rem 0;
	overflow: hidden;
	text-align: center;
}

.ftr-darkgrey .ftr-nav {
	padding: .5rem 0;
	text-align: center;
}

.ftr-lightgrey li,
.ftr-darkgrey li {
	display: inline-block;
	margin: 0 5px;
}

.ftr-lightgrey li:after,
.ftr-darkgrey li:after {
	content: "|";
}

.ftr-lightgrey li a,
.ftr-darkgrey li a {
	font-size: .8rem;
	padding-right: .5rem;
}

.ftr-darkgrey li a {
	color: #ffffff;
}

.ftr-lightgrey li:last-child:after,
.ftr-darkgrey li:last-child:after {
	content: "";
}

.ftr-darkgrey {
	background: #95989a;
}

.g-ftr .copy {
	background: #2e2e2e;
	text-align: center;
}

.g-ftr .copy small {
	font-size: .8rem;
	color: #fff;
}

/*業種別背景色*/
header.portal.s_0{
	background: #1A5DD8;
}

header.portal.s_1{
	background: #C140E0;
}

header.portal.s_3{
	background: #FF990F;
}

header.portal.s_4{
	background: #FF76B5;
}

header.portal.s_5{
	background: #41AFEE;
}

header.portal.s_6{
	background: #1859A4;
}

#ekichika_logo {
	float: left;
	width: 74%;
}

#ekichika_logo li {
	display: inline-block;
	vertical-align: middle;
}

#ekichika_logo .icon img {
	width: 3rem;
}

#ekichika_logo .logo img {
	width: 5.5rem;
}

#ekichika_logo .jobstyle a {
	display: block;
	background: #ffffff;
	color: #0EAB07;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	padding: .3rem 1rem;
	margin-left: .2rem;
	border-radius: .5rem;
}

/*業種別文字色*/
#ekichika_logo .jobstyle a.s_0{
	color: #1A5DD8;
}

#ekichika_logo .jobstyle a.s_1{
	color: #C140E0;
}

#ekichika_logo .jobstyle a.s_3{
	color: #FF990F;
}

#ekichika_logo .jobstyle a.s_4{
	color: #FF76B5;
}

#ekichika_logo .jobstyle a.s_5{
	color: #41AFEE;
}

#ekichika_logo .jobstyle a.s_6{
	color: #1859A4;
}

/* selectタグのスタイル */
.select-1 select {
	max-width: 200px;
}

.header_right{
	float: right;
	position: relative;
	top: 20px;
}

.text_search{
	overflow: hidden;
	text-align: right;
	position: relative;
}

.text_search .btn {
	border: none;
	font-size: .8rem;
	background: #FFB053;
	background-image: -webkit-linear-gradient(top, #FFB053, #FF7F3B);
	background-image: -moz-linear-gradient(top, #FFB053, #FF7F3B);
	background-image: -ms-linear-gradient(top, #FFB053, #FF7F3B);
	background-image: -o-linear-gradient(top, #FFB053, #FF7F3B);
	background-image: linear-gradient(to bottom, #FFB053, #FF7F3B);
	color: #ffffff;
	border: 1px solid #95989A;
	margin-left: 0.2rem;
	padding: 0.2rem 1.4rem;
}

.text_search input[name="search_text"]{
	width: 74%;
	padding: 2px;
}

div.award_banner{
	padding: .5rem;
}

.diary-box{
	cursor: pointer;
}

.link-list{
	margin-top:0.4rem;
}

.link-list > li{
	line-height: 1.2rem;
	margin-right:0.2rem;
}

.link-list > li:last-child{
	margin-right:0;
}

.link-list > li > a{
	font-size: 0.8rem;
	font-weight: 200;
	color: #ffffff;
}

.entryarea_list{
	position:relative;
}

.entryarea_list .entryarea_list_btn{
	font-size: 0.8rem;
	font-weight: bold;
	background:#FFFFFF;
	padding: 3px 10px 2px;
	border-radius: 5px;
	cursor:pointer;
}

.entryarea_list.color0 .entryarea_list_btn{
	color: #1A5DD8;
}

.entryarea_list.color1 .entryarea_list_btn{
	color: #C140E0;
}

.entryarea_list.color3 .entryarea_list_btn{
	color: #FF990F;
}

.entryarea_list.color4 .entryarea_list_btn{
	color: #FF76B5;
}

.entryarea_list.color5 .entryarea_list_btn{
	color: #41AFEE;
}

.entryarea_list.color6 .entryarea_list_btn{
	color: #1859A4;
}

.entryarea_list .start_areas {
	background: #ffffff none repeat scroll 0 0;
	display: none;
	left: -50px;
	top:53px;
	min-height: 100px;
	padding: 15px;
	position: absolute;
	width: 450px;
	z-index: 1;
}

.entryarea_list.color0 .start_areas{
	color: #1A5DD8;
	border: 3px solid #1A5DD8;
}

.entryarea_list.color1 .start_areas{
	color: #C140E0;
	border: 3px solid #C140E0;
}

.entryarea_list.color3 .start_areas{
	color: #FF990F;
	border: 3px solid #FF990F;
}

.entryarea_list.color4 .start_areas{
	color: #FF76B5;
	border: 3px solid #FF76B5;
}

.entryarea_list.color5 .start_areas{
	color: #41AFEE;
	border: 3px solid #41AFEE;
}

.entryarea_list.color6 .start_areas{
	color: #1859A4;
	border: 3px solid #1859A4;
}

.entryarea_list:hover > .start_areas{
	display: block;
}

.entryarea_list .start_areas:before{
	content: "";
	position: absolute;
	top: -64px;
	left: 19%;
 	margin-left: -15px;
	border: 38px solid transparent;
	border-bottom: 28px solid #FFF;
 	z-index: 2;
}

.entryarea_list .start_areas:after{
	content: "";
	position: absolute;
	top: -71px;
	left: 19%;
 	margin-left: -17px;
	border: 40px solid transparent;
	border-bottom: 30px solid;
 	z-index: 1;
}
.entryarea_list .start_areas div{
	font-size: 0.9rem;
	font-weight: bold;
	margin-bottom:5px;
}

.entryarea_list .start_areas ul li{
	margin-top:4px;
}

.entryarea_list .start_areas ul li > a{
	font-size: 0.8rem;
	font-weight: bold;
	padding:0 5px 0 3px;
}

.entryarea_list.color0 .start_areas ul li > a{
	color: #1A5DD8;
	border-right: 1px solid #1A5DD8;
}

.entryarea_list.color1 .start_areas ul li > a{
	color: #C140E0;
	border-right: 1px solid #C140E0;
}

.entryarea_list.color3 .start_areas ul li > a{
	color: #FF990F;
	border-right: 1px solid #FF990F;
}

.entryarea_list.color4 .start_areas ul li > a{
	color: #FF76B5;
	border-right: 1px solid #FF76B5;
}

.entryarea_list.color5 .start_areas ul li > a{
	color: #41AFEE;
	border-right: 1px solid #41AFEE;
}

.entryarea_list.color6 .start_areas ul li > a{
	color: #1859A4;
	border-right: 1px solid #1859A4;
}

.entryarea_list .start_areas ul li:last-child > a{
	border-right:none;
}

#area_link {
	padding: 0.2rem 0;
	text-align: right;
}

#area_link > ul > li {
	display: inline-block;
	position: relative;
}

#area_link > ul > li > a {
	font-size: .7rem;
	color: #ffffff;
	padding: 0 0.2rem 0 0.1rem;
	border-right:1px solid  #CECECE;
}

#area_link > ul > li:last-child > a {
	border-right:none;
	padding-right:0;
}

#area_link > ul > li:hover > a {
	color: #FFB96D;
	cursor:pointer;
}

#area_link > ul > li > ul {
	display: none;
	position: absolute;
	z-index: 2;
	overflow: visible;
	width: 70px;
	text-align: center;
}

#area_link > ul > li:hover > ul {
	display: block;
}

#area_link > ul > li:hover > ul li {
	background:  #1A5DD8;
	border-bottom:1px groove #FFFFFF;
}

#area_link.color0 > ul > li:hover > ul li {
	background: #1A5DD8;
}

#area_link.color1 > ul > li:hover > ul li {
	background: #C140E0;
}

#area_link.color3 > ul > li:hover > ul li {
	background: #FF990F;
}

#area_link.color4 > ul > li:hover > ul li {
	background: #FF76B5;
}

#area_link.color5 > ul > li:hover > ul li {
	background: #41AFEE;
}

#area_link.color6 > ul > li:hover > ul li {
	background: #1859A4;
}

#area_link > ul > li:hover > ul li:last-child {
	border-bottom:none;
}

#area_link > ul > li > ul li a {
	font-size: .7rem;
	display:block;
	padding:8px 5px;
	color: #ffffff;
}
#area_link > ul > li > ul li a:hover {
	color: #FFB96D;
}

.f-area_link{
	float: left;
	text-align: center;
	font-size: 0;
	max-width: 1000px;
}

.to_area_link{
	display:inline-block;
	font-size:1rem;
	margin:0 1.5rem;
}

.to_area_link > a{
	color: #1f3a95;
}

.add-link-wrap {
	padding: 8px 0;
	position: absolute;
	top: 1px;
	right: 20px;
}

.add-link-wrap a {
	color: #fff;
	margin-left: 5px;
	font-size: 11px;
}

.add-link-wrap a:hover {
	opacity: 0.7;
}

.award_banner_gravure{
	margin : 0 0 2rem 0;
}

.award_banner_gravure a:hover{
	opacity: 0.8
}


/* おっぱい選手権導線用CSS */
.oppai-link-wrapper {
	position: relative;
	width: 100%;
}

.oppai-link-wrapper ul li {
	position: absolute;
	width: 33.33%;
	height: 100%;
	background: #fff;
	opacity: 0;
}

.oppai-link-wrapper ul li:hover {
	opacity: 0.2;
}

.oppai-link-wrapper ul li a {
	display: block;
	height: 100%;
}

.oppai-link-wrapper ul li:first-child {
	top: 0;
	left: 0;
}

.oppai-link-wrapper li:nth-child(2) {
	top: 0;
	left: 33.33%;
}

.oppai-link-wrapper li:last-child {
	top: 0;
	left: 66.66%;
}


/***  左右カラム用クーポン	***/

.shop-ticket-new a {
	display: block;
	margin-bottom: 8px;
	position: relative;
}

.shop-ticket-new .fukidashi {
	background-image: url(/assets/img/user/shop/common/img-fukidashi.png);
	background-position: 0 1rem;
	background-repeat: no-repeat;
	background-size: 4rem auto;
	right: 0;
	top: -1.4rem;
	color: #ff0d0d;
	font-size: 1rem;
	font-weight: bold;
	height: 7rem;
	line-height: 1rem;
	padding-top: 1.8rem;
	position: absolute;
	width: 4rem;
	text-align: center;
	-webkit-animation: animScale 3s infinite ease-out;
	animation: animScale 3s infinite ease-out;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	z-index: 10;
}

.shop-ticket-new .ticketL {
	padding-left: 10px;
	width: 220px;
	height: 94px;
	position: relative;
	float: left;
	overflow: hidden;
	background: #fffdea;
	border-radius: 6px 0 0 6px;
	border: 1px solid #000;
	border-right: none;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.shop-ticket-new .ticketL .ribbon {
	width: 88px;
	height: 24px;
	position: absolute;
	top: 11px;
	right: -22px;
	background: #ff0000;
	line-height: 26px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.shop-ticket-new .ticketL .ribbon span {
	font-size: 12px;
}

.shop-ticket-new .ticketL .genre {
	display: inline-block;
	margin: 0 0 6px 0;
	padding: 2px 8px;
	border-radius: 0 0 6px 6px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.shop-ticket-new .ticketL .oldPrice {
	margin-bottom: 8px;
	font-size: 12px;
	color: #000;
}

.shop-ticket-new .ticketL .newPrice {
	font-size: 36px;
	color: #ff0000;
	font-weight: bold;
}
.shop-ticket-new .ticketL .newPrice.many_digit {
	font-size: 30px;
}
.shop-ticket-new .ticketL .newPrice.most_digit {
	font-size: 28px;
}

.shop-ticket-new .ticketL .newPrice span {
	margin-left: 2px;
	font-size: 17px;
	color: #000;
	font-weight: normal;
}

.shop-ticket-new .ticketR {
	width: 44px;
	height: 94px;
	position: relative;
	background: #fffdea;
	border: 1px solid #000;
	border-left: none;
	float: right;
	border-radius: 0 6px 6px 0;
	-webkit-box-shadow: 2 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 2 2px 4px rgba(0, 0, 0, 0.2);
}

.shop-ticket-new .ticketR:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -18px;
	width: 18px;
	height: 98px;
	background: url("/assets/img/user/coupon/img-ticket-w.png") no-repeat;
}

.shop-ticket-new .ticketR span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	font-size: 15px;
	color: #ff0000;
}

.shop-ticket-new.tokuyasuCoupon .ticketL, .shop-ticket-new.tokuyasuCoupon .ticketR {
	background: #292929;
}

.shop-ticket-new.tokuyasuCoupon .ticketL .genre {
	background: #e6c269;
	color: #ff0000;
}

.shop-ticket-new.tokuyasuCoupon .ticketL .oldPrice {
	color: #fff;
}

.shop-ticket-new.tokuyasuCoupon .ticketL .newPrice {
	color: #e6c269;
}

.shop-ticket-new.tokuyasuCoupon .ticketL .newPrice span {
	color: #fff;
}

.shop-ticket-new.tokuyasuCoupon .ticketR {
	background: #292929;
}

.shop-ticket-new.tokuyasuCoupon .ticketR:after {
	background: url("/assets/img/user/coupon/img-ticket-k.png") no-repeat;
}

.shop-ticket-new.tokuyasuCoupon .ticketR span {
	color: #ff0000;
}

.shop-ticket-new.newCoupon .ticketL .genre {
	background: #1e890b;
}

.shop-ticket-new.newCoupon .ticketR span {
	color: #1e890b;
}

.shop-ticket-new.groupCoupon .ticketL .genre {
	background: #FF7600;
}

.shop-ticket-new.groupCoupon .ticketR span {
	color: #FF7600;
}


.shop-ticket {
	width:		282px;
	background: #FFFDEA;
	border: 2px solid #E8568E;
	margin: .5rem 0;
}

.shop-ticket .ticket-left {
	width: 90%;
	float: left;
	padding: .3rem .5rem;
}

.shop-ticket .ticket-left .ticket-caution {
	font-size: 1.0rem;
	font-weight: bold;
}

.shop-ticket .ticket-left .normal-price {
	font-size: .87rem;
	padding: .2rem 0 0;
}

.shop-ticket .ticket-left .ticket-minute, .shop-ticket .ticket-left .ticket-yen {
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	color: #E8568E;
	line-height: 2rem;
}

.shop-ticket .ticket-left .ticket-minute span, .shop-ticket .ticket-left .ticket-yen span {
	font-weight: normal;
	font-size: .9rem;
	margin-left: .3rem;
	margin-top: -.2rem;
	line-height: .9rem;
	color: #2e2e2e;
	border: 1px solid #2e2e2e;
	padding: 0 .1rem;
	vertical-align: middle;
}
.otherCoupon {
	margin-top: 6px;
	text-align: right;
}

.otherCoupon a {
	padding-right: 12px;
	position: relative;
	text-decoration: underline;
	font-size: 12px;
}

.otherCoupon a:after {
	content: ">";
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -3px;
}

@media screen and (max-width: 1023px) {
	.shop-ticket-new {
		top: 5.4rem;
		right: 1rem;
		width: 350px;
		position: absolute;
	}
	
	.shop-ticket-new .ticketL {
		width: 288px;
	}

	.otherCoupon {
		display: none;
	}
}

/***  // 左右カラム用クーポン	***/