@charset "UTF-8";

/*=====================================================================================*

	sp_layout.css ( for smartphone)

 *=====================================================================================*/
/*
	layout and other
	Menu
	PageBase
	MainColumn
	SubColumn
	Footer
*/



/*----------------------------------------*
	layout and other
 *----------------------------------------*/
html {
	background:	none;
}
body {
	min-width:	100%;
	font-size:	12px;
	-webkit-text-size-adjust:	none;
}


a {
	-webkit-tap-highlight-color:	#FF6699;
}


/*-----------------------------*
	Head
 *-----------------------------*/
#Head {
}
#HeadInner {
	display:	none;
}
#SPHeadInner {
	display:	block;
}
#SPHeadInner img {
	max-width:		60%;
	max-height:		60%;
	margin:			0.8em;
}


/*----------------------------------------*
	PageBase
 *----------------------------------------*/
#PageBase {
	width:		100%;
	background:	url(../../201508%20-%20Copy/images/bg_beige.png) repeat;
	overflow:	hidden;
}
#PageInner {
	clear:			both;
	width:			100%;
	padding:		20px 0px 10px 0px;
}


/*----------------------------------------*
	top/main_catch
 *----------------------------------------*/
h1#top_catch {
	font-size:			14px;
	line-height:		1.3em;
	margin:				0 0 20px 0;
	padding:			10px 5px 10px 20px;
}
h1#top_catch span {
	white-space: nowrap;
}
#main_catch {
	line-height:		1.6em;
	font-size:			12px;
	margin:				0px 10px 30px 10px;
}
#main_catch img {
	display:			none;
}

.ContentsContainer h2 {
	line-height:	1.3em;
}
.ContentsContainer h2 span {
	white-space:	nowrap;
}



/*------------------------------*
	今月号の記事
 *------------------------------*/
#index_list_base {
	display:	none;
}



/*------------------------------*
	基本情報部分
 *------------------------------*/

.base_info table {
	width:	100%;
	border:	none;
}
.base_info table tr {
	display:		block;
	margin-bottom:	10px;
}
.base_info table th {
	display:		block;
	width:			95%;
	text-align:		left;
	background:		#f5f5f5;
	color:			#333;
	border:			none;
	border-radius:	3px;
}
.base_info table td {
	display:		block;
	width:			90%;
/*	margin-left:	20px;
*/	border:			none;
}
.base_info table td span {
	white-space:	nowrap;
}
.base_info input {
	margin-bottom:	5px;
}



/*------------------------------*
	アンケート部分
 *------------------------------*/

.enquete table {
/*	width:	100%;
*/	border:	none;
}
.enquete table tr {
	display:		block;
	margin-bottom:	10px;
}
.enquete table th {
	display:		block;
	width:			95%;
	text-align:		left;
	background:		#f5f5f5;
	color:			#FF6699;
	border:			none;
	border-radius:	3px;
}
.enquete table td {
	display:		block;
	width:			90%;
/*	margin-left:	20px;
*/	border:			none;
}
.enquete table td span {
/*	white-space:	nowrap;
*/
}
.enquete input {
	margin-bottom:	5px;
}

td.fukusu span {
	width:			100%;
	display:		block;
	padding-left:	 1.7em;
	text-indent:	-1.7em;
}
td.fukusu_radio span {
	width:			100%;
	display:		block;
	white-space:	normal;
	padding-left:	 1.7em;
	text-indent:	-1.7em;
}


/*------------------------------*
	フォームコレクション
 *------------------------------*/

.base_info table td select, .enquete table td select {
	width: 90%;
	padding: 5px;
}


.base_info table td.start_select select {
	width: 5em;
}












/*----------------------------------------*
	index list
 *----------------------------------------*/

div#index_list_title {
	text-align:		left;
}
div#index_list_title span {
	width:				100%;
}
div#index_list ul {
	width:				100%;
	list-style-type:	none;
	margin:				10px;
}
div#index_list ul li {
	width:				100%;
	line-height:	1.6em;
}