@charset "UTF-8";
/*　上書き用CSSファイル　*/

/* ナビゲーションメニュー */
#mainNav.navbar-shrink .navbar-brand:hover {
	color: #801880;
}

#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
	color: #801880;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
    color: #801880 !important;
}
/* TOP */
header.masthead {
	padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), url("../assets/img/bg-masthead.jpg");  
	background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.pb-6 {
	padding-bottom: 4rem !important;
  }

/* About */
.about_name {
  font-size: calc(1.1rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .about_name {
    font-size: 1.5rem;
  }
}

.portrait {
	width: 100%;
}


#portfolio .container-fluid .portfolio-box .portfolio-box-caption{
	background: rgba(77, 15, 77, 0.8);
}

hr.divider{
	background-color: #801880;
}

.btn-primary-add {
	background-color: #801880;
}

.btn-primary-add:hover {
	background-color: #4d0f4d;
}

.btn-check:checked + .btn-primary-add:focus, .btn-check:active + .btn-primary-add:focus, .btn-primary-add:active:focus, .btn-primary-add.active:focus, .show > .btn-primary-add.dropdown-toggle:focus{
	box-shadow: 0 0 0 0.25rem rgba(77, 24, 77, 0.5);
}
/* Price & Prosess */

@media (min-width: 768px) {
	.price {
		max-width: 90%;
		}
}  

.price {
	max-width: 100%;
	padding-bottom: 3em;
}

.process {
	max-width: 100%;
}
/* Contact */

.icon-color {
	color: #801880 !important;
}

.contact-link a {
	color: #801880 !important;	
	text-decoration: none;
}

.contact-link a:hover {
	text-decoration: underline;
}

/* フォント共通設定 */
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.d-block {
    display: block !important;
  }

/* 調整用 */
address {
	margin: 0px;
}

@media (max-width: 575px) {
	.small-p {
	  font-size: 0.8rem;
	}
  }