.grecaptcha-badge { visibility: hidden; }

/* 必須タグと任意タグ共通のスタイル */
.label_tag {
    font-size: 1.5rem;
    color: #ffffff;
    border-radius: .3rem;
    margin-right: 1rem;
    padding: 5px 10px;
}
/* 必須タグ */
.label_must {
	background-color: #FF794C;
}

.required {
font-size: 0.8em;
padding: 3px;
background: #cc0000;
color: #ffffff;
border-radius: 2px;
margin-right: 10px;
margin-bottom: 2px;
display: inline-block;
}

.wpcf7 {
background-color: #e6e6e6; /* ライトグレー */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}

/* 送信ボタンのスタイル */

#mainContent .wpcf7-form input[type=submit]
{
width:60%;
background-color: #00D180;
color: #ffffffff;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}


#mainContent .wpcf7-form input[type=submit]:hover {
background-color: #F6CF2B;
}

.from_name {
  display: flex;
  flex-wrap: wrap;
}

.item-box {
  flex: 1;
  margin: 0 10px;
  max-width: 300px; /* 任意の値 */
  width: calc(50% - 20px);
  box-sizing: border-box;
}

/* 最初の.item-box要素を左寄せに配置 */
.item-box:first-child {
  margin-left: 0;
}

@import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css";

//General mixins 

//Clearfix mixin
@mixin clearfix() {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  } 
  &:after {
    clear: both;
    display: block; 
    font-size: 0; 
    height: 0;    
    visibility: hidden; 
  }      
}

//Media query mixin
@mixin media($type) {
  @if $type == tablet {/* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) and (max-width: 991px) {
      @content;
    } 
  }
  @else if $type == mediumDesktop {/* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) and (max-width: 1100px) {
      @content;
    }     
  }
  @else if $type == largeDesktop {/* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
      @content;
    }       
  }
}


/*audioigniter*/
.ai-wrap {
    background-color: #407fed !important; /* 任意のカラーコードに変更 */
 }



/*再生リスト*/
.ai-track-active .ai-track-control {
background: #fff;
	color:#000;
}

/*再生しているタイトル*/
.ai-tracklist. {
	color:#fff;
}


/*playボタン*/
.ai-wrap .ai-control-wrap-controls .ai-audio-control {
color: #fff;
background: #000;
border-color: #f7faff;

}


/*再生バー*/
.ai-wrap .ai-audio-controls-progress .ai-track-progress {
background-color: #fff;
}

.ai-wrap .ai-volume-bar.ai-volume-bar-active::before{

    background-color: #fff;
}

.ai-wrap .ai-scroll-wrap>div:last-child div,.ai-wrap .ai-track:hover, .ai-wrap .ai-track.ai-track-active{
 background-color: #fff!important;
}