@charset "utf-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝768px以下用＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 768px) {
	.container {
    /*padding: 40px;*/
    /*font-size: 20px;*/
		#all {
			width: 920px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			border: 1px solid #999;
		}
		* {
			margin: 0px;
			padding: 0px;
			font-size: 25px;
		}
		header {
    width: 900px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-top: 10px solid #0071BC;
    background-image: url(../images/sax_top_2.png);
    background-repeat: no-repeat;
		}
		main {
    width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    /*position: relative;*/
			/*position: sticky;*/
			/*top: 0;*/
    display: flex;
    line-height: 180%;
    font-size: 35px;
    font-weight: 400;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		main p {
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			line-height: 180%;
			font-size: 35px;
			font-weight: 400;
			text-align: left;
		}
		#main_nav {
    width: 900px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    /*position: relative;*/
    position: sticky;
    top: 0;
    margin-top: 5px;
		}
		#side_nav {
    width: 20%;
    height: 400px;
    float: left;
    /*position: relative;*/
    position: sticky;
    top: 100px;
    font-size: 35px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 300%;
    padding-top: 0px;
		}
		#side_nav ul li {
    padding-left: 8px;
    line-height: 300%;
    list-style-position: inside;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 30px;
    list-style-type: none;
    padding-top: 0px;
    top: 0px;
    text-align: center;
    background-color: #55FFFF;
    border-radius: 20px;
    margin-bottom: 10px;
		}
		/*#side_nav ul li {
			padding-left: 8px;
			line-height: 220%;
			list-style-position: inside;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
			font-weight: 400;
			font-size: 35px;
			border-left: 7px solid #E0E0E0;
			border-right: 7px solid #DDDDDD;
			border-bottom: 7px solid #B4B4B4;
			border-top: 7px solid #F3F3F3;
			list-style-type: none;
			padding-top: 0px;
			top: 0px;
			text-align: center;
			background-color: #8DDEFF;
		}*/
		#main_contents {
    width: 768px;
    height: auto;
    margin-left: auto;
    /*position: relative;*/
			/*position: sticky;*/
			/*top: 0;*/
			/*float: none;*/
    margin-right: auto;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-align: left;
    line-height: 180%;
		}
		#main_contents2 {
    width: 80%;
    height: auto;
    margin-left: auto;
    /*position: relative;*/
    float: right;
    margin-right: auto;
    line-height: 180%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-align: left;
		}

		footer {
			width: 100%;
			height: auto;
			clear: both;
			position: relative;
			border-top: 2px solid #0071BC;
			border-bottom: 5px solid #0071BC;
		}
		footer p {
			margin-bottom: 2px;
			margin-top: 5px;
			font-size: 20px;
			text-align: center;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		h1   {
    font-weight: 900;
    text-align: center;
    font-size: 50px;
    line-height: 0px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    margin-top: 35px;
    margin-left: -55px;
		}
		ul li a {
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
			font-size: 35px;
			text-decoration: underline;
		}
		h2 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
    font-size: 45px;
    text-align: center;
    color: #0005FF;
    position: sticky;
    top: 100px;
    background-color: #FFFFFF;
    line-height: 160%;
    margin-top: -1px;
		}
		h3 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #3E3DFE;
    /*position: sticky;*/
			/*top: 95px;*/
    padding-top: 185px;
    margin-top: -190px;
    line-height: 160%;
		}
		h4 {
			font-size: 35px;
			text-align: left;
			margin-top: 30px;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			font-weight: 600;
		}
		h5 {
			font-weight: 600;
			font-size: 30px;
			text-align: center;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			margin-top: 30px;
		}
		.menu {
    width: 100%;
    height: auto;
    float: none;
    font-size: 25px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-left: 0px;
    margin-top: 20px;
		}
		.light_Blue  {
    color: #5566FF;
    font-size: 35px;
    text-shadow: 2px 2px 3px;
		}
		.text-right {
			text-align: right;
			font-size: 23px;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		.p {
    font-size: 35px;
    font-weight: 600;
		}
		.center   {
			text-align: left;
			vertical-align: middle;
			margin-right: 5px;
			margin-top: -10px;
		}
		.topdog {
			vertical-align: middle;
			text-align: left;
			margin-top: -20px;
		}
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝769px～1024px用＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.container {
			/*padding: 40px;*/
			/*font-size: 35px;*/
		#all {
			width: 920px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			border: 1px solid #999;
		}
		* {
			margin: 0px;
			padding: 0px;
			font-size: 25px;
		}
		header {
			width: 900px;
			height: 300px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			border-top: 10px solid #0071BC;
			background-image: url(../images/sax_top_2.png);
			background-repeat: no-repeat;
		}
		main {
			width: 900px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10px;
			/*position: relative;*/
			/*position: sticky;*/
			/*top: 0;*/
			display: flex;
			line-height: 180%;
			font-size: 25px;
			font-weight: 400;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		main p {
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			line-height: 180%;
			font-size: 25px;
			font-weight: 400;
			text-align: left;
		}
		#main_nav {
			width: 900px;
			height: 100px;
			margin-left: auto;
			margin-right: auto;
			/*position: relative;*/
			position: sticky;
			top: 0;
			margin-top: 5px;
		}
		#side_nav {
    width: 180px;
    height: 400px;
    float: left;
    /*position: relative;*/
    position: sticky;
    top: 100px;
    font-size: 25px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 300%;
    padding-top: 0px;
		}
		#side_nav ul li {
    padding-left: 8px;
    line-height: 300%;
    list-style-position: inside;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 30px;
    list-style-type: none;
    padding-top: 0px;
    top: 0px;
    text-align: center;
    background-color: #55FFFF;
    border-radius: 20px;
    margin-bottom: 10px;
		}
		/*#side_nav ul li {
			padding-left: 8px;
			line-height: 220%;
			list-style-position: inside;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
			font-weight: 400;
			font-size: 35px;
			border-left: 7px solid #E0E0E0;
			border-right: 7px solid #DDDDDD;
			border-bottom: 7px solid #B4B4B4;
			border-top: 7px solid #F3F3F3;
			list-style-type: none;
			padding-top: 0px;
			top: 0px;
			text-align: center;
			background-color: #8DDEFF;
		}*/
		#main_contents {
			width: 900px;
			height: auto;
			margin-left: auto;
			/*position: relative;*/
			/*position: sticky;*/
			/*top: 0;*/
			/*float: none;*/
			margin-right: auto;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			font-size: 23px;
			font-weight: 400;
			text-align: left;
			line-height: 180%;
		}
		#main_contents2 {
			width: 700px;
			height: auto;
			margin-left: auto;
			/*position: relative;*/
			float: right;
			margin-right: auto;
			line-height: 180%;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			font-size: 23px;
			font-weight: 400;
			text-align: left;
		}
		footer {
			width: 100%;
			height: auto;
			clear: both;
			position: relative;
			border-top: 2px solid #0071BC;
			border-bottom: 5px solid #0071BC;
		}
		footer p {
			margin-bottom: 2px;
			margin-top: 5px;
			font-size: 20px;
			text-align: center;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		h1   {
    font-weight: 900;
    text-align: center;
    font-size: 50px;
    line-height: 0px;
    margin-top: 35px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    margin-left: -55px;
		}
		ul li a {
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
			font-size: 35px;
			text-decoration: underline;
		}
		h2 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    color: #0005FF;
    position: sticky;
    top: 100px;
    background-color: #FFFFFF;
    line-height: 160%;
    margin-top: -1px;
		}
		h3 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #3E3DFE;
    /*position: sticky;*/
			/*top: 95px;*/
    padding-top: 185px;
    margin-top: -190px;
    line-height: 160%;
		}
		h4 {
			font-size: 25px;
			text-align: left;
			margin-top: 30px;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			font-weight: 600;
		}
		h5 {
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    margin-top: 30px;
		}


		.menu {
    width: 900px;
    height: auto;
    float: none;
    font-size: 25px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    position: relative;
    padding-left: 0px;
    margin-top: 20px;
    text-align: center;
		}
		.light_Blue  {
    color: #5566FF;
    font-size: 23px;
    text-shadow: 2px 2px 3px;
		}
		.text-right {
			text-align: right;
			font-size: 25px;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		.p {
    font-size: 23px;
    font-weight: 600;
		}
		.center {
			text-align: left;
			vertical-align: middle;
			margin-right: 5px;
			margin-top: -10px;
		}
		.topdog {
			vertical-align: middle;
			margin-top: -20px;
		}
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝1025px以上用＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (min-width: 1025px) {
	.container {
		/*padding: 40px;*/
		/*font-size: 20px;*/
		#all {
			width: 920px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			border: 1px solid #999;
		}
		* {
			margin: 0px;
			padding: 0px;
			font-size: 20px;
		}
		header {
			width: 900px;
			height: 300px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			border-top: 10px solid #0071BC;
			background-image: url(../images/sax_top_2.png);
			background-repeat: no-repeat;
		}
		main {
			width: 900px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10px;
			/*position: relative;*/
			/*position: sticky;*/
			/*top: 0;*/
			display: flex;
			line-height: 160%;
			/*font-size: 35px;*/
			font-size: 20px;
			font-weight: 400;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		main p {
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			line-height: 160%;
			/*font-size: 35pt;*/
			font-size: 20px;
			font-weight: 400;
			text-align: left;
		}

		#main_nav {
			width: 900px;
			height: 100px;
			margin-left: auto;
			margin-right: auto;
			/*position: relative;*/
			position: sticky;
			top: 0;
			margin-top: 5px;
		}
		#side_nav {
    width: 180px;
    height: 400px;
    float: left;
    /*position: relative;*/
    position: sticky;
    top: 100px;
    /*font-size: 35px;*/
    font-size: 25px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 300%;
    padding-top: 0px;
		}
		#side_nav ul li {
			padding-left: 8px;
			/*line-height: 220%;*/
			line-height: 300%;
			list-style-position: inside;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			font-weight: 400;
			/*font-size: 35px;*/
			font-size: 20px;
			list-style-type: none;
			padding-top: 0px;
			top: 0px;
			text-align: center;
			background-color: #55FFFF;
			/*border-radius: 20px;*/
			border-radius: 10px;
			margin-bottom: 10px;
		}
		/*#side_nav ul li {
			padding-left: 8px;
			line-height: 220%;
			list-style-position: inside;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
			font-weight: 400;
			font-size: 35px;
			border-left: 7px solid #E0E0E0;
			border-right: 7px solid #DDDDDD;
			border-bottom: 7px solid #B4B4B4;
			border-top: 7px solid #F3F3F3;
			list-style-type: none;
			padding-top: 0px;
			top: 0px;
			text-align: center;
			background-color: #8DDEFF;
		}*/

		#main_contents {
			width: 900px;
			height: auto;
			margin-left: auto;
			/*position: relative;*/
					/*position: sticky;*/
					/*top: 0;*/
					/*float: none;*/
			margin-right: auto;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			/*font-size: 35px;*/
			font-size: 20px;
			font-weight: 400;
			text-align: left;
			line-height: 160%;
		}
		#main_contents2 {
			width: 700px;
			height: auto;
			margin-left: auto;
			/*position: relative;*/
			float: right;
			margin-right: auto;
			line-height: 160%;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			/*font-size: 35px;*/
			font-size: 20px;
			font-weight: 400;
			text-align: left;
		}
		footer {
			width: 100%;
			height: auto;
			clear: both;
			position: relative;
			border-top: 2px solid #0071BC;
			border-bottom: 5px solid #0071BC;
		}
		footer p {
			margin-bottom: 2px;
			margin-top: 5px;
			/*font-size: 20px;*/
			font-size: 20px;
			text-align: center;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		h1   {
    font-weight: 900;
    text-align: center;
    /*font-size: 60px;*/
    font-size: 50px;
    line-height: 0px;
    margin-top: 20px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    margin-left: -80px;
		}
		ul li a {
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
			/*font-size: 35px;*/
			font-size: 25px;
			text-decoration: underline;
			font-weight: 600;
		}
		h2 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 600;
    /*font-size: 45px;*/
    font-size: 35px;
    text-align: center;
    margin-bottom: 0px;
    color: #0005FF;
    position: sticky;
    top: 100px;
    background-color: #FFFFFF;
    line-height: 160%;
    margin-top: -1px;
		}
		h3 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    /*font-size: 35px;*/
    font-size: 25px;
    font-weight: 600;
    color: #3E3DFE;
    /*position: sticky;*/
			/*top: 95px;*/
			/*padding-top: 185px;*/
    padding-top: 185px;
    /*margin-top: -250px;*/
    margin-top: -170px;
    line-height: 160%;
		}
		h4 {
			font-size: 20px;
			text-align: left;
			margin-top: 30px;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			font-weight: 600;
		}
		h5 {
			font-weight: 600;
			font-size: 30px;
			text-align: center;
			font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
			margin-top: 35px;
		}
		.menu {
    width: 900px;
    height: auto;
    margin-top: 15px;
    float: none;
    font-size: 30px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-left: 0px;
		}
		.light_Blue  {
    color: #5566FF;
    /*font-size: 35px;*/
    font-size: 20px;
    text-shadow: 2px 2px 3px;
		}
		.text-right {
    text-align: right;
    /*font-size: 35px;*/
    font-size: 20px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}
		.p {
    /*font-size: 35px;*/
    fon-size: 20px;
    font-weight: 600;
    font-size: 20px;
		}
		.center {
			text-align: left;
			vertical-align: middle;
			margin-right: 5px;
		}
		.topdog {
			vertical-align: middle;
			text-align: center;
			margin-top: -10px;
		}
	}
}