@charset "UTF-8";

/*** CSS Document ********************************************

	style.css

*************************************************************/

/* TOP
-----------------------------------------------------*/

/*lstTopSearch*/

.lstTopSearch{
border-bottom:1px solid #d6d4cc;
}

.lstTopSearch .boxFreeWord,
.lstTopSearch .btnZenkai,
.lstTopSearch .btnTopFukusu,
.lstTopSearch .btnTopArea,
.lstTopSearch .btnTopEki,
.lstTopSearch .btnTopShokushu,
.lstTopSearch .btnTopKodawari,
.lstTopSearch .btnTopShinchaku,
.lstTopSearch .btnTopShuryo{
float:left;
width:33.3%;
text-align:center;
}

.lstTopSearch .btnTopFukusu a,
.lstTopSearch .btnTopArea a,
.lstTopSearch .btnTopEki a,
.lstTopSearch .btnTopShokushu a,
.lstTopSearch .btnTopKodawari a,
.lstTopSearch .btnTopShinchaku a,
.lstTopSearch .btnTopShuryo a{
display:block;
background-color:#fff8e9;
height:92px;
border-left:1px solid #d6d4cc;
border-top:1px solid #d6d4cc;
}

.lstTopSearch .btnTopArea a,
.lstTopSearch .btnTopKodawari a{
border-left:none;
}

.lstTopSearch .btnTopArea .spTopObj,
.lstTopSearch .btnTopEki .spTopObj,
.lstTopSearch .btnTopShokushu .spTopObj,
.lstTopSearch .btnTopKodawari .spTopObj,
.lstTopSearch .btnTopShinchaku .spTopObj,
.lstTopSearch .btnTopShuryo .spTopObj{
width:82px;
height:71px;
margin-top:10px;
}

.lstTopSearch .btnTopArea .spTopObj{
background-position:0px -210px;
}

.lstTopSearch .btnTopEki .spTopObj{
background-position:0px -291px;
}

.lstTopSearch .btnTopShokushu .spTopObj{
background-position:0px -372px;
}

.lstTopSearch .btnTopKodawari .spTopObj{
background-position:0px -453px;
}

.lstTopSearch .btnTopShinchaku .spTopObj{
background-position:0px -534px;
}

.lstTopSearch .btnTopShuryo .spTopObj{
background-position:0px -615px;
}

.lstTopSearch .boxFreeWord{
width:50%;
background-color:#eae9e6;
height:50px;
border-top:1px solid #d6d4cc;
}

.lstTopSearch .boxFreeWord .btnFreeWord{
top:10px;
right:10px;
}

.lstTopSearch input[type=text]{
margin:10px 0 0 10px;
}

.lstTopSearch .btnZenkai{
width:50%;
position:relative;
}

.lstTopSearch .btnZenkai a{
display:block;
height:50px;
background-color:#f5f3ec;
border-left:1px solid #d6d4cc;
border-top:1px solid #d6d4cc;
}

.lstTopSearch .btnZenkai .spTopObj{
width:118px;
height:12px;
background-position:0px -159px;
margin-top:19px;
}

.lstTopSearch .btnTopFukusu{
float:none;
clear:both;
width:100%;
}

.lstTopSearch .btnTopFukusu a{
height:50px;
border-left:none;
}

.lstTopSearch .btnTopFukusu .spTopObj{
width:170px;
height:20px;
background-position:0px -180px;
margin-top:13px;
}

.banLarge{
margin:15px 10px 0;
}

/*fwnZenkai*/

.fwnZenkai{
background-color:#ffffff;
border:2px solid #d6d4cc;
width:295px;
border-radius:5px;
position:absolute;
top:50px;
right:10px;
z-index:9999;
box-shadow: 3px 3px 0px rgba(0,0,0,0.20);
}

.fwnZenkai:before{
display: block;
content:' ';
width:17px;
height:17px;
background-image: url(../../img/usersp/sp_object.png);
-webkit-background-size: 100px auto;
background-size: 100px auto;
background-position:0px -263px;
margin:-17px 0 0 173px;
}
.fwnZenkai span{
width:275px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.fwnZenkai a{
height:auto !important;
background-color:transparent !important;
border-left:none !important;
border-top:none !important;
text-align:left!important;
color:#3366cc;
border-top:1px solid #d6d4cc !important;
padding:12px 10px 12px 12px;
}

.fwnZenkai li:first-child a{
border-top:none !important;
}

/*boxNumUpdate*/
.boxNumUpdate {
position:relative;
margin:10px 0 10px 10px;
}

.boxNumUpdate{
font-size:11px;
}
.txtNum,
.boxNumUpdate .txt{
display:inline-block;
}

.boxNumUpdate .txtNum span{
display:inline-block;
background-color:#353025;
width:14px;
height:16px;
line-height:16px;
color:#ffffff;
font-family:"Arial";
font-weight:bold;
text-align:center;
font-size:12px;
vertical-align:text-bottom;
border-left:1px solid #666666;
}

.boxNumUpdate .txtNum strong{
font-weight:bold;
margin-left:2px;
}

.boxNumUpdate .txtUpdate{
position:absolute;
bottom:0px;
right:10px;
color:#999999;
}

/*見出し*/

.titOsusume .spTopObj{
background-position:0px 0px;
width:130px;
height:12px;
margin:15px 10px 0 10px;
}

.titCom01 .spTopObj{
margin:0px 0;
width:100%;
height:18px;
}

.titCom01 .spot{
background-position:0px -22px;
}

.titCom01 .baitosaki{
background-position:0px -49px;
}

.titCom01 .tanki{
background-position:0px -76px;
}

.titCom01 .koushunyu{
background-position:0px -104px;
}

.titCom01 .topics{
background-position:0px -130px;
}

.titCom01 .check{
background-position:0px -1406px;
}

.titCom01 .kensakurireki{
background-position:0px -1375px;
}

/*おすすめ特集*/
.banMiddle{
margin:5px 10px 0 5px;
}

.banMiddle li{
float:left;
width:50%;
}

.banMiddle li a{
display:block;
margin-left:5px;
}

.banTxt{
margin:5px 10px 0 10px;
border:1px solid #99c7ea;
border-radius:5px;
}

.banTxt a{
display:block;
border-top:1px solid #c6e1f4;
height:30px;
padding:0 10px;
line-height:30px;
position: relative;
background-color:#edfaff;
font-size:11px;
color:#3366cc;
border-radius:0 0 5px 5px;
}

.banTxt :first-child a{
border-top:none;
border-radius:5px 5px 0 0;
}

.banTxt span{
display:inline-block;
width:95%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.banTxt a:before,
.banTxt a:after{
display: block;
content:' ';
width: 0px;
height: 0px;
border-style: solid;
border-width: 8px 0 8px 6px;
border-color: transparent transparent transparent #c6e4f1;
margin-top:-8px;
position:absolute;
top: 50%;
right: 10px;
}

.banTxt a:after{
border-color: transparent transparent transparent #edfaff;
right: 12px;
}

section .banMiddle:last-child,
section .banTxt:last-child{
margin-bottom:15px;
}

/*lstComp*/
.lstComp{
font-size:10px;
text-align:center;
padding:10px 0;
border-top:1px solid #d6d4cc;
}

.lstComp li{
display:inline-block;
margin:0 16px;
}

.lstArrow + .lstComp{
border-top:none;
}

section + .lstComp{
border-top:none;
}

/*sldTopPht*/

.sldTopPht{
position:relative;
}

.sldTopPht .inner{
width:100%;
margin:0 auto;
overflow:hidden;
}

/*lstSlider*/

.lstSlider{
width:270px;
float:left;
}

.lstSlider li{
float:left;
width:80px;
margin:15px 0 0 10px;
}

.lstSlider a{
color:#3366cc;
}

.lstSlider li img{
width:80px;
}

.lstSlider li .txt{
display:block;
font-size:11px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top:5px;
}

/*lstSlider02*/

.lstSlider02{
width:999px;
float:left;
}

.lstSlider02 li{
float:left;
width:85px;
height:95px;
margin:15px 0 0 10px;
}

.lstSlider02 a{
color:#3366cc;
}

.lstSlider02 li img{
width:85px;
}

.lstSlider02 li .txt{
display:block;
font-size:11px;
text-overflow: ellipsis;
overflow: hidden;
margin-top:5px;
}

/*lstSliderPoint*/
.lstSliderPoint{
text-align:center;
margin-top:10px;
}

.lstSliderPoint li{
display:inline-block;
text-indent:-9999px;
overflow:hidden;
width:8px;
height:8px;
border-radius:50%;
border:1px solid #c1bdb5;
background-color: #ffffff;
}

.lstSliderPoint li.off{
background-color: #c1bdb5;
}

.lstSliderPoint{
margin-bottom:15px;
}

/*lstSagasu*/

.lstSagasu{
margin:15px 0;
}

.lstSagasu li{
float:left;
width:33%;
text-align:center;
}

.lstSagasu a{
color:#3366cc;
font-size:11px;
}

.lstSagasu li .spTopIcon{
min-width:55px;
}

.lstSagasu .d1{
padding-top:58px;
background-position:center -695px;
}

.lstSagasu .w1{
padding-top:58px;
background-position:center -788px;
}

.lstSagasu .m1{
padding-top:58px;
background-position:center -880px;
}

.lstSagasu .jikyu{
padding-top:51px;
background-position:center -973px;
}

.lstSagasu .nikkyu{
padding-top:51px;
background-position:center -1059px;
}

.lstSagasu .gekkyu{
padding-top:51px;
background-position:center -1145px;
}

/*lstArrow*/

.lstArrow .cm{
padding-left:30px;
background-position:0px -1221px;
color:#9a4bdd;
font-weight:bold;
}

.lstArrow .facebook{
padding-left:30px;
background-position:0px -1257px;
color:#3b5998;
font-weight:bold;
}

.lstArrow .twitter{
padding-left:30px;
background-position:0px -1292px;
color:#4099ff;
font-weight:bold;
}

.lstArrow .app{
padding-left:30px;
background-position:0px -1326px;
color:#22ac38;
font-weight:bold;
}

/* 検索導線
-----------------------------------------------------*/
.contFlst{
position:relative;
}

/* こだわり条件から探す
-----------------------------------------------------*/
.contJouken{
position:relative;
}

.boxSelect{
padding:10px;
}

.boxSelect + .boxSelect{
padding:0 10px 10px;
}

/* 検索結果
-----------------------------------------------------*/

/*タイトル*/
.titSearch{
background-color:#ff9000;
color:#ffffff;
text-align:center;
padding:5px;
font-weight:bold;
}

.titSearch .small{
display:block;
font-size:10px;
font-weight:normal;
}

.titImage img{
width:100%;
}

/*件数・ソート*/

.boxNumSort{
border-top:1px solid #d6d4cc;
position:relative;
height:50px;
}

.boxNumSort .sort{
width:40%;
position:absolute;
top:10px;
right:10px;
font-size:12px;
}

.boxNumSort .txtNum{
font-size:10px;
position:absolute;
bottom:10px;
left:10px;
}

.boxNumSort .txtNum span{
display:inline-block;
background-color:#353025;
width:16px;
height:28px;
line-height:28px;
color:#ffffff;
font-family:"Arial";
font-weight:bold;
text-align:center;
font-size:14px;
vertical-align:text-bottom;
border-left:1px solid #666666;
}

.boxNumSort .txtNum strong{
font-size:14px;
font-weight:bold;
margin-left:2px;
}

/*仕事リスト*/

.boxWorkList{
background-color:#fff7e3;
border-top:1px solid #d6d4cc;
position:relative;
padding-bottom:15px;
margin:-1px 0 0;
}

.titCom01 + .boxWorkList{
margin:-1px 0 0;
}


.txtCom01 + .boxWorkList{
margin-Top:15px;
}

.txtCom02 + .boxWorkList{
margin-Top:15px;
}

.boxWorkList .boxPhotoTitle{
margin:15px 10px 0 10px;
}

.boxWorkList .boxPhotoTitle .img{
float:left;
width:92px;
margin:0 -97px 0 0;
position: relative;
z-index:2;
}
.boxWorkList .boxPhotoTitle .img span{
display:table-cell;
width:92px;
height:68px;
vertical-align:middle;
text-align:center;
background-color:#ffffff;
}

.boxWorkList .inner{
margin:0 0 0 0;
}

.boxWorkList figure.img + .inner{
float:left;
padding:0 0 0 97px;
margin:0 0 0 0;
}


.boxWorkList .titWork{
margin-top:5px;
}

.boxWorkList .titWork a{
color:#3366cc;
}

.contDetail .boxWorkList .titWork a,
.contEntry .boxWorkList .titWork a{
color:#353025;
}

/*アイコン*/

.boxWorkList .lstIcon{
margin:0;
}

.lstIcon li{
float:left;
margin:0 2px 2px 0;
}

.lstIcon .new{
font-size:9px;
font-weight:bold;
color:#ff54ad;
background-color:#ffffff;
border:1px solid #ff97c6;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
}

.lstIcon .kyuubo{
font-size:9px;
font-weight:bold;
color:#ffffff;
background-color:#ff3300;
border:1px solid #ff3300;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
}

.lstIcon .keitai{
font-size:9px;
color:#3399ff;
background-color:#ffffff;
border:1px solid #3399ff;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
letter-spacing:-1px;
}

.lstIcon .tanki{
font-size:9px;
color:#429a02;
background-color:#efffdd;
border:1px solid #429a02;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
}

.lstIcon .harai{
font-size:9px;
color:#ff7800;
background-color:#ffffff;
border:1px solid #ff9000;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
}

.lstIcon .toho5{
font-size:9px;
color:#429a02;
background-color:#efffdd;
border:1px solid #429a02;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
}

.lstIcon .shuryo{
font-size:9px;
color:#af9000;
background-color:#ffffd7;
border:1px solid #efc714;
padding:1px 2px 0;
text-align:center;
height:10px;
line-height:10px;
}

.lstIcon .shoshinsha{
width:11px;
height:13px;
background-position:0px 0px;
}

/*情報テーブル*/

.tblInfo{
font-size:10px;
margin:15px 10px 0 10px;
}

.tblInfo th,
.tblInfo td{
padding:4px 4px 4px 4px;
border-top:1px solid #fff7e3;
}

.tblInfo th {
background-color:#ff9000;
color:#ffffff;
font-weight:normal;
white-space:nowrap;
}

.tblInfo th .spIcon{
background-color:#ff9000;
color:#ffffff;
font-weight:normal;
}

.tblInfo td {
width:100%;
background-color:#ffffff;
}

.tblInfo th .spIcon{
display:inline-block;
padding-left:14px;
}

.tblInfo .kinmuchi{
background-position:0px -493px;
}

.tblInfo .moyorieki{
background-position:0px -540px;
}

.tblInfo .kyuyo{
background-position:0px -588px;
}

.tblInfo .shift{
background-position:0px -635px;
}

/*情報テーブル02*/

.tblInfo02{
font-size:11px;
margin:15px 10px 0 10px;
}

.tblInfo02 th {
white-space:nowrap;
text-align:right;
vertical-align:top;
}

.tblInfo02 td {
width:100%;
}

/*情報*/
.boxWorkList .txtOubosaki{
margin:10px 10px 0 10px;
font-size:11px;
}

.boxWorkList .txtOubosaki th{
font-weight:normal;
vertical-align:top;
}

.boxWorkList .txtInfo{
font-size:12px;
margin:10px 10px 0 10px;
}

/*応募日・面接日*/
.boxWorkList .txtOubo{
margin:15px 10px -5px;
font-size:11px;
}


/*ボタン*/

.btnWorkList li{
width:50%;
}

.btnWorkList li.btnA{
float:left;
}

.btnWorkList li.btnB,
.btnWorkList li.btnD{
float:right;
}

/*
.contClip .btnWorkList li{
width:auto;
float:none;
}
*/

.contClip .boxWorkList p.btnA,
.contClip .btnWorkList{
margin:0 0 0 40px;
}


.contEntry section .boxWorkList .btnA:last-child a{
margin-bottom:0;
}

.btnWorkList .btnA a{
margin-right:2px;
}

.btnWorkList .btnB a{
margin-left:3px;
}

.btnWorkList .btnD a{
margin-left:3px;
}

.boxWorkList .btnE {
margin:5px 10px 0 10px;
}

/* 保存したお仕事
-----------------------------------------------------*/

/*チェックボックス*/
.contClip .boxWorkList .inpCheck label{
display:block;
width:40px;
height:100%;
position:absolute;
top:0px;
left:0px;
}

.contClip .boxWorkList .inpCheck span{
display:block;
width:40px;
height:100%;
background-color:#eae9e6;
position:absolute;
top:0px;
left:0px;
display:inline-block;
text-indent:-9999px;
overflow:hidden;
}

.contClip .boxWorkList input[type="checkbox"]{
margin:-8px 0 0 -8px;
width:16px;
height:16px;
position:absolute;
top:50%;
left:50%;
z-index:999;
}

.contClip .boxWorkList input[type="checkbox"]:checked{
border-color:#ff9000;
}

.contClip .boxWorkList input[type="checkbox"]:checked + span {
background-color:#ff9000;
}

/*削除ボタン*/
.contClip .btnDelete .spObj{
position:absolute;
top:5px;
right:10px;
}

.contRakupita .btnDelete .spObj{
position:absolute;
top:3px;
right:10px;
}

/*アイコンのレイアウト*/
.contClip .lstIcon{
padding-right:45px;
}

.contClip .boxPhotoTitle{
margin:15px 10px 0 50px;
}

.contClip .tblInfo{
margin:10px 10px 0 50px;
}

.contClip .txtOubosaki{
margin:10px 10px 0 50px;
font-size:11px;
}

/* 詳細
-----------------------------------------------------*/
/*写真リスト*/

.sldDtlPht{
position:relative;
margin:15px 10px 0 10px;
padding:10px 0;
background:#fff7e3;
}

.sldDtlPht .inner{
width:237px;
margin:0 auto;
overflow:hidden;
}

/*次へ前へ*/

.sldDtlPht .btnNextPrev li a{
color:#fff7e3;
margin-top:-9px;
position:absolute;
pointer-events:none;
}

.sldDtlPht .btnNextPrev li:nth-child(1) a{
top:50%;
left:3px;
}

.sldDtlPht .btnNextPrev li:nth-child(2) a{
top:50%;
right:3px;
}

.sldDtlPht .btnNextPrev li:nth-child(1) a:before,
.sldDtlPht .btnNextPrev li:nth-child(1) a:after{
display: block;
content:' ';
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 8px 9px 0;
border-color: transparent #ff9000 transparent transparent;
margin-top:-6px;
position:absolute;
top: 50%;
left: 5px;
}

.sldDtlPht .btnNextPrev li:nth-child(1) a:after{
border-color: transparent #fff7e3 transparent transparent;
left: 7px;
}

.sldDtlPht .btnNextPrev li:nth-child(2) a:before,
.sldDtlPht .btnNextPrev li:nth-child(2) a:after{
display: block;
content:' ';
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 0 9px 8px;
border-color: transparent transparent transparent #ff9000;
margin-top:-6px;
position:absolute;
top: 50%;
right: 5px;
}

.sldDtlPht .btnNextPrev li:nth-child(2) a:after{
border-color: transparent transparent transparent #fff7e3;
right: 7px;
}

/*写真*/
.lstDtlPht{
}

.lstDtlPht li{
width:205px;
border:1px solid #efe9da;
border-radius:2px;
background-color:#ffffff;
padding:10px 15px;
float:left;
}

.lstDtlPht .img span{
display:table-cell;
width:205px;
height:152px;
vertical-align:middle;
text-align:center;
background-color:#efefef;
}

.lstDtlPht li figcaption{
margin-top:10px;
font-size:10px;
}

/*情報*/

.contDetail .contDetail .tblInfo th,
.contDetail .contDetail .tblInfo td{
border-top:1px solid #ffffff;
}

.contDetail .tblInfo td {
background-color:#fff0c7;
}

/*LINE*/
.btnLine{
margin:10px 10px 0 10px;
text-align:right;
}

.btnLine .spObj{
width:88px;
height:20px;
background-position:0 -95px;
}

/*注目ポイント*/

.boxChuPoint{
background-color:#fff8e9;
border-radius:3px;
margin:10px 10px 15px 10px;
padding:15px 5px 15px 10px;
font-size:10px;
}

.boxChuPoint .inner{
position:relative;
height:14px;
margin-top:15px;
}

.boxChuPoint .inner:first-child{
margin-top:0;
}

.boxChuPoint .inner .tit{
position:absolute;
top:0px;
left:0px;
font-weight:bold;
}

.boxChuPoint .inner .txt{
position:absolute;
top:0px;
right:0px;
height:14px;
width:77%;
text-align:center;
}

.boxChuPoint .inner .txt strong{
dispay:inline-block;
position:absolute;
width:40px;
font-weight:normal;
letter-spacing:-1px;
}

.boxChuPoint .inner .txt strong:first-child{
top:0px;
left:0;
text-align:right;
}

.boxChuPoint .inner .txt strong:last-child{
top:0px;
right:0;
text-align:left;
}

.boxChuPoint .inner:last-child .txt strong:last-child{
top:-6px;
}

.boxChuPoint .point01.spPoint{
background-position:0 0px;
}

.boxChuPoint .point02.spPoint{
background-position:0 -19px;
}

.boxChuPoint .point03.spPoint{
background-position:0 -38px;
}

.boxChuPoint .point04.spPoint{
background-position:0 -57px;
}

.boxChuPoint .point05.spPoint{
background-position:0 -76px;
}

.boxChuPoint .point06.spPoint{
background-position:0 -95px;
}

/*機能ボタン*/

.btnDetaList{
margin:15px 7.5px 0 7.5px;
}

.txtCom05 + .btnDetaList,
.txtCom05 + .btnDetaList02{
margin-top:5px;
}

section .btnDetaList:last-child{
margin-bottom:15px;
}

.btnDetaList li{
width:50%;
}

.btnDetaList li.btnA,
.btnDetaList li.btnJ{
float:left;
}

.btnDetaList li.btnB,
.btnDetaList li.btnD{
clear:both;
width:100%;
}

.btnDetaList li.btnA a{
margin:0 2.5px 0 2.5px;
}

.btnDetaList li.btnB,
.btnDetaList li.btnD{
padding:5px 0 0 0;
}

.btnDetaList li.btnB a,
.btnDetaList li.btnD a,
.btnDetaList li.btnJ a{
margin:0 2.5px 0 2.5px;
}

section .btnDetaList02:last-child{
margin-bottom:15px;
}



.btnDetaList02 li.btnB a{
margin:5px 10px 0 10px;
}

.btnDetaList02 li.btnD  + li.btnD a{
margin:5px 10px 0 10px;
}

/*地図ボタン*/
.lstMapBtn{
padding:5px 10px 0 10px;
}

section .lstMapBtn:last-child{
padding:5px 10px 15px 10px;
}

.lstMapBtn .btnG{
display:inline-block;
}

.lstMapBtn li{
float:left;
}

.lstMapBtn li:first-child{
margin-right:5px;
}


/*ポイントアイコン*/

.lstPointIcon01,
.lstPointIcon02,
.lstPointIcon03 ,
.lstPointIcon04{
padding:10px 10px 0 10px;
margin-bottom:-4px;
}

/*.titCom02 + .lstPointIcon01,
.titCom02 + .lstPointIcon02,
.titCom02 + .lstPointIcon03 ,
.titCom02 + .lstPointIcon04{
border-top:1px solid #d6d4cc;
}*/

.lstPointIcon01 li,
.lstPointIcon02 li,
.lstPointIcon03 li,
.lstPointIcon04 li{
float:left;
margin:0 4px 4px 0;
font-size:11px;
padding:3px 4px;
text-align:center;
height:13px;
line-height:13px;
}


.lstPointIcon01 li{
color:#8e2800;
background-color:#ffe8dc;
}

.lstPointIcon02 li{
color:#152f00;
background-color:#e7ffb7;
}

.lstPointIcon03 li{
color:#231379;
background-color:#f0edff;
}

.lstPointIcon04 li{
color:#105a8b;
background-color:#e6f5ff;
}

/*アイコン*/

.lstIcon{
margin:15px 10px 0 10px;
}


/* 地図
-----------------------------------------------------*/
.boxMap {
border:1px solid #dddddd;
height:250px;
margin:15px 10px 0;
}

/*機能ボタン*/

.lstMapBtnCont{
margin:5px 10px 0 10px;
}

.lstMapBtnCont li{
width:33%;
float:left;
}

.lstMapBtnCont li a{
display:block;
}

.lstMapBtnCont li:nth-of-type(1) a,
.lstMapBtnCont li:nth-of-type(2) a{
margin-right:5px;
}

/*カーソルボタン*/
.lstMapBtnCont02{
margin:10px auto 0;
width:79px;
height:79px;
background-image: url(../../img/usersp/sp_object.png);
-webkit-background-size: 100px auto;
background-size: 100px auto;
background-position:0px -120px;
position:relative;
}

.lstMapBtnCont02 li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:29px;
height:25px;
position:absolute;
}

.lstMapBtnCont02 li:nth-of-type(1) a{
top:0px;
left:25px;
}

.lstMapBtnCont02 li:nth-of-type(2) a{
bottom:0px;
left:25px;
}

.lstMapBtnCont02 li:nth-of-type(3) a{
top:27px;
left:-2px;
}

.lstMapBtnCont02 li:nth-of-type(4) a{
top:27px;
right:-2px;
}


/* 応募
-----------------------------------------------------*/

/*閉じるボタン*/
.titCom01 .spObj{
position:absolute;
top:50%;
right:10px;
margin-top:-10px;
}


.txtCom04 input[type="checkbox"]{
margin:0 5px 0 0;
}


/* ログイン
-----------------------------------------------------*/
.boxLogin{
background-color:#fff8e9;
border-radius:3px;
margin:15px 10px 0;
padding:1px 5px 1px;
}

.boxLogin .titCom04{
font-size:14px;
}


/* 楽ピタ
-----------------------------------------------------*/
.selRakupita{
margin:10px 10px 0 10px;
}

.boxRakupita{
border-top:1px solid #d6d4cc;
border-bottom:1px solid #d6d4cc;
background-color:#fff7e3;
padding:0 10px 0 10px;
}

.contRakupita .boxJouken dt{
width:100px;
}

.contRakupita .boxJouken dd{
padding:7px 5px 7px 5px;
}

/* キャンペーン
-----------------------------------------------------*/
/*sns・終了*/
.boxCampHead{
background:#ffffff;
height:30px;
position:relative;
}

.lstSns{
position:absolute;
top:5px;
left:10px;
}

.lstSns li{
float:left;
margin-right:5px;
}

.lstSns .spObj{
width:20px;
height:20px;
}

.lstSns .facebook{
background-position:0px -300px;
}

.lstSns .twitter{
background-position:0px -335px;
}

.lstSns .line{
background-position:0px -370px;
}

.txtCampShuryo{
font-size:11px;
position:absolute;
bottom:5px;
right:10px;
}

.txtCampShuryo strong{
font-size:12px;
}

.txtCampShuryo .txtNum span{
display:inline-block;
background-color:#353025;
width:14px;
height:16px;
line-height:16px;
color:#ffffff;
font-family:"Arial";
font-weight:bold;
text-align:center;
font-size:12px;
vertical-align:text-bottom;
border-left:1px solid #666666;
}

/*ボタン*/

.lstCamBtn{
margin:10px 10px 0 10px;
background:#fff8e9;
}

.lstCamBtn a{
display:block;
height:40px;
line-height:40px;
border-top:1px solid #d6d4cc;
position:relative;
padding-left:10px;
}

.lstCamBtn a:before,
.lstCamBtn a:after{
display: block;
content:' ';
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 0 9px 7px;
border-color: transparent transparent transparent #d6d4cc;
margin-top:-9px;
position:absolute;
top: 50%;
right: 10px;
}

.lstCamBtn a:after{
border-color: transparent transparent transparent #fff8e9;
right: 12px;
}

.lstCamBtn a .toukou{
background-position:0px -1342px;
padding-left:24px;
}

.lstCamBtn a .oubo{
background-position:0px -1380px;
padding-left:24px;
}

.lstCamBtn a .mypage{
background-position:0px -1420px;
padding-left:24px;
}

.boxCamBtn{
margin:0 10px 0 10px;
background:#fff8e9;
border-top:1px solid #d6d4cc;
padding-bottom:1px;
}

.boxCamBtn .btnA a{
margin:5px 10px 10px 10px !important;
}

.boxCamBtn .touroku{
background-position:0px -1472px;
padding-left:24px;
padding:2px 0 2px 24px;
}

/*メーター*/

.imgCampPresent{
margin-top:10px;
position:relative;
}
.objPoint{
display:inline-block;
text-indent:-9999px;
overflow:hidden;
text-align:left;
background-repeat:no-repeat;
background-image: url(../../img/usersp/sp_merter.png);
-webkit-background-size: 100px auto;
background-size: 150px auto;
width:150px;
height:65px;
position:absolute;
top:10px;
right:10px;
}

.objPoint.p00{
background-position:0px 0px;
}

.objPoint.p10{
background-position:0px -65px;
}

.objPoint.p20{
background-position:0px -130px;
}

.objPoint.p30{
background-position:0px -195px;
}

.objPoint.p40{
background-position:0px -260px;
}

.objPoint.p50{
background-position:0px -325px;
}

.objPoint.p60{
background-position:0px -390px;
}

.objPoint.p70{
background-position:0px -455px;
}

.objPoint.p80{
background-position:0px -520px;
}

.objPoint.p90{
background-position:0px -585px;
}

.objPoint.p100{
background-position:0px -650px;
}

.imgCampPresent .point{
display:block;
width:60px;
color:#ffffff;
text-align:center;
position:absolute;
top:33px;
right:13px;
}

.imgCampPresent .point{
font-size:10px;
}

.imgCampPresent .point strong{
color:#ffffff;
font-size:14px;
}

/*みんなの投稿*/
.boxCampToukou{
margin:10px 10px 0 10px;
padding-bottom:1px;
background-color:#ffffff;
}

.boxCampToukou .btnJ{
border-top:1px solid #d6d4cc;
}

.boxCampToukou .btnJ a{
margin:10px 10px 10px 10px !important;
}

/*フリーワード・ソート*/
.boxCampSort{
height:40px;
position:relative;
}

.boxCampSort .boxFreeWord{
display:block;
padding:5px 5px;
position:absolute;
top:0;
left:0;
width:60%;
}

.boxCampSort .btnFreeWord{
position:absolute;
top:5px;
right:5px;
}

.boxCampSort .sort{
position:absolute;
top:5px;
right:5px;
width:35%;
}

/*投稿リスト*/
.lstCampToukou{
background:#ffffff;
border-top:1px solid #d6d4cc;
margin-bottom:-1px;
}

.lstCampToukou a{
display:block;
}

.lstCampToukou .areToukou{
float:left;
width:50%;
}

.lstCampToukou .areToukou .line{
border-bottom:1px solid #d6d4cc;
border-right:1px solid #d6d4cc;
padding-top:1px;
}

.lstCampToukou .areToukou:nth-child(even) .line{
border-right:none;
}

.lstCampToukou a{
color:#333333;
text-decoration:none;
padding:0;
}

.lstCampToukou .img{
display:block;
text-align:center;
background:#f2f2f2;
margin:5px 5px 0 5px;
}

.lstCampToukou .img img{
width:100%;
}

.lstCampToukou .areToukou .txt{
display:block;
margin:5px 5px 0 5px;
font-size:11px;
line-height:1.2;
}

.contCampaign .date,
.lstCampToukou .date{
color:#b2b2b2;
padding:10px 0 5px 0;
font-size:10px;
line-height:1;
text-align:center;
}

.contCampaign .user,
.lstCampToukou .user{
color:#b2b2b2;
margin:5px 5px 0 5px;
font-size:11px;
line-height:1;
}

.contCampaign .user img,
.lstCampToukou .user img{
width:20px;
height:20px;
border:1px solid #d7d7d7;
margin-right:7px;
vertical-align:middle;
}

/*評価ボタン*/
.btnHyoka {
width:142px;
padding:0 5px 0;
}

.btnHyoka li{
position:relative;
margin-top:5px;
}

.btnHyoka li img{
width:90px;
}

.btnHyoka .num{
display:block;
background: url(../../img/usersp/obj_cam_fukdiashi.png) 0 0 no-repeat;
-webkit-background-size: 48px auto;
background-size: 48px auto;
width:48px;
height:23px;
text-align:center;
padding:6px 0 0 3px;
line-height:1.1;
position:absolute;
top:0px;
right:0px;
}

.btnHyoka .action{
display:inline-block;
text-indent:-9999px;
overflow:hidden;
text-align:left;
background-repeat:no-repeat;
background-image: url(../../img/usersp/sp_cam_action.png);
-webkit-background-size: 134px auto;
background-size: 134px auto;
width:134px;
height:36px;
position:absolute;
top:-32px;
left:0px;
}

.btnHyoka .mes01{
background-position:0px 0px;
}

.btnHyoka .mes02{
background-position:0px -46px;
}

.btnHyoka .mes03{
background-position:0px -93px;
}

.btnHyoka .mes04{
background-position:0px -139px;
}

.btnHyoka .mes05{
background-position:0px -185px;
}

/*投稿詳細*/

.contCampaign .btnHyoka{
width:auto;
padding:5px 0 0 10px;
}

.contCampaign .btnHyoka li{
float:left;
width:140px;
}

.contCampaign .user{
margin:10px 10px 0 10px;
}

/*利用規約*/
.boxCampKiyaku{
background:#ffffff;
margin:10px 10px 10px 10px;
}

.boxCampKiyaku .txtCom02{
height:100px;
overflow:auto;
}

/* キャンペーン応募・投稿
-----------------------------------------------------*/

.contCampaign{
background-color:#ffffff;
margin:10px;
border:1px solid #d6d4cc;
border-radius:2px;
}

/* ポイント表記 */
.boxPoint{
background-color:#fff8e9;
border-top:1px solid #cbc4a6;
padding:15px 0;
text-align:center;
}

.boxPoint .point{
display:inline-block;
text-align:right;
}

.boxPoint .point strong{
font-size:16px;
}

.boxPoint .txt{
font-size:11px;
margin-top:5px;
}

/* バナー */
.banCampaign{
margin:10px 10px 0 10px;
}

.banCampaign02{
margin:0 0 -15px 0;
}

/* 投稿 */
.imgCamp{
margin:10px 0 0  0;
}

.txtCamp{
margin:10px 10px 0  10px;
}

/* 景品リスト */

.lstKeihin{
border-bottom:1px solid #d6d4cc;
}

.lstKeihin label::before,
.lstKeihin label::after{
content:"";
display:table;
}
.lstKeihin label::after{
clear:both;
}

.lstKeihin label{
display:block;
border-top:1px solid #d6d4cc;
padding:15px 10px 15px 10px;
}

p.lstKeihin{
border:none;
padding:15px 10px 15px 10px;
}

.lstKeihin li:first-child label{
border-top:none;
}

.lstKeihin input[type="radio"]{
margin:0 5px 0 0;
}

.lstKeihin .point{
display:block;
width:75px;
float:left;
margin:0 -100px 0 0;
}

.lstKeihin .keihin{
display:block;
float:left;
padding:0 0 0 75px;
}

/* 当選落選 */


.txtPresent{
margin:15px 10px 5px 10px;
font-weight:bold;
font-size: 16px;
color:#ff6600;
text-align:center;
}

.boxKabegami{
border-top:1px solid #d6d4cc;
border-bottom:1px solid #d6d4cc;
margin:15px 0 0 0;
padding:0 0 15px 0;
}

.dlkabegami{
margin:15px 10px 0 10px;
}

.dlkabegami dt{
float:left;
width:135px;
margin:0 -145px 0 0;
}

.dlkabegami dd{
padding:0 0 0 145px;
}

.dlkabegami li:first-child a{
margin:0;
}

/* キャンペーン一覧
-----------------------------------------------------*/
.boxCampList{
border-top:1px solid #d6d4cc;
margin:-1px 0 0 0;
}

section .boxCampList:last-child{
border-bottom:1px solid #d6d4cc;
}

.boxCampList .tit{
margin:10px 10px 0 10px;
font-size:14px;
}

.boxCampList .date{
margin:5px 10px 0 10px;
font-size:11px;
}

.boxCampList .txt{
margin:5px 10px -5px 10px;
font-size:11px;
}

/* マイページ
-----------------------------------------------------*/
.boxUser{
position:relative;
width:55%;
float:left;
margin-bottom:-15px;
}

.boxUser .point{
position:absolute;
top:50%;
right:10px;
margin-top:-7px;
}

.boxUser .point strong{
font-size:16px;
}

.boxUser .img img{
margin:10px 0 0 10px ;
border:1px solid #d6d4cc;
}

.boxUser .btnKjouho{
margin:5px 0 0 10px ;
}

.boxUser .kjoho{
background-position:0px -1192px;
padding-left:16px;
font-size:11px;
}

.lstbtnUser{
15px;
letter-spacing:-1px;
font-size:11px;
border-bottom:1px solid #d6d4cc;
}

.clearfix .lstbtnUser{
width:45%;
float:right;
margin-bottom:-16px;
}

.lstbtnUser a{
display:block;
border-top:1px solid #d6d4cc;
border-left:1px solid #d6d4cc;
background:#fff8e9;
padding:15px 0 15px 10px;
position:relative;
}

.lstbtnUser li:first-child a{
border-top:none;
}

.lstbtnUser a:before,
.lstbtnUser a:after{
display: block;
content:' ';
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 0 9px 7px;
border-color: transparent transparent transparent #d6d4cc;
margin-top:-9px;
position:absolute;
top: 50%;
right: 7px;
}

.lstbtnUser a:after{
border-color: transparent transparent transparent #fff8e9;
right: 9px;
}

.lstbtnUser .rakupita{
background-position:0px -1123px;
padding-left:22px;
}

.lstbtnUser .hozon{
background-position:0px -1144px;
padding-left:22px;
}

.lstbtnUser .rireki{
background-position:0px -1166px;
padding:2px 0 0 22px;
}

.lstbtnUser .check{
background-position:0px -2404px;
padding:2px 0 0 22px;
}

.lstbtnCam li{
width:35%;
float:left;
}

.lstbtnCam li:nth-child(2){
width:30%;
}

.lstbtnCam a{
display:block;
border-left:1px solid #d6d4cc;
border-bottom:1px solid #d6d4cc;
background:#fff0c7;
padding:0 0 5px 0;
text-align:center;
}

.lstbtnCam li:first-child a{
border-left:none;
}

.lstbtnCam span{
padding-top:40px;
font-size:11px;
letter-spacing:-1px;
}

.lstbtnCam .jisshi{
background-position:center -1295px;
}

.lstbtnCam .oubo{
background-position:center -1252px;
}

.lstbtnCam .sanka{
background-position:center -1205px;
}

/* お知らせ
-----------------------------------------------------*/

.hedInfo .all,
.hedInfo .mem,
.hedInfo .pnl,
.lstInfo .all,
.lstInfo .mem,
.lstInfo .pnl{
display:block;
width:25px;
height:14px;
line-height:14px;
font-size:9px;
color:#ffffff;
text-align:center;
border-radius:3px;
float:left;
}

.hedInfo .all,
.lstInfo .all{
background-color:#ee7801;
}

.hedInfo .pnl,
.lstInfo .pnl{
background-color:#70ca3a;
}

.hedInfo .mem,
.lstInfo .mem{
background-color:#00abeb;
}

.datInfo{
display:block;
padding-left:35px;
margin-top:-2px;
}

/*お知らせリスト*/

.lstInfo a{
display:block;
border-top:1px solid #d6d4cc;
padding:7px 20px 7px 10px;
position: relative;
overflow: hidden;
}

.lstInfo li:first-child a{
border-top:none;
}

.lstInfo li:last-child a{
border-bottom:1px solid #d6d4cc;
}

.lstInfo a:before,
.lstInfo a:after{
display: block;
content:' ';
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 0 9px 7px;
border-color: transparent transparent transparent #d6d4cc;
margin-top:-9px;
position:absolute;
top: 50%;
right: 10px;
}

.lstInfo a:after{
border-color: transparent transparent transparent #ffffff;
right: 12px;
}

.lstInfo .txt{
display:block;
padding-left:35px;
font-size:11px;
color:#0070be;
}

/*お知らせ詳細*/
.hedInfo{
margin:15px 10px 0 10px;
}

.titInfo{
margin:10px 10px 0 10px;
font-size:12px;
}

.txtInfo{
margin:15px 10px 15px 10px;
font-size:11px;
}

/* キャンペーン参加履歴
-----------------------------------------------------*/

.titHistory{
background-color:#fff0c7;
font-size: 12px;
font-weight: bold;
border-top:2px solid #ff9000;
border-bottom:1px solid #d6d4cc;
padding:5px 10px;
position:relative;
}

.titHistory .small{
font-size: 11px;
font-weight: normal;
display:block;
position:relative;
margin-top:5px;
letter-spacing:-0.5px
}

.titHistory .point{
position:absolute;
bottom:-2px;
right:0px;
}

.titHistory .point strong{
font-size:16px;
}

/*タブ*/
.boxHisTab{
position:relative;
z-index:9999;
background-color:#fff0c7;
margin-top:-1px;
padding:0 7.5px;
border-bottom:1px solid #ff9000;
}

.boxHisTab li{
float:left;
width:50%;
}

.boxHisTab li a{
display:block;
border:1px solid #d6d4cc;
border-bottom:1px solid #ff9000;
border-radius:3px 3px 0 0;
background:#eae9e6;
heihgt:30px;
line-height:30px;
text-align:center;
margin:0 2.5px -1px;
font-weight:bold;
}

.boxHisTab li.off a{
background:#fff8e9;
border:1px solid #ff9000;
border-bottom:1px solid #fff8e9;
pointer-events:none;
}

.boxHisContents{

}

/*他の人に*/
.txtPoint li{
background:#fff8e9;
padding:7px 10px;
border-top:1px solid #d6d4cc;
font-size:10px;
position:relative;
letter-spacing:-0.5px
}

.txtPoint li:first-child{
border-top:0;
}

.txtPoint img{
width:60px;
height:17px;
vertical-align:middle;
margin-top:-3px;
}

.txtPoint .point{
display:block;
position:absolute;
top:7px;
right:10px;
}

.txtPoint .point strong{
font-size:14px;
}

/*参加履歴投稿リスト*/
.boxHisContents{
border-bottom:1px solid #d6d4cc;
}

.boxHisContents .txtPoint02 li{
margin-top:5px;
}

.boxHisContents .txtPoint02 li:first-child{
margin-top:0;
}

.boxHisContents .txtPoint02 img{
vertical-align:middle;
width:72px;
height:20px;
}

.lstHisToukou .areToukou{
padding:10px 10px 10px 10px;
border-top:1px solid #d6d4cc;
}

.lstHisToukou .areToukou:first-child{
margin-top:0;
}

.lstHisToukou .date{
color:#999999;
font-size:11px;
}

.lstHisToukou .date .mininshou{
display:inline-block;
font-size:9px;
border-radius:6px;
height:12px;
line-height:12px;
background-color:#999999;
color:#ffffff;
margin-left:3px;
padding:0 4px;
font-weight:bold;
}

.lstHisToukou .date .ng{
display:inline-block;
font-size:9px;
border-radius:6px;
height:12px;
line-height:12px;
background-color:#ff5400;
color:#ffffff;
margin-left:3px;
padding:0 4px;
font-weight:bold;
}

.lstHisToukou .contents{
}

.lstHisToukou .img{
float:left;
margin:10px 10px 0 0;
vertical-align:middle;
text-align:center;
width:90px;
height:67px;
background:#f2f2f2;
}

.lstHisToukou .img img{
width:90px;
height:67px;
}

.lstHisToukou .txt{
display:block;
margin:10px 0 0 0;
font-size:11px;
}

/*履歴ポイント*/

.lstHisPoint{
margin:10px 0 0 0;
font-size:11px;
}

.lstHisPoint li{
height:36px;
line-height:36px;
border-top:1px dotted #d7d7d7;
text-align:right;
position:relative;
}

.lstHisPoint p{
position:absolute;
top:-2px;
left:0px;
}
.lstHisPoint img{
display: inline-block;
vertical-align:middle;
width:90px;
}

.lstHisPoint .num{
display: inline-block;
background: url(../../img/usersp/obj_cam_fukdiashi.png) 0 0 no-repeat;
-webkit-background-size: 48px auto;
background-size: 48px auto;
width:48px;
height:23px;
text-align:center;
padding:6px 0 0 3px;
margin:0 3px 0 3px;
line-height:1.1;

}

.lstHisPoint .point{
display: inline-block;
width:45px;
}

.lstHisPoint .point strong{
font-size:14px;
}

/*応募履歴*/

/*参加履歴応募リスト*/

.lstHisOubo{
font-size:11px;
border-bottom:1px solid #d6d4cc;
}

.lstHisOubo li:before,
.lstHisOubo li:after{content: "";display: table;}
.lstHisOubo li:after{clear: both;}
.lstHisOubo li{zoom: 1;}

.lstHisOubo li{
background:#fff8e9;
padding:7px 10px;
border-top:1px solid #d6d4cc;
position:relative;
}

.lstHisOubo li:first-child{
border-top:none;
}

.lstHisOubo .present{
display:block;
float:left;
width:43%;
font-size:12px;
padding-right:2%;
}

.lstHisOubo .point{
display:block;
float:left;
width:23%;
padding-right:2%;
text-align:center;
line-height:1.2;
}

.lstHisOubo .point strong{
color:#70ca3a;
font-size:14px;
}

.lstHisOubo .kekka{
display:block;
float:right;
width:30%;
font-size:11px;
text-align:center;
}

.lstHisOubo .tousen{
color:#ff0000;
}

.lstHisOubo .rakusen{
}

.lstHisOubo .taiki{
color:#999999;
}