@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/bg.gif);
background-position:center;
}

.header {
text-align:center;
background-position:center;
}

.contents {
background-position:center;
}

.wrapper{
width: 960px;
margin:0 auto;
background-color: #fff;
}

/*タイトル下 淀川&目次
 * --------------------------------------------------------*/
.Introduction{
width: 832px;
margin:0 auto;
padding-top:64px;
padding-bottom:64px;
border-bottom: 1px solid #6EC08F; 
overflow:hidden; 
}
.Introduction .top{
overflow:hidden;
}
.Introduction .left{
float:left;
}
.Introduction .right{
float:right;
}
.yodogawa{
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
color: #493A3A;
line-height: 2em;
letter-spacing: 0.1em;
padding-bottom:40px;
}
.right .prof .midashi{
margin-bottom:24px;
}
.prof .prof_1 {
overflow:hidden;
margin-bottom:20px;
}
.prof .prof_1 .icon_prof{
float:left;
margin-right:4px;
}
.prof .prof_1 .text_prof{
float:left;
font-size:13px;
line-height: 1.75em;
letter-spacing: 0.005em;
color: #42210B;
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-left: 2px solid #6EC08F;  
padding-left:8px;
}
.mokuji{
padding-top:40px;
overflow:hidden;
}
.mokuji .left{
float:left;
}
.mokuji .right{
float:right;
}

/*対談部分
 * --------------------------------------------------------*/
.midashi_conv{
text-align:center;
padding-top:60px;
padding-bottom:40px;
}
.conv{
width:500px;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0.005em;
color: #2B211E;
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom:48px;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:58px;
float:left;
clear:both;
}
.conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
}
.conv .photo {
margin-left:-70px;
padding-bottom:20px;
}
.conv .continue {
text-align:center;
}
.conv .date {
text-align:center;
color: #70625E;
font-size:12px;
letter-spacing: 0.25em;
}

/*ナビゲーション
 * --------------------------------------------------------*/
.navi {
width:66px;
margin:0 auto;
padding-bottom:140px;
}

/*インフォメーション 
 * --------------------------------------------------------*/
.info_01{
width:688px;
margin:0 auto;
border: 16px solid #DCEDE0;  
border-radius: 50px; 
padding-bottom:48px;
padding-top:48px;
margin-bottom:80px;
}
.info_01 .midashi{
margin-left:120px;
padding-bottom:40px;
}
.text{
margin-left:120px;
}
.text .text_02{
font-size:16px;
line-height: 2em;
letter-spacing: 0.005em;
color: #655E5A;
font-family: "Shuei MaruGo L", '秀英丸ゴシック L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text .text_04{
font-size:16px;
line-height: 2em;
letter-spacing: 0.005em;
color: #6EC08F;
font-family: "Shuei MaruGo B", '秀英丸ゴシック BL', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*バナー
 * --------------------------------------------------------*/
.banner {
text-align:center;
padding-bottom:72px;
}
.banner1 {
text-align:center;
padding-bottom:16px;
}


/*フッター
 * --------------------------------------------------------*/
.footer {
width:440px;
margin:0 auto;
padding-bottom:72px;
}
.btn {
padding-bottom:40px;
}
.btn ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
height: auto;
overflow: hidden;
}
.btn li{ 
padding: 0; 
margin-left: 14px; 
margin-right: 14px; 
float: left;
}
.footer .copyright{
text-align:center;
}



@media only screen and (max-width: 479px) {
	
/*スマホ対応 タイトル
 * --------------------------------------------------------*/
.header{
width: 100%;
}
.header img{
width: 100%;
}

.contents {
}

.wrapper{
width: 95%;
}

/*スマホ対応 タイトル下 淀川&目次
 * --------------------------------------------------------*/
.Introduction{
width: 90%;
overflow:hidden;
padding-top:32px;
padding-bottom:32px;
}
.Introduction .left{
float:none;
}
.Introduction .right{
float:none;
}
.yodogawa{
font-size:17px;
}
.prof{
width: 90%;
margin:0 auto;
}
.icon_prof{
margin:0 auto;
}
.mokuji {
width: 100%;
}
.mokuji .right{
width: 100%;
padding-top:16px;
}
.mokuji img{
width: 100%;
}
.right .prof .midashi{
width: 100%;
}
.right .prof .midashi img{
width: 100%;
}

/*スマホ対応 対談部分
 * --------------------------------------------------------*/
.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:36px;
}
.conv dd {
width:80%;
}
.conv .photo {
width: 100%;
margin-left:0px;
}
.conv .photo img{
width: 100%;
}


/*スマホ対応 ンフォメーション QA
 * --------------------------------------------------------*/
.info_01{
width: 85%;
border: 10px solid #DCEDE0;  
padding-bottom:24px;
padding-top:24px;
margin-bottom:40px;
}
.info_01 .midashi{
width: 90%;
margin:0 auto;
padding-bottom:20px;
}
.info_01 img{
width: 100%;
}
.text{
margin-left:0px;
width: 90%;
margin:0 auto;
}
.text .text_02{
font-size:15px;
line-height: 2em;
letter-spacing: 0.075em;
}
.text .text_04{
font-size:15px;
line-height: 2em;
letter-spacing: 0.075em;
}

/*スマホ対応 バナー
 * --------------------------------------------------------*/
.banner1 {
width:90%;
margin:0 auto;
}
.banner1 img{
width: 100%;
}


/*スマホ対応 フッター
 * --------------------------------------------------------*/
.footer {
width: 90%;
padding-bottom:56px;
}
.btn {
padding-bottom:32px;
}
.btn ul{ 
width: 100%;
}
.btn li{ 
margin-left: 8px; 
margin-right: 8px; 
}
.btn li img{ 
width: 64px;
}

}