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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/*アンケート*/
/* デフォルト色設定 */
.enquete-bg
{
	background:#eee;
}
h2.enquete_title
{
	background:#e06666;
	color:#fff;
	margin-bottom:0;
}
.enquete_q
{
	background:#fff;
	border-color:#613d29;
	color:#613d29;
}
.enquete_q:hover
{
	background:#e06666;
	border-color:#fff;
	color:#fff;
}
.enquete_set.open .enquete_q:hover
{
	color:#613d29;
}
.result_rate
{
	background:#e06666;
	color:#fff;
}
.enquete-finish-btn
{
	background:#e06666;
	color:#fff;
}
/* man */
.page-template-page-man .enquete-bg
{
	background:#eee;
}
.page-template-page-man h2.enquete_title
{
	background:#1B67CC;
	color:#fff;
}
.page-template-page-man .enquete_q
{
	background:#fff;
	border-color:#03135F;
	color:#03135F;
}
.page-template-page-man .enquete_q:hover
{
	background:#03135F;
	border-color:#fff;
	color:#fff;
}
.page-template-page-man .enquete_set.open .enquete_q:hover
{
	color:#03135F;
}
.page-template-page-man .result_rate
{
	background:#03135F;
	color:#fff;
}
.page-template-page-man .enquete-finish-btn
{
	background:#007bff;
	color:#fff;
}

.enquete-bg
{
	padding:10px
}
.enquete_set
	{
		width:100%;
		margin:0 auto;
		padding: 1em;
		position:relative;
		text-align:left;
	}
h2.enquete_title
{
	font-size:1.25rem;
	border:none;
	padding:0.25em;
}
	@media screen and (min-width: 750px)
	{
		.enquete_set
		{
			width:100%;
		}
	}
	.enquete_q
	{
		/*display:list-item;
		list-style:decimal inside;*/
		margin:0.5em 0;
		border-width:3px;
		border-style:solid;
		padding:0.25em 1em;
		border-radius:2em;
		cursor:pointer;
		transition: all 0.2s ease-in;
		width:100%;
}
.enquete_q:hover
{
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}
	.question_text
	{
		font-weight:bold;
	}
	.enquete_a
	{
		margin:0;
		display:none;
		width:100%;
	}
	.result_rate
	{
		border-radius:0 1em 1em 0;
		box-shadow:2px 2px 5px rgba(0,0,0,0.35);
		display:inline-block;
		height:1.5em;
		margin:0;
		padding:0;
		position:relative;
		text-align:right;
	}
	.result_score
	{
		display:inline-block;
		line-height:1.5;
		margin:0;
		position:absolute;
		right:0.5em;
		font-weight:bold;
	}

	.enquete_set.open .enquete_q
	{
		border:none;
		margin:0;
		padding: 0.25em 0.25em 0 0.25em;
		position:relative;
		background:transparent;
	}
	.enquete_set.open .enquete_q:hover
{
	border:none;
	background:transparent;
	box-shadow:none;
}
	.enquete_set.open .enquete_q.checked
	{
		padding: 0.25em 0.25em 0 1.25em;
		color:red;
	}
	.enquete_set.open .enquete_q.checked:before
	{
		display:inline-block;
		content:'\2705';
		position:absolute;
		left:0;
		top:1px;
	}
	.enquete_set.open .enquete_a
	{
		transition: all 0.2s ease-in;
		display:block;
		margin:0 0 0.5em 0;
	}
	.loading
	{
		display:block;
		width:100%;
		height:100%;
		background:url(assets/images/loading.gif) no-repeat center center rgba(0,0,0,0.5);
        background-size:30%;
		position:absolute;
		top:0;
		left:0;
	}
.enquete-finish-btn
{
	display:block;
	margin: 0 auto;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
	padding:1rem 0;
	width:8em;
}
.enquete-finish
{
	display:none;
}
/*アンケートここまで*/