@media only screen and (max-width: 1670px) {
.widecontent {
    max-width: 95%;
}

}




@media only screen and (max-width: 768px) {
dl#news-list {
width:100%;
}
dl#news-list dd {
    width: 100%;
}

header,
header.others {
height: 50px !important;
	background:rgba(255, 255, 255, 1);

}

header #headerInner,
header.others #headerInner {
    display: block;
    height: auto !important;
    overflow: hidden;
    padding: 0 40px !important;
    transition: all 0.5s ease-in-out 0s;
}
body #headerContainer.fixed,
body:not(.home) #headerContainer.fixed {
    background: rgba(21, 24, 33, 0.58) none repeat scroll 0 0;
    position: fixed;
    top: 0;
}
header #headerInner #logo,
header.others #headerInner #logo {
    left: 50%;
    margin: 15px 0 0 -78px;
    position: absolute;
    width: 156px !important;
	top: 0 !important;
}
.swiper-inner {
	padding:20px;
}
.swiper-inner p {
    line-height: 1.4em;
    margin: 10px 0 10px;
	font-size:17px;
}
.swiper-inner h3 {
    font-size: 36px;
}
.swiper-slide {
    background-position: center center;
}
.en-title {
    font-size: 25px;
}
.quadruple-wrapper {
	width:50%;
}
.triple-wrapper,
.two-thirds-wrapper {
	width:100%;
	padding: 20px !important;

}
.asaoka-small {
	display:none;
}
.double-wrapper-book,
.double-wrapper-pic {
	width:50% !important;
}

.double-wrapper {
width:100%;
padding: 20px !important;
}
.double-wrapper img {
	margin: 0 !important;
box-sizing: border-box;
text-align: center;
}
.hero {
    height: 300px;
}
span.tags {
    padding: 266px 0 0 0;
}
#content_box_full {
}
#headerContainer.shrink #logo {
transition: all 0.5s ease-in-out 0s;
width: 156px !important;
top:0 !important;
}
#headerInner #logo img {
width:100%;
height:auto;
}
#headerInner-sub {
display:none;
}
ul.lang_list{
    top: 55px !important;
}

ul.lang_list li {
float:left;
margin:0 5px;
}
.double-wrapper-book {
    padding: 20px;
}
.double-wrapper-pic {
    background-position: left bottom;
}
a.button {
    display: block !important;
    margin: 20px auto !important;
    padding: 15px 20px !important;
	width: 90%;
	min-width: inherit;
}
.footer-body {
padding:20px 0 !important;
text-align:center;
}

.footer-body .footer-logo {
    float: none !important;
    margin: 10px auto 20px !important;
    width: 180px !important;
}
.headline article {
    width: 95%;
}
}


@media only screen and (max-width: 768px) and (orientation : landscape) {
.top-logo {
width: 30%;
}
#headerContainer {
    height: 150px;
}
#headerContainer #headerInner {
    height: 125px;
}
}

@media only screen and (max-width: 468px) and (orientation : portrait) {
ul#f-btn li {
float:none;
display:inline-block;
	min-width: 72px;
    margin: 2px;
}
.hero {
    height: 220px;
}
span.tags {
    font-size: 3em;
    line-height: 1em;
	word-break: break-all;
    padding: 194px 0 0 0;
}
img.illustration {
    padding: 20px 0;
}
}





@media only screen and (max-width: 468px) {


br.mobile {
display:block;
}
br.desktop {
display:none;
}

h2  {    font-size: 22px;
    margin: 0 10px;}
h3  {font-size: 20px}
h4  {font-size: 18px}
h5  {font-size: 16px}
h6  {font-size: 15px}

table td {
    padding: 5px;
}

h1.post-title {
    font-size: 20px;
}

h1.plane {
    font-size: 18px;
    padding: 0 0 0 6%;
	line-height:1em;
}
.headline {
    padding: 30px 0;
}

body.term-drink ul#f-btn li {
    width: 29%;
}


.headline article {
    width: 100%;
}

.boxes-desc {
    padding: 15px;
	min-height:inherit;
}




.inquiry-box {
    display: block;
}
.inquiry-box thead {
    display: none;
}
.inquiry-box tbody {
    display: block;
}
.inquiry-box tr {
    display: block;
    margin-bottom: 10px;
}
.inquiry-box th, .inquiry-box td {
    border: medium none;
    display: list-item;
    list-style: outside none none;
}
.inquiry-box th {
    list-style-type: none;
    padding: 5px 0;
    width: 100%;
}
.inquiry-box td {
    padding: 0;
}
.inquiry-box td textarea, .inquiry-box td input[type="tel"], .inquiry-box td input {
    margin: 5px;
    max-width: 90% !important;
}

input, textarea, select {
background: none;
border: 1px solid #cfcfcf;
}
input[type="submit"] {
	background: #FFAB0E;
}

#title-box {
    margin: 50px 0 30px;
    padding: 10px 0;
}
body.single .post {
    max-width: 95%;
}
div.alert,
blockquote {
    margin: 20px;
    padding: 0 20px;
}
.show-image-content {
    width: 80%;
}
.show-image-content p {
margin:10px;
}

.prev-posts a {
   background: transparent url("images/prev-posts.png") no-repeat scroll left top / 70% auto;
    height: 100px;
    margin: -50px 0 0;
    width: 60px;

}
.next-posts a {
   background: transparent url("images/next-posts.png") no-repeat scroll right top / 70% auto;
    height: 100px;
    margin: -50px 0 0;
    width: 60px;
}
.prev-posts a.nomore {
   background: transparent url("images/prev-posts-nomore.png") no-repeat scroll left top / 70% auto;
    height: 100px;
    margin: -50px 0 0;
    width: 60px;

}
.next-posts a.nomore {
   background: transparent url("images/next-posts-nomore.png") no-repeat scroll right top / 70% auto;
    height: 100px;
    margin: -50px 0 0;
    width: 60px;
}


}