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

/**
 * essay.css
 */
#essayNav{
width: 100%;
overflow-x: scroll;
writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl; /* for MS IE8+ */
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
line-height: 3.0em;
letter-spacing:  0.5em;
margin-bottom: 100px;
}
#essayNav p{
	text-align: center;
	letter-spacing: 2.0em;
	margin-left: 35px;
}
#essay article{
width: 100%;
overflow-x: scroll;
height: 100%;
min-height: 600px;
writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl; /* for MS IE8+ */
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;	
}

.essayTittle{
 font-size: 20px;
 letter-spacing: 0.6em;
 padding: 20px 10px 30px 50px; 
 }
#essay .essayWords{
margin-bottom: 100px;
 font-size: 12px;
line-height: 3.0em;
}
#essay .essayWords p{
	text-indent: 1.0em;
}
#essay .column{
	font-size: 10px;
	margin-top: 24px;
}
.sns {
	height: 100%;
	margin-left: 30px;
}
.sns li a {
	height: 50px;
	padding: 5px 10px;
	top: 400px;
}

/*sp max-width:640px
--------------------------------------------------*/
@media only screen and (max-width:640px){
#essayNav{
	font-size: 12px;
	padding-bottom: 10px;
}
#essay article{	
	min-height: 400px;
	}
.essayTittle{
	font-size: 14px;
	}
#essay .essayWords{
	height: 380px;
	line-height: 2.0em;	
	}
.sns li a {
	top: 280px;
}
}