@charset "utf-8";

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

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

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

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

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

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

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

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

#cont .cont_in .logo_five-senses {  width: 180px;}
	
}


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

#cont .cont_in .logo_five-senses {  width: 120px;    top: 6%;   right: 8%;}
	
table.tb_matsuda{
	width:100%;
	margin-bottom: 50px;
}

#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) {

.ttlsp {
  font-size: 90% !important;
}
  
#cont.shochu5{
	background: url(../images/kagoshima/shochu5_bk_sp.jpg) no-repeat 52% 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
#cont.matsuda{
	background: url(../images/kagoshima/matsuda_bk_sp.jpg) no-repeat 52% 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
    
  
.mbsp{
	margin-bottom: 20px !important;
}
.mbsp50{
	margin-bottom: 50px !important;
}
.boxL48{
	margin-bottom: 20px !important;
}
.photo_box02 .photo01{
	margin-bottom: 20px !important;
}
.photo_box02.reBox .boxR{
	width: 100% !important;
}
.photo_box02.reBox .boxL{
	width: 100% !important;
}
	
#detail .line_box {
	max-width: 100%;
	margin: 0 3px;
}	

#cont.kuroushi .fil .ttl span{
	font-size: 20px !important;	}
	
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 td,table.rice01 th {
  display: block;
	height: 30px;
  padding: 8px 0 0;
}

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

table.rice02 th {
	vertical-align: middle;
	padding: 10px;
}
	
table.rice01 thead {
  display: block;
  float: left;
  width: 30%;
}

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

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

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


.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%;
}
}

@media screen and (max-width: 736px) {
.FBboxL48 .pc_fb_k,.FBboxR48 .pc_fb_k { display: none;}
.FBboxL48 .sp_fb_k,.FBboxR48 .sp_fb_k { display: block; width: 100%;}
}

@media screen and (max-width: 480px) {
.pg_link.sppg ul li.prev {
    margin-bottom: -15px;
    display: block;
}
.pg_link.sppg ul li.next {
    margin-top: 10px;
    display: block;
}
.next_txt.splongtxt {
      position: relative;
    }
.next_txt.splongtxt:before {
    left: 0;
    position: absolute;
    top: 0;
}
.next_txt.splongtxt a {
    display: block !important;
    padding-left: 85px !important;
}
  
}