@charset "utf-8";

@import "/Portals/0/css/base.css";

/*タグスタイルのリセット*/
@import "/Portals/0/css/reset_past.css";

/*基本スタイル*/
@import "/Portals/0/css/base_past.css";

/*レイアウト用スタイル*/
@import "/Portals/0/css/layout_past.css";

/*共通スタイル*/
@import "/Portals/0/css/common_past.css";

/*固有ページ用スタイル*/
@import "/Portals/0/css/contents_past.css";

/*ポップアップコンテンツ用スタイル*/
@import "/Portals/0/css/popup_content_past.css";

/*サロン用スタイル*/
@import "/Portals/0/css/salon_detail_past.css";
@import "/Portals/0/css/salon_coupon_past.css";

@import "/Portals/0/css/contents.css";

/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{min-width:950px;}

/* font settings */
html,
body{color:#333;font-size:12px;line-height:1.6;}
/*body{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/

/*2025/10/24変更 y.matsunaga sweetpea*/
body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400; /* 標準の太さ */
}

/* pc/sp settings */
.pcArea{display:block;}
.spArea{display:none;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:900px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

#skin{
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#skin:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 10px;
    height: 100%;
    box-shadow: -12px 0 10px -10px #1b120d inset;
}
#skin:after {
    content: "";
    position: absolute;
	top:0;
    right: -10px;
    box-shadow: 12px 0 10px -10px #1b120d inset;
    width: 10px;
    height: 100%;
}

/* ===========================================================
 headBody
=========================================================== */
#header{position: relative;z-index: 1; height: 142px;margin:0;padding:0;}

#header .inner{
	width: 100%;
}
#header .headTop{
	height: 100px;
	background:url(/Portals/0/images/common/header_img.jpg) left center no-repeat;
}

/* logo */
.logo{position: absolute;top:-5px;left:29px;z-index: 2; margin:0;padding:0;}
.logo a{display:block;width: 132px;}
.logo a img{width: 100%;}

._Index #header .imgHeader.pcArea{
	display: none;
}
/* ===========================================================
 gNav
=========================================================== */
.tokenMenu{position:relative;height: 42px;border-top:1px solid #ddd;padding-left: 190px;}
.tokenMenu:before{content: "";position: absolute;left:0;top:0;width: 190px;height: 42px; background: url(/Portals/0/images/common/gv_menu_left.jpg) 0 0 no-repeat;}
.tokenMenu ul{height: 42px; padding: 0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu > ul > li > ul{display:flex;padding:0;}
.tokenMenu > ul > li > ul > li{display:none;}
.tokenMenu > ul > li > ul > li.Tab122,
.tokenMenu > ul > li > ul > li.Tab123,
.tokenMenu > ul > li > ul > li.Tab125,
.tokenMenu > ul > li > ul > li.Tab128,
.tokenMenu > ul > li > ul > li.Tab144{display:block;}

.tokenMenu > ul > li.Tab100 > a,
.tokenMenu > ul > li > ul > li.Tab122 a,
.tokenMenu > ul > li > ul > li.Tab123 a,
.tokenMenu > ul > li > ul > li.Tab125 a,
.tokenMenu > ul > li > ul > li.Tab128 a,
.tokenMenu > ul > li > ul > li.Tab144 a{display:block;overflow: hidden;text-indent: 100%;white-space: nowrap;}
.tokenMenu ul li ul li ul{display:none;}

.tokenMenu > ul > li.Tab100 > a{float: left;width: 127px;height: 42px;background: url(/Portals/0/images/common/gv_menu_top.jpg) 0 0 no-repeat;}
.tokenMenu > ul > li > ul > li.Tab122 a{width: 126px;height: 42px;background: url(/Portals/0/images/common/gv_menu_fitness_spa.jpg) 0 0 no-repeat;}
.tokenMenu > ul > li > ul > li.Tab123 a{width: 126px;height: 42px;background: url(/Portals/0/images/common/gv_menu_plan.jpg) 0 0 no-repeat;}
.tokenMenu > ul > li > ul > li.Tab125 a{width: 126px;height: 42px;background: url(/Portals/0/images/common/gv_menu_salon.jpg) 0 0 no-repeat;}
.tokenMenu > ul > li > ul > li.Tab128 a{width: 126px;height: 42px;background: url(/Portals/0/images/common/gv_menu_cosmetics.jpg) 0 0 no-repeat;}
.tokenMenu > ul > li > ul > li.Tab144 a{width: 129px;height: 42px;background: url(/Portals/0/images/common/gv_menu_faq.jpg) 0 0 no-repeat;}

.tokenMenu > ul > li.Tab100 > a:hover,
.tokenMenu > ul > li.Tab100.currentItem > a{background: url(/Portals/0/images/common/gv_menu_top_on.jpg) 0 0 no-repeat;}

.tokenMenu > ul > li > ul > li.Tab122 a:hover,
.tokenMenu > ul > li > ul > li.Tab122.currentItem a{background: url(/Portals/0/images/common/gv_menu_fitness_spa_on.jpg) 0 0 no-repeat;}

.tokenMenu > ul > li > ul > li.Tab123 a:hover,
.tokenMenu > ul > li > ul > li.Tab123.currentItem a{background: url(/Portals/0/images/common/gv_menu_plan_on.jpg) 0 0 no-repeat;}

.tokenMenu > ul > li > ul > li.Tab125 a:hover,
.tokenMenu > ul > li > ul > li.Tab125.currentItem a{background: url(/Portals/0/images/common/gv_menu_salon_on.jpg) 0 0 no-repeat;}

.tokenMenu > ul > li > ul > li.Tab128 a:hover,
.tokenMenu > ul > li > ul > li.Tab128.currentItem a{background: url(/Portals/0/images/common/gv_menu_cosmetics_on.jpg) 0 0 no-repeat;}

.tokenMenu > ul > li > ul > li.Tab144 a:hover,
.tokenMenu > ul > li > ul > li.Tab144.currentItem a{background: url(/Portals/0/images/common/gv_menu_faq_on.jpg) 0 0 no-repeat;}


/* ===========================================================
 content
=========================================================== */
#main{clear: both;}
.breadcrumb{margin:0 auto;padding:6px 0;background:#F3F1D8;font-size:85%;}
.breadcrumb a{color:#AB482D;text-decoration:underline;font-size: 114.3%;}
.breadcrumb span span:not(.breadcrumbItem) {padding: 0 5px;}

.contentTop .inner{width: 100%;}
.contentMiddle{background: url(/Portals/0/images/common/main_bgimg.jpg) 0 0 no-repeat;border-right: 8px solid #d6d295;border-left: 8px solid #d6d295;}
.contentMiddle .inner{width: 830px; padding-top: 33px;}
.pagetop{position:relative;margin: 30px 0 80px;padding: 0;}
.pagetop a{position:absolute;top:0;right:25px;width: 66px;height: 10px; background: url(/Portals/0/images/common/pagetop.gif) 0 0 no-repeat;overflow: hidden;text-indent: 100%;white-space: nowrap;}

/* ===========================================================
 footBody
=========================================================== */
footer{height: 88px;background: url(/Portals/0/images/common/footer_bgimg.jpg) 0 0 repeat-x;margin:0;padding:0;}
footer .inner{width: 930px;}
footer .footTop .inner{display: flex;justify-content: space-between;padding-top: 15px;}
footer .footTop .inner > div{width: 50%;}

footer .navFooter{display: flex;padding: 0;}
footer .navFooter li a{display: block;height: 12px;overflow: hidden;text-indent: 100%;white-space: nowrap;}
footer .navFooter li + li a{padding-left: 12px;}
footer .navFooter li:nth-of-type(1) a{width: 60px;background: url(/Portals/0/images/common/footer_kaishagaiyou.gif) right 0 no-repeat;}
footer .navFooter li:nth-of-type(2) a{width: 79px;background: url(/Portals/0/images/common/footer_saiyoujyouhou.gif) right 0 no-repeat;}
footer .navFooter li:nth-of-type(3) a{width: 181px;background: url(/Portals/0/images/common/footer_kojinnjyouhou.gif) right 0 no-repeat;}
footer .navFooter li:nth-of-type(4) a{width: 86px;background: url(/Portals/0/images/common/footer_sitemap.gif) right 0 no-repeat;}

footer .navFooter li:nth-of-type(1) a:hover{width: 60px;background: url(/Portals/0/images/common/footer_kaishagaiyou_on.gif) right 0 no-repeat;}
footer .navFooter li:nth-of-type(2) a:hover{width: 79px;background: url(/Portals/0/images/common/footer_saiyoujyouhou_on.gif) right 0 no-repeat;}
footer .navFooter li:nth-of-type(3) a:hover{width: 181px;background: url(/Portals/0/images/common/footer_kojinnjyouhou_on.gif) right 0 no-repeat;}
footer .navFooter li:nth-of-type(4) a:hover{width: 86px;background: url(/Portals/0/images/common/footer_sitemap_on.gif) right 0 no-repeat;}

footer .footTop .inner .right{padding-right: 7px;}
.logoFooter{margin: 0;}

.copyright{padding: 5px 10px;color: #85784a;text-align: right;letter-spacing: 0.5px}


/* ===========================================================
 css for each skin
=========================================================== */
._2Columns .contentMiddle .inner{width: 830px;}
._2Columns .contentMiddle .inner:after{content:"";overflow: hidden;display:block;clear:both;}
._2Columns .sideArea{float:right;width:188px;}
._2Columns .mainArea{float:left;width:626px;}

/* ===========================================================
 css for admin
=========================================================== */

/* css-for-adminModules */
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
#dnn_ctr362_ModuleContent table{width:100% !important;}
#dnn_ctr362_ModuleContent table td{text-align:left !important;}

/* 編集ナビ */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}
.ModuleTitle_MenuContainer > tbody > tr > td:last-child{line-height:1;}
.ModuleTitle_MenuItem{font-size:12px !important;}

/* スマホプレビュー */
.selectBox + .fancybox-wrap,
.selectBox + .fancybox-wrap *{box-sizing:content-box !important;}
.previewMode .fancybox-opened{z-index:99999999 !important;}

/* 承認フロー管理 */
table.ViewManageRole.tableGrid.Settings th[style*="width"]{width:auto!important;}