html {
  min-height: 100%;
}

body {
  font-family: YuGothic,'Yu Gothic',sans-serif;
}

p {
  font-size:0.9rem;
}

/* font */
.font-y-m{
	font-family: YuMincho,'Yu Mincho',serif;
}

/* first_view */
#first_view{
  height: 100vh;
  background-image:url(../img/firstview/top-img544.jpg);
  background-size: cover;
  background-position: left;
}

@media screen and (min-width:544px) and ( max-width:900px) {
  #first_view{
    background-image:url(../img/firstview/top-img900.jpg);
  }
}

@media screen and (min-width:901px){
  #first_view{
    min-height:860px;
    background-image:url(../img/firstview/top-img1600.jpg);
    background-position: top;
  }
}


/* reason */
#reason{
  background:#fff;
}

#reason .text-header{
  color:#e68c85;
}

#reason .text-body{
  color:#555555;
}

#reason hr{
  border-top:solid 1px #e68c85!important;
}


/* facing */
#facing{
  background:#f9f3f3;
}

#facing .text-header{
  color:#795f46;
}

#facing .list-group-item{
  background:transparent;
  border:0;
}

/* campaign */
#campaign{
  background:#fff;
}

#campaign .image_area{
  position: relative;
}

#campaign .limit_area{
  position: absolute;
  width: 100%;
  top:76px;
}

@media screen and ( max-width:575px) {
  #campaign .limit_area{
    top: calc(-46px + 100vw / 3);
  }
  #campaign .limit_area .h6{
    font-size:0.8rem!important;
    margin-bottom:0!important;
  }
  #campaign .limit_area .h5{
    font-size:1.2rem!important;
  }
}


@media screen and (min-width:576px) and ( max-width:767px) {
  #campaign .limit_area{
    top:126px;
  }
}

@media screen and (min-width:768px) and ( max-width:991px) {
  #campaign .limit_area{
    top:96px;
  }
}

@media screen and (min-width:992px) and ( max-width:1199px) {
  #campaign .limit_area{
    top:76px;
  }
}

@media screen and (min-width:1200px){
  #campaign .limit_area{
    top:88px;
  }
}




/* menu */
#menu{
  background:#fff;
}

#menu .text-header{
  color:#e68c85
}

#menu .text-body{
  color:#555555;
}

#menu a{
  color:#555555;
}


/* voice */
#voice{
  background:#f9f3f3;
}

#voice .text-header{
  color:#e68c85;
}

#voice .text-name{
  color:#795f46;
}

#voice .text-body{
  color:#555555;
}

#voice a{
  color:#555555;
}


/* flow */
#flow{
  background:#fff;
}

#flow .text-header{
  color:#e68c85
}

#flow .text-body{
  color:#555555;
}

#flow .step{
  background:#f9f3f3;
  border-radius: 2px;
}


/* profile */
#profile{
  background:#fff;
}

#profile .text-header{
  color:#e68c85
}

#profile .text-body{
  color:#555555;
}

#profile #greeting{
  color:#555555;
  border:solid 1px #e68c85;
}

#profile #greeting hr{
  border-top:solid 1px #e68c85!important;
}

/* reservation */
#reservation{
  background:#f9f3f3;
}

#reservation .text-header{
  color:#e68c85
}

#reservation .text-body{
  color:#555555;
}


/* access */
#access{
  background:#fff;
}

#access .text-header{
  color:#e68c85
}

#access .text-body{
  color:#555555;
}

#access .btn-access{
  border:solid 1px #e68c85;
  color:#e68c85;
  border-radius: 0px;
}

/* line */
#line{
  background:#39AE36;
  color:#ffffff;
}

#line .message-area{
  background:#1f7a1c;
  border-radius: 5px;
}

#line .line-btn{
  background: rgb(57,174,54); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(57,174,54,1) 0%, rgba(47,147,52,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(57,174,54,1) 0%,rgba(47,147,52,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(57,174,54,1) 0%,rgba(47,147,52,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39ae36', endColorstr='#2f9334',GradientType=0 ); /* IE6-9 */
  color:#ffffff;
  border:solid 2px #ffffff;
}


/* links */
#links{
  background:#f9f3f3;
}

#links a{
  color:#555555;
  font-size:0.75rem;
}


/* footer */
#footer{
  position: fixed;
  bottom:0;
  width: 100%;
}

#footer button{
  font-size:0.75rem;
}


/* bootstrap 調整 */
.navbar-toggler {
    border:0!important;
}
.navbar-toggler:focus {
    outline:0!important;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("../img/menu/icon.svg");
}

/* カラー定義 */
.bg-base{
  background:#EBE1D2;
}

.bg-header{
  background:#ffffff;
}

/* ボタン定義 */
.btn-bottom-line{
  background:#00b900;
  color:#ffffff;
  border-radius: 10px 10px 0 0;
  font-weight:bold;
}

.btn-bottom-cv{
  background:#E8DAC0;
  color:#795F46;
  border-radius: 10px 10px 0 0;
  font-weight:bold;
}

@media screen and (max-width:350px){
  .minimal_disabled{
    display:none;
  }
}

/* 不正な改行を制御 */
.text-block{
  display: inline-block;
}

/* Googleカレンダー用 */
#googleCalendar iframe {
  width: 100%;
  height: 640px;
}
@media all and (min-width: 768px) {
  #googleCalendar iframe {
	height: 600px;
  }
}

.d-xs{
  display:inline;
}

.d-no-xs{
  display:none;
}

@media screen and (min-width:351px){
  .d-xs{
    display:none;
  }

  .d-no-xs{
    display:inline;
  }
}