/*FontAwesonインポート*/
@import url(//use.fontawesome.com/releases/v5.8.1/css/all.css);
/*======================================================================
English
======================================================================*/
body{
	color: #333;
	font-family: 'Sorts Mill Goudy', serif;
	font-weight: 500;

	font-style: normal;
}

.pc-block{
	display: none !important;
}

.sp-block{
	display: block !important;
}

#wrapper{
	max-width: 700px;
}

/*======================================================================
English Top Page
======================================================================*/
#en_toppage .block{
	position: relative;
	width: auto;
}
#en_toppage .block img{
	display: block;
}
#en_toppage .block-bg{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 220px;
}
#en_toppage .block-author figcaption{
	position: absolute;
	font-size: 12px;
}
#en_toppage .block-author{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
#en_toppage .block-author .image{
	height: 100%;
}
#en_toppage .block-author .image img{
	height: 100%;
}
#en_toppage .block-author figcaption{
	top: 100%;
	left: 0;
	width: 100%;
	padding: 1.13636364% 3.78787879%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: right;
}
#en_toppage .block-book{
	position: absolute;
	/*top: 50%;    
	left: 0;*/
    top:0;
    left:inherit;
	z-index: 3;
	/*-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);*/
	width: 50%;
}
#en_toppage .block-book .image{
	width: 71.42857143%;
	margin: auto;
}
#en_toppage .block-book figcaption{
  position: relative;
  /*top: 97.93814433%;
  left: -0.52356021%;*/
  /*padding: 1.13636364% 3.78787879%;*/
  padding:0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;/*left*/
}
/*New*/
#en_toppage .block-book figcaption .en_toppage_booktitle:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f559";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-top: 0;
  margin-right: 4px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

/*======================================================================
English Child Page
======================================================================*/
.en_common_wrap{
	padding: 0;
	border: 0;
}

/*======================================================================
English Profile Section
======================================================================*/
.profile-content .profile-content-entry{
	position: relative;
	display: block;
	width: auto;
	margin: auto;
	margin-top: 40px;
}
.profile-content .profile-content-entry h2{
	padding: 0 4.28571429%;
	background-position-x: 3%;
}
.profile-content .profile-content-entry h2 span{
	padding-left: 0;
	font-size: 20px;
}
.profile-content .profile-content-entry h2 + div{
	margin-top: 20px;
}
.profile-content .profile-content-entry .text{
	padding: 0 4.28571429%;
	line-height: 28px;
	font-size: 16px;
}
.profile-content .profile-content-entry .text.bg{
	background-image: url(/img/en/about/bg_prof.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.profile-content .profile-content-entry .text + .text{
	margin-top: 40px;
}
.profile-content .profile-content-entry .text p{
	margin-bottom: 1.5em;
}
.profile-content .profile-content-entry .text .image{
	margin-bottom: auto;
}
.profile-content .profile-content-entry .text .image.fl{
	margin-right: 20px;
}
.profile-content .profile-content-entry .text .image .photby{
	margin-top: 5px;
	font-size: 12px;
}
.profile-content .profile-content-entry .text .fl.image{
	width: 50%;
	margin-bottom: 20px;
	margin-right: 3.125%;
}
.profile-content .profile-content-entry .text .fl.image img{
	width: 100%;
}
.profile-content .profile-content-entry .text .fl.image + .ac{
	position: relative;
	float: left;
	width: 46.875%;
	padding-top: 72.1875%;
}
.profile-content .profile-content-entry .text .fl.image + .ac img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
}
.profile-content .profile-content-entry .text .fl.image + .ac + p{
	clear: left;
}
.profile-content .profile-content-entry .text .fl.image .photoby{
	margin-top: 5px;
	font-size: 12px;
	line-height:1;
}
.profile-content .profile-content-entry .text .fl.image .wombat{
	width: 50%;
	margin: auto;
	margin-top: 20px;
}
.profile-content .profile-content-entry .text .btn{
	position: relative;
	display: inline-block;
	min-width: 200px;
	padding: 5px 16px;
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #e4eade;
	color: #333;
	font-size: 20px;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.profile-content .profile-content-entry .text .btn:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 8px;
	height: 16px;
	background-image: url(/img/en/common/btn_arrow.png);
}
.profile-content .profile-content-entry h3{
	width: auto;
	margin-bottom: 10px;
	padding: 5px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-image: url(/img/common/header-bg.jpg);
}
.profile-content .profile-content-entry dl dt, .profile-content .profile-content-entry dl dd{
	padding: 8px 0;
}
.profile-content .profile-content-entry dl dt{
	float: left;
	width: 40px;
	padding-left: 0;

	clear: left;
}
.profile-content .profile-content-entry dl dd{
	position: relative;
	padding-left: 60px;
	padding-right: 0;
	border-style: dotted;
	border-bottom-width: 1px;

	border-color: #ccc;
}
.profile-content .profile-content-entry dl dd:first-of-type{
	border-top-width: 1px;
}
.profile-content .profile-content-entry dl dd:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 48px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 70%;
	height: calc(100% - 10px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #ccc;
}
.profile-content .profile-content-entry dl.contact dt{
	width: 80px;
	line-height: 1.2;
}
.profile-content .profile-content-entry dl.contact dd{
	padding-left: 120px;
}
.profile-content .profile-content-entry dl.contact dd:before{
	left: 106px;
}


/* Book TOP */
.book-toppage-list li a{
	font-style: italic;
}

/* H4 */
.book-content .book-content-entry .book-content-entry-item h4{
	font-style: italic;
}
.book-content .book-content-entry .book-content-entry-item h4 .normal{
	font-style: normal;
}
.book-translations .book-content-entry .book-content-entry-item h4{
	font-style: normal;
}
.book-translations .bookpage-img p{
	font-style: italic;
}


/* ‘Ñ */
.book-translations .book-content-entry .book-content-entry-item h4{
	border-color:#805892;
}
.book-television .book-content-entry .book-content-entry-item h4{
	border-color:#4A91B9;
}
.book-novels .book-content-entry .book-content-entry-item h4{
	border-color:#B9715D;
}
.book-essays .book-content-entry .book-content-entry-item h4{
	border-color:#67928C;
}
.book-comics .book-content-entry .book-content-entry-item h4{
	border-color:#A79D54;
}


/* Translations Chinese The Moribito Series */
.bookpage-img-top .bookpage-img.spClearLeft{
	clear:left;
}
.bookpage-img-top .bookpage-img.spClearRight{
	clear:right;
}
.bookpage-img-top .bookpage-img.spClearNone{
	clear:none;
}