@charset "UTF-8";

#mainContents {
	margin-top: 40px;
}


/*
.box26 {
    position: relative;
    margin: 2em 0;
    padding:  1em;
    border: solid 3px #363581;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1.5;
    font-size: 19px;
    background: #FFF;
    color: #363581;
    font-weight: bold;
}
.box26 p {
	line-height: 1.5;
    margin: 0; 
    padding: 0;
}
.y-marker{color:#ff0000;font-weight: bold;
background: linear-gradient(transparent 0%, #ffff66 0%);
}*/

/*ボックス全体*/
.accbox {
    margin: 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0;
    padding : 13px 12px;
    color: #fff;
    font-weight: bold;
    background: #363581;
    cursor :pointer;
    transition: all 0.5s;
    font-size:18px;


}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :skyblue;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    line-height: 1.5;
    font-size:14px;

}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #f7f7f7;
   border:solid 1px #eee;
    opacity: 1;
}

/*クリックで中身表示*/
.cssacc:checked + label + .show1 {
    height: auto;
    padding: 5px;
    background: #f7f7f7;
   border:solid 1px #eee;
    opacity: 1;
}




.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}







.box29 {
    margin:  0;
    background: #f7f7f7;line-height: 1.5;
}
.box29 .box-title {
    font-size:18px;
    background: #363581;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {font-size:14px;
    padding: 15px 20px;
    margin: 0;color:#000;border:solid #eee 1px ;
}


#topic {
	float: left;
	width: 258px;
	background-color: #ffffff;
}

#topic dl {overflow: auto;
	height: 213px;
	color: #2d2d2d;
	font-size: 85%;
	letter-spacing: 0.08em;
	/* box-shadow */
	box-shadow:1px 0px 1px 1px #a1a1a1;
	-moz-box-shadow:1px 0px 1px 1px #a1a1a1;
	-webkit-box-shadow:1px 0px 1px 1px #a1a1a1;
	padding: 15px;
}

#topic dl dt:not(:first-child) {
	margin-top: 20px;
}

#topic dl dt {
	font-weight: bold;
	margin-bottom: 3px;
}

#topic dl dd {
	font-size: 85%;
	line-height: 1.3em;
}
#topic #top-login-page{
	margin-top:20px;
}
#topic #top-login-page .login-title{
	border-left: solid 14px #373481;
	padding-left: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #373481;
	font-size: 92%;
	font-weight: bold;

}





#topMenu {
	float: right;
	margin-top: 28px;
}

#topMenu table {
	border-collapse: separate;
}

#topMenu table tr td a {
	display: block;
	text-indent: -9999px;
	/* box-shadow */
	box-shadow:1px 0px 1px 1px #a1a1a1;
	-moz-box-shadow:1px 0px 1px 1px #a1a1a1;
	-webkit-box-shadow:1px 0px 1px 1px #a1a1a1;
}

#topMenu table tr td#menu00 a {
	height: 220px;
	width: 220px;
	background-image: url(../images/top/topmenu_01.jpg);
	margin-bottom: 15px;
	margin-right: 15px;
}

#topMenu table tr td#menu01 a {
	height: 220px;
	width: 455px;
	background-image: url(../images/top/topmenu_02_1.jpg);
	margin-bottom: 15px;
}

#topMenu table tr td#menu02 a {
	height: 455px;
	width: 220px;
	background-image: url(../images/top/topmenu_03.jpg);
}

#topMenu table tr td#menu03 a {
	height: 220px;
	width: 220px;
	background-image: url(../images/top/topmenu_04.jpg);
	margin-bottom: 15px;
	margin-right: 15px;
}

#topMenu table tr td#menu04 a {
	height: 220px;
	width: 220px;
	background-image: url(../images/top/topmenu_05.jpg);
	margin-bottom: 15px;
}

#topMenu table tr td#menu05 a {
	height: 220px;
	width: 455px;
	background-image: url(../images/top/contest-menu_06.jpg);
	background-size: 100% auto;
}




*, *:before, *:after {
    box-sizing: border-box;
}
.col_2{
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
    width: 50%;
    padding: 10px;
}
@media screen and (max-width: 960px) {
    .col_2 > div{
        width: 100%;
    }
}