/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {


/*----------------------------------------------*/
/*NAVIGATION*/
/*----------------------------------------------*/

/*main navi*/
nav#main-nav {
width:auto;
padding:15px 15px;
}




/*----------------------------------------------*/
/*SNS*/
/*----------------------------------------------*/

/*BTN BOX*/
.social {
right:10px;
}




/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

/*page top*/
ul.btn-pagetop {
width:auto;
margin:0;
}

footer hgroup {
width:auto;
padding:0 12px;
}




/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*main frame*/
#content {
width:auto;
padding:0 30px 30px;
}


/*----------------------------------------------*/
/*TRIP[MAIN]*/

/*main title*/
#main-trip h3.mt-ttl {
width:100%;
height:auto;
padding-bottom:10%;
margin:0;
background-size:100% auto;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
}


/********/
/*DETAIL*/
/********/
#main-trip .mt-detail {
width:auto;
float:none;
}


/*******/
/*PHOTO*/
/*******/
#main-trip .mt-photo {
float:none;
margin:0 auto;
}



}





/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {


/*----------------------------------------------*/
/*NAVIGATION*/
/*----------------------------------------------*/

/*main navi*/
nav#main-nav {
overflow:hidden;
}

/*[NAVI]*/
nav#main-nav ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
position:relative;
float:left;
left:50%;
}
nav#main-nav ul li {
float:left;
position:relative;
left:-50%;
}




/*----------------------------------------------*/
/*SNS*/
/*----------------------------------------------*/

/*BTN BOX*/
.social {
position:relative;
overflow:visible;
float:left;
left:50%;
top:12px;
height:auto;
}
.twitter {
position:relative;
left:-50%;
}
.facebook {
position:relative;
left:-50%;
}
.googleplus {
position:relative;
left:-50%;
}




/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*TRIP[OTHER]*/

#other-trip .thumb {
width:148px;
padding:8px;
}
#other-trip .thumb figure img {
max-width:146px;
}
/*[PLACE]*/
#other-trip .thumb dl {
padding:7px 0 0 0;
}
#other-trip .thumb dl dt {
font-size:1.0em;
padding:0 0 3px 20px;
background-size:auto 12px;
-moz-background-size:auto 12px;
-webkit-background-size:auto 12px;
}
#other-trip .thumb dl dd {
font-size:0.7em;
}



}




/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {


/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*main frame*/
#content {
padding:0 15px 15px;
}



}




/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {


/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*******/
/*PHOTO*/
/*******/
#main-trip .mt-photo {
width:auto;
}

/*******************/
/*flexslider custom*/
#slider.flexslider .slides img {
/*max-height:415px;*/
}
/*******************/



}




/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {


/*----------------------------------------------*/
/*NAVIGATION*/
/*----------------------------------------------*/

/*[NAVI]*/
nav#main-nav ul li {
margin:0 0.6em 0 0;
}





/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/


footer hgroup {
text-align:center;
}

/*logos*/
footer hgroup ul.f-logos {
margin:0 auto;
float:none;
}
footer hgroup ul.f-logos li {
margin-right:0;
display:inherit;
}
footer hgroup ul.f-logos li img {
max-width:36%;
}

/*banners*/
footer hgroup ul.f-bns {
margin:0 auto 25px auto;
float:none;
}
footer hgroup ul.f-bns li {
margin-left:0;
display:inherit;
}




/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*******************/
/*flexslider custom*/
#slider.flexslider .slides img {
/*max-height:390px;*/
}
/*******************/


/*----------------------------------------------*/
/*TRIP[OTHER]*/

/*OTHER TRIP*/
#other-trip {
margin:10px 0 0 0;
padding:10px 0 0 0;
}

/*thumbnail*/
#other-trip article {
margin:0 0 6px 0;
float:none;
}
#other-trip .thumb {
width:auto;
padding:8px;
border:2px solid #7FCCCC;
}
#other-trip .thumb:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both;
}
#other-trip .thumb:hover {
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
/*[photo]*/
#other-trip .thumb figure {
float:left;
}
#other-trip .thumb figure img {
max-width:70px;
vertical-align:bottom;
}
/*[PLACE]*/
#other-trip .thumb dl {
width:auto;
height:auto;
margin:0 0 0 85px;
padding:10px 0 0 0;
}
#other-trip .thumb dl dt {
font-size:1.1em;
}
#other-trip .thumb dl dd {
font-size:0.8em;
}



}




/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {


/*----------------------------------------------*/
/*NAVIGATION*/
/*----------------------------------------------*/

/*main navi*/
nav#main-nav {
padding:10px;
}

/*[NAVI]*/
nav#main-nav ul li {
margin:0 0.3em 0 0;
}
nav#main-nav ul li a {
height:26px;
background-image:url(../images/nav_main_s.png);
}
/*[TACTY TOP]*/
nav#main-nav ul li.btn-tacty a {
width:26px;
background-position:0 0;
}
nav#main-nav ul li.btn-tacty a:hover {
background-position:0 0;
}
/*[COMMUNITY]*/
nav#main-nav ul li.btn-com a {
width:74px;
background-position:-26px 0;
}
nav#main-nav ul li.btn-com a:hover {
background-position:-26px -0;
}
/*[REQUEST]*/
nav#main-nav ul li.btn-req a {
width:105px;
background-position:-100px 0;
}
nav#main-nav ul li.btn-req a:hover {
background-position:-100px 0;
}
/*[DIARY]*/
nav#main-nav ul li.btn-diary a {
width:47px;
background-position:-205px 0;
}
nav#main-nav ul li.btn-diary a:hover {
background-position:-205px 0;
}
/*[radiko]*/
nav#main-nav ul li.btn-radiko a {
width:26px;
background-position:-252px 0;
}
nav#main-nav ul li.btn-radiko a:hover {
background-position:-252px 0;
}




/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*TRIP[MAIN]*/

/*main title*/
#main-trip h3.mt-ttl {
text-indent:0;
background:none;
text-align:center;
font-size:1.2em;
font-weight:bold;
padding:1.2em 0 1.2em 0;
border-bottom:3px solid #BEBCAE;
}
#main-trip h3.mt-ttl span {
display:block;
}


/*******************/
/*flexslider custom*/
#slider.flexslider .slides img {
/*max-height:324px;*/
}
.flexslider {
margin: 0 0 10px!important;
}
p.flex-caption {
font-size:0.9em;
line-height:1.4em;
}
/*******************/



}




/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {


/*----------------------------------------------*/
/*TRIP*/
/*----------------------------------------------*/

/*main frame*/
#content {
padding:0 12px 12px;
}

/*----------------------------------------------*/
/*TRIP[MAIN]*/

/*main title*/
#main-trip h3.mt-ttl {
font-size:1.0em;
}

/********/
/*DETAIL*/
/********/
#main-trip .mt-detail .mt-place dd.mt-place-name {
font-size:2.0em;
}

/*[NAVIGATOR]*/
/*face img*/
#main-trip .mt-detail .mt-navigator .mt-navigator-inner figure {
max-width:70px;
border:3px solid #FFF;
}
/*name*/
#main-trip .mt-detail .mt-navigator .mt-navigator-inner dl {
margin-left:88px;
}

/*******************/
/*flexslider custom*/
#slider.flexslider .slides img {
/*max-height:208px;*/
}
#carousel {
display:none;
}
/*******************/


/*----------------------------------------------*/
/*TRIP[OTHER]*/

#other-trip h4.ot-ttl {
height:20px;
background-size:auto 20px;
-webkit-background-size:auto 20px;
-moz-background-size:auto 20px;
}



}