/* CSS Document */


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

@media screen and ( max-width:768px) {
    /*　画面サイズが0pxから640pxまではここを読み込む　*/

.topbot img {/*画像ボタンhoverで半透明になる*/
     max-width: 100%;
     height: auto;
     opacity: 1;
	 -webkit-transition: .5s ease-in-out;
     transition: .5s ease-in-out;

}
.topbot a:hover img {/*画像ボタンhoverで半透明になる*/
  opacity: 0.5;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.logo-header {
    position: relative;
	width: 100%;
	margin: 0;
	height:155px;
	/*background-color:#fff;*/

}

.header-caption { /* キャプションが入る箱 */
/*background-color:#fff;*/
font-size: 14px;
color:#000;
line-height: 150%;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
text-align:center;
margin: 0 auto;/* 最初の文字のマージン */
padding-top: 5px;
}

.header-logo {/* ロゴが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:2%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:320px;
height:auto;
}

.header-booktitle {/* 書籍タイトルが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:2%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:320px;
height:auto;
}


.header-tel {/* 電話ボタンが入る箱 */
position: absolute;
/*border:1px solid black;*/
top:52%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:320px;/* 画像サイズはこれで決まる*/
height:auto;
display: inline-block;
}

.header-booklogo {/* 書籍用ロゴが入る箱 */
position: absolute;
/*border:1px solid black;*/
top:52%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin-top: 10px;
max-width: 320px;/* 画像サイズはこれで決まる*/
height:auto;
display: inline-block;
}

.header-tel2 {/* 電話ボタンが入る箱 */
position: absolute;
/*border:1px solid black;*/
top:104%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:320px;/* 画像サイズはこれで決まる*/
height:auto;
display: inline-block;
}


}

@media screen and (min-width:769px) and ( max-width:1199px) {
    /*　画面サイズが1000pxから　*/
.topbot img {/*画像ボタンhoverで半透明になる*/
     max-width: 100%;
     height: auto;
     opacity: 1;
	 -webkit-transition: .5s ease-in-out;
     transition: .5s ease-in-out;

}
.topbot a:hover img {/*画像ボタンhoverで半透明になる*/
  opacity: 0.5;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.logo-header {
    position: relative;
	width: 100%;
	margin: 0;
	height:130px;
	/*background-color:#fff;*/
}

.header-caption { /* キャプションが入る箱 */
/*background-color:#fff;*/
font-size: 14px;
color:#000;
line-height: 150%;
text-align:center;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
margin: 0;/* 最初の文字のマージン */
padding: 5px;/* [上][右][下][左] */
}

.header-logo {/* ロゴが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:8%;
left:0px;
margin: 0;
max-width:350px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-booktitle {/* 書籍タイトルが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:8%;
left:0px;
margin: 0;
max-width:350px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-tel {/* 電話番号が入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:9%;
right:0px;
margin: 0;
width:330px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-booklogo {/* 書籍用ロゴが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:9%;
right:0px;
margin: 0;
width:330px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-tel2 {/* 電話番号2が入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:52%;
right:0px;
margin: 0;
width:330px;/* 画像サイズはこれで決まる*/
height:auto;
}

}

@media screen and (min-width:1200px) {
    /*　画面サイズが1200pxから　*/

.topbot img {/*画像ボタンhoverで半透明になる*/
     max-width: 260px;
     height: 260px;
     opacity: 1;
	 -webkit-transition: .5s ease-in-out;
     transition: .5s ease-in-out;

}


.topbot a:hover img {/*画像ボタンhoverで半透明になる*/
  opacity: 0.5;
}


.logo-header {
    position: relative;
	width: 100%;
	margin: 0;
	height:100px;
	/*background-image:url(../header-footer/header-bg.jpg);*/
	/*background-color:#fff;*/
}

.header-caption { /* キャプションが入る箱 */
/*background-color:#fff;*/
font-size: 16px;
color:#000;
line-height: 150%;
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
/*margin: 0 auto; */
text-align:center;
padding: 5px 5px 5px 5px;/* 最[上][右][下][左] */
}


.full-width { /* コンテナ枠内で横余白なしになる箱 */
/*background-color:#aaaaaa;*/
font-size: 16px;
color:#ffffff;
/*line-height: 150%;*/
font-family: 'メイリオ','Meiryo','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
/*margin: 0 auto; */
text-align:center;
padding: 0px 0px 0px 0px;/* 最[上][右][下][左] */
}


.header-logo {/* ロゴが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:6%;
left:0px;
margin: 0;
max-width:380px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-booktitle {/* 書籍タイトルが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:6%;
left:0px;
margin: 0;
max-width:380px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-tel {/* 電話番号が入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:6%;
right:0px;
margin: 0;
width:390px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-booklogo {/* 書籍用ロゴが入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:6%;
right:0px;
margin: 0;
width:390px;/* 画像サイズはこれで決まる*/
height:auto;
}

.header-tel2 {/* 電話番号2が入る箱 */
position: absolute;
/*border:1px solid blue;*/
top:65%;
right:0px;
margin: 0;
width:390px;/* 画像サイズはこれで決まる*/
height:auto;
}



}