/* iPhone 6 plus width */
@media screen and (max-width: 736px) {
	#main{
		min-width: 100%;
		padding: 0px 4px;
	}
	
	/* header */
	#header {
		min-height: 15vw;
		padding: 0px;
		padding-top: 12px;
		margin-bottom: 6px;
	}

	.non-Mobile{
		display: none!important;
	}
	.mobile-only {
		display: block;
	}
	
	#headerLogo{
		width: 100%;
		max-width: 68%;
		margin-left: 4vw;
	}
	
	#headerLogoImg {
		background: url("../images/sch_logo_m.png") no-repeat;
		background-size: contain;
	}
	
	.background_img{
		background: url("../images/heading_bk.jpg") no-repeat;
		background-size: 170% auto;
		background-position: top center;
	}
	
	.m_menu_main {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		margin: -4px;
	}
	
	.m_menu {
		-webkit-transition:transform 0.4s;
		transition: transform 0.4s;
		width: 50%;
		height: 100%;
		background-color: RGBA(255, 255, 255, 0.94);
		position: absolute;
		right: 0px;
		z-index: 300;
		transform: translateX(0vw);
		-webkit-transform: translateX(0vw);
	}
	
	.m_menu.hide{
		transform: translateX(50vw);
		-webkit-transform: translateX(50vw);
	}
	
	.m_menu ul {
		margin-top: 20vw;
		margin-left: 3vw;
	}
	.m_menu ul>ul{
		margin: 0px;
		margin-left: 12.8vw;
		margin-top: -1.2vw;
	}
	.m_menu ul>ul>li{
		text-align: left;
		color: #535353;
		line-height: 11.5vw;
		font-size: 4vw;
	}
	
	.m_menu .catBrowser-item {
		width: 100%;
	}
	.m_menu .catBrowser-item div {
		width: 68%;
	}
	
	.m_menu .catBrowser-item > div {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
	}
	.m_menu .catBrowser-item div > figure {
		width: 5.8vw;
		background-position: center;
		height: 13.3vw;
	}
	
	.m_menu .catBrowser-item div > span {
		font-size: 4.3vw;
		line-height: 3.1;
	}
	
	.m_menu .catBrowser-item{
		-webkit-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);	
	}
	
	.m_menu.hide .catBrowser-item {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);	
	}
	.president_msg_hd_img{
		background-position: bottom left !important;
		height: 38vw;
		max-height: 100%;
	}

	#container {
		margin: 0px;
	}
	
	#container .home_page_section:nth-child(1){
		min-height: 100px;
		height: auto;
		max-height: 100%;
	}
	#container .home_page_section:nth-child(2){
		height: auto;
		position: relative;
	}
	#container .home_page_section:nth-child(3){
		height: 380px;
	}

	/* Photo Sider 1 */
	.photo_sider{
		padding: 5px;
	}
	#sider1 {
	 width: 100%;
	}
	
	/* shortcut */
	#container .home_page_section #shortcut_btn{
		width: 100%;
		display: inline-flex;
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		float: none;
		height: 22vw;
		margin-top: 22vw;
	}
	
	#shortcut_btn > div{
		width: 50%;
		position: relative;
		height: 100%;
	}
	
	#shortcut_btn > div:nth-child(1){
		padding-right: 2px;
	}
	#shortcut_btn > div:nth-child(2){
		padding-left: 2px;
	}
	
	#shortcut_btn .topic_header {
			font-size: 5vw;
	}
	
	#shortcut_btn .topic_icon {
		width: 12vw;
		height: 12vw;
	}
	#container .home_page_section #sider1 {
		float: none;
		height: 65vw;
	}
	
	#container .home_page_section #president_msg{
		float: none;
		width: 100%;
		margin-top: 4px;
	}
	
	.president_msg_topic {
		padding: 7px 13px;
		padding-right: 0px;
		font-size: 6vw;
	}
	
	.president_msg_topic_section li {
	  font-size: 	15px;
	}
	
	#weekday_info {
		position: absolute;
		width: 100%;
		top: 0px;
		height: 21vw;
		display: table;
	}
	
	.week_day,	
	.week_date {
		display: table-cell;
		vertical-align: middle;
		font-size: 6vw;
	}
	
	.week_day{
		width: 30%;
	}
	
	.week_date {
		width: 30%;
	}
	
	.weekday_icon{
		width: 35%;
		top: unset;
		bottom: 0px;
		right: 3px;
		background-size: 78%!important;
	}
	
	/* News */
	#news {
		width: 100%;
		height: auto;
		margin-bottom: 4px;
	}
	
	.news_content_container {
	 padding: 5vw 3vw;
	}
	
	.news_topic {
		font-size:  6vw;
		display: table;
	}
	
	.news_topic:before {
		width: 10vw;
		height: 8vw;
	}
	
	.section_topic:after {
		font-size: 7vw;
		line-height: 5vw;
		width: 1vw;
	}
	
	.news_topic_section li {
		font-size: 15px;
		line-height: 27px;
	}

	/* External Link */
	.external_link .is-link {
		width: 50%;
		padding: 0px;
	}
	
	.external_link .is-link:nth-child(odd){
		padding-right: 2px;
	}
	.external_link .is-link:nth-child(even){
		padding-left: 2px;
	}
	
	/* Footer */
	.footer {
		font-size: 14px;
		padding: 4px;
		margin: 0px;
	}
	
	/* Sub Page Content */
	.subPage-title {
		padding: 11px;
		text-align: center;
	}
	
	.sub_title {
		position: relative;
		right: 0px;
		bottom: 0px;
		font-size: 2.7vw;
	}
	
	.subPage-title h1{
		font-size: 5vw;
	}
	
	.subPage-main{
		padding: 0px;
	}
	
	.subPage-left-panel {
		display: none;
	}
	.subPage-nav{
		float: none;
		height: 174px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.subPage-nav ul{
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 29px;
		margin: 0px 2px;
		position: relative;
	}
	
	.subPage-nav li{
		display: inline-block;
		padding: 0px 3px;
	}
	.subPage-nav li p {
		display: none;
	}
	
	.subPage-nav img{
		height: 150px;
		width: auto;
	}
	
	.subPage-content {
		width: 100%!important;
		height: auto;
		border: none;
		border-top: 1px solid #ddd;
	}
	
	.subPage-content table td {
		padding: 7px 2vw;
		font-size: 2.7vw;
		line-height: 5vw;
	}
	
	.width_66_100,.width_33_100{
		width: 100%;
	}
	
	.width_25_50 {
		width: 49%;
	}
	
	.width_33_33 {
		width: 32%;
	}
	
	.width_33_50,.width_50_50 {
		width: 49%;
	}

	.width_33_50 img{
		width: 100%;
		max-height: 100%;
		max-height: initial !important;
	}

	.width_50_50 img{
		width: 100%;
		max-height: 100%;
		max-height: initial !important;
	}
	
	table.table_nobg td{
		padding: 0px;
	}
	
	table.table_style_2 td {
			padding: 0px;
			font-size: 2.3vw;
	}
	table.table_style_2 h2 {
			font-size: 3.4vw;
	}
	
	table.table_style_3 tr:first-child td {
		font-size: 3.7vw;
		padding: 1vw;
	}
	
	table.table_style_3 td {
			padding: 0px;
			font-size: 2.3vw;
	}

	.table_style_3 tr:nth-child(2n+3) td{
		background-color: #FCF4EB;
	}
	
	table.table_style_3 td>div {
		width: 100%;
		padding: 4vw 8vw;
	}
	
	table.table_style_3 td>div:nth-child(2n) {
		background-color: #FFFBF9;
	}
	
	table.table_style_3 h2 {
			font-size: 3.4vw;
	}
	
	table.table_style_3 h2:nth-child(2) {
			font-size: 2.8vw;
	}
	
	/* For Sub Page (Our Team)*/
	.proTeam .principal_list .items_row {
			width: 100%;
	}
	
	.proTeam .principal_item p {
		font-size: 3vw;
		line-height: 4.5vw;
	}
	.subPage-nav.principal_letter {
			width: 100%;
			height: 116px;
	}
	
	.subPage-nav.principal_letter ul li {
			padding: 0px;
			margin: 0px 2px;
		  font-size: 17px;
			background-color: transparent;
			display: table-cell;
			vertical-align: middle;
	}
	.subPage-nav.principal_letter li > a {
			padding: 0px;
	}
	
	.subPage-nav.principal_letter li>a li{
		margin: 0px;
		background-color: #FCF4EB;
		padding: 28px 30px;
		padding-right: 18px;
		height: 100px;
	}
	.subPage-nav.principal_letter li:not(:last-child)>a {
    border: 0px;
	}
	
	.subPage-nav.principal_letter li.topicNavBtn > a li{
		 padding-left: 43px;
	}
	
	.subPage-nav.principal_letter li.topicNavBtn a li:before{
		display: none;
	}
	
	.hscroll_btn {
		position: absolute;
		height: 100%;
		width: 6vw;
		top: 0;
		cursor: pointer;
		background-color: RGBA(0, 0, 0, 0);
		background-size: 80% !important;
		background-position: center 54% !important;
		opacity: 0;
		margin: 0px 11px;
	}
	
	.hscroll_btn:hover {
		opacity: 0.5;
	}
	
	.hscroll_btn.scrollL{
		left: 0px;
		background: url("../images/arrow_left.gif") no-repeat;
	}
	.hscroll_btn.scrollR{
		right: 0px;
		background: url("../images/arrow_right.gif") no-repeat;
	}

	.tabMenu .hscroll_btn{
		top: 14px;
		height: 64%;
		width: 8vw;
		background-size: 40% 90% !important;
	}
	
	.tabMenu .hscroll_btn.scrollL{
		background-position: center left !important;
	}
	
	.tabMenu .hscroll_btn.scrollR{
		background-position: center right !important;
	}
	
	
	.selectSchDay_btn{
		float: none;
		width: 100%;
		max-width: 100%;
		max-width: initial;
		margin: 10px 0px;
		height: 20vw;
	}
	.selectSchDay_btn span div{
		display: inline-flex;
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		font-size: 5.6vw;
	}
	.selectSchDay_Day {
		margin-left: 4vw; 
	}
	
	.selectSchDay_Day:after {
		content: "．";
	}
	
	.selectSchDay_wkDay {
		margin-bottom: 0px;
	}
	
	.selectForm_Gp {
		padding: 0px;
		width: 72vw;
		margin: 0px auto;
		margin-bottom: 20px;
	}
	
	.selectSchDaySect h2,
	.selectClassSect h2{
		text-align: center;
		margin-bottom: 10px;
	}
	
	.selectEachClass_Gp {
		padding: 0px;
		width: 48vw;
		margin: 0px auto;
	}
	
	.selectForm_btn, .selectClass_btn {
    width: 22vw;
    height: 22vw;
    max-width: 100%;
    max-width: initial;
    max-height: 100%;
    max-height: initial;
    font-size: 5vw;
  }
	
	.showHW_btn {
		font-size: 5.2vw;
		max-width: 100%;
		max-width: initial;
		max-height: 100%;
		max-height: initial;
	}
	
	
	.tagBtnGroup {
		overflow-x: auto;
		overflow-y: hidden;
		height: 15vw;
		display: block;
	}
	
	
	.tagBtnContainer {
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 30px;
		white-space: nowrap;
	}
	

	.tagBtn {
		height: 12vw;
		padding: 0px 23px;
		line-height: 35px;
		font-size: 4vw;
		text-decoration: none;
		margin: 12px 1px;
		margin-top: 0px;
		display: inline-block;
	}
	
	.folder{
		width: 49%;
		max-width: 100%;
		max-width: initial;
	}
	
	.photoGroup .item{
		width: 46.3%;
		max-width: 100%;
		max-width: initial;
		height: 26.7vw;
		margin:4px;
	}
	
	.folder {
		height: 39vw;
	}
	
	.folder .album_thumbnail::before {
		font-size: 4.5vw;
		right: 1.4vw;
		top: 0.5vw;
	}
	
	.staffGroup .album_thumbnail:before {
		top: initial;
	}
	
	.folder .album_thumbnail {
		margin-bottom: 1.8vw;
	}

	.folder .album_title p {
		font-size: 2.4vw;
		margin-bottom: 0.2vw;
	}
	
	.numNavGp {
		height: 11vw;
		margin-top: 7px;
	}

	.numNav {
		right: 2.4vw;
	}
	
	.numNav li {
		margin: 0px 1.6vw;
		font-size: 4.2vw;
	}

	.numNav li:nth-last-child(2).curr {
		margin-right: 26px;
	}
	
	.albumDetail p{
		font-size: 3.3vw;
	}
	
	.folder .staff_title p {
			font-size: 2.3vw;
	}
	
	.tagBtnGroup .hscroll_btn.scrollL,
		.tagBtnGroup .hscroll_btn.scrollR{
		margin-top: -1.3vw;
	}
	.contact_us{
		width: 100%;
	}
	.tabMenu {
		margin: -17px;
		margin-bottom: 0px;
	}
	.tabContentContainer {
		margin: 0px -17px;
	}
}