﻿@charset 'utf-8';
/* CSS Document */
@media only screen and (max-width: 900px) {
h1.sitettl {
	font-size: 4rem;
}
h1.sitettl span{
	font-size: 2.8rem;
}
h2{
	font-size: 2.4rem;
}
#container p{
	font-size: 1.8rem;
}
#intro {
    padding: 4em 0;
}
.byon_greeting p {
	/*text-indent: 1em;*/
	font-size: 1.4rem;
}
.booking h2{
	font-size: 2.8rem;
	margin-bottom: .5em;
}
.booking h3{
	font-size: 2rem;
}
.booking ul.info li {
	font-size: 1.8rem;
}
}

/* Tablet */



/* Smart */
@media only screen and (max-width: 700px){
#pankuzu {
	display: none;
}	
.pc{
	display: none;
}
.sp{
	display: block;
}
.onrei{
    width: 60%;
}
h1.sitettl {
	font-size: 3.2rem;
	margin-bottom: .5em;
}
h1.sitettl span{
	font-size: 1.4rem;
}
h2{
	font-size: 1.4rem;
}
#container p{
	font-size: 1.2rem;
}
.schedule {
	font-size: 1.4rem;
}
.next-tour{
	width: 100%;	
}
.with_byon {
	font-size: 1.6rem;
	margin-bottom: 1em;
}
.byon_greeting {
	margin-top: 30px;
}
.byon_greeting p span {
	display: inline-block;
}
h3 {
	font-size: 1.6rem;
}
#intro {
	padding: 3em 0 3em;
}

.kettei{
	position: absolute;
	left:-1em;
	top:-6em;
}


ul.theme_box li {
	width: 49%;
	margin-bottom: 10px;
}
.map {
	margin: 40px 0;
}
dl.byon_profile dt {
	text-align: center;
}
dl.byon_profile dd:nth-child(2) {
	font-size: 1.6rem;
}
ul.byon li:first-child {
	width: 100%;
}
ul.byon li:first-child .byon_photo {
	width: 50%;
	margin: 0 auto;
}
ul.byon li:last-child {
	width: 100%;
}
.youtube {
	position: relative;
	width: 100%;
	height: 0;	
	padding-top: 56.25%;
	margin: 20px auto;
}
.booking h3 {
    font-size: 1.4rem;
}
.booking ul.info li {
    font-size: 1.2rem;
}
.booking ul.info li span {
	display: inline-block;
}
.booking ul.button li {
	font-size: 1.4rem;
}
.pricelistWrap a {
	font-size: 1.4rem;
}
dl.byon_profile dd:nth-child(2) {
    font-size: 1.4rem;
}
dl.byon_profile dd {
    font-size: 1.2rem;
}
#airline li {
	width: 100%;
}
#airline li:last-child {
	padding-top: 15%;
	height: 0;
}

#sponsorship ul.bnr_related li {
	text-align: center;
	margin: 0 auto 1em;
	display: block;
}
#sponsorship ul.bnr_related li:last-child {
	margin: 0;
}


.callcenter h2 {
	padding-top: 0;
}
.callcenter ul.phone li:first-child {
	margin-bottom: 2em;
}


}