@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*改行位置*/
.pc_br {
	display: block;
}
.sp_br {
	display: none;
}
@media screen and  (max-width: 451px) {
	.pc_br {
		display: none;
	}
	.sp_br {
		display: block;
	}
}

.page .date-tags {
	display: none;
}

/*囲みケイa背景グレー*/
.well1 {
  margin-bottom: 30px;
  padding: 1.1em 2em;
  border: none;
  background-color: #fffcd7;
}
.kakomi {
	display: inline-block;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-bottom: 20px;
	padding: 1em;
	border: 1px solid #ddd;
	overflow:hidden;
}
.kakomi p {
	line-height:1.4em;
}

/*ホバー設定*/
.hover-opacity {
  transition-property: opacity;
  transition-duration: 0.5s;
}
.hover-opacity:hover {
  opacity: 0.7; 
}

/*投稿タイトル下のボーダー非表示*/
.article h2::after {
	content:none;
}

/*h2のスタイル変更*/
.article h2.style2a {
	margin-top: 1.6em;
	margin-bottom: .8em;
	text-indent: 0;
}

/*バナー調整*/
.under_bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.under_bnr_img {
	width: 48%;
	margin-bottom:15px;
}
.under_bnr_img img {
	width: 100%;
}
@media screen and  (max-width: 451px) {
	.under_bnr_img {
		width: 100%;
	}	
	.under_bnr_img img {
    width: auto;
    max-width: 100%;
	}
}

/*画像に境界線*/
.imgbox {
	padding:10px;
  border: 1px solid #ccc;
}

/*テーブルスタイル*/
.container table.normal_table tr {
	background-color: #fff ;
}
.container table.normal_table th, .container table.normal_table td {
	border: 1px solid #ddd ;
}

/*------------------
 フォーム修正
-------------------*/
/*移転フォーム*/
.su-tabs-pane form {
  font-size: 16px;
}
.tab-iten .su-tabs-current {
	font-weight: bold;
	font-size: 103%;
}
.su-tabs-nav .tab-btn01 {
	background: #ffd8d8 !important;
	border: 1px solid #be3230;
}
.su-tabs-nav .tab-btn02 {
  background: #d8edff !important;
  border: #1e73be 1px solid;
}
.su-tabs-nav .tab-btn03 {
	background: #fff4d8 !important;
	border: #bc8f1e 1px solid;
}
/*タブホバー*/
.tab_form .su-tabs-current {
	font-weight: bold;
	font-size: 105%;
}

/*施術日・時間変更フォーム*/
select.hour { 
	width:auto;
}
@media screen and  (max-width: 451px) {
	select.hour {
		width: 33%;
		margin-bottom: 10px;
	}
}

/*チェックボックス*/
.wpcf7-checkbox.noleft .wpcf7-list-item {
  margin-left: 0 !important;
}

/*住所自動入力非表示*/
div#autozip {
  display: none !important;
}

/*-----------------------------------
 専用フォーム一覧
 ------------------------------------* 
/*手動目次*/
.su-box.mokuji {
  line-height: 1;
}
.mokuji .su-box-content {
	line-height: 1.75;
}
.mokuji a {
	text-decoration: none;
}
/*アコーディオン（スポイラー）*/
.su-accordion.form_accordion {
    margin-bottom: 40px;
}
.form_accordion .su-spoiler {
	border-radius: 0;
}
.form_accordion .su-spoiler .su-spoiler-title {
	padding: 12px 35px 12px 14px;
	border-radius: 0;
	background: #DAE1F1;
	color: #37136C;
	line-height: 1.5;
	font-size: 16px;
}
.form_accordion .su-spoiler-content {
	padding: 0 !important;
	margin-top: 2em;
}
.form_accordion .su-spoiler-icon {
	top: 50%;
	transform: translateY(-50%);
	left: auto !important;
	right: 10px !important;
}
/*開くアイコン*/
.form_accordion .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
	content: '\f107';
	font-weight: bold;
	font-size: 1.25rem;
}
/*閉じるアイコン*/
.form_accordion .su-spoiler-icon-plus .su-spoiler-icon:before {
	content: '\f106';
	font-weight: bold;
	font-size: 1.25rem;
}
/*青グラデボタン*/
.btn_design {
border-radius: 3px;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	min-width: 300px;
	padding: 15px 35px 15px 25px;
	color: #FFF;
	font-size: .9em;
	font-weight: 600;
	background: linear-gradient(135deg, #4A90E2, #2E5BBA);
	text-decoration: none;
}
.btn_design:hover {
	background: linear-gradient(135deg, #3A7BC8, #1E4A9E);
	color: #fff;
}
.btn_design:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
}

/*申請用紙請求の流れ*/
.post_row {
	margin-bottom: 0;
	margin-left: -25px;
	margin-right: -25px;
	overflow: hidden;
}
.post_col, .post_col-2, .post_col-3 {
	float: left;
	margin-bottom: 2em;
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.post_col-2 {
		width: 50%;
	}
}
.well2 {
	padding: 1.1em 2em;
	border: 1px solid #ddd;
}
.well2 img {
	margin-top: 7px;
}

/*大鍼協について*/
.container .soshiki_table tr:nth-of-type(2n+1) {
    background-color: #f5f7ff;
}
.container .soshiki_table td {
    border: 1px solid #bbb;
}

/*フォームの必須のデザイン*/
.required {
	margin-right: 10px;
	padding: 5px 8px;
	background: #C8302F;
	border-radius: 3px;
	color: #fff;
	font-size: .8em;
}

/*--------------------------------------------
contact7 バリデーションエラー表示
---------------------------------------------*/
/* Contact Form 7のエラーメッセージを送信前は非表示 */
.wpcf7-form .wpcf7-not-valid-tip {
  display: none !important;
}
.wpcf7-form .wpcf7-validation-errors {
  display: none !important;
}
/* 送信後のみエラーを表示 */
.wpcf7-form.submitted .wpcf7-not-valid-tip {
  display: block !important;
}
.wpcf7-form.submitted .wpcf7-validation-errors {
  display: block !important;
}
/* 送信後のフィールドのスタイル */
.wpcf7-form.submitted .wpcf7-not-valid {
  border-color: #d63638 !important;
}
/* 送信前はボーダー色を通常に戻す */
.wpcf7-form:not(.submitted) .wpcf7-not-valid {
  border-color: #ccc !important;
}

/*input形式のフォーム*/
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit {
  margin-top: 5px;
}

/*--------------------------------------------
文字脚色（赤・太文字）
---------------------------------------------*/
.highlight {
  color: red;
  font-weight: bold;
}