@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700&display=swap");
.tk-shippori-mincho {
  font-family: "Shippori Mincho", serif !important;
}

/*=================================================
 * header
 =================================================*/
#header {
  width: 100%;
  z-index: 9999;
}

#header a {
  text-decoration: none;
}

/*---------------------------
 * Top header
 ---------------------------*/
#top_header {
  position: absolute;
  top: 0;
  padding: 20px 40px;
  height: 100px;
  width: 100%;
  min-width: 1248px;
  z-index: 9999;
  transition: all 0.3s ease;
}

#top_header .top_header_logo {
  background-image: url(/time/img/logo.png);
  background-size: 122px 72px;
  display: block;
  float: left;
  height: 72px;
  width: 122px;
}

#top_header .top_header_logo img {
  width: 100%;
}

#top_header .top_header_nav {
  float: left;
  margin-left: 30px;
  padding: 0;
}

#top_header .top_header_nav > li {
  float: left;
  padding: 26px 0 31px;
}

#top_header .top_header_nav > li a.top_header_nav_name {
  border-left: 1px solid rgba(204, 204, 204, 0.6);
  display: block;
  padding: 0 20px;
}

#top_header .top_header_nav > li:first-child a.top_header_nav_name {
  border-left: none;
}

#top_header .top_header_nav > li .header_menu_new_icon {
  background-color: #8f1626;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  line-height: 29px;
  display: inline-block;
  height: 29px;
  margin-right: 10px;
  text-align: center;
  width: 29px;
}

#top_header .top_header_nav > li a.top_header_nav_name p {
  color: #ececec;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  margin: 0;
}

#top_header .top_header_nav > li.active a.top_header_nav_name p {
  opacity: 0.8;
}

#top_header .top_header_nav > li a.top_header_nav_name span {
  background-image: url(/time/img/icon_arrow_down.png);
  background-size: 8px 6px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 13px;
  margin-left: 10px;
  width: 8px;
}

#top_header .top_header_sns_list {
  display: inline-block;
  float: right;
  padding: 26px 0;
}

#top_header .top_header_sns_list li {
  background-size: 17px 17px;
  float: left;
  margin: 2px 10px;
  height: 17px;
  width: 17px;
}

#top_header .top_header_sns_list li.header_sns_fb {
  background-image: url(/time/img/icon_facebook_white.png);
}

#top_header .top_header_sns_list li.header_sns_tw {
  background-image: url(/time/img/icon_twitter_white.png);
}

#top_header .top_header_sns_list li.header_sns_li {
  background-image: url(/time/img/icon_line_white.png);
}

#top_header .top_header_sns_list li a {
  display: inline-block;
  height: 17px;
  width: 17px;
}

#top_header .top_header_sns_list li a:hover {
  opacity: 0.8;
}

#top_header .top_header_sns_list li a img {
  height: 17px;
  width: 17px;
}

#top_header .top_header_search_btn {
  float: right;
  height: 64px;
  margin: 8px 0 0px 18px;
  padding: 10px 0 24px;
  text-align: center;
  width: 90px;
  transition: all 0.15s ease;
}

#top_header .top_header_search_btn p {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  color: #e5e5e5;
  cursor: pointer;
  font-size: 13px;
  height: 36px;
  line-height: 36px;
  width: 90px;
}

#top_header .top_header_search_btn.active p {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
}

#top_header .top_header_search_btn.dark p {
  background-color: rgba(0, 0, 0, 0.5);
}

#top_header .top_header_search_btn.dark.active p {
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}

/*black & black_white*/
#top_header.black_white {
  background-color: #fff;
}

#top_header.black_white .top_header_logo,
#top_header.black .top_header_logo {
  background-image: url(../img/logo_black.png);
}

#top_header.black_white .top_header_nav li a.top_header_nav_name p,
#top_header.black .top_header_nav li a.top_header_nav_name p {
  color: #222;
}

#top_header.black .top_header_search_btn {
  /*background-color: #a50319;*/
}

#top_header.black_white .top_header_sns_list li.header_sns_fb,
#top_header.black .top_header_sns_list li.header_sns_fb {
  background-image: url(../img/icon_facebook.png);
}

#top_header.black_white .top_header_sns_list li.header_sns_tw,
#top_header.black .top_header_sns_list li.header_sns_tw {
  background-image: url(../img/icon_twitter.png);
}

#top_header.black_white .top_header_sns_list li.header_sns_li,
#top_header.black .top_header_sns_list li.header_sns_li {
  background-image: url(../img/icon_line.png);
}

/*---------------------------
 * main header
 ---------------------------*/
#main_header {
  background-color: #ffffff;
  position: fixed;
  top: -60px;
  padding: 0px 20px;
  height: 52px;
  width: 100%;
  min-width: 1248px;
  z-index: 9999;
  transition: all 0.8s ease;
}

#main_header.main_header_white {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

#main_header .header_nav {
  float: left;
}

#main_header .header_nav li {
  float: left;
}

#main_header .header_nav li a.header_nav_name {
  display: block;
  padding: 16px 0px;
}

#main_header .header_nav li.active a.header_nav_name {
  background-color: rgba(174, 28, 48, 0.9);
}

#main_header.main_header_white .header_nav li.active a.header_nav_name {
  background-color: rgba(255, 255, 255, 0.3);
}

#main_header .header_nav li a.header_nav_name p {
  border-left: 1px solid #cccccc;
  color: #333333;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  padding: 0px 20px;
  transition: all 0.15s ease;
}

#main_header.main_header_white .header_nav li a.header_nav_name p {
  color: #ffffff;
}

#main_header .header_nav li.active a.header_nav_name p {
  border-color: rgba(204, 204, 204, 0);
  color: #ffffff;
}

#main_header .header_nav li:first-child a.header_nav_name p {
  border-left: none;
}

#main_header .header_nav li a.header_nav_name span {
  background-image: url(/time/img/icon_arrow_down.png);
  background-size: 8px 6px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 13px;
  margin-left: 10px;
  width: 8px;
}

#main_header .header_nav > li a.header_nav_name span.header_menu_new_icon {
  background: transparent;
  background-color: #8f1626;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  line-height: 30px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  margin-left: 0;
  text-align: center;
  width: 30px;
  margin-top: -10px;
}

#main_header .header_nav li.active a.header_nav_name span.header_menu_new_icon {
  background-color: #ffffff;
  color: #8f1626;
}

#main_header .header_sns_list {
  display: inline-block;
  float: right;
  margin-right: 20px;
  padding: 14px 0;
}

#main_header .header_sns_list li {
  float: left;
  margin: 2px 10px;
  height: 17px;
  width: 17px;
}

#main_header .header_sns_list li a {
  background-position: center;
  background-size: 17px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  width: 17px;
}

#main_header .header_sns_list li a:hover {
  opacity: 0.8;
}

#main_header .header_sns_list li.header_sns_fb a {
  background-image: url(/time/img/icon_facebook.png);
}

#main_header .header_sns_list li.header_sns_tw a {
  background-image: url(/time/img/icon_twitter.png);
}

#main_header .header_sns_list li.header_sns_li a {
  background-image: url(/time/img/icon_line.png);
}

#main_header.main_header_white .header_sns_list li.header_sns_fb a {
  background-image: url(/time/img/icon_facebook_white.png);
}

#main_header.main_header_white .header_sns_list li.header_sns_tw a {
  background-image: url(/time/img/icon_twitter_white.png);
}

#main_header.main_header_white .header_sns_list li.header_sns_li a {
  background-image: url(/time/img/icon_line_white.png);
}

#main_header .header_search_btn {
  float: right;
  width: 110px;
}

#main_header .header_search_btn p {
  background-color: #981a2e;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  transition: all 0.15s ease;
}

#main_header.main_header_white .header_search_btn p {
  background-color: rgba(255, 255, 255, 0.2);
}

#main_header .header_search_btn.active p {
  background-color: rgba(0, 0, 0, 0.9);
}

#main_header.main_header_white .header_search_btn.active p {
  background-color: rgba(255, 255, 255, 0.4);
}

/*---------------------------
 * header_menu
 ---------------------------*/
.header_menu {
  background-color: #e8e8e8;
  display: none;
  /*padding: 25px 100px;*/
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  min-width: 1248px;
  z-index: 9999;
  padding: 25px 0;
}

.header_menu--top {
  top: 94px;
}

.header_menu .header_menu_inner {
  margin: auto;
  overflow: hidden;
  width: 1048px;
}

.header_menu .header_menu_left {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  float: left;
  width: 491px;
}

.header_menu .header_menu_right {
  float: left;
  width: 557px;
}

.header_menu h3 {
  color: #222;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 25px;
}

.header_menu .header_menu_right h3 {
  margin-left: 25px;
}

.header_menu .header_menu_inner--special {
  width: 1114px;
}

.header_menu_special {
  float: left;
}

.header_menu_special--left {
  width: 768px;
  /*margin-right: 10px;*/
  display: flex;
  flex-wrap: wrap;
}

.header_menu_special--right {
  width: 346px;
}

.header_menu_special li a {
  transition: all 0.3s ease;
}

.header_menu_special li.header_menu_special_li--l {
  width: 352px;
  margin-right: 32px;
  padding-top: 30px;
  /*display: table-cell;*/
}

.header_menu_special li.header_menu_special_li--l:nth-of-type(-n+2) {
  padding-top: 0;
}

/*
.header_menu_special li.header_menu_special_li--l:nth-child(2){
	margin-top: 26px;
}*/
.header_menu_special li.header_menu_special_li--l a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_menu_special li.header_menu_special_li--l .header_menu_special_img {
  /*display: table-cell;*/
  /*overflow: hidden;*/
  width: 134px;
  vertical-align: middle;
  transition: all 0.3s ease;
  /*padding-bottom: 20px;*/
  position: relative;
}

/*.header_menu_special li.header_menu_special_li--l .header_menu_special_img img{
	width: 100%;
	border-radius: 4px;
}*/
.header_menu_special li .header_menu_special_text_box {
  /*display: table-cell;
  overflow: hidden;
  vertical-align: middle;*/
  width: 196px;
}

.header_menu_special li.header_menu_special_li--l .header_menu_special_new_icon {
  float: left;
  padding: 10px 10px 10px 0;
  width: 42px;
}

.header_menu_special li.header_menu_special_li--l .header_menu_special_new_icon span {
  background-color: #8f1626;
  border-radius: 50%;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  line-height: 32px;
  display: block;
  height: 32px;
  text-align: center;
  width: 32px;
}

.header_menu_special li.header_menu_special_li--l h4 {
  color: #222;
  font-size: 18px;
  font-weight: bold;
  /*line-height: 26px;*/
  transition: all 0.3s ease;
  /*height: 80px;*/
}

.header_menu_special li.header_menu_special_li--l h4 .header_menu_special_tag {
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  background: #841522;
  border-radius: 100px;
  padding: 0 10px;
  display: block;
  line-height: 20px;
  margin-bottom: 5px;
}

.header_menu_special li.header_menu_special_li--l h4 .header_menu_special_sub_title {
  font-size: 13px;
  font-weight: normal;
  display: block;
  /*margin-bottom: 5px;*/
}

.header_menu_special li.header_menu_special_li--l h4 .header_menu_special_sub_title .limited {
  color: #a50319;
  display: inline-block;
  margin-bottom: 6px;
}

.header_menu_special li.header_menu_special_li--l h4 .header_menu_special_title {
  display: block;
  line-height: 1.22;
  margin-top: 4px;
}

.header_menu_special li.header_menu_special_li--l .header_menu_special_text {
  color: #222;
  font-size: 13px;
  line-height: 18px;
  clear: both;
  margin-top: 12px;
  transition: all 0.3s ease;
}

.header_menu_special li.header_menu_special_li--l a:hover .header_menu_special_img {
  opacity: 0.8;
}

.header_menu_special li.header_menu_special_li--l a:hover h4 {
  color: #666666;
}

.header_menu_special li.header_menu_special_li--l a:hover .header_menu_special_text {
  color: #666666;
}

.header_menu_special li.header_menu_special_li--s {
  border-radius: 4px;
  float: left;
  position: relative;
  margin-top: 20px;
  margin-right: 20px;
  overflow: hidden;
  height: 90px;
  width: 162px;
}

.header_menu_special li.header_menu_special_li--s:nth-child(4),
.header_menu_special li.header_menu_special_li--s:nth-child(6) {
  margin-right: 0;
}

.header_menu_special li.header_menu_special_li--s:nth-child(2) {
  margin-right: 0;
  margin-top: 0;
}

.header_menu_special li.header_menu_special_li--s:nth-child(1) {
  margin-top: 0;
}

.header_menu_special li.header_menu_special_li--s a:hover {
  opacity: 0.8;
}

.header_menu_special li.header_menu_special_li--s a {
  display: block;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_img {
  border-radius: 4px;
  width: 100%;
  vertical-align: top;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_title {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  text-align: center;
  width: 100%;
}

.header_menu_special li.header_menu_special_li--s.line_01 .header_menu_special_title { /*line_01*/
  padding-top: 4px;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_title h4 {
  color: #333;
  display: table-cell;
  font-size: 13px;
  line-height: 18px;
  vertical-align: middle;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_title h4 .header_menu_special_item {
  display: inline-block;
  padding-top: 10px;
}

.header_menu_special li.header_menu_special_li--s.line_01 .header_menu_special_title h4 .header_menu_special_item { /*line_01*/
  display: inline-block;
  padding-top: 18px;
  font-size: 12px;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_new_mark {
  background-image: url(../img/moisture_special_new_mark_header.png);
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 32px;
  width: 32px;
}

.header_menu_special li.header_menu_special_li--m {
  border-radius: 4px;
  float: left;
  position: relative;
  margin-top: 20px;
  margin-right: 20px;
  overflow: hidden;
  height: 90px;
  width: 344px;
}

.header_menu_special li.header_menu_special_li--m:nth-child(3n) {
  margin-right: 0;
}

.header_menu_special li.header_menu_special_li--m:nth-child(1),
.header_menu_special li.header_menu_special_li--m:nth-child(2),
.header_menu_special li.header_menu_special_li--m:nth-child(3) {
  margin-top: 0;
}

.header_menu_special li.header_menu_special_li--m a:hover {
  opacity: 0.8;
}

.header_menu_special li.header_menu_special_li--m a {
  display: block;
}

.header_menu_special li.header_menu_special_li--m .header_menu_special_img {
  border-radius: 4px;
  width: 100%;
  vertical-align: top;
}

.header_menu_special li.header_menu_special_li--m .header_menu_special_title {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  text-align: center;
  width: 100%;
  padding-top: 10px;
  font-size: 13px;
}

.header_menu_special li.header_menu_special_li--m .header_menu_special_title h4 {
  color: #333;
  display: table-cell;
  font-size: 13px;
  line-height: 18px;
  vertical-align: middle;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_balloon_mark,
.header_menu_special li.header_menu_special_li--m .header_menu_special_balloon_mark {
  background-image: url(../img/icon_balloon_pink.png);
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 16px;
  display: inline-block;
}

.header_menu_special li.header_menu_special_li--s .header_menu_special_balloon_mark {
  background-image: url(../img/icon_balloon_blue.png);
  padding-left: 25px;
}

.header_menu_special li.header_menu_special_li--m .header_menu_special_new_mark {
  background-image: url(../img/moisture_special_new_mark_header.png);
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 32px;
  width: 32px;
}

.header_menu_special li.header_menu_special_li--hover {
  position: relative;
}

.header_menu_special_li_inner_hide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
}

.header_menu_special_li_inner_hide a {
  display: block;
  /*height: 40px;*/
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 0 14px;
  margin-top: 4px;
}

.header_menu_special_li_inner_hide a p {
  background-image: url(../img/moisture_special_detail_link_arrow.png);
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center right;
  display: table;
  /*height: 45px;*/
  text-align: left;
  width: 100%;
}

.header_menu_special_li_inner_hide a p span {
  color: #333;
  display: table-cell;
  font-size: 11px;
  line-height: 14px;
  vertical-align: middle;
}

/*20190917 .line1_01 & .line_01_ttl*/
.header_menu_special li.header_menu_special_li--s .header_menu_special_balloon_mark.line_01_ttl {
  background-image: url(../img/icon_balloon_pink.png);
  background-size: 20px;
  background-repeat: no-repeat;
  top: 20px;
  padding-left: 25px;
  line-height: 17px;
  display: inline-block;
  font-size: 11px;
}

.header_menu_special_li_inner_hide.line_01 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 28px;
}

.header_menu_special_li_inner_hide.line_01 a {
  /*height: 25px;*/
}

.header_menu_special_li_inner_hide.line_01 a p {
  height: 1em;
  text-align: center;
}

.header_menu_special_li_inner_hide.line_01 a p span {
  color: #333;
  display: table-cell;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
}

/**/
.header_menu_special_li--m .header_menu_special_li_inner_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}

.header_menu_special_li--m .header_menu_special_li_inner_flex a p span {
  font-size: 14px;
}

.header_menu_special_li--m .header_menu_special_li_inner_hide a {
  padding: 0 10px;
}

.header_menu_special_li--m .header_menu_special_li_inner_hide a:nth-child(2n+1) {
  padding-left: 30px;
}

.header_menu_special_li--m .header_menu_special_li_inner_hide a:nth-child(2n) {
  padding-right: 30px;
}

.header_menu .header_menu_inner--lineup {
  overflow: visible;
  width: 1116px;
}

.header_menu .header_menu_lineup {
  /*overflow: hidden;*/
}

.header_menu .header_menu_lineup li {
  float: left;
  margin-top: 28px;
}

.header_menu .header_menu_lineup li {
  width: 258px;
  margin-top: 0;
  margin-left: 28px;
  position: relative;
}

.header_menu .header_menu_lineup li:first-child {
  margin-left: 0;
}

.header_menu .header_menu_lineup li a {
  display: block;
}

.header_menu .header_menu_lineup li a:hover {
  opacity: 0.8;
}

.header_menu .header_menu_lineup li a img {
  width: 100%;
  vertical-align: top;
}

.header_menu .header_menu_lineup li a p {
  color: #222;
  font-size: 12px !important;
  line-height: 18px;
  text-align: center;
  margin-top: 12px;
}

.header_menu .header_menu_lineup li a span {
  color: #a50319;
}

/*
 * header menu search
*/
.header_menu--search {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 25px 0 0;
  text-align: left;
}

.header_menu_search_left {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  float: left;
  overflow: hidden;
  width: 370px;
}

.header_menu_search_center {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  float: left;
  padding-left: 50px;
  width: 322px;
}

.header_menu_search_right {
  float: left;
  padding-left: 50px;
  width: 283px;
}

.header_menu--search h3 {
  color: #fff;
}

.header_menu_search--1 {
  float: left;
  width: 200px;
}

.header_menu_search--2 {
  float: left;
  width: 140px;
}

.header_menu_search li a {
  color: #ffffff;
  font-size: 13px;
  line-height: 26px;
}

.header_menu_search li a:hover {
  opacity: 0.8;
}

.header_menu_search_topback {
  background-color: #a50319;
  height: 42px;
  margin-top: 25px;
  text-align: center;
  width: 100%;
}

.header_menu_search_topback a {
  background-image: url(/time/img/icon_arrow_circle_right.png);
  background-size: 18px;
  background-position: right center;
  background-repeat: no-repeat;
  clear: both;
  color: #ffffff !important;
  display: inline-block;
  font-size: 13px;
  height: 42px;
  line-height: 42px;
  padding-right: 25px;
}

.header_menu_search_topback a:hover {
  opacity: 0.8;
}

/*=================================================
 * clock
 =================================================*/
.clock {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 1248px;
  z-index: 2;
}

canvas#clock,
canvas#clock_over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* 20230831 add */
/* header */
#header #top_header .top_header_logo {
  background-image: url(/time/img/logo_red.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  float: left;
  height: 72px;
  width: 140px;
}
#header #top_header:not(.header_color_white) .top_header_nav > li:not(:first-of-type) a.top_header_nav_name {
  border-left: 1px solid rgba(0, 0, 0, 0.062745098) !important;
}
#header #top_header .top_header_nav > li a.top_header_nav_name span {
  background-image: url(/time/img/icon_arrow_down_black.png);
}
#header #top_header:not(.header_color_white) .top_header_nav > li a.top_header_nav_name p {
  color: #333333 !important;
}
#header #top_header .top_header_search_btn p {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333333;
}
#header .header_color_white#top_header .top_header_logo {
  background-image: url(/time/img/logo_white.png);
}
#header .header_color_white#top_header .top_header_nav > li:not(:first-of-type) a.top_header_nav_name {
  border-left: 1px solid rgba(255, 255, 255, 0.1882352941) !important;
}
#header .header_color_white#top_header .top_header_nav > li a.top_header_nav_name span {
  background-image: url(/time/img/iocn_arrow_down_white.png);
}
#header .header_color_white#top_header .top_header_nav > li a.top_header_nav_name p {
  color: #ffffff;
}
#header .header_menu_obsession {
  display: flex;
  justify-content: center;
  gap: 40px;
}
#header .header_menu_obsession_item {
  transition: opacity 0.3s;
}
#header .header_menu_obsession_item:hover {
  opacity: 0.8;
}
#header .header_menu_obsession_img {
  width: 270px;
  height: 180px;
}
#header .header_menu_lineup {
  display: flex;
  justify-content: center;
  gap: 40px;
}
#header .header_menu_lineup_item {
  width: 270px;
  margin-left: 0;
}
#header .header_menu_lineup_item_title {
  color: #222;
  font-size: 15px !important;
  line-height: 140%;
  margin-top: 5px;
  text-align: center;
}
#header .header_menu_lineup_item_lead {
  color: #222;
  font-size: 13px !important;
  line-height: 140%;
  text-align: center;
  margin-top: 10px;
  letter-spacing: -1px;
  font-family: "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
}

.header_menu_lineup_item02 {
  width: 350px !important;
}

.header_menu_lineup_item02 .mid_flex,
.header_menu_lineup_item02 .primer_flex {
  display: flex;
  justify-content: left;
  gap: 15px;
}

.header_menu_lineup_item_title02,
.header_menu_lineup_item_lead02 {
  text-align: left !important;
}

.header_menu_lineup_item02 .color_text {
  width: 190px;
  font-size: 13px;
  background-color: #c5ab82;
  color: #ffffff;
  border-radius: 50px;
  padding: 5px;
  text-align: center;
  margin-bottom: 20px;
}

.header_menu_lineup_item02 .mid_flex {
  border-bottom: solid 1px #d2d2d2;
  padding-bottom: 20px;
}
.header_menu_lineup_item02 .primer_flex {
  padding-top: 20px;
}

.header_menu_lineup_item02 .mid_img {
  width: 100px !important;
}

.header_menu_lineup_item02 .primer_img {
  width: 100px !important;
}

.top_header_shop {
  float: right;
  margin: 8px 0 0px 18px;
  padding: 10px 0 24px;
  text-align: center;
  transition: all 0.15s ease;
  width: 154px;
  height: 36px;
}
.top_header_shop_btn {
  background-color: #8481bc;
  border-radius: 36px;
  padding: 9px 22px;
  transition: background-color 0.3s;
}
.top_header_shop_btn:hover {
  background-color: #625dc7;
}
.top_header_shop_btn a {
  display: flex;
}
.top_header_shop_btn_icon {
  display: inline-block;
  width: 18px;
  height: 16px;
  background-image: url(/time/img/icon_header_cart.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 11px;
}
.top_header_shop_btn_text {
  display: inline-block;
  font-size: 13px;
  color: rgb(255, 255, 255);
  line-height: 1.4;
}

#main_header .top_header_shop {
  float: right;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 154px;
  height: 100%;
}
#main_header .top_header_shop_btn {
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* カートインポップアップ */
/* #cart_mordal .cart_mordal_message_area {
  background-color: #ffccd2;
  padding: 15px;
  margin-top: 20px;
  position: relative;
  display: none;
} */

#cart_mordal .presentMessage {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 15px;
}

#cart_mordal .presentMessage + .presentMessage {
  padding-top: 0;
}

/* #cart_mordal .presentMessage.presentClear * {
  color: #dc0918!important;
} */

#cart_mordal .presentMessage .clearMessage {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 200px;
  flex: 0 0 auto;
}

#cart_mordal .presentMessage .balloonMessage {
  color: #ffffff;
  background-color: #dc0918;
  width: 200px;
  padding: 0 15px;
  border-radius: 5px;
  line-height: 40px;
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  text-align: center;
}

#cart_mordal .presentMessage .balloonMessage::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 13px;
  height: 11px;
  border: 6.5px solid transparent;
  border-right: none;
  border-left: 13px solid #dc0918;
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
}

#cart_mordal .presentMessage .balloonMessage .priceNum {
  font-size: 18px;
  font-weight: bold;
}

#cart_mordal .presentMessage .mainMessage {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
}

#cart_mordal .cart_mordal_message_area {
  background-color: #ffccd2;
  margin-top: 20px;
  position: relative;
  line-height:2.0em;
  display: none;
}

/* あといくら機能3ハードル表示用 */
#cart_mordal .presentClear{
  display: block;
}
#cart_mordal .mainMessage{
  color: #333 !important;
}
#cart_mordal .presentMessage .clearMessage{
  text-align: left;
  margin-bottom: 10px;
  color: #dc0918;
}
#cart_mordal .msborder{
  width: 580px;
  border-bottom: 1px #fff solid;
  margin: 0 auto;
}

/* アプリ いまいくら機能表示用 */
#modalAppatoikuraCoupon{
  display: none!important; /* 非表示用 */
}
#cart_mordal .cart_mordal_message_area_imaikura {
  background-color: #ffccd2;
  padding: 10px;
  margin-top: 20px;
  display: none;
  text-align: left;
  border-radius: 3px;
}
#cart_mordal .cart_mordal_imaikura_title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  color: #dc0918;
}
#cart_mordal .cart_mordal_imaikura_box {
  display: flex;
  align-items: center;
}
#cart_mordal .cart_mordal_imaikura_balloon {
  display: inline-block;
  color: #ffffff;
  background-color: #dc0918;
  padding: 0 15px;
  border-radius: 4px;
  line-height: 36px;
  position: relative;
  box-sizing: border-box;
  font-weight: bold;
}
#cart_mordal .cart_mordal_imaikura_balloon:after {
  content: "";
  position: absolute;
  background: #da0024;
  height: 14px;
  width: 10px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  right: -9px;
  top: 12px;
}
#cart_mordal .cart_mordal_imaikura_balloon span {
  font-size: 22px;
  font-weight: bold;
}
#cart_mordal .cart_mordal_imaikura_present {
  font-size: 20px;
  font-weight: bold;
  margin-left: 25px;
}

#cart_mordal .cart_mordal_imaikura_notreg_box {
  display: flex;
  align-items: center;
}
#cart_mordal .cart_mordal_imaikura_notreg_txt{
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  line-height: 1.5em;
}
#cart_mordal .cart_mordal_imaikura_notreg_bnr img{
  width: 240px;
  margin: 0 15px;
}
