@import url('https://fonts.googleapis.com/css2?family=Tangerine&family=Zen+Old+Mincho&display=swap');

body{
    font-family: 'Mountains of Christmas', 'Zen Old Mincho', serif;
font-size: 0.8em;
user-select: none;  /* コピペ防止 */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

a{
color: #007865;
}

a:hover{
color:#d90606;
}

.wrp{
width: 95%;
max-width: 500px;
margin: 1em auto;
}

h1{
font-family: 'Tangerine', cursive;
font-size: 50px;
font-weight: 400;
}

h2 {
 position: relative;
  margin: 30px;
  text-align: center;
}

h2:before,
h2:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #d90606;
}

h2:before {
  left: -25px;
  border-left-width: 15px;
  border-left-color: transparent;
}

h2:after {
  right: -25px;
  border-right-width: 15px;
  border-right-color: transparent;
}

h2 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 2rem;
  color: #fff;
  background: #fa4141;
}

h2 span:before,
h2 span:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}

h2 span:before {
  left: 0px;
  border-width: 10px 0 0 10px;
}

h2 span:after {
  right: 0px;
  border-width: 10px 10px 0 0;
}

h4 {
color: #d90606;
font-weight: bold;
}

header {
width: 85%;
margin: 2em auto;
position: relative;
padding: 1em 2em;
text-align: center;
}

header:before,
header:after {
  position: absolute;
  content: '';
}

header:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

header:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.news {
width: 92%;
background:#F7EACF url(memo-back.png) no-repeat center/auto;
background-color:rgba(247, 234, 207,0.9);
background-blend-mode:lighten;
color: #333;
margin: 2em auto;
padding: 2em;
position: relative;
}
.news::after {
content: "";
border-color: #E0C284 #fff #fff #E0C284;
border-style: solid;
border-width: 0 0 24px 24px;
bottom: 0;
position: absolute;
right: 0;
}

.news-title{
color: #007865;
font-size:1.2em;
font-weight: bold;
}

hr.line{
height:50px;
border:0px;
background: url(line.png) no-repeat center/contain;
}

p{
margin: 1em 0;
}

section{
width: 80%;
margin: 1em auto 55px;
position: relative;
}

section::after {
position: absolute;
content: '';
background: url(back.png) no-repeat right bottom/100px;
background-color:rgba(255, 255, 255,0.8);
background-blend-mode:lighten;
bottom: -50px;
right: -15px;
width: 100px;
height: 100px;
z-index: -1;
}

footer{
font-family: 'Mountains of Christmas', serif;
text-align: center;
margin: 50px auto 20px;
}

.book {
    font-family: 'Zen Old Mincho', serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 auto;
    max-width: 100%;
    width: 90%;
}

.book p {
    font-size: 16px;
    margin-bottom: 25px;
}

input[type], textarea {
    height: 80px;
    width: 95%;
    font-size: 12px;
    font-family: 'Mountains of Christmas', 'Zen Old Mincho', serif;
    line-height: 180%;
    letter-spacing: 2px;
    color: #0d4d3f;                     /* クリスマスツリーの深緑 */
    background: #F7EACF;                /* 招待状と同じ薄クリーム */
    border: solid 1px #c41e3a;          /* 赤 */
    -webkit-appearance: none;
    border-radius: 3px;
    box-shadow: none;
    margin: 3px 0;
    padding: 3px;
}

input[type=text] {
    height: auto;
    width: 100px;
}

input[type=submit],
.newiine_btn {
    height: auto;
    width: 80px;
    cursor: pointer;
    text-shadow: none;
    background: #c41e3a;      /* 赤 */
    color: #ffffff;           /* 白文字 */
    font-weight: 200;
}

summary {
  list-style: none; /* 三角を非表示 */
  cursor: pointer;
  position: relative;
  padding: 10px 35px 10px 20px;
}

summary::-webkit-details-marker {
  display: none;
}

.newiine_btn {
    height: auto !important;
    width: 50px !important;
    cursor: pointer !important;
    background: #c41e3a !important;     /* 赤 */
    border: solid 1px #c41e3a !important;
    color: #ffffff !important;          /* 白文字 */
    font-weight: 200 !important;
    font-family: 'Zen Old Mincho', serif !important;;
    padding: 5px 10px !important;
    margin: 3px 0 !important;
    text-align: center !important;
    display: inline-block !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}
.newiine_btn:hover {
    background: #c41e3a !important;     /* 赤 */
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}
.newiine_btn,
.newiine_btn * {
    background: #c41e3a !important;
    border-color: #c41e3a !important;
    color: #ffffff !important;
}

/* スクロールバーのカスタマイズ */
html {
  scrollbar-width: thin;
  scrollbar-color: #007865 #fff;   /* サム:青緑 トラック:白 */
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 3px rgba(240, 220, 190, 0.2);
}

::-webkit-scrollbar-thumb {
  background: #007865;   /* 青緑 */
  border-radius: 10px;
  border: 1.5px solid #ffffff;
  box-shadow: 
    0 1px 3px rgba(0, 120, 101, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

::-webkit-scrollbar-thumb:hover {
  background: #00997a;
  box-shadow: 0 0 8px rgba(0, 150, 120, 0.4);
}