@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/*--------------------------------------
  スマホヘッダーメニュー固定
--------------------------------------*/

@media only screen and (max-width: 767px) {

.header {
  position: fixed;/*ヘッダー固定*/
  top: 0;
  left: 0;
  width:100%;
}

/*ヘッダーの高さだけコンテンツを下げる*/
#container{
  padding-top:<span class="font_color1">62px</span>;/*ヘッダーの高さにあわせて調整*/
}

/*目次から見出しへ飛ぶリンクのズレを修正*/
h2 span, h3 span {
  padding-top: <span class="font_color1">62px</span>;/*ヘッダーの高さにあわせて調整*/
  margin-top: -<span class="font_color1">62px</span>;/*ヘッダーの高さにあわせて調整（マイナスは消さない）*/
}
}

/*========= 1240px〜の場合 =========*/
@media only screen and (min-width: 1240px) {
  .wrap,
  .maximg,
  .single #inner-content,
  .page #inner-content,
  .inner-footer {
    width: 1256px;
  }
}
/*end min-width: 1240px*/

/*========= 1030px〜の場合 =========*/
@media only screen and (min-width: 1030px) {
  /* 記事幅とサイドバーの調整（d-5of7とd-2of7の合計が100%になるように調整する）*/
  .single .wrap, .page .wrap, .single #inner-content, .page #inner-content {
 &nbsp; &nbsp;width: 1256px; /*全体幅*/
  }
	/*サイドバーが狭くなるのが気になる場合はサイドバーの割合を少し大きくする*/
  .d-5of7 {
    width: 73%;/*メインカラム幅*/
  }
  .d-2of7 {
    width: 27%;/*サイドバー幅*/
  }
}
/*end min-width: 1030px*/


/* Contact Form7 */

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #20b2aa;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #20b2aa; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}

.btn_contact7 input {
	width: 70%;
	background-color: #20b2aa;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 0px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #f5f5f5;
	color: #20b2aa; 
}
}
.footer-fixed-btn {
  position:fixed; 
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 999;
  text-align: center;
}
.footer-fixed-btn a {
  display: inline-block;
  width: 90%;
  max-width: 450px;/*最大幅*/
  padding: .5em 1em;
  background: #ec5f5f;
  color: #FFF;
  font-weight: bold;
  font-size: 1.25em;/*文字サイズ*/
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.totop {/*上に戻るボタンはかぶるので消しておく*/
  display: none!important;
}


/*========= 追加 =========*/
.top-fv-slide .sng-slider-item {
    min-height: auto !important;
    aspect-ratio: 1440 / 640;
    margin-bottom: 22px;
}

.top-fv-slide .slick-dotted.slick-slider,
.top-fv-slide-sp .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.wp-block-buttons .top-fv-slide-btn {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -160px;
}

.top-fv-slide-sp .sng-slider-item {
    display: none;
}

@media (max-width: 768px) {
    .top-fv-slide .sng-slider-item {
        display: none;
    }
	
    .top-fv-slide-sp .sng-slider-item {
        display: block;
    }
	
    .top-fv-slide-sp .sng-slider-item {
        min-height: auto !important;
        aspect-ratio: 320 / 509.44;
        margin-bottom: 32px;
    }
	
    .top-fv-slide-sp .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
	
    .top-fv-slide-btn {
        min-width: 311px;
        padding-top: 0;
        margin-top: -88px;
        padding-bottom: 48px;
    }
	
    body #container {
        padding-top: 0;
    }
}

/*========= ボタン位置 =========*/
.top-fv-slide .sng-slider-item {
    min-height: 500px !important;
}

.top-fv-slide-btn {
    position: absolute!important;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.top-fv-slide-btn a {
    width: 382px;
}

@media (max-width: 768px) {
	.top-fv-slide .sng-slider-item {
        min-height: auto !important;
    }
	
	.top-fv-slide-btn {
    bottom: 15px;
    margin-top: 0;
    padding-bottom: 0;
}
}