@font-face {font-family: 'ltc-goudy-oldstyle-pro',serif;}
body {background: #FBFBFB;
  font-family:ltc-goudy-oldstyle-pro,serif;
  font-weight: 400;font-style: normal;
  font-size: 14px;
  color: rgba(36, 29, 38, 1);
padding:0;}
#links {color: #873252;cursor: pointer;}
#indent {margin-left: 1rem;}
.italic {font-style: italic;}
a:link {color:#873252;}
a:visited {color:rgba(143, 125, 157, 1);}
.background {z-index: 1;position: absolute;
  top: 0;left: calc(50vw - 85px);
  height: 100%;width: 170px;
  transform: rotate3d(5, 2, 2, 45deg);}
.schedule {position: absolute;right:1rem;top:1rem;width:400px;z-index: 20;text-align: right;}
.photo {position: absolute;width: 225px;right: 2vw;bottom: 2vw;z-index: 0;}
.about_text {position: absolute;left:1rem;top:1rem;}
.soft {position: absolute;bottom:0vw;right:0vw;z-index: 0;}
.circle {vertical-align: middle;z-index: 0;width:400px;z-index: 0;}
.menu {vertical-align: middle;padding-top: 15px;z-index: 100;}
.links_text {display: inline-block;
float: right;padding-top: 2vw;padding-right: 1.5vw;text-align: right;font-size: 13px;}
.name{position: absolute;font-size: 25px;
  z-index: 10;bottom: 2vw;left: 2vw;line-height: .6;}
.hew {font-style: italic;cursor: pointer;}
.hew a {color: rgba(36, 29, 38, 1);text-decoration: none;}
  .entry_layout {
   display:grid;
   grid-template-columns: 1fr;
   grid-auto-rows: calc(.675 * 100vh) auto;
   position: absolute;
   top: 1.5rem;
   bottom:1.5rem;
   grid-gap: calc(1.5rem + 3px);
   width:calc(.62 * 100vw);
   margin-left: calc(50% - .5 * calc(.62 * 100vw));}

  .entry_text {
   height:100%;
   width:100%;
   outline: solid 2px #EBEBE3;
  overflow: scroll;font-size: 16px;}

  .entry_field {
   position: relative;
   outline: solid 2px #EBEBE3;
   height:100%;
   width:100%;}

  textarea {
  position: absolute;
  width:calc(100% - 3px);top:0;height:calc(100% - 3px);
  background-color: inherit;border: none;resize:none;
  font-family: 'ltc-goudy-oldstyle-pro',serif;
  font-size: 16px;color:#26231F;}
  textarea:focus {outline: none;}
  .button_wrapper {
   left: 100%;
   position: absolute;width:30%;}

  button{position: relative;
  top:-60vh;
  outline: dotted 2px #EBEBE3;
  border-radius: 0;
  transform: skew(-20deg, 0deg);
  padding:1rem;
  border: none;
  color:#26231F;
  left: calc(50% - 23px);
  background-color: inherit;
  font-family: 'ltc-goudy-oldstyle-pro',serif;
  font-size: 16px;cursor: pointer;}
  button:focus {border: 2px solid #F2D949;}

  .return {position: absolute;outline: dotted 2px #7EA3A3;font-family: 'ltc-goudy-oldstyle-pro',serif;
  font-size: 16px;color:#7EA3A3;cursor: pointer;padding:1rem;top:calc(50% - 26px); left:calc(50% - 60px);}

#links_box {display: none;}
#schedule_box {display: block;}
#expand_link {cursor: pointer;font-style: italic;z-index: 10;}
.video {position: absolute;bottom:2vw; right:2vw;}

@media screen and (max-width:767px) {
.mixing {float:right;padding-left: 2vw;padding-top: 2rem;}
#links_box {display: none;}
#schedule_box {display: block;}
#expand_link {cursor: pointer;font-style: italic;position: relative;z-index: 10;}
  body {font-size: 20px;}
  .menu_grid {position: absolute;
    grid-template-columns: 49px 49px;
    bottom:6.25rem;}
 .menu {vertical-align: middle;padding-top: 3px;}
  .circle {width: 100%;}
  .name{bottom: 2rem;
    left: calc(50% - 50px);}
    #textbox {position: absolute;
      margin-top: 1rem;margin-left: 1rem;
      margin-right: 1rem; width: calc(100vw - 4rem);
     bottom: 5.5rem; height: calc(100% - 8rem);
      padding: .5rem;text-align: right;
      font-size: 15px;}

      .photo {position: absolute;right:0;bottom:0;width: 40vw;z-index: 1;}
      .about_text {font-size: 12px;}
      .soft {position: absolute;bottom:0vw;right:0vw;z-index: 0;}
      .circle {vertical-align: middle;z-index: 0;width:400px;z-index: 0;}
      .menu {vertical-align: middle;padding-top: 15px;z-index: 100;}
      .links_text {display: inline-block;width:75%;z-index: 10;
      float: right;padding-left: 2vw;padding-top: 2rem;text-align: right;font-size: 12px;}
      .name{position: absolute;font-size: 20px;
        z-index: 10;bottom: 1rem;left:1rem;width:auto;line-height: .6;text-align: left;}
      .hew {font-style: italic;cursor: pointer;}
.schedule {font-size: 12px;top:50%;width: auto;}

}

@media screen and (max-width:375px) {
.mixing {position: absolute;bottom:15px;right:15px;}
.photo {width:30vw;top:0;right;}
.links_text {}
.name {text-align: right;width:auto;right:.5rem;bottom.5rem;}
.schedule {position: absolute;padding-top: 0;top:1rem;right:none;left:1rem;text-align: left;}
.about_text {position: absolute;padding-top: 0;top:40%;}
}