@charset "utf-8";body {
 font-weight: lighter;
}

h1 {
 font-weight: bold;
 font-size: 24px;
}

.name-p {
 color: #8e5a00
 }

.name-y {
 color: #b52455
 }

.name-s {
 color: #004c97
 }

a.btn--orange {
  color: #fff;
  background-color: #8e5a00;
}

a.btn--orange:hover {
  color: #fff;
  background: #8e5a00;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

.contents {
 color: #8f1537;
 font-size: 18px;
}

.contentslist {
  color: #000000;
  font-size: 16px;
  border-top: solid #8f1537 1px;/*上のボーダー*/
  border-bottom: solid #8f1537 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}

ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

#share_facebook {
	display: inline-block;
	padding: 8px 24px;
	border-radius: 8px;
	text-decoration: none;
	transition: 0.4s;
        color: #fff;
	background-color: #1877f2;
}

#share_facebook i.fa {
  margin-right: 1rem;
}

#share_facebook:hover {
	opacity: 0.7;
}
#share_twitter {
	display: inline-block;
	padding: 8px 24px;
	border-radius: 8px;
	text-decoration: none;
	transition: 0.4s;
        color: #fff;
	background-color: #1da1f2;
}

#share_twitter i.fa {
  margin-right: 1rem;
}

#share_twitter:hover {
	opacity: 0.7;
}
#share_line {
	display: inline-block;
	padding: 8px 24px;
	border-radius: 8px;
	text-decoration: none;
	transition: 0.4s;
        color: #fff;
	background-color: #00b900;
}
#share_line:hover {
	opacity: 0.7;
}