@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-image: url(../images/base.jpg);
background-repeat:repeat-y;
background-position: top center;
background-attachment: fixed;
}

.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:-25px;
margin-top:30px;
text-align:center;
}
.header .top .credit{
position: absolute; top: 32px; left: -72px;
}
.header .title{
text-align:center;
padding-bottom:120px;
margin-top:-85px;
position:relative;
}

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


/*ヨドガワ&目次
 * --------------------------------------------------------*/
.yodogawa{
width:420px;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0.075em;
color: #777377;
padding-top:30px;
padding-bottom:30px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*見出し
 * --------------------------------------------------------*/
.midashi{
text-align:center;
padding-top:60px;
padding-bottom:30px;
}
.komidashi{
text-align:center;
margin-left:-30px;
padding-bottom:40px;
}
.photo{
text-align:center;
padding-bottom:50px;
}
.midashi .number{
padding-bottom:16px;

}
.midashi .text{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, 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", "メイリオ", ”Meiryo, 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:16px;
line-height: 2em;
letter-spacing: 0.075em;
color: #777377;
padding-bottom:48px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv .gray{
font-size:14px;
line-height: 1.8em;
letter-spacing: 0.1em;
color: #666666;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:70px;
float:left;
clear:both;
}
.conv dd {
margin-left:90px;
padding-bottom:25px;
width:500px;
}
.conv .continue {
text-align:center;
}
.conv .photo {
margin-left:-75px;
padding-bottom:20px;
}

.cap_photo{
font-size:12px;
line-height: 1.75em;
color: #776C68;
padding-top:8px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, 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", "メイリオ", ”Meiryo, 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;
}

/*フッター
 * --------------------------------------------------------*/
.date {
font-size:14px;
line-height: 2em;
letter-spacing: 0.075em;
text-align:center;
letter-spacing: 0.1em;
color: #666666;
padding-top:20px;
padding-bottom:50px;
}
.fotter {
margin:0 auto;
width:800px;
}
.fotter .navi{
width:800px;
padding-top:48px;
padding-bottom:32px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.fotter .navi .btn1{
float:left;
margin-left:25px;
}
.fotter .navi .btn2{
float:left;
margin-left:28px;
}
.fotter .navi .btn3{
float:left;
margin-left:35px;
padding-top:12px;
}
.fotter .navi .btn4{
float:left;
margin-left:35px;
padding-top:12px;
}
.fotter .copyright{
text-align:center;
padding-top:20px;
padding-bottom:100px;
font-size:14px;
line-height: 2em;
letter-spacing: 0.075em;
color: #666666;
}
/*インフォメーション
 * --------------------------------------------------------*/
.info{
width:480px;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0.075em;
color: #777377;
padding-bottom:60px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mini{
width:450px;
margin:0 auto;
font-size:14px;
line-height: 2em;
letter-spacing: 0.075em;
color: #777377;
padding-bottom:30px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info .bold{
font-weight: bolder; 
margin-bottom:-30px;
}
.info .big{
font-size:22px;
line-height: 2em;
letter-spacing: 0.075em;
color: #777377;
font-weight: bold; 
margin-bottom:15px;
}
.info .midashi_info{
font-size:20px;
color: #fff;
letter-spacing: 0.1em;
padding-bottom:10px;
}
.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: 480px;
	padding:30px;
}
.prof {
	text-align:center;
}
.prof_text {
font-size:15px;
padding-top:10px;
font-family: "ヒラギノ角ゴ 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;
}



@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: 100%;
}
.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: 100%;
padding-bottom:60px;
}
.line img{
width: 100%;
}

/*スマホ対応 ヨドガワ&目次
 * --------------------------------------------------------*/
.yodogawa{
width:90%;
font-size:16px;
padding-bottom:50px;
}


/*スマホ対応 見出し
 * --------------------------------------------------------*/
.midashi .text{
font-size:30px;
letter-spacing: 0em;
padding-bottom:8px;
}
.midashi {
margin-left:0px;
}
.komidashi {
margin-left:0px;
}
/*スマホ対応 対談部分
 * --------------------------------------------------------*/
.midashi .number img{
width: 100%;
}
.komidashi .number img{
width: 100%;
}
.conv{
width: 85%;
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:90%;
font-size:16px;
padding-bottom:50px;
}
.mini{
width:90%;
font-size:13px;
}
 .info .big br {
    display: none;
  }
.info .bold{
font-weight: bolder; 
margin-bottom:0px;
}
.photo img{
width: 90%;
}
.info .midashi_info{
font-size:20px;
color: #fff;
letter-spacing: 0.1em;
padding-bottom:10px;
}
.info .photo_info{
padding-top:20px;
padding-bottom:20px;
}
.info .photo_info img{
width:100%;
}
.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%;
}

/*スマホ対応 フッター
 * --------------------------------------------------------*/
.fotter {
width: 100%;
}
.fotter .navi {
width: 80%;
float:none;
}

	/* [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: 90%;
}



}