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

.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

a:link {
	color: #F05A24;
	text-decoration: none;
}
a:visited {
	color: #F05A24;
	text-decoration: none;
}
a:hover {
	color: #FAC237;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

body {
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center top;
	background-image: url(../images/base.jpg);
}

.wrapper {
margin:0 auto;
width:800px;
}

ul, li{
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}


/*ヘッダー&タイトル
 * --------------------------------------------------------*/
.header {
width: 800px;
margin:0 auto;
}
.header .top{
position:relative;
}
.header .top .photo{
margin-left:-60px;
}
.header .top .titlemain{
margin-left:-23px;
text-align:center;
}
.header .top .credit{
position: absolute; top: 32px; left: -72px;
}
.header .title{
text-align:center;
padding-bottom:100px;
margin-top:-85px;
position:relative;
}

/*ライン
 * --------------------------------------------------------*/
.line{
text-align:center;
margin-left:-23px;
padding-top:23px;
padding-bottom:40px;
}


/*ヨドガワ&目次
 * --------------------------------------------------------*/
.contents1 {
width: 820px;
margin:0 auto;
margin-left:-5px;
overflow: hidden;
padding-bottom:20px;
}
.contents1 .yodogawa {
width: 450px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
color: #000000;
line-height: 2em;
float:left;
}
.contents1 .right {
float:right;
}
.contents1 .right .number{
padding-bottom:8px;
}
.contents1 .right .text{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
color: #8AA0AC;
letter-spacing: 0.1em;
}
.contents1 .right .date{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:11px;
color: #8AA0AC;
letter-spacing: 0.5em;
padding-bottom:20px;
}

/*見出し
 * --------------------------------------------------------*/
.midashi{
text-align:center;
padding-top:20px;
padding-bottom:32px;
}
.midashi .number{
padding-bottom:16px;
}
.midashi .text{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:38px;
color: #8AA0AC;
letter-spacing: 0.1em;
padding-bottom:8px;
}
.midashi .date{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
color: #8AA0AC;
letter-spacing: 0.5em;
padding-bottom:20px;
}

/*対談部分
 * --------------------------------------------------------*/
.conv{
width:500px;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.1em;
color: #00000;
padding-bottom:48px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:95px;
float:left;
clear:both;
font-weight: bold;
}
.conv dd {
margin-left:95px;
padding-bottom:10px;
width:500px;
}
.conv .continue {
text-align:center;
}
.conv .photo {
margin-left:-100px;
padding-bottom:20px;
}
.conv .photo .photo_book{
width:690px;
border: 5px solid #fff;
text-align:center;
}
.conv .photo_nomachi {
padding-bottom:20px;
}
.conv .photo_nomachi_tate{
padding-bottom:20px;
text-align:center;
}
.conv .photo_tate {
margin:0 auto;
padding-bottom:20px;
}
.conv .photo_tate .photo_book{
width:440px;
border: 5px solid #fff;
text-align:center;
}
.cap_photo{
font-size:12px;
line-height: 1.75em;
color: #776C68;
padding-top:8px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.atogaki{
width:500px;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.1em;
color: #00000;
padding-top:20px;
padding-bottom:70px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*ナビゲーション
 * --------------------------------------------------------*/
.navi {
width:650px;
padding-bottom:100px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.navi .back{
float:left;
}
.navi .top{
float:left;
margin-left:140px;
}
.navi .next{
float:right;
}

.articleFooter {
	margin-top: 15px;
	margin-left: -45px;
	text-align: center;
	padding-bottom: 60px;
}

.articleFooter ul {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

.articleFooter ul > li {
	font-size: 14px;
	min-height: 60px;
}

.articleFooter ul > li > a {
	display: block;
	font-weight: bold;
	color: #404040;
}

.articleFooter ul > li:first-child {
	display: inline-block;
}


.articleFooter ul .top {
	padding-top: 28px;
	width: 205px;
}
.articleFooter ul .prev {
	float: left;
	width: 111px;
}

.articleFooter ul .next {
	float: right;
	width: 111px;
}

/*フッター
 * --------------------------------------------------------*/
.date {
text-align:center;
letter-spacing: 0.1em;
color: #666666;
padding-top:20px;
padding-bottom:50px;
}

#footer {
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer ul {
	max-width: 600px;
	margin: 0 auto;
}

#footer ul li {
	display: inline-block;
	width: 60px;
	vertical-align: top;
}

#footer ul li + li {
	margin-left: 8.33333%;
}

#footer ul li > a {
	display: block;
}

#footer ul li:last-child {
	float: right;
}

#footer p {
	margin-top: 50px;
	text-align: center;
	font-size: 10px;
}
/*インフォメーション
 * --------------------------------------------------------*/
.info{
width:500px;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.075em;
color: #333333;
padding-bottom:50px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .midashi_info{
font-size:20px;
color: #fff;
letter-spacing: 0.1em;
padding-bottom:10px;
}
.info .photo {
margin-left:-95px;
padding-bottom:20px;
}
.info .photo .photo_book{
width:690px;
border: 5px solid #fff;
text-align:center;
}
.info .photo_info{
padding-top:20px;
padding-bottom:20px;
}
.info .cap_info{
font-size:14px;
line-height: 1.75em;
}
.info .btn{
	padding-top:20px;
	text-align:center;
}

/*プロフィール
 * --------------------------------------------------------*/
.prof_pc{display: block;}
.prof_sp{display: none;}
.prof_sp2{display: none;}
.prof_pc_box{display: none;}
#profile{
	width: 450px;
	padding:30px;
}
.prof_text {
font-size:15px;
padding-top:10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ”Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.75em;
color: #000;
letter-spacing: 0.1em;
}
.cBox {
	padding: 30px 20px;
	margin: 0 auto;
}



@media screen and (min-width: 480px) {
  .midashi .text br {
    display: none;
  }
}



/*スマホ対応
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	
body {
background-image: url(../images/base_sp.jpg);
background-repeat:repeat-y;
background-size: contain;
background-position: top center;
}
.wrapper {
width: 100%;
}
/*スマホ対応 ヘッダー
 * --------------------------------------------------------*/
.header {
width: 100%;
margin:0 auto;
}
.header .top{
position:relative;
}
.header .top .photo{
margin:0 auto;
text-align:center;
}
.header .top .photo img{
width: 90%;
}
.header .top .titlemain{
margin:0 auto;
text-align:center;
}
.header .top .titlemain img{
width: 90%;
}
.header .top .credit{
position: absolute; top: 5px; left:0px;
}
.header .title{
width: 100%;
padding-bottom:20px;
margin-top:20px;
position:relative;
}
.header .title img{
width: 80%;
}

/*スマホ対応 ライン
 * --------------------------------------------------------*/
.line{
width: 90%;
padding-left:40px;
padding-bottom:30px;
}
.line img{
width: 90%;
}

/*スマホ対応 ヨドガワ&目次
 * --------------------------------------------------------*/
.contents1 {
width: 90%;
margin:0 auto;
overflow: hidden;
padding-bottom:100px;
}
.contents1 .yodogawa {
width: 85%;
float:none;
font-size:17px;
line-height: 2em;
letter-spacing: 0.075em;
padding-left:20px;
padding-bottom:50px;
}
.contents1 .right {
float:none;
margin:0 auto;
width: 90%;
}
.contents1 .right .number img {
width: 100%;
}


/*スマホ対応 見出し
 * --------------------------------------------------------*/
.midashi .text{
font-size:30px;
letter-spacing: 0em;
padding-bottom:8px;
}
/*スマホ対応 対談部分
 * --------------------------------------------------------*/
.midashi .number img{
width: 85%;
}
.conv{
width: 75%;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.075em;
padding-left:5px;
padding-bottom:36px;
}
.conv dt {
float: none;
}
.conv dd {
width: 100%;
margin-left: 0;
}
.conv .photo {
margin-left:0px;
padding-bottom:20px;
}
.conv .photo .photo_book{
width: 100%;
border: 2px solid #fff;
}
.conv .photo .photo_book img{
width: 100%;
margin-left:0px;
}
.conv .photo_tate {
padding-bottom:20px;
}
.conv .photo_tate .photo_book{
width: 80%;
margin:0 auto;
border: 2px solid #fff;
}
.conv .photo_tate .photo_book img{
width: 100%;
}
.conv .photo_nomachi{
text-align:center;
}
.conv .photo_nomachi img{
width: 90%;
}
.conv .photo_nomachi_tate img{
width: 70%;
}
.atogaki{
width: 75%;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.075em;
padding-left:5px;
padding-bottom:36px;
}

/*スマホ対応 インフォメーション
 * --------------------------------------------------------*/
.info{
width:70%;
font-size:16px;
padding-bottom:20px;
}
.info br {
    display: none;
  }
.info .midashi_info{
font-size:20px;
color: #fff;
letter-spacing: 0.1em;
padding-bottom:10px;
}
.info .photo {
margin-left:0px;
padding-bottom:20px;
}
.info .photo .photo_book{
width: 100%;
border: 2px solid #fff;
}
.info .photo .photo_book img{
width: 100%;
margin-left:0px;
}
.info .photo_info{
padding-top:20px;
padding-bottom:20px;
}
.info .photo_info img{
width:90%;
}
.info .cap_info{
font-size:14px;
line-height: 1.75em;
}
.info .btn{
	padding-top:20px;
	text-align:center;
}

/*スマホ対応 ナビゲーション
 * --------------------------------------------------------*/
.navi {
width:240px;
}
.navi img{
width: 60%;
}

.articleFooterSection {
width: 80%;
margin: 0 auto;
padding-left: 40px;
}
.articleFooterSection ul {
		text-align: center;
	}
.articleFooterSection img{
width: 80%;
}

.articleFooterSection ul > li:first-child {
		padding-top: 19px;
		text-align: center;
		display: table;
		margin: 0 auto;
	}
	
	#article .img > p {
		margin-left: 60px;
	}
	.articleFooter ul {
		width: 90%;
	}
	.articleFooter ul > li:first-child {
		display: block;
	}


/*スマホ対応 フッター
 * --------------------------------------------------------*/
#footer {
width: 90%;
}
#footer ul {
		text-align: center;
	}
#footer img{
width: 70%;
}
#footer ul li + li {
	margin-left: 1%;
}

	/* [sp] profile */
	.close {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		padding: 20px 0;
	}
	.prof_pc{display: none;}
	.prof_sp{display: block; z-index:999;}
	.prof_sp2{display: block; z-index:999;}
	.prof_pc_box{display: block;}
	#profile{
		width: 100%;
		padding: 10px 0 15px 0;
		display: none;
	}
	#profile2{
		width: 100%;
		padding: 10px 0 15px 0;
		display: none;
	}
	#profile h3,
	#profile p,{
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		padding-left: 25px;
	}
	#profile h3 {
		padding-bottom: 20px;
	}
	.prof_text {
	padding-top:40px;
	font-size:14px;
	color: #666666;
	}
	.close {
	color: #fff;
	}
	.prof img{
width: 75%;
}



}