@charset "UTF-8";
@import url("width-pc.css");
@import url("width-sm.css");
/*//////////////////////////////////////////////////////////////////////*/
body {
  margin: 0px;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  background-color: #fff;
  color: #454545;
}
b, strong, .bold {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
img {
  vertical-align: top;
}
p {
  margin-top: 0;
  margin-bottom: 30px;
}
ul, li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.floatclear-ba:after, .floatclear-ba:before {
  content: "";
  clear: both;
  display: block;
}
.floatclear {
  clear: both;
  margin: 0px;
  padding: 0px;
}
.floatleft {
  float: left;
  width: auto;
}
.floatleft2 {
  float: left;
  padding-right: 10px;
}
.floatright {
  float: right;
}
a:hover {
  opacity: .70;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: .70;
  -moz-opacity: .70;
}
.sp5 {
  padding: 5px;
}
.sp10 {
  padding: 10px;
}
.sp15 {
  padding: 15px;
}
.sp20 {
  padding: 20px;
}
.sp30 {
  padding: 30px;
}
.sp40 {
  padding: 40px;
}
.sp-under5 {
  padding-bottom: 5px;
}
.sp-under8 {
  padding-bottom: 8px;
}
.sp-under10 {
  padding-bottom: 10px;
}
.sp-under15 {
  padding-bottom: 15px;
}
.sp-under20 {
  padding-bottom: 20px;
}
.sp-under30 {
  padding-bottom: 30px;
}
.sp-under40 {
  padding-bottom: 40px;
}
.sp-under50 {
  padding-bottom: 50px;
}
.sp-under60 {
  padding-bottom: 60px;
}
.sp-under80 {
  padding-bottom: 80px;
}
.sp-top10 {
  padding-top: 10px;
}
.sp-top20 {
  padding-top: 20px;
}
.sp-top40 {
  padding-top: 40px;
}
.sp-top50 {
  padding-top: 50px;
}
.sp-top60 {
  padding-top: 60px;
}
.sp-top70 {
  padding-top: 70px;
}
.sp-top100 {
  padding-top: 100px;
}
.sp-top10-under10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sp-top20-under20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.sp-top30-under30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.sp-right7 {
  padding-right: 7px;
}
.sp-right10 {
  padding-right: 10px;
}
.sp-right20 {
  padding-right: 20px;
}
.sp-right40 {
  padding-right: 40px;
}
.sp-left10 {
  padding-left: 10px;
}
.sp-left30 {
  padding-left: 30px;
}
.sp-left1-top1 {
  padding-top: 1px;
  padding-left: 1px;
}
.sp-righ3-left3 {
  padding-right: 3px;
  padding-left: 3px;
}
.m-under20 {
  margin-bottom: 20px;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.site-body-ds a:link {
  color: #262626;
  text-decoration: underline;
}
.site-body-ds a:visited {
  color: #262626;
  text-decoration: underline;
}
.site-body-ds a:hover {
  color: #262626;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.text-pink {
  color: #fd7a7d;
}
.text-pink a {
  color: #D93877;
}
.text-pink a:hover {
  color: #D93877;
}
.text-red {
  color: #BD2D12;
}
.text-brown {
  color: #443702;
}
.text-blue {
  color: #0BB1C1;
}
.text-orange {
  color: #dd9603;
}
.text-gray {
  color: #333333;
}
.text-green {
  color: #319d88;
}
.text-green2 {
  color: #037c70;
}
.img-auto img {
  width: 100%;
  height: auto;
}
.w-table {
  display: table;
}
.w-td {
  display: table-cell;
  vertical-align: middle;
}
.w-table pc-foatleft-33per {
  display: table-cell;
}
.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}
.under-line {
  border-bottom: 1px solid #D93877;
  margin-top: 0px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
#cr {
  background-color: #F0F0F0;
  text-align: center;
  font-size: 11px;
  padding: 10px;
}
h3.pink {
  border-left: 3px solid #F15690;
}
h3.pink_2 {
  border-left: 3px solid #F15690;
  margin-top: 40px;
}
h3.orange {
  border-left: 3px solid #F2A809;
}
h3.blue {
  border-left: 3px solid #0BB1C1;
}
h4 {
  padding: 7px 20px 7px 20px;
  line-height: 20px;
}
h4.orange {
  background-color: #F2A809;
  color: #fff;
}
h4.pink {
  background-color: #FCB4A8;
  color: #fff;
}
h4.yellow {
  background-color: #FCF2BF;
  color: #F5A906;
}
/*link
----------------------------------------------------*/
a.linkbutton:link {
  border: 1px solid #87B830;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #87B830;
  background-color: #fff;
  display: block;
  max-width: 350px;
  margin-bottom: 10px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  position: relative;
}
a.linkbutton:visited {
  border: 1px solid #87B830;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #87B830;
  background-color: #fff;
  display: block;
  max-width: 350px;
  margin-bottom: 10px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  position: relative;
}
a.linkbutton:hover {
  border: 1px solid #87B830;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  background-color: #87B830;
  display: block;
  max-width: 350px;
  margin-bottom: 10px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  position: relative;
}
.linkbutton .fa {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.linkbutton:hover .fa {
  color: #fff;
}
/* エフェクト
----------------------------------------------------*/
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.fadein-left {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: all 1s;
}
.fadein-left.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/* ページ送り
----------------------------------------------------*/
.or-pd2 .wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}
.or-pd2 .wp-pagenavi span.current {
  padding: 10px 20px 10px 20px;
  border: 1px solid #CCCCCC;
  margin-left: 5px;
  margin-right: 5px;
}
.or-pd2 .wp-pagenavi a {
  padding: 10px 20px 10px 20px;
  border: 1px solid #87B830;
  background-color: #87B830;
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}
.or-pd2 .wp-pagenavi a:hover {
  background-color: #fff;
  color: #87B830;
  border: 1px solid #87B830;
}