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

.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

body {
background:url(../images/bg.jpg) fixed 50% 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #603813;
}
.wrapper {
margin:0 auto;
width:800px;
background-color: #fff;
}
.wrapper .wrapper_naka{
margin:0 auto;
width:760px;
}

/*ヘッダー
 * --------------------------------------------------------*/
.header {
width: 760px;
padding-top:30px;
position:relative;
}
.header .hobo{
position: absolute; top: 30px; left: 16px;
}
.header .title{
	position: absolute;
	top: 30px;
	left: 249px;
}
.header .mary{
position: absolute; top: 30px; right: 105px;
}
.header .photo{
padding-top:150px;
}

/*ヨドガワ
 * --------------------------------------------------------*/
.yodogawa {
font-size:17px;
font-weight:bold; 
text-align:center;
color: #603813;
padding-top:50px;
-webkit-text-size-adjust: 100%;
}

/*プロフィール
 * --------------------------------------------------------*/
.prof {
width:307px;
margin:0 auto;
height: auto;
overflow: hidden;
padding-top:40px;
padding-bottom:45px;
}
.prof .left_btn{
float:left;
}
.prof .right_btn{
margin-left:15px;
float:left;
}

/*対談部分
 * --------------------------------------------------------*/
.conv_all {
padding-top:60px;
padding-bottom:60px;
}
.conv_all .midashi{
text-align:center;
}
.conv_all .midashi .number{
text-align:center;
padding-bottom:16px;
}
.conv_all .conv{
width:500px;
margin:0 auto;
font-size:16px;
color: #603813;
padding-top:30px;
padding-bottom:30px;
-webkit-text-size-adjust: 100%;
}
.conv_all .conv dt {
width:60px;
float:left;
clear:both;
}
.conv_all .conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
}
.conv_all .conv .continue {
text-align:center;
}
.conv_all .navi{
margin:0 auto;
width:220px;
padding-bottom:60px;
}
.conv_all .navi .back{
float:left;
}
.conv_all .navi .top{
float:left;
margin-left:20px;
}
.conv_all .navi .next{
float:right;
}

/*おすすめ（対談部分）
 * --------------------------------------------------------*/
.osusume {
width:470px;
margin:0 auto;
}
.osusume .osusume_naka{
background-color: #fae9eb;
}
.osusume .osusume_naka .text{
width:350px;
margin:0 auto;
font-size:16px;
color: #dd6d7b;
padding-top:20px;
padding-bottom:30px;
-webkit-text-size-adjust: 100%;
}

/*もくじ
 * --------------------------------------------------------*/
.mokuji {
padding-top:60px;
padding-bottom:60px;
text-align:center;
font-size:15px;
color: #968375;
}
.mokuji .number{
padding-top:30px;
}
.mokuji .date{
font-size:12px;
color: #968375;
-webkit-text-size-adjust: 100%;
}

a:link{ color: #603813;}
	 
a:visited{ color: #603813;}
	 
a:hover{ color: #F7931E;}

/*フッター
 * --------------------------------------------------------*/
.fotter {
padding-top:45px;
padding-bottom:60px;
margin:0 auto;
width:316px;
}
.fotter .navi{
padding-bottom:60px;
}
.fotter .navi .mail{
float:left;
}
.fotter .navi .twitter{
float:left;
margin-left:20px;
}
.fotter .navi .facebook{
float:left;
margin-left:20px;
}
.fotter .navi .home{
float:right;
}
.fotter .copyright{
text-align:center;
margin-top:40px;
}

/*スマホ対応
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
.wrapper {
width: 100%;
}
.wrapper .wrapper_naka{
width: 95%;
padding-top:10px;
padding-bottom:10px;
}
.wrapper_naka .header {
width: 100%;
position:relative;
}
.header .hobo{
width: 100%;
position: absolute; top: 0px; left: 10px;
}
.header .hobo img{
width: 13%;
}
.header .title{
	position: absolute;
	top: 0px;
	left: 25%;
}
.header .title img{
width: 65%;
}
.header .mary{
position: absolute; top: 0px; right: 3%;
}
.header .mary img{
width: 70px;
}
.header .photo img{
padding-top:80px;
width: 100%;
}
.yodogawa {
font-size:16.5px;
line-height: 2em;
font-weight:bold; 
text-align:left;
}
.wrapper .wrapper_naka .line{
width: 100%;
}
.wrapper .wrapper_naka .line img{
width: 100%;
}
.prof {
width: 305px;
text-align:center;
}
.prof .left_btn img{
width: 140px;
}
.prof .right_btn img{
margin-left:10px;
width: 140px;
}
.conv_all{
width: 100%;
line-height: 1.75em;
}
.conv_all .midashi .number img{
width: 90px;
text-align:center;
}
.conv_all .midashi .text img{
width: 100%;
}
.conv_all .conv{
width:100%;
font-size:15px;
}
.conv_all .conv dt {
width:15%;
}
.conv_all .conv dd {
width:80%;
}
.conv_all .conv .photo img{
width: 100%;
}
.conv_all .navi .top{
float:left;
margin-left:20px;
width: 60px;
}
.conv_all .navi .next{
float:right;
width: 60px;
}
.osusume {
width: 100%;
}
.osusume .osusume_naka .text{
width: 80%;
margin-left:10%;
}
.osusume .top img{
width: 100%;
}
.osusume .under img{
width: 100%;
}
.osusume .midashi img{
width: 80%;
}
.mokuji .number{
width: 65px;
margin:0 auto;
}
.fotter {
width:271px;
}
.fotter .navi .mail{
}
.fotter .navi .twitter{
margin-left:5px;
}
.fotter .navi .facebook{
margin-left:5px;
}
.fotter .navi .home{
float:right;
}
}