@media screen and (max-width: 800px) {
 
img{
max-width: 100%;
height: auto;
width:auto;
}

@charset "UTF-8";
a:hover img.over{
opacity: 0.3;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
}
.page_top{
	text-align:right;
}
.auth{
	margin-left:5%;
}
.comment {
	width:100px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	/*position:absolute;*/
	display:inline;
	text-align:center;
	padding:5px 10px;
	margin:5px;
	color:#fff;
	background-color:#184571;
	border-radius:10px;
}
.comment:hover{
	color:yellow;
}
.es_6th-line1{
	border-bottom: 1px solid #184571;
	border-left: 10px solid #184571;
	padding: 7px;
}
.es_6th-text{
	text-align:center;
}
.es_6th-text1-1{
	font-size:xx-large;
}
.es_6th-text1-2{
	font-size:large;
}
.es_6th-video{
	width:100%;
	max-width:480px;
	border:1px solid #CCC;
}
.member-bt{
	width:150px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:4px 0 5px;
	margin:5px;
	margin-left:auto;
	color:#fff;
	background-color:#184571;
	border-radius:5px;
	text-shadow:1px 1px #555;
}
.member-bt:hover{
	color:#ffc32d;
}
.close-bt{
	background-color:#184571;
	color:#ffc32d;
	border-style:solid;
	border-color:#fdc031;
	border-width:thin;
}
.close-bt:hover{
	color:#FFF;
}
.es_6th-containar{
	width:100%;
	float:none;
}
.es_6th-containar2{
	width:100%;
	float:none;
}
.es_6th-containar3{
	width:100%;
	margin:0 auto;
}
.es_6th-box1{
	width:100%;
	text-align:center;
	float:noe;
}
.es_6th-box2{
	width:100%;
	text-align:center;
	float:none;
}
.es_6th-line{
	width:100%;
	padding:5px;
	color:#FFF;
	font-weight: bold;
	background: #184571;
	text-align:center;
}
.es_6th{
	width:100%;
	display:table;
	border-collapse:collapse;
	/*table-layout:fixed;*/
}
.es_6th-cat1{
	display: table-cell;
	width:15%;
	text-align:center;
	padding:6px;
	border-bottom:1px dashed #CCC;
}
.es_6th-cat2{
	display: table-cell;
	width:70%;
	margin:0 auto;
	padding:6px;
	border-bottom:1px dashed #CCC;
}
.video:before{
	content: '\f03d';
	font-family: 'FontAwesome';
	padding-left: 5px;
	padding-right: 5px;
}
/*ボックス全体*/
.accbox {
	/*margin: 2em 0;*/
	margin: 0 auto;
	padding: 0;
	/*max-width: 400px;*/
	width:80%;
}
/*ラベル*/
.accbox label {
	display: block;
	margin: 1.5px 0;
	padding : 6px 5px;
	color: #fdc031;
	font-weight: bold;
	background: #184571;
	/*border-bottom:1px #0080C0 solid;*/
	cursor :pointer;
	transition: all 0.5s;
	margin-bottom:10px;
}
/*アイコンを表示*/
.accbox label:before {
	content: '\f054';
	font-family: 'FontAwesome';
	padding-right: 10px;
	color:#fdc031;
}
/*ラベルホバー時*/
.accbox label:hover {
	/*background :#ffe9a9;*/
	color:#FFF;
}
/*チェックは隠す*/
.accbox input {
	display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	height: auto;
	padding: 5px;
	/*background: #fff5eb;*/
	opacity: 1;
}
.accbox .accshow p {
    margin: 15px 10px}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
	content: '\f078';
	color:#fdc031;
}

}