/*ヨドガワ
 * --------------------------------------------------------*/

 .yodogawa{
	width: 500px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.8;
	padding-top: 20px;
	padding-bottom: 50px;
}

/*対談部分
 * --------------------------------------------------------*/

.convbase {
width:800px;
margin: 0 auto;
padding-top: 50px;
background-color: #e0e0d3;
 }
.conv{
width:500px;
margin:0 auto;
font-size:16px;
line-height: 2em;
padding-bottom:48px;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:80px;
float:left;
clear:both;
font-weight: bold;
}
.conv dd {
margin-left:80px;
padding-bottom:5px;
width:500px;
}
.conv .photo {
padding-bottom:20px;
}
.cap{
 width: 500px;
 margin: 0 auto;
 font-size: 14px;
 line-height: 1.8;
 color: #666666;
 padding-bottom: 30px;
}
.movie {
 margin: 0 auto;
 padding-bottom: 30px;
}

/*コラム
 * --------------------------------------------------------*/

 .column_yodogawa{
	width: 500px;
	margin: 0 auto;
	font-size: 16px;
  font-weight: bold;
	line-height: 2.0;
	padding-top: 70px;
}
.column{
 width: 500px;
 margin: 0 auto;
 font-size: 16px;
 line-height: 2.0;
 padding-top: 30px;
 padding-bottom: 50px;
}
.column .photo {
padding-top: 40px;
padding-bottom:20px;
}





/*スマホ対応
* --------------------------------------------------------*/
		@media only screen and (max-width: 479px) {

		body {
		background-image: url(../images/base.gif);
		background-repeat:repeat-y;
		background-position: top center;
		background-size: 130%;
		}
		.wrapper {
		width: 100%;
		}

		img{max-width:100%;height:auto;}


/*スマホ対応 ヨドガワ
 * --------------------------------------------------------*/

 .yodogawa{
width: 90%;
font-size: 15px;
}
.yodogawa br {
    display: none;
  }


/*スマホ対応 対談部分
 * --------------------------------------------------------*/

 .convbase{
 width: 95%;
 }
 .conv{
width: 90%;
font-size: 15px;
padding-bottom:20px;
}
.conv dt {
float: none;
}
.conv dd {
width: 100%;
font-weight: 400;
margin-left: 0;
}
.conv br {
    display: none;
  }
.conv dl {
padding-bottom:20px;
}
.cap{
width: 100%;
font-size: 13px;
font-weight: 400;
}
.movie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.column_yodogawa{
width: 90%;
font-size: 15px;
}
.column{
width: 90%;
font-weight: 400;
font-size: 15px;
}
.column_yodogawa br {
    display: none;
  }
.column br {
    display: none;
  }



}