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

.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
a:link{text-decoration: none; }
a:visited{text-decoration: none; }
a:hover{text-decoration: none; }

body {
background-color: #fff;
}

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

/*ヘッダー
 * --------------------------------------------------------*/
.hobo {
text-align: center;
padding-top:30px;
padding-bottom:30px;
}
.header {
background-color: #000;
}
.header .title{
width: 800px;
height: 608px;
margin:0 auto;
background: url(../images/title_pc.jpg) center;
background-repeat: no-repeat;
}
.header .title img {
display: none;
}
.credit_top {
font-size:12px;
line-height: 1.75em;
color: #776C68;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*淀川と目次
 * --------------------------------------------------------*/
.contents1 {
width: 640px;
margin:0 auto;
overflow: hidden;
margin-top:56px;
}
.contents1 .yodogawa {
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
color: #000;
line-height: 2em;
float:left;
letter-spacing: 0.05em;
}
.contents1 .right {
float:right;
}
.contents1 .right .mokuji_1{
padding-bottom:16px;
}

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


/*対談部分
 * --------------------------------------------------------*/
.line_top{
width:640px;
margin:0 auto;
padding-top:100px;
padding-bottom:50px;
}
.line_bottom{
width:640px;
margin:0 auto;
padding-bottom:100px;
}
.midashi{
text-align:center;
padding-bottom:32px;
}
.conv{
width:500px;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0.075em;
padding-bottom:48px;
font-family: "HonMinKok-Book", '本明朝-Book 小がな', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:60px;
float:left;
clear:both;
}
.conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
}
.conv dt.talker0, .conv dd.talker0 {
color: #928075;
}
.conv .continue {
text-align:center;
}
.conv .photo {
margin-left:-70px;
padding-bottom:20px;
}
.conv .photo .cap{
font-size:12px;
line-height: 1.75em;
color: #0071b5;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv .photo_tate {
margin-left:0px;
padding-bottom:20px;
}
.conv .photo_tate .cap{
font-size:12px;
line-height: 1.75em;
color: #0071b5;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

/*インフォメーション
 * --------------------------------------------------------*/
.info{
background-color: #f6f3f1;
width:640px;
margin:0 auto;
margin-bottom:100px;
}
.info .info_naka{
width:528px;
margin:0 auto;
padding-top:56px;
padding-bottom:56px;
}
.info .info_naka .info_top{
overflow: hidden;
margin-bottom:50px;
}
.info .info_naka .info_top .left{
float: left;
}
.info .info_naka .info_top .left .book{
padding-bottom:10px;
}
.info .info_naka .info_top .right{
float: right;
}
.info .info_naka .info_top .right .info_midashi{
font-size:18px;
line-height: 1.75em;
letter-spacing: 0em;
padding-bottom:18px;
font-family: "HonMinKok-Book", '本明朝-Book 小がな', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .info_naka .info_top .right .text_info{
font-size:15px;
line-height: 2em;
letter-spacing: 0em;
font-family: "HonMinKok-Book", '本明朝-Book 小がな', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .info_naka .text_book{
font-size:15px;
color: #0071b5;
line-height: 2em;
letter-spacing: 0.075em;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-left:80px;
}
.info .info_naka .photo{
margin-top:40px;
}
.info .info_naka .photo .cap{
font-size:12px;
line-height: 1.75em;
color: #0071b5;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*フッター
 * --------------------------------------------------------*/
.fotter_out {
background-color: #000;
}
.fotter {
margin:0 auto;
width:800px;
}
.fotter .navi{
width:272px;
padding-top:48px;
padding-bottom:32px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.fotter .navi .btn1{
float:left;
}
.fotter .navi .btn2{
float:left;
margin-left:16px;
}
.fotter .navi .btn3{
float:left;
margin-left:16px;
}
.fotter .navi .btn4{
float:left;
margin-left:16px;
}
.fotter .copyright{
text-align:center;
padding-bottom:56px;
}


/*スマホ対応
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
.wrapper {
width: 100%;
}
/*スマホ対応 ヘッダー
 * --------------------------------------------------------*/
.hobo {
width: 100%;
margin:0 auto;
padding-top:16px;
padding-bottom:16px;
}
.hobo img{
width: 60%;
}
.header {
}
.header .title{
width: 100%;
margin:0 auto;
height: auto;
background: none;
}
.header .title img {
width: 100%;
display: block;
}
.credit_top {
width: 90%;
margin:0 auto;
font-size:12px;
line-height: 1.75em;
color: #776C68;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*スマホ対応 ヨドガワ&目次
 * --------------------------------------------------------*/
.contents1 {
width: 90%;
margin:0 auto;
margin-bottom:80px;
}
.contents1 .yodogawa {
width: 100%;
float:none;
padding-bottom:50px;
padding-top:40px;
}
.contents1 .right {
width: 80%;
margin:0 auto;
float:none;
margin:0 auto;
}
.contents1 .right img{
width: 100%;
}

/*スマホ対応 見出し
 * --------------------------------------------------------*/
.midashi .text{
font-size:30px;
letter-spacing: 0em;
padding-bottom:8px;
}

/*スマホ対応 対談部分
 * --------------------------------------------------------*/
.line_top {
width: 100%;
margin-top:0px;
}
.line_top img{
width: 100%;
display: none;
}
.line_bottom{
width: 100%;
}
.line_bottom img{
width: 100%;
display: none;
}
.midashi img{
width: 30%;
}
.conv{
width: 95%;
margin:0 auto;
font-size:15px;
line-height: 2em;
letter-spacing: 0.075em;
padding-bottom:36px;
}
.conv dd {
width:80%;
}
.conv .photo {
margin-left:0px;
padding-bottom:20px;
width:100%;
}
.conv .photo img{
width:100%;
}
.conv .photo .cap{
font-size:12px;
line-height: 1.75em;
color: #0071b5;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .info_naka .photo_tate{
argin-left:0px;
padding-bottom:20px;
width:100%;
}
.conv .photo_tate img{
width:100%;
}
.info .info_naka .photo_tate .cap{
font-size:12px;
line-height: 1.75em;
color: #0071b5;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*インフォメーション
 * --------------------------------------------------------*/
.info{
width: 100%;
margin:0 auto;
margin-bottom:30px;
}
.info .info_naka{
width: 90%;
margin:0 auto;
padding-top:30px;
padding-bottom:30px;
}
.info .info_naka .info_top{
overflow: hidden;
margin-bottom:50px;
}
.info .info_naka .info_top .left{
float: none;
}
.info .info_naka .info_top .left .book{
padding-bottom:10px;
text-align:center;
}
.info .info_naka .info_top .left .btn{
padding-bottom:30px;
text-align:center;
}
.info .info_naka .info_top .right{
float: none;
}
.info .info_naka .info_top .right .info_midashi{
font-size:16px;
line-height: 1.5em;
letter-spacing: 0em;
padding-bottom:10px;
font-family: "HonMinKok-Book", '本明朝-Book 小がな', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .info_naka .info_top .right .text_info{
font-size:14px;
line-height: 2em;
letter-spacing: 0em;
font-family: "HonMinKok-Book", '本明朝-Book 小がな', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .info_naka .text_book{
font-size:14px;
color: #0071b5;
line-height: 2em;
letter-spacing: 0em;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-left:0px;
}
.info .info_naka .photo{
width: 100%;
margin:0 auto;
margin-top:40px;
}
.info .info_naka .photo img{
width: 100%;
}
.info .info_naka .photo .cap{
width: 100%;
margin:0 auto;
font-size:12px;
line-height: 1.75em;
color: #0071b5;
padding-top:8px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*スマホ対応 フッター
 * --------------------------------------------------------*/
.fotter {
width: 100%;
background: url(../images/common/bg_paper.jpg);
}
.fotter .copyright img{
width:70%;
}

	/* [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_pc_box{display: block;}
	#profile{
		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;
	line-height: 2em;
	color: #776C68;
	}
	.close {
	color: #000;
	}



}