/*------------------------------
	base
------------------------------*/
html {
  background-color: #000;
}

body {
  background: #222;
  font-size: 1.4em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
}

/*------------------------------
	utility
------------------------------*/
.alignBol {
  margin-left: -0.5em;
}

.elmHide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.jsDisNon {
  display: none;
}

/*------------------------------
	structure
------------------------------*/
.wrapper {
  min-width: 950px;
  min-height: 100vh;
  /*min-height: 534px;*/
  overflow: hidden;
}

.header {
  height: 50px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
}

.header_inr {
  box-sizing: border-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 14px 15px;
}

.header_logo {
  display: inline-block;
}
.menuPanel_lead {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 29%;
    font-size: 12px;
    width: 90%;
	left: 5%;
}
.header_logo img {
  vertical-align: top;
}

.contents {
  letter-spacing: -0.4em;
  white-space: nowrap;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  z-index: 0;
}

.footer {
  box-sizing: border-box;
  height: 40px;
  background-color: #000;
  text-align: center;
  position: relative;
  z-index: 10;
}

.footer_copy {
  display: block;
  max-width: 1600px;
  margin: 0 auto;
  padding: 12px 0;
  color: #757575;
  font-size: 1.2rem;
}

/*------------------------------
	layout
------------------------------*/
/*-- menuPanel --*/
.menuPanel {
  display: inline-block;
  letter-spacing: 0.05em;
  vertical-align: top;
  height: 810px;
  height: -webkit-calc(100vh - 90px);
  height: calc(100vh - 90px);
  min-height: 810px;
  width: 16%;
  min-width: 154px;
  background-color: #746476;
  white-space: normal;
  position: relative;
}

.menuPanel_logo {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  bottom: 73.6%;
}

.menuPanel_logo img {
  max-width: 100%;
}

.menuPanel_nav {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.menuPanel_navItem .inr {
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 80px;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease-in-out;
}

.menuPanel_navItem .tmb {
  display: table-cell;
  width: 60px;
}

.menuPanel_navItem .tmb_inr {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  position: relative;
}

.menuPanel_navItem .tmb_inr:before, .menuPanel_navItem .tmb_inr:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s ease-in-out;
}

.menuPanel_navItem .tmb_inr:before {
  opacity: 0.6;
}

.menuPanel_navItem .tmb_inr:after {
  opacity: 0;
}

.menuPanel_navItem .content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  line-height: 1.3;
}

.menuPanel_navItem .inr:hover,
.menuPanel_navItem .inr:focus {
  background: rgba(255, 255, 255, 0.08);
}

.menuPanel_navItem .inr:hover .tmb_inr:before,
.menuPanel_navItem .inr:focus .tmb_inr:before {
  opacity: 0;
}

.menuPanel_navItem .inr:hover .tmb_inr:after,
.menuPanel_navItem .inr:focus .tmb_inr:after {
  opacity: 1.0;
}

/* navTmb */
.menuPanel_navItem.iijima .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_red_off_251126.jpg);
}

.menuPanel_navItem.iijima .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_red_on_251126.jpg);
}


.menuPanel_navItem.sanpi_ryoron .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_sanpi_ryoron_off.jpg);
}

.menuPanel_navItem.sanpi_ryoron .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_sanpi_ryoron_on.jpg);
}

.menuPanel_navItem.air_series .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_air_series_off.jpg);
}

.menuPanel_navItem.air_series .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_air_series_on.jpg);
}

.menuPanel_navItem.collaboration .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_collaboration_off_251126.jpg);
}

.menuPanel_navItem.collaboration .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_collaboration_on_251126.jpg);
}

.menuPanel_navItem.shiseidoparlour .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_shiseidoparlour_off.jpg);
}

.menuPanel_navItem.shiseidoparlour .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_shiseidoparlour_on.jpg);
}

.menuPanel_navItem.pyclass_only .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_pyclass_only_off_231201.jpg);
}

.menuPanel_navItem.pyclass_only .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_pyclass_only_on_231201.jpg);
}

.menuPanel_navItem.tanita .inr .tmb_inr:before {
  background-image: url(../img/detail_pic_menu_muji_off.jpg);
}

.menuPanel_navItem.tanita .inr .tmb_inr:after {
  background-image: url(../img/detail_pic_menu_muji_on.jpg);
}

/*-- descPanel --*/
.descPanel {
  box-sizing: border-box;
  display: inline-block;
  letter-spacing: 0.05em;
  vertical-align: top;
  height: 810px;
  height: -webkit-calc(100vh - 90px);
  height: calc(100vh - 90px);
  min-height: 810px;
  width: 23%;
  min-width: 220px;
  padding: 30px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  white-space: normal;
  overflow: auto;
}

.descPanel_main .main_classIcons {
  display: table;
}

.descPanel_main .main_classIcons li {
  display: table-cell;
  vertical-align: top;
}

.descPanel_main .main_head {
  margin-top: 25px;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.3;
}

.descPanel_main .main_content {
  margin-top: 20px;
}

.descPanel_main .main_sHead {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3;
}

.descPanel_main .main_sContent {
  margin-top: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.descPanel_main .main_img {
  float: left;
  width: 140px;
  padding-right: 20px;
}

.descPanel_main .main_img img {
  width: 100%;
  height: auto;
}

.descPanel_profile {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e7e7e7;
  overflow: hidden;
}

.descPanel_profile .profile_img {
  float: left;
  width: 100px;
  padding-right: 10px;
}

.descPanel_profile .profile_img img {
  width: 100%;
  height: auto;
}

.descPanel_profile .profile_name {
  font-size: 1.6rem;
  font-weight: normal;
}

.descPanel_profile .profile_sName {
  font-size: 1.2rem;
  font-weight: normal;
}

.descPanel_profile .profile_content {
  font-size: 1.2rem;
  line-height: 1.5;
}

.descPanel_profile .profile_details {
  font-size: 1.2rem;
  line-height: 1.5;
  clear: both;
  padding-top: 5px;
}

.descPanel_profile .profile_sHead {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3;
}

.descPanel_profile .profile_sHead_red {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3;
}

.descPanel_route {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #e7e7e7;
  font-size: 1.2rem;
}

.descPanel_route .route_head:before {
  content: "\025A0";
  display: inline;
  margin-right: 0.2em;
}

.descPanel_route .route_body {
  line-height: 1.3;
}

.descPanel_route .route_body + .route_body {
  margin-top: 5px;
}

.descPanel_note li{
  font-size: 1.0rem;
  line-height: 1.3;
}

/*-- viewerPanel --*/
.viewerPanel {
  display: inline-block;
  letter-spacing: 0.05em;
  vertical-align: top;
  height: 810px;
  height: -webkit-calc(100vh - 90px);
  height: calc(100vh - 90px);
  min-height: 810px;
  width: 61%;
  min-width: 576px;
  background-color: #000;
  white-space: normal;
  position: relative;
}

.viewerNav {
  width: 100%;
  height: 20%;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.viewerNavItems {
  letter-spacing: -0.4em;
  height: 100%;
}

.viewerNavItem {
  display: inline-block;
  letter-spacing: 0.05em;
  width: 25%;
  height: 100%;
  position: relative;
}

.viewerNavItem_inr {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.viewerNavItem_inr:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/detail_layer_viewer.png) repeat 0 0 rgba(0, 0, 0, 0.2);
  transition: background 0.2s ease-in-out;
}

.viewerNavItem_inr:hover:after, .viewerNavItem_inr:focus:after {
  background: rgba(0, 0, 0, 0.1);
}

.viewerNavItem_inr.isActive:after {
  background: transparent;
}

.viewerImgs {
  height: 80%;
  position: relative;
  overflow: hidden;
}

.viewerImgsItem {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.viewerImgsItem.isActive {
  z-index: 5;
}

/*-- Expanding pages --*/
/* navAct */
#iijima .menuPanel_navItem.iijima .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#iijima .menuPanel_navItem.iijima .inr .tmb_inr:before {
  opacity: 0;
}

#iijima .menuPanel_navItem.iijima .inr .tmb_inr:after {
  opacity: 1.0;
}

#sanpi_ryoron .menuPanel_navItem.sanpi_ryoron .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#sanpi_ryoron .menuPanel_navItem.sanpi_ryoron .inr .tmb_inr:before {
  opacity: 0;
}

#sanpi_ryoron .menuPanel_navItem.sanpi_ryoron .inr .tmb_inr:after {
  opacity: 1.0;
}

#air_series .menuPanel_navItem.air_series .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#air_series .menuPanel_navItem.air_series .inr .tmb_inr:before {
  opacity: 0;
}

#air_series .menuPanel_navItem.air_series .inr .tmb_inr:after {
  opacity: 1.0;
}

#collaboration .menuPanel_navItem.collaboration .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#collaboration .menuPanel_navItem.collaboration .inr .tmb_inr:before {
  opacity: 0;
}

#collaboration .menuPanel_navItem.collaboration .inr .tmb_inr:after {
  opacity: 1.0;
}

#shiseidoparlour .menuPanel_navItem.shiseidoparlour .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#shiseidoparlour .menuPanel_navItem.shiseidoparlour .inr .tmb_inr:before {
  opacity: 0;
}

#shiseidoparlour .menuPanel_navItem.shiseidoparlour .inr .tmb_inr:after {
  opacity: 1.0;
}

#pyclass_only .menuPanel_navItem.pyclass_only .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#pyclass_only .menuPanel_navItem.pyclass_only .inr .tmb_inr:before {
  opacity: 0;
}

#pyclass_only .menuPanel_navItem.pyclass_only .inr .tmb_inr:after {
  opacity: 1.0;
}

#tanita .menuPanel_navItem.tanita .inr {
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#tanita .menuPanel_navItem.tanita .inr .tmb_inr:before {
  opacity: 0;
}

#tanita .menuPanel_navItem.tanita .inr .tmb_inr:after {
  opacity: 1.0;
}

/* mealImg */
#iijima .viewerNavItem_inr#ARIA_tab-01,
#iijima .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_red_01_251126.jpg);
}

#iijima .viewerNavItem_inr#ARIA_tab-02,
#iijima .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_red_02_251126.jpg);
}

#iijima .viewerNavItem_inr#ARIA_tab-03,
#iijima .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_red_03_251126.jpg);
}

#iijima .viewerNavItem_inr#ARIA_tab-04,
#iijima .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_red_04_251126.jpg);
}

#sanpi_ryoron .viewerNavItem_inr#ARIA_tab-01,
#sanpi_ryoron .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_sanpi_ryoron_01.jpg);
}

#sanpi_ryoron .viewerNavItem_inr#ARIA_tab-02,
#sanpi_ryoron .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_sanpi_ryoron_02.jpg);
}

#sanpi_ryoron .viewerNavItem_inr#ARIA_tab-03,
#sanpi_ryoron .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_sanpi_ryoron_03.jpg);
}

#sanpi_ryoron .viewerNavItem_inr#ARIA_tab-04,
#sanpi_ryoron .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_sanpi_ryoron_04.jpg);
}

#air_series .viewerNavItem_inr#ARIA_tab-01,
#air_series .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_air_series_01_220825.jpg);
}

#air_series .viewerNavItem_inr#ARIA_tab-02,
#air_series .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_air_series_02_220825.jpg);
}

#air_series .viewerNavItem_inr#ARIA_tab-03,
#air_series .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_air_series_03_221003.jpg);
}

#air_series .viewerNavItem_inr#ARIA_tab-04,
#air_series .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_air_series_04_220825.jpg);
}

#collaboration .viewerNavItem_inr#ARIA_tab-01,
#collaboration .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_collaboration_01_251126.jpg);
}

#collaboration .viewerNavItem_inr#ARIA_tab-02,
#collaboration .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_collaboration_02_251126.jpg);
}

#collaboration .viewerNavItem_inr#ARIA_tab-03,
#collaboration .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_collaboration_03_251126.jpg);
}

/* #collaboration .viewerNavItem_inr#ARIA_tab-04,
#collaboration .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_collaboration_04_241202.jpg);
} */

#shiseidoparlour .viewerNavItem_inr#ARIA_tab-01,
#shiseidoparlour .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_shiseidoparlour_03_250501.jpg);/* 2025年5月～6月メニュー */
}

#shiseidoparlour .viewerNavItem_inr#ARIA_tab-02,
#shiseidoparlour .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_shiseidoparlour_04_250501.jpg);/* 2025年5月～6月メニュー */
}

#shiseidoparlour .viewerNavItem_inr#ARIA_tab-03,
#shiseidoparlour .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_shiseidoparlour_01_250701.jpg);/* 2025年7月～8月メニュー */
}

#shiseidoparlour .viewerNavItem_inr#ARIA_tab-04,
#shiseidoparlour .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_shiseidoparlour_02_250701.jpg);/* 2025年7月～8月メニュー */
}

#pyclass_only .viewerNavItem_inr#ARIA_tab-01,
#pyclass_only .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_pyclass_only_01.jpg);
}

#pyclass_only .viewerNavItem_inr#ARIA_tab-02,
#pyclass_only .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_pyclass_only_02.jpg);
}

#pyclass_only .viewerNavItem_inr#ARIA_tab-03,
#pyclass_only .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_pyclass_only_03.jpg);
}

#pyclass_only .viewerNavItem_inr#ARIA_tab-04,
#pyclass_only .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_pyclass_only_04_231128.jpg);
}

#tanita .viewerNavItem_inr#ARIA_tab-01,
#tanita .viewerImgsItem#ARIA_tabpanel-01 {
  background-image: url(../img/pic_meal_muji_01.jpg);
}

#tanita .viewerNavItem_inr#ARIA_tab-02,
#tanita .viewerImgsItem#ARIA_tabpanel-02 {
  background-image: url(../img/pic_meal_muji_02.jpg);
}

#tanita .viewerNavItem_inr#ARIA_tab-03,
#tanita .viewerImgsItem#ARIA_tabpanel-03 {
  background-image: url(../img/pic_meal_muji_03.jpg);
}

#tanita .viewerNavItem_inr#ARIA_tab-04,
#tanita .viewerImgsItem#ARIA_tabpanel-04 {
  background-image: url(../img/pic_meal_muji_04.jpg);
}