@charset "utf-8";
/***************************************************************************************************
	page_dayplan.css
***************************************************************************************************/

#page_dayplan {
  width:100%;
  overflow: hidden;
  background-color: #ffffff;
}
#page_dayplan > div {
  width:100%;
  max-width: var(--max_wid_1);
  padding:var(--padding_1);
  margin: auto;
}
/*
*/
#page_dayplan .blk_1 {
  width:100%;
  padding:180px 0 200px 0;
  /* margin-bottom:200px; */
}
/*  */
#page_dayplan .blk_1_1 {
  position: fixed;
  width:100%;
  max-width: var(--max_wid_1);
  padding:var(--padding_1);
  left:0;
  top:180px;
}
#page_dayplan .blk_1_1_1 {
  width:32%;
}
#page_dayplan .blk_1_1_1 h2 {
  padding:0 0 30px 0;
}
#page_dayplan .blk_1_1_1 h2 img {
  display: block;
  height: 50px;
}
#page_dayplan .blk_1_1_2 {
  width:32%;
  padding:0 5% 0 0;
}
#page_dayplan #btn_sp_input {
  display: none;
}
#page_dayplan .blk_1_1_2_1 {
  display: none;
}
#page_dayplan .blk_1_1_2_2 {
  width:100%;
}
#page_dayplan .blk_1_1_2_2 ul {
  display: block;
  list-style: none;
}
#page_dayplan .blk_1_1_2_2 ul li {
  display: block;
  margin-bottom: 15px;
  border-bottom: 1px solid transparent;
}
#page_dayplan .blk_1_1_2_2 ul li.act {
  border-bottom-color: #746D55;
  pointer-events: none;
}
#page_dayplan .blk_1_1_2_2 ul li.act::before {
  position:absolute;
  display:block;
  content:'';
  width: 1px;
  height: 14px;
  background-color: #746D55;
  left:100%;
  top:100%;
  translate: 0 -100%;
  transform-origin: 100% 100%;
  rotate:-50deg;
}
/*  */
#page_dayplan .tit_dp {
  display: table;
}
#page_dayplan .tit_dp > span:nth-of-type(1) {
  display: table-cell;
  padding:5px 5px 5px 20px;
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  vertical-align: top;
  transition:color .1s ease-out 0s;
}
#page_dayplan .tit_dp.nm_hover > span:nth-of-type(1) {
  color:#9C9C9C;
}
#page_dayplan .tit_dp > span:nth-of-type(1)::before {
  display: block;
  content:'';
  position: absolute;
  left:0;
  /* top:14px; */
  top:calc(50% - 1px);
  translate:0 -50%;
  border-radius: 50%;
  width:12px;
  height:12px;
  background-color: #746D55;
}
#page_dayplan .tit_dp span.len {
  display: table-cell;
  padding:5px 0;
  text-align: left;
  vertical-align: top;
  font-size: 0;
  white-space: nowrap;
  transition:opacity .1s ease-out 0s;
}
#page_dayplan .tit_dp.nm_hover span.len {
  opacity: .4;
}
#page_dayplan .tit_dp span.len .l_a {
  display: inline-block;
  width:0;
  height: 20px;
  background-image: url('../en-images/dayplan_ill_l_a.svg');
	background-position: 0 -1px;
	background-size: auto 20px;
  background-repeat: repeat-x;
}
#page_dayplan .tit_dp span.len .l_c {
  display: inline-block;
  width:0;
  height: 20px;
  background-image: url('../en-images/dayplan_ill_l_c.svg');
	background-position: 0 -1px;
	background-size: auto 20px;
  background-repeat: repeat-x;
}
#page_dayplan .tit_dp span.len .l_a.l_1 {
  width:14px;
}
#page_dayplan .tit_dp span.len .l_a.l_2 {
  width:28px;
}
#page_dayplan .tit_dp span.len .l_a.l_3 {
  width:42px;
}
#page_dayplan .tit_dp span.len .l_a.l_4 {
  width:56px;
}
#page_dayplan .tit_dp span.len .l_a.l_5 {
  width:70px;
}
#page_dayplan .tit_dp span.len .l_a.l_6 {
  width:84px;
}
#page_dayplan .tit_dp span.len .l_a.l_7 {
  width:98px;
}
#page_dayplan .tit_dp span.len .l_a.l_8 {
  width:112px;
}
#page_dayplan .tit_dp span.len .l_a.l_9 {
  width:126px;
}
#page_dayplan .tit_dp span.len .l_a.l_10 {
  width:140px;
}
#page_dayplan .tit_dp span.len .l_c.l_1 {
  width:12px;
}
#page_dayplan .tit_dp span.len .l_c.l_2 {
  width:24px;
}
#page_dayplan .tit_dp span.len .l_c.l_3 {
  width:36px;
}
#page_dayplan .tit_dp span.len .l_c.l_4 {
  width:48px;
}
#page_dayplan .tit_dp span.len .l_c.l_5 {
  width:60px;
}
#page_dayplan .tit_dp span.len .l_c.l_6 {
  width:72px;
}
#page_dayplan .tit_dp span.len .l_c.l_7 {
  width:84px;
}
#page_dayplan .tit_dp span.len .l_c.l_8 {
  width:96px;
}
#page_dayplan .tit_dp ul li a span.len .l_c.l_9 {
  width:108px;
}
#page_dayplan .tit_dp ul li a span.len .l_c.l_10 {
  width:120px;
}
/*  */
#page_dayplan .blk_1_2 {
  width:68%;
  border-left:1px dotted #C1C1C1;
  padding: 0 0 0 5%;
  left:32%;
}
#page_dayplan .blk_1_2 hr {
  display:none;
}
/*
*/
#page_dayplan .dplist .wp-block-group {
  flex-wrap: wrap;
  width:100%;
  padding:0 0 8% 0;
}
/*  */
#page_dayplan .dplist .wp-block-group > figure:nth-of-type(1) {
  width:100%;
}
#page_dayplan .dplist .wp-block-group > figure:nth-of-type(1) img {
  display:block;
  width:100%;
}
/*  */
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) {
  position:absolute;
  color: #746D55;
  font-size: 60px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1;
  white-space: nowrap;
  padding:5px 0 0 0;
}
/* 
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t {
  display: inline-block;
  width:30px;
  height:45px;
  margin-left: -2px;
	background-position: 50% 50%;
	background-size: auto 100%;
}
#page_dayplan .dplist .wp-block-group p:nth-of-type(1) > .t.n_c {
  width:26px;
  background-image: url('../en-images/n_c.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_0 {
  background-image: url('../en-images/n_0.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_1 {
  background-image: url('../en-images/n_1.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_2 {
  background-image: url('../en-images/n_2.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_3 {
  background-image: url('../en-images/n_3.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_4 {
  background-image: url('../en-images/n_4.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_5 {
  background-image: url('../en-images/n_5.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_6 {
  background-image: url('../en-images/n_6.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_7 {
  background-image: url('../en-images/n_7.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_8 {
  background-image: url('../en-images/n_8.svg');
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) > .t.n_9 {
  background-image: url('../en-images/n_9.svg');
} */
#page_dayplan .dplist .wp-block-group > p:nth-of-type(2) {
  padding:20px 0 0 155px;
  font-size: 22px;
  line-height: 1.5;
  word-break: break-all;
}
#page_dayplan .dplist .wp-block-group > .time.tlen_4 ~ p:nth-of-type(2) {
  padding-left:127px;
}
/*  */
.blk_sp {
  display: none;
}
/***************************************************************************************************
  responsive
***************************************************************************************************/

@media screen and (max-width: 1000px) {
#page_dayplan > div {
  width:100%;
  max-width:none;
  padding:0;
  margin: auto;
  background-color: #746D55;
}
/*
*/
#page_dayplan .blk_1 {
  display: block;
  padding: 0;
}
/*  */
#page_dayplan .blk_1_1 {
  max-width: none;
  padding:var(--padding_2);
  padding-top:37px;
  top:0;
  background-color: #746D55;
  z-index: 2;
}
#page_dayplan .blk_1_1_1 {
  width:100%;
}
#page_dayplan .blk_1_1_1 h2 {
  padding:0 0 12px 0;
}
#page_dayplan .blk_1_1_1 h2 img {
  left:-8px;
}
#page_dayplan .blk_1_1_2 {
  width:100%;
  padding:0 0 25px 0;
}
#page_dayplan .blk_1_1_2_1 {
  display: block;
  padding:3px 45px 3px 10px;
}
#page_dayplan .blk_1_1_2_1::before,
#page_dayplan .blk_1_1_2_1::after {
  display: block;
  content:'';
  position: absolute;
  left:calc(100% - 15px);
  top:calc(50% - 1px);
  width:14px;
  height:14px;
  translate: -100% -80%;
  rotate:-45deg;
  transform-origin: 50% 50%;
  border-left:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  pointer-events: none;
  transition: opacity .1s ease-out .1s;
}
#page_dayplan .blk_1_1_2_1::after {
  opacity:0;
  translate: -100% -25%;
  rotate:-225deg;
  transition: opacity .1s ease-out 0s;
}
#page_dayplan #btn_sp_input:checked ~ .blk_1_1_2_1::before {
  opacity:0;
  transition: opacity .1s ease-out 0s;
}
#page_dayplan #btn_sp_input:checked ~ .blk_1_1_2_1::after {
  opacity:1;
  transition: opacity .1s ease-out .1s;
}
#page_dayplan .blk_1_1_2_1 h3 span {
  color:#ffffff;
}
#page_dayplan .blk_1_1_2_1 .btn_sp {
  display: block;
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  cursor: pointer;
  border:1px solid #ffffff;
}
#page_dayplan .blk_1_1_2_2 {
  top:-1px;
}
#page_dayplan #btn_sp_input:checked ~ .blk_1_1_2_1 .btn_sp {
  border-bottom-color:transparent;
}
#page_dayplan .blk_1_1_2_2 ul {
  display: block;
  position: absolute;
  padding:10px 20px 5px 10px;
  width:100%;
  background-color: #746D55;
  opacity:0;
  pointer-events: none;
  transition: opacity .2s ease-out 0s;
  border:1px solid #ffffff;
  border-top:none;
}
#page_dayplan #btn_sp_input:checked ~ .blk_1_1_2_2 ul {
  opacity:1;
  pointer-events: auto;
}
#page_dayplan .blk_1_1_2_2 ul li {
  margin-bottom: 10px;
}
#page_dayplan .blk_1_1_2_2 ul li.act {
  display: none;
}
#page_dayplan .blk_1_1_2_2 ul .tit_dp > span:nth-of-type(1) {
  padding-left:10px;
}
#page_dayplan .blk_1_1_2_2 ul .tit_dp > span:nth-of-type(1)::before {
  display:none;
}
/*  */
#page_dayplan .tit_dp {
  display: table;
}
#page_dayplan .tit_dp > span:nth-of-type(1) {
  color:#ffffff;
}
#page_dayplan .tit_dp > span:nth-of-type(1)::before {
  background-color: #ffffff;
}
/*  */
#page_dayplan .blk_1_2 {
  width:100%;
  border-left:none;
  padding: 0 0 40px 0;
  background-color: #ffffff;
  left:0;
}
#page_dayplan .dplist .wp-block-group {
  padding:0 0 30px 0;
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(1) {
  padding:5px 3% 0 3%;
  font-size: 36px;
}
#page_dayplan .dplist .wp-block-group > p:nth-of-type(2) {
  padding:12px 3% 0 calc(3% + 98px);
  font-size: 16px;
}
#page_dayplan .dplist .wp-block-group > .time.tlen_4 ~ p:nth-of-type(2) {
  padding-left:calc(3% + 85px)
}
/*  */
.blk_sp {
  display: block;
}
/*  */
}
