@charset "Shift_JIS";


.header_top{
	display:inline-block;
	width:100%;
	height:auto;
	animation-name: main_img;
	animation-duration:6s;
}
.header_top_left {
	width:40%;
	padding:1%;
	padding-left:5%;
	padding-bottom:0;
	float: left;
	font-weight:bold;
	font-size:320%;
	letter-spacing:16px;
	font-family:"ＭＳ　明朝";
	color:#ccc;
}
.header_top_left p {
	font-size:50%;
	letter-spacing:4px;
	color:#ccc;
}
.header_top_right {
	padding:2.5%;
	width:30%;
	float: right;
	text-align:right;
}
.header_right img {
	float:right;
	padding:4%;
	padding-bottom:0;
}
.header_bottom{
	width:100%;
}
.header_bottom_drop{
	float:left;
}

.dropmenu{ 
	float:left;
	list-style-type: none; 
	width:19%; 
	margin: 0; 
	padding: 0; 
} 
.dropmenu:before, .dropmenu:after{ 
	content: ""; 
	display: table; 
} 
.dropmenu:after{ 
	clear: both; 
} 
.dropmenu li{ 
	position: relative;
	width: 100%;
	margin: 0;
	margin-top:-3%;
	padding: 0;
	padding-left:2%; 
	text-align: center;
}
.dropmenu li a{ 
	color:#fff;
	text-align:left;
	font-size:1.7em;
	line-height: 1; 
	text-decoration: none;
	font-weight:bold;
}
.dropmenu li a:hover{ 
	text-decoration: underline;
}
.dropmenu li > a{ 
	margin: 0; 
	line-height: 1; 
	text-decoration: none;
	font-weight:bold;
	font-size:1.6em;
	color:#523889;
} 
 
.dropmenu li ul{ 
	list-style: none; 
	position: absolute; 
	width:100%;
	height:0;
	top:120%;
	margin-left:0;
	padding-left0;
}
.dropmenu li:hover ul{ 
	height:100px;
} 
.dropmenu li a:hover span{ 
	background: linear-gradient(transparent 70%, #afeeee 0%);
} 
.dropmenu li ul li {
	width:100%;
	visibility: hidden;
	height:0px;
	background:#523889;
	font-size:0.7em;
	text-align:center;
	font-weight:none;
	padding-top:16px;
	height: 0px;
	opacity:0;
	transition: .3s;
	transition-delay: .05s;
}
.dropmenu li:hover ul li{
	background:#523889;
	font-weight:nomal;
	width:100%;
	padding-top:16px;
	height:30px;
	color:#fff;
	opacity:1;
	visibility: visible;
}
.dropmenu_box {
 	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width:100%;
	height:100px;
	color:#fff;
	font-weight:nomal;
}
.dropmenu_box tr .td1 {
	width:30%;
	border-right:3px solid #fff;
	text-align:center;
	font-size:130%;
}
.dropmenu_box tr .td1 p {
	letter-spacing:5px;
}
.dropmenu_box tr .td2 {
	width:35%;
	text-align:left;
}
.dropmenu_box tr .td2 a {
	margin-left:5%;
	font-size:80%;
	color:#fff;
}


#dropmenu1 li ul li{
	visibility: hidden;
	background:#ffffff;
}
#dropmenu2 li ul li {
	left:0%;
}
#dropmenu2 li:hover ul li {
	left:0%;
}
#dropmenu3 li ul li{
	left:0%;
}
#dropmenu3 li:hover ul li {
	left:0%;
}
#dropmenu4 li ul li{
	left:0%;
}
#dropmenu4 li:hover ul li {
	left:0%;
}
#dropmenu5 li ul li{
	left:0%;
}
#dropmenu5 li:hover ul li {
	left:0%;
}


.drop_box{
	width:100%;
	height:auto;
	background:#ccc;
	text-color:#fff;
}
.body_margin{
	position:absolute;
	top:17%;
	width: 100%
}
.main_img {
	width:100%;
	animation-name: main_img;
	animation-duration:6s;
}
.img_box {
	position:relative;
	width:100%;
	height:auto;
}
.img_box p {
	position:absolute;
	width:100%;
	top:0%;
	background:transparent;
	background-color:rgba(255,255,255,.5);
	height:100%;
	animation-name: img_box_p;
	animation-duration: 4s;
}
.logo_logo {
	position:absolute;
	top:36%;
	width:180px;
	height:auto;
	opacity:0;
	animation-duration:8s;
	animation-fill-mode: forwards;
}
#ccf2_logo {
	left:42%;
	top:31%;
	width:220px;
	animation-name: logo_ccf2;
	transition:.3s;
}
#ccf2_logo:hover {
	width:240px;
	transform: rotate(360deg);
	transition:.3s;
	left:40%;
	top:32%;
}
#ccd2_logo {
	left:34%;
	animation-delay:0.3s;
	animation-name: logo_ccd2;
	transition:.3s;
}
#ccd2_logo:hover {
	width:245px;
	transform: rotate(360deg);
	left:32%;
	top:34%;
	z-index:2;
}
#ccd6_logo {
	left:53%;
	width:187px;
	top:35%;
	animation-delay:0.3s;
	animation-name: logo_ccd6;
	transition:.3s;
}
#ccd6_logo:hover {
	width:250px;
	transform: rotate(360deg);
	left:51%;
	top:33%;
	z-index:2;
}

#logo102 {
	left:25.5%;
	animation-delay:0.6s;
	animation-name: logo_ccd2;
	transition:.3s;
}
#logo102:hover {
	width:250px;
	transform: rotate(360deg);
	left:23.5%;
	top:33%;
	z-index:2;
}
#logo110 {
	left:61%;
	animation-delay:0.6s;
	animation-name: logo_ccd6;
	transition:.3s;
}
#logo110:hover {
	width:250px;
	transform: rotate(360deg);
	left:59%;
	top:33%;
	z-index:2;
}
#logo111 {
	left:69.8%;
	top:39%;
	animation-delay:0.9s;
	animation-name: logo_ccd6;
	transition:.3s;
}
#logo111:hover {
	width:250px;
	transform: rotate(360deg);
	left:67.8%;
	top:36%;
	z-index:2;
}
#logo116 {
	left:78.5%;
	width:195px;
	top:37%;
	animation-delay:1.2s;
	animation-name: logo_ccd6;
	transition:.3s;
}
#logo116:hover {
	width:265px;
	transform: rotate(360deg);
	left:76.5%;
	top:34%;
	z-index:2;
}
#logo119 {
	left:17%;
	animation-delay:0.9s;
	animation-name: logo_ccd2;
	transition:.3s;
}
#logo119:hover {
	width:250px;
	transform: rotate(360deg);
	left:15%;
	top:33%;
	z-index:2;
}
#logo174 {
	left:87.5%;
	width:160px;
	top:35%;
	animation-delay:1.5s;
	animation-name: logo_ccd6;
	transition:.3s;
}
#logo174:hover {
	width:210px;
	transform: rotate(360deg);
	left:85.5%;
	top:32%;
	z-index:2;
}
#logo178 {
	left:8.5%;
	animation-delay:1.2s;
	animation-name: logo_ccd2;
	transition:.3s;
}
#logo178:hover {
	width:220px;
	transform: rotate(360deg);
	left:6.5%;
	top:33%;
	z-index:2;
}

#logo182 {
	left:0%;
	top:33%;
	width:170px;
	animation-delay:1.5s;
	animation-name: logo_ccd2;
	transition:.3s;
}
#logo182:hover {
	width:210px;
	transform: rotate(360deg);
	left:-2%;
	top:31%;
	z-index:2;
}


@keyframes main_img {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes img_box_p {
	0% {
		width:0%;
	}
	66% {
		width:0%;
	}
	100% {
		width:100%;
	}
}
@keyframes logo_ccf2 {
	0% {
		opacity:0;
	}
	50% {
		transform:scale(3) rotate(50deg);
		opacity:0;
	}
	60% {
		transform:scale(1) rotate(0deg);
	}
	100% {
		opacity:1;
	}
}
@keyframes logo_ccd6 {
	0% {
		opacity:0;
	}
	50% {
		transform:translateX(-150px) rotate(-30deg);
		opacity:0;
	}
	60% {
		transform:rotate(0deg);
	}
	100% {
		transform:translateX(0);
		opacity:1;
	}
}
@keyframes logo_ccd2 {
	0% {
		opacity:0;
	}
	50% {
		transform:translateX(150px) rotate(30deg);
		opacity:0;
	}
	60% {
		transform:rotate(0deg);
	}
	100% {
		transform:translateX(0);
		opacity:1;
	}
}
@keyframes logo_rotate {
	0% { transform: rotate(0deg);}
	25%{ transform: rotate(90deg);}
	50%{ transform: rotate(180deg);}
	75%{ transform: rotate(270deg);}
	100%{ transform: rotate(360deg);}
}

#border {
	margin-top:2%;
	margin-bottom:2%;
	position:relative;
	width:100%;
}
#border p {
	position:absolute;
}
#border #border1 {
	position:absolute;
	width:100%;
	height:auto;
}
#border #border2 {
	position:absolute;
	margin-top:-0.5%;
	width:6%;
	left:47%;
	height:auto;
}

#inform {
	display:inline-block;
	position:relative;
	padding-top:5.5%;
	width:100%;
}
.inform_inner {
	float:left;
	width:49%;
	padding-left:1%;
}
.inform_inner h3 {
	padding-top:3%;
	padding-left:1%;
	color:#523889;
	letter-spacing:4px;
	font-size:200%;
	font-weight:bold;
}
#news {
	padding:1%;
	width:90%;
	height:400px;
	overflow:auto;
}
#news table {
	padding-top:2%;
	border:none;
	width:100%;
}
#news table #news_td1 {
	width:25%;
	height:50px;
	font-wight:bold;
	border-bottom:1px dotted #ccc;
}
#news table #news_td2 {
	width:75%;
	height:50px;
	font-size:120%;
	border-bottom:1px dotted #ccc;
}
#news table #news_td2 a {
	font-color: #000;
	text-decoration:none;
}
#topic {
	padding:1%;
	width:100%;
	height:400px;
	overflow:auto;
}
#topic table {
	text-align:center;
	padding:2%;
	border:none;
	width:100%;
}
#topic table #topic_td1 {
	width:25%;
	height:50px;
	font-wight:bold;
}
#topic table #topic_td2 {
	width:75%;
	text-align:left;
	letter-spacing:2px;
	height:50px;
	font-size:150%;
}

#topic video {
	width:100%;
	padding-top:1%;
	height:auto;
}


span.title {
	background-color:#fff;
	border-left:5px solid #3366FF;
	width:20px;
	height:10px;
	text-align:left;
	font-size:250%;
	color:#000;
	letter-spacing:3px;
	padding-left:10px;
}

#explain {
	position:relative;
	padding-top:200px;
	margin-top:-200px;
	width:100%;
	height:auto;
	text-align:left;
	background-color:#fff;
	color:#000;
	z-index:-1;
}
#explain p {
	font-size:130%;
	padding-bottom:20px;
}

#history {
	position:relative;
	padding-top:200px;
	margin-top:-200px;
	width:100%;
	height:auto;
	text-align:left;
	background-color:#fff;
	color:#000;
	z-index:-2;
}
#2elunit {
	position:relative;
	padding-top:200px;
	margin-top:-200px;
	width:100%;
	height:auto;
	text-align:left;
	background-color:#fff;
	color:#000;
	z-index:-3;
}

//commander

.commander_name {
	font-size:130%;
	color:#fff;
}
input {
	display:none;
}
.popbox_left{
	width:33%;
	float:left;
	text-align:left;
	margin-top:-2%;
}
.popbox_left span {
	font-size:200%;
	font-weight:bold;
}
.popbox_middle{
	width:33%;
	float:left;
	text-align:center;
	vertical-align:center;
}
.popbox_middle img {
	padding-top:2%;
	width:90%;
	height:auto;
}
.popbox_right {
	width:33%;
	float:left;
	text-align:center;
}
.popbox_right span{
	font-size:300%;
	font-weight:bold;
	text-align:center;
}
#ccf2 h3 {
	margin:0;
	padding-top:2%;
	text-align:center;
	width:100%;
}
#commander {
	position:relative;
	padding-top:15%;
	margin-top:-12%;
	margin-bottom:5%;
	width:100%;
	height:350px;
	text-align:left;
	background-color:transparent;
}
#ccf2 {
	text-align:center;
	padding-left:6%;
	width:30%;
	height:auto;
	background-color:#fff;
}
#ccf2 > div {
	display:none;
	position:absolute;
	right:50px;
	left:30%;
	bottom:25px;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div {
	display:block;
}
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div + div + div + div + div + div {
	display:block;
}
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div + div + div + div + div + div + div {
	display:block;
}

#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + div + div + div + div + div + div + div + div + div + div  {
	display:none;
}
#ccf2 > input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + input + label + div + div + div + div + div + div + div + div + div + div + div,
#ccf2 > input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input:checked + label + input + label + div + div + div + div + div + div + div + div + div + div + div  {
	display:none;
}


#ccf2 > label {
	display:block;
	width:200px;
	height:auto;
	border:none;
	background-color: #523889;
	border:1px solid #523889;
	border-radius:5px;
	color:#fff;
	text-align:center;
	letter-spacing:3px;
	font-size:150%;
	transition:.3s;
	margin:5px;
}
#ccf2 > label:hover {
	background-color: #fff;
	color:#523889;
	letter-spacing:6px;
	font-size:150%;
}
#footer_ship {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#footer_ship img {
	position:absolute;
	margin-bottom:-0.3%;
	left:0%;
	bottom:0%;
	width:50%;
}
.menu-content {
	display:none;
}


@media screen and (max-width: 800px) {
	.body_margin{
		position:relative;
		top:0%;
	}
	#main_header{
		position:relative;
		display:inline-block;
		z-index:1;
		width:100%;
		height:auto;
		margin:0px;
		background:#fff;
		border-bottom:1px solid #ccc;
	}
	.header_top_left {
		width:43%;
		padding:1%;
		padding-left:2%;
		padding-bottom:0;
		float:left;
		font-weight:bold;
		font-size:1.7em;
		letter-spacing:12px;
		font-family:"ＭＳ　明朝";
		color:#ccc;
	}
	.header_top_left p {
		font-size:0.6em;
		letter-spacing:2px;
		color:#ccc;
	}
	.header_top_right {
		padding:1%;
		width:52%;
		text-align:left;
		float:left;
	}
	.dropmenu{
		display:none;
	}
	.img_box{
		position:relative;
		display:inline;
	}
	.img_box p {
		position:relative;
		animation-name:none;
		animation-duration:none;
	}
	.logo_logo{
		display:none;
	}
	.inform_inner {
		clear:both;
		width:100%;
	}
	.inform_inner h3 {
		padding-top:3%;
		padding-left:1%;
		color:#523889;
		letter-spacing:1px;
		font-size:3em;
		font-weight:bold;
	}
	#news {
		padding:0%;
		overflow:auto;
		text-align:center;
	}
	#news table {
		border:none;
		width:100%;
	}
	#news table #news_td1 {
		font-size:1.5em;
	}
	#news table #news_td2 {
		font-size:2em;
		text-align:left;
	}
	#news table #news_td2 a {
		font-color: #000;
		text-decoration:none;
		text-align:left;
	}
	#topic {
		margin:0%;
		padding:1%;
		width:100%;
		overflow:auto;
	}
	#topic table {
		text-align:center;
		padding:2%;
		border:none;
		width:100%;
	}
	#topic table #topic_td1 {
		width:25%;
		font-size:1.5em;
		font-wight:bold;
	}
	#topic table #topic_td2 {
		letter-spacing:1px;
		font-size:2em;
		text-align:left;
	}



	span.title {
	padding-top:3%;
	padding-left:1%;
	color:#523889;
	letter-spacing:1px;
	font-size:3em;
	font-weight:bold;
	}
	#ccf2 > label {
		display:inline-block;
		width:17%;
		height:auto;
		border:none;
		background-color: #523889;
		border:1px solid #523889;
		font-weight:bold;
		border-radius:5px;
		color:#fff;
		text-align:center;
		padding:2%;
		letter-spacing:0px;
		font-size:0.7em;
		margin:1%;
	}
	#ccf2 > label:hover {
		background-color: #fff;
		color:#523889;
		letter-spacing:0px;
		font-size:0.7em;
	}

	input {
		display:none;
	}
	.popbox_left{
		clear:both;
		text-align:left;
		width:80%;
		margin:3%;
		margin-left:9%;
		font-size:1.5em;
	}
	.popbox_left span {
		font-size:1em;
		font-weight:bold;
	}
	.popbox_middle{
		clear:both;
		width:80%;
		text-align:center;
		vertical-align:center;
		margin:3%;
		margin-left:9%;
	}
	.popbox_middle img {
		padding-top:0%;
		width:50%;
		height:auto;
	}
	.popbox_right {
		width:80%;
		clear:both;
		text-align:center;
		font-size:1.8em;
		margin:3%;
		margin-left:9%;
	}
	div.popbox_left > span{
		font-size:1.9em;
	}
	div.popbox_right > span{
		font-size:2em;
	}

	#commander {
		position:relative;
		padding-top:0%;
		margin-top:0%;
		margin-bottom:5%;
		width:100%;
		height:auto;
		text-align:left;
		background-color:transparent;
	}
	#ccf2 {
		text-align:center;
		padding-left:0%;
		width:100%;
		height:auto;
		background-color:#fff;
	}
	#ccf2 > div {
		display:none;
		position:relative;
		right:0;
		left:0;
		bottom:0;
	}

	#footer_ship {
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:auto;
	}
	#footer_ship img {
		position:relative;
		margin-bottom:-0.5%;
		width:100%;
	}
	#f_link #f_link02 ul{
		border:0;
	}
	.div_left_right {
		width:100%;
		margin:0%;
		height:auto;
		clear:both;
	}

	.div_left_right table {
		text-align:left;
		width:100%;
		height:auto;
		border:1px solid #ccc;
		font-size:1.2em;
	}

	.div_left_right img {
		width:90%;
	}
	/*スマホ用ＮＡＶメニュー}*/
	.menu-btn {
	    position: fixed;
	    top: 3px;
	    right: 3px;
	    display: flex;
	    height: 43px;
	    width: 43px;
	    justify-content: center;
	    align-items: center;
	    border-radius: 10px;
	    z-index: 90;
	    background-color: #523889;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
	    content: '';
	    display: block;
	    height: 3px;
	    width: 25px;
	    background-color: #ffffff;
	    position: absolute;
	    transform: rotate(0deg);
	    transition: all 0.5s;/*アニメーション設定*/
	}
	.menu-btn span:before {
	    bottom: 8px;
	}
	.menu-btn span:after {
	    top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
	    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	    transition: all 0.5s;/*アニメーション設定*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
	    bottom: 0;
	    transform: rotate(45deg);
	    transition: all 0.5s;/*アニメーション設定*/
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
	    top: 0;
	    transform: rotate(-45deg);
	    transition: all 0.5s;/*アニメーション設定*/
	}

	#menu-btn-check {
	    display: none;
	}
	.menu-content {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 80;.
	    background-color: #523889;
	}
	.menu-content ul {
	    padding: 70px 10px 0;
	}
	.menu-content ul li {
	    border-bottom: dotted 1px #ffffff;
	    list-style: none;
	}
	.menu-content ul li a {
	    display: block;
	    width: 100%;
	    font-size: 15px;
	    box-sizing: border-box;
	    color:#ffffff;
	    text-decoration: none;
	    padding: 9px 15px 10px 0;
	    position: relative;
	}
	.menu-content ul span {
	    margin-top:10px;
	    display: block;
	    width: 100%;
	    font-size: 15px;
	    color:#ffffff;
	}

	.menu-content ul li a::before {
	    content: "";
	    width: 7px;
	    height: 7px;
	    border-top: solid 2px #ffffff;
	    border-right: solid 2px #ffffff;
	    transform: rotate(45deg);
	    transition: all 0.5s;/*アニメーション設定*/
	    position: absolute;
	    right: 11px;
	    top: 16px;
	}

	.menu-content {
            display:block;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 100%;/*leftの値を変更してメニューを画面外へ*/
	    z-index: 80;
	    background-color: #523889;
	    transition: all 0.5s;/*アニメーション設定*/
	}

	#menu-btn-check:checked ~ .menu-content {
	    left: 0;/*メニューを画面内へ*/
}
}