/**
 * Theme Name:     SWELL Child
 * Author:         LOOS,Inc.
 * Template:       swell
 * Text Domain:	   swell-child
 * Description:    シンプルなのに高機能。ブロックエディターの使い心地にこだわった国内最高峰のWordPressテーマ
 */

/* Contact Form7　ラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
margin-top:5px;
display: block;
}

/* CEFRのスコアのレベル表示 アコーディオン */
.level-accordion-a1 .swell-block-accordion__title{
  	background-color:#cef0ff;
}
.level-accordion-a2 .swell-block-accordion__title{
  	background-color:#9ce1ff;
}
.level-accordion-b1 .swell-block-accordion__title{
  	background-color:#74d4ff;
}
.level-accordion-b2 .swell-block-accordion__title{
  	background-color:#29ade6; color:#fff;
}
.level-accordion-c1 .swell-block-accordion__title{
  	background-color:#008ecc; color:#fff;
}
.level-accordion-c2 .swell-block-accordion__title{
  	background-color:#0071a2; color:#fff;
}

/* グローバルメニューを左寄せに */
.l-container {
max-width: none;
}

.l-fixHeader__inner {
max-width:100%;
}

/* フッターの文字を小さく */
.l-footer{
	font-size:0.8rem;
}


/* Contact Form 7 　レイアウトカスタマイズ/*
/* スマホには適用しない */
@media (min-width: 768px) {

  .wpcf7-form-control.form-control {
    width: auto;
    max-width: 100%;
  }

/*フォームの下に余白を入れる*/
.wpcf7 input {
 margin-bottom: 25px;/*ここが余白サイズなので好みで調整*/
}

/*ドロップボックスの下に余白を入れる*/
.wpcf7-select {
 margin-bottom: 25px;/*ここが余白サイズなので好みで調整*/
}
	
/*テキストエリア*/
.wpcf7-textarea {
	        width: 80%;
}

/* 必須マーク */
.wpcf7-form small.text-danger {
    color: #fff !important;
    background-color: #dc3545;
    font-size: 75%;
    padding: 0.1em 0.3em;
    margin-left: 0.5em;
}
	
/* 入力確認のチェックボックスを大きく */
form .wpcf7-acceptance input[type="checkbox"] {
    transform: scale(2.0);
    margin-right: 0.5em;
	margin-top:3.0em;
}

  /* フォームを中央に配置・背景色指定 */
  .wpcf7-form {
    max-width: 680px;
    margin-left:auto;
    margin-right:auto;
    background-color: #f1f1f1;
    padding: 15px 20px;
    border-radius: 5px;
  }
	
	/*送信ボタン*/
.wpcf7 .wpcf7-submit{
    width: 100%;
padding: 15px;
margin: 0 10px 25px 5px;
margin-top: 25px!important;
border-radius: 15px;/*ボタンの角に丸み*/
background-color: #44617b;/*ボタン色*/
color: #fff;/*ボタン文字色*/
font-size: 1.1rem;/*ボタン文字サイズ*/
font-weight: bold;/*ボタン文字を太く*/
}

.wpcf7 input[type="submit"]:hover {
background: #008ecc;
font-weight: bold;
color: #fff;
}

/* 戻るボタン */
.wpcf7-form-control.wpcf7-previous{
    width: 30%;
padding: 15px;
margin: 0 10px 25px 5px;
margin-top: 25px!important;
border-radius: 15px;/*ボタンの角に丸み*/
background-color: #a9a9a9;/*ボタン色*/
color: #fff;/*ボタン文字色*/
font-size: 1.1rem;/*ボタン文字サイズ*/
font-weight: bold;/*ボタン文字を太く*/
}
.wpcf7-form-control.wpcf7-previous:hover {
background: #008ecc;
font-weight: bold;
color: #fff;
}

/* クレジット番号を入力するボタン、決済するボタン */
.wpcf7-stripe button{
    width: 100%;
padding: 15px;
margin: 0 10px 25px 5px;
margin-top: 25px!important;
border-radius: 15px;/*ボタンの角に丸み*/
background-color: #44617b;/*ボタン色*/
color: #fff;/*ボタン文字色*/
font-size: 1.1rem;/*ボタン文字サイズ*/
font-weight: bold;/*ボタン文字を太く*/
}
.wpcf7-stripe button:hover {
background: #008ecc;
font-weight: bold;
color: #fff;
}

.wpcf7 .readonly-field{
	border:none;
	background-color:transparent
}
	
/*コンタクトフォーム青文字*/
.wpcf7 .comment {color: #008ecc;}
}
/*recaptcha ボタン位置*/
.grecaptcha-badge {
	bottom: 120px !important;
	z-index:999; 
}
/* 「目次ボタン」「トップへ戻るボタン」の位置調整*/
 .p-fixBtnWrap {
	 bottom: 10px;
	 right: 10px; 
}


/* 追従バナー */
.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.follow-banner a:hover {
  opacity: 0.7;
}

.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

/* 追従バナー・スマホは非表示 */
@media screen and (max-width: 599px) {
  .follow-banner {
    display: none;
  }
}