@charset "UTF-8";
/* CSS Document */a{
	margin: 0px;
	padding: 0px;
}
ul,li{ margin: 0; padding: 0; list-style:none; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img{
    margin:0;
    padding:0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 2.0;
	letter-spacing:0px;
	color: #000;
	background-color:#fff;
	}
.hobonichi{width:956px; text-align:right; padding-top:20px;}
#wrapper{
	background-image:url(../images/back.jpg) ;
	background-attachment:fixed;
	background-repeat:repeat-y;
	background-position:center bottom;}
.title{width:880px; margin:0 auto;
background-image:url(../images/sub_title.jpg) ;
background-repeat:no-repeat;
background-position:right top;
text-align:left;
padding-top:15px;}
.yodogawa{text-align:center; padding:15px;}
.navitop{text-align:center; margin:0 auto; width:217px; padding:30px;}
.line{width:850px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl40{padding-left:60px; padding-bottom:30px; padding-top:20px; width:870px; margin:0 auto}
.s_title{text-align:center; padding-top:20px; padding-bottom:40px;}
.date{
	text-align:center;
	font-size:12px;
	padding:30px;
	letter-spacing:1px;}
.call{margin:0 auto; width:500px; text-align:center; padding:30px;}
.kokuchi{font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#2c4075;}
.midashi_b{font-size:22px; color:#2c4075; font-weight:bold;}

#book{width:800px; margin:0 auto;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#book li{
	float:left;
	margin-left:40px;
	text-align:left;
	font-size:15px;
	width:360px;}

#book{
	padding:30px;
	width:870px;
	margin:0 auto;
	padding-bottom:30px;
	height:auto;}
.link{width:340px; margin:0 auto; padding:30px;}


/*対談部分
 * --------------------------------------------------------*/
.midashi_conv{
text-align:center;
padding-top:60px;
padding-bottom:40px;
}
.conv{
width:500px;
margin:0 auto;
font-size:18px;
line-height: 2.2em;
letter-spacing: 0.005em;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:60px;
float:left;
clear:both;
font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
}
.conv .photo {
margin-left:-30px;
padding-bottom:40px;
padding-top:20px;
text-align:center;
color:#534741;
}
.conv .photo-t {
margin-left:0px;
padding-bottom:20px;
padding-top:20px;
color:#534741;
}

.minagawa{color:#93278f;
font-weight:bold;}
.matsuie{color:#2c4075;
font-weight:bold;}
.itoi{color:#666666;
font-weight:bold;}


/* mokuji --------------- */
#mokuji li{
	float:left;
	margin-left:60px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	width:360px;}

#mokuji{
	padding:20px;
	width:870px;
	margin:0 auto;
	padding-bottom:30px;
	height:auto;}


/* navi --------------- */


#navi li, #navi2 li{
	float:left;
	margin-left:60px;
	text-align:center;
	font-size:12px;
	font-weight:bold;}

#navi{
	padding:20px;
	width:900px;
	margin:0 auto;
	padding-bottom:30px;
	height:auto;}
#navi2{
	padding:20px;
	width:730px;
	margin:0 auto;
	padding-bottom:30px;
	height:auto;}

/* clear --------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.mp{display:none;}
.fb-like{padding-top:18px;}
/*　リンク　*/

a:link{ color: #147B2A; text-decoration: none; }

a:visited{ color: #B5B5B5; text-decoration: none; }

a:hover{ color: #124B93; text-decoration: none; }

/* smart phone
 * --------------------------------------------------------*/
@media only screen and (max-device-width: 479px) {
	body, #wrapper{width:100%;background-color:#fff; background-image : none; margin: 0 auto;}
	img{max-width:100%;height:auto;}
	.title{width:100%; padding:0; text-align:center; margin-top:0px; height:auto; background-image : none;}
	.pt20{padding-top:5px;}
	.pl40,.hobonichi{width:100%;}
	.line{width:100%; padding-bottom:10px; padding-top:10px;}
	/*スマホ対応 対談部分
 * --------------------------------------------------------*/
 .mp{display:block; text-align:center; width:100%; margin:0 auto;}
.call{margin:0 auto; width:90%; text-align:center; padding:0px; padding-top:20px;}
#mokuji li{
	float:none;
	margin-left:30px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	width:360px;}

#mokuji{
	padding:0px;
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
	height:auto;}

#book li{
	float:none;
	margin-left:0px;
	text-align:left;
	font-size:15px;
	width:100%;}

#book{
	padding:0px;
	width:90%;
	margin:0 auto;
	padding-bottom:30px;
	padding-top:15px;
	height:auto;}
#navi li,#navi2 li{
	margin-left:10px;
	text-align:center;}

#navi,#navi2{
	padding:0px;
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
	height:auto;}
	


.midashi_conv{
width: 100%;
padding-bottom:20px;
}
.midashi_conv img{
width: 100%;
}
.conv{
width: 95%;
margin:0 auto;
font-size:15px;
line-height: 2em;
letter-spacing: 0.075em;
padding-bottom:0px;
}
.conv dd {
width:80%;
}
.conv .photo , .conv .photo-t{
width: 100%;
margin-left:0px;
}
.conv .photo img, .conv .photo-t img{
width: 100%;
}
.date{width:80%; margin:0 auto; padding:10px;}
	}