@charset "utf-8";

/*==========================================================================
　　Smart phone
==========================================================================*/

@media screen and (max-width: 900px) {

#footer .footer_in01 ul.banner {
	width: 452px;
}

#footer .footer_in01 ul.banner li {
	margin: 0 10px;
}

#footer .footer_in01 ul.banner li.li01 {
	margin-bottom: 10px;
}

#footer .footer_in01 ul.banner li.li02 {
	margin-bottom: 10px;
}

#footer .footer_in01 ul.banner li.li03 {
	margin-bottom: 10px;
}

#footer .footer_in01 ul.banner li.li04 {
	margin-bottom: 10px;
	margin-left: 42px;
}

}


@media screen and (max-width: 768px) {

#cont .cont_in .logo_expanding {
	position: absolute;
	width: 400px;
	bottom: 50px;
	left: 50%;
	margin-left: -200px;
}

#footer .footer_in01 ul.banner {
	width: 100%;
	margin: 0;
}

#footer .footer_in01 ul.banner li {
	margin: 0 auto 20px !important;
	float: none;
}

#footer .footer_in01 ul.banner li.li01 {
	width: 100%;
	height: auto;
	max-width: 260px;
	max-height: 72px;
}

#footer .footer_in01 ul.banner li.li02 {
	width: 100%;
	height: auto;
	max-width: 260px;
	max-height: 67px;
}

#footer .footer_in01 ul.banner li.li03 {
	width: 100%;
	height: auto;
	max-width: 260px;
	max-height: 72px;
}

#footer .footer_in01 ul.banner li.li04 {
	width: 100%;
	height: auto;
	max-width: 260px;
	max-height: 95px;
}

.wine_history dl dd {
	margin-left: 75px;
}

}

@media screen and (max-width: 768px) and (orientation: portrait) {



}


/*@media screen and (max-device-width: 480px) {
#cont.nishino {
	width: 100%;
	background: url(../images/hokkaido/nishino_bk.jpg) no-repeat 82% top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#bk_video { display: none; }
}*/


@media screen and (max-width: 480px) {

table.mirachare {
	border: none;
}
	
table.mirachare thead {
	display: none;
}

table.mirachare tr {
  border-top: 1px solid #999;
  display: block;
  margin-bottom: 20px;
}

table.mirachare td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  display: block;
  padding: 10px;
}

table.mirachare td.t02 {
	white-space: normal;
}

table.mirachare td.t01 {
  background-color: #EEE;
}

table.mirachare td.t01:before {
  content: "留学先　:　";
  font-weight: bold;
  float: left;
}
	
table.mirachare td.t02:before {
  content: "コース　:　";
  font-weight: bold;
  float: left;
}

table.mirachare td.t03:before {
  content: "留学生　:　";
  font-weight: bold;
  display: block;
}
	
table.mirachare td.t04:before {
  content: "目　的　:　";
  font-weight: bold;
  display: block;
}



table.shien {
	border: none;
}
	
table.shien thead {
	display: none;
}

table.shien tr {
  border-top: 1px solid #999;
  display: block;
  margin-bottom: 20px;
}

table.shien td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  display: block;
  padding: 10px;
}

table.shien td.t01 {
  background-color: #EEE;
}

table.shien td.t01:before {
  content: "制度　:　";
  font-weight: bold;
  float: left;
}
	
table.shien td.t02:before {
  content: "内容　:　";
  font-weight: bold;
  display: block;
}

table.rice01 tr,
table.rice02 tr {
  display: block;
  float: left;
}

table.rice01 td,table.rice01 th {
  display: block;
	height: 30px;
  padding: 8px 0 0;
}

table.rice02 td,table.rice02 th {
  display: block;
	height: 45px;
  padding: 8px 0 0;
}

table.rice01 th.name {
	height: 45px;
}

table.rice02 th.name {
	height: 30px;
	width: auto;
}
	
table.rice01 thead {
  display: block;
  float: left;
  width: 30%;
}

table.rice02 thead {
  display: block;
  float: left;
  width: 27%;
}

table.rice01 thead tr,
table.rice02 thead tr {
  width: 100%;
}

table.rice01 tbody {
  display: block;
  float: left;
  width: 70%;
}

table.rice02 tbody {
  display: block;
  float: left;
  width: 73%;
}

table.rice01 tbody tr,
table.rice02 tbody tr {
    width: 33%;
  }
	
table.rice01 tbody tr:first-child,
table.rice02 tbody tr:first-child {
    width: 34%;
  }
	
.mark_ainu {
	width: 30%;
}

.mark_ainu02 {
	width: 30%;
}

.mark_ainu02_txt01 {
	width: 65%;
}

.mark_ainu02_txt02 {
	width: 100%;
	float: none;
}

.wine_history {
	padding: 10px 20px 5px;
}

.wine_history dl dd {
	margin-left: 65px;
}


}


@media screen and (max-width: 468px) {

#cont .cont_in .logo_expanding {
	position: absolute;
	width: 80%;
	bottom: 50px;
	left: 0;
	margin-left: 10%;
}

}