@charset "utf-8";
/* CSS Document */

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

body { background: none; }
body, 
#wrapper, 
#contents, 
.footer {
min-width: inherit !important;
}
img { width: 100% !important; height:  auto !important; }


.header { padding: 0 10px; }
.headerWrap { position: relative; }
.headerWrap .jalLogo {
width: 209px;
padding: 17px 0;
line-height: 1;
font-size: 0;
float: none;
}
.headerWrap .jalLogo a{
width: 100%;
display: block;
height: inherit;
}
.headerWrap .oneworldLogo {
padding: 0;
margin: 0;
float: none;
position: absolute;
top: 13px;
right: 0;
width: 30px;
}

.headerWrap .oneworldLogo a { display: block; }
.icon .links_other_txt, .oneworldLogo .links_other_txt { display: none; }

#contents { position: relative; }

.mainVis {
background-image: url(/commonY16/img/bg_body.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
position: relative;
padding-top: 60%;
}

.mainVis .emblem {
position: absolute;
right: 10px;
bottom: 10px;
width: 25%;
}


.emblem {
position: relative;
top:  inherit;
left:  inherit;
bottom: inherit;
}

.floatBox{
margin: 20px 0 0 0;
padding: 0;
position: relative;
top:  inherit;
right: inherit;
width: inherit;
box-shadow : 0 0 0 0;
}
.floatBox .bxHead {
padding: 0;
}
.floatBox .bxBody {
padding: 10px;
}

.floatBox .custom .bxBody select {
padding: 10px 25px 10px 5px;
}


.floatBox .custom .bxBody .langList{
display: table;
width: 100%;
table-layout: fixed;
letter-spacing: normal;
}
.floatBox .custom .bxBody .langList li{
display: table-cell;
float: none;
vertical-align: middle;
}

.floatBox .custom .bxBody .langList a{
display: table;
width: 100%;
}

.floatBox .custom .bxBody .langList span{
width: 100%;
word-wrap: break-word;
box-sizing: border-box;
height: 70px;
vertical-align: middle;
display: table-cell;
padding: 15px 5px;
}

.footer {
position: relative;
left: inherit;
bottom: inherit;
}

.footerWrap ul{
padding: 10px;
}
.footerWrap li{
float: none;
padding:0;
margin: 0;
border-bottom: 1px solid #ccc;
border-left: none;
}
.footerWrap li a {
background: none;
padding: 10px 0;
line-height: 1.5;
display: block;
position: relative;
}
.footerWrap li a::after{
content: "";
display: block;
position: absolute;
top: 0.75em;
right: 10px;
width: 8px;
height: 8px;
margin: 4px 0 0 0;
border-top: solid 2px #cc0000;
border-right: solid 2px #cc0000;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.copy{
background-color: #212121;
color: #fff;
text-align: center;
padding: 10px 0;
font-size: 12px;
}
.footer .floatL, 
.footer .floatR{
float: none;
}

/* 201812改修時に追加 */
.countryBoxWrap_sp{padding: 25px 5px; background-color: #efefef;}
.countryBoxWrap_sp table{border-collapse: separate; border-spacing: 0 5px;}
.countryBoxWrap_sp td{background-color: #fff; padding: 20px 7px; font-size: 13px;}
.countryBox_sp{width: 95%; margin: 0 auto;}
.mainVis{background-position: left center;}
.spNon{display: none;}

}