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

body {
	color: #333;
	font-family: 'Meiryo';
	font-size: 12px;
	line-height: 18px;
	background: #FBF1F4;
}
.wrapper {
	width: 988px;
	margin: auto;
	position: relative;
}
.container {
	background: linear-gradient(to bottom, #fff 0px, #FBF1F4 300px);
	overflow: hidden;
}
.content {
	overflow: hidden;
	/* padding-top: 20px; */
}
.pankuzu {
	background: linear-gradient(to bottom, #fff, #FCEDF2);
	border-bottom: solid 1px #F7DBE5;
	font-size: 14px;
	line-height: 50px;
	margin-bottom: 10px;
}
.pankuzu a {
	color: #D33A78;
	text-decoration: underline;
}
/*Header*/
header h1 {
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	background: #D53C78;
	color: #fff;
}
header .topimg {
	background: url(../img/header_bg01.png) repeat-x, url(../img/header_bg_top.png) no-repeat center, linear-gradient(to bottom, #fff, #FCECF1);
	height: 430px;
}
header .topimg .postdata {
	display: none;
	text-align: center;
	padding-top: 478px;
	color: #D6267E;
	font-size: 21px;
}
header .topimg .postdata b {
	font-size: 26px;
}
header#index .topimg {
	background: url(../img/header_bg01.png) repeat-x, url(../img/header_bg_top_index.png) no-repeat top center, linear-gradient(to bottom, #fff, #FCECF1);
	height: 530px;
}
header#index .topimg .postdata {
	display: inherit;
}
header #gnavi {
	background: #D53C78;
}
header #gnavi ul {
	width: 988px;
	margin: auto;
	border-left: solid 1px #EA9DBB;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
}
header #gnavi li {
	float: left;
	flex: auto;
	border-right: solid 1px #EA9DBB;
}
header #gnavi li a {
	display: block;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 15px 0;
}
header #gnavi li a:hover, header #gnavi li a.active {
	background: #EA9DBB;
}
/*Footer*/
footer {
	background: url(../img/footer_bg.png) repeat-x, #D53C78;
	color: #fff;
	padding-bottom: 44px;
	margin-top: 60px;
}
footer a {
	color: #fff;
	text-decoration: none;
}
.footer_ken_list {
	font-size: 14px;
	padding-top: 30px;
	line-height: 21px;
	margin-bottom: 20px;
}
.footer_navi, .copy_right {
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
footer a.totop {
	background: url(../img/totop.png) no-repeat;
	display: block;
	position: absolute;
	top: -42px;
	right: 0px;
	width: 150px;
	height: 44px;
	text-indent: -9999px;
}
/*Side*/
.side {
	width: 242px;
	float: right;
}
.side a {
	color: #E73D6F;
	text-decoration: none;
}
.side li, .side dd {
	border-bottom: dotted 1px #666;
	line-height: 18px;
	padding: 8px 0;
}
.side dd {
	margin-bottom: 8px;
}
.side li:last-child {
	border: none;
}
.side ul, .side dl {
	box-sizing: border-box;
	padding: 0px 17px;
}
.side ul.side_taiken {
	background: url(../img/side_bg01.png) no-repeat;
	padding-top: 110px;
	height: 385px;
	margin-bottom: 10px;
}
.side ul.side_qa {
	background: url(../img/side_bg02.png) no-repeat;
	padding-top: 100px;
	height: 379px;
	margin-bottom: 10px;
}
.side dl.side_sns {
	background: url(../img/side_bg03.png) no-repeat;
	padding-top: 100px;
	height: 501px;
	margin-bottom: 15px;
}
/*contact_info*/
.contact_info {
	background: url(../img/contact_info_bg.png);
	height: 226px;
	box-sizing: border-box;
	padding: 35px 0 0 250px;
	font-size: 14px;
}
.contact_info h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.contact_info .tel {
	text-indent: -9999px;
	height: 51px;
	width: 455px;
	background: url(../img/contact_tel.png) no-repeat;
	margin-bottom: 10px;
}
.contact_info a {
	display: block;
	background: url(../img/contact_mail.png) no-repeat;
	height: 59px;
	width: 455px;
	color: #FFF;
	text-decoration: none;
	padding: 19px 0 0 70px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 21px;
	margin-top: 10px;
}
.contact_info a:hover {
	opacity:0.5;
}
/*main*/
.main {
	width: 738px;
	float: left;
}
.main_inner{
    background: #fff;
    box-shadow: 0 0 2px 1px #F3BCC9;
    border: solid 1px #F3BECA;
    border-radius: 3px;
    margin: 20px 3px 10px;
}
.main_inner h2{
    background: url(../img/ttl_bg01.png) no-repeat left;
    height: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 16px 0 0 50px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.main_inner h3{
	background: url(../img/border_bg.png) repeat-x left bottom -3px;
	color: #802588;
	font-size: 16px;
	padding: 0px 0 19px 0px;
	margin-bottom: 30px;
}

/*serch*/
.serch {
	width: 1198px;
	height: 715px;
	margin: 20px auto;
	background: url(../img/serch_bg_01.png) no-repeat center, url(../img/serch_bg_02.png) no-repeat center top 37px;
	overflow: hidden;
}
.serch h2 {
	text-align: center;
	font-weight: bold;
	margin: 52px 0 40px;
	font-size: 26px;
	color: #fff;
}
.serch h3 {
	background: url(../img/search.png) no-repeat left top 6px, url(../img/border_bg.png) repeat-x bottom;
	color: #802588;
	font-size: 24px;
	padding: 15px 0 20px 40px;
}
.serch h3 b {
	font-size: 32px;
}
.serch_area {
	position: relative;
	height: 378px;
	width: 875px;
	margin: auto;
	background: url(../img/serch_bg_map.png) no-repeat;
}
.serch_area h3 {
	width: 240px;
}
.serch- {
/* position: absolute; */
	/* top: 3em; */
}
.serch-radio {
	display: none;
}
.serch-name {
	/* padding: 0.5em 1em; */
	position: absolute;
	/* top: 0px; */
	z-index: 10;
	/* background: #84a2d4; */
	/* color: #fff; */
	/* border: 1px solid #535353; */
	/* display: inline-block; */
	/* text-align: center; */


	-webkit-transition: 0.2s ease-in;
	-moz-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	cursor: pointer;
	height: 44px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.serch-name:hover {
/* background: #71bacd; */
}
.serch-1 {
	background-image: url(../img/serch_state01.png);
	width: 84px;
	top: 15px;
	left: 308px;
}
.serch-2 {
	background-image: url(../img/serch_state02.png);
	width: 64px;
	top: 113px;
	left: 333px;
}
.serch-3 {
	background-image: url(../img/serch_state03.png);
	width: 114px;
	top: 177px;
	left: 200px;
}
.serch-4 {
	background-image: url(../img/serch_state04.png);
	width: 64px;
	top: 243px;
	left: 333px;
}
.serch-5 {
	background-image: url(../img/serch_state05.png);
	width: 64px;
	top: 251px;
	left: 108px;
}
.serch-6 {
	background-image: url(../img/serch_state06.png);
	width: 64px;
	top: 247px;
	left: 194px;
}
.serch-7 {
	background-image: url(../img/serch_state07.png);
	width: 94px;
	top: 293px;
	left: 0px;
}
.serch-8 {
	background-image: url(../img/serch_state08.png);
	width: 64px;
	top: 329px;
	left: 111px;
}
.serch-9 {
	background-image: url(../img/serch_state09.png);
	width: 64px;
	top: 310px;
	left: 250px;
}
.serch-content {
	display: none;
	/* height: 15em; */
	/* width: 30em; */
	/* font-weight: bold; */
	/* text-align: center; */
	/* padding: 6em 12.5em; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/* background: #fefefe; */
	/* border: 1px solid #535353; */
}
.serch-content h4 {
	background: url(../img/serch_title_bg.png) no-repeat;
	font-weight: bold;
	color: #fff;
	padding: 29px 0 0 20px;
	font-size: 24px;
	height: 75px;
	box-sizing: border-box;
}
.serch-content dl {
	border: 1px solid #CCCCCC;
	border-top: none;
	margin-top: -2px;
	padding: 10px 20px;
	font-size: 14px;
	height: 320px;
	overflow-y: auto;
	box-sizing: border-box;
}
.serch-content dt {
	width: 70px;
	float : left;
	clear : both;
	padding: 10px 0 10px 15px;
	background: url(../img/arrow.png) no-repeat left center;
}
.serch-content dd {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 10px 85px;
	min-height: 39px;
	box-sizing: border-box;
}
.serch-content dd:last-child {
	border: none;
}
.serch-content a {
	margin-right: 40px;
	color: #333;
}
.serch-content a:last-child {
	margin: 0;
}
.serch-inner {
	-webkit-animation: fade-out 0.3s ease-out;
	-webkit-animation-fill-mode: both;
	-moz-animation: fade-out 0.3s ease-out;
	-moz-animation-fill-mode: both;
	-ms-animation: fade-out 0.3s ease-out;
	-ms-animation-fill-mode: both;
	animation: fade-out 0.3s ease-out;
	animation-fill-mode: both;
}
.serch-radio:checked + .serch-name {
	/* color: #2b2b2b; */
	/* background: #fefefe; */
	/* border-color: #535353 #535353 transparent; */
	cursor: default;
}
.serch-radio:checked ~ .serch-content {
	display: block;
	position: absolute;
	width: 430px;
	right: 0;
	top: 0;
}
.serch-radio:checked ~ .serch-content .serch-inner {
	-webkit-animation: fade-in 0.3s ease-in;
	-webkit-animation-fill-mode: both;
	-moz-animation: fade-in 0.3s ease-in;
	-moz-animation-fill-mode: both;
	-ms-animation: fade-in 0.3s ease-in;
	-ms-animation-fill-mode: both;
	animation: fade-in 0.3s ease-in;
	animation-fill-mode: both;
}
.serch_option {
	width: 875px;
	margin: 20px auto 0;
}
.serch_option_list {
	overflow: hidden;
	margin-top: 20px;
}
.serch_option_list a {
	display: block;
	float: left;
	height: 84px;
	width: 130px;
	text-indent: -9999px;
	margin: 0 22px;
}
.serch_option_list a:hover {
	opacity: 0.5;
}
.serch_option_list a:last-child {
	/* margin: 0; */
}
.serch_option_list .option_01 {
	background: url(../img/serch_option_01.png) no-repeat;
}
.serch_option_list .option_02 {
	background: url(../img/serch_option_02.png) no-repeat;
}
.serch_option_list .option_03 {
	background: url(../img/serch_option_03.png) no-repeat;
}
.serch_option_list .option_04 {
	background: url(../img/serch_option_04.png) no-repeat;
}
.serch_option_list .option_05 {
	background: url(../img/serch_option_05.png) no-repeat;
}
.serch_option_list .option_06 {
	background: url(../img/serch_option_06.png) no-repeat;
}

/*TOP*/
.recruit_new{
    overflow: hidden;
    margin: 0 30px 35px;
}
.recruit_new dl{
    float: left;
    width: 324px;
    margin-right: 22px;
}
.recruit_new dl:last-child{
    margin: 0;
}
.recruit_new dt{
    margin: 10px 0;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
    line-height: 26px;
}
.recruit_new dt a{
    color: #E73D6F;
    font-size: 18px;
    text-decoration: none;
}
.recruit_new dt a:hover{
    text-decoration: underline;
}
.recruit_new dd{}
.recruit_new dl > a:hover{
	opacity:0.5;
}
.recruit_new dl img{
    border: 1px solid #CCCCCC;
}


.recruit_pickup{
    margin: 0 20px 20px;
    overflow: hidden;
}
.recruit_pickup dl{
    float: left;
    width: 160px;
    margin: 0px 16px 20px 0;
}
.recruit_pickup dl:nth-of-type(4n){
    margin-right: 0;
}
.recruit_pickup dt{
    margin: 10px 0;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.recruit_pickup dt a{
    color: #E63D6E;
    font-size: 14px;
    text-decoration: none;
}
.recruit_pickup dt a:hover{
    text-decoration: underline;
}
.recruit_pickup dd{
    height: 72px;
    overflow: hidden;
}
.recruit_pickup dl a{}
.recruit_pickup li {
    list-style: none;
    background: #9B5FA4;
    text-align: center;
}
.recruit_pickup .shopimage {
  width: 160px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.recruit_pickup li img{
    width: 160px;
    /*height: 120px;*/
    display:none;
}
.recruit_pickup li a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}
.recruit_pickup li a:hover{
	opacity:0.5;
}

/*求人情報*/
.serch_result{
    padding: 0 20px 20px;
}
.serch_info{
    background: linear-gradient(to bottom, #ffffff 0%,#fbf2f4 100%);
    border: dotted 1px #D53E7A;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}
.serch_info th{
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
}
.serch_info td{
    vertical-align: middle;
    text-align: right;
    padding-right: 20px;
}
.serch_narrowarea {
    border: solid 2px #ccc;
    padding: 10px 20px;
    border-radius: 5px;
}
.serch_narrowarea h3{
	background: url(../img/narrow_icn_search.png) no-repeat left top 6px, url(../img/border_bg.png) repeat-x left bottom -4px;
	color: #802588;
	font-size: 20px;
	padding: 12px 0 12px 32px;
}
.serch_narrowarea h3 b {
	font-size: 26px;
}
.serch_narrowarea_inner{
    overflow: hidden;
}
.serch_narrowarea_inner li{
    float: left;
    width: 195px;
    position: relative;
    padding: 15px 0;
    margin-right: 30px;
    font-size: 16px;
    line-height: 36px;
}
.serch_narrowarea_inner li:nth-of-type(3n){
    margin: 0;
}
.serch_narrowarea_inner input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.serch_narrowarea_inner input[type=checkbox] + label {
    /* position: relative; */
    display: inline-block;
    margin-right: 12px;
    font-size: 16px;
    line-height: 36px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.serch_narrowarea_inner input[type=checkbox]#check-1 + label {
    background-image: url(../img/narrow_icn01.png);
}
.serch_narrowarea_inner input[type=checkbox]#check-2 + label {
    background-image: url(../img/narrow_icn02.png);
}
.serch_narrowarea_inner input[type=checkbox]#check-3 + label {
    background-image: url(../img/narrow_icn03.png);
}
.serch_narrowarea_inner input[type=checkbox]#check-4 + label {
    background-image: url(../img/narrow_icn04.png);
}
@media (min-width: 1px) {

    .serch_narrowarea_inner input[type=checkbox] {
        display: none;
        margin: 0;
    }

    .serch_narrowarea_inner label {
        padding: 0 0 0 45px;
    }
    .serch_narrowarea_inner label::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 26px;
        height: 26px;
        margin-top: -13px;
         
        background: #FFF;
    }
    .serch_narrowarea_inner input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    
        border-radius: 5px;
}
    .serch_narrowarea_inner input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .serch_narrowarea_inner input[type=checkbox]:checked + label::after {
        right: -1px;
        width: 24px;
        height: 13px;
        margin-top: -12px;
        border-left: 5px solid #E71063;
        border-bottom: 4px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
.serch_narrowarea_inner li#select-1{
    background: url(../img/narrow_icn05.png) no-repeat left top 15px;
    padding-left: 45px;
    box-sizing: border-box;
    /* margin-right: 20px; */
    /* width: 201px; */
}
.serch_narrowarea_inner li#select-2{
    background: url(../img/narrow_icn06.png) no-repeat left top 15px;  
    padding-left: 45px;  
    box-sizing: border-box;
    /* width: 200px; */
}
.serch_narrowarea_inner li select{
    border: solid 2px #ccc;
    border-radius: 5px;
    height: 26px;
}
.serch_narrowarea input[type=submit]{
    width: 100%;
    font-size: 24px;
    border-radius: 5px;
    border: solid 2px #ccc;
    background: linear-gradient(to bottom, #fff 0%,#eee 100%);
    color: #D53E7A;
    font-family: 'Meiryo';
    font-weight: bold;
    margin-top: 15px;
}
.serch_narrowarea input[type=submit]:hover{
    background: linear-gradient(to bottom, #eee 0%,#fff 100%);
}
.pager{
    position: relative;    overflow: hidden;
    font-size: 14px;
    background: url(../img/pager_bg.png) repeat-x bottom;
    padding: 10px 0;
    margin: 20px 0;
    clear: both;
}
.pager:last-child{
    background-position: top;
}
.pager_navi{
    position: relative;    left: 50%;    float: left;
}
.pager_navi li{
    position: relative;    left: -50%;    float: left;
}
.pager_navi li a{
    color: #D33D79;
    text-decoration: none;
    display: block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
}
.pager_navi li a:hover{
    background: #D33D79;

    color: #fff;
}
.pager_navi li a.active,.pager_navi li a.active:hover{
    color: #fff;
    background: #ddd;

}
.pager_navi .pre{}
.pager_navi .pre a{
    background: url(../img/page_pre.png) no-repeat left center;
    padding-left: 20px;
    margin-right: 20px;
}
.pager_navi .next{}
.pager_navi .next a{
    background: url(../img/page_next.png) no-repeat right center;
    padding-right: 20px;
    margin-left: 20px;
}
.pager_navi .pre a:hover,.pager_navi .next a:hover{
    background: inherit;
    color: #D33D79;
    text-decoration: underline;
}
.pager_navi .pre a:hover{
    background: url(../img/page_pre.png) no-repeat left center;}
.pager_navi .next a:hover{
    background: url(../img/page_next.png) no-repeat right center;}

.shop_list{
    overflow: hidden;
    margin: 0 auto 10px;
    width: 670px;
}
.shop_list table{
    width: 100%;
    border-top: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
}
.shop_list th{
    border-bottom: 1px solid #D0D0D0;
    background: #F7F7F7;
    width: 94px;
    padding: 15px 0;
    vertical-align: middle;
}
.shop_list td{
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    padding: 13px;
    vertical-align: middle;
}
.shop_list .shop_name{
    background: url(../img/shop_name_bg.png) center;
    font-size: 16px;
    color: #fff;
    height: 23px;
}
.shop_list .shop_img{
	text-align:center;
	width:160px;
}
.shop_list .shop_img img{
	width:160px;
}
.shop_list .point{
    background: url(../img/shop_point_bg.png) no-repeat left 13px center;
    padding-left: 100px;
}
.shop_list .to_detail{
    display: block;
    text-indent: -9999px;
    background: url(../img/btn_to_detail.png) no-repeat;
    width: 180px;
    height: 36px;
    margin-top: 5px;
    float: right;
}
.shop_list .to_detail:hover{
	opacity:0.8;
}


/*店舗情報*/
.shopdetail{
    margin: 0 30px 30px;
}
.shopdetail h4{
    background: url(../img/shop_point_bg.png) no-repeat left center;
    min-height: 30px;
    padding-left: 85px;
    margin-bottom: 20px;
}
.shopdetail .shop_txt{
    overflow: hidden;
    margin-bottom: 20px;
    line-height: 23px;
}
.shopdetail .shop_txt img{
    float: left;
    margin: 0 10px 10px 0;
}
.shopdetail table{
    width: 100%;
    border-top: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    margin-bottom: 20px;
}
.shopdetail th{
    background: #F7F7F7;  width: 20%;  vertical-align: middle;  text-align: center;  
    border-bottom: 1px solid #D0D0D0;
    font-size: 14px;
}
.shopdetail td{
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    padding: 16px 13px;
}