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


.c-name {
    font-size: 15px;
    color: #004400;
    margin-bottom: 10px;
}
.c-heading {
    font-size: 21px;
    margin-bottom: 20px;
}
.rogo-ori {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.rogo-p {
    width: 50px;
    height: 50px;
    float: left;
}
.rogo-s {
    width: 100px;
    height: 60px;
    float: left;
    margin-right: 20px;
    color: #004400;
    font-size: 12px;
    line-height: 170%;
	
}
.logo-m {
    padding-top: 3px;
    width: auto;
    height: 60px;
    float: left;
    line-height: 160%;
	font-weight: 300
}
/*　About */
.matt {
    width: 100%;
    height: auto;
    float: left;
}
.matt-en {
    width: 160px;
    float: left;
}
.matt-jp {
    width: auto;
    float: left;
    clear: right
}
.matt-year {
    width: 80px;
    float: left;
}
/* =======================================
	サムネイル　順に出てくる
======================================= */


/*　Works リスト */
.works ul {
    margin: 0 auto;
    text-align: left;
}
.works ul li {
    text-align: left;
    float: left;
}


/* =======================================
	read more
======================================= */
/* === ベースのBOX =============================================== */
.nextReadBox {
    position : relative;                 /* relative指定は必須   */
    overflow : hidden;                   /* hidden指定は必須     */
    transition : .5s;                      /* 開閉の速度           */
    height : 345px;                    /* 閉じているときの高さ */
    background : #fff;               /* 色や文字情報は変更ください */
    line-height : 1.3;
    padding : 5px 10px 0 10px;
    text-align : left;
    font-size : 13pt;
    font-weight : bold;
    width : 100%;
    margin : 10px auto 0 auto;
}
.nextReadBox2 {
    position : relative;                 /* relative指定は必須   */
    overflow : hidden;                   /* hidden指定は必須     */
    transition : .5s;                      /* 開閉の速度           */
    height : 490px;                    /* 閉じているときの高さ */
    background : #fff;               /* 色や文字情報は変更ください */
    line-height : 1.3;
    padding : 5px 10px 0 10px;
    text-align : left;
    font-size : 13pt;
    font-weight : bold;
    width : 100%;
    margin : 10px auto 0 auto;
}
/* === チェックボックス ========================================== */
.nextReadBox > input {
    display : none;                                   /* 非表示 */
}
.nextReadBox2 > input {
    display : none;                                   /* 非表示 */
}
/* === チェックボックスのlabel（＝ボタンに見せる） =============== */
.nextReadBox > label {
    position : absolute;
    display : inline-block;
    box-sizing : border-box;
    bottom : 0;   /* 左右いっぱいのBOXにグラデーションを付ける */
    left : 0;
    right : 0;
    height : 40px;
    padding-top : 20px;                 /* 下寄せに文字を配置する */
    padding-bottom : 20px;
    text-align : center;
    font-size : 10px;
    color : #fff;
    z-index: 2;
    margin-bottom: 0;
}
.nextReadBox2 > label {
    position : absolute;
    display : inline-block;
    box-sizing : border-box;
    bottom : 0;   /* 左右いっぱいのBOXにグラデーションを付ける */
    left : 0;
    right : 0;
    height : 40px;
    padding-top : 20px;                 /* 下寄せに文字を配置する */
    padding-bottom : 20px;
    text-align : center;
    font-size : 10px;
    color : #fff;
    z-index: 2;
    margin-bottom: 0;
}
/* === 開いているときのボタンサイズを変更 ======================== */
.nextReadBox > input[type="checkbox"]:checked + label {
    background : rgba(255, 255, 255, 0.30);
    height : 25px;
    padding-top : 5px;
    font-size : 10px;
    font-weight: 900;
}
.nextReadBox2 > input[type="checkbox"]:checked + label {
    background : rgba(255, 255, 255, 0.30);
    height : 25px;
    padding-top : 5px;
    font-size : 10px;
    font-weight: 900;
}
/* === ボタンに表示する文字（閉じているとき） ==================== */
.nextReadBox > input[type="checkbox"]:not(:checked) + label::after {
    content : "続きを表示";
    background: #6A6A6A;
    padding: 5px 10px;
    border-radius: 10px;
}
.nextReadBox2 > input[type="checkbox"]:not(:checked) + label::after {
    content : "続きを表示";
    background: #6A6A6A;
    padding: 5px 10px;
    border-radius: 10px;
}
/* === ボタンに表示する文字（開いているとき） ==================== */
.nextReadBox > input[type="checkbox"]:checked + label::after {
    content : "閉じる";
    background: #6A6A6A;
    padding: 5px 10px;
    border-radius: 10px;
}

.nextReadBox2 > input[type="checkbox"]:checked + label::after {
    content : "閉じる";
    background: #6A6A6A;
    padding: 5px 10px;
    border-radius: 10px;
}


.archive-date {
	width: 100%;
		height: auto;
		color: #E2DFDF;
	font-weight: bold;
	font-size: 50px;
	margin: 100px 0 70px;
	text-align: center;
}