html {
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: inherit;
/* font-size: 100%; */
font-weight: inherit;
vertical-align: baseline;
background:transparent;
}
body{
margin:0;
font-size:14px;
line-height:1.6;
color:#444;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
font-family:Meiryo,"メイリオ",Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;
text-align:center;
}
body#formpage{
background:#fff;
}
.arial{
font-family:Arial,'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* ul,li{
margin:0;
padding:0;
list-style:none;
}
* dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}
* figure,figcaption{
margin:0;
padding:0;
}
* p{
margin:0;
padding:0;
}
* img{
border:0;
vertical-align:bottom;
max-width: 100%;
}
* a:hover img{
filter: alpha(opacity=75);
moz-opacity: 0.75;
opacity: 0.75;
}
a{
text-decoration:none;
color:#444;
transition : all 0.3s ease 0s;
}
a:hover{
text-decoration:none;
color:#aaa;
}
a:focus, *:focus { outline:none; }

* table{
border-collapse:collapse;
}
h1,h2,h3,h4,h5,j6{
margin:0; padding:0;
font-weight:normal;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
/* ヘッダー */
.index_header{
border-bottom:3px solid #fbb5c4;
padding:5px 0 10px;
}
.header_wrap{
width:1000px;
margin:auto;
position:relative;
}
.header_wrap h1{
font-size:12px;
text-align:left;
margin-bottom:5px;
}
.header_wrap .logo{
/* width:180px; */
}
.header_wrap .logo img{
height:106px;
}
.header_wrap .header_box{
display:flex;
justify-content:space-between;
align-items:center;
}
.header_wrap .header_box .logobox{
display:flex;
align-items:center;
}
.header_wrap .header_box .logobox dl{
text-align:left;
margin-left:15px;
line-height:1.4;
}
.header_wrap .header_box .logobox dl dt{
font-size:20px;
font-weight:bold;
}
.header_wrap .header_box .logobox dl dt a span{
font-size:11px;
color:#fbb5c4;
margin-left:3px;
}
.header_wrap .header_box .logobox ul{
display:flex;
font-size:12px;
font-weight:bold;
}
.header_wrap .header_box .logobox ul li::after{
content:"｜";
color:#eee;
}
.header_wrap .header_box .logobox ul li:last-child::after{
content:"";
}
.header_wrap .header_box .logobox ul li a.active{
color:#fbb5c4;
}
.header_wrap .header_box .logobox ul li a:hover{
color:#fbb5c4;
}
.header_wrap .header_box .logobox ul li span{
color:#ccc;
}
.header_wrap ul.header_menu{
display:flex;
justify-content:flex-end;
align-items:center;
}
.header_wrap ul.header_menu .data{
text-align:right;
line-height:1.2;
font-size:10px;
}
.header_wrap ul.header_menu .data em{
display:block;
font-size:14px;
font-weight:bold;
font-style:normal;
}
.header_wrap ul.header_menu .data span{
font-size:21px;
font-weight:bold;
color:#fbb5c4;
position:relative;
top:1px;
margin:0 2px;
}
.header_wrap ul.header_menu .data .btn{
margin-top:2px;
display:flex;
justify-content:space-between;
}
.header_wrap ul.header_menu .data .btn a{
width : calc(100% / 2 - 2px) ;
border:1px solid #38b8e9;
border-radius:100px;
display:block;
padding:3px 0 2px;
color:#38b8e9;
text-align:center;
}
.header_wrap ul.header_menu .data .btn a::after{
font-family:"FontAwesome";
content:"\f105";
margin-left:5px;
}
.header_wrap ul.header_menu .data .btn a:hover{
background:#fbb5c4;
color:#fff;
}
.header_wrap ul.header_menu .kentou,
.header_wrap ul.header_menu .login,
.header_wrap ul.header_menu .mypage a,
.header_wrap ul.header_menu .mylog a{
margin-left:8px;
line-height:1.2;
position:relative;
}
.header_wrap ul.header_menu .kentou a,
.header_wrap ul.header_menu .login a,
.header_wrap ul.header_menu .mypage a,
.header_wrap ul.header_menu .mylog a{
display:block;
font-size:10px;
width:58px;
border:1px solid #ddd;
border-radius:5px;
padding:4px 0 6px;
}
.header_wrap ul.header_menu .login a{
border:1px solid #38b8e9;
background:#38b8e9;
color:#fff;
}
.header_wrap ul.header_menu .mypage a,
.header_wrap ul.header_menu .mylog a{
border:1px solid #fbb5c4;
background:#fbb5c4;
color:#fff;
}
.header_wrap ul.header_menu .kentou span,
.header_wrap ul.header_menu .login span{
display:inline-block;
background:#fbb5c4;
color:#fff;
font-weight:bold;
border-radius:100px;
position:absolute;
top:-8px;
right:-8px;
line-height:23px;
height:22px;
min-width:22px;
padding:0 5px;
}
.header_wrap ul.header_menu .kentou a::before{
font-family:"FontAwesome";
content:"\f005";
display:block;
font-size:30px;
color:#ffb800;
}
.header_wrap ul.header_menu .login a::before,
.header_wrap ul.header_menu .mylog a::before{
font-family:"icomoon";
content:"\e903";
display:block;
font-size:30px;
color:#fff;
}
.header_wrap ul.header_menu .mypage a::before{
font-family:"FontAwesome";
content:"\f007";
display:block;
font-size:30px;
color:#fff;
}
.header_wrap .shop_login{
position:absolute;
top:-5px;
right:0;
display:none;
}
.header_wrap .shop_login a{
display:block;
background:#fbb5c4;
color:#fff;
height:24px;
line-height:24px;
border-radius:0 0 6px 6px;
padding:0 20px;
}

/* パンくず */
.breadcrumb{
margin-bottom:10px;
position:relative;
z-index:99;
}
.breadcrumb ul{
width:1000px;
margin:auto;
display:flex;
padding:10px 0;
font-size:12px;
}
.breadcrumb ul li::after{
content:">";
margin:0 4px;
}
.breadcrumb ul li:last-child::after{
content:"";
}

/* コンテナ */
.container{
width:1000px;
margin:auto;
box-sizing:border-box;
}
/* TOPページ */
.index_page .area_wrap{
background:#fbb5c4;
padding:30px 0;
}
.index_page .area_wrap .container{
position:relative;
z-index:99;
}
.index_page .area_wrap .container .topimg{
position:absolute;
top:-68px;
right:-202px;
width:418px;
}
.index_page .area_wrap .index_txt{
text-align:left;
color:#fff;
margin-bottom:10px;
}
.index_page .area_wrap .index_txt h2{
font-size:24px;
font-weight:bold;
}
.index_page .area_wrap .index_txt h2::before{
font-family:"FontAwesome";
content:"\f002";
margin-right:5px;
font-weight:normal;
}
.index_page .area_wrap .index_txt .subtxt{
font-size:13px;
}
/* 全国ボタン */
.index_page .area_wrap .areabtn ul li{
display:flex;
justify-content:space-between;
width:782px;
}
.index_page .area_wrap .areabtn ul li:first-child{
margin-bottom:15px;
}
.index_page .area_wrap .areabtn ul li a,
.index_page .area_wrap .areabtn ul li p{
display:block;
width:188px;
border-radius:10px;
padding:17px 0 15px;
text-align:center;
border:4px solid #fccfd8;
background:#fff;
font-size:25px;
font-weight:bold;
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height:1.3;
}
.index_page .area_wrap .areabtn ul li:first-child a,
.index_page .area_wrap .areabtn ul li:first-child p{
width:254px;
}
.index_page .area_wrap .areabtn ul li a:hover{
background:#ff0;
color:#444;
border-color:#fb7b96;
}
.index_page .area_wrap .areabtn ul li a:hover span{
color:#444;
}
.index_page .area_wrap .areabtn ul li span{
display:block;
font-family: 'Noto Sans JP', sans-serif;
font-weight:bold;
font-size:12px;
color:#fbb5c4;
}
.index_page .area_wrap .areabtn ul li p{
color:#ccc;
border-color:#eee;
}
.index_page .area_wrap .areabtn ul li p span{
color:#ccc;
}

.index_page .areabox{
background:#fff;
border-radius:16px;
overflow:hidden;
padding:10px;
}
.index_page .areabox dl{
margin-bottom:5px;
}
.index_page .areabox dl:last-child{
margin-bottom:0;
}
.index_page .areabox dl,
.index_page .areabox dd{
display:flex;
align-items:center;
}
.index_page .areabox dl a{
font-size:16px;
font-weight:bold;
}
.index_page .areabox dt{
background:#e8f7fc;
margin-right:10px;
}
.index_page .areabox dt a{
display:block;
width:140px;
text-align:center;
padding:12px 0 10px;
color:#fbb5c4;
}
.index_page .areabox dd a{
height:40px;
line-height:41px;
width:74px;
border:1px solid #fbb5c4;
border-radius:4px;
margin-left:5px; 
}
.index_page .areabox dd a:hover{
background:#ffef24;
color:#444;
}
.atitle{
margin-bottom:20px;
}
.atitle h2{
font-size:14px;
line-height:1.4;
}
.atitle h2 strong{
font-family: 'Noto Sans JP', sans-serif;
font-size:40px;
font-weight:bold;
color:#fbb5c4;
display:block;
}
.atitle > p{
font-weight:bold;
font-size:20px;
letter-spacing:1px;
display:flex;
align-items:center;
justify-content:center;
}
.atitle > p::before,
.atitle > p::after{
content:"";
display:block;
width:50px;
height:1px;
background:#444;
}
.atitle > p::before{
margin-right:13px;
}
.atitle > p::after{
margin-left:13px;
}
.atitle > p span{
color:#38b8e9;
font-size:26px;
margin:0 3px;
position:relative;
}
.top_recomend .atitle h2 strong{
color:#38b8e9;
}
.informationbox .atitle h2 strong{
color:#89c0f6;
}
.atitle h2 strong span{
color:#ffd200;
}

.top_recomend{
padding:30px 0;
background:#fdf3f7;
}
.top_recomend .container{
position:relative;
z-index:99;
}
.top_recomend .container .img{
content:"";
width:180px;
height:175px;
background:url(/images/user/chara_2.png) no-repeat;
background-size:180px 175px;
position:absolute;
top:-40px;
left:-75px;
transform: rotate(-15deg);
}
/*
.top_recomend .container::before{
content:"";
width:180px;
height:175px;
background:url(/images/user/chara_2.png) no-repeat;
background-size:180px 175px;
position:absolute;
top:-40px;
left:-75px;
transform: rotate(-15deg);
}
*/
.recomend_wrap{
display:flex;
flex-wrap:wrap;
position:relative;
z-index:2;
margin-top:30px;
}
.recomend_wrap dl{
background:#fff;
width : calc(100% / 3 - 14px) ;
margin:0 21px 40px 0;
text-align:left;
box-shadow:0 4px 4px rgba(0,0,0,.15);
border-radius:0 0 6px 6px;
position:relative;
}
.recomend_wrap dl::before{
font-family: "FontAwesome";
position: absolute;
top: -27px;
left: 0;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
display: inline-block;
line-height: 1;
padding: 6px 8px 5px;
background: #000;
color: #fff;
border-radius: 2px;
}
/* トップページ_オススメ求人速報 */
.recomend_wrap dl.goldplan::before{
content:"\f238\00A0面接交通費対象店";
/*background: #a38131;*/
background: linear-gradient(to right,#e7c76d, #a38131);
}
.recomend_wrap dl.silverplan::before{
content:"\f238\00A0面接交通費対象店";
/*background: #ababab;*/
background: linear-gradient(to right,#ccc, #bcbcbc);
}
.recomend_wrap dl.portionplan::before{
content:"\f238\00A0面接交通費対象店";
/*background: #ababab;*/
background: #15c8b3;
}
.recomend_wrap dl:hover{
cursor:pointer;
}
.recomend_wrap dl:nth-of-type(3n){
margin-right:0;
}
.recomend_wrap dt{
margin-bottom:10px;
}
.recomend_wrap dd.txt{
padding:0 10px;
margin-bottom:16px;
color:#38b8e9;
font-size:16px;
font-weight:bold;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height:51.2px;
}
.recomend_wrap dd.shopname{
background:#fbb5c4;
padding:20px 30px 15px 15px;
position:relative;
border-radius:0 0 6px 6px;
}
.recomend_wrap .goldplan dd.shopname{
background: linear-gradient(to right,#a38131, #e7c76d);
}
.recomend_wrap .silverplan dd.shopname{
background: linear-gradient(to right,#bcbcbc, #ccc);
}
.recomend_wrap dd.shopname::after{
content: "";
display: block;
width: 14px;
height: 14px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 0;
bottom: -10px;
right: 15px;
margin: auto;
transform: rotate(45deg);
}
.recomend_wrap dd .shop{
color:#fff;
font-size:15px;
font-weight:bold;
margin-bottom:4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.recomend_wrap dd .areagenre{
font-size:12px;
color:#fff;
line-height:1;
margin-bottom:5px;
}
.recomend_wrap dd .areagenre .genre{
display:inline-block;
padding:2px 5px 1px;
background:#fff;
margin-right:4px;
border-radius:2px;
color:#444;
}
.recomend_wrap dd .date{
font-size:12px;
/* color:#999; */
position:absolute;
top:-9px;
right:0;
background:#fff;
border-radius:100px 0 0 100px;
padding:0 8px 0 12px;
}
.bloglist{
padding:30px 0;
background:#fffee6;
}
.bloglist .container{
position:relative;
z-index:99;
}
.bloglist .container .img{
content:"";
width:160px;
height:192px;
/*
background:url(/images/user/chara_1.png) no-repeat;
background-size:170px 204px;
*/
position:absolute;
top:-115px;
left:-45px;
}
/*
.bloglist .container::before{
content:"";
width:170px;
height:173px;
background:url(/images/user/chara_1.png) no-repeat;
background-size:170px 173px;
position:absolute;
top:-45px;
right:-45px;
}
*/
.blog_wrap{
display:flex;
flex-wrap:wrap;
/* justify-content:space-between; */
margin-bottom:10px;
position:relative;
z-index:2;
}
.blog_wrap dl{
width : calc(100% / 4 - 9px) ;
text-align:left;
margin-right:12px;
margin-bottom:20px;
}
.blog_wrap dl:nth-child(4n){
margin-right:0;
}
.blog_wrap dt{
margin-bottom:6px;
}
.blog_wrap dd{
padding:0 5px;
}
.blog_wrap .ttl{
margin-bottom:6px;
font-weight:bold;
font-size:15px;
line-height:1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color:#38b8e9;
}
.blog_wrap .genre_data{
display:flex;
justify-content:space-between;
font-size:12px;
}
.blog_wrap .genre{
padding:0 7px;
background:#ff8ab2;
color:#fff;
border-radius:3px;
}

/* ブログ認証以外 */
.top_bloglist{
margin-bottom:30px;
}
.top_blog_wrap{
display:flex;
flex-wrap:wrap;
/* justify-content:space-between; */
margin-bottom:10px;
position:relative;
z-index:2;
}
.top_blog_wrap dl{
width : calc(100% / 3 - 9px) ;
text-align:left;
margin-right:13.5px;
margin-bottom:20px;
}
.top_blog_wrap dl:nth-child(3n){
margin-right:0;
}
.top_blog_wrap dt{
margin-bottom:6px;
}
.top_blog_wrap dd{
padding:0 5px;
}
.top_blog_wrap .ttl{
margin-bottom:6px;
font-weight:bold;
font-size:15px;
line-height:1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color:#38b8e9;
}
.top_blog_wrap .genre_data{
display:flex;
justify-content:space-between;
font-size:12px;
}
.top_blog_wrap .genre{
padding:0 7px;
background:#ff8ab2;
color:#fff;
border-radius:3px;
color:#777;
}

/*キャンペーン応募感謝動画 */
.moviecamwrap{
padding:30px 0;
background: #e6ffe9;
}
.moviecamwrap .container{
position:relative;
z-index:99;
width:940px;
}
.main_area .moviecamwrap video {
object-fit: contain;
width: 458px;
height: 257.63px;
position: static;
top: 0;
left: 0;
}
.moviecamwrap .movie_list{
display:flex;
flex-wrap:wrap;
}
.moviecamwrap .movie_list li{
width : calc(100% / 2 - 9px) ;
margin:0 18px 20px 0;
text-align:center;
}
.moviecamwrap .movie_list li:nth-of-type(2n){
margin-right:0;
}
.moviecamwrap .movie_list li dt{
margin-bottom:8px;
}
.moviecamwrap .movie_list li dd{
padding:0 2px;
}
.moviecamwrap .movie_list li dd:not(.data){
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height:1.45;
font-weight:bold;
margin-bottom:4px;
}
.moviecamwrap .movie_list li dd.data{
font-size:12px;
}
/* キャンペーン応募感謝動画エリアTOP */
.top_moviecam_wrap video { 
	object-fit: contain; 
	width: 100%; 
	position: static; 
	top: 0; 
	left: 0; 
}
.top_moviecam_wrap{
margin-bottom:30px;
}
.top_moviecam_wrap .top_movie_list{
display:flex;
flex-wrap:wrap;
}
.top_moviecam_wrap .top_movie_list li{
width : calc(100% / 2 - 8px) ;
margin:0 15px 20px 0;
text-align:left;
}
.top_moviecam_wrap .top_movie_list li:nth-of-type(2n){
margin-right:0;
}
.top_moviecam_wrap .top_movie_list li dt{
margin-bottom:8px;
}
.top_moviecam_wrap .top_movie_list li dd{
padding:0 2px;
}
.top_moviecam_wrap .top_movie_list li dd:not(.data){
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height:1.45;
font-weight:bold;
margin-bottom:5px;
}
.top_moviecam_wrap .top_movie_list li dd.data{
font-size:12px;
color:#777;
}

/* 動画 */
.moviewrap{
padding:30px 0;
background:#fffee6;
}
.moviewrap .container{
position:relative;
z-index:99;
width:940px;
}
.moviewrap .container .moviebox{
width:720px;
margin:0 auto 20px;
position:relative;
}
.moviewrap .container .moviebox::before{
content:"";
display:block;
width:180px;
height:237px;
background:url(/images/user/chara_11.png) no-repeat;
background-size:180px 237px;
position:absolute;
bottom:-10px;
right:-160px;
}

.moviewrap .movie_list{
display:flex;
flex-wrap:wrap;
}
.moviewrap .movie_list li{
width : calc(100% / 4 - 9px) ;
margin:0 12px 20px 0;
text-align:left;
}
.moviewrap .movie_list li:nth-of-type(4n){
margin-right:0;
}
.moviewrap .movie_list li dt{
margin-bottom:8px;
}
.moviewrap .movie_list li dd{
padding:0 2px;
}
.moviewrap .movie_list li dd:not(.data){
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height:1.45;
font-weight:bold;
margin-bottom:4px;
}
.moviewrap .movie_list li dd.data{
font-size:12px;
}

/* 動画エリアTOP */

.top_movie_wrap{
margin-bottom:30px;
}
.top_movie_wrap .top_movie_list{
display:flex;
flex-wrap:wrap;
}
.top_movie_wrap .top_movie_list li{
width : calc(100% / 3 - 9px) ;
margin:0 13.5px 20px 0;
text-align:left;
}
.top_movie_wrap .top_movie_list li:nth-of-type(3n){
margin-right:0;
}
.top_movie_wrap .top_movie_list li dt{
margin-bottom:8px;
}
.top_movie_wrap .top_movie_list li dd{
padding:0 2px;
}
.top_movie_wrap .top_movie_list li dd:not(.data){
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height:1.45;
font-weight:bold;
margin-bottom:5px;
}
.top_movie_wrap .top_movie_list li dd.data{
font-size:12px;
color:#777;
}
/* インタビュー */
.intvwrap{
padding:30px 0;
background:#fff;
/*
background:#fdf3f7;
*/
}
.intvwrap .container{
position:relative;
z-index:99;
width:940px;
}
.intvlist{
display:flex;
}
.intvlist li{
width : calc(100% / 3 - 9px) ;
margin:0 13.5px 20px 0;
text-align:left;
}
.intvlist li:nth-of-type(3n){
margin-right:0;
}
.top_intvwrap{
margin-bottom:40px;
}
.top_intvwrap .intvlist{
display:flex;
flex-wrap:wrap;
}
.top_intvwrap .intvlist li{
width : calc(100% / 2 - 7.5px) ;
margin:0 15px 20px 0;
text-align:left;
}
.top_intvwrap .intvlist li:nth-of-type(2n){
margin-right:0;
}
.intvlist li dt{
margin-bottom:8px;
}
.intvlist li dt img{
border-radius:10px;
overflow:hidden;
}
.intvlist li dd:not(.data){
margin-bottom: 6px;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.intvlist li dd.data{
font-size:12px;
color:#777;
}
.intv_bnr a:hover{
cursor:pointer;
}
.intv_bnr img{
width:600px;
}
/* お知らせ */
.informationbox{
padding:30px 0;
background:#fff;
}
.informationbox .container{
position:relative;
z-index:99;
width:940px;
}
#infopage .info_list,
.informationbox .info_list{
text-align:left;
margin-bottom:20px;
}
#infopage .infolink,
.informationbox .infolink{
display:flex;
font-size:15px;
font-weight:bold;
padding:15px 0;
border-bottom:1px solid #ddd;
}
#infopage ul .infolink:first-child,
.informationbox ul .infolink:first-child{
border-top:1px solid #ddd;
}
#infopage .infolink span,
.informationbox .infolink span{
display:inline-block;
width:160px;
}
#infopage .infolink a,
.informationbox .infolink a{
color:#89c0f6;
}
#infopage .info_box{
text-align:left;
}
#infopage .info_box dt{
font-size:19px;
font-weight:bold;
margin-bottom:5px;
}
#infopage .info_box .date{
font-size:13px;
color:#777;
margin-bottom:20px;
}
#infopage .info_box .txt{
font-size:16px;
}
/* お知らせTOP以外 */
.top_informationbox{
margin-bottom:20px;
}
.top_informationbox .container{
position:relative;
z-index:99;
width:940px;
}
.top_informationbox .info_list{
text-align:left;
margin-bottom:20px;
}
.top_informationbox .infolink{
display:flex;
font-size:15px;
font-weight:bold;
padding:15px 0;
border-bottom:1px solid #ddd;
}
.top_informationbox ul .infolink:first-child{
/* border-top:1px solid #ddd; */
}
.top_informationbox .infolink span{
display:inline-block;
width:140px;
min-width:140px;
}
.top_informationbox .infolink a{
color:#89c0f6;
display:block;
flex-grow:1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.top_informationbox .infolink a:hover{
opacity:.7;
}

.btnbox a{
display:block;
width: 400px;
height: 54px;
line-height:51px;
font-size: 18px;
font-weight:bold;
text-align: center;
text-decoration: none;
outline: none;
border-radius:100px;
margin:auto;
overflow:hidden;
box-sizing: border-box;
transition: all .3s;
position: relative;
z-index: 2;
background:#fbb5c4;
border:3px solid #fbb5c4;
color: #fff;
}
#infopage .btnbox a,
.informationbox .btnbox a{
background:#89c0f6;
border-color:#89c0f6;
}
.btnbox a::before,
.btnbox a::after {
content: '';
position: absolute;
z-index: -1;
display: block;
transition: all .3s;
top: 0;
width: 50%;
height: 100%;
background-color: #fbb5c4;
}
#infopage .btnbox a::before,
#infopage .btnbox a::after,
.informationbox .btnbox a::before,
.informationbox .btnbox a::after {
background-color: #89c0f6;
}
.btnbox a:hover {
background-color: #fff;
border-color: #fbb5c4;
color: #fbb5c4;
}
#infopage .btnbox a:hover,
.informationbox .btnbox a:hover{
background-color: #fff;
border-color: #89c0f6;
color: #89c0f6;
}
.btnbox a::before {
right: 0;
}
.btnbox a::after {
left: 0;
}
.btnbox a:hover::before,
.btnbox a:hover::after{
width: 0;
background-color: #fbb5c4;
}
#infopage .btnbox a:hover::before,
#infopage .btnbox a:hover::after,
.informationbox .btnbox a:hover::before,
.informationbox .btnbox a:hover::after{
width: 0;
background-color: #89c0f6;
}


/* トップ以外の共通ボタン */
/*
.top_movie_wrap .btnbox,
.top_informationbox .btnbox,
.top_bloglist .btnbox{
text-align:center;
}
.top_movie_wrap .btnbox a,
.top_informationbox .btnbox a,
.top_bloglist .btnbox a{
display: block;
border: 2px solid #fbb5c4;
width: 60%;
height: 48px;
line-height: 48px;
font-size: 16px;
font-weight: bold;
color: #fbb5c4;
margin: auto;
border-radius: 100px;
position: relative;
background: #fff;
}
.top_movie_wrap .btnbox a:hover,
.top_informationbox .btnbox a:hover,
.top_bloglist .btnbox a:hover{
background: #fbb5c4;
color: #fff;
}
.top_movie_wrap .btnbox a::after,
.top_informationbox .btnbox a::after,
.top_bloglist .btnbox a::after{
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #fbb5c4;
border-right: 2px solid #fbb5c4;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
transform: rotate(45deg);
}
.top_movie_wrap .btnbox a:hover::after,
.top_informationbox .btnbox a:hover::after,
.top_bloglist .btnbox a:hover::after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
*/

.index_btn_wrap{
padding:30px 0;
position:relative;
z-index:99;
}
.index_btn_wrap .beginner{
width:940px;
margin:0 auto 20px;
}
.index_btn_wrap ul{
width:940px;
display:flex;
justify-content:space-between;
margin:auto;
}
.index_btn_wrap ul li{
width : calc(100% / 2 - 10px) ;
}
.animated:hover{
animation-name: bounce;
animation-duration: 1s;
}

/* サイトテキスト */
.sitetxt{
/* background:#f6f6f6; */
padding:30px 0;
}
#index .sitetxt{
background:#fdf3f7;
}
.sitetxt dl{
width:1000px;
box-sizing:border-box;
border-radius:16px;
padding:20px;
text-align:left;
margin:auto;
background:#fff;
position:relative;
z-index:99;
}
.sitetxt dl::before{
content:"";
display:block;
width:105px;
height:105px;
background:url(/images/user/chara_5.png) no-repeat;
background-size:106px 102px;
position:absolute;
top:-56px;
right:-15px;
}
.sitetxt dl dt{
font-weight:bold;
font-size:18px;
color:#fbb5c4;
margin-bottom:5px;
}
.sitetxt dl dd{
line-height:1.8;
}

/* 店舗詳細 */
.shop_header{
text-align:left;
width:1000px;
margin:0 auto 20px;
position:relative;
z-index:99;
}
.shop_header dt{
font-size:28px;
font-weight:bold;
line-height:1;
margin-bottom:5px;
}
.shop_header dt span{
font-size:14px;
margin-left:4px;
}
.shop_header .genre_area{
display:flex;
align-items:center;
}
.shop_header .genre_area{
margin-bottom:7px;
}
.shop_header .genre_area .genre{
display:inline-block;
padding:0 7px;
background:#ff8ab2;
color:#fff;
border-radius:3px;
margin-right:5px;
height:20px;
line-height:20px;
}
.shop_header .icon ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.shop_header .icon ul li{
width : calc(100% / 9 - 3px) ;
}
.shop_header .icon strong,
.shop_header .icon span{
font-size:12px;
border:1px solid #fbb5c4;
color:#fbb5c4;
height:26px;
line-height:25px;
border-radius:2px;
display:block;
text-align:center;
white-space: nowrap;
margin-bottom:3px;
font-weight:bold;
}
.shop_header .icon span{
border:1px solid #ccc;
color:#ccc;
}
.shop_wrap{
display:flex;
justify-content:space-between;
width:1000px;
margin:0 auto;
padding-bottom:30px;
position:relative;
z-index:99;
}
.shop_wrap .shop_main{
width:700px;
text-align:left;
}
.shop_wrap .shop_main .img{
margin-bottom:10px;
}
.shop_wrap .shop_main .shop_txt{
margin-bottom:30px;
}
.shop_wrap .shop_main .shop_txt dt{
font-size:22px;
font-weight:bold;
color:#fbb5c4;
margin-bottom:10px;
}
.shop_wrap .shop_main .shop_img{
display:flex;
margin-bottom:30px;
}
.shop_wrap .shop_main .shop_img dl{
width : calc(100% / 3 - 7px) ;
margin-right:10.5px;
}
.shop_wrap .shop_main .shop_img dl:last-child{
margin-right:0;
}
.shop_wrap .shop_main .shop_img dl dt{
margin-bottom:7px;
}
.shop_wrap .shop_main .shop_img dl dd{
font-size:12px;
}

.shop_wrap .shop_main .pr_img{
margin-bottom:30px;
}

.shop_wrap .shop_main .kyubo{
border-radius:6px;
border:2px solid #fbb5c4;
margin-bottom:30px;
background:#fff;
overflow:hidden;
}
.shop_wrap .shop_main .kyubo .kyubo_ttlbox{
padding:15px;
background:#fbb5c4;
}
.shop_wrap .shop_main .kyubo h3.shop_subttl{
font-weight:bold;
font-size:20px;
color:#fff;
display:flex;
justify-content:space-between;
align-items:center;
}
.shop_wrap .shop_main .kyubo h3.shop_subttl span{
font-size:14px;
font-weight:normal;
background:#fff;
color:#999;
height:24px;
line-height:25px;
padding:0 20px;
border-radius:100px;
}
.shop_wrap .shop_main .kyubo .kyubo_wrap{
/* display:flex; */
padding:15px;
}
.shop_wrap .shop_main .kyubo .kyubo_wrap .img{
width:200px;
min-width:200px;
margin-right:15px;
}
.shop_wrap .shop_main .kyubo .kyubo_wrap dt{
border-bottom:1px solid #ddd;
padding-bottom:5px;
margin-bottom:10px;
}
.shop_wrap .shop_main .kyubo .kyubo_wrap .ttl{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.shop_wrap .shop_main h2.shop_subttl{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.shop_wrap .shop_main h2.shop_subttl.ttl_intv{
margin-top:30px;
}

.shop_wrap .shop_main .gallery{
display:flex;
margin-bottom:30px;
}
.shop_wrap .shop_main .gallery > dl{
width : calc(100% / 5 - 8px) ;
margin-right:8px;
}
.shop_wrap .shop_main .gallery > dl:last-child{
margin-right:0;
}
.shop_wrap .shop_main .gallery > dl dd{
font-size:12px;
margin-top:5px;
}
.shop_wrap .shop_main .recruit_txt{
margin-bottom:30px;
}
.shop_wrap .shop_main .recruit_txt dl{
display:flex;
/* flex-wrap:wrap; */
padding:18px 0 15px;
border-bottom:1px solid #ddd;
line-height:1.75;
}
.shop_wrap .shop_main .recruit_txt dl:first-child{
border-top:1px solid #ddd;
}
.shop_wrap .shop_main .recruit_txt dt{
width:150px;
min-width:150px;
font-weight:bold;
font-size:15px;
}
.shop_wrap .shop_main .recruit_txt dd{
flex-grow:1;
}
.shop_wrap .shop_main .recruit_txt dd span{
color:#ff8ab2;
font-weight:bold;
display:block;
font-size:16px;
}
.shop_wrap .shop_main .shop_icon{
margin-bottom:30px;
}
.shop_wrap .shop_main .shop_icon ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.shop_wrap .shop_main .shop_icon ul li{
width : calc(100% / 6 - 2px) ;
text-align:center;
font-size:13px;
font-weight:bold;
margin-bottom:8px;
}
.shop_wrap .shop_main .shop_icon ul li strong{
border:1px solid #fbb5c4;
border-radius:100px;
color:#fbb5c4;
display:block;
padding:7px 0 5px;
background:#fdf3f7;
}
.shop_wrap .shop_main .shop_icon ul li span{
border:1px solid #ccc;
border-radius:100px;
color:#ccc;
display:block;
padding:7px 0 5px;
background:#efefef;
}
.shop_wrap .shop_main .shop_oubo{
text-align:center;
margin-bottom:30px;
}
.shop_wrap .shop_main .shop_oubo ul{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}
.shop_wrap .shop_main .shop_oubo ul li{
width : calc(100% / 3 - 7px) ;
}
.shop_wrap .shop_main .shop_oubo ul li a{
display:block;
height:54px;
line-height:53px;
border-radius:100px;
background:#fbb5c4;
border:1px solid #fbb5c4;
font-weight:bold;
font-size:20px;
color:#fff;
}
.shop_wrap .shop_main .shop_oubo ul li.line a{
background:#07b53b;
border:1px solid #07b53b;
cursor:pointer;
}
.shop_wrap .shop_main .shop_oubo ul li.mail a{
background:#f90;
border:1px solid #f90;
}
.shop_wrap .shop_main .shop_oubo ul li.keep a{
background:#fff;
border:1px solid #ddd;
color:#444;
cursor:pointer;
}
.shop_wrap .shop_main .shop_oubo ul li.keep a::before{
font-family:"FontAwesome";
content:"\f006";
font-size:23px;
font-weight:normal;
color:#bbb;
margin-right:5px;
position:relative;
top:1px;
}
.shop_wrap .shop_main .shop_oubo ul li.keep.favorite a::before{
content:"\f005";
color:#ffb800;
}
.shop_wrap .shop_main .shop_oubo ul li span{
display:block;
height:54px;
line-height:53px;
border-radius:100px;
background:#eee;
border:1px solid #ddd;
font-weight:bold;
font-size:20px;
color:#ccc;
}
.shop_wrap .shop_main .shop_oubo p strong{
font-weight:bold;
}
.shop_wrap .shop_main .shop_oubo p strong span{
color:#fbb5c4;
}
.shop_wrap .shop_main .shop_info{
margin-bottom:30px;
border:1px solid #ddd;
border-radius:5px;
overflow:hidden;
}
.shop_wrap .shop_main .shop_info table{
width:100%;
background:#fff;
}
.shop_wrap .shop_main .shop_info table th,
.shop_wrap .shop_main .shop_info table td{
padding:20px 15px;
border-bottom:1px solid #ddd;
}
.shop_wrap .shop_main .shop_info table tr:last-of-type th,
.shop_wrap .shop_main .shop_info table tr:last-of-type td{
border:none;
}
.shop_wrap .shop_main .shop_info table th{
width:140px;
background:#fdf3f7;
font-weight:bold;
}
.shop_wrap .shop_main .shop_info table td a{
color:#fbb5c4;
}
.shop_wrap .shop_main .shop_info table td a.rec_hp{
color:#ff8ab2;
display:block;
}
.shop_wrap .shop_main .shop_info table td a.sales_hp{
display:block;
color:#444;
}
.shop_wrap .shop_main .shop_info table td a.inst_link{
color:#0095f6;
}
.shop_wrap .shop_main .shop_info table td a.sales_hp::after,
.shop_wrap .shop_main .shop_info table td a.rec_hp::after,
.shop_wrap .shop_main .shop_info table td a.inst_link::after{
font-family:"FontAwesome";
content:"\f08e";
margin-left:7px;
position:relative;
top:1px;
}
.shop_wrap .shop_main .shop_info table td a.rec_hp:hover,
.shop_wrap .shop_main .shop_info table td a.sales_hp:hover,
.shop_wrap .shop_main .shop_info table td a.inst_link:hover{
text-decoration:underline;
opacity:.7;
}

.shop_wrap .shop_main .shop_map{
border-radius:16px;
overflow:hidden;
}
.maptxt{
margin-top:10px;
}
.shop_flow{
margin-bottom:30px;
}
.shop_flow ul{
counter-reset: flow;
}
.shop_flow li{
margin-bottom:10px;
display:flex;
}
.shop_flow li::before{
counter-increment:flow;
content:"STEP."counter(flow);
height:20px;
line-height:21px;
background:#fbb5c4;
color:#fff;
padding:0 15px;
border-radius:3px;
margin-right:10px;
}
/* 店舗インタビュー */
.shop_wrap .shop_main .shop_intv{
border-radius:16px;
overflow:hidden;
background:#fff;
border:1px solid #ddd;
padding:15px;
display:flex;
margin-bottom:30px;
}
.shop_wrap .shop_main .shop_intv:hover{
cursor:pointer;
}
.shop_wrap .shop_main .shop_intv .img{
min-width:300px;
width:300px;
margin-right:20px;
margin-bottom:0;
}
.shop_wrap .shop_main .shop_intv .date{
font-size:12px;
display:flex;
align-items:center;
margin-bottom:5px;
}
.shop_wrap .shop_main .shop_intv .date::before{
content:"インタビュー";
display:inline-block;
background:#fbb5c4;
line-height:1;
padding:4px 10px 3px;
border-radius:100px;
color:#fff;
font-size:10px;
font-weight:bold;
margin-right:10px;
}
.shop_wrap .shop_main .shop_intv .ttl{
font-size:18px;
font-weight:bold;
line-height:1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom:9px;
}
.shop_wrap .shop_main .shop_intv .name{
font-weight:bold;
font-size:15px;
}
.shop_wrap .shop_main .shop_intv .subtxt{
font-size:13px;
color:#999;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}



/* 店舗右ナビ */
.shop_wrap .shop_navi{
width:270px;
}
.shop_wrap .oubobtn{
position: sticky;
top:10px;
border:1px solid #ddd;
border-radius:12px;
padding-top:16px;
padding-bottom:4px;
background:#fff;
margin-bottom:10px;
}
.shop_wrap .oubobtn .img{
margin-bottom:9px;
}
.shop_wrap .oubobtn .shop_name{
font-weight:bold;
line-height:1.3;
font-size:15px;
}
.shop_wrap .oubobtn .shop_name span{
display:block;
font-size:12px;
}
.shop_wrap .oubobtn .genre_area{
display:flex;
justify-content:center;
align-items:center;
font-size:12px;
line-height:1;
margin-top:5px;
}
.shop_wrap .oubobtn .genre_area .genre{
background:#fbb5c4;
color:#fff;
padding:3px 5px 2px;
border-radius:2px;
margin-right:5px;
}
.shop_wrap .oubobtn .tel{
font-family: 'M PLUS Rounded 1c', sans-serif;
color:#fbb5c4;
font-size:24px;
font-weight:bold;
}
.shop_wrap .oubobtn .tel::before{
font-family:"FontAwesome";
content:"\f095";
margin-right:3px;
font-weight:normal;
position:relative;
top:1px;
}
.shop_wrap .oubobtn .line,
.shop_wrap .oubobtn .mail,
.shop_wrap .oubobtn .keep,
.shop_wrap .oubobtn .present{
padding:0 15px 8px;
}
.shop_wrap .oubobtn a,
.shop_wrap .oubobtn .mail p{
display:block;
padding:8px 0;
line-height:1.3;
background:#f90;
color:#fff;
font-size:16px;
font-weight:bold;
border-radius:100px;
border:1px solid #f90;
box-sizing:border-box;
}
.shop_wrap .oubobtn .mail p{
background:#efefef;
color:#ccc;
border-color:#ccc;
}
.shop_wrap .oubobtn .img a{
height:auto;
background:none;
border:none;
border-radius:0;
}
.shop_wrap .oubobtn .line a{
background:#07b53b;
border:1px solid #07b53b;
cursor:pointer;
}
.shop_wrap .oubobtn .present a {
    background: #fbb5c4;
    border: 1px solid #fbb5c4;
    cursor: pointer;
}
.shop_wrap .oubobtn .mail a span,.shop_wrap .oubobtn .present a span{
display:block;
font-size:11px;
}
.shop_wrap .oubobtn .keep a{
background:#fff;
border:1px solid #dedede;
color:#444;
}
.shop_wrap .oubobtn .keep a::before{
font-family:"FontAwesome";
content:"\f006";
font-size:18px;
font-weight:normal;
color:#ccc;
margin-right:4px;
}
.shop_wrap .oubobtn .keep.favorite a::before{
content:"\f005";
color:#ffb800;
}
.shop_wrap .tw{
border-radius:12px;
border:1px solid #ddd;
overflow:hidden;
}
/* ZONE TOP */
.zone_areasearchbox{
position:relative;
background:#fbb5c4 url(/images/user/chara_22.png) right -20px top -39px / 220px 261px no-repeat;
border-radius:10px;
z-index:99;
width:1000px;
margin:0 auto 20px;
padding:20px;
}
.zone_areasearchbox .ttl{
font-size:28px;
font-weight:bold;
margin-bottom:5px;
color:#fff;
line-height:1;
text-align:left;
}
.zone_areasearchbox .ttl::before{
font-family: "FontAwesome";
content: "\f002";
margin-right: 5px;
font-weight: normal;
}
.zone_areasearchbox .caption{
text-align:left;
color:#fff;
margin-bottom:10px;
}
.zone_areasearchbox ul{
display:flex;
}
.zone_areasearchbox ul a,
.zone_areasearchbox ul p{
display:block;
padding:10px 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height:1;
border:4px solid #fccfd8;
background:#fff;
font-size:17px;
font-weight:bold;
width:84px;
margin-right:8px;
border-radius:6px;
}
.zone_areasearchbox ul a:hover{
background:#ff0;
color:#444;
border-color:#fb7b96;
font-weight:bold;
}
.zone_areasearchbox ul li p{
color:#ccc;
border-color:#eee;
}
/* 急募 */
.realtimelist{
display:flex;
flex-wrap:wrap;
margin-bottom:20px;
}
.realtimelist > li{
width : calc(100% / 2 - 5px) ;
margin:0 10px 10px 0;
padding:10px;
background:#fff;
border-radius:5px;
box-sizing:border-box;
box-shadow: 0 0 3px #ccc;
}
.realtimelist > li:hover{
cursor:pointer;
}
.realtimelist > li:nth-child(2n){
margin-right:0;
}
/*
.realtimelist > li:last-of-type{
margin-bottom:0;
padding-bottom:0;
border:none;
}
*/
.realtimelist li dl{
display:flex;
}
.realtimelist li dl dt{
min-width:146px;
width:84px;
margin-right:10px;
}
.realtimelist li dl dt img{
width:146px;
height:84px;
}
.realtimelist li dl dd{
overflow:hidden;
}
.realtimelist li dl dd .date{
font-size:12px;
color:#777;
}
.realtimelist li dl dd .txt{
font-size:15px;
font-weight:bold;
color:#38b8e9;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.realtimelist li.goldplan dl dd .txt,
.realtimelist li.silverplan dl dd .txt{
animation: marquee 12s linear infinite;
text-overflow: clip;
overflow: visible;
/*
display: inline-block;
white-space: nowrap;
padding-left: 100%;
animation-name: marquee-scroll;
animation-timing-function: linear;
animation-duration: 5500ms;
animation-iteration-count: infinite;
*/
}
/*
@keyframes marquee-scroll {
  from {
    transform:translateX(0);
  }
  to {
    transform:translateX(-100%);
  }
}
*/
@keyframes marquee{
0% {transform: translateX(100%);}
100%{transform: translateX(-300%);}
}
.realtimelist li dl dd .shopname,
.realtimelist li dl dd .areagenre{
font-size:12px;
}
.realtimelist li dl dd .shopname{
font-weight:bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:3px;
}
.realtimelist li dl dd .areagenre{
line-height:1;
display:flex;
}
.realtimelist li dl dd .areagenre .genre{
background:#fbb5c4;
color:#fff;
display:inline-block;
margin-right:3px;
padding:2px 5px 1px;
border-radius:2px;
white-space: nowrap;
}
.realtimelist li dl dd .areagenre .area{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.realtimelist > li{
padding:2px;
backgrround:#fff;
}
.realtimelist li dl{
padding:10px;
background:#fff;
border-radius:3px;
}
.realtimelist > li.goldplan{
background:linear-gradient(45deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);
}
.realtimelist > li.silverplan{
background:linear-gradient(45deg, #bbb 0%, #ccc 33%, #efefef 62%, #ccc 83%, #bbb 100%);
}
/* エリアトップ急募求人速報 */
.realtimelist li.goldplan dl dd .date::before,
.realtimelist li.silverplan dl dd .date::before,
.realtimelist li.portionplan dl dd .date::before{
content:"面接交通費対象店";
/* background:#a38131; */
color:#fff;
display:inline-block;
margin-right:3px;
line-height:1;
padding:4px 5px 2px;
font-size:11px;
font-weight:bold;
border-radius:2px;
}
.realtimelist li.goldplan dl dd .date::before{
/* background:#bcbcbc; */
background: linear-gradient(to right,#e7c76d, #a38131);
}
.realtimelist li.silverplan dl dd .date::before{
/* background:#bcbcbc; */
background: linear-gradient(to right,#ccc, #bcbcbc);
}
.realtimelist li.portionplan dl dd .date::before{
/* background:#bcbcbc; */
background:#15c8b3;
}
/* エリアTOP新規掲載店 */
.zone_recomend_wrap{
display:flex;
flex-wrap:wrap;
position:relative;
z-index:2;
margin-top:32px;
margin-bottom:20px;
}
.zone_recomend_wrap dl{
background:#fff;
width : calc(100% / 3 - 10px) ;
margin:0 15px 20px 0;
text-align:left;
border-radius:4px;
overflow:hidden;
box-shadow:0 0 3px #ccc;
}
.zone_recomend_wrap dl:hover{
cursor:pointer;
}
.zone_recomend_wrap dl:nth-of-type(3n){
margin-right:0;
}
.zone_recomend_wrap dt{
margin-bottom:8px;
}
.zone_recomend_wrap dd.txt{
padding:0 8px;
margin-bottom:12px;
color:#38b8e9;
font-size:15px;
font-weight:bold;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height:43px;
line-height:1.4;
}
.zone_recomend_wrap dd.shopname{
background:#fbb5c4;
padding:18px 25px 8px 10px;
position:relative;
}
.zone_recomend_wrap dd.shopname::after{
content: "";
display: block;
width: 12px;
height: 12px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 0;
bottom: -10px;
right: 12px;
margin: auto;
transform: rotate(45deg);
}
.zone_recomend_wrap dd .shop,
.zone_recomend_wrap dd .kana{
color:#fff;
line-height:1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.zone_recomend_wrap dd .shop{
font-weight:bold;
margin-bottom:9px;
}
.zone_recomend_wrap dd .kana{
font-size:11px;
margin-bottom:5px;
}
.zone_recomend_wrap dd .shop span{
display:block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.zone_recomend_wrap dd .shop span.name{
font-weight:bold;
}
.zone_recomend_wrap dd .shop span.kana{
font-size:10px;
font-weight:normal;
}
.zone_recomend_wrap dd .areagenre{
font-size:12px;
color:#fff;
line-height:1;
margin-bottom:6px;
display:flex;
align-items:center;
}
.zone_recomend_wrap dd .areagenre .genre{
display:inline-block;
padding:2px 5px 1px;
background:#fff;
margin-right:4px;
border-radius:2px;
color:#444;
white-space:nowrap;
position:relative;
top:-1px;
}
.zone_recomend_wrap dd .areagenre .area{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.zone_recomend_wrap dd .date{
font-size:11px;
color:#777;
line-height:1;
border-radius:100px 0 0 100px;
padding:2px 5px 2px 10px;
background:#fff;
position:absolute;
top:-7.5px;
right:0; 
}
.zone_recomend_wrap dl{
box-shadow:0 2px 4px #ccc;
overflow:visible;
border-radius:0 0 4px 4px;
position:relative;
margin-bottom:40px;
}
.zone_recomend_wrap dl::before{
font-family:"FontAwesome";
position:absolute;
top:-22px;
left:0;
font-weight:bold;
font-size:12px;
letter-spacing:1px;
display:inline-block;
line-height:1;
padding:3px 8px;
background:#000;
color:#fff;
border-radius:2px;
/*
color:rgba(255,255,255,0);
*/
}
/* エリアトップ_新着求人店舗 */
.zone_recomend_wrap dl.goldplan::before{
content:"\f238\00A0面接交通費対象店";
/* background:#a38131; */
background: linear-gradient(to right,#e7c76d, #a38131);
}
.zone_recomend_wrap dl.silverplan::before{
content:"\f238\00A0面接交通費対象店";
/* background:#ababab; */
background: linear-gradient(to right,#ccc, #bcbcbc);
}
.zone_recomend_wrap dl.portionplan::before{
content:"\f238\00A0面接交通費対象店";
background:#15c8b3;
}
/* .zone_recomend_wrap dl.portionplan::before{
visibility:hidden;
} */
.zone_recomend_wrap dd.shopname{
border-radius:0 0 4px 4px;
}
.zone_recomend_wrap .goldplan dd.shopname{
background: linear-gradient(to right,#a38131, #e7c76d);
}
.zone_recomend_wrap .silverplan dd.shopname{
background: linear-gradient(to right,#bcbcbc, #ccc);
}
/* 新規掲載その2 */
.zone_recomend_wrap2{
display:flex;
flex-wrap:wrap;
position:relative;
z-index:2;
margin-bottom:20px;
}
.zone_recomend_wrap2 .boxlink{
background:#fff;
width : calc(100% / 3 - 7px) ;
margin:0 10.5px 10.5px 0;
text-align:left;
border-radius:4px;
overflow:hidden;
box-shadow:0 0 3px #ccc;
box-sizing:border-box;
padding:10px 0 0;
position:relative;
}
.zone_recomend_wrap2 .boxlink:hover{
cursor:pointer;
}
.zone_recomend_wrap2 .boxlink:nth-child(3n){
margin-right:0;
}
.zone_recomend_wrap2 dl{
display:flex;
align-items:center;
margin-bottom:7px;
padding:0 10px;
}
.zone_recomend_wrap2 dt{
min-width:90px;
width:90px;
margin-right:10px;
}
.zone_recomend_wrap2 dd{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
font-size:15px;
font-weight:bold;
line-height:1.4;
color:#fbb5c4;
}
.zone_recomend_wrap2 .shopname{
padding:0 10px;
}
.zone_recomend_wrap2 .shop{
font-weight:bold;
}
.zone_recomend_wrap2 .areagenre{
font-size:12px;
line-height:1;
}
.zone_recomend_wrap2 .areagenre .genre{
background:#ff8ab2;
color:#fff;
display:inline-block;
margin-right:3px;
padding:2px 5px 1px;
border-radius:2px;
}
.zone_recomend_wrap2 .date{
background:#fbb5c4;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:right;
height:24px;
line-height:25px;
padding:0 10px;
margin-top:7px;
}


/* 検索一覧 */
.list_wrap{
display:flex;
justify-content:space-between;
text-align:left;
width:1000px;
margin:0 auto;
position:relative;
z-index:99;
padding-bottom:30px;
}
.list_wrap .list_navi{
width:200px;
}
.list_wrap .list_navi .side_intv{
margin-bottom:10px;
}
.list_wrap .list_navi .side_intv a{
padding:0;
cursor:pointer;
}
.left_thread_list{
margin-bottom:20px;
}
.left_thread_list .title{
font-size: 18px;
font-weight: normal;
color: #fbb5c4;
margin-bottom:5px;
}
.left_thread_list .title::before{
content: "\f0e6";
font-family: "FontAwesome";
margin-right: 4px;
font-size:21px;
position:relative;
top:-1px;
}
.left_thread_list .thread{
padding: 10px;
background: #fff;
border-radius: 5px;
box-sizing: border-box;
box-shadow: 0 0 3px #ccc;
margin-bottom:10px;
}
.left_thread_list .thread .name a{
color:#38b8e9;
font-size:15px;
font-weight:bold;
padding:0;
margin-bottom:5px;
}
.left_thread_list .thread .name a::before{
content: "\f015";
font-family: "FontAwesome";
margin-right: 3px;
position:relative;
top:1px;
}
.left_thread_list .thread .comment{
margin-bottom:10px;
}
.left_thread_list .thread .user,
.left_thread_list .thread .time{
font-size:13px;
color:#888;
}
.left_thread_list .thread .user::before,
.left_thread_list .thread .time::before{
content: "\f2be";
font-family: "FontAwesome";
margin-right: 3px;
}
.left_thread_list .thread .time::before{
content: "\f017";
}
.left_thread_list .btn{
text-align:center;
}
.left_thread_list .btn a{
display:block;
color:#fbb5c4;
border:2px solid #fbb5c4;
border-radius:100px;
background:#fff;
font-weight:bold;
font-size:15px;
line-height:1;
padding:11px 0 8px !important;
}
.left_thread_list .btn a:hover{
background:#fbb5c4;
color:#fff;
}


.list_wrap .list_navi .searchbox{
margin-bottom:10px;
}
.list_wrap .list_navi .searchbox form{
display:flex;
}
.list_wrap .list_navi .genre{
margin-bottom:10px;
}
.list_wrap .list_navi .ttl{
font-size:18px;
font-weight:normal;
color:#fbb5c4;
}
.list_wrap .list_navi .ttl::before{
font-family:"icomoon";
content:"\e90d";
margin-right:4px;
position:relative;
top:1px;
}
.list_wrap .list_navi .area .ttl::before{
content:"\e90e";
}
.list_wrap .list_navi a,
.list_wrap .list_navi span{
display:block;
font-size:15px;
padding:5px 0 5px 5px;
}
.list_wrap .list_navi dt a{
background:#f2f3f0 url(/images/user/allow_menu_blue.png) right center no-repeat;
}
.list_wrap .list_navi dt span{
background:#f2f3f0 url(/images/user/allow_menu_gray.png) right center no-repeat;
color:#bbb;
}
.list_wrap .list_navi dd a{
background:url(/images/user/allow_menu_blue.png) right center no-repeat;
}
.list_wrap .list_navi dd span{
color:#ccc;
background:url(/images/user/allow_menu_gray.png) right center no-repeat;
}


.list_wrap .list_cont{
width:770px;
}
.list_wrap .list_cont .list_title{
font-size:24px;
letter-spacing:.1rem;
padding:10px 3px;
border-top:1px solid #ccc;
border-bottom:1px dotted #ccc;
background:url(/images/user/chara_12.png) no-repeat;
background-size:280px 369px;
background-position:530px -130px;
margin-bottom:20px;
}
.list_wrap .list_cont .list_title strong{
font-size:15px;
font-weight:normal;
margin-left:8px;
position:relative;
top:-2px;
letter-spacing:1px;
}
.list_wrap .list_cont .list_title strong span{
color:#38b8e9;
font-weight:bold;
font-size:18px;
position:relative;
top:1px;
}
.page_ttl{
font-size:24px;
text-align:left;
letter-spacing:.1rem;
padding:10px 3px;
border-top:1px solid #ccc;
border-bottom:1px dotted #ccc;
background:url(/images/user/chara_11.png) no-repeat;
background-size:280px 369px;
background-position:right 10px top -130px;
margin-bottom:10px;
}

/* ページャー */
.pagerbox{
display:flex;
justify-content:space-between;
}
.infopager{
display:flex;
justify-content:center;
}
.pagerbox .result span{
font-size:32px;
color:#fbb5c4;
position:relative;
top:3px;
margin-right:3px;
}
.pagerbox ul,
.infopager ul{
align-self:center;
display:flex;
}
.pagerbox li,
.infopager li{
margin-left:4px;
}
.pagerbox li a{
display:block;
box-sizing:border-box;
width:30px;
height:30px;
line-height:27px;
font-weight:bold;
color:#fbb5c4;
text-align:center;
background:#fff;
border:2px solid #fbb5c4;
border-radius:100px;
}
.infopager li a{
display:block;
box-sizing:border-box;
width:30px;
height:30px;
line-height:27px;
font-weight:bold;
color:#89c0f6;
text-align:center;
background:#fff;
border:2px solid #89c0f6;
border-radius:100px;
}
.pagerbox li a.active{
background:#fbb5c4;
color:#fff;
}
.infopager li a.active{
background:#89c0f6;
color:#fff;
}

.pagerbox li.prev a::before{
font-family:"FontAwesome";
content:"\f104";
font-size:20px;
line-height:24px;
}
.pagerbox li.next a::before{
font-family:"FontAwesome";
content:"\f105";
font-size:20px;
line-height:24px;
}
.infopager li.prev a::before{
font-family:"FontAwesome";
content:"\f104";
font-size:20px;
line-height:24px;
}
.infopager li.next a::before{
font-family:"FontAwesome";
content:"\f105";
font-size:20px;
line-height:24px;
}

/* 検索カセット */
.listbox{
border:1px solid #ddd;
border-radius:12px;
background:#fff;
margin-bottom:20px;
overflow:hidden;
transition : all 0.3s ease 0s;
}
.listbox:hover{
transform: translateY(-3px);
box-shadow:0 0 15px #ccc;
cursor:pointer;
}
.listbox .shopname{
background:#fbb5c4;
background:linear-gradient(to right,#fbb5c4, #fccfb8);
margin-bottom:13px;
}
.listbox .shopname dl{
padding:20px 20px 15px;
color:#fff;
/* background:url(/images/user/chara_22.png) 625px -40px no-repeat;
background-size:140px 166px; */
}
.listbox .shopname dl dt{
font-size:20px;
font-weight:bold;
line-height:1;
margin-bottom:5px;
}
.listbox .shopname dl dt span{
font-size:12px;
font-weight:normal;
margin-left:3px;
}
.listbox .shopname dl dd{
line-height:1;
}
.listbox .shopname dl dd .genre{
display:inline-block;
background:#fff;
border-radius:2px;
padding:3px 5px 2px;
margin-right:5px;
color:#444;
}
.listbox .shopname dl dd .area{
color:#444;
}
.listbox .catch{
padding:0 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:10px;
font-size:20px;
font-weight:bold;
}
.listbox .photobox{
display:flex;
justify-content:space-between;
padding:0 20px;
margin-bottom:20px;
}
.listbox .photobox .photo{
min-width:340px;
width:340px;
height: 196.14px;
position: relative;
background: url(/images/kira_520_300.webp) no-repeat center/cover;
}
.listbox .photobox .photo img { position: absolute;top: 0px;left: 0px;width: 340px;height: 196.14px;mix-blend-mode: Screen; }

.listbox .photobox .rectxt{
width:375px;
}
.listbox .photobox .rectxt dl{
display:flex;
align-items:center;
height:calc(100% / 4) ;
}
.listbox .photobox .rectxt dl dt{
min-width:90px;
font-weight:bold;
position:relative;
}
.listbox .photobox .rectxt dl:first-of-type dd p{
color:#ff8ab2;
font-size:16px;
font-weight:bold;
}
.listbox .photobox .rectxt dl dt::before{
font-family:"icomoon";
content:"\e913";
margin-right:4px;
color:#fbb5c4;
font-weight:normal;
position:relative;
top:1px;
}
.listbox .photobox .rectxt dl:nth-of-type(2) dt::before{
content:"\e90c";
}
.listbox .photobox .rectxt dl:nth-of-type(3) dt::before{
content:"\e90a";
}
.listbox .photobox .rectxt dl:nth-of-type(4) dt::before{
content:"\e90f";
}
.listbox .photobox .rectxt dl dt::after{
content:"";
display:block;
width:1px;
height:40px;
position:absolute;
top:-8px;
right:7px;
border-left:1px dotted #aaa;
}
.listbox .photobox .rectxt dl dd{
overflow: hidden;
}
.listbox .photobox .rectxt dl dd p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.listbox .iconbox{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:0 10px;
margin-bottom:10px;
}
.listbox .iconbox li{
width : calc(100% / 6 - 2px) ;
text-align:center;
font-size:12px;
box-sizing:border-box;
border:1px solid #fbb5c4;
color:#fbb5c4;
border-radius:3px;
margin-bottom:2px;
padding:8px 0 6px;
line-height:1;
}
.listbox .iconbox li.off{
border:1px solid #ddd;
color:#ddd;
}
.listbox .listbtn{
display:flex;
justify-content:space-between;
padding:0 20px 20px;
text-align:center;
font-size:17px;
font-weight:bold;
}
.listbox .listbtn a{
display:block;
box-sizing:border-box;
height:54px;
line-height:51px;
border-radius:100px;
}
.listbox .listbtn .favorite{
width:38%;
}
.listbox .listbtn .favorite a{
border:2px solid #ccc;
line-height:49px;
}
.listbox .listbtn .favorite a.bm_on{
border:2px solid #fbb5c4;
}
.listbox .listbtn .favorite a::before{
font-size:23px;
font-family:"FontAwesome";
content:"\f006";
margin-right:5px;
color:#ccc;
font-weight:normal;
position:relative;
top:2px;
}
.listbox .listbtn .favorite a.bm_on::before{
content:"\f005";
color:#ffb800;
}
.listbox .listbtn .detail{
width:60%;
}
.listbox .listbtn .detail a{
color:#fff;
background:#fbb5c4 url(/images/user/allow_button.png) 350px center no-repeat;
border:2px solid #fbb5c4;
font-size:20px;
}
.listbox .listbtn .detail a:hover{
opacity:.8;
}
.listbox.goldplan{
border-color:#a38131;
}
.listbox.silverplan{
border-color:#aaa;
}
.listbox.goldplan .shopname dl{
background: linear-gradient(to right,#a38131, #e5d196);
background-size: 200% 200%;
animation: gradientMovement 6s linear infinite;
}
.listbox.silverplan .shopname dl{
background: linear-gradient(to right,#a5a3a3, #f7f7f7);
background-size: 200% 200%;
animation: gradientMovement 8s linear infinite;
}
@keyframes gradientMovement {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* エリアトップ_メンズエステ求人 */
.listbox.goldplan .shopname dl dt::before,
.listbox.silverplan .shopname dl dt::before,
.listbox.portionplan .shopname dl dt::before{
font-family:"FontAwesome",Meiryo,"メイリオ",Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;;
content:"\f238\00A0面接交通費対象店";
font-size:12px;
font-weight:bold;
line-height:1;
border:2px solid;
border-radius:100px;
padding:3px 8px;
background:#fff;
display:inline-block;
/* color:#a38131; */
position:relative;
top:-3px;
margin-right:4px;
}
.listbox.goldplan .shopname dl dt::before{
/* color:#aaa; */
color:#a38131;
border-color:#a38131;
}
.listbox.silverplan .shopname dl dt::before{
/* color:#aaa; */
color:#a9a9a9;
border-color:#bcbcbc;
}
.listbox.portionplan .shopname dl dt::before{
/* color:#aaa; */
color:#12b9a5;
border-color:#f4a9b5;
}
/* ページボタン */
.pagebtn{
text-align:center;
margin-bottom:40px;
}
.pagebtn a{
display:block;
border:2px solid #fbb5c4;
width:60%;
height:48px;
line-height:48px;
font-size:16px;
font-weight:bold;
color:#fbb5c4;
margin:auto;
border-radius:100px;
position:relative;
background:#fff;
}
.pagebtn a:hover{
background:#fbb5c4;
color:#fff;
}
.pagebtn a::after{
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #fbb5c4;
border-right: 2px solid #fbb5c4;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
transform: rotate(45deg);
}
.pagebtn a:hover::after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.top_informationbox .pagebtn a{
border-color:#89c0f6;
color:#89c0f6;
}
.top_informationbox .pagebtn a:hover{
color:#fff;
background-color:#89c0f6;
}
/* ページテキスト */
.pagetxt{
border-radius:16px;
background:#fff;
padding:20px;
margin-top:40px;
position:relative;
}
.pagetxt::after{
content:"";
display:block;
width:84px;
height:84px;
background:url(/images/user/chara_3.png) no-repeat;
background-size:84px 84px;
position:absolute;
top:-34px;
right:-15px;
}
.pagetxt dt{
font-size:17px;
font-weight:bold;
margin-bottom:10px;
}

/* ページトップ */
#pagetop{
position:fixed;
width:100px;
height:100px;
right:40px;
z-index:98;
}
/* フッター */
.footer{
border-top:3px solid #fbb5c4;
padding:30px 0;
}
.footer .footer_navi ul{
display:flex;
justify-content:center;
}
.footer .footer_navi ul li::after{
content:"｜";
}
.footer .footer_navi ul li:last-of-type::after{
content:"";
}
.footer .copyright{
margin-top:20px;
font-size:12px;
}

.kakuninbox{
text-align:left;
border:2px solid #fbb5c4;
border-radius:8px;
overflow:hidden;
margin-bottom:30px;
}
.kakuninbox > dt{
background:#fbb5c4;
padding:15px 10px 12px;
font-size:16px;
font-weight:bold;
color:#fff;
}
.kakuninbox > dd{
padding:20px;
}
.kiyaku_box{
border-radius:8px;
border:1px solid #dcdcdc;
text-align:left;
padding:20px;
/*
height:300px;
overflow-y:scroll;
margin-bottom:30px;
*/
margin-bottom:20px;
}
.kiyaku_box > dt{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.kiyaku_box > dd > p{
margin-bottom:10px;
}
.kiyaku_box > dd dl{
margin-bottom:20px;
}
.kiyaku_box > dd dl:last-of-type{
margin-bottom:0;
}
.kiyaku_box > dd dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
} 
.kiyaku_txt{
margin:20px -20px 0;
/* margin-bottom:15px; */
font-size:14px;
padding:20px 20px 0;
border-top:1px dotted #ccc;
}

/* フォーム関係 */
/* Firefoxのボタンの点線を消す */
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0px;
}
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="number"],
button,
textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
font-size:14px;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
}
select::-ms-expand {
    display: none;
}
.custom {
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
border-radius: 1px;
border: 1px solid rgba(0, 0, 0, 0.2);
 /* box-shadow: 0 2px 0 #AAA; */
background-color: white;
vertical-align:bottom;
}
.custom > select {
width: 130%;
padding: 0.6em 5em 0.6em 0.6em;
font-size: 1rem;
}
optgroup{
font-style:normal;
}
.custom:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 2.4em;
display: block;
content: "";
background:#efefef url(/images/kanri/arrow_select.png) center no-repeat;
border-left:1px solid #dedede;
 /*
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
 */
pointer-events: none;
}
/* 左カラムのフリーワード検索 */
.list_navi .input_04{
width:152px;
height:38px;
border:1px solid #ddd;
box-sizing:border-box;
padding:5px 5px 5px 14px;
border-radius:100px 0 0 100px;
}
.list_navi .submitbtn{
border:none;
background:#fbb5c4;
width:48px;
height:38px;
line-height:38px;
border-radius:0 19px 19px 0;
box-sizing:border-box;
padding:0 5px 0 0;
}
.list_navi .submitbtn::before{
font-family:"icomoon";
content:"\e90b";
color:#fff;
font-size:17px;
}
/* 検索一覧の検索 */
.list_cont .searchbox{
display:flex;
border:1px solid #ddd;
border-radius:100px;
overflow:hidden;
margin-bottom:10px;
}
.list_cont .searchbox .custom{
border:none;
width:312px;
position:relative;
}
.list_cont .searchbox .custom:first-child{
border-right:1px solid #ddd;
}
.list_cont .searchbox .custom > select {
width: 110%;
padding: 0.8rem 5rem 0.8rem 1.2rem;
font-size: 1rem;
}
.list_cont .searchbox .custom:after {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width:14px;
font-size:20px;
line-height:45px;
color:#bbb;
margin:auto;
display: block;
font-family:"FontAwesome";
content:"\f107";
border-left:none;
background:none;
/*
background:url(/images/user/arrow_select.png) center no-repeat;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
*/
pointer-events: none;
}
.list_cont .searchbox .submitbtn{
background:#fbb5c4;
color:#fff;
border:none;
width:146px;
font-size:19px;
letter-spacing:3px;
box-sizing:border-box;
padding:3px 8px 0 0;
}
.list_cont .searchbox .submitbtn::before{
font-family:"icomoon";
content:"\e90b";
color:#fff;
font-size:20px;
margin-right:3px;
}

/* 店舗ページもっと見る */
.animated { -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; }
.content-wrap { height: 200px;overflow: hidden;position: relative;margin: 0 0 30px; }
.content-wrap .content-txt { overflow: hidden; }
.content-wrap .copy { font-size: 20px;font-weight: bold;margin-bottom: 10px; }
.content-wrap .subcopy{margin-bottom:30px;}
/*
@-webkit-keyframes slideDown {
	0% { opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px); }
	100% { opacity: 1;-webkit-transform: translateY(0);transform: translateY(0); }
}
@keyframes slideDown {
	0% { opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px); }
	100% { opacity: 1;-webkit-transform: translateY(0);transform: translateY(0); }
}
@-webkit-keyframes slideUp {
	0% { -webkit-transform: translateY(20px);transform: translateY(20px); }
	100% { -webkit-transform: translateY(0px);transform: translateY(0px); }
}
@keyframes slideUp {
	0% { -webkit-transform: translateY(20px);transform: translateY(20px); }
	100% { -webkit-transform: translateY(0px);transform: translateY(0px); }
}
*/
.slide-up { -webkit-animation-name: slideUp;animation-name: slideUp;height: 250px;padding-bottom: 0;overflow: hidden; }
.slide-down { -webkit-animation-name: slideDown;animation-name: slideDown;height: auto;overflow: visible;padding-bottom: 0px; margin-bottom:0;}
.more-btn, .close-btn {
display: block;
width:100%;
padding: 80px 0 0;
position: absolute;bottom: 0;
left: 0;
text-align: center;
background: -moz-linear-gradient( top,rgba(255, 255, 255, 0) 0%,rgba(252, 252, 249, 1) 60% );
background: -webkit-linear-gradient( top,rgba(255, 255, 255, 0) 0%,rgba(252, 252, 249, 1) 60% );
background: linear-gradient( to bottom,rgba(255, 255, 255, 0) 0%,rgba(252, 252, 249, 1) 60% );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 );
}
.more-btn p { display: inline-block;color: #fbb5c4;cursor: pointer;background: #fff;padding: 5px 20px;width: 50%;border-radius: 20px;border:1px solid #fbb5c4; font-weight:bold; background:#fff;}
.close-btn { background: none;padding:0; display:none;}
.close-btn p { background: #efefef;border:1px solid #ddd;color:#444; }

.bg_site{
background:#fdf3f7;
padding-bottom:50px;
}
#infopage .bg_site{
background:#fffee6;
}
.bg_site h2.title{
font-size:32px;
font-weight:bold;
color:#fbb5c4;
margin-bottom:20px;
padding:10px 0;
letter-spacing:1px;
line-height:1.3;
}
.bg_site h2.title.txt_information{
color:#89c0f6;
}
.bg_site h2.title::after{
font-family: 'Noto Sans JP', sans-serif;
display:block;
font-size:13px;
letter-spacing:0;
color:#444;
}
.bg_site h2.title.txt_company::after{
content:"COMPANY";
}
.bg_site h2.title.txt_kiyaku::after{
content:"TERMS OF SERVICE";
}
.bg_site h2.title.txt_contact::after{
content:"CONTACT";
}
.bg_site h2.title.txt_information::after{
content:"INFORMATION";
}
.bg_site h2.title.txt_baitai::after{
content:"MEDIA MATERIAL";
}
.bg_site h2.title.txt_tutorial::after{
content:"TUTORIAL";
}
.bg_site h2.title.txt_keisaikibou::after{
content:"POSTING REQUEST";
}
.bg_site h2.title.txt_information span{
color:#444;
}
.bg_site .content_box{
width:1000px;
padding:30px;
border-radius:16px;
background:#fff;
box-sizing:border-box;
margin:auto;
}
.bg_site .content_box .content_table{
width:100%;
}
.bg_site .content_box .content_table tr{

}
.bg_site .content_box .content_table tr:first-of-type{

}
.bg_site .content_box .content_table th,
.bg_site .content_box .content_table td{
padding:24px 0 21px 5px;
font-size:16px;
font-weight:normal;
text-align:left;
}
.bg_site .content_box .content_table th{
width:180px;
border-top:1px solid #fbb5c4;
font-weight:bold;
}
.bg_site .content_box .content_table td{
border-top:1px solid #eee;
}
.bg_site .content_box .kiyakutxt{
text-align:left;
line-height:1.8;
margin-bottom:40px;
}
.bg_site .content_box .kiyakutxt:last-of-type{
margin-bottom:0;
}
.bg_site .content_box .kiyakutxt dt{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}
.bg_site .content_box .kiyakutxt dd{
margin-bottom:20px;
}
.bg_site .content_box .kiyakutxt dd li::before{
content:"・";
}

/* モーダル */
.modal { display: none;height: 100vh;position: fixed;top: 0;left: 0;width: 100%;z-index: 100; }
.modal__bg { background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%; }
.modal__content { background: #fff;left: 50%;padding: 20px;position: absolute;top: 50%;transform: translate(-50%,-50%);border-radius: 10px; }
.modal__content.linebox{
/*
background:#f5fef4;
*/
background:#fff;
}
.shop_modal{
width:500px;
}
.shop_modal .title{
margin-bottom:20px;
}
.shop_modal .title img{
width:65%;
}
.shop_modal .ttl{
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
}
.linebox .shop_modal .ttl{
color:#07b53b;
}
.shop_modal .ttl.bgtel { background: #295fcb; }
.shop_modal .shop{
padding-bottom:10px;
margin:0 -20px 20px;
border-bottom:1px solid #ddd;
}
.shop_modal .shop dt { font-size:20px;font-weight: bold; }
.shop_modal .shop dd { font-size: 13px; color: #999; }
.shop_modal .shop dd span{margin:0 5px;}
/*
.shop_modal .shop dd span:first-child { margin-right: 10px; }
.shop_modal .shop dd span::before { font-family: "icomoon";content: "\e900";font-size: 12px;position: relative;top: 1px;margin-right: 3px; }
.shop_modal .shop dd span.area::before { content: "\e901"; }
*/
.shop_modal .tel { font-size: 40px;font-family: "FOT-筑紫明朝 Pr6N R",TsukuMinPr6N-R,"游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;line-height: 1;margin: 5px 0 10px; }
.shop_modal .tel::before { font-family: "Material Icons";content: "phone_in_talk";margin-right: 8px;position: relative;top: 3px;font-size: 36px;font-feature-settings: "liga" 1;/* Support for IE */ }
.linebox .shop_modal .link{
margin-bottom:10px;
}
.linebox .shop_modal .link a{
font-size:20px;
font-weight:bold;
color:#fff;
background:#07b53b;
padding:18px 10px 16px;
border-radius:4px;
display:block;
width:80%;
margin:auto;
}
.linebox .shop_modal .link a::before{
font-family: "icomoon";
content:"\e905";
margin-right:8px;
}
.linebox .shop_modal .qr_box{
margin-bottom:10px;
}
.linebox .shop_modal .qr_box .qr{
margin-bottom:10px;
}
.linebox .shop_modal .qr_box .qr_caution{
font-size:12px;
}
.linebox .shop_modal .line_caution{
font-size:13px;
padding:15px 0 0 0;
margin:15px auto 0;
border-top:1px solid #ddd;
/* border-bottom:1px solid #ccc; */
}
.linebox .shop_modal .copy_btn{
border-top:2px dotted #ccc;
margin-top:15px;
padding-top:15px;
}
.linebox .shop_modal .copy_btn .copy-value{
position:relative;
border:2px solid #07b53b;
border-radius:100px;
color:#07b53b;
padding:8px 0 6px;
font-size:16px;
font-weight:bold;
width:60%;
margin:auto;
overflow:hidden;
cursor:pointer;
}
.linebox .shop_modal .copy_btn .copy-value.tooltip::after{
content: 'LINE IDをコピーしました';
display: flex;
align-items: center;
justify-content: center; 
color: #fff;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
font-size: 1rem;
width: 100%;
height: 100%;
background:#07b53b;
}
.linebox .shop_modal .copy_txt{
margin-bottom:5px;
}

.oubo_modal .tooltip::after { display: flex;color: #fff;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 0);font-size: 1rem;width: 100%;height: 100%;align-items: center;justify-content: center; }
.oubo_modal .line_txt .tooltip::after { content: 'テキストをコピーしました';background-color: rgba(85, 85, 85, 0.7);border-radius: .4rem; }



.shop_modal .caution{
font-size:13px;
font-weight:bold;
}
.shop_modal .caution span{
color:#fbb5c4;
}

.intvbox{
width:500px;
}
.intv_modal .intv_btn{
margin-top:10px;
text-align:center;
}
.intv_modal .intv_btn a{
background:#fdee00;
color:#000;
height:50px;
line-height:51px;
font-size:19px;
font-weight:bold;
border-radius:100px;
margin:auto;
display:block;
position:relative;
}
.intv_modal .intv_btn a::after{
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto;
transform: rotate(45deg);
}
.intv_modal .intv_btn a:hover{
background:#fdca00;
}
.intv_modal .intv_btn a:hover::after{
/*
border-top: 2px solid #fff;
border-right: 2px solid #fff;
*/
}


/*
.shop_modal .caution span{
font-weight: bold;background: linear-gradient(transparent 50%, #fff600 0%); 
}
*/
.close_btn{
display: block;
width: 48px;
height: 48px;
position: absolute;
top: -48px;
right: 0;
}
.close_btn::before,
.close_btn::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px; /* 棒の幅（太さ） */
  height: 30px; /* 棒の高さ */
  background: #fff;
  border-radius:100px;
}
.close_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.close_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/* キープリスト */
.favorite_page .content_box{
width:1000px;
margin:auto;
position:relative;
z-index:99;
}
.favorite_result{
line-height:1;
margin-bottom:15px;
font-weight:bold;
}
.favorite_result span{
font-size: 32px;
color: #fbb5c4;
position: relative;
top: 1px;
margin:0 3px;
}
.favorite_shop{
margin-bottom:50px;
}
.fovoritebox{
background:#fff;
border-radius:12px;
box-shadow:0 0 5px #ddd;
margin-bottom:20px;
overflow:hidden;
}
.fovoritebox .favorite_delete{
background:#fbb5c4;
padding:10px 15px;
text-align:right;
}
.fovoritebox .favorite_delete a{
display:inline-block;
background:#fff;
padding:3px 20px 2px;
border-radius:100px;
}
.fovoritebox .favorite_delete a::before{
font-family:"ionicons";
content:"\f129";
margin-right:5px;
}
.fovoritebox .photobox{
display:flex;
padding:15px;
}
.fovoritebox .photobox .photo{
min-width:310px;
width:310px;
}
.fovoritebox .photobox .rectxt{
text-align:left;
margin-left:20px;
overflow:hidden;
}
.fovoritebox .photobox .rectxt .shopname dt{
font-size:15px;
font-weight:bold;
margin-bottom:3px;
}
.fovoritebox .photobox .rectxt .shopname dt span{
font-size:12px;
margin-left:5px;
}
.fovoritebox .photobox .rectxt .shopname .areagenre{
font-size:12px;
line-height:1;
margin-bottom:5px;
}
.fovoritebox .photobox .rectxt .shopname .areagenre .genre{
background:#ff8ab2;
color:#fff;
border-radius:2px;
padding:2px 5px 1px;
display:inline-block;
margin-right:5px;
}
.fovoritebox .photobox .rectxt .shopname .catch{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:10px;
}
.fovoritebox .photobox .rectxt .shopname .catch a{
font-size:18px;
font-weight:bold;
color:#fbb5c4;
}
.fovoritebox .photobox .rectxt .recruit_txt dl{
display:flex;
margin-bottom:5px;
}
.fovoritebox .photobox .rectxt .recruit_txt dl dt{
min-width:100px;
width:100px;
font-weight:bold;
}
.fovoritebox .photobox .rectxt .recruit_txt dl dt::before{
font-family: "icomoon";
content:"\e913";
margin-right:5px;
font-weight:normal;
color:#fbb5c4;
position:relative;
top:1px;
}
.fovoritebox .photobox .rectxt .recruit_txt dl:nth-of-type(2) dt::before{
content:"\e90c";
}
.fovoritebox .photobox .rectxt .recruit_txt dl:nth-of-type(3) dt::before{
content:"\e90a";
}
.fovoritebox .photobox .rectxt .recruit_txt dl dd{
overflow: hidden;
}
.fovoritebox .photobox .rectxt .recruit_txt dl dd p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fovoritebox .photobox .rectxt .recruit_txt dl:first-of-type dd p{
font-weight:bold;
color:#ff8ab2;
}

.fovoritebox .listbtn{
padding:0 15px 15px;
}
.fovoritebox .listbtn a{
display:block;
background:#f90;
color:#fff;
height:50px;
line-height:51px;
width:400px;
font-size:18px;
font-weight:bold;
margin:auto;
border-radius:100px;
}
.fovoritebox .listbtn a:hover{
opacity:.8;
}

/* お問い合わせフォーム */
.contact_txt{
font-size:15px;
line-height:1.8;
margin-bottom:20px;
}
.contact_btn li{
margin-bottom:20px;
}
.contact_btn li a{
display:block;
height:60px;
line-height:59px;
width:60%;
border:2px solid #fbb5c4;
font-size:18px;
text-align:center;
margin:auto;
border-radius:100px;
position:relative;
}
.contact_btn li a::after{
content: "";
display: block;
width: 12px;
height: 12px;
border-top: 2px solid #fbb5c4;
border-right: 2px solid #fbb5c4;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
transform: rotate(45deg);
}
.contact_btn li a:hover{
background:#fbb5c4;
color:#fff;
}
.contact_btn li a:hover::after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}

h3.subtitle{
font-size:25px;
font-weight:bold;
letter-spacing:1px;
margin-bottom:15px;
}
h3.subtitle em{
display:block;
font-size:16px;
font-weight:normal;
font-style:normal;
}
.form_table{
width:100%;
margin-bottom:30px;
}
.form_table th,
.form_table td{
padding:12px 0;
}
.form_table th{
vertical-align:middle;
padding-right:20px;
width:235px;
text-align:right;
font-size:15px;
font-weight:bold;
}
.form_table td{
text-align:left;
}
.form_table th.hissu::after{
content:"必須";
line-height:1;
padding:3px 10px 2px;
color:#fff;
background:#f33;
border-radius:100px;
display:inline-block;
margin-left:5px;
font-size:12px;
font-weight:normal;
position:relative;
top:-1px;
}
.contact_form .submitbtn02 {
height: 60px;
font-size: 21px;
font-weight:bold;
width: 400px;
background: #fbb5c4;
border:2px solid #fbb5c4;
color: #fff;
border-radius:100px;
border: none;
cursor: pointer;
}
.contact_form .submitbtn02.back{
background:#fff;
border:2px solid #777;
color:#777;
margin-left:10px;
width:200px;
}
.complete_txt dt{
font-size:20px;
font-weight:bold;
margin-bottom:5px;
}
.complete_txt dd{
font-size:16px;
}
.complete_txt dd.backlink{
margin-top:30px;
}
.complete_txt dd.backlink a{
display:block;
width:240px;
border:2px solid #fbb5c4;
color:#fbb5c4;
padding:10px 0;
font-size:18px;
font-weight:bold;
border-radius:100px;
margin:auto;
}

/* 応募フォーム */
.form_header{
border-top:5px solid #fbb5c4;
padding-top:20px;
height:115px;
background:#fdf3f7;
margin-bottom:70px;
}
.form_header dt{
font-size:13px;
margin-bottom:5px;
}
.form_header img{
width:240px;
}
.form_wrap{
padding:30px 0;
width:720px;
margin:auto;
}
.form_wrap .ouboshop{
margin-bottom:30px;
box-shadow:0 0 7px #ccc;
border-radius:8px;
background:#fff;
}
.form_wrap .ouboshop .midashi{
padding:15px 15px 13px;
background:#fbb5c4;
border-radius:8px 8px 0 0;
color:#fff;
font-size:19px;
font-weight:bold;
}
.form_wrap .ouboshop dl{
padding:15px;
border:1px solid #ccc;
border-radius:0 0 8px 8px;
text-align:left;
}
.form_wrap .ouboshop dl dt{
font-size:18px;
font-weight:bold;
}
.form_wrap .ouboshop dl dt span{
font-size:13px;
margin-left:5px;
}
.form_wrap .ouboshop dl dd{
display:flex;
align-items:center;
line-height:1;
}
.form_wrap .ouboshop dl dd .genre{
background:#ff8ab2;
color:#fff;
padding:3px 6px 2px;
border-radius:2px;
display:inline-block;
margin-right:5px;
}
.form_wrap .shop_contact{
border:1px solid #aaa;
padding:20px;
border-radius:8px;
}
.form_wrap .shop_contact .formlist dl{
display:flex;
align-items:center;
box-sizing:border-box;
}
.form_wrap .shop_contact .formlist dl dt,
.form_wrap .shop_contact .formlist dl dd{
padding:13px 10px 11px;
}
.form_wrap .shop_contact .formlist dl dt{
width:30%;
text-align:right;
font-weight:bold;
font-size:16px;
}
.form_wrap .shop_contact .formlist dl dt.required::after,
.form_wrap .shop_contact .formlist dl dt div.required::after{
content:"必須";
display:inline-block;
font-size:12px;
font-weight:normal;
background:#f00;
color:#fff;
line-height:1;
padding:3px 7px 2px;
border-radius:100px;
margin-left:5px;
position:relative;
top:-1px;
}
.form_wrap .shop_contact .formlist dl dt.any::after{
content:"任意";
display:inline-block;
font-size:12px;
font-weight:normal;
background:#aaa;
color:#fff;
line-height:1;
padding:3px 7px 2px;
border-radius:100px;
margin-left:5px;
position:relative;
top:-1px;
}
.form_wrap .shop_contact .formlist dl dt > p{
font-size:12px;
font-weight:normal;
}
.form_wrap .shop_contact .formlist dl dd{
width:70%;
text-align:left;
}
.form_wrap .shop_contact .formlist dl dd.ex label{
margin-right:12px;
}
.form_wrap .shop_contact .formlist dl dd .age_txt{
margin-left:8px;
}
.form_wrap .shop_contact .formlist dl dd .custom_txt{
margin:0 8px;
}
.form_wrap .shop_contact .formlist dl dd .err{
color:#f00;
margin-top:5px;
display:block;
}
.form_wrap .accbox{
border:1px solid #ccc;
border-radius:6px;
width:90%;
margin:20px auto;
}
.form_wrap .accbox .ttl{
height:50px;
line-height:50px;
font-weight:bold;
cursor:pointer;
position:relative;
}
.form_wrap .accbox .ttl::after{
font-family:"FontAwesome";
content:"\f055";
position:absolute;
right:15px;
font-size:18px;
font-weight:normal;
}
.form_wrap .accbox .cont{
display:none;
padding:20px;
border-top:1px dotted #ccc;
}
.form_wrap .accbox .cont .caution{
color:#f00;
margin-bottom:15px;
}
.form_wrap .accbox .cont .caution::before{
font-family:"FontAwesome";
content:"\f06a";
margin-right:5px;
}
.form_wrap .accbox .cont .domain{
margin-bottom:20px;
}
.form_wrap .accbox .cont .domain dt{
font-size:13px;
margin-bottom:10px;
}
.form_wrap .accbox .cont .domain dd span{
display:block;
height:40px;
line-height:40px;
border-radius:100px;
border:1px solid #fbb5c4;
font-size:16px;
font-weight:bold;
width:50%;
color:#fbb5c4;
margin:auto;
}
.form_wrap .accbox .cont .career dt{
font-weight:bold;
margin-bottom:5px;
}
.form_wrap .accbox .cont .career dd a{
color:#fbb5c4;
}
.form_wrap .mensetu_caution{
font-size:12px;
margin-top:10px;
}
.form_wrap .formlist .textarea_01{
height:300px;
}
/* フォームパーツ */
.input_01,
.input_02,
.input_03,
.input_04,
.textarea_01{
padding:7px;
border:1px solid #ccc;
background:#fff;
-webkit-appearance:none;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size:14px;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
box-sizing:border-box;
}
.input_01,
.textarea_01{
width:100%;
}
.textarea_01{
height: calc( 1.6em * 7 );
line-height: 1.6;
}
.form_wrap .input_02{
width:100px;
}
.form_wrap .contactbtn{
margin:40px auto 10px;
}
.form_wrap .contactbtn a{
display:block;
height:70px;
line-height:70px;
background:#f90;
font-size:18px;
font-weight:bold;
border-radius:100px;
width:70%;
margin:auto;
color:#fff;
}
.shop_contact_table td.ex label{
position:relative;
top:-3px;
margin-right:15px;
}

.radio_rec {
  display: none;
}
.radio_rec + .radio-icon:before {
  content: "";
  display:inline-block;
  width:20px;
  height:20px;
  background:url(/images/kanri/radio.png) no-repeat;
  background-size:20px 20px;
  position:relative;
  top:5px;
}
.radio_rec:checked + .radio-icon:before {
  background:url(/images/kanri/radio_on.png) no-repeat;
  background-size:20px 20px;
}
/* 画像添付ボタン */
#js-selectFile,
#js-selectFilee{
margin-bottom:5px;
}
/* オリジナルボタン */
.original_btn {
    border: 1px solid #ddd;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    color: #666;
    background: linear-gradient(to bottom,#fff 0,#f4f4f4 100%);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
    font-size:15px;
}
.original_btn:before{
content:"";
font-family:"FontAwesome";
content:"\f055";
margin-right:5px;
font-size:16px;
}
/* 未選択時のアイコン */
#js-selectFile .icon,
#js-selectFilee .icon,
#js-selectFileee .icon {
    font-size: 12px;
    margin: 0 10px 0 15px;
    padding: 3px 30px;
    border-radius: 15px;
    background: #666;
    color: #fff;
    display: inline-block;
}
/* 選択時のアイコン */
#js-selectFile .icon.select,
#js-selectFilee .icon.select,
#js-selectFileee .icon.select {
    background: #ff7fa8;
    color: #fff;
}
/* ファイル名 */
.filename,
.filenamee,
.filenameee {
display: inline-block;
font-size: 12px;
}
/*  応募送信済み */
.mail_complete{
width:720px;
margin:100px auto 30px;
border:1px solid #ccc;
border-radius: 10px;
padding:20px;
}

.mail_complete p.icon{
margin-bottom:20px;
}

.mail_complete p.icon img{
width:200px;
}

.mail_complete .complete_txt{
margin:0 auto 30px;
}

.mail_complete .complete_txt dt{
font-size:24px;
letter-spacing:2px;
margin-bottom:15px;
}

.mail_complete .complete_txt dd{
text-align:left;
font-size:14px;
display:flex;
justify-content:center;
}
.mail_complete .complete_txt dd::before{
content:"";
display:block;
width:70px;
height:70px;
background:url(/images/user/icon_sendmail_caution.png) no-repeat;
background-size:70px 70px;
margin-right:15px;
}
.mail_complete .complete_txt dd span{
color:#ff7fa8;
}

.mail_complete .box{
/*
display: flex;
justify-content:space-between;
margin-bottom:50px;
*/
}

.mail_complete .box dl{
border:2px solid #fbb5c4;
border-radius: 10px;
}
.mail_complete .box dl:first-child{
margin-bottom:20px;
}

.mail_complete .box dt{
font-size:18px;
background:#fbb5c4;
padding:10px 0 8px;
color:#fff;
border-radius: 7px 7px 0 0;
}

.mail_complete .box .left dt:before{
content:"1";
display:inline-block;
height:24px;
width:24px;
border-radius:50%;
background:#fff;
color:#fbb5c4;
line-height:26px;
margin-right:10px;
}
.mail_complete .box .right dt:before{
content:"2";
display:inline-block;
height:24px;
width:24px;
border-radius:50%;
background:#fff;
color:#fbb5c4;
line-height:26px;
margin-right:10px;
}

.mail_complete .box dd{
text-align:left;
padding:15px;
}
.mail_complete .box dd span{
color:#fbb5c4;
}
.mail_complete .box dd span.mt10{
margin-top:10px;
display:inline-block;
}

.form_main .backbtn{
margin-bottom:50px;
}

.form_main .backbtn a{
display:inline-block;
width:240px;
height:50px;
line-height:49px;
text-align:center;
font-size:18px;
position:relative;
background:#fff;
color:#fff;
margin:auto;
border-radius: 100px;
border:2px solid #fbb5c4;
color:#fbb5c4;
}

.form_main .backbtn a:hover{
background:#fbb5c4;
color:#fff;
text-decoration:none;
}
/* 媒体資料 */
#publicitypage .content_box > div:first-child{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #ddd;
}
.baitai_wrap{
display:flex;
}
.baitai_wrap > div{
box-sizing:border-box;
}
.baitai_wrap .baitai_photo{
min-width:40%;
width:40%;
}
.baitai_wrap .baitai_txt{
text-align:left;
margin-left:20px;
flex-grow:1;
}
.baitai_wrap .baitai_txt dt{
font-size:23px;
font-weight:bold;
margin-bottom:10px;
}
.baitai_wrap .baitai_txt dd strong{
display:block;
font-size:20px;
font-weight:bold;
}
.baitai_wrap .baitai_txt dd strong span:first-of-type{
color:#ff8cb9;
}
.baitai_wrap .baitai_txt dd strong span:nth-of-type(2){
color:#55be64;
}
.baitai_wrap .baitai_txt dd strong span:nth-of-type(3){
color:#a56eb9;
}
.baitai_wrap .baitai_txt dd strong span:nth-of-type(4){
color:#46bee1;
}
.baitai_wrap .baitai_txt dd strong span:nth-of-type(5){
color:#f6b51b;
}
.baitai_wrap .baitai_txt dd strong span:nth-of-type(6){
color:#2488ff;
}
.baitai_wrap .baitai_txt dd strong span:nth-of-type(7){
color:#f76fb3;
}
.baitai_wrap .baitai_txt dd.txt{
margin-bottom:30px;
}
.baitai_wrap .baitai_txt dd.dl,
.baitai_wrap .baitai_txt dd.preview{
margin-bottom:20px;
}
.baitai_wrap .baitai_txt dd.dl a,
.baitai_wrap .baitai_txt dd.preview a{
display:block;
height:60px;
line-height:58px;
border:3px solid #fbb5c4;
border-radius:100px;
text-align:center;
font-size:19px;
font-weight:bold;
color:#fbb5c4;
}
.baitai_wrap .baitai_txt dd.dl a:hover,
.baitai_wrap .baitai_txt dd.preview a:hover{
color:#fff;
background:#fbb5c4;
}
.baitai_wrap .baitai_txt dd.dl a:before,
.baitai_wrap .baitai_txt dd.preview a:before{
font-family:"FontAwesome";
font-weight:normal;
margin-right:5px;
}
.baitai_wrap .baitai_txt dd.dl a:before{
content:"\f019";
}
.baitai_wrap .baitai_txt dd.preview a:before{
content:"\f002";
}
.baitai_btn a{
font-size:19px;
font-weight:bold;
display:block;
background:#fbb5c4;
border:3px solid #fbb5c4;
border-radius:4px;
color:#fbb5c4;
position:relative;
height:60px;
line-height:58px;
color:#fff;
text-align:center;
}
.baitai_btn a::after{
content: "";
display: block;
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
transform: rotate(45deg);
}
.baitai_btn a:hover{
background:#26a0cf;
border:3px solid #26a0cf;
}
/*
.baitai_btn a:hover::after{
border-top: 3px solid #fbb5c4;
border-right: 3px solid #fbb5c4;
}
*/

/* 掲載希望の店舗様 */
.keisaikibou_txt{
text-align:left;
}
.keisaikibou_txt span{
font-weight:bold;
text-decoration: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: rgba(255, 228, 0, 0.4);
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
.keisaikibou_txt a{
font-size:1.15rem;
font-weight:bold;
color:#fda7b9;
}
.keisaikibou_txt a::before{
font-family: FontAwesome;
content: "\f101";
position:relative;
top:-2px;
margin-right:3px;
}

/* チュートリアル */
.tutorial_dl{
background:#fff;
display:flex;
justify-content:space-between;
align-items:center;
width: 1000px;
padding: 30px;
border-radius: 16px;
box-sizing: border-box;
margin:0 auto 30px;
}
.tutorial_dl dl{
text-align:left;
}
.tutorial_dl dl dt{
font-weight:bold;
font-size:1.15rem;
}
.tutorial_dl dl dt span{
color:#fda7b9;
}
.tutorial_dl .btn a{
display:block;
padding:8px 30px 7px;
background:#fda7b9;
font-size:1.1rem;
font-weight:bold;
color:#fff;
border-radius:6px;
border:2px solid #fda7b9;
}
.tutorial_dl .btn a:hover{
color:#fda7b9;
background:#fff;
}

/* 404 */
.notfoundbox .notfound,
.notfoundbox .notfound_txt{
margin-bottom:2rem;
}
.notfoundbox .notfound img{
width:450px;
}
.notfoundbox .notfound dd{
font-weight:bold;
font-size:1.3rem;
}
.notfoundbox .sitetop a{
display:block;
width:300px;
height:40px;
line-height:40px;
font-size:1.1rem;
border:1px solid #fbb5c4;
color:#fbb5c4;
margin:auto;
border-radius:100px;
}
.notfoundbox .sitetop a:hover{
background:#fbb5c4;
color:#fff;
}

/* インタビュー */
.intv_ttl{
font-size:28px;
font-weight:bold;
margin-bottom:10px;
line-height:1.4;
}
.intv_date{
font-size:13px;
margin-bottom:15px;
display:flex;
align-items:center;
}
.intv_date::before{
content:"インタビュー";
padding:4px 10px;
border-radius:100px;
background:#fbb5c4;
color:#fff;
margin-right:10px;
line-height:1;
font-size:11px;
font-weight:bold;
}
.intv_cover{
margin-bottom:20px;
}
.intv_catch{
font-weight:bold;
font-size:17px;
margin-bottom:20px;
}
.table_of_contents{
background:#f8f8f8;
padding:20px;
margin-bottom:20px;
font-size:15px;
}
.table_of_contents .outline_header{
margin-bottom:10px;
font-weight:bold;
}
.table_of_contents > ul > li::before {
font-family: FontAwesome;
content: "\f111";
padding-right: 5px;
color: #46bee1;
}
.intv_box h2{
margin:20px 0px;
padding: 18px 10px 16px;
border-left: solid 5px #fbb5c4;
background: #e8f7fc;
color: #1B1B1B;
font-weight: bold;
font-size:20px;
}
.intv_box p{
margin:30px 0 !important;
font-size:16px;
}
.intv_box p.pp{
color:#808080;
}
.intv_box p strong{
background:linear-gradient(transparent 50%, #ff9 50%);
font-weight:bold;
}

.refreshing{
color: #668ad8;
border: dashed 2px #668ad8;
background: #f1f8ff;
padding: 1em;
line-height: 1.5;
font-size: 16px;
margin-bottom:30px;
}
.refreshing strong{
color:#2e93e6;
font-weight:bold;
display:block;
}
.refreshing strong:nth-of-type(2){
margin-top:10px;
}

/* ステッチ付きリボン */
.ribbon-wrapper {  
display: block;
position: relative;
margin: 15px auto;
padding: 10px 0;
/* width: 300px; */
background: #f1f8ff;
}

.ribbon{
display: inline-block;
position: relative;
box-sizing: border-box;
padding: 5px 0;
margin: 0 0 0 -20px;
/* width: calc(100% - 50%); */
color: white;
background: #70a6ff;
/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}
.ribbon .ttl{
margin: 0;
padding: 0 30px 0 15px;
border-top: dashed 1px #FFF;
border-bottom: dashed 1px #FFF;
font-size:18px;
line-height: 46px;
}
.ribbon:after {
position: absolute;
content: '';
z-index: 1;
top: 0;
right: 0;
width: 0px;
height: 0px;
border-width: 30px 15px 30px 0px;
border-color: transparent #f1f8ff transparent transparent;
border-style: solid;
}
.ribbon:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px #6081b7;
}
.ribbon-wrapper .txt{
font-size:16px;
line-height:1.6;
padding:15px 20px 20px;
}
.ribbon-wrapper .txt strong,
.ribbon-wrapper .txt span{
display:block;
}
.ribbon-wrapper .txt strong{
color:#f9c;
font-weight:bold;
}
.ribbon-wrapper .txt span:not(:last-child){
margin-bottom:10px;
}
@media screen and (max-width: 640px) {
.ribbon-wrapper {
margin-left:15px;
}
}
/* 横いっぱいにボックス */
.y_box{
margin: 2em 0;
background: #fbf1c7;
}
.y_box .box-title {
font-size:18px;
background: #f7c706;
padding:12px 0;
text-align: center;
color:#fff;
font-weight: bold;
letter-spacing: 0.05em;
}
.y_box .txt{
padding: 15px 20px;
margin: 0;
font-size:16px;
line-height:1.6;
}

@media screen and (max-width: 640px) {
.spwrap{
padding:0 1rem;
}
}
.intv_shop{
border-radius:10px;
border:1px solid #ddd;
padding:20px;
text-align:center;
background:#fff;
}
.intv_shop .thum{
width:150px;
height:150px;
margin:0 auto 10px;
}
.intv_shop .thum img{
object-fit:cover;
border-radius:100px;
width:150px;
height:150px;
overflow:hidden;
display:block;
}
.intv_shop .name{
font-size:18px;
font-weight:bold;
}
.intv_shop .shop{
color:#999;
font-size:12px;
margin-bottom:10px;
}
.intv_shop .btn{
display:flex;
justify-content:space-between;
}
.intv_shop .btn li{
width:49%;
}
.intv_shop .btn li a{
display:block;
box-sizing:border-box;
border:2px solid #fbb5c4;
background:#fbb5c4;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:100px;
padding:10px 0;
position:relative;
}
.intv_shop .btn li a::after{
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto;
transform: rotate(45deg);
}
.intv_shop .btn li.oubo a{
background:#fff;
color:#fbb5c4;
}
.intv_shop .btn li.oubo a::after{
border-top: 2px solid #fbb5c4;
border-right: 2px solid #fbb5c4;
}
/* 口コミ */
.search_flex{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:15px;
}
.search_flex > div{
/* width:49%; */
}
.search_flex .freeword_box{
display:flex;
align-items:center;
justify-content:space-between;
}
.search_flex .freeword_box input{
font-size:16px;
width:82%;
}
.search_flex .freeword_box a{
display:inline-block;
background:#38b8e9;
height:40.5px;
line-height:42px;
width:17%;
border-radius:4px;
font-size:18px;
font-weight:bold;
color:#fff;
text-align:center;
letter-spacing:2px;
}
.search_flex .txt{
font-weight:bold;
font-size:16px;
white-space:nowrap;
}
.search_flex .custom > select{
width:100%;
}
.thread_list{
}
.thread_list dl{
background:#fff;
border:1px solid #ddd;
border-radius:10px;
padding:20px;
margin-bottom:20px;
}
.thread_list dl:hover{
cursor:pointer;
}
/*
.thread_list dl:not(:last-of-type){
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #ddd;
}
*/
.thread_list dl dt{
margin-bottom:4px;
transition : all 0.3s ease 0s;
}
.thread_list dl dt.shopname a{
font-size:19px;
font-weight:bold;
color:#38b8e9;
}
.thread_list dl dt.shopname a::before{
font-family:"FontAwesome";
content:"\f015";
margin-right:3px;
font-weight:normal;
position:relative;
top:-1px;
}
.thread_list dl dt.shopname .area_txt{
display:inline-block;
margin-left:8px;
color:#888;
font-size:13px;
}
.thread_list dl dt.shopname .area_txt::before{
font-family:"FontAwesome";
content:"\f041";
margin-right:1px;
font-weight:normal;
position:relative;
top:-1px;
}
.thread_list dl dt.shopname .area_txt span:first-child::after{
content:"/";
margin:0 3px;
}
.thread_list dl:hover dt a{
}
.thread_list dl .ttl{
font-size:17px;
font-weight:bold;
margin-bottom:12px;
transition : all 0.3s ease 0s;
}
.thread_list dl:hover .ttl{
color:#aaa;
}
.thread_list dl .comm_time{
color:#888;
font-size:12px;
}
.thread_list dl .comm_time span:first-child{
margin-right:10px;
}
.thread_list dl .comm_time span::before{
font-family:"FontAwesome";
margin-right:3px;
}
.thread_list dl .comm_time span.comm::before{
content:"\f27a";
}
.thread_list dl .comm_time span.time::before{
content:"\f017";
}
.threadbtn{
text-align:center;
}
.threadbtn a{
display:inline-block;
padding:12px 0 10px;
width:300px;
border:1px solid #454545;
border-radius:3px;
background:#fff;
font-size:17px;
font-weight:bold;
transition : all 0.5s ease 0s;
}
.threadbtn a:hover{
background-color:#454545;
color:#fff;
}
/* スレッド作成 */
.thread_form{
padding:20px;
border:1px solid #ddd;
border-radius:12px;
background:#fff;
}
.thread_flex{
display:flex;
margin-bottom:20px;
box-sizing:border-box;
}
.thread_flex .thread_txt{
width:25%;
font-size:16px;
font-weight:bold;
text-align:right;
padding-top:8px;
padding-right:10px;
}
.thread_flex .thread_txt.required::after{
content:"必須";
background:#fd3838;
color:#fff;
font-size:11px;
line-height:1;
display:inline-block;
padding:3px 8px 2px;
border-radius:100px;
margin-left:5px;
position:relative;
top:-1px;
}
.thread_flex .thread_input{
width:75%;
}
.thread_flex .thread_input .pref_input{
margin-bottom:8px;
}
.thread_form .thread_caution{
font-size:12px;
margin-top:4px;
}
.thread_form .thread_caution2{
text-align:center;
margin-bottom:20px;
font-weight:bold;
line-height:1.4;
}
.thread_form .delete_txt{
text-align:center;
font-size:16px;
margin-bottom:20px;
}
.thread_form .delete_txt span{
color:#fd3838;
}
.thread_btn{
text-align:center;
}
.thread_btn input[type="submit"]{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background:#454545;
color:#fff;
border:none;
font-size:20px;
font-weight:bold;
padding:15px 0;
width:600px;
border-radius:4px;
margin:auto;
}
.delete_form .thread_btn input[type="submit"]{
background-color:#fd3838;
width:300px;
}
/* 投稿一覧 */
.thread_top{
padding:20px;
border:1px solid #ddd;
background:#fff;
border-radius:12px;
margin-bottom:10px;
}
.thread_top dt{
}
.thread_top dt.shopname{
font-size:20px;
font-weight:bold;
margin-bottom:4px;
}
.thread_top dt.shopname a{
color:#38b8e9;
}
.thread_top dt.shopname a::before{
font-family:"FontAwesome";
content:"\f015";
margin-right:3px;
font-weight:normal;
position:relative;
top:-1px;
}
.thread_top dt.shopname a::after{
font-family: "FontAwesome";
content: "\f08e";
margin-left:5px;
font-weight:normal;
position:relative;
top:-1px;
font-size:16px;
}
.thread_top dt.shopname .area_txt{
font-size:13px;
font-weight:normal;
color:#888;
display:inline-block;
margin-left:10px;
}
.thread_top dt.shopname .area_txt::before{
font-family:"FontAwesome";
content:"\f041";
margin-right:1px;
font-weight:normal;
position:relative;
top:-1px;
}
.thread_top dt.shopname .area_txt span:first-child::after{
content:"/";
margin-left:0 3px;
}
.thread_top .ttl{
font-size:17px;
line-height:1.5;
font-weight:bold;
margin-bottom:15px;
}
.thread_top .user_time{
color:#888;
font-size:12px;
}
.thread_top .user_time span{
margin-right:10px;
}
.thread_top .user_time span::before{
font-family:"FontAwesome";
margin-right:3px;
}
.thread_top .user_time .user::before{
content:"\f2be";
}
.thread_top .user_time .time::before{
content:"\f017";
}
.thread_back{
margin-bottom:20px;
}
.thread_back::before{
font-family:"FontAwesome";
content:"\f100";
margin-right:1px;
position:relative;
top:-1px;
}
.thread_caution3{
margin-bottom:20px;
margin-top:-10px;
}
.post_list{
padding:20px;
border:1px solid #ddd;
background:#fff;
border-radius:12px;
margin-bottom:10px;
}
.res_box{
min-width:600px;
}
.post_list dl:not(:last-child){
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #ddd;
}
.post_list dt,
.res_box dt{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}
.post_list dt .count,
.res_box dt .count{
font-size:20px;
font-weight:bold;
}
.post_list dt .delete_btn{
line-height:1;
display:inline-block;
padding:5px 10px 3px;
border:1px solid #ccc;
border-radius:3px;
color:#777;
}
.post_list dt .delete_btn:hover{
background:#454545;
color:#fff;
}
.post_list dt .count::before,
.res_box dt .count::before{
font-family:"FontAwesome";
content:"\f27a";
transform: scale(-1, 1);
display:inline-block;
margin-right:4px;
position:relative;
top:-2px;
color:#fbb5c4;
font-weight:normal;
}
.post_list .post_txt,
.res_box .post_txt,
.post_list .delete,
.res_box .delete{
font-size:16px;
margin-bottom:15px;
}
.post_list .post_txt a:hover,
.res_box .post_txt a:hover{
cursor:pointer;
}
.post_list .delete,
.res_box .delete{
color:#aaa;
}
.post_list .user_time,
.res_box .user_time{
color:#888;
font-size:12px;
}
.post_list .user_time span.trip,
.res_box .user_time span.trip{
margin-left:5px;
}
.post_list .user_time span.time,
.res_box .user_time span.time{
margin-left:10px;
}
.post_list .user_time span::before,
.res_box .user_time span::before{
margin-right:4px;
font-family:"FontAwesome";
}
.post_list .user_time .user::before,
.res_box .user_time .user::before{
content:"\f2be";
}
.post_list .user_time .time::before,
.res_box .user_time .time::before{
content:"\f017";
}

/* エリアトップ面接交通費 */
.zone_present {
    position: relative;
    z-index: 99;
    width: 1000px;
    margin: 0 auto 20px;
}
/* 店舗詳細ページ面接交通費プラン外 */
.pre_noplan {
    display: none;
}