@charset "utf-8";
/*

------------------------------------------ */
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 {
    border: none;
}

.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 {
    font-family: 'Noto Sans JP', sans-serif;
}


#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;
    padding-bottom: 24px;
}

#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 {
    font-size: 78%;
    margin: 8px 16px;
    padding: 16px 0;
}

#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;
}
.yellow1 p {
    font-size: 14px;
    padding: 0;
}

.yellow1 small {
    font-size: 12px;
}
.yellow1 span {
    font-size: 16px;
    font-weight: bold;
    color: #367AEB;
}

.redNote {
    color: #BF0000;
    font-size: 12px;
}



/* --- 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;
    display: block;
    margin-bottom: 5px;
}


#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 {
    margin:8px auto 24px;
}

.btn4 {
    display: flex;
    padding: 0 10px;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.btn4 li {
    flex: 1 1 calc(50% - 4px);
}


.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 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    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: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 4px;
    margin-bottom: 10px;
    padding: 5px 0;
    line-height: 22px;
    /* font-size: 140%; */
    color: #FFFFFF;
    min-height: 21px;
    background-color: #367AEB;
}

.box h2 small {
    font-size: 12px;
}

.box h2 span {
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
    column-gap: 5px;
}

.box h2 span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(https://img.travel.rakuten.co.jp/package/ana/beginner/202601/images/icons.png) no-repeat left top / auto 18px;
}

.package-icon::before {
    background-position: -28px 0px!important;
}
.calender2-icon::before {
    background-position: -55px 0px!important;
}
.payment-icon::before {
    background-position: -82px 0px!important;
}

.bag-icon::before {
    background-position: -110px 0px!important;
}

.box h2 em {
    display: block;
    color: #fff100;
    text-align: center;
}

.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;
}

.tips {
    font-size: 14px;
    border-radius: 8px;
    margin: 0px 16px 16px;
    padding: 8px;
    background-color: #f8fbff;
    border: 1px solid #EAEAEA;
    line-height: 1.5;
}

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

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



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

p {
    font-size: 120%;
    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;
}

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: 12px;
    color: #367AEB;
    margin: 16px 0;
}

.anchor.anchor3 {
    display: none;
}

.anchor.anchor1.anchor-beginner {
    display: none;
}

a,
a:visited {
    color: #1D54A7;
    text-decoration: none;
}


p.pagetop {
    clear: both;
    width: 97%;
    text-align: right;
    font-size: 82%;
    margin-bottom: 15px;
}

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;
}




.searchWide,#search-box .searchNavi, .searchWide #domestic-search-box{
    background:#F8FBFF!important;
}

.searchWide {
    margin: 40px auto;
    padding: 18px 0;
}

.searchWide h1 {
    margin: 8px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #367AEB;
    position: relative;
}

.searchWide h1::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://img.travel.rakuten.co.jp/package/ana/beginner/202601/images/search.svg) no-repeat left top / auto 20px;
    margin-right: 8px;
}

#search-box #domestic-search-box {
    padding: 0 10px!important;
}