@charset "shift_jis";

/* common */

@media screen and (max-width: 965px) {

	/* ヘッダー調整用 */
	#header .inr {
		width: 100%;
	}
	/* フッター調整用 */
	#footer .section-btm .inr {
		width: 100%;
	}
}

@media screen and (max-width: 740px) {

	/* デザイン設定で幅固定された際の回避用に追加 */
	table.fm-enqueteout {
		width: 100%;
	}
	/* デザイン設定で幅固定された際の回避用に追加 */
	table.fm-enquete {
		width: 100%;
	}
}

/* sp */
@media screen and (max-width: 480px) {

	/* 全体設定 */
	* {
		word-break: break-all;
		-webkit-touch-callout: none;
		font-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	
	/* 入力部品の位置揃え */
	/*input[type="checkbox"],*/
	/*input[type="radio"],*/
	select {
		display: inline;
		vertical-align: baseline;
	}

	/* サンプル文字の文字色指定 */
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #999;
	}
	.placeholder {
		color: #999;
	}

	/* デザイン設定で幅固定された際の回避用に追加 */
	table.fm-enqueteout {
		/*width: 80%;*/
		/*width: 100%;*/
		width: 95%;
	}

	table.fm-enquete {
		padding: 0;
		margin: 0;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
		width: 100%;
	}
	
	/*------------------------------------------------
		各種部品設定
	--------------------------------------------------*/
	
	/* テキストブロック */
	input[type="text"].fm_text {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 5px;
		outline: none;
		width: 100%;
		
		/* Font */
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 2px;
		border-color: #91E4D4;
	}
	input[type="text"].fm_text:focus {
		box-shadow: 0px 0px 5px #00BB99;
		-moz-box-shadow: 0px 0px 5px #00BB99;
		-webkit-box-shadow: 0px 0px 5px #00BB99;
	}

	/* 姓名ブロック */
	input[type="text"].fm_name {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 5px;
		outline: none;
		width:100%;
		
		/* Font */
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 2px;
		border-color: #91E4D4;
	}
	input[type="text"].fm_name:focus {
		box-shadow: 0px 0px 5px #00BB99;
		-moz-box-shadow: 0px 0px 5px #00BB99;
		-webkit-box-shadow: 0px 0px 5px #00BB99;
	}

	/* 日付ブロック */
	input[type="text"].fm_date {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		padding: 5px 1px;
		outline: none;
		
		/* Font */
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 2px;
		border-color: #91E4D4;
	}
	input[type="text"].fm_date:focus {
		box-shadow: 0px 0px 5px #00BB99;
		-moz-box-shadow: 0px 0px 5px #00BB99;
		-webkit-box-shadow: 0px 0px 5px #00BB99;
	}

	/* 電話番号ブロック */
	input[type="text"].fm_tel {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		padding: 3px;
		outline: none;
		
		/* Font */
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 2px;
		border-color: #91E4D4;
	}
	input[type="text"].fm_tel:focus {
		box-shadow: 0px 0px 5px #00BB99;
		-moz-box-shadow: 0px 0px 5px #00BB99;
		-webkit-box-shadow: 0px 0px 5px #00BB99;
	}

	/* 郵便番号ブロック */
	input[type="text"].fm_zip {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		padding: 3px;
		outline: none;
		
		/* Font */
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 2px;
		border-color: #91E4D4;
	}
	input[type="text"].fm_zip:focus {
		box-shadow: 0px 0px 5px #00BB99;
		-moz-box-shadow: 0px 0px 5px #00BB99;
		-webkit-box-shadow: 0px 0px 5px #00BB99;
	}

	/* テキストエリアブロック */
	textarea.fm_textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		padding: 5px;
		outline: none;
		width: 100%;
		
		/* Font */
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 2px;
		border-color: #91E4D4;
	}
	textarea.fm_textarea:focus {
		box-shadow: 0px 0px 5px #00BB99;
		-moz-box-shadow: 0px 0px 5px #00BB99;
		-webkit-box-shadow: 0px 0px 5px #00BB99;
	}

	/* セレクトボックス */
	input[type="select"].fm_select,select.fm_select
	{
		/* Border */
		border-style: solid;
		/*border-width: 2px;*/
		border-color: #91E4D4;
	}

	/* セレクトボックス生年月日(年) 20161115追加 2022/06/03Kirei用にid変更*/ 
	select[id*="c_Kirei_Birth_year"]{
		width:180px;
	}
	
	/* セレクトボックス生年月日(月) 20161115追加 2022/01/21削除 */
	/* select[id*="c_Kirei_Birth_month"]{
		width:56px;
	} */
	/* セレクトボックス生年月日(日) 20161115追加 2021/01/21削除 */
	/* select[id*="c_Kirei_Birth_day"]{
		width:56px;
	} */


	/* ラジオボタン */
	.fm_radio_hidden {
		/*position: absolute;*/
		/*left: -1000px;*/
	}

	/* ラジオボタン 修正2014/7/14 */
	input[type="radio"]{
		-webkit-appearance: none;
		/*position:relative;*/
		/*top: 2px;*/
		/*left:-2px;*/
		width: 20px;
		height: 20px;
		border: 2px solid #91E4D4;
		border-radius: 15px;
		background: transparent;
		position: absolute;
		margin-top: 10px;
		margin-left: 5px;
		display: block;
	}

	/* 1行の項目数が設定された場合の調整 */
	.order-table-input-column input[type="radio"]{
		margin-top: 9px;
		margin-left: 6px;
	}

	/* マトリクス用ラジオボタン */
	.fm-cell input[type="radio"]{
		-webkit-appearance: none;
		position:relative;
		/*top: 2px;*/
		top: -1px;
		left:-2px;
	}

	input[type="radio"]:checked {
		border:3px solid #91E4D4;
		background: #00BB99;
		opacity: 1;
	}

	label.fm_radio_checked {
		
		/* Font */
	//	font-weight: bold;
		font-size: 12px;
		
		/* Border */
		
		/* Background */
			}
	label.fm_radio_unchecked {
				
		/* Font */
	//	font-weight: bold;
		font-size: 12px;
		
		/* Border */

		
		/* Background */
	}

	/* 枠（チェックあり） */
	label.fm_radio_checked {
		margin-top: 5px;
		display: inline-block;
		position: relative;
		top: 0px;
		left: 0px;
		/*padding: 5px 10px;*/
		padding: 5px 10px 7px 28px;
		/*text-align: center;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		height: 2.0m;
		width: 100%;

		/* Font */
		/*font-weight: bold;*/
		font-size: 12px;
		/*color: #FFFFFF;*/

		/* Border */
		border-top: 2px solid #EFEFEE;
		border-right: 2px solid #EFEFEE;
		border-bottom: 2px solid #EFEFEE;
		border-left: 2px solid #EFEFEE;
		border-radius: 6px;
		
		/* Background */
		/*background: -webkit-gradient(linear, left top, left bottom, from(#00BB99), to(#00BB99));*/
		/*background: -moz-linear-gradient(top, #00BB99, #00BB99);*/
		/*background-color: #00BB99;*/
	}
	/* 枠（チェックなし） */
	label.fm_radio_unchecked {
		margin-top: 5px;
		display: inline-block;
		position: relative;
		top: 0px;
		left: 0px;
		/*padding: 5px 10px;*/
		padding: 5px 10px 7px 28px;
		/*text-align: center;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		height: 2.0m;
		width: 100%;

		/* Font */
		/*font-weight: bold;*/
		font-size: 12px;

		/* Border */
		border-top: 2px solid #EFEFEF;
		border-right: 2px solid #EFEFEF;
		border-bottom: 2px solid #EFEFEF;
		border-left: 2px solid #EFEFEF;
		border-radius: 6px;
		
		/* Background */
		/*background: -webkit-gradient(linear, left top, left bottom, from(#91E4D4), to(#91E4D4));*/
		/*background: -moz-linear-gradient(top, #91E4D4, #91E4D4);*/
		/*background-color: #91E4D4;*/
	}

	/* 項目設定された場合は、間隔調整なし */
	.order-table-label-column label.fm_radio_checked {
		margin-top: 0px;
	}
	.order-table-label-column label.fm_radio_unchecked {
		margin-top: 0px;
	}



	/* チェックボックス */
	input[type="checkbox"].fm_checkbox_hidden {
		-webkit-appearance: none;
		/*position:relative;*/
		/*top: 2px;*/
		/*left:-2px;*/
		width: 20px;
		height: 20px;
		/*border: 2px solid #91E4D4:*/
		background: transparent;
		position: absolute;
		margin-top: 10px;
		margin-left: 5px;
	}

	/* 1行の項目数が設定された場合の調整 */
	.order-table-input-column input[type="checkbox"]{
		margin-top: 9px;
		margin-left: 6px;
	}

	/* マトリクス用チェックボックス */
	.fm-cell input[type="checkbox"]{
		-webkit-appearance: none;
		position:relative;
		/*top: 2px;*/
		top: -1px;
		left:-2px;
		width: 20px;
		height: 20px;
	}

	label.fm_checkbox_unchecked {
		font-size:12px; 
	}
	
	label.fm_checkbox_checked {
		font-size:12px; 
	}
	
	input[type="checkbox"]{
		border: 2px solid #91E4D4;
		background: transparent;	
	}

	input[type="checkbox"]:checked {
		border:3px solid #00BB99;
		/*background: #a0a0a0;*/
		/*opacity: 1;*/
	}

	input[type="checkbox"]:checked:before {
		position: relative;
		left: 0px;
		top: 9px;
		display: block;
		//  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
		content: "";
		width: 5px;
		height: 3px;
		background: #00BB99;
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: right center;
	}

	input[type="checkbox"]:checked:after {
		display: block;
		position: absolute;
		left: 4px;
		top: 10px;
		content: "";
		// -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
		width: 12px;
		height: 3px;
		background:#00BB99;
		-webkit-transform: rotate(-50deg);
		-webkit-transform-origin: left center;
	}

	/* 枠（チェックあり） */
	label.fm_checkbox_checked {
		margin-top:5px;
		display: inline-block;
		position: relative;
		top: 0px;
		left: 0px;
		/*padding: 5px 10px;*/
		padding: 5px 10px 7px 28px;
		/*text-align: center;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		height: 2.0m;
		width: 100%;

		/* Font */
		/*font-weight: bold;*/
		font-size: 12px;
		/*color: #FFFFFF;*/

		/* Border */
		border-top: 2px solid #EFEFEE;
		border-right: 2px solid #EFEFEE;
		border-bottom: 2px solid #EFEFEE;
		border-left: 2px solid #EFEFEE;
		border-radius: 6px;

		/* Background */
		/*background: -webkit-gradient(linear, left top, left bottom, from(#00BB99), to(#00BB99));*/
		/*background: -moz-linear-gradient(top, #00BB99, #00BB99);*/
		/*background-color: #00BB99;*/
	}
	/* 枠（チェックなし） */
	label.fm_checkbox_unchecked {
		margin-top:5px;
		display: inline-block;
		position: relative;
		top: 0px;
		left: 0px;
		/*padding: 5px 10px;*/
		padding: 5px 10px 7px 28px;
		/*text-align: center;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		height: 2.0m;
		width: 100%;

		/* Font */
		/*font-weight: bold;*/
		font-size: 12px;

		/* Border */
		border-top: 2px solid #EFEFEF;
		border-right: 2px solid #EFEFEF;
		border-bottom: 2px solid #EFEFEF;
		border-left: 2px solid #EFEFEF;
		border-radius: 6px;

		/* Background */
		/*background: -webkit-gradient(linear, left top, left bottom, from(#91E4D4), to(#91E4D4));*/
		/*background: -moz-linear-gradient(top, #91E4D4, #91E4D4);*/
		/*background-color: #91E4D4;*/
	}

	/* 項目設定された場合は、間隔調整なし */
	.order-table-label-column label.fm_checkbox_checked {
		margin-top: 0px;
	}
	.order-table-label-column label.fm_checkbox_unchecked {
		margin-top: 0px;
	}

	/* ボタン */
	.fm_button {
		padding: 10px;
		margin: 20px 0;
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		/*width: 35%;*/
		width: 45%;
		
		/* Font */
		color: #4A4A4A;
		font-weight: bold;
		font-size: 12px;
		
		/* Border */
		border-style: solid;
		border-width: 3px;
		border-color: #91E4D4;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		
		/* Background color */
		background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F9F9F9));
		background: -moz-linear-gradient(top, #F9F9F9, #F9F9F9);
		background-color: #F9F9F9;
	}
	.fm_button:hover {
		color: #4A4A4A;
		border-color: #00BB99;
		/* Background color */
		background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F9F9F9));
		background: -moz-linear-gradient(top, #F9F9F9, #F9F9F9);
		background-color: #F9F9F9;
	}
	
	/*クリアボタン用調整 20161115*/
	.fm-verticalanswer input.fm_button{
	width:30%;
	padding:0px;
	margin:5px;
	}

	/* プレビューボタン用調整 */
	.my-gallery input.fm_button {
	width:67%;
	margin-top:10px
	}
	
	/* tgl */
	.pconly {
		display: none;
		position: absolute;
		left: -9999px;
	}
	.sponly {
		display: block;
	}
	
	/* videoASP用 */
	.video-wrap{
		position: relative;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.wrap169 { /* Videoが16:9 */
		padding-bottom: 56.25%;
	}
	
	.wrap43 { /* Videoが4:3 */
		padding-bottom: 75%;;
	}
	
	.video-wrap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/*------------------------------------------------
		以下、CLCP独自
	--------------------------------------------------*/
	.kp-frame-content {
		width: 100%;
		*zoom: 1;
	}

	.kp-frametype-1col #kp-pagebody #kp-pagebody-content, .kp-frametype-1col-simple #kp-pagebody #kp-pagebody-content {
		padding: 0 15px;
		min-height: 500px;
	}
}

/* pc */
@media screen and (min-width: 481px) {
	
	
	/* tgl */
	.pconly {
		display: inline-block;
	}
	.sponly {
		display: none;
		position: absolute;
		left: -9999px;
	}

	/* マトリクスのラジオ、チェックボックスの表示位置の調整 */
	td.fm-cell {
		vertical-align: middle;
	}
}