@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:url(../images/bg.jpg) fixed 50% 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.wrapper{
width: 940px;
margin:0 auto;
background-color: #fff;
margin-top: 30px;
margin-bottom: 30px;
}
.line{
text-align:center;
}

/*タイトル 淀川&目次
 * --------------------------------------------------------*/
.header {
background-image: url(../images/title.jpg);
width: 940px;
height: 910px;
margin-bottom: 80px;
}
.header img {
display: none;
}
.intro {
width: 768px;
margin:0 auto;
height: auto;
overflow: hidden;
margin-bottom: 95px;
}
.intro .left {
float: left;
}
.intro .left .yodogawa{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
line-height: 2em;
letter-spacing: 0.1em;
color: #000000;
}
.intro .right {
float: right;
}
.intro .right .mokuji {
margin-bottom: 24px;
}
.intro .right .mokuji .mokuji_1{
margin-bottom: 8px;
}
.intro .right .prof{
}

/*対談部分
 * --------------------------------------------------------*/
.midashi_conv{
text-align:center;
margin-top:80px;
margin-bottom:40px;
}
.conv{
width:500px;
margin:0 auto;
color: #273659;
padding-bottom:48px;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:60px;
float:left;
clear:both;
font-size:16px;
line-height: 2em;
letter-spacing: 0.05em;
font-family: "Shuei KakuGo Gin B", '秀英角ゴシック銀 B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #39a94a;
}
.conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
font-size:16px;
line-height: 2em;
letter-spacing: 0.05em;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #39a94a;
}
.conv .photo500 {
width:500px;
margin:0 auto;
margin-bottom:40px;
}
.conv .photo_cap {
margin-left:-50px;	
margin-bottom:40px;
}
.conv .photo_cap_tate {
margin-left:50px;	
margin-bottom:40px;
}
.conv .photo {
margin-bottom:16px;
}
.conv .cap {
font-size:14px;
line-height: 1.5em;
letter-spacing: 0.05em;
font-family: "Gothic Medium BBB", '中ゴシックBBB', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #8b918c;
}
.conv .continue {
text-align:center;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #8b918c;
}
.conv .date {
text-align:center;
color: #273659;
font-size:12px;
letter-spacing: 0.25em;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #8b918c;
}

/*ナビゲーション
 * --------------------------------------------------------*/
.navi {
width:270px;
margin:0 auto;
padding-bottom:80px;
}
.navi ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
height: auto;
overflow: hidden;
}
.navi li{ 
padding: 0; 
margin-left: 12px; 
margin-right: 12px; 
float: left;
}

/*インフォメーション
 * --------------------------------------------------------*/
.info {
width:540px;
background-color: #fff9e4;
margin:0 auto;
padding-top:54px;
padding-bottom:54px;
margin-bottom:80px;
}
.info .info_naka{
width: 440px;
margin:0 auto;
}
.info .info_naka .title{
margin-bottom:32px;
}
.info .info_naka .text{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
line-height: 2em;
color: #000000;
margin-left:60px;
margin-bottom:32px;
}
.info .info_naka .book{
text-align:center;
margin-bottom:24px;
}
.info .info_naka .amazon{
text-align:center;
}


/*フッター
 * --------------------------------------------------------*/
.footer {
width:384px;
margin:0 auto;
padding-bottom:72px;
margin-top:80px;
}
.btn {
padding-bottom:40px;
}
.btn ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
height: auto;
overflow: hidden;
}
.btn li{ 
padding: 0; 
margin-left: 14px; 
margin-right: 14px; 
float: left;
}
.footer .copyright{
text-align:center;
}

/*プロフィール
 * --------------------------------------------------------*/
.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 Kin L", '秀英角ゴシック金 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.75em;
color: #2B211E;
letter-spacing: 0.05em;
}
.cBox {
	padding: 30px 20px;
	margin: 0 auto;
}



@media only screen and (max-width: 479px) {
.line{
width: 100%;
}
.line img{
width: 100%;
}
/*スマホ対応 タイトル
 * --------------------------------------------------------*/
body {
}
.wrapper{
width: 95%;
margin-top: 0px;
margin-bottom: 0px;
}
.header {
width: auto;
height: auto;
background: none;
padding-top:10px;
margin-bottom: 30px;
}
.header img {
display: block;
width: 100%;
}

/*スマホ対応 タイトル下 淀川&目次
 * --------------------------------------------------------*/
.intro {
width: 90%;
margin-bottom: 50px;
}
.intro .left {
float: none;
}
.intro .left .yodogawa{
font-size:15px;
line-height: 2em;
letter-spacing: 0em;
margin-bottom: 20px;
}
.intro .right {
float: none;
}
.intro .right .mokuji {
width: 100%;
}
.intro .right .mokuji img{
width: 100%;
}
.intro .right .mokuji .mokuji_1{
}
.intro .right .prof{
width: 100%;
}
.intro .right .prof img{
width: 100%;
}



/*スマホ対応 対談部分
 * --------------------------------------------------------*/
.midashi_conv{
width: 100%;
margin-top:40px;
margin-bottom:20px;
}
.midashi_conv img{
width: 90%;
}
.conv{
width: 90%;
margin:0 auto;
padding-bottom:36px;
}
.conv dt {
width:120px;
float: none; 
clear: none; 
text-align:left;
font-size:16px;
line-height: 2em;
letter-spacing: 0em;
}
.conv dd {
margin-left:0em;
width:100%;
font-size:16px;
line-height: 2em;
letter-spacing: 0em;
}
.conv .photo500 {
width: 100%;
margin:0 auto;
margin-bottom:40px;
}
.conv .photo500 img{
width: 100%;
}
.conv .photo_cap {
width:100%;
margin:0 auto;
margin-left:0px;	
margin-bottom:40px;
}
.conv .photo_cap img{
width:100%;
}
.conv .photo_cap_tate{
width:80%;
margin-left:0px;	
margin:0 auto;
margin-bottom:40px;
}
.conv .photo_cap_tate img{
width:100%;
}
.conv .photo {
margin-bottom:8px;
}
.conv .cap {
font-size:12px;
line-height: 1.5em;
letter-spacing: 0em;
}
.conv .continue {
text-align:center;
}
.conv .date {
text-align:center;
color: #8b918c;
font-size:12px;
letter-spacing: 0.25em;
}


/*スマホ対応 ナビゲーション
 * --------------------------------------------------------*/
.navi {
padding-bottom:56px;
}


/*スマホ対応 インフォメーション
 * --------------------------------------------------------*/
.info {
width:100%;
margin:0 auto;
padding-top:60px;
padding-bottom:60px;
margin-bottom:0px;
}
.info .info_naka{
width:90%;
margin:0 auto;
}
.info .info_naka .title{
margin-bottom:20px;
}
.info .info_naka .title img{
width:100%;
}
.info .info_naka .text{
font-size:14px;
line-height: 2em;
margin-left:0px;
margin-bottom:20px;
}
.info .info_naka .book{
width:100%;
margin:0 auto;
text-align:center;
margin-bottom:24px;
}
.info .info_naka .book img{
width:100%;
}
.info .info_naka .amazon{
text-align:center;
}

/*スマホ対応 フッター
 * --------------------------------------------------------*/
.footer {
width: 90%;
padding-top:56px;
padding-bottom:56px;
margin-top:0px;
}
.btn {
padding-bottom:32px;
}
.btn ul{ 
width: 100%;
}
.btn li{ 
margin-left: 8px; 
margin-right: 8px; 
}
.btn li img{ 
width: 64px;
}


/* [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: 90%;
		padding: 10px 0 15px 0;
		display: none;
	}
	#profile h3,
	#profile p,{
	font-size:14px;
line-height: 2em;
margin-left:0px;
		text-align: left;
		padding-left: 25px;
	}
	#profile h3 {
		padding-bottom: 20px;
	}
	.prof_text {
	padding-top:40px;
	font-size:14px;
	color: #2B211E;
	}
	.close {
	color: #2B211E;
	}


}