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


/* Tablet */
@media only screen and (max-width: 768px) {
#header .copy{left: 5px;}
#header .logo{left: 5px;}
#header ul.txtnav{padding: 20px 5px 0 0;}

#container{
    width: auto;
    margin: 0;
    padding: 0;
}
img{
    width /***/: auto;
    max-width: 100%;
    height: auto;
}
#pankuzu{
    width: 100%;
}
#pankuzu li:last-child{
    clear: both;
    margin-top: 10px;
}
#container{
    background: none;
}
.wrapper{
    width: 100%;
    margin: 0;
    padding: 0 3%;
}
#main_visual h3{
    top: 0;
    width: 46%;
}
#main_visual h3 img{
    width: 100%;
}

/*-------------------- page-top */
#page-top img,
#page-top a{
    width: 80%;
    padding: 7% 0;
    border-radius: 2px;
}
.container2 .mix{
  width: 48%;
}
}


/* Smart */
@media only screen and (max-width: 480px){
.wrapper{
    padding: 0 5%;
}
#recommend h4,
#schedule h4{
    font-size: 1.6rem;
    margin-bottom: 20px;
}
#recommend dl{
    float: none;
    width: 100%;
    margin-bottom: 10%;
	display: block;
}
#recommend dl:nth-of-type(even){
	margin-left: 0 !important;
}
#schedule ul{
    clear: both;
    margin-top: 5px;
}
	
#sitettl h4{
	padding: 0.4em 2em 1em 2em;
}
.menuop dl{
	width: 95% !important;
	display: block;
}

/*-----------------------------------------------------------
		スマホ対応 ヘッダー＆フッター
-----------------------------------------------------------*/
/* 非表示 */
#pankuzu,
#header h1.copy,
#sub_menu,
.txtnav,
#header ul.gnav4 li.jtour,
#header ul.gnav4 li.wtour,
.jtour_nav01,
.jtour_nav01,
.jtour_nav02{
    display: none;
}
#header h2.logo{
    top: 7px;
    display: inline-block;
    width: 48% !important;
    padding-top: 2px !important;
    vertical-align: top;
}
#header div.season{
    top: 0;
    display: inline-block;
    width: 48% !important;
    text-align: right;
    vertical-align: bottom;
}
.container2 .mix{
  width: 100%;
}
/* wtour調整 */
body.wtour #header{
    background: url(../../../common/img/line_wtour.gif) 0 -23px repeat-x;
}
body.wtour #header{
    margin-bottom: 50px;
}
body.wtour #header ul.gnav4{
    top: 75px;
    right: 0;
    left: 2%;
    height: 0;
}
body.wtour #header ul.gnav4 li{
    font-weight: bold;
    float: left;
    padding: 2%;
    text-align: center;
}
body.wtour #header ul.gnav4 li.wtour_nav01{
    width: 20%;
    padding: 6px 0;
    color: #196bb8;
    border: 2px solid #196bb8;
    background: #d2ebff;
}
body.wtour #header ul.gnav4 li.wtour_nav01 a{
    display: block;
    width: 100%;
    height: 20px;
    text-indent: 0;
    background: none;
}
body.wtour #header ul.gnav4 li.wtour_nav01 a:hover{
    background: none;
}
body.wtour #header ul.gnav4 li.wtour_nav02{
    width: 76%;
    padding: 5px 0;
    border: 1px solid #ccc;
}
body.wtour #header ul.gnav4 li.wtour_nav02 a{
    display: block;
    height: 20px;
    text-indent: 0;
    background: none;
}
body.wtour #header ul.gnav4 li.wtour_nav02 a:hover{
    background: none;
}

/*-------------------- footer*/
#footer-link,
#footer-kaigai{
    padding: 5% !important;
}

}