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

.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
body {
background:url(../images/pre/bg.jpg) fixed 50% 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wrapper {
margin:0 auto;
width:800px;
padding-top:30px;
}
.wrapper_middle {
margin:0 auto;
width:800px;
background:url(../images/pre/note_naka.png);
}

/*ヘッダー
 * --------------------------------------------------------*/
.header {
width: 700px;
margin:0 auto;
}
.header .hobo{
text-align:center;
padding-bottom:48px;
}
.header .title{
text-align:center;
padding-bottom:16px;
}
.header .title_jp{
text-align:center;
padding-bottom:48px;
}
.header .photo{
padding-bottom:32px;
}
.header .yodogawa{
overflow: hidden;
padding-bottom:72px;
}
.header .yodogawa .text{
float:left;
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
color: #000;
line-height: 2em;
letter-spacing: 0.1em;
margin-left:20px;
margin-top:40px;
}
.header .yodogawa .item1{
float:right;
}
/*対談 ヨドガワ
 * --------------------------------------------------------*/
.header .yodogawa_conv{
padding-bottom:72px;
text-align:center;
position:relative;
}
.header .yodogawa_conv .text{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
color: #000;
line-height: 2em;
letter-spacing: 0.1em;
}
.header .yodogawa_conv .pig{
position: absolute; bottom: 50px; left: 0px;
}
.header .yodogawa_conv .fox{
position: absolute; bottom: 50px; right: 0px;
}

/*インフォボックス
 * --------------------------------------------------------*/
.info {
width: 584px;
margin:0 auto;
padding-bottom:64px;
}
.info .fukidashi {
text-align:center;
}
.info .box{
width: 584px;
background-color: #fff;
box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);
margin-top:-60px;
}
.info .box_naka{
width: 450px;
margin:0 auto;
padding-top:80px;
padding-bottom:40px;
position:relative;
}
.info .box .item1{
position: absolute; top: 140px; right: -120px;
}
.info .box .item2{
position: absolute; top: 625px; right: -120px;
}
.info .box .item3{
position: absolute; top:500px; right: -120px;
}
.info .box_naka .text{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
color: #736357;
line-height: 1.75em;
letter-spacing: 0.05em;
padding-bottom:40px;
}
.info .box_naka .info_text{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
color: #736357;
line-height: 2em;
}
.info .box_naka .cap{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
color: #736357;
line-height: 1.65em;
padding-top:8px;
}
.info .box_naka .cap2{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
color: #736357;
line-height: 1.65em;
padding-top:0px;
}
.info .box_naka .komidashi{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:20px;
color: #EAA580;
line-height: 1.5em;
letter-spacing: 0.05em;
padding-bottom:10px;
}
.info .box_naka .date{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:17px;
color: #EAA580;
line-height: 1.65em;
letter-spacing: 0.05em;
padding-bottom:4px;
}
.info .box_naka .komidashi_cap{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
color: #EAA580;
line-height: 1.65em;
letter-spacing: 0.05em;
padding-bottom:20px;
margin-top:-8px;
}
.info .box_naka .komidashi3{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:20px;
color: #D4A4C6;
line-height: 1.5em;
letter-spacing: 0.05em;
padding-bottom:10px;
}
.info .box_naka .date3{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:17px;
color: #D4A4C6;
line-height: 1.65em;
letter-spacing: 0.05em;
padding-bottom:4px;
}
.info .box_naka .komidashi_cap3{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
color: #D4A4C6;
line-height: 1.65em;
letter-spacing: 0.05em;
padding-bottom:20px;
margin-top:-8px;
}
.info .box_naka .komidashi4{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:20px;
color: #9ACB88;
line-height: 1.5em;
letter-spacing: 0.05em;
padding-bottom:10px;
}
.info .box_naka .date4{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:17px;
color: #9ACB88;
line-height: 1.65em;
letter-spacing: 0.05em;
padding-bottom:4px;
}
.info .box_naka .komidashi_cap4{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
color: #9ACB88;
line-height: 1.65em;
letter-spacing: 0.05em;
padding-bottom:20px;
margin-top:-8px;
}
.info .box_naka .book{
box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.info .box_naka .photo{
padding-bottom:32px;
}
.info .box_naka .btn{
text-align:center;
}
.line2 {
text-align:center;
padding-bottom:40px;
}
/*プロフィール
 * --------------------------------------------------------*/
.prof_pc{display: block;}
.prof_sp{display: none;}
.prof_pc_box{display: none;}
#profile{
	width: 450px;
	padding:30px;
}
.prof {
text-align:center;
padding-top:16px;
padding-bottom:80px;
}
.prof_text {
font-size:15px;
padding-top:10px;
font-family: "Shuei MaruGo 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;
}
/*対談 もくじ
 * --------------------------------------------------------*/
.mokuji{
text-align:center;
width: 496px;
margin:0 auto;
padding-bottom:64px;
}
.mokuji .midashi{
padding-bottom:24px;
}
.mokuji .mokuji_line{
overflow: hidden;
height: auto;
padding-bottom:16px;
}
.mokuji .mokuji_line .mokuji_left{
float:left;
}
.mokuji .mokuji_line .mokuji_right{
float:right;
}

/*対談部分
 * --------------------------------------------------------*/
.conv_title{
text-align:center;
padding-top:20px;
padding-bottom:20px;
}
.conv_title .fukidashi{
padding-bottom:12px;
}
.conv{
width:500px;
margin:0 auto;
font-size:16px;
line-height: 2em;
color: #000;
padding-bottom:48px;
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.05em;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
float:left;
clear:both;
}
.conv dd {
margin-left:80px;
padding-bottom:10px;
width:420px;
}
.conv .continue {
text-align:center;
}
.talker1{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #9ACB88;
}
.talker2{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #D4A4C6;
}
.talker0{
letter-spacing: 0em;
}
.conv .photo {
width:550px;
margin-left:-25px;
padding-bottom:20px;
}

/*ナビゲーション
 * --------------------------------------------------------*/
.navi {
width:240px;
padding-bottom:100px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.navi .back{
float:left;
}
.navi .top{
float:left;
margin-left:24px;
}
.navi .next{
float:right;
}
/*リンク
 * --------------------------------------------------------*/
.link{
width: 496px;
margin:0 auto;
padding-bottom:64px;
overflow: hidden;
}
.link .left{
float:left;
}
.link .right{
float:right;
}
/*ライン
 * --------------------------------------------------------*/
.line {
text-align:center;
padding-bottom:32px;
}

/*本文テキスト
 * --------------------------------------------------------*/
.text_hon {
width: 400px;
margin:0 auto;
padding-bottom:32px;
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
color: #000;
line-height: 2em;
letter-spacing: 0.05em;
}
.text_hon .komidashi{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:20px;
color: #EAA580;
line-height: 1.5em;
letter-spacing: 0.05em;
}
.text_hon .komidashi_last{
font-family: "Shuei MaruGo B", '秀英丸ゴシック B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:20px;
color: #D4A4C6;
line-height: 1.5em;
letter-spacing: 0.05em;
}
.to_top{
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
color: #736357;
line-height: 2em;
letter-spacing: 0.05em;
text-align:center;
padding-bottom:100px;
}
	
/*youtube
 * --------------------------------------------------------*/
 .youtube {
width: 640px;
margin:0 auto;
padding-bottom:100px;
}
/*フッター
 * --------------------------------------------------------*/
.fotter {
width:380px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.fotter .btn1{
float:left;
}
.fotter .btn2{
float:left;
margin-left:20px;
}
.fotter .btn3{
float:left;
margin-left:20px;
}
.fotter .btn4{
float:left;
margin-left:20px;
}

/*コピーライト
 * --------------------------------------------------------*/
 .copyright {
text-align:center;
padding-top:50px;
padding-bottom:120px;
}

a:link{ color: #000;}
	 
a:visited{ color: #000;}
	 
a:hover{ color: #736357;}