@charset "utf-8";
/*
* ★★CSS for smartphone
*
* @date 2013.03.13
* @author Daisuke Hayashi
*/

/* ------------------------------------------

------------------------------------------ */
body{ margin:0; padding:0;}
#widewrapper{ margin:0; padding:0;}
#keyVisual #countDownArea{
	width:300px;
	height: 58px;
	margin: 15px auto;
	background:url(https://img.travel.rakuten.co.jp/package/ana/beginner/images/cd_back.gif) no-repeat;	
}
/* -----  -----*/

#check_ana{
	text-align:right;
}

#pageTab {
    margin: 0;
}


#pageTab {
    margin: 0;
}


#contents {
    background-color: #ffffff;
}


#contentsArea #pageTab a, #contentsArea #pageTab em {
-webkit-border-radius:5px ;
-moz-border-radius:5px ;
border-radius:5px ;
 border-bottom-width:1px;
}

#contentsArea #pageTab a {
	font-size: 90%;
	color: #FFF;
	font-weight: bold;
	background: #000061;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #022b88;
	border-bottom-width:0px;
	background-color: #000061; 
    background: -moz-linear-gradient(center top, #012a88, #000061);
    background: -webkit-gradient(linear, left top, left bottom, from(#012a88), to(#000061));
}





#contents .pt1{
	padding:15px 0 15px 0;
}

#contents .pt1 img{
	width:100%;
}

#contents .pt1_b{
	width:100% auto;
	text-align:center;
	font-weight:bold;
	color:#333333;
}


#contents .pt2{
	padding:0 0 15px 0;
}

#contents .pt2 img{
	width:100%;
}

#contents .pt3{
	text-align:center;
	padding:0 0 15px 0;
}

#contents .pt3 img{
	width:100%;
}

#contents .pt4{
	padding:15px 0 15px 0;
}

#contents .pt4 img{
	width:100%;
}

#contents .pt5{
	padding:15px 0 0 0;
	text-align:center;
}

#contents .pt5 img{
	width:100%;
}

#search-box {
    background-color: #FFFFFF;
    border: 1px solid #7698e3;
}

.pc{
	display:none;
}

a:visited{ text-decoration:underline;}


/* ssj -index */
div.navi-beginner{ margin-top:10px;}
div.navi-beginner ul li{ float:left; margin-bottom:5px; width:48%; margin-left:1%; margin-right:1%;}
div.navi-beginner ul li img{ width:100%;}


#mainContents h1.beginner img.sp{ width:100%;}
#mainContents .anchor-beginner{ margin-top:10px;}
#mainContents .anchor-beginner ul li{ width:100%;  margin-bottom:5px;}
#mainContents .anchor-beginner ul li a.sp{ display:block; width:94%; margin:0 auto; background:#fffdea; border:1px solid #d9ba8e; border-radius:5px; text-align:center; padding-top:7px; padding-bottom:7px; color:#01489d; font-size:12px; position:relative;}
#mainContents .anchor-beginner ul li a.sp b{ font-size:14px;}
#mainContents .box-beginner h2 span.sp{ display:block; margin-bottom:10px; padding-top:8px; padding-bottom:8px; line-height:22px; font-size:20px; color:#FFFFFF; background:url(https://img.travel.rakuten.co.jp/package/ana/beginner/images/title_sp.gif) no-repeat; padding-left:100px; min-height:21px;}
#mainContents .box-beginner h2 span.sp em{ color:#fff100;}
#mainContents .serachbox-beginner { margin:10px;}
#mainContents .serachbox-beginner h2 span.sp{ display:block; padding-top:11px; padding-bottom:11px; line-height:22px; font-size:20px; color:#FFFFFF; background:url(https://img.travel.rakuten.co.jp/package/ana/beginner/images/searchtitle_sp.gif) no-repeat; padding-left:65px; min-height:21px; margin-bottom:10px;}
#mainContents .serachbox-beginner h2 span.sp em{ color:#fff100;}
.box-beginner p {padding: 0px 10px 10px;clear: both; font-size: 88%;}
.box-beginner p a{color: #1D54A7;text-decoration:underline;}
.box-beginner5 p em {
    font-style: normal;
    color: #E60012;
}
.box-beginner {border: 2px solid #367AEB;margin: 10px;}
#mainContents .anchor-beginner ul li a.sp::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-top: 3px solid #d9ba8e;
    border-right: 3px solid #d9ba8e;
    transform: rotate(45deg);
    content: "";
}

/* ssj -guide */
.anchor4-beginner ul li{ width:50%; float:left; margin-bottom:6px;}
/*.anchor2-beginner ul li a{ display:block; width:90%; margin:0 auto;}
.anchor2-beginner ul li a img{ display:block; width:100%; margin:0 auto; max-width:182px;}*/
#mainContents .anchor4-beginner ul li{ width:100%;  margin-bottom:5px;}
#mainContents .anchor4-beginner ul li a.sp{ display:block; width:94%; margin:0 auto; background:#FFFFFF; border:1px solid #00479d; border-radius:5px; text-align:center; padding-top:7px; padding-bottom:7px; color:#00479d; font-size:12px; font-weight:bold; position:relative;}
#mainContents .anchor4-beginner ul li a.sp b{ font-size:14px;}

#mainContents .anchor4-beginner ul li a.sp::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-top: 3px solid #00479d;
    border-right: 3px solid #00479d;
    transform: rotate(45deg);
    content: "";
}
#mainContents .box-beginner4{ margin:10px;}

#anchor4_2 .p {
    color: #48AFEA;
}
#mainContents .box-beginner4 h2 span.sp{ display:block; margin-bottom:10px; padding-top:10px; padding-bottom:9px; padding-right:10px; line-height:22px; font-size:20px; color:#FFFFFF; background:url(https://img.travel.rakuten.co.jp/package/ana/beginner/images/step-sp.gif) no-repeat; padding-left:40px; min-height:21px;}
#mainContents .box-beginner4 h2 span.sp em{ color:#fff100;}
.text{font-size:78%; color:#383838; padding-left:5px; font-weight:bold; padding-top:10px;}
#mainContents .box-beginner4 h3 span.sp{ display:block; background:#07bcf1; color:#FFFFFF; font-size:14px; padding:8px 10px; margin-bottom:8px;}
#mainContents .box-beginner4 .boxpic3{ width:95%; margin:0 auto;}
#mainContents .box-beginner4 .boxpic3 img{ width:100%;}

#mainContents .box-beginner4 .yellow1,#mainContents .box-beginner4  .yellow2,#mainContents .box-beginner4  .yellow3,#mainContents .box-beginner4  .yellow4 {
    background: #f8fbff none repeat scroll 0% 0%;
    font-size: 78%;
    margin:8px 10px;
    padding: 5px;
    border: 2px solid #367AEB;
}
#mainContents .box-beginner4 .yellow1 a,#mainContents .box-beginner4 .yellow2 a,#mainContents .box-beginner4 .yellow3 a,#mainContents .box-beginner4 .yellow4 a{ color:#1D54A7; text-decoration:underline;}



/* --- yuan --- */
.anchor3 ul,.anchor2 ul{ margin:10px;}
.anchor3 ul li a,.anchor2 ul li a{border:2px solid #01489d; text-align:center; /* font-size:78%; */ color:#01489d; padding:10px 5px; border-radius:5px; display:block; margin-bottom:5px; background-color:#FAFAFA;}
#mainContents .anchor3 ul li.sp a::after,#mainContents .anchor2 ul li.sp a::after {
    display: block;
    position: absolute;
    /*top: 50%;*/
    right:20px;
    width: 5px;
    height: 5px;
    margin-top: -13px;
    border-top: 3px solid #01489d;
    border-right: 3px solid #01489d;
    transform: rotate(45deg);
    content: "";
}

#mainContents .box-beginner5{ margin:10px; font-size:12px;}
#mainContents .box-beginner5 h2 span.sp{ display:block; margin-bottom:10px; padding:10px;line-height:22px; font-size:18px; color:#FFFFFF; min-height:21px; background-color:#01489d;}
#mainContents .box-beginner5 h2 span.sp em{ color:#fff100;}

#mainContents .box-beginner5 h3 span.sp{ display:block; margin-bottom:10px; padding:10px;line-height:22px; font-size:16px; color:#FFFFFF; min-height:21px; background-color:#F60;}
#mainContents .box-beginner5 h3 span.sp em{ color:#fff100;}

.box-beginner5 .boxpic img{width:100%; margin-bottom:10px;}

.boxpic2{overflow:hidden; margin-bottom:10px;}
.boxpic2 li{float:left; margin-left:1%;}
.imgW01{width:29%;}
.imgW02{width:39%;}
.boxpic2 li img{width:100%;}


.pageBtn a, #contentsArea .pageBtn em {
	font-size:80%;
	color: #367aeb;
	font-weight: bold;
	background: #f8fbff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #367aeb;
	background-color: #f8fbff;
	padding:5px;
	line-height:110%;
	
}

.pageBtn a {
	position:relative;
	color: #367aeb;
	background-color: #f8fbff;
}
.pageBtn a:hover {
	color: #FFF;
	background-color: #367aeb; text-decoration:none;
	}

:root * > .pageBtn li a:after {
    border-right: 3px solid #367aeb;
    border-top: 3px solid #367aeb;
    content: "";
    display: block;
    height: 7px;
    margin-top: -7px;
    position: absolute;
    right: 7px;
    top: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
}


.pageBtn ul li a{height:auto; padding:10px 0;}


.box h2{ display:block; margin-bottom:10px; padding: 5px 0 5px 10px;line-height:22px; /* font-size: 140%; */ color:#FFFFFF; min-height:21px; background-color: #367AEB;}
.box h2 em{ color:#fff100;}

.box h3{ display:block; margin-bottom:10px; /* padding:10px; */line-height:22px; /* font-size: 120%; */ color: #48AFEA; min-height:21px; /* background-color: #48AFEA; *//* padding: 5px 10px; */margin: 0 10px 10px;}
.box h3 em{ /* color:#fff100; */color: #fff;      background: #367AEB;      font-size: 80%;      margin-right: 5px;      padding: 5px;      border-radius: 5px;}

.anatop-bk img.sp {
    max-width: 100%;
}

.anatop-bk img.sp {
    max-width: 100%;
}

div#anchor2_1 {}

div#anchor2_1 {
    border: 2px solid #367AEB;
    margin: 10px;
}

p {
    font-size: 100%;
    padding: 0px 10px 10px;
    clear: both;
}

div#anchor2_2 {
    border: 2px solid #367AEB;
    margin: 10px;
}

div#anchor2_3 {
    border: 2px solid #367AEB;
    margin: 10px;
}

div#anchor2_4 {
    border: 2px solid #367AEB;
    margin: 10px;
}

div#anchor2_5 {
    border: 2px solid #367AEB;
    margin: 10px;
}
.yellow2 {
    background: #f8fbff none repeat scroll 0% 0%;
    font-size: 78%;
    margin: 8px 10px;
    padding: 5px;
    border: 2px solid #367AEB;
}

.yellow4 {
    background: #f8fbff none repeat scroll 0% 0%;
    font-size: 78%;
    margin: 8px 10px;
    padding: 5px;
    border: 2px solid #367AEB;
}

.yellow3 {
    background: #f8fbff none repeat scroll 0% 0%;
    font-size: 78%;
    margin: 8px 10px;
    padding: 5px;
    border: 2px solid #367AEB;
}
div#anchor3_3 {
    border: 2px solid #367AEB;
}

div#anchor3_4 {
    border: 2px solid #367AEB;
}

div#anchor3_5 {
    border: 2px solid #367AEB;
}

.box.box-beginner5 {
    border: 2px solid #367AEB;
}
.anchor.anchor2.anchor4-beginner.clearfix {
    display: none;
}

div#anchor4_1 {
    border: 2px solid #367AEB;
}

div#anchor4_2 {
    border: 2px solid #367AEB;
}

div#anchor4_3 {
    border: 2px solid #367AEB;
    margin: 0 10px;
}

img {
    max-width: 100%;
}

div#anchor4_4 {
    border: 2px solid #367AEB;
    margin: 10px;
}

div#anchor4_5 {
    border: 2px solid #367AEB;
    margin: 10px;
}
p.h2sub {
    font-size: 88%;
    color: #48AFEA;
    font-weight: bold;
    font-size: 100%;
}
.anchor.anchor3 {
    display: none;
}
.anchor.anchor1.anchor-beginner {
    display: none;
}
ul {}

.anchor.anchor2 {
    display: none;
}
a, a:visited {
    color: #1D54A7;
    text-decoration: none;
}


#search-box .subtitle.air {
    width: 70px;
    background-position: 0px -310px;
    background-color: #457F0F;
    float: left;
}
#search-box .subtitle {
    width: 50px;
    margin-bottom: 7px;
    padding: 3px 0px 3px 15px;
    color: #FFF;
    font-size: 78%;
    text-align: center;
    border-radius: 3px;
	clear:both;
}
#search-box .subtitle,#search-box .arv{
    background: transparent url("https://img.travel.rakuten.co.jp/package/ana/beginner/images/sprite.png") no-repeat scroll 0% 0%;
}
#search-box .subtitle.cars {
    background-position: 0px -339px;
    width: 90px;
    background-color: #457F0F;
}
#search-box .subtitle.hotel {
    background-position: 0px -369px;
    background-color: #457F0F;
}

#search-box .setCars p{ display:block; font-size:88%;}
p.pagetop {
    clear: both;
    width: 97%;
    text-align: right;
    font-size: 82%;
	margin-bottom: 15px;
    padding: 16px 0 0 0;
}
dd.apn2 {
    float: left;
    padding-left: 25px;
    background: transparent url("https://img.travel.rakuten.co.jp/package/ana/beginner/images/sprite.png") no-repeat scroll 0px -1118px;
}
#deptCode {
    float: left;
}
#rettCode {
    float: left;
}

.transport-table {
    font-weight: 400;
    margin: 0px 10px 20px;
    border-collapse: collapse;
    background-color: #CCD4EA; /* 浅蓝色背景 */
}

.transport-table th {
    font-weight: 400;
    background-color: #CCD4EA;
    color: #00146E;
    padding: 15px;
    border: 1px solid #c1c7d0; 
}

.transport-table td {
    font-weight: 400;
    padding: 15px;
    border: 1px solid #c1c7d0;
    line-height: 1.6;
    background-color: #fff;
}

.date-period {
    width: 35%;
    color: #00146E;
    background-color: #CCD4EA!important;
    font-weight: bold;
    font-size: 14px;
}
.red {
    color: #BF0000;
}



  #grpLocationArea {
    display: block !important;
    font-size: 75% !important;
    line-height: 38px;
    background: #fff;
    position: relative;
  }
  #grpLocationArea p {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    /* IE, Edge ,Firefox スクロールバー非表示 */
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 0 0 calc(9.1em + 8px);
  }
  #grpLocationArea p::-webkit-scrollbar {
    /* Chrome, Safari スクロールバー非表示 */
    display: none;
  }
  #grpLocationArea a:first-of-type {
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    background: #fff;
    padding: 0 0.5em 0 8px;
  }
  #grpLocationArea .grpLocationLocus {
    padding-right: 8px;
  }