@font-face {
  font-family: 'Zen Maru Gothic';
  src: url('./../../asets/fonts/KosugiMaru-Regular.ttf') format("truetype");
}

body {
  padding: 2rem 1.5rem;
  color: #333;
  font-family: 'Zen Maru Gothic', cursive;
  font-weight: normal;
  line-height: 1.8;
  background-color:white;
  background-image: url(./../images/nankuru-20.png);
}

hr {
  height: 0px;
  border: none;
  color: white;
  }

.navbar-item img {
  max-height: 3.75rem;
}

.card,
.box
{
  background-color:white;
}

.footer
{
  background-color:#f0ffff45;
}

span,
p,
i,
h4,
.title,
.subtitle
{
  color: #2e333d;
}

.card-disc
{
  color: #2e333d!important;
}

.card-content,
.card-content .title,
.card-content .subtitle {
  background-color:transparent;
}

/* panel */
.nankuru-head-base {
  background-color: #fab0a3;
  border-radius: 5px;
  padding-bottom: 5rem;
}
.nankuru-head-list{
  padding-left: 1rem;
}
.nankuru-head-list img {
  width:50%;
}

.nankuru-svc-base {
  background-color: #badff1;
  border-radius: 5px;
  padding-bottom: 5rem;
}

.nankuru-dial-base {
  background-color: #fbc9cb;
  border-radius: 5px;
  padding-bottom: 5rem;
}

.nankuru-opt-base {
  background-color: #f4d5c0;
  border-radius: 5px;
  padding-bottom: 5rem;
}

.nankuru-yak-base {
  background-color: #f9e4e7;
  border-radius: 5px;
  padding-top: 3rem;
  padding-bottom: 1rem;
}


.nankuru-svc-head {
  padding-left: 1rem;
  padding-right: 1rem
}

/* カードタイトル */
.nankuru-svc-title {
  color: #07668e !important;
  border-bottom: 2px solid #007b9b;
  display: inline-block;
}

.nankuru-dial-title {
  color: #ce0368 !important;
  border-bottom: 2px solid #ce0368;
  display: inline-block;
}

.nankuru-opt-title {
  color: #f36f23 !important;
  border-bottom: 2px solid #f36f23;
  display: inline-block;
}

.nankuru-card {
  margin-left: 0.7rem;
  margin-right: 0.7rem;
}

.nankuru-card-img {
  padding-top: 1rem
}

/* カード特典 */
.nankuru-card-toku {
  border-radius: 5px;
  color: white;
  background-color: #00779d!important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}
.nankuru-card-caution {
  border-radius: 1px;
  color: white;
  background-color: #109bc4 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}

.nankuru-card-dial-toku {
  border-radius: 5px;
  color: white;
  background-color: #d7476f !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}
.nankuru-card-dial-caution {
  border-radius: 1px;
  color: white;
  background-color: #d2607e !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}

.nankuru-card-opt {
  border-radius: 5px;
  color: white;
  background-color: #f36f23 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}
.nankuru-card-opt-caution {
  border-radius: 1px;
  color: white;
  background-color: #f7915a !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}

.nankuru-card-contact {
  border-radius: 5px;
  color: white;
  background-color: #2367f3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: left;
}

.subtitle{
  margin-top: 1rem;
  word-break: break-word;
} 

.card-content li,
.content li
{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: .8em;
  color:#2e333d; 
}

@media only screen and (max-width: 500px) {
  .title br {
    display: none;
  }
  .subtitle
  {
    text-align: left;
  }
  .main-title
  {
    text-align: left!important;
  }
  
}

@media only screen and (min-width: 750px) {
  .nankuru-mv { max-width: 50%; }
}

a.navbar-item.is-active {
  background-color: #d53f67 !important; 
}
/* GotoTop */
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 15px;
}
.pagetop a {
  display: block;
  background-color: #ccc;
  text-align: center;
  color: #222;
  font-size: 12px;
  text-decoration: none;
  padding: 5px 10px;
filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pagetop a:hover {
  display: block;
  background-color: #b2d1fb;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding:5px 10px;
filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.foot-logo
{
	width:10rem;
}