body {font-family:arial black;}
/** ヘッダー **/
.header { width:100% }

/********************************** デバッグ用 ******************************
div {border:none; background-color: #ddffdd; }
div.detail_block_title ,div.detail_block_title_dm ,div.footer_block_title{border:none; background-color: #ddccdd; }

div.ttl_description_upper { border:none; background-color: #ffdddd;}
div.ttl_description_lower { border:none; background-color: #ddddff;}


div.block_input_order_body {border:none; background-color: pink;}
div.order_title            {border:none; background-color: purple;}
div.order_detail           {border:none; background-color: gray;}

div {border:solid; border-color: #eeeeee;}
div.block_input_order_body {border:solid; border-color: pink;}
div.order_title {border:solid; border-color: purple;}
div.order_detail {border:solid; border-color: purple;}
********************************** デバッグ用 ********************************/

/* スマホ用のCSS */
@media only screen and (max-device-width: 480px) {
/***	html {font-size: 6px} ***/
	html {font-size: 8px}
	.pc { display: none  !important; }
	.sp { display: block !important; }

	img { max-width: 100%; }
	/** 入力部分　全体 **/
	.block_input_order_body   { margin-left:0rem; margin-right:0rem; margin-top:0rem; }

	.order_title  { overflow: hidden ; margin-top:0.5rem; margin-bottom:0.5rem; height:5rem; }

	.ttl_number { 
		float  : left; 
		border : 0; 
		margin-right : 1.5rem;
		height :5rem; 
		width  :5rem; 
		font-family : Impact; 
		font-size   : 4rem; 
		background-color: black; 
		color           : white; 
		text-align: center; 
	}
	.ttl_description       { margin: 0rem; border: 0; height:5rem; float:left; witdh:80%; }
	.ttl_description_upper { margin: 0rem; border: 0; font-size: 1.5rem; height:2rem; }
	.ttl_description_lower { margin: 0rem; border: 0; font-size: 2.5rem; height:3rem; font-weight: 900;}

	/** 注文入力部分　詳細部 **/
	.order_detail { margin-left:0rem; margin:0rem;}

	/* detail_block_title と同じ場所で、スマホの場合　幅：0 */
	.detail_block_title_dm { float: left; height:100%; width: 0rem; }

	/* 姓名のブロック */
	.ht_normal_detail_block_seimei { height:8.9rem; } 
	.mg_top_seimei {margin-top: 1.5rem;  ;margin-left: 0rem;}

	/* 説明１行、２行の高さ */
	.ht_desc1r_detail_block  { height:6rem; }
	.ht_desc2r_detail_block  { height:12rem; }

	.mg_lf_desc_3rem { margin-left: 0rem; }

	/** チェックボックスとそのラベルのセット **/
	.div_check_row   { margin-top: 0rem; height: 3rem;  clear: both;  }
	.div_check_radio { float:left; height: 3rem; width: 3rem; margin-top: 0.5rem; }
	.input_check     { transform:scale(1.0); margin-top:0.2rem; margin-left:0rem;}
	.div_label_check { float:left; height: 3rem;  }
	
	/** 書体ラジオボタンとそのラベルのセット **/
	.div_radio_row_syotai { height:4.8rem;  clear: both;  }
	.div_input_radio_syotai { float: left; top:0rem; height:auto; width:3rem; margin-top:1rem; margin-bottom:1rem; margin-left:0.5rem;}
	.div_label_radio_syotai { font-size: 2rem; float: left; margin-left:1rem; width:10rem; top:0rem; height:auto; margin-top: 1rem;margin-bottom: 1rem;}
	.div_radio_img_syotai { float: left ;margin-left:1rem; width:10rem;}

	/** 配列ラジオボタンとそのラベルのセット **/
	.div_radio_row_hairetsu { height:4.8rem;  clear: both;  }
	.div_input_radio_hairetsu { float: left; top:0rem; height:auto; width:3rem; margin-top:1rem; margin-bottom:1rem; margin-left:0.5rem;}
	.div_label_radio_hairetsu { font-size: 2rem; float: left; margin-left:0rem; top:0rem; height:auto; margin-top: 1rem;margin-bottom: 1rem;}
	.div_radio_img_hairetsu { float: left ;margin-left:1rem; width:10rem;}

	.ht_mojihairetsu_desc { height:16rem;}

	.div_radio_row   { height:3rem;  clear: both;  }
	.div_input_radio { float: left; top:0rem; height:100%; width:3rem; margin:0rem; }
	.input_radio { transform:scale(1.0); margin-top:0.6rem; margin-left:0rem;}
	.div_label_radio { font-size: 2rem; float: left; margin-left:1rem; width:10rem; height:100%;top:0rem;}

	.input_text_id       { width:12rem; ime-mode: inactive; } 
	.input_text_password { width:14rem; ime-mode: inactive; } 
	.input_text_mail  { width:35rem; ime-mode: inactive; } 
	.input_text_jusho { width:35rem } 
	.input_text_multiline { width:35rem; height:6rem; vertical-align:top; font-size: 2rem; col="30"; rows="2"; maxlength="62"; padding:0.6rem} 
	.input_text_gakubu { width:23rem } 
	.input_text_gakka  { width:23rem } 

	/*** 組合員脱退届以降 ***/
	.footer_block_base    { overflow: hidden ; margin-top: 0.5rem; height:6.4rem; }

	/** タイトルなし **/
	.footer_block_notitle  { overflow: hidden ; margin-top: 0.5rem; height:3.2rem; }

	/** 脱退理由 **/
	.footer_block_dattai   { overflow: hidden ; margin-top: 0.5rem; height:18rem; }
	.footer_block_dattai_2 { overflow: hidden ; margin-top: 0.5rem; height:6.4rem; }
	/** 備考 **/
	.footer_block_biko     { overflow: hidden ; margin-top: 0.5rem; height:9.6rem; }

	.footer_block_title    { height:3.2rem; width: 100%; }
	.footer_block_title_dm { height: 0%; width: 15rem; }
	.footer_block_content { height:50%; width: auto; font-size: 2rem; }
	/*** 組合員脱退届以降 ***/

	/** 確認部分　全体 **/
	.block_confirm_order_body { margin-left:0rem; margin-right:0rem; margin-top:5rem; }

	/********** 入力確認画面 *****************/
	.confirm_row    {clear: both; } 
	.confirm_text   {font-size: 2rem; } 

	.confirm_detail_title_start  { 
		background-color: skyblue; 
		width: 100%; 
		border-style:solid; 
		border-bottom-color :skyblue; 
		border-left-color   :skyblue; 
		border-right-color  :skyblue; 
		border-top-color    :white;
		border-width: 0.2rem;
	}

	.confirm_detail_title  { float: left; width:0rem; border:none; }
	.confirm_row_title     { float: left; background-color: oldlace; width: 11rem; border-style:solid; border-color: white   ;border-width: 0.2rem;}
	.confirm_data          { float: left; width: 22rem; }

}

/* PC用のCSS */
@media only screen and (min-device-width: 480px) {
	html {font-size: 10px}

	.pc { display: block !important; }
	.sp { display: none  !important; }

	.br-sp {display:none;}
	
	.sp_only_float { float:left; }

	img { max-width: 100%; }
	/** 入力部分　全体 **/
	.block_input_order_body   { margin-left:6rem; margin-right:6rem; margin-top:5rem; }

	.order_title  { overflow: hidden ; margin-top:0.5rem; margin-bottom:0.5rem; height:6rem; }

	.ttl_number { 
		float  : left; 
		border : 0; 
		margin-right : 1.5rem;
		height :6rem; 
		width  :6rem; 
		font-family : Impact; 
		font-size   : 4.8rem; 
		background-color: black; 
		color           : white; 
		text-align: center; 
	}
	.ttl_description       { margin: 0rem; border: 0; height:6rem; float:left;}
	.ttl_description_upper { margin: 0rem; border: 0; font-size: 2rem; height:2.5rem; }
	.ttl_description_lower { margin: 0rem; border: 0; font-size: 3rem; height:3.5rem; font-weight: 900;}
	/** 注文入力部分　詳細部 **/
	.order_detail { margin-left:8rem; }

	/* detail_block_title と同じ場所で、スマホの場合　幅：0 */
	.detail_block_title_dm { float: left; height:100%; width: 8rem; }

	/* 姓名のブロック */
	.ht_normal_detail_block_seimei { height:3.7rem; } 
	.mg_top_seimei {margin-top: 0rem ;margin-left: 1rem;}
	
	/* 説明１行、２行の高さ */
	.ht_desc1r_detail_block  { height:3rem; }
	.ht_desc2r_detail_block  { height:6rem; }

	.mg_lf_desc_3rem { margin-left: 3rem; }

	/** チェックボックスとそのラベルのセット **/
	.div_check_row   { margin-top: 0rem; height: 3rem;  clear: both;  }
	.div_check_radio { float:left; height: 3rem; width: 3rem;  }
	.input_check { transform:scale(2.0); margin-top:0.7rem; margin-left:0rem;}
	.div_label_check { float:left; height: 3rem;  }

	/** 書体ラジオボタンとそのラベルのセット **/
	.div_radio_row_syotai   { height:4.8rem;  clear: both; }
	.div_input_radio_syotai { float: left; top:0rem; height:auto; width:3rem; margin-top:1rem; margin-bottom:1rem; margin-left:0.5rem;}
	.div_label_radio_syotai { float: left; top:0rem; font-size: 2rem; margin-left:1rem; width:10rem; height:auto; margin-top: 0.7rem ;margin-bottom: 1rem;}
	.div_radio_img_syotai   { float: left ;margin-left:1rem; width:10rem;}

	/** 配列ラジオボタンとそのラベルのセット **/
	.div_radio_row_hairetsu   { height:4.8rem;  clear: both; }
	.div_input_radio_hairetsu { float: left; top:0rem; height:auto; width:3rem; margin-top:1rem; margin-bottom:1rem; margin-left:0.5rem;}
	.div_label_radio_hairetsu { float: left; top:0rem; font-size: 2rem; margin-left:1rem; width:10rem; height:auto; margin-top: 0.7rem ;margin-bottom: 1rem;}
	.div_radio_img_hairetsu   { float: left ;margin-left:1rem; width:10rem;}
	
	.ht_mojihairetsu_desc { height:12rem;}

	.div_radio_row        { height:3rem;  clear: both;  }
	.div_input_radio { float: left; top:0rem; height:100%; width:3rem; margin:0rem;}
	.input_radio { transform:scale(2.0); margin-top:0.7rem; margin-left:0rem;}
	.div_label_radio { font-size: 2rem; float: left; margin-left:1rem; width:10rem; height:100%;top:0rem;}

	.input_text_id       { width:17rem; ime-mode: inactive; } 
	.input_text_password { width:21rem; ime-mode: inactive; } 
	.input_text_mail  { width:55rem; ime-mode: inactive; } 
	.input_text_jusho { width:55rem } 
	.input_text_multiline { width:55rem; height:6rem; vertical-align:top; font-size: 2rem; col="30"; rows="2"; maxlength="62"; padding:0.6rem} 
	.input_text_gakubu { width:35rem } 
	.input_text_gakka  { width:35rem } 

	/*** 組合員脱退届以降 ***/
	.footer_block_base  ,.footer_block_notitle  { overflow: hidden ; margin-top: 0.5rem; height:3.2rem; }

	/** 脱退理由 **/
	.footer_block_dattai   { overflow: hidden ; margin-top: 0.5rem; height:15rem; }
	.footer_block_dattai_2 { overflow: hidden ; margin-top: 0.5rem; height:6.4rem; }
	/** 備考 **/
	.footer_block_biko     { overflow: hidden ; margin-top: 0.5rem; height:15rem; }

	.footer_block_title ,.footer_block_title_dm { float: left; height:100%; width: 20rem; }
	.footer_block_content { float: left; height:100%; width: auto; font-size: 2rem; }
	/*** 組合員脱退届以降 ***/

	/** 確認部分　全体 **/
	.block_confirm_order_body { margin-left:6rem; margin-right:5rem; margin-top:5rem; }

	/********** 入力確認画面 *****************/
	.confirm_row    {clear: both; } 
	.confirm_text   {float: left; font-size: 2rem; } 

	.confirm_detail_title_start  { 
		background-color: skyblue; 
		width: 30rem; 
		border-style:solid; 
		border-bottom-color :skyblue; 
		border-left-color   :skyblue; 
		border-right-color  :skyblue; 
		border-top-color    :white;
		border-width: 0.2rem;
	}

	.confirm_detail_title  { background-color: skyblue; width: 30rem; border-style:solid; border-color: skyblue ;border-width: 0.2rem;}
	.confirm_row_title     { background-color: oldlace; width: 16rem; border-style:solid; border-color: white   ;border-width: 0.2rem;}
	.confirm_data          { width: 40rem; }

}

/** 注文入力部分　タイトル **/
.order_border { margin-top:5rem; margin-bottom:5rem; clear:both; }

/** ブロックの共通設定 **/
/**.detail_block   { overflow: hidden ; margin-top: 3rem; font-size: 1.6rem;  }	**/
/**.detail_block_n { overflow: hidden ; margin-top: 1rem; font-size: 1.6rem;  }	**/
.detail_block   { margin-top: 3rem; font-size: 1.6rem; clear: both; }	
.detail_block_n { margin-top: 1rem; font-size: 1.6rem; clear: both; }	

/** １ブロックの高さを指定 **/
/* 標準 */
.ht_normal_detail_block { height:3.7rem; } 
/* ラジオボタン */
.ht_radio_detail_block  { height:5rem; }
/* 画像付き１行 */
.ht_img1r_detail_block  { height:4.8rem; }

.detail_block_title    { float: left; height:100%; width: 8rem; }
.detail_block_content { float: left; height:100%; }

.img_common { width: auto; height: 100%; }

.input_select { font-size: 2rem; }

.input_label { font-size: 2rem; margin-left:0rem; }
.input_text { 
	font-size: 2rem;
/**	border:none;**/
	border-radius:1rem;
	box-shadow: none;
	padding: 0.2rem 0.8rem;
/**	margin-left:1rem; **/
}
.input_text_len6 { width:17rem } 
.input_text_len4 { width:12rem } 
.input_text_len3 { width:10rem } 

.input_button { 
	font-family:arial black;
}

/** pタグの説明文 **/
.description { font-size: 1.8rem; }
/** pタグの説明文 ホームページへのリンク **/
.desc_link { font-size: 1.8rem; margin: 0rem; }

.desc_toiawase_1          { font-size: 2rem; margin: 0rem; }
.desc_toiawase_tel        { font-size: 3.2rem; margin-top: 1rem; margin-bottom: 1rem; color: firebrick; font-weight: bold;}
.desc_toiawase_corp_1     { font-size: 1.2rem; margin: 0rem; }
.desc_toiawase_corp_2     { font-size: 2.4rem; margin: 0rem; font-weight: bold; }
.desc_toiawase_uketsuke_1 { font-size: 1.2rem; margin: 0rem; }
.desc_toiawase_uketsuke_2 { font-size: 1.2rem; margin: 0rem; }

/** pダウンロードボタン **/
.download a{
	text-decoration:none;
 }

.dlb{
	color:#fff;
	text-align:center;
	padding:0.5rem;
	
	background-color:#126df4;
	border-radius: 5rem;
	box-shadow:0rem 0.2rem 0.2rem #999;
	font-size:2.4rem;
}
/** pダウンロードボタン margin-top:1.5rem; **/