@charset "utf-8";

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body {
	font-family:sans-serif;
	background-color:#fafafa; 
}

a{
    color:#b81c22;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

#logo {
	width:95%;
	margin:20px auto 0 auto;
	padding:80px 0;
	background-color:#60c0bd; 
	/*border:1px solid #ccc;*/
	text-align:center;
}
#logo h1{
	margin: 0;
	padding:0;
}
#logo img{
	width:650px;
	height:auto;
	vertical-align:top;
}

#menu{
    width:100%; 
    background-color:#60c0bd; 
    position:fixed; 
    bottom:0; 
    border-top:1px solid #fff; 
    text-align:center;
    color:#fff;
}
#menu a{
    display: block;
/*    width:16.6%;*/
    width:25%;
    float:left;
    padding:25px 0;
    font-size:14px;
    line-height: 1.2;
    color:#fff;
    text-decoration:none;
}


.red{
                                color:#b81c22;
}
span.right{
                               display:block; text-align:right;
}


p.english_below{
	display:block;
	font-size:12px;
	line-height:1;
	margin:0;
	padding:0;
	width:95%;
	margin:1em auto;
	text-align:right;
}
p.english_below a{
	color:#999;
	text-decoration:none;
}

#en_box{
	float:left; 
	width:100%;
	padding:40px 0;
	color:#333333;
}

#en_box hr{
	height:1px; 
	border:0; 
	background-color:#b81c22; 
	margin:0 0 2em 0;
}

#en_box dl {
                                width:900px;
                                margin:0 auto;
                                clear:both;
}
#en_box dt {
                                width:30%;
                                float:left;
                                text-align:right;
                                padding:3px 5% 0 0;
}
#en_box dd {
                                width:70%;
                                float:left;
}


h2,h3,h4,p{
	font-size:18px;
	line-height:1.6;
}
h3{
	font-size:15px;
	margin:0 0 0.25em 0;
	color:#b81c22;
}
h4.sympodate{
	font-size:18px; 
	line-height:1.2; 
	margin:0 0 0.5em 0; 
}
h4.sympotitle{
	font-size:20px; 
	line-height:1.2; 
	margin:0.25em 0 0.25em 0; 
	font-family:serif;
	font-feature-settings: "palt";
}
span.sympotime{
	font-size:16px; 
	font-weight:normal;
}

p{
	margin:0 0 2em 0;
}
p.panelist{
	font-size:14px; 
	margin:0 0 0.25em 0;
}
p.sympocap{
	font-size:14px;
	line-height:1.5; 
                                color:#666;
}
p.sympocap span{
                                color:#b81c22;
}
p.caption{
	font-size:12px;
	line-height:1.4; 
                                color:#999;
}

p.photo{
	width:70%; 
                                margin:30px auto; 
	font-size:14px;
	line-height:1.3; 
}
p.photo img{
	width:100%; 
                                margin-bottom:5px; 
}
p.photo span{
	font-size:14px;
	line-height:1.5; 
                                color:#333;
}
p.profile{
	font-size:14px;
	line-height:1.8; 
                                color:#333;
                                margin-bottom:2em;
}
p.profile span{
	font-size:16px;
                                font-weight:bold;
}
p.profile img{
    float:right; 
    width:100px; 
    height:100px; 
    margin:0 0 20px 20px;
}



p.purpose{
	font-family:serif;
	line-height:1.8;
	margin:0 0 1.25em 0;
	/*text-align: justify;*/
}
p.admissionfree{
	background-color:#b81c22; 
	color:#fff; 
	font-size:14px; 
	line-height:1; 
	margin-bottom:2.5em;
	padding:5px 10px; 
	display:inline-block;
}

span.small{
	font-size:0.8em;
	color:#878787;
}

p.copyright{
	clear:both;
	padding:3em 0 1em 0;
	font-size:12px;
	color:#999;
}


/*#en_box h4.sympotitle{
	font-size:16px; 
	line-height:1.2; 
	margin:0.25em 0; 
	font-family:serif;
}
span.sympotime{
	font-weight:normal;
}

#en_box p.admissionfree{
	background-color:#b81c22; 
	color:#fff; 
	font-size:12px; 
	line-height:1; 
	margin-bottom:2.5em;
	padding:5px 10px; 
	display:inline-block;
}*/



/* メディアクエリ　スマフォ用　ここから */
@media screen and (max-width: 900px) {

body{
}


#logo {
	width:100%;
	margin:0 auto 0 auto;
	padding:10% 0;
}
#logo img{
	width:80%;
	height:auto;
	vertical-align:top;
}

#menu{
    font-size:10px;
    padding:5px 0;
}
#menu a{
    width:33.3%;
    font-size:11px;
    padding:8px 0;
}

#en_box{
	float:none; 
	width:100%;
	padding:5% 5% 1% 5%;
}

#en_box dl {
    width:100%;
}

#en_box dt {
    width:100%;
    float:none;
    text-align:left;
    padding:3px 5% 0 0;
}
#en_box dd {
    width:100%;
    float:none;
}

p.photo{
	width:80%; 
}


p.copyright{
	clear:both;
}


}