/*****************************************************************
�ゃ��伹�鴻�帥�ゃ��HP �拷�� ������ゃ�潟�帥���ャ��
2020.09.03
*****************************************************************/

/****************************************************************/
/****************************************************************/
/* �演��   *******************************************************/
/****************************************************************/


/* ���若�� *******************************************************/
.lead1{
	margin: 0 0 24px 0;
}

.lead2{
	border: 3px solid #690;
	padding: 1px;
	margin: 0 0 40px 0;	
}
.lead2 p{
	padding:8px 8px;
}
.lead2 h3{
	color:#fff;
	font-weight:bold;
	background:#690;
	padding:4px 8px;
	margin:0 0 8px 0;
}


/* ���� *********************************************************/
.question{
	font-weight:bold;
	margin:0 0 16px 0;
}

/* ��膈� *********************************************************/
.answaer{
	margin:0 0 40px 0;
}
.answaer p{
	margin-bottom:12px !important;
}
/* ��膈���1 */
.talker1{
	font-weight:bold;
	color:#090;
	margin:0 16px 0 0;
}
/* ��膈���2 */
.talker2{
	font-weight:bold;
	color:#369;
	margin:0 16px 0 0;
}


/* 絎��井��� *****************************************************/
ul.area_select{
	font-size: 0.9em;
}

ul.area_select a{
	color: #333;
	text-decoration: none;
}
ul.area_select a:hover,
ul.area_select a:hover h3{
	color: #c33;
	text-decoration: none;
}

ul.area_select li{
	padding: 0 0 24px 96px;
	margin: 0 0 2px 0;
}

ul.area_select li .subtitle{
	font-size: 0.9em;
}

ul.area_select li h3{
	color: #333;
	font-size: 1.6em;
	background: none !important;
	border: none;
	padding-left: 0;
}
ul.area_select li h3 span{
	font-size: 0.7em;
}
ul.area_select .kg{ background: url("../interview/images/mark_kg80.gif") no-repeat 0 4px; } /* �帥����綛� */
ul.area_select .bk{ background: url("../interview/images/mark_bk80.gif") no-repeat 0 4px; } /* �帥������ */
ul.area_select .kk{ background: url("../interview/images/mark_kk80.gif") no-repeat 0 4px; } /* 筝�羃喝�經� */
ul.area_select .md{ background: url("../interview/images/mark_md80.gif") no-repeat 0 4px; } /* 絣九�� */
ul.area_select .mr{ background: url("../interview/images/mark_mr80.gif") no-repeat 0 4px; } /* ��腥九⑥�� */


/* 莢�２腟�篋������� */
ul.area_select .sold{
	color: #fff;
	background: #DF5A5C;
	font-size: 0.9em;
	font-weight: bold;
	padding: 2px;
	border-radius: 2px;
}


/****************************************************************/
/****************************************************************/
/* ���鴻���潟�激�� ��751px篁ヤ�(PC)��   *****************************/
/****************************************************************/

@media print, screen and ( min-width: 751px) {

/* **************************************************************/
/* ���������若�� *************************************************/
/* **************************************************************/

/* ���祉���鴻�� ***************************************************/
  #mov_list{
    width: 100%;
  }

  #mov_list img {
    border-radius: 4px;
    border: 1px solid #f0f0f0;
  }

  #mov1{
    float: left;
    width: 298px;
    margin: 16px 22px;
  }

  #mov2{
    float: right;
    width: 298px;
    margin: 16px 22px;
  }



/* ���� *********************************************************/
  #movie_main{
    padding: 18px 0 14px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0 0 64px 0;
    background: #000;
  }


/* 絎��井��� *****************************************************/
	.area_select{
		line-height: 220%;
	}
	
	/* (PC)2������罔�研��  */
	.area_2col li{
		width: 50%;
		box-sizing: border-box; /* 篏��純�����若���若��������綛���絎� */
	}
	.area_2col li:nth-child(odd){ float: left;}
	.area_2col li:nth-child(even){ float: right;}


}



/****************************************************************/
/****************************************************************/
/* ���鴻���潟�激�� ��750px篁ヤ�(�鴻����)��   *************************/
/****************************************************************/

@media print, screen and ( max-width: 750px) {

  .cts_2col_l {
    margin: 4px;
  }

  #movie_main{
    margin: 0 0 32px 0;
  }
  
  #movie_main iframe{
    width: 100%;
    height: 240px;
  }

  .photo_l,
  .photo_r{
    width: 296px;
    margin: 0 auto 16px auto;
    font-size: 0.8em;
  }
  
/* 絎��井��� *****************************************************/
	.area_select{
		line-height: 100%;
	}
	.area_select .subtitle{
		line-height: 130%;
		margin-bottom: 12px;
	}
	.area_select li h3{

	}
	.area_select li h3 span:before{
		content: "\A" ;
		white-space: pre ;
	}


}