/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Template: sydney
Description: Sydney Child Theme
Version: 1.55
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney-child
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/


/** css修正　**/
/* お問い合わせフォーム */

#contact .submit {
    height: 70px;
    width: 300px;
    font-size: 22px;
}

#contact form p:nth-last-child(2) label:last-child{
		text-align: center;
}


#contact form label, #contact form input  {
	width: 100%
}

#contact #checkbox input  {
	width: auto;
}
div.wpcf7 .ajax-loader {
    display: block;
}

h4 {
		line-height: 1.25;
    margin-bottom: 40px;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #bd9e66;
}
.feature h4{
	border-bottom: 1px solid #f2b880;
}
.subtitle{
	font-size: 40px;
  margin-bottom: 30px;
	color: #FFF;
    text-align: center;
}

.wp-custom-header .wp-custom-header-video-button{
	display:none !important;
}

#home h3{
	line-height: 1.25;
	margin-bottom: 18px;
	padding-bottom: 0px !important;
	border-bottom: 6px solid #bd9e66;
	width: 300px;
}

/* TOPのヘッダーのぼかし */
#wp-custom-header{
	/* background: linear-gradient(to bottom, #50585f, #fff0); */
}

/* ヘッダータイトルのアンダーバー */
.text-slider .maintitle:after{
	display:none;
}
/* ヘッダータイトルのマージン */
.text-slider .maintitle {
    margin-top: 0px;
}

#mainnav-mobi {
  top: 122px;
}

#menu-menu-1 li:last-of-type{
  margin: 0 7px 0 0;
  padding: 3px 14px;
  color: #FFF;
  border-radius: 30px;
  background-color: #2ec4b6;
  bottom: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
  border: 2px solid #FFF;
}
#menu-menu-1 li:nth-last-of-type(2) {
  margin: 0 7px 0 0;
  padding: 3px 14px;
  color: #FFF;
  border-radius: 30px;
  background-color: #FFBF69;
  bottom: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
  border: 2px solid #FFF;
}

/* 行動喚起ボタン */
.roll-button {
    background-color: #ff6b6b;
    border: 1px solid #ff6b6b;
}
@media screen and (min-width: 1025px) {
  .roll-button {
      background-color: #ff6b6b;
      border: 1px solid #ff6b6b;
      font-size: 20px;
      line-height: 24px;
      font-weight: 700;
      padding: 18px 44px;
      /* font: 14px/1.7 "Source Sans Pro", sans-serif; */
      font-family: "Source Sans Pro", sans-serif;
  }
}
/* フッター */
.site-info.container{
  font-size: 0.8em;
}
.site-info.container p{
  float: right;
}
.site-info.container img{
    width: 12px;
    margin-right: 0px;
    margin-left: 5px;
}
aside ul {
  text-align: center;
}
aside li {
  display: inline-block;
  margin-right: 20px !important;
}

.elementor-editor-active .elementor.elementor-edit-area-active .elementor-inner-section:first-child {
    margin-top: 0px;
}
.elementor-column-wrap.elementor-element-populated p{
    margin-bottom: 0px;
}

/* ヘッダーボタン */
.download_btn,.free_btn{
  float: left;
  width: 50%;
  list-style: none;
}
.download_btn a{
  display: block;
  width: 95%;
  margin: 0 auto;
  padding: 8px 0;
  font-size: 13px;
  font-weight: bold;
  color: #F2FAFF;
  text-align: center;
  background: #FFBF69;
  border-radius: 2px;
}
.free_btn a{
  display: block;
  width: 95%;
  margin: 0 auto;
  padding: 8px 0;
  font-size: 13px;
  font-weight: bold;
  color: #F2FAFF;
  text-align: center;
  background: #2ec4b6;
  border-radius: 2px;
}
.btn_area{
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  margin-top: 10px;
}

/* お知らせ */
a.post-cat {
    display: none;
}

.site-header.float-header #menu-menu-1 li:nth-last-of-type(n+3) a {
    color: #f7ab00;
    background: rgba(255, 255, 255, 0);
}
.site-header.float-header #menu-menu-1 li:nth-last-of-type(n+3) a:hover {
    color: #145893;
    background: rgba(255, 255, 255, 0);
}
@media only screen and (min-width: 1026px){
.entry-thumb img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
  .subtitle {
      margin-top: 40px;
      position: absolute;
      z-index: 999;
      color: white;
      left: 36%;
      top: 30%;
  }

}
@media only screen and (min-width: 1280px){
.entry-thumb img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
  .subtitle {
      margin-top: 40px;
      position: absolute;
      z-index: 999;
      color: white;
      left: 40%;
      top: 30%;
  }

}
/* SP　対応 */
@media only screen and (max-width: 1025px){
  #mainnav-mobi ul li{
    background: #f7ab00;
    border: #FFFF;
  }
  .site-header {
    position: fixed !important;
  }
  body{
    padding-top: 113px;
  }
  .slide-inner {
    top: 38%;
  }
  #mainnav-mobi {
    top: 100px;
  }
  .subtitle {
      font-size: 25px;
      margin-bottom: 0px;
      color: #FFF;
      text-align: center;
      position: absolute;
      z-index: 999;
      color: white;
      left: 40%;
      top: 30%;
  }
}

@media only screen and (max-width: 767px){
  .btn-menu {
    margin: 0px auto 0;
  }
  .slide-inner {
    top: 40%;
  }
  #menu-menu-1 li:last-of-type,#menu-menu-1 li:nth-last-of-type(2){
    max-width: 311px;
    text-align: center;
    margin: 0 auto;
    display: none;
  }
  #menu-menu-1 li:nth-last-of-type(2){
    bottom: 8px;
    display: none;
  }
  .site-header.float-header #menu-menu-1 li:nth-last-of-type(n+3) a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0);
  }
  .subtitle {
      font-size: 25px;
      margin-bottom: 0px;
      color: #FFF;
      text-align: center;
      position: absolute;
      z-index: 999;
      color: white;
      left: 30%;
      top: 30%;
  }
  .subtitle.feature {
    left: 20%;
  }
  .page-wrap {
    padding-top: 8px !important;
  }
  .site-info.container{
    text-align: center;
  }
  .site-info.container p{
    float: none;
  }
  .site-logo{
    max-height: 80px;
  }

  #masthead{
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
    .slide-inner {
      top: 32%;
    }
    .site-logo{
      max-height: 40px;
    }
}