/*
==================================================
## css Information
## Site URL: / -共通ファイル(グロナビ関連及び共通ユーティリティ(PC))-
## File name: /excludes/css/_shared/header01.css
## Summary: 共通スタイル及びヘッダー部分スタイル
## Created: 2016.09.--
## Last update: 2025-09-03 by DDuet Iwai
## Author: H.Muroi(ZP)
## comment: 
グロナビなどの上書きされたくないような部分は若干詳細度を高めに記述しております。
更新時など、基本的にはネストは3階層まででお願いします。
==================================================
*/

/* ---------------------------------------------
共通設定
--------------------------------------------- */
/* utility vol.02 */
.cfix:after {
  content: "";
  display: block;
  clear: both;
}
.u-inner {
  width: 980px;
  margin: 0 auto;
}
.mt-0 {
  margin-top: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.offer {
  text-align: left;
  color: #333;
  font-size: 12px;
}
.offer li {
  text-indent: -1em;
  padding-left: 1em;
}

/* utility vol.02 */
.contentBlock {
  margin-bottom: 40px;
}
.sectionTitle {
  margin-bottom: 20px;
}
.sectionSubTitle {
  margin: 40px 0 20px;
}
.moreBtn , .moreBtns {
  text-align: right;
  padding: 7px 0;
}
.moreBtn.add-mt , .moreBtns.add-mt {
  margin-top: 12px;
}
.moreBtn span , .moreBtns span {
  background: #eee;
  border-radius: 3px;
  display: inline-block;
}
.moreBtn:hover span , .moreBtns:hover span {
  background: #fde4ec;
}
.moreBtn a , .moreBtns a {
  color: #eb4f82;
  padding: 7px 10px;
  text-decoration: none;
  display: block;
}
.moreBtn a:hover , .moreBtns a:hover {
  color: #ff6600;
  text-decoration: underline;
}

/* utility vol.03 */
.grayArea {
  padding: 50px 0;
  background: #eee;
}
.newsLayout_outer {
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  width: 980px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 5px;
}
.newsLayout {
  font-size: 15px;
}
.newsLayout li {
  margin-top: 20px;
}
.newsLayout dt {
  width: 140px;
  float: left;
}
.newsLayout dt.icon_new {
  background: url(/excludes/images/top/icon_new.png) no-repeat 100% 1px;
}
.newsLayout dd {
  width: 780px;
  margin-left: 15px;
  float: left;
}
.newsLayout.moreCont {
  display: none;
}
/* 未ログイン時のコンテンツ追加（20250903） */
.newsLayout .txt_01{
  font-size: 18px;
  font-weight:bold;
  text-align:center;
  margin: 25px auto 0px;
}
.newsLayout .btn_area{
   width: 805px;
   margin: 15px auto;
   display:flex;
   justify-content:space-between;
}
.newsLayout .btn_01 a,.newsLayout .btn_02 a{
  display:block;
  text-decoration:none;
  border-radius: 10px;
  font-size: 20px;
  width: 350px;
  padding:10px 20px;
  text-align:center;
  font-weight:bold;
}
.newsLayout .btn_01 a:hover,.newsLayout .btn_02 a:hover{
  opacity:0.7;
}
.newsLayout .btn_01 a{
  background: #ffffff;
  color: #e13971;
  /*border: 3px solid #e13971;
  box-sizing: border-box;*/
  outline: 3px solid #e13971;
  outline-offset: -3px;
 
}
.newsLayout .btn_02 a{
  background: #e13971;
  color: #ffffff;
}
.more_accBtn {
  text-align: center;
  margin-top: 20px;
  padding: 10px 0;
  font-size: 14px;
  color: #e13971;
  background: #eee;
  border-radius: 4px;
  cursor: pointer;
}
.more_accBtn span:after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/excludes/images/top/icon_opcl.png) no-repeat;
  background-position: 0 0;
  vertical-align: text-bottom;
  margin-left: 10px;
}
.more_accBtn span.is-active:after {
  background-position: -18px 0;
}

/* bxslider */
.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
  background: none;
}
.bx-wrapper .bx-prev {
  left: -40px;
}
.bx-wrapper .bx-next {
  right: -40px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #cecbc4;
  margin: 0 15px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #e85282;
}
.slider .recommendDuet_notice li {
  margin-top: 0 !important;
  margin-left: 0 !important;
}


/* ---------------------------------------------
ヘッダー
--------------------------------------------- */
/* header -firstLine- */
.locationState {
  border-top: 10px solid #eb5081;
}
.status_pre .locationState {
  border-top: 10px solid #93784c;
}
.locationState ul {
  margin-top: -10px;
  float: right;
  width: 332px;
}
.locationState img {
  display: block;
}
.locationState .state_btn {
  float: left;
  transition: background 0.3s;
  margin-bottom: 10px;
}
.locationState .state_btn:hover {
  transition-delay: 0;
  background: #ff6600;
}
.locationState .state_btn:first-child {
  border-radius: 0 0 0 4px;
}
.locationState .state_btn.state_btn06 {
  border-radius: 0 0 4px 0;
}
.locationState .state_btn.state_btn07 {
  border-radius: 0 0 4px 0;
}
.locationState .state_btn01 {
  background: #00b2a8;
  width:145px;
  border-radius: 2px;
}
.locationState .state_btn02 {
  background: #2a57b5;
  width:176px;
  border-radius: 2px;
  margin-left: 10px;
}
.locationState .state_btn03 {
  background: #4d4d4d;
}
.locationState .state_btn04 {
  background: #ea4f81;
  display: block;
}
.locationState .state_btn05 {
  background: #cb0d00;
  display: none;
}
.locationState .state_btn06 {
  background: #ffffff;
  display: block;
}
.locationState .state_btn06:hover {
  background: #ffcccc;
}
.locationState .state_btn07 {
  background: #dfdfdf;
  display: none;
}
.locationState.status_login .state_btn04 {
  display: none;
}
.locationState.status_login .state_btn06 {
  display: none;
}
.locationState.status_login .state_btn05 {
  display: block;
}
.locationState.status_login .state_btn07 {
  display: block;
}
.sessionLocate.status_org .locationState {
  border-top: 10px solid #425877;
}

/* 【追加】働きさん */
.sessionLocate.status_hatarakisan .locationState {
  border-top: 10px solid #425877;
}

/*　【追加】非会員 */
.sessionLocate.status_no-login .state_btn03 {
  display: block;
}
.sessionLocate.status_no-login .state_btn04 {
  display: block;
}
.sessionLocate.status_no-login .state_btn05 {
  display: none;
}
.sessionLocate.status_no-login .state_btn06 {
  display: block;
}
.sessionLocate.status_no-login .state_btn07 {
  display: none;
}



/* header -secondLine- */
.logoArea {
  margin-top: -75px;
  margin-bottom: 15px;
  height:130px; /* 【追加】高さ固定 */
}
.logoArea a {
  color: #333;
}
.logoArea a img {
  transition: opacity 0.3s;
}
.logoArea a:hover {
  color: #ff6600;
}
.logoArea a:hover img {
  transition-delay: 0;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.logoArea h1 {
  float: left;
  margin-right: 15px;
}
.logoArea ul {
  float: left;
  margin-top: 11px;
}
.logoArea li {
  float: left;
  margin-right: 15px;
}

/* 事業者(DDuet5)さん、事業所(BIZ 一般、プレミアム) */
.logoArea .textLinks,
.sessionLocate.status_pre.jigyousya .logoArea .textLinks
 {
  width: 310px;
  float: right;
  margin-left: 50px;
  margin-right:-10px;
  margin-top: -3px;
  font-size: 12px;
}

/* 【追加】家庭用(一般・プレミアム会員)、組織員(一般・プレミアム会員)、働きさん */
.sessionLocate.status_general .logoArea .textLinks,
.sessionLocate.status_pre .logoArea .textLinks,
.sessionLocate.status_org .logoArea .textLinks,
.sessionLocate.status_hatarakisan .logoArea .textLinks
 {
    width: 400px;
    float: right;
    margin-right: -10px;
    margin-top: -50px;
	 font-size: 12px;
}


.logoArea .textLinks .textLinks_menu {
  float: right;
}
.logoArea .textLinks li {
  float: right;
  margin-right: 10px;
}
.logoArea .textLinks .make_homeIcon {
  float: right;
  margin-top: 5px;
}
.logoArea .textLinks .make_homeIcon img {
  vertical-align: middle;
}
button.search_btn {
  margin: 10px 0 0;
  padding: 0;
  border: 0;
  float: left;;
  width: 590px;
  cursor: pointer;

}

/*　検索ボタン　プレミアム会員 */
.status_pre .search_do_btn{
  background: #C0964B;
}
/*　検索ボタン　組織員,働きさん */
.status_org .search_do_btn,.status_hatarakisan .search_do_btn{
  background: #415778;
}

.logoArea .state_pre,
.logoArea .state_org {
  display: none;
}
/* 【追加】働きさん */
.logoArea .state_hatarakisan {
  display: block;
}

.SearchArea {
  display: block;
  width: 590px;
  height: 38px;
  margin-top: 20px;
  float: left;
  background: #ffffff;
  border: 1px solid #666666;
  border-radius: 5px;
  clear:both;
}
.form-pegeSearch {
  vertical-align: middle;
  position: relative;
}
.input-textArea {
width: 530px;
display: block;
height: 30px;
margin: 2px 0 5px 0.5em;
border: none;
font-size: 20px;
box-sizing: border-box;
text-align: left;

}
.search_do_btn {
position: absolute;
top: 50%;
right: 0px;
background: #eb5081;
width: 60px;
height: 38px;
border: none;
margin-top: -17px;
cursor: pointer;
font-size: 18px;
color: #fff;
border-radius: 0 5px 5px 0;
}
.d-none {
  display: none;
}
.sessionLocate.status_pre .state_pre {
  display: block;
  margin-bottom: 5px;
}
.sessionLocate.status_org .state_org {
  display: block;
}
/* 【追加】働きさん */
.sessionLocate.status_hatarakisan .state_org {
  display: block;
}


/* header -thirdLine(GlobalNavigation)- */
.g_nav {
  font-size: 0;
  line-height: 0;
  margin-bottom: 15px;
}
.g_nav .gnav_Btn {
  float: left;
  width: 139px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav.png) no-repeat top left;
  transition: background-position 0.3s;
}

.nav_normal_pre .gnav_Btn {
  float: left;
  width: 139px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_pre.png) no-repeat top left;
  transition: background-position 0.3s;
}

/*　【追加】働きさん */
.nav_soshiki .gnav_Btn,
.nav_soshiki_pre .gnav_Btn,
.nav_hatarakisan .gnav_Btn {
  float: left;
  width: 139px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_soshiki_pre.png) no-repeat top left;
  transition: background-position 0.3s;
}

.nav_normal_biz .gnav_Btn {
  float: left;
  width: 139px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_biz.png) no-repeat top left;
  transition: background-position 0.3s;
}

/* 【追加】事業者 */
.nav_normal_biz_pre .gnav_Btn,
.nav_jigyousya .gnav_Btn{
  float: left;
  width: 139px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_biz_pre.png) no-repeat top left;
  transition: background-position 0.3s;
}

.g_nav .gnav_Btn:first-child {
  border-left: 1px solid #ccc;
}
.g_nav .gnav_Btn:hover {
  transition-delay: 0;
}
.g_nav .gnav_Btn.gnav_Btn01 {
  width: 139px;
  background-position: 0 0;
}
.g_nav .gnav_Btn.gnav_Btn01:hover {
  background-position: 0 -75px;
}
.g_nav .gnav_Btn.gnav_Btn01.active {
  background-position: 0 -150px;
}
.g_nav .gnav_Btn.gnav_Btn02 {
  background-position: -140px 0;
}
.g_nav .gnav_Btn.gnav_Btn02:hover {
  background-position: -140px -75px;
}
.g_nav .gnav_Btn.gnav_Btn02.active {
  background-position: -140px -150px;
}
.g_nav .gnav_Btn.gnav_Btn03 {
  background-position: -280px 0;
}
.g_nav .gnav_Btn.gnav_Btn03:hover {
  background-position: -280px -75px;
}
.g_nav .gnav_Btn.gnav_Btn03.active {
  background-position: -280px -150px;
}
.g_nav .gnav_Btn.gnav_Btn04 {
  background-position: -420px 0;
}
.g_nav .gnav_Btn.gnav_Btn04:hover {
  background-position: -420px -75px;
}
.g_nav .gnav_Btn.gnav_Btn04.active {
  background-position: -420px -150px;
}
.g_nav .gnav_Btn.gnav_Btn05 {
  background-position: -560px 0;
}
.g_nav .gnav_Btn.gnav_Btn05:hover {
  background-position: -560px -75px;
}
.g_nav .gnav_Btn.gnav_Btn05.active {
  background-position: -560px -150px;
}
.g_nav .gnav_Btn.gnav_Btn06 {
  background-position: -700px 0;
}
.g_nav .gnav_Btn.gnav_Btn06:hover {
  background-position: -700px -75px;
}
.g_nav .gnav_Btn.gnav_Btn06.active {
  background-position: -700px -150px;
}
.g_nav .gnav_Btn.gnav_Btn07 {
  width: 138px;
  background-position: -840px 0;
}
.g_nav .gnav_Btn.gnav_Btn07:hover {
  background-position: -840px -75px;
}
.g_nav .gnav_Btn.gnav_Btn07.active {
  background-position: -840px -150px;
}
.g_nav .gnav_Btn.gnav_Btn01.disable{
  width: 138px;
  background-position: 0 0;
}
.g_nav .gnav_Btn.gnav_Btn01.disable:hover {
  background-position: 0 0;
}
.g_nav .gnav_Btn.gnav_Btn01.active.disable {
  background-position: 0 0;
}
.g_nav .gnav_Btn a {
  display: block;
  height: 75px;
}
.disable{
  cursor: default!important;
}
.disable a{
  pointer-events: none;
}


/*** 地域別適応版 ***/
.g_nav.nShop .gnav_Btn {
  float: left;
  width: 162px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_nshop01.png) no-repeat top left;
  transition: background-position 0.3s;
}
.g_nav.nShop.nav_normal_pre .gnav_Btn {
  float: left;
  width: 162px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_nshop02.png) no-repeat top left;

  transition: background-position 0.3s;
}
.g_nav.nShop.nav_soshiki .gnav_Btn {
  float: left;
  width: 162px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_nshop03.png) no-repeat top left;

  transition: background-position 0.3s;
}
.g_nav.nShop.nav_soshiki_pre .gnav_Btn {
  float: left;
  width: 162px;
  height: 75px;
  cursor: pointer;
  border-right: 1px solid #ccc;
  background: url(/excludes/images/_shared/header/g_nav_nshop03.png) no-repeat top left;

  transition: background-position 0.3s;
}
.g_nav.nShop .gnav_Btn:first-child {
  border-left: 1px solid #ccc;
}
.g_nav.nShop .gnav_Btn:hover {
  transition-delay: 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn01 {
  width: 163px;
  background-position: -815px 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn01:hover {
  background-position: -815px -75px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn01.active {
  background-position: -815px -150px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn02 {
  background-position: -163px 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn02:hover {
  background-position: -163px -75px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn02.active {
  background-position: -163px -150px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn03 {
  background-position: -326px 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn03:hover {
  background-position: -326px -75px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn03.active {
  background-position: -326px -150px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn04 {
  background-position: -489px 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn04:hover {
  background-position: -489px -75px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn04.active {
  background-position: -489px -150px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn05 {
  background-position: -652px 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn05:hover {
  background-position: -652px -75px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn05.active {
  background-position: -652px -150px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn06 {
 background-position: 0px 0;
}
.g_nav.nShop .gnav_Btn.gnav_Btn06:hover {
  background-position: 0px -75px;
}
.g_nav.nShop .gnav_Btn.gnav_Btn06.active {
  background-position: 0px -150px;
}

/*　2017/01/19 追記　*/
.g_nav.nShop .gnav_Btn.gnav_Btn07 {
  display: none;
}


/* ---------------------------------------------
モダールコンテンツ
--------------------------------------------- */
/* modalContentArea */
.modalContentArea{
  display: none;
}
.m-revBox,
.m-errBox{
  width: 515px;
  box-sizing: border-box;
  border: 3px solid #e95283;
  padding: 24px;
  background: #fff;
  text-align: left;
}
.m-revBox .leftCont{
  float: left;
  width: 250px;
}
 .m-revBox .leftCont p{
  width: 235px;
}
 .m-revBox .leftCont img{
  width: 100%;
 }
.m-revBox .rightCont{
  float: left;
  width: 210px;
}
.m-rev_commentTtl{
  color: #e95283;
  font-size: 18px;
  line-height: 1.5;
  padding: 15px 0;
}
.m-rev_data{
  padding: 10px 0;
}
.m-rev_review p{
  float: left;
  font-weight: bold;
  font-size: 16px;
}
.m-rev_star {
  width: 100px;
  margin: 3px 0 0 10px;
  font-size: 0!important;
  line-height: 0;
  height: 16px;
  background: url(/excludes/images/top/review/review_star.png) no-repeat top left;
}
.m-rev_star.m-rev_star01 {
  width: 20px;
}
.m-rev_star.m-rev_star02 {
  width: 40px;
}
.m-rev_star.m-rev_star03 {
  width: 60px;
}
.m-rev_star.m-rev_star04 {
  width: 80px;
}
.m-rev_star.m-rev_star05 {
  width: 100px;
}
.m-rev_data,
.m-rev_name{
  font-size: 16px;
}
.m-rev_comment{
  margin-top: 15px;
  font-size: 16px;
}
.m-rev_itemLink{
  margin-top: 5px;
  text-align: right;
}
.m-errBox.err01{
}
.m-errBox.err01 h3{
  text-align: center;
  color: #e95283;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e95283;
  font-weight: normal;
}
.m-errBox.err01 p{
  text-align: center;
  line-height: 1.8;
}


/* cbox */
#cboxContent{
  margin-top: 45px;
  background: #fff;
}
#cboxLoadedContent{
  background: none;
  padding: 0;
}
#cboxLoadingOverlay{
  background: #fff;
}
#cboxClose,
#cboxClose:hover{
  width: 35px;
  height: 35px;
  position: absolute;
  top: -45px;
  background: url(/excludes/images/_shared/header/modal_close.png) no-repeat 0 0;
}
#cboxClose:focus{
  outline: none;
}

/* 検索リンク追加に伴う調整 */
.logoArea{
  margin-bottom: 40px;
}
.SearchArea .search_info{
  font-size: 16px;
  text-align: right;
  margin-top: 10px;
}