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

}

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





/*--------------------------------------------------
  body
--------------------------------------------------*/
.sp-no01 {
  display: none;
}
.pc-no01 {
  display: block;
}
.box {
 width:100%;
 padding:0 10px;
 box-sizing:border-box;
}

/*--------------------------------------------------
  mv
--------------------------------------------------*/
.mv {
  margin:45px 0 20px 0 ;
  width:100%;
  height:380px;
  position:relative;
  overflow:hidden;
}
#top .mv{
  background:url(../images/top_mv_sp.jpg) center center no-repeat;
  background-size:cover;
}
#euro .mv{
  background:url(../images/euro_mv_sp.jpg) center center no-repeat;
  background-size:cover;
}
.mv h1 {
  font-weight:bold;
  font-size:28px;
  margin-bottom:5px;
}
.mv h2 {
  font-weight:bold;
  font-size:28px;
  margin-bottom:5px;
}
.mv p{
  font-size:14px;
}
.mv .inner {
  width:100%;
  box-sizing:border-box;
  margin:0 auto;
  padding:15px 10px 0 10px;
  line-height:1.1;
  color:#ffffff;
}

/*--------------------------------------------------
  section01
--------------------------------------------------*/
#top img {
	width:100%;
}
#top .contents01 h3,#top .contents02 h3,#top .contents03 h3 ,#top .contents04 h3 {
  background:url(../images/themes_h3_bg03_sp.jpg) center center no-repeat;
  background-size:300px auto;
  width:300px;
  height:104px;
  box-sizing:border-box;
  text-align:center;
  font-size:18px;
  padding:27px 0 0 0;
  margin:0 auto 10px;
  line-height:1.4;
  font-weight:bold;
}
#top .contents01 .text01,#top .contents02 .text01 {
  font-size:14px;
  letter-spacing:-2px;
  font-weight:bold;
}
#top .contents01 .text01,#top .contents02 .text01,#top .contents03 .text01 {
  font-size:18px;
  letter-spacing:-2px;
  font-weight:bold;
}
#top .contents01 h4,#top .contents02 h4 {
  width:100%;
  height:40px;
  box-sizing:border-box;
  text-align:center;
  padding:0 0 0 0;
  margin:0 0 20px 0;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
#top .contents01 h4 img,#top .contents02 h4 img{
	width:164px;
}
#top .contents01 .h4_01,#top .contents02 .h4_01 {
	background:#21287f;
}
#top .contents01 .h4_02,#top .contents02 .h4_02 {
	background:#ac061a;
}
#top .contents01 .h4_03,#top .contents02 .h4_03 {
	background:#2c493f;
}
#top .contents01 .h4_04,#top .contents02 .h4_04{
	background:#ee5a22;
}
#top .contents01 .clearfix {
	width:100%;
	margin:0 0 20px;
}
	
#top .contents01 .inner  {
  height:auto;
  width:300px;
  box-sizing:border-box;
  float:none;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  margin:0 auto 20px;
  padding:222px 10px 20px 10px ;
  position:relative;
  text-align:center;
}
/*----リンク追記----*/
#top .contents01 .inner_link {
  width:100%;
  border-radius:8px;
  margin:10px auto;
  padding-bottom: 20px;
  position:relative;
  text-align:center;
  text-decoration:underline;
}
#top .contents01 .inner_link a {
  font-weight:bold;
}
/*----リンク追記----*/

#top .euro .inner ,#top .tour_box01 .inner {
  border:2px solid #21287f;
}
#top .usa .inner  ,#top .tour_box02 .inner {
  border:2px solid #ac061a;
}
#top .oceania .inner ,#top .tour_box03 .inner {
  border:2px solid #2c493f;
}
#top .asia .inner  ,#top .tour_box04 .inner {
  border:2px solid #ee5a22;
}


#top .contents01 .usa {
  background:none;
  background-size:1128px auto; 
  }
#top .contents01 .oceania {
  background:none;
  background-size:1128px auto;
  }
#top .contents01 .asia {
   background:none;
  background-size:1128px auto;
  }

#top .contents01 .dd01 {
  font-size:18px;
  color:#21287f;
  font-weight:bold;
  line-height:1.2;
}
#top .usa .dd01 {
  color:#d8132a;
}
#top .oceania .dd01 {
  color:#2c493f;
}
#top .asia .dd01 {
  color:#ee5a22;
}
#top .contents01 .tour01 .dd02 {
  font-size:14px;
}
#top .contents01 .dd02 {
  line-height:1.2;
  font-size:12px;
  margin:5px 0 0 0 ;
}

#top .contents01 .inner a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
#top .contents01 .tour01 {
  background-size:300px auto;
  width:300px;
  height:auto;
  padding:270px 10px 20px 10px ;
  margin:0 auto 20px;
}
#top .contents01 .usa .tour02 {
  margin:0 auto 20px;
}
#top .contents01 .oceania .tour02 {
  margin:0 auto 20px;
}
#top .contents01 .asia .tour02 {
  margin:0 auto 20px;
}

#top .contents01 .euro .tour01 {
  background:url(../images/tt-top_03.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .euro .tour02 {
  background:url(../images/top_img02.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .euro .tour03 {
  background:url(../images/top_img03.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .euro .tour04 {
  background:url(../images/top_img04.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}	
#top .contents01 .euro .tour05 {
  background:url(../images/top_img05.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .euro .tour06 {
  background:url(../images/top_img06.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}	
	
#top .contents01 .usa .tour01 {
  background:url(../images/tt-top_05.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .usa .tour02 {
  background:url(../images/top_img27.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .usa .tour03 {
  background:url(../images/top_img28.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .usa .tour04 {
  background:url(../images/top_img29.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}	
#top .contents01 .usa .tour05 {
  background:url(../images/top_img30.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}

#top .contents01 .oceania .tour01 {
  background:url(../images/tt-top_07.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .oceania .tour02 {
  background:url(../images/top_img13.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .oceania .tour03 {
  background:url(../images/top_img14.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .oceania .tour04 {
  background:url(../images/top_img15.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}	
#top .contents01 .oceania .tour05 {
  background:url(../images/top_img16.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}

#top .contents01 .asia .tour01 {
  background:url(../images/tt-top_09.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .asia .tour02 {
  background:url(../images/top_img18.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .asia .tour03 {
  background:url(../images/top_img19.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}
#top .contents01 .asia .tour04 {
  background:url(../images/top_img20.jpg) center -40px no-repeat,#FFFFFF;
  background-size:300px auto; 
}


/*--------------------------------------------------
  section02
--------------------------------------------------*/

 .tab_box {
  width:100%;
  height:70px;
  box-sizing:border-box;
  border-bottom:6px solid #e5c74d;
  padding:0 0px;
  margin-bottom:20px;
}
.tab_box a {
  display:block;
  width:14.6%;
  height:48px;
  float:left;
  background:#e5c74d;
  box-sizing:border-box;
  text-align:center;
  padding:12px 0;
  font-weight:bold;
  color:#FFFFff;
  margin:10px 5px 0 0 ;
  border-radius:8px 8px 0 0 ;
  -moz-border-radius:8px 8px 0 0;
  -webkit-border-radius:8px 8px 0 0;
  opacity:0.6;
  font-size:13px;
  line-height:1.2;
}
.tab_box .select a {
  width:16% !important;
  height:60px !important;
  opacity:1;
}

#top .contents02 .small {
  font-size:14px;
}


#top .contents02 h3 {
  background:url(../images/top_h3_bg05.jpg) center center no-repeat;
  background-size:300px auto;
}
#top .contents02 .tour_list  {
  width:100%;
}
#top .contents02 .inner  {
  width:300px;
  height:320px;
  float:none;
  box-sizing:border-box;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  margin:0 auto 20px;
  padding:190px 10px 0 10px;
  position:relative;
}
#top .contents02 .inner a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
/*----リンク追記----*/
#top .contents02 .inner_link {
  width:100%;
  border-radius:8px;
  margin:0 0 30px 320px;
  position:relative;
  text-align:center;
  text-decoration:underline;
}
#top .contents02 .inner_link a {
  font-weight:bold;
}
/*----リンク追記----*/
#top .contents02 .text02 {
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:#3075d6;
	padding:4px 15px;
	text-align:center;
	margin:0 10px 0 0;
}
#top .contents02 .text03 {
	font-weight:bold;
	/*display:inline-block;
	font-size:12px;
	color:#ffffff;
	background:#ed8d1c;
	padding:4px 15px;
	text-align:center;
	margin-bottom:-20px;*/
}
#top .contents02 .dd02 {
	font-size:14px;
	line-height:1.3;
	margin-top:5px;
}
#top .contents02 .dd03 {
	font-size:20px;
	font-weight:bold;
	text-align:right;
	color:#dd3333;
	margin-top:5px;
}

/*--------------------------------------------------
  section03
--------------------------------------------------*/

#top .contents03 h3 {
  background:url(../images/top_h3_bg06_sp.jpg) center center no-repeat;
  background-size:300px auto;
}
#top .contents03 .clearfix  {
  width:100%;
}
#top .contents03 .inner  {
  width:300px;
  height:340px;
  float:none;
  box-sizing:border-box;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border:2px solid #e5c74d;
  margin:0 auto 20px ;
  padding:260px 0 0 0 ;
  position:relative;
  text-align:center;
  font-weight:bold;
}
#top .contents03 .tour03  {
  padding:255px 0 0 0 ;
}
#top .contents03 .inner a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-indent:-999px;
}
#top .contents03 .inner .dd01 {
  font-size:16px;
  color:#df971a;
  line-height:1.2;
  font-weight:bold;
}

#top .contents03 .inner .dd02 {
  font-size:22px;
  font-weight:bold;
  line-height:1.5;
}
#top .contents03 .tour01 {
  background:url(../images/top_img21.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour02 {
  background:url(../images/top_img23.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour03 {
  background:url(../images/top_img25.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour04 {
  background:url(../images/top_img24.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour05 {
  background:url(../images/top_img22.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour06 {
  background:url(../images/top_img26.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour07 {
  background:url(../images/top_img50.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}
#top .contents03 .tour08 {
  background:url(../images/top_img51.jpg) center -30px no-repeat;
  background-size:auto 276px ;
}




/*--------------------------------------------------
 passport 
--------------------------------------------------*/ 

.passport {
  background:url(../images/pass-bg.jpg) repeat;
  background-size: 18px 28px;
  padding: 1px 0 36px 0;
  margin-bottom: 36px;
  z-index:-100;
  position: relative;
}

/*--------------------------------------------------
 passport  mv
--------------------------------------------------*/ 
.passport #mv {
    position: relative;
    width: 100%;
}

.passport #mv:before {
    content:"";
    display: block;
    padding-top: 93.75%;
}

.passport #mv .inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background: url(../images/pass-sp-fv.png) center 0 no-repeat;
	background-size: 100% auto;
	text-indent:100%;
   white-space:nowrap;
   overflow:hidden;
   z-index:-1;
}

/*--------------------------------------------------
  passport　sec01
--------------------------------------------------*/ 

.passport .section01 {
  margin: 0 14px;
}

.passport .section01 .inner {
  background-color: #fff;
  margin: 0 auto;
  padding-bottom: 20px;

}

.passport .section01 .text-box {
  padding: 20px 20px 0 20px;
}

#wrapper .passport .section01 h3 {
  font-size: 1.2em;
  line-height: 22px;
  font-weight: bold;
  border-bottom: dashed #5e5e5e 3px;
  border-top: dashed #5e5e5e 3px;
  padding: 6px 0;
width: auto;
    height: auto;
}

.passport .section01 dl {
	margin-top: 0;
}


.passport .section01 dt {
	margin-top: 10px;
	padding: 8px 0;
	width: 100%;
	margin-bottom: 10px;
}

.passport .section01 .c-tx {
  line-height: 18px;
  font-size: 1.2em;
  padding: 8px 0;
}

.passport .section01 .c-tx br {
	display: none;
}


.passport .section01 .c-tx02 {
}

.passport .section01  span {
  font-weight: bold;
}

.passport .section01 dd {
 margin-top: 10px;
 margin-left: 0;
 width: 100%;
    font-size: 1.1em;
        line-height: 18px;
}



.page-top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 24px;
  bottom: 20px;
  z-index: 9999;
  display: none;
}



}