@charset "utf-8";
/*----- CSS Document -----*/

/*----- body -----*/

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 16px;
}
body .toiawase {
    text-align: center;
    clear: both;
}

/*----- /body ------*/

/*----- ather ------*/

ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}

/*----- /ather -----*/

/*----- header -----*/

header {
    width: 100%;
    height: 100px;
    max-width: 1950px;
    margin: auto;
}
header h1{
    font-size: 5px;
}
header .left {
    float: left;
}
header .right {
    float: right;
}

/*----- /header -----*/

/*------ wrapper ------*/

#wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/*----- /wrapper -----*/

/*----- mv -----*/

#mv {
    max-width: 1950px;
    margin: auto;
}
#mv img {    
    width: 100%;
    height: 750px;
}
/*------ /mv -----*/

/*----- main -----*/

main #main {
    width: 1020px;
    margin: auto;
}
#postersessionbord ul li img {
    width: 500px;
    margin: 3px 3px;
    float: left;
    text-align: center;
}
#postera0 {
    clear: both;
}
#panelgabyou img {
    float: right;
}
#panelbord {
    clear: both;
}
.paneljiturei img {
    width: 500px;
    margin: 3px 3px;
    float: left;
    text-align: center;
}
#panelendai {
    clear: both;
}

#panelmente img {
    width: 500px;
    margin: 3px 3px;
    float: left;
    text-align: center;
}
/*----- /main -----*/
#mokuteki ol li {
    width: 265px;
    margin-right: auto;
    float: left;
    text-align: center;
}
#mokuteki h3 {
    clear: both;
}

/*------ panelbord -----*/
#panelbord img {
    float: left;
}

.panelkingaku {
    float: right;
}
.panelkingaku h4 {
    font-size: 8px;
    margin: 0;
}
#kingaku {
    width: 180px;
    border-collapse: collapse;
    margin-bottom: 16px;
}
#kingaku th,
#kingaku td {
    border: 1px solid #c7c7c7;
    padding: 8px;
}
#kingaku th {
    font-size: 0.6em;
    background-color: #f1ede4;
    text-align: center;
}
/*---------- index ----------*/

/*----- menu -----*/

#menu {}

/*----- /menu -----*/

/*--------- /index ---------*/

#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#pagetop a {
    background: #304F74;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#pagetop a:hover {
    text-decoration: none;
    background: #999;
}

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

footer {
    background-color: #d3d3d3;
    text-align: center;
}

footer #footer_nav {
    background-color: #efefef;
    padding: 10px 0;
}

footer small {
    height: 30px;
    display: block;
    color: #fff;
    text-align: center;
}

/*----- @media ------

@media screen and (max-width : 767px) {
    img {
		max-width: 100%;
    }
    header,
    #global_navi,
    #sidebar,
    #wrapper {
		width: 100%;
    }
    header h1 {
		float: none;
		text-align: center;
        margin: 0;
	}
    header h1 img {
		width: 65%;
        height: 65%;
    }
	header #header_contact {
		display: none;
    }
	#menu ul li {
		
	}
    #main {
		width: 100%;
		padding: 05%;
		box-sizing: border-box;
	}
	#point .left figure {
		float: none;
		text-align: center;
    }
    #point .right figure {
		float: none;
		text-align: center;
    }
	#point figure {
		float: none;
		text-align: center;
	}
    #main h1 {
		font-size: 30px;
        text-align: center;
    }
    #main h2 {
		font-size: 20px;
        text-align: center;
    }
	#main_visual {
		width: 100%;
		height: auto;
    }
	.right_text {
        width: 98%;
    }
	.left_text {
        width: 98%;
    }
	.main_text {
		width: 98%;
	}
}
----- @media ------ */