@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
html {
	font-size: 62.5%!important;
}
.wpcf7 {
	letter-spacing: 0.1rem;
}
/*----------brタグ----------*/
br.sp {
	display: none;
}
br.tb {
	display: none;
}
br.pc {
	display: block;
}

/*出力される文字の設定*/
#name1,#name2,#e-mail,#tel,#zip,#pref,#city-addr {
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 14px;
}

/*ラジオボタン、チェックボックスの上下位置補正*/
input[type="radio"],input[type="checkbox"] {
	/*vertical-align:middle;*/
	position: relative;
	top: 0.2rem;
}

/*----------Contact Form 7カスタマイズ----------*/
/*見出し欄*/
.inquiry th {
	width: 30%;
	padding-right: 0.5rem;
	border: solid 1px #d7d7d7;
	background: #f7f7f7;
	color: #444;
	font-size: 14px;
	text-align: left;
}
/*通常欄*/
.inquiry td {
	border: solid 1px #d7d7d7;	
	font-size: 14px;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table {
	border: solid 1px #d7d7d7;	
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item {
	display: block;
}
/*必須の調整*/
.haveto {
	position: relative;
	bottom: 0.1rem;
	margin-right: 0.5rem;
	padding: 0.3rem;
	border-radius: 0.2rem;
	background: #ff9393;
	color: #fff;
	font-size: 11px;
}
/*任意の調整*/
.any {
	position: relative;
	bottom: 0.1rem;
	margin-right: 0.5rem;
	padding: 0.3rem;
	border-radius: 0.2rem;
	background: #93c9ff;
	color: #fff;
	font-size: 11px;
}
/*クリーニング内容見出し*/
.table__title1 {
	font-weight: bold;
}
/*微調整テキスト*/
.table__text1 {
	display: block!important;
	text-align: right!important;
	margin-top: -2.5rem!important;
	font-size: 12px!important;
}
.spam__text1 {
	font-size: 13px;
}
/*プレースホルダー※全体指定（.wpcf7）とは別に指定する必要あり*/
input::placeholder {
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color: #aaa;
	font-size: 13px;
	letter-spacing: 0.1rem;
}
/*クリーニング内容*/
.main-cleaning {
	font-size: 13px!important;
}
.option-cleaning {
	font-size: 13px!important;
}
/*セレクトボックス*/
.drop1-1 {
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	width: 15%!important;
	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
	padding: 0.2rem 0.3rem!important;
	font-size: 12px!important;
}
/*日付※全体指定（.wpcf7）とは別に指定する必要あり*/
.datesp {
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	width: 40%!important;
	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
	padding: 0.2rem 0.3rem!important;
	font-size: 13px!important;
}
#date-and-time01 {
	margin-top: 0.5rem;
}
#date-and-time02 {
	margin-top: 1rem;
}
#date-and-time03 {
	margin-top: 1rem;
}
.time-zone {
	font-size: 13px;
} 
/*テキストエリア※全体指定（.wpcf7）とは別に指定する必要あり*/
#remarks {
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 13px!important;	
}

/*送信ボタン*/
#formbtn {
	display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	width: 100%;
	margin-top: 3rem;
	padding: 1rem 0;
	border: none;
	border-radius: 0.2rem;
	background: #ffaa56;
	color: #fff;
	font-size: 20px;
	font-weight: bold;	 
}
/*送信ボタンマウスホバー時*/
#formbtn:hover {
	background: #fff;
	color: #ffaa56;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*----------brタグ----------*/
br.sp {
	display: none;
}
br.tb {
	display: block;
}
br.pc {
	display: none;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px) {
/*----------brタグ----------*/
br.sp {
	display: block;
}
br.tb {
	display: none;
}
br.pc {
	display: none;
}
/*ラジオボタン、チェックボックスの上下位置補正*/
input[type="radio"],input[type="checkbox"] {
	/*vertical-align:middle;*/
	position: relative;
	top: 0.2rem;
}
	.inquiry th,.inquiry td {
		display: block!important;
		width: 100%!important;
		border-top: none!important;
		-webkit-box-sizing: border-box!important;
		-moz-box-sizing: border-box!important;
		box-sizing: border-box!important;
	}
	.inquiry tr:first-child th {
		border-top: 1px solid #d7d7d7!important;
	}	
/*必須・任意のサイズ調整*/
	.inquiry .haveto,.inquiry .any {
		font-size: 10px;
	}
/*クリーニング内容*/
	.main-cleaning {
		font-size: 13px!important;
	}
	.option-cleaning {
		font-size: 13px!important;
	}
/*セレクトボックス*/
	.drop1-1 {
	width: 20%!important;
		font-size: 12px!important;
	}
/*微調整テキスト*/
	.table__text1 {
		font-size: 12px!important;
		/*margin-left: 20rem!important;*/
	}
}