@charset "UTF-8";
@media screen and (min-width:813px) and (max-width:900px) { 
}
@media all and (max-width: 812px) {
body {
	min-width: inherit;
}
.col1 {
	width: 100%;
}
.col2 {
	width: 100%;
}
.col3 {
	width: 100%;
}
.col4 {
	width: 100%;
}
.col5 {
	width: 100%;
}
.col6 {
	width: 100%;
}
.col7 {
	width: 100%;
}
.col8 {
	width: 100%;
}
ul {
	overflow: hidden;
}
li {
	margin: 0;
}
.col2 .child {
	width: 100%;
}
.col3 .child {
	width: 100%;
}
.col4 .child {
	width: 50%;
}
.col5 .child {
	width: 50%;
}
.col6 .child {
	width: 33.33%;
}
.col7 .child {
	width: 33.33%;
}
.col8 .child {
	width: 25%;
}
img {
	max-width: 100%;
}
.ttl h2 {
	padding: 0;
}
.txtTtl h2 {
	font-size: 17px;
}
.txt h2 {
	margin: 10px 0 10px 18px;
}
.resAppear {
	display: block;
}
.resDisappear {
	display: none !important;
}
/*//////////////////////////////////////////////////

jgroup

//////////////////////////////////////////////////*/
.appArea .child{
	width: 49.5%;
}
.userNameWrap{
	display: none;
}
.ttlWrap{
	margin-left: 40px;
}
#slideWrap p.userName{
	padding-top: 30px;
	margin-bottom: 10px;
	font-size: 1.4rem;
	font-weight: bold;
}
#slideWrap .userName::after{
	left: 50%;
	margin-left: -10px;
}
.operationWrap .rightWrap, .operationWrap .leftWrap {
   width: 100%;
	 overflow: hidden;
}
.rightWrap .srcWrap{
	float: none;
}
}
@media all and (max-width: 480px) {
	.col4 .child {
		width: 100%;
	}
	.infoArea dt{
		float: none;
	}
	.infoArea dd{
		padding-left: 0;
		white-space:normal;
		text-overflow:inherit;
	}
}