@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap');

body {
  font-size:15px;
  font-color:#abb1b5;
  font-weight:200;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height:1.8em;

  /*background: -moz-linear-gradient(top, #fff, #fff);
  background: -webkit-linear-gradient(top, #fff, #fff);
  background: linear-gradient(to bottom, #fff, #e6e9f5);
  */
}
}

h3 {
  font-size: 150%; 
  line-height:120%;
  color: #edece4; 
  padding: 5px 10px; 
}
h2 {
  font-size:110%;
  color: #edece4;
  font-weight:200;
  font-family: "Noto Serif JP", Hannari, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing:1px;
  line-height:28px;
}

p.trimming {
  position:relative;
  width: 550px;

  height: 170px;
  overflow: hidden;
}
.img{
  position:absolute;
  top:-10px;
  left:-20px;
}

.count{
  display:inline;
  font-size:14px;
}

.blankLine{
  /* line-height: 35px; */
  margin-top: 50px;
  margin-bottom: 50px;
}
.resizeimg img {
 width: 100%;
 max-width: 600px
  }

.bar_ab {
     border:0;
   border-bottom:1px solid #e0dede;
   /*
  border-style:none ;
  height:2px ;
  background-image: url('http://metis.starfree.jp/img/text_background.jpg') 
  */}

  .bar_thin {
   border:0;
   border-bottom:1px solid #e0dede;
 } 


 .title{
  text-align: left;
  font-family: Hannari, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:30px;
  letter-spacing:2px;
  line-height:45px;
  color:#9CA48D;
}


#update_history {
  font-size:12px;
  background:#959597;
  margin-top: 5px;
  height: 90px;/*スクロールの高さ*/
  overflow-y: scroll;
}

.update_tx{
  text-indent:2em;
  font-size:12px;
  line-height:16px;
}


a:link {
  color: #394d63;
 /*
  text-decoration:none;
  background:linear-gradient(transparent 60%, #facfcf 50%);
  */
}
a:visited {
  color: #394d63;
}

a:hover {
  color: #940a0a;
  border-bottom: 1px solid #940a0a;
}

a:active {
  color: #394d63;
}

a.tx:link {
  color: #37374f;
  text-decoration:none;
}

a.tx:visited {
  color: #37374f;
  text-decoration:none;
}

a.tx:hover {
  color: #940a0a;
  text-decoration:none;
}

a.tx:active {
  color: #940a0a;
  text-decoration:none;
  background-color:#f2f2df;
}

a{text-decoration:none;}
a:focus, *:focus { outline:none; }

.pagetop {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: rgba(255,105,212,0);
  text-decoration:none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.pagetop__arrow {
  height: 5px;
  width: 5px;
  border-top: 1px solid #080708;
  border-right: 1px solid #080708;
  transform: translateY(20%) rotate(-45deg);
}



@media screen and ( max-width: 749px ){
/*モバイル端末表示*/
#layout {
  width: 100%;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  paggind: 0px;
  border-radius: 10px;
  text-align: left;
  color: #36363d;
  font-weight:300;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  background-color: rgba(0, 0, 0, 0);

}
#content {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0);
  font-size: clamp(14px, 3.2vw, 15px);
  color: #36363d;
  font-weight:300;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  line-height:1.8em;
}
.cursive{
  font-size:28px;
  font-weight:400;
  font-family:Tangerine;
  color: #421e1e;
}

.cursive_bold{
  font-size:40px;
  font-weight:700;
  font-family:Tangerine;
  color: #421e1e;
}
.cursive_min{
  font-size:22px;
  font-weight:400;
  font-family:Tangerine;
  color: #403c40;
}
.option{
  font-size: clamp(10px, 2.5vw, 13px);
  line-height:1.8em;
}

.min-font{
  font-size: clamp(10px, 2.0vw, 11px);
  line-height:1.8em;
}


.nameform{
 background-repeat: no-repeat;
 background-position: top center;
 border: solid 1px #a79f94;
 -webkit-appearance:none;
 -moz-border-radius:5px; 
 -webkit-border-radius:5px;
 border-radius:5px;
 background-color: #EEEDEB;
 color: #403c40;
font-family: "Noto Serif JP", serif;
 line-height:140%;
 font-size: 16px;
 transform: scale(calc(14 / 16));
 resize: none;
 width:110px;
 height:28px;
}

.btnform{
 border: solid 1px #a79f94;
 -webkit-appearance:none;
 -moz-border-radius:5px; 
 -webkit-border-radius:5px;
 border-radius:5px;
  background-color: #EEEDEB;
 color: #403c40;
font-family: "Noto Serif JP", serif;
 line-height:140%;
 font-size: 12px;
 transform: scale(calc(14 / 16));
 resize: none;
 width:28px;
 /*height:22px;*/
}

}

@media screen and ( min-width: 750px ){
/*PC表示*/
#layout {
  width: 80%;
  margin-top: 13px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  paggind: 0px;
  border-radius: 10px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  font-size: clamp(15px, 1.6vw, 16px);
  color: #383838;
  font-weight:400;
  font-family: "Noto Serif JP", serif;
  line-height:1.8em;

}
#content {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0);
  font-size: clamp(14px, 1.6vw, 16px);
  color: #383838;
  font-weight:400;
  font-family: "Noto Serif JP", serif;
  line-height:1.8em;
}

.cursive{
  font-size:28px;
  font-weight:700;
  font-family:Tangerine;
  color: #383838;
}

.cursive_bold{
  font-size:40px;
  font-weight:700;
  font-family:Tangerine;
  color: #383838;
}
.cursive_min{
  font-size:22px;
  font-weight:700;
  font-family:Tangerine;
  color: #383838;
}

.option{
   font-size: clamp(13px, 1.4vw, 15px);
  line-height:1.8em;
}

.min-font{
  font-size: clamp(12px, 1.3vw, 13px);
  line-height:1.8em;
}

.nameform{
 background-repeat: no-repeat;
 background-position: top center;
 background-color: #EEEDEB;

 border: solid 1px #a79f94;
 -webkit-appearance:none;
 -moz-border-radius:5px; 
 -webkit-border-radius:5px;
 border-radius:5px;
 color: #403c40;
 font-family: "Noto Serif JP", serif;
 line-height:220%;
 font-size: 13px;
 resize: none;
 width:110px;
 line-height:1.8em;
}

.btnform{
 background-color: #EEEDEB;
 border: solid 1px #a79f94;
 -webkit-appearance:none;
 -moz-border-radius:5px; 
 -webkit-border-radius:5px;
 border-radius:5px;
 color: #403c40;
 font-family: "Noto Serif JP" serif;
 font-size: 13px;
 resize: none;
 width:30px;
}

}