@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-color: #e60012;
}

.wrapper{
background-image: url(../images/title.png);
background-repeat: no-repeat; 
background-position: center top ;
width: 960px;
background-color: #fff;
margin:0 auto;
}

/*タイトル 淀川
 * --------------------------------------------------------*/
.header {
width: 960px;
height: 900px;
text-align: center;
}
.header img {
display: none;
}
.yodogawa{
margin-left:214px;
font-family: "Shuei KakuGo Kin L", '秀英角ゴシック金 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
line-height: 2.2em;
color: #1a1a1a;
padding-bottom:20px;
}
.cap{
margin-left:214px;
font-family: "Shuei KakuGo Kin L", '秀英角ゴシック金 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height: 2em;
color: #1a1a1a;
padding-bottom:20px;
}
.nintendo_link{
margin-left:214px;
padding-bottom:80px;
}

/*みだし
 * --------------------------------------------------------*/
 .midashi {
text-align: center;
padding-bottom:40px;
}

/*ことば
 * --------------------------------------------------------*/
.kotoba_all {
padding-bottom:80px;
}
.kotoba {
margin-left:240px;
height: auto;
overflow: hidden;
padding-bottom:60px;
}
.kotoba .icon{
float:left;
}
.kotoba .right{
float:left;
overflow:hidden;
zoom:1;
border-left:solid 1px #b1c0c8;
padding-left:10px;
margin-left:24px;
}
.kotoba .right .text01{
font-family: "TBRGothic DB", 'TB丸ゴシック DB', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:17px;
line-height: 2em;
color: #478099;
padding-bottom:16px;
}
.kotoba .right .text02{
font-family: "Gothic Medium BBB", '中ゴシックBBB', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
line-height: 1.75em;
color: #b1c0c8;
padding-bottom:16px;
}

/*リンク
 * --------------------------------------------------------*/
.link_all {
padding-bottom:80px;
}
.link {
margin-left:300px;
height: auto;
overflow: hidden;
padding-bottom:30px;
}
.link .kanban{
float:left;
}
.link .link_text{
float:left;
overflow:hidden;
zoom:1;
margin-left:16px;
font-family: "Gothic Medium BBB", '中ゴシックBBB', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
line-height: 1.5em;
color: #478099;
}

/*手帳
 * --------------------------------------------------------*/
.techo_all {
width: 920px;
margin:0 auto;
padding-bottom:50px;
padding-top:50px;
background-color: #fef0df;
margin-bottom:100px;

}
.techo_all .logo{
text-align:center;
padding-bottom:30px;
}
.techo_all .techo_3{
width: 810px;
height: auto;
overflow: hidden;
margin:0 auto;
}
.techo_all .techo_3 .techo_1{
float:left;
margin-left:20px;
margin-right:20px;
}
.techo_all .techo_3 .text{
margin-left:14px;
font-family: "Shuei KakuGo Kin L", '秀英角ゴシック金 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
line-height: 1.5em;
color: #1a1a1a;
margin-top:-30px;
}


/*フッター
 * --------------------------------------------------------*/
.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) {
	
/*スマホ対応 タイトル
 * --------------------------------------------------------*/
.wrapper{
width: 90%;
background-image: none;
}
.header {
width: auto;
height: auto;
background: none;
}
.header img {
display: block;
width: 100%;
}

/*スマホ対応 タイトル下 淀川&目次
 * --------------------------------------------------------*/
.yodogawa{
width: 90%;
margin-left:0px;
margin-top:0px;
font-size:16px;
line-height: 2.5em;
letter-spacing: 0.01em;
padding-bottom:32px;
margin:0 auto;
}
.cap{
width: 90%;
margin-left:0px;
margin:0 auto;
font-size:14px;
line-height: 2em;
padding-bottom:20px;
}
.nintendo_link{
width: 90%;
margin-left:0px;
margin:0 auto;
padding-bottom:80px;
}
.nintendo_link img{
width:100%;
}

/*スマホ対応 みだし
 * --------------------------------------------------------*/
.midashi {
width: 95%;
margin:0 auto;
padding-bottom:20px;
}
.midashi img{
width: 100%;
}

/*ことば
 * --------------------------------------------------------*/
.kotoba_all {
width: 95%;
margin:0 auto;
padding-bottom:0px;
}
.kotoba {
margin-left:0px;
}
.kotoba .icon{
float:none;
text-align:center;
}
.kotoba .right{
float:none;
border-left:none;
padding-left:0px;
margin-left:0px;
}
.kotoba .right .text01{
font-size:16px;
line-height: 2em;
padding-bottom:8px;
}
.kotoba .right .text02{
}

/*スマホ対応 リンク
 * --------------------------------------------------------*/
.link_all {
width: 95%;
margin:0 auto;
padding-bottom:40px;
}
.link {
margin-left:0px;
}
.link .kanban{
float:none;
}
.link .link_text{
float:none;
margin-left:0px;
font-family: "Gothic Medium BBB", '中ゴシックBBB', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
line-height: 1.5em;
color: #478099;
}

/*スマホ対応 手帳
 * --------------------------------------------------------*/
.techo_all {
width: 95%;
padding-bottom:0px;
padding-top:20px;
margin-bottom:50px;

}
.techo_all .logo img{
width: 70%;
}
.techo_all .logo{
padding-bottom:20px;
}
.techo_all .techo_3{
width: 70%;
margin:0 auto;
}
.techo_all .techo_3 .techo_1{
float:none;
margin-left:0px;
margin-right:0px;
padding-bottom:30px;
}
.techo_all .techo_3 .techo_1 .btn img{
width: 100%;
}
.techo_all .techo_3 .text{
margin-left:0px;
font-size:14px;
line-height: 1.5em;
}

/*スマホ対応 フッター
 * --------------------------------------------------------*/
 .footer {
width: 90%;
margin:0 auto;
padding-top:0px;
padding-bottom:56px;
}
.btn {
width: 100%;
margin:0 auto;
padding-bottom:30px;
text-align:center;
}
.btn ul{ 
width: 100%;
margin:0 auto;
}
.btn li{ 
width: 18%;
margin-left: 8px; 
margin-right: 8px; 
float: left;
}
.btn li img{ 
width: 100%;
}




}