@charset "utf-8";
/*======================
COMMON
======================*/
.hmkMgR10,
.hmkMgR13,
.hmkMgR15,
.hmkMgR16,
.hmkMgR20,
.hmkMgR25,
.hmkMgR30,
.hmkMgR35,
.hmkMgR05 {
 margin:0 0 20px 0;
}
.hmkMgL23 {
 margin:0 5px!important;
}

/* -----------------------------------------
  COMMON
----------------------------------------- */

.pbBlock img {
 width:100%;
}

#page .pbAnchorBlock img {
 width:auto!important;
}

@media screen and (max-width:640px){ 
 .pbBlock img {
  width:100%!important;
 }
}

.hmkSpH1 {
 padding:5% 0 3%;
 background-size:100% 100%;
}

.hmkSpH2 {
 padding:3% 0;
 margin-bottom:3%;
}

.hmkSpHotItemBt {
 padding-left:1%;
}

.hmkSpMgTB2LR4 {
 margin:2% 4%;
}

/* HEAD -------------------------------- */

.hmkSpHdLogo {
 margin-right:33%;
}

.hmkSpHdHotItem {
 margin-right:15%;
}

.hmkSpHdShopList {
 margin-right:5%;
}

/* FOOT -------------------------------- */

.hmkSpMgLR2 {
 margin:0 2%;
}

dl.stViewMode dt,
dl.stViewMode dd {
 display:none;
}
dl.stViewMode dd.stLast {
 display:block!important;
}

dl.stViewMode dd.stLast a {
 display:block;
 text-indent: -9999px;
 background: url(/demo510/library/new/common/sp_bt_ft03.jpg) no-repeat top center;
 background-size: 100% 100%;
}

.hmkSpFootBn {
 padding-left:1%;
}

.hmkSpFootNav {
 background-color:#2E2929;
}

/* -----------------------------------------
  TOP
----------------------------------------- */
/*======================
請求画像
======================*/
.hmkSpTopImg {
 background-size: 100%;
 padding-left: 68%;
 line-height:0;
}

/*======================
その他
======================*/
.hmkSpTopBtBgBro {
 padding-left:0.5%;
 padding-right:0.5%;
 line-height:0;
}
/*======================
カテゴリブロック
======================*/
.pbSmartPhone .pbSmartWhatsnew ul {
 margin:0;
 padding:0;
}

.pbSmartPhone .pbSmartWhatsnew .pbSmartWhatsnewLi {
 border-bottom:1px #D6CBB7 dashed;
 background:url(/demo510/library/new/common/sp_ic_main_arw.gif) no-repeat 96% center;
 background-size:3%;
}

.pbSmartPhone .pbSmartWhatsnew .pbSmartWhatsnewUl:last-child .pbSmartWhatsnewLi:last-child{
 border-bottom:none;
}

.pbSmartPhone .pbSmartWhatsnew .pbSmartWhatsnewTime {
 padding-top:10px;
 color:#A8997C;
}

.pbSmartPhone .pbSmartWhatsnew a {
 display:block;
 padding:10px 50px 10px 10px;
 text-decoration:none;
 color:#000000;
}

/* -----------------------------------------
  HotItem
----------------------------------------- */

/* TAB -------------------------------- */

.hmkSpHotitemTab {
 padding: 4% 0 3%;
}

.hmkSpHotitemTab ul {
 width:95%;
 margin:0 auto 3%;
 padding:0;
 overflow: hidden;
}

.hmkSpHotitemTab ul li {
 width:49%;
 float: left;
 text-align: center;
 background-color: #fff;
 border:1px solid #7F7363;
 color:#7F7363;
 padding: 4% 0;
 font-size: 90%;
}

.hmkSpHotitemTab ul li.select {
 color:#fff;
 background-color:#7F7363;
}

.hmkSpHotitemTab .disnon {
 display: none;
}

.hmkSpHotitemTab .hmkSpHotitemCat {
 clear: left;
 padding: 0 1% 0 2%;
}

/* PLUGIN -------------------------------- */

.hmkSpHotItem .hmkSpItemList,
.hmkSpHotItem .pageNumber {
 overflow: hidden;
}

.hmkSpHotItem ul {
 margin: 0;
 padding: 0 2%;
}

.hmkSpHotItem ul.hmkSpItemList li {
 float: left;
 width: 46%;
 margin: 2%;
 list-style: none;
}

.hmkSpHotItem .pageNumber {
 margin-bottom: 2%;
 position: relative;
}

.hmkSpHotItem .pageNumber p {
 width: 20%;
 float: right;
 margin-right:4%;
}

.hmkSpHotItem .pageNumber p:first-child {
 float: left;
 margin-left:4%;
}

.hmkSpHotItem .pageNumber ul{
 float:left;
 margin:0;
 padding:0;
 position: absolute; 
 left: 50%;
}

.hmkSpHotItem .pageNumber ul li{
 float: left;
 list-style: none;
 width: 30px;
 text-align: center;
 position: relative; 
 left: -50%;
}

.hmkSpHotItem .pageNumber ul li a{
 display: block;
 padding: 25% 0;
 color: #817566;
 text-decoration: none;
}

.hmkSpHotItem .pageNumber ul li.active {
 background: #ab9774;
 color: #fff;
 padding: 7px 0;
}

/* -----------------------------------------
  HotItem詳細
----------------------------------------- */

.hmkSpHotItemDatail ul.swipe,
.hmkSpHotItemDatail .thumbnail ul {
 margin: 0;
 padding: 0;
 overflow: hidden;
 list-style: none;
}

.hmkSpHotItemDatail .thumbnail ul {
 margin-left:0.5%;
}

.hmkSpHotItemDatail .thumbnail ul li {
 width: 23%;
 float: left;
 margin: 0 1%;
}

.hmkSpHotItemDatail .thumbnail li a img {
 opacity: 0.7;
}

.hmkSpHotItemDatail .thumbnail li a.active img {
 opacity: 1.0;
}

.hmkSpHotItemDatail .bx-controls{
 display:none;
}

.hmkSpW95Cnt {
 width:95%;
 margin:0 auto 3%;
}

.hmkSpHotItemDatail h2,
.hmkSpHotItemDatail p,
.hmkSpHotItemDatail table {
 width: 95%;
 margin: 0 auto;
}

.hmkSpHotItemDatail h1 {
 background: #AD9770;
 color: #fff;
 font-weight: normal;
 font-size: 110%;
 padding: 3%;
}

.hmkSpHotItemDatail h2 {
 margin-bottom: 5%;
 padding-bottom: 3%;
 color: #AD9770;
 font-weight: normal;
 font-size: 110%;
 border-bottom: #F7F2EC 1px solid;
}

.hmkSpHotItemDatail p {
 font-size: 85%;
 margin-bottom: 5%;
}

.hmkSpHotItemDatail table {
 font-size: 90%;
 margin-bottom:1%;
}

.hmkSpHotItemDatail table tr {
 border-bottom: solid 1em #fff;
}

.hmkSpHotItemDatail table tr th {
 width: 25%;
 background: #BCA988;
 color: #fff;
 font-weight: normal;
 padding: 2%;
}

.hmkSpHotItemDatail table tr td {
 padding-left: 5%;
}

.hmkHotItemFrem {
 margin: 0 auto 4%;
 width: 85%;
 padding: 4%;
 border: 4px #D6CBB5 double;
}

.hmkHotItemFrem dl dt {
 margin-bottom: 3%;
 padding-bottom: 3%;
 background:url(/demo510/library/new/common/img/piece/lineGoldThin.gif) repeat-x left bottom;
 font-family: 'ＭＳ Ｐ明朝',serif;
 color: #AD9771;
}

.hmkHotItemFrem dl dd {
 font-size:85%;
}

/* -----------------------------------------
  Shop List
----------------------------------------- */

/* Table -------------------------------- */
#page .hmkSpShopList table img {
 width:100%!important;
}

.hmkSpSlidBox {
 display:none;
}

#page .hmkSpShopList table td,
#page .hmkSpShopList table th {
 word-break:break-all;
}

#page .hmkSpShopList table a img {
 width:30%!important;
 margin:10px auto;
}

/*======================
企業情報TOP
======================*/
.hmkSpOneTxtLinkPc a,
.hmkSpOneTxtLink a {
 padding:15px 35px 12px 10px;
 display:block;
}

/*======================
中途採用
======================*/
.hmkCompanyCateFrmT,
.hmkCompanyCateFrmM,
.hmkCompanyCateFrmB {
 background-size:100% 1%;
}

.hmkCompanyCateFrmM {
 margin:auto 5px;
}

.hmkCompanyCateFrmB {
 padding-left:15px;
 padding-right:15px;
}


/*======================
Contact 配下
======================*/
#ID_QUERY_FORM {
 margin:auto 5px;
}

#ID_QUERY_FORM .pbSmartQueryItem {
 margin:auto 5px 10px;
}

.pbSmartQueryButton {
 text-align:center;
 margin:15px 0;
}

.pbSmartQueryButton input {
 border: 4px double #d9c8b6;
 background-color: #a08b76;
 padding: 7px 20px;
 color: #ffffff;
 border-top-left-radius:0!important;
 border-top-right-radius:0!important;
 border-bottom-right-radius:0!important;
 border-bottom-left-radius:0!important;
 -webkit-appearance: none;
}

.pbSmartQueryItem .pbSmartQueryElementCheckBoxUl,
.pbSmartQueryItem .pbSmartQueryElementSexUl {
 padding: 0 5%;
 width:90%;
}

.pbSmartQueryItem .pbSmartQueryElementCheckBoxUl li,
.pbSmartQueryItem .pbSmartQueryElementSexUl li {
 float:left;
 list-style:none;
 width:50%;
}

.pbSmartQueryItem .pbSmartQueryElementCheckBoxUl:after,
.pbSmartQueryItem ul.pbSmartQueryElementSexUl:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
/*======================
ひな型詳細テンプレート
======================*/
.HMKIcon ul {
 margin:0;
 padding:0;
}
.HMKIcon li {
 background:url(/demo510/library/new/common/img/piece/ic_arrow01.gif) no-repeat left 7px;
 padding-left:10px;
}

.hmkImgMgB10px {
 line-height:0;
 margin-bottom:10px;
}

.hmkMarginR30 {
 margin:0 0 25px 0;
}

.hmkSpNotRepeat {
 margin-bottom:20px;
}

.hmkSpMgLR5px {
 margin-right:5px;
 margin-left:5px;
}

.hmkSpMgLR5px table td,
.hmkSpMgLR5px table th {
 word-break:break-all;
 white-space:normal;
}

.hmkSpMgLR5px table img {
 vertical-align:middle;
 margin:0 3px;
}

.hmkTableColTtl table th,
.hmkTableColTtl table td {
 padding-left:5px;
 padding-right:5px;
}

.pbMainArea .hmkSpMgLR5px img {
 height:auto;
}

.hmkSpNotRepeat .pbHorizontalNested {
 width:100%!important;
}

#page .hmkPageTopBt img,
#page table img {
 width:auto!important;
}

/*写真枠*/
.hmkPressImg img {
 padding: 6px;
 border: 1px #DDDDDD solid!important;
 background-color: #FFFFFF;
 line-height: 0.1;
 width:95%!important;
}

/*==================================================
企業情報 > 重要なお知らせ > ブランド統合のお知らせ
で使用する右向き三角アイコン用
==================================================*/
.hmkSpImgResizing img {
width: 9px!important;
}

/*==================================================
Shop List上部で使用するリンクタブ
==================================================*/
.hmkSpShopListLinkTab td a {
 text-decoration: none;
 display: block;
 padding: 12px 0;
}

#mainArea .pbBlockBase img {
 width: auto !important;
 max-width: 100%;
}