@charset "utf-8";


/* -----------------------------------------------------------
	タブメニュー
----------------------------------------------------------- */	

.roombox .tab_item {width: calc(99%/7);font-size: 1.4rem;padding-top: 10px;padding-bottom: 10px;border-bottom: 3px solid #c9bc9c;background-color: #c9bc9c;text-align: center;border-right: 1px solid #efefef;color: #ffffff;display: block;float: left;text-align: center;font-weight: 900;transition: all 0.2s ease;cursor: pointer;}

#n_100:checked ~ #n_100_content,#n_200:checked ~ #n_200_content,#n_300:checked ~ #n_300_content,#n_400:checked ~ #n_400_content,#n_500:checked ~ #n_500_content,#n_600:checked ~ #n_600_content,#n_700:checked ~ #n_700_content { display: block;}
.tab_item {
        position: relative;
        display: inline-block; /* 中央位置の基準にする */
    }
.tab_item span.new {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) rotate(-3deg); /* ← 角度はお好みで -3deg ～ -10deg */
  transform-origin: 50% 100%;               /* 下中央を基点に回転 */
  display: block;
  color: #fff;
  font-weight: 900;
  background-color:#a70000;
  padding: 1px 0;
  text-align: center;
  width: 7em;
  font-size: 1.2rem;
    }