@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; }

p { padding-top:1em; }

body {
background:url(../images/index/bg_20170401.jpg) fixed 50% 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wrapper{
width: 960px;
margin:0 auto;
}
.contents{
width: 960px;
margin:0 auto;
background-image: url(../images/index/bg_wp_01.png);
}
.line{
margin:0 auto;
text-align:center;
}

/*タイトル 淀川 
 * --------------------------------------------------------*/
.header {
width: 904px;
margin:0 auto;
}
.header .header_bm{
width: 780px;
margin:0 auto;
overflow:hidden;
}
.header .header_bm .yodogawa{
float:left;
}
.header .header_bm .btn{
float:right;
}

/*本文
 * --------------------------------------------------------*/
.diary {
width: 660px;
margin:0 auto;
padding-top:45px;
padding-bottom:45px;
}
.diary  .midashi{
padding-bottom:45px;
}
.sentence {
margin-top:-50px;
margin-left:164px;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sentence_Q {
margin-left:164px;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #cf211e;
}
.sentence_A {
margin-top:50px;
margin-left:164px;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000;
}
.sentence .text {
padding-bottom:10px;
}
.sentence .date {
color: #70625E;
font-size:12px;
letter-spacing: 0.25em;
}
.photo_yoko {
}

/*本文 ナビゲーション
 * --------------------------------------------------------*/
.navi {
margin:0 auto;
width: 240px;
overflow:hidden;
padding-bottom:64px;
}
.navi .navi1{
float:left;
margin-right:4px;
margin-left:4px;
}

/*応援メッセージ
 * --------------------------------------------------------*/
.mail {
margin:0 auto;
width: 500px;
background-color: #EBE0BD;
margin-top:45px;
margin-bottom:64px;
padding-top:45px;
padding-bottom:45px;
border-radius: 20px 20px 20px 20px;
}
.mail .mail_naka{
margin:0 auto;
width: 400px;
}
.mail .mail_naka .midashi{
padding-bottom:20px;
}
.mail .mail_naka .text{
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #2D427B;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*バナー
 * --------------------------------------------------------*/
.banner {
margin:0 auto;
width: 440px;
text-align:center;
padding-top:45px;
padding-bottom:60px;
}
.banner .midashi{
padding-bottom:20px;
}
.banner .banner1{
padding-bottom:20px;
}
/*アーカイブ
 * --------------------------------------------------------*/
.acv {
margin:0 auto;
width: 360px;
text-align:center;
margin-top:45px;
padding-bottom:60px;
}
.acv .midashi{
padding-bottom:40px;
}
.acv .acv1{
padding-bottom:40px;
}

.acv .year{
padding-bottom:20px;
}
/*アーカイブ2016
 * --------------------------------------------------------*/
.acv_2016 {
margin:0 auto;
width: 720px;
text-align:center;
margin-top:0px;
padding-bottom:100px;
clear: both;
}
.acv_2016 .midashi{
padding-bottom:40px;
text-align:center;
}
.acv_2016 .acv1{
float:left;
height: 100px;
padding-bottom:0px;
}
.acv_2016 .year{
padding-bottom:20px;
}
/*フッター
 * --------------------------------------------------------*/
.fotter{
width: 960px;
margin:0 auto;
background-image: url(../images/index/bg_wp_02.png);
padding-top:70px;
padding-bottom:100px;
}
.fotter .btn{
text-align:center;
margin:0 auto;
width: 740px;
margin-bottom:40px;
overflow:hidden;
}
.fotter .btn .btn1{
float:left;
padding-right:16px;
padding-left:16px;
}
.fotter .copyright{
text-align:center;
margin:0 auto;
width: 253px;
}

/*プロフィール
 * --------------------------------------------------------*/
.conv_prof{
width:500px;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom:48px;
}
.conv_prof dl {
padding-bottom:16px;
}
.conv_prof dt {
width:36px;
float:left;
clear:both;
}
.conv_prof dd {
margin-left:40px;
padding-bottom:10px;
width:420px;
}
.back_prof {
margin-top:-30px;
padding-bottom:100px;
text-align:center;
}
.prof_ill {
margin-top:10px;
margin-bottom:70px;
text-align:center;
}

/*人物紹介
 * --------------------------------------------------------*/
 .bgp{
width:500px;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom:48px;
}
.bgp1{
height: auto;
overflow: hidden;
padding-bottom:50px;
}
.bgp .face{
float:left;
}
.bgp .text_bgp{
float:left;
margin-left:20px;
}


/*番外編 本文
 * --------------------------------------------------------*/
.text_ex{
width:500px;
margin:0 auto;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text_ex .photo {
margin-left:-50px;
padding-bottom:10px;
}
.komidashi{
width:500px;
margin:0 auto;
font-size:27px;
line-height: 2em;
letter-spacing: 0.005em;
color: #cf211e;
font-family: "Shuei KakuGo Gin B", '秀英角ゴシック銀 B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-top:80px;
}
.conv{
width:500px;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000000;
padding-bottom:48px;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:60px;
float:left;
clear:both;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.conv dt.talker1, .conv dd.talker1 {
color: #000;
}
.conv dt.talker2, .conv dd.talker2 {
color: #0d3aa0;
}
.conv .photo {
margin-left:-50px;
padding-bottom:20px;
}
.continue {
text-align:center;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #666666;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom:8px;
}
.date {
text-align:center;
font-size:12px;
letter-spacing: 0.2em;
color: #666666;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*番外編囲み
 * --------------------------------------------------------*/
.mail_ex {
margin:0 auto;
width: 500px;
margin-top:45px;
margin-bottom:64px;
padding-top:45px;
padding-bottom:45px;
border-radius: 20px 20px 20px 20px;
border: medium solid #2D427B;
}
.mail_ex .mail_naka{
margin:0 auto;
width: 400px;
}
.mail_ex .mail_naka .midashi{
padding-bottom:20px;
}
.mail_ex .mail_naka .text{
text-align:center;
font-size:17px;
line-height: 2em;
letter-spacing: 0.005em;
color: #2D427B;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media only screen and (max-width: 479px) {

.wrapper{
width: 100%;
border-right: 10px solid #2D427B;  
border-left: 10px solid #2D427B;  
}
.contents {
width: 100%;
background-color: #fff;
background-image: none;
}
.line{
width: 100%;
}
.line img{
width: 100%;
}
	
/*スマホ対応 タイトル 淀川 
 * --------------------------------------------------------*/
.header {
width: 100%;
}
.header img{
width: 100%;
}
.header .header_bm{
width: 90%;
}
.header .header_bm .yodogawa{
width: 100%;
padding-bottom:40px;
}
.header .header_bm .yodogawa img{
width: 100%;
}
.header .header_bm .btn{
width: 100%;
padding-bottom:40px;
}
.header .header_bm .btn img{
width: 100%;
}

/*スマホ対応 本文
 * --------------------------------------------------------*/
.diary {
width: 90%;
}
.diary  .midashi{
width: 100%;
}
.diary  .midashi img{
width: 100%;
}
.sentence {
width: 100%;
margin-left:0px;
font-size:17px;
line-height: 2em;
letter-spacing: 0em;
}
.sentence_Q {
width: 100%;
margin-left:0px;
font-size:17px;
line-height: 2em;
letter-spacing: 0em;
}
.sentence_A {
width: 100%;
margin-left:0px;
font-size:17px;
line-height: 2em;
letter-spacing: 0em;
}
.sentence .text img{
width: 80%;
}
.sentence .date {
color: #70625E;
font-size:12px;
letter-spacing: 0.25em;
}
.sentence .photo {
width: 90%;
margin-left:0px;
margin:0 auto;
}
.sentence .photo img{
width: 100%;
}
.photo_yoko {
width: 100%;
}
.photo_yoko img{
width: 100%;
}

/*スマホ対応 応援メッセージ
 * --------------------------------------------------------*/
.mail {
width: 90%;
padding-top:30px;
padding-bottom:30px;
}
.mail .mail_naka{
width: 90%;
}
.mail .mail_naka .midashi{
width: 100%;
}
.mail .mail_naka .midashi img{
width: 100%;
}
.mail .mail_naka .text{
font-size:15px;
line-height: 2em;
letter-spacing: 0em;
}
.mail .mail_naka .btn{
width: 100%;
}
.mail .mail_naka .btn img{
width: 100%;
}
.mail .mail_naka .banner1{
width: 100%;
}
.mail .mail_naka .banner1 img{
width: 100%;
}

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


/*スマホ対応 アーカイブ
 * --------------------------------------------------------*/
.acv {
width: 90%;
}
.acv .midashi{
width: 100%;
}
.acv .midashi img{
width: 100%;
}
.acv .acv1{
width: 100%;
}
.acv .acv1 img{
width: 100%;
}

/*アーカイブ2016
* --------------------------------------------------------*/
.acv_2016 {
width: 90%;
}
.acv_2016 .acv1{
float:none;
height:auto;
padding-bottom:40px;
}
.acv_2016 .acv1 img{
width: 100%;
}
.acv_2016 .year{
padding-bottom:20px;
}
	
	
/*スマホ対応 フッター
 * --------------------------------------------------------*/
.fotter{
width: 100%;
background-color: #2D427B;
background-image: none;
padding-top:40px;
padding-bottom:50px;
}
.fotter .btn{
width: 100%;
}
.fotter .btn .btn1{
float:none;
padding-right:0px;
padding-left:0px;
padding-bottom:32px;
}
.fotter .copyright{
}

/*スマホ対応 プロフィール
 * --------------------------------------------------------*/
.conv_prof{
width: 90%;
font-size:17px;
line-height: 2em;
letter-spacing: 0em;
padding-bottom:48px;
}
.conv_prof dl {
}
.conv_prof dt {
}
.conv_prof dd {
width:90%;
}
.back_prof {
padding-bottom:60px;
}

/*スマホ対応 人物紹介
 * --------------------------------------------------------*/
 .bgp{
width:90%;
font-size:16px;
line-height: 2em;
letter-spacing: 0em;
}
.bgp1{
padding-bottom:50px;
}
.bgp .face{
float:none;
text-align:center;
padding-bottom:8px;
}
.bgp .text_bgp{
float:none;
margin-left:20px;
}

/*スマホ対応 番外編 本文
 * --------------------------------------------------------*/
.text_ex{
width:95%;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0em;
color: #000;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom:80px;
}
.text_ex .photo {
width:100%;
margin:0 auto;
margin-left:0px;
padding-bottom:10px;
}
.text_ex .photo img{
width:100%;
}
.komidashi{
width:95%;
margin:0 auto;
font-size:24px;
line-height: 1.2em;
letter-spacing: 0em;
padding-bottom:10px;
}
.conv{
width:95%;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0em;
padding-bottom:36px;
}
.conv dt {
width:120px;
float: none; 
clear: none; 
text-align:left;
font-size:16px;
}
.conv dd {
margin-left:0px;
width:100%;
font-size:16px;
}
.conv .photo {
width: 100%;
margin-left:0px;
}
.conv .photo img{
width: 100%;
box-shadow: none;
}
.continue {
text-align:center;
font-size:16px;
line-height: 2em;
letter-spacing: 0em;
}
.date {
text-align:center;
font-size:12px;
letter-spacing: 0.2em;
}

/*スマホ対応　番外編囲み
 * --------------------------------------------------------*/
.mail_ex {
width: 95%;
padding-top:20px;
padding-bottom:20px;
margin-bottom:0px;
}
.mail_ex .mail_naka{
width: 100%;
}
.mail_ex .mail_naka .text{
font-size:15px;
line-height: 2em;
letter-spacing: 0em;
}

}