/* *******************************************************************

　共通

******************************************************************* */
body{line-height:1.5 !important;}

/* PC SP 切替 */
.pc { display: inline-block;}
.pcCont { display: block;}
.sp,.spCont { display: none;}

@media only screen and (max-width: 768px) {
	body {
		min-width: 320px;
	}
	img{
		width: auto;
		max-width: 100%;
	}
	.pc,.pcCont { display: none;}
	.sp { display: inline-block;}
	.spCont { display: block;}
}

/* 文字詰め */
.series .block .detailBox .detail .title,
.series .block .commentBox p.name,
.profile .block dl.box.friend dd div p em {
    font-feature-settings : "palt" 1;
}


/* *******************************************************************

　『ジョー・ネスボ』(PC)

******************************************************************* */
/* 共通 */
body{
	background-color:#fff;
}
.contents  {
	margin-bottom: 100px;
}
.inner {
	width:940px;
	margin:0 auto;
}

/* メインビュー */
.mainView {
	color:#000000;
    background-image: url("image/main_eng.png"), url("image/main_img.png");
    background-position: calc(50% - -300px) top, center top;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover;
	min-width:940px;
}

.mainView .info {
    width: 470px;
    margin-left: 470px;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 14px;
}

.mainView .info .read {
    font-size: 14px;
    font-weight: bold;
    background: #000000;
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.mainView .info .title {
    margin-bottom: 40px;
}

.mainView .info dl.text {
    margin-bottom: 40px;
}
.mainView .info dl.text dt {
    font-weight: bold;
    margin-bottom: 5px;
}
.mainView .info dl.text dd {
    font-size: 12px;
}
.mainView .info dl.text dd p + p {
    margin-top: 10px;
}
.mainView .info dl.text dd + dd {
    margin-top: 10px;
}
.mainView .info dl.text dd a {
    border: 2px solid #000000;
    color: #000000;
    padding: 5px 10px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}
.mainView .info dl.text dd a:hover {
    text-decoration: none;
    border: 2px solid #ffffff;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
}

.mainView .info dl.lineup {
    background: rgba(0,0,0,0.7);
    color: #ffffff;
}
.mainView .info dl.lineup dt {
    border-bottom: 1px solid  rgba(100,100,100,0.4);
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
}
.mainView .info dl.lineup dd {
    padding: 20px;
    font-size: 0;
}
.mainView .info dl.lineup dd a {
    color: #ffffff;
    text-decoration: underline;
}
.mainView .info dl.lineup dd a:hover {
    opacity: 0.6;
    text-decoration: none;
}
.mainView .info dl.lineup dd ul {
    width: 50%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}
.mainView .info dl.lineup dd ul li + li {
    margin-top: 10px;
}




/* シリーズ */
.series {
	color:#000000;
    padding: 80px 0 140px 0;
}
.series .inner {
    width: 720px;
}
.series .block + .block {
    margin-top: 80px;
}
.series .block .ttl {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.series .block .detailBox {
    display: table;
}
.series .block .detailBox .image,
.series .block .detailBox .detail {
    display: table-cell;
    vertical-align: top;
}
.series .block .detailBox .image {
    padding-right: 20px;
}
.series .block .detailBox .image a {
    background: #283137;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    padding: 10px;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}
.series .block .detailBox .image a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.series .block .detailBox .detail .title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}
.series .block .detailBox .detail .translation {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.series .block .detailBox .detail .text {
    font-size: 16px;
}
.series .block .detailBox .detail .text p + p {
    margin-top: 10px;
}

.series .block .commentBox {
    padding: 20px;
    background: #eeeeee;
    margin-top: 20px;
    font-size: 14px;
}
.series .block .commentBox p + p {
    margin-top: 10px;
}
.series .block .commentBox p.name {
    margin-top: 5px;
}
.series .block .commentBox p.name span {
    font-size: 16px;
    font-weight: bold;
}



/* プロフィール */
.profile {
	color:#000000;
    background-color: #e9ba8f;
    background-image: url("image/prof_img.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	min-width:940px;
}
.profile .inner {
    font-size: 0;
    padding-bottom: 60px;
}

.profile .block {
    width: 450px;
    font-size: 14px;
    display: inline-block;
    vertical-align: bottom;
}
.profile .block:nth-of-type(2n) {
    margin-left: 40px;
}
.profile .block .ttl {
    margin-bottom: 20px;
}
.profile .block .ttl img {
    margin-top: -20px;
}

.profile .block dl.box + .box {
    margin-top: 20px;
}
.profile .block dl.box dt {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.profile .block dl.box dd {
    font-size: 12px;
}
.profile .block dl.box.friend dd {
    font-size: 0;
}
.profile .block dl.box.friend dd div {
    font-size: 12px;
    width: 210px;
    display: inline-block;
    vertical-align: top;
}

.profile .block dl.box.friend dd div + div {
    margin-left: 30px;
}
.profile .block dl.box.friend dd div p + p {
    margin-top: 10px;
}
.profile .block dl.box.friend dd div p em {
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}

.profile .block dl.box.associate dd div {
    display: table;
}
.profile .block dl.box.associate dd div p {
    display: table-row;
}
.profile .block dl.box.associate dd div p em {
    display: table-cell;
    padding-right: 10px;
    white-space: nowrap;
}
.profile .block dl.box.associate dd div p span {
    display: table-cell;
}




/* *******************************************************************

　『ジョー・ネスボ』(SP)

******************************************************************* */

@media screen and (max-width:767px){
/* ---------------------------------------------------------------- */
/* 共通 */
.contents  {
	margin-bottom: 80px;
}
.inner {
	width:100%;
}
.contents img  {
    height: auto;
}


/* メインビュー */
.mainView {
    background-image: none;
	min-width: inherit;
}

.mainView .info {
	width:100%;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.mainView .info .read {
    display: block;
    margin-bottom: 0px;
    text-align: center;
}

.mainView .info .title {
    margin-bottom: 0px;
}

.mainView .info dl.text {
    margin-bottom: 0px;
    padding: 20px;
    background: url("image/main_eng_sp.png") no-repeat center top;
    background-size: 100% auto;
}
.mainView .info dl.text dt {
    margin-bottom: 10px;
    font-size: 16px;
}
.mainView .info dl.text dd a {
    padding: 10px 10px;
    display: block;
    box-sizing: border-box;
}

.mainView .info dl.lineup {
    margin: 0 20px;
}
.mainView .info dl.lineup dt span {
    display: inline-block;
}
.mainView .info dl.lineup dd ul {
    width: 100%;
    display: block;
}
.mainView .info dl.lineup dd ul + ul {
    margin-top: 10px;
}




/* シリーズ */
.series {
    padding: 20px 0;
}
.series .inner {
    width: 100%;
}
.series .block {
    margin-left: 20px;
    margin-right: 20px;
}
.series .block + .block {
    margin-top: 40px;
}
.series .block .ttl {
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.series .block .detailBox,
.series .block .detailBox .image,
.series .block .detailBox .detail {
    display: block;
}
.series .block .detailBox .image {
    padding-right: 0px;
    text-align: center;
}
.series .block .detailBox .image a {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.series .block .detailBox .detail .title {
    font-size: 26px;
    margin-top: 20px;
}
.series .block .detailBox .detail .title span {
    display: inline-block;
}
.series .block .detailBox .detail .translation {
    margin-bottom: 10px;
}
.series .block .detailBox .detail .text p + p {
    margin-top: 10px;
}

.series .block .commentBox {
    margin-top: 10px;
}



/* プロフィール */
.profile {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
	min-width:inherit;
}
.profile .inner {
    padding-bottom: 20px;
}

.profile .block {
    width: 100%;
    display: block;
}
.profile .block:nth-of-type(2n) {
    margin-left: 0px;
}
.profile .block .ttl {
    padding-top: 20px;
    margin-bottom: 20px;
}
.profile .block .ttl img {
    margin-top: 0px;
}

.profile .block dl.box {
    padding: 0 20px;
}
.profile .block + .block {
    margin-top: 20px;
}

.profile .block dl.box.friend dd div {
    width: 100%;
    display: block;
}
.profile .block dl.box.friend dd div + div {
    margin-left: 0px;
    margin-top: 10px;
}
/* ---------------------------------------------------------------- */
}