@charset "UTF-8";
/*640px-320px*/

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

	スマホ用ギミック

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


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

	全体の設定

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

body {
	max-width: 640px;
	min-width: 320px;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
}
		
/*wrapper*/
#wrap {
	margin: 0 auto;
	background: none;
	min-width: 320px;
}

@media screen and (max-width: 640px) {
	img.display_s {display:inline;}
	img.display_pc {display:none;}
}

/*header
-----------------------------------------------------------------------------------------*/
#header {
	display: none;
}

#header_sp {
	display: block;
}


/*contents
-----------------------------------------------------------------------------------------*/
#content {
	width: auto;
	margin: 20px 0 10px;
	padding: 0;
}

#content_02{
 padding: 0;
 background: none;
}

.theme_01 {
	display: none;
	}
	.theme_01_sp {
		display: block;
		}

.theme_description {
	margin: 20px 0;
	padding: 0 20px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #996600;
	}

.sec_ttl {
	padding: 10px 0;
	}
	.sec_ttl img {
		width: 100%;
		}

.section_01 {
	padding: 0px 20px 0px 20px;
	}

.panelist {
	margin: 10px 0 30px 0;
	padding: 15px 20px 30px 20px;
	background: #E7E8E9 url(../img/panelist_bg.jpg) top no-repeat;
	}
	.panelist .profile {
		}	
		.panelist .photo {
			padding-top: 20px;
			width: 100%;
			float: none;
			}
			.panelist .photo img {
				width: 100%;
				}
			.panelist .photo .media {
				display: none;
				}
				.panelist .media_sp {
					padding-top: 10px;
					display: block;
					}
		.panelist .right {
			margin-left: 0px;
			width: 100%;
			float: none;
			}
			.panelist .name {
				display: none;
				}
				.panelist .name_sp {
					display: block;
					}
					.panelist .name_sp img {
						width: 100%;
						}
			.panelist .data {
				margin-top: 20px;
				}

	.panelist .comment {
		margin: 10px 0;
		padding: 5px 10px 5px 10px;
		background: #FFFFFE;
		border: #304167 solid 1px;
		color: #665926;
		}

.section_02 {
	margin: 0;
	padding: 0 20px;
	background: #FFF;
	}
	.section_02 dl {
		font-size: 1.0em;
		background: #ccc;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		border-bottom: 1px solid #999;
		}
		.section_02 dt {
			margin-left: 0;
			padding: 10px;
			float: none;
			text-align: center;
			width: auto;
			border-top: 1px solid #999;
			}
			.section_02 dd {
				margin-left: 0;
				padding: 10px;
				background: #eee;
				border-top: none;
				border-left: none;
				}

.entry {
	display: none;
	}
	.entry_sp {
		padding: 0 0 20px 0;
		display: block;
		}
		.entry_sp img {
			width: 100%;
			}

.map {
	display: none;
	}
	.map_sp {
		display:  block;
		}


/*footer
-----------------------------------------------------------------------------------------*/

#footer {
	margin-top: 20px;
	font-size: 0.8em;
	line-height: 1.2em;
}