@charset "UTF-8";
/*---------------------------------
　共通
----------------------------------*/
html {
    --funmaker-theme-color: #ecb1b7;
    --funmaker-theme-color-sub: #777777;
}

.content-body {
    padding-left: 30px;
    padding-right: 30px;
}
.content-body hr {
    border-top: 1px solid transparent;
}
.table-content th,
.table-content td {
    border: 1px solid #999;
}

.gallery {
    padding-top: 10px;
}
.gallery .gallery-caption {
    line-height: 1.6em;
}
.gallery .gallery-title {
    font-size: 17px;
    line-height: 1.8em;
}
.gallery.layout-3 .gallery-left-image, .gallery.layout-4 .gallery-left-image {
    flex-basis: 30%;
}
.gallery.layout-3 .gallery-right-content, .gallery.layout-4 .gallery-right-content {
    flex-basis: 70%;
    padding-left: 20px;
    padding-right: 20px;
}
.has-background-block.has-background, .has-background-block > .is-block-row .grid-column {
    margin-bottom: 30px;
}

/*---------------------------------
　見出し
----------------------------------*/
.page-title .maintext {
    font-size: 30px;
}
.headline-h2 .maintext {
	  font-size:27px;
}
.headline-h3 .maintext {
    position: relative;
    color: #333;
    z-index: 10;
    overflow: visible;
    padding-left: 15px;
	  font-size: 21px;
}
.headline-h3.hl-custom .maintext::after{
    content: "";
    position: absolute;
    background: #d6639e;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: -2;
}
.midashi {
    font-size: 12px;
    display: block;
    line-height: 12px;
}
/*---------------------------------
　ヘッダー
----------------------------------*/
.global-nav {
    text-align: right;
}
.global-nav .header-menu {
    display: inline-block;
}
.global-nav .header-menu > .menu-item {
    display: inline-block;
}
.global-nav .header-menu .menu-item a {
    padding-left: 40px;
}

.header-contact-default {
    align-items: start;
}
.header-contact .i_line {
    background-image: url(https://biz.funmaker.info/eyedress/wp-content/uploads/2020/08/line.png);
}
.header-contact .contact-left {
    color: #333;
}
.header-contact .text-title {
    background-color: #fcebec;
    width: 50px;
    margin-bottom: 5px;
    padding: 0 5px;
	  color: #333;
}
.header .header-contact-default .contact-button {
    background-image: none;
	
	background-color: #ecb1b7;
color: #fff;
border: none;
}
.header-contact .header-sns li {
    padding: 5px;
}
a.contact-btn{
    color: #ee8586;
    border: 1px solid #ee8586;
    padding: 7px 20px;
    display: block;
    font-size: 14px;
	  margin-bottom: 5px;
}
.header-sns{
    text-align: right;
}
.header-contact .header-tel {
    padding-left: 0;
}
.header-contact .sns-icon {
    width: 30px;
    height: 30px;
}

/*フォーム*/
.wpcf7-form .button.primary {
    color: #000 !important;
}

/*ボタン*/
.button-content a.rounded {
    border: solid 1px;
    border-radius: 0;
background-image: none;
		
}
.button-content {
    background-color: transparent;
}


/*---------------------------------
　トップページ
----------------------------------*/
.gallery .image-1648 .gallery-image,
.gallery .image-1649 .gallery-image,
.gallery .image-1652 .gallery-image,
.gallery .image-1653 .gallery-image,
.gallery .image-1654 .gallery-image,
.gallery .image-1655 .gallery-image{
    text-align: left;
}

/*---------------------------------
　コース紹介
----------------------------------*/
.body-category-courses .list-item .thumb a::before {
    padding-top: 20%;
}
.body-category-courses .list-item .thumb img {
    width: 314px;
    height: initial;
}
.body-category-courses .list-item a.link-to-post {
    display: none;
}
.body-category-courses .list-item .post-date-and-tag {
    display: none;
}
.body-category-courses .list-wrapper .list-item .desc {
    display: none;
}


/*---------------------------------
　広告一括管理
----------------------------------*/
.contact_box {
    height: 120px;
    background: url(https://c-nailschool.com/wp-content/uploads/2020/09/bg_bana_contact.jpg) center no-repeat;
    position: relative;
    max-width: 720px;
    margin: 20px auto;
}
.contact_box .taiken {
    position: absolute;
    left: 246px;
    top: 63px;
}
.contact_box .shiryo {
    position: absolute;
    left: 480px;
    top: 63px;
}
.contact_box_sp{
	  display:none;
}


/*---------------------------------
　お問い合わせフォーム
----------------------------------*/

.contact-form-table .field-name {
    color: #333;
}
.contact-form-table .field-group:first-child {
    border-top: 1px solid #999;
}
.contact-form-table .field-group {
    border-bottom: 1px solid #999;
}
.submit-form {
    margin-bottom: 30px;
}

/*---------------------------------
　フッター
----------------------------------*/
.footer {
    padding-top: 30px;
}
#footer {
    border-top: 1px solid #ccc;
}
.footer .content.is-footer .ft-nav .ft-global-nav ul {
    width: 30%;
}
.footer .content.is-footer .ft-nav .ft-sns-nav {
    width: 18%;
}
.footer .widget_text li::before {
    content: "";
}
#footer p {
    font-size: 12px;
}
.footer-link a{
    color: #777;
}
.line {
    background-color: #fff;
    padding-bottom: 10px;
}


@media(max-width:1220px){
	.footer .content.is-footer,
	.line{
    width: 100%;
    max-width: 100%;
  }
}

/*---------------------------------
　スマホ画面
----------------------------------*/
@media(max-width:688px){
	
	.content-body {
    padding-left: 10px;
    padding-right: 10px;
  }
	.gallery.layout-3 .gallery-right-content, .gallery.layout-4 .gallery-right-content {
    padding-right: 0;
		padding-left: 10px;
  }
	
	/*お問い合わせフォーム*/
	.contact-form-table .field-group:first-child {
    border-top: 1px solid #f1f1f1;
  }
	.contact-form-table .field-group {
    border-bottom: 1px solid #f1f1f1;
  }
	.submit-form .button {
    width: initial;
  }
	
	/*広告一括管理*/
	.contact_box {
    display: none;
  }
	.contact_box_sp{
		text-align:center;
		margin-top: 20px;
		display: block;
	}
	
	/*フッター*/
	#footer {
    border-top: none;
  }
	.footer-smp-menu {
    background-color: #d6639e;
  }
	.footer-smp-menu .footer-menu-text {
    color: #fff;
  }
	.footer-padding {
    height: 15px;
	}
	.footer .ft-sns-nav li {
    padding: 0 7px;
  }
	.line {
    padding-bottom: 70px;
  }
	.footer-smp-menu .grid-column-inner::after {
    border-right: 1px solid #fff;
  }
	.footer-smp-menu {
    border-top: 1px solid #fff;
  }


	
	
}