@charset "utf-8";


/*PCスマホ共通
------------------------------ */
body.is-fixed .nav-fix-pos {
width: 100%;
z-index: 100;
position: fixed;
top: 0;left: 0;
}

body.is-fixed .header {
margin-bottom: 41px; /*メニュー(41)と同じ*/
}

body.is-fixed .mt-top {
margin-top: 691px; /*.mt-topのサイズ(650)＋メニュー(41)*/
}

body.is-fixed .mt-top2 {
margin-top: 291px; /*.mt-top2のサイズ(250)＋メニュー(41)*/
}



/*画面幅800px以下
------------------------------ */
@media screen and (max-width:800px){

body.is-fixed .header {
margin-bottom: 82px; /*メニューの２段分(82)と同じ*/
}

body.is-fixed .mt-top {
margin-top: 532px; /*.mt-topのサイズ(450)＋メニュー２段分(82)*/
}

body.is-fixed .mt-top2 {
margin-top: 232px; /*.mt-top2のサイズ(150)＋メニュー２段分(82)*/
}

}



/*画面幅800px以下、端末横向き（※メニュースクロール）
------------------------------ */
@media (orientation: landscape) and (max-width: 800px){

body.is-fixed .nav-fix-pos {
position: static;
top: auto;
}

body.is-fixed .header {
margin-bottom: 0px;	/*メニューをスクロール表示にさせた場合はここは「0」にする*/
}

body.is-fixed .mt-top {
margin-top: 450px; /*mt-topのサイズ(450)を指定する*/
}

body.is-fixed .mt-top2 {
margin-top: 150px; /*.mt-top2のサイズ(150)を指定する*/
}

}



/*画面幅480px以下の設定
------------------------------ */
@media screen and (max-width:480px){

body.is-fixed .header {
	margin-bottom: 0px; /*メニューをスクロール表示にさせた場合は「0」にする*/
}
body.is-fixed .mt-top {
	margin-top: 350px; /*mt-topのサイズ(350)を指定する*/
}
body.is-fixed .mt-top2 {
	margin-top: 100px; /*.mt-top2のサイズ(100)を指定する*/
}


}