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

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

div#mw_wp_form_mw-wp-form-554 {
    border-top: solid 1px;
}

.hidden_box {
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

.hidden_box label {
	border: 1px solid #ddd;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px 25px;
	min-width: 50%;
	background: #3eb370;
    color: #fff;
}

.hidden_box label:hover {
	background: #50d78a;
}

.hidden_box label:after {
	content: "を表示";	/* 閉じている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input {
	display: none;
}

.hidden_box .hidden_show {
	height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0;
	text-align: left;
	transition: 0.5s;
}

.hidden_box input:checked + label:after {
	content: "を非表示";	/* 開いている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input:checked ~ .hidden_show {
	height: auto;
	opacity: 1;
	padding: 10px 0;
}

#anamau {
    display: block;
    width: 75%;
    margin: 5% auto;
}

#anamau p.qtitle {
    text-align: center;
    font-size: 1.2rem;
    color: #3eb370;
    font-size: 1.7rem;
}

#anamau p.ques{
    text-align: center;
    background: #3eb370;
    color: #fff;
    font-size: 1.1rem;
}
#anamau .q_box {
    display: inline-flex;
    align-items: center;
	width: 100%;
    margin-bottom: 3%;
}

#anamau span.mwform-radio-field.horizontal-item {
    width: 50%;
}

#anamau .mwform-checkbox-field input, .mwform-radio-field input {
    margin-right: 5px;
    transform: scale(2);
}

p.kekatext{
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
	width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 17px 0px;
    border-radius: 0.7vw;
}

p.kekatext:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

.hidden_show a{
	text-decoration: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#anamau {
    width: 90%;
}
	#anamau p.ques {
    font-size: 0.9rem;
}
#anamau .mwform-checkbox-field input, .mwform-radio-field input {
    transform: scale(1.5);
}	
#anamau .q_box {
    display: block;
}
#anamau p.qtitle {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 2rem;
}
	p.kekatext{
		width:95%;
	}
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}