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

.header {
    background: #052d5d url(none) no-repeat center top;
    height: auto;
    position: relative;
    margin-bottom: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFF;
}

.header a,
h6 {
    color: #FFF;
}
/** Title **/

.title h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}
/*****Socail Button*****/

.social-button {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.social-button li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.social-button li div {
    display: inline;
}

.social-button:before,
.social-button:after {
    content: " ";
    display: table;
}

.social-button:after {
    clear: both;
}

.social-button {
    *zoom: 1;
}
/*ページ背景*/

.content {
    /*background: url(../img/background.JPG) repeat;*/
    
    background-color: #FFF;
}
/*index page*/

.indexbox {
    padding: 10px;
    background: #32CD32;
    position: relative;
    border: thin solid #FFF;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-radius: 30px;
}
/* パーツを重ねる設定 */

.indexbox .button {
    position: absolute;
    bottom: -20px;
    right: 10px;
}
/*Aboutus*/

.aboutusbox {
    padding: 10px;
    margin: 00px;
    border-color: #FFF;
    position: relative;
}
/*Aboutus*/

.memberbox {
    padding: 0px 5px 0px 0px;
    border-color: #FFF;
    background: inherit;
    position: relative;
    margin-bottom: 10px;
    margin-left: 0px;
}
/* ボタン */

.button {
    display: inline-block;
    padding: 10px 10px 10px 10px;
    background-color: inherit;
    color: #000;
    font-size: 14px;
    text-decoration: none;
}

.button:hover,
.button:focus {
    outline: none;
    background-color: #052d5d;
}

.main {
    background-color: #FFF;
}
/*ASCENT*/

.ascenttop {
    text-align: center;
}

.ascent {
    text-align: left;
}

.ascentbox {
    text-align: center;
    background: #71E2FF;
    padding: 5px;
    border-right: medium solid #FFF;
    border-left: medium solid #FFF;
    position: relative;
    border-radius: 300px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
}

.ascentphoto {
    border-radius: 300px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
}

.ascentacd {
    margin-top: 3px;
    padding: 3px;
    color: #333;
    border-bottom: thin groove #052d5d;
    border-left: thick solid #052d5d;
}
/* http://miauler.net/blog/archives/2013/07/11_1356.html*/

.ascentblnl {
    color: white;
    background-color: #052d5d;
    opacity: 0.9;
    border-radius: 5px;
    position: relative;
    padding: 5px 10px 0px;
}

.ascentblnl:after {
    border: 10px solid transparent;
    border-top-color: #052d5d;
    border-bottom-width: 0;
    bottom: -10px;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
    width: 0;
}

.ascentblnr {
    color: white;
    background-color: #052d5d;
    opacity: 0.9;
    border-radius: 5px;
    position: relative;
    padding: 5px 10px 0px;
}

.ascentblnr:after {
    border: 10px solid transparent;
    border-top-color: #052d5d;
    border-bottom-width: 0;
    bottom: -10px;
    content: "";
    display: block;
    right: 30px;
    position: absolute;
    width: 0;
}
/*Visiting*/

.visitbox {
    padding: 0px;
    position: relative;
}

.photo {
    position: absolute;
    background-color: #FFF;
    opacity: 0.5;
    /*Firefox, Opera, Chrome, Safari*/
    
    filter: alpha(opacity=70);
    /*IE8以下*/
    
    bottom: 10px;
    left: 0px;
    width: 250px;
}
/*List*/

.list {
    margin-top: 21px;
    height: 112px;
    border-bottom: dotted 2px rgb(2, 79, 158);
    padding-left: 20px;
}
/*PASTActivity*/

.pastdate {
    margin-top: 3px;
    padding: 3px;
    color: #333;
    border-bottom: thin groove #052d5d;
    border-left: thick solid #052d5d;
}

.pastvisit {
    margin-top: 3px;
    padding: 3px;
    color: #333;
    border-bottom: thin groove #052d5d;
    border-left: thick solid #052d5d;
}

.pastother {
    margin-top: 3px;
    padding: 3px;
    color: #333;
    border-bottom: thin groove #052d5d;
    border-left: thick solid #052d5d;
}
/** Footer **/

.footer {
    padding: 5px;
    background-color: #052d5d;
    color: #fff;
}

.footer p {
    margin: 0 0 3px 0;
    font-size: 12px;
    line-height: 1.4;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer h6 {
    color: #fff;
    text-decoration: none;
}

.footer li {
    margin: 0 0 3px 0;
    font-size: 12px;
}

.font-fugaz {
	font-family: 'Fugaz One', cursive;
}

.font-nunito {
	font-family: 'Nunito', sans-serif;
}

.gakuiryugaku {
    margin-left: 20px;
    width: 500px;
}
.gakuiryugaku dt {
    margin-bottom: 0;
    float: left;
    clear: left;
    width: 150px;
}
.gakuiryugaku dd {
    margin-bottom: 0;
    float: left;
    width: 350px;
}

.update{
	margin:0 25px 0 0;
	text-align:center;
	width:900px;
	float:left;
	}

.recent-activity dt{
	padding:2px 10px 0 10px;
	float: left;
	clear: both;
	}

.recent-activity dd{
	padding:2px 0 0 0;
	border-bottom: dotted thin;
	}


@media screen and (max-width: 768px) {
    .gakuiryugaku {
	margin-left: auto;
	width: 100%;
    }
    .gakuiryugaku dt {
	float: none;
	clear: both;
	width: 100%;
    }
    .gakuiryugaku dd {
	float: none;
	width: 100%;
    }
}