@charset "Shift_JIS";

/*759px以下(SP)*/
@media screen and (max-width: 759.9px) {
#period{
	background: #ff0;
    width: 90%;
    margin: auto;
    padding: 5px 0;
    font-size: 12px;
    font-weight: bold;
}

.floatMenu.fixed2 nav{
	width: 100%;
    background: #3567ca;
    height: 56px;
}

.fixed2{
    position: fixed!important;
    top: 0;
	left:0;
	right:0;
    z-index: 9999;
	margin-top: 0!important;
}

.floatMenu{
    width: 100%;
	background:#fff!important;
	margin:0 auto;
	text-align:center;
}

.gnav{
	width: 100%;
    background: #3567ca;
    height: 50px;
}

.gnav ul li,
.floatMenu li{
    float: left;
    width: 33.33333%;
    line-height: 1.5;
    font-size: 10px;
    margin-top: 8px;
	text-align: center;
}

.gnav ul li a,
.floatMenu li a{
	color:#fff;
	font-weight: bold;
}

#how_to_use,
.howtogoto_cp_div .howtogoto_cp_div {
    border-bottom: 8px dotted #f0f5ff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.howtogoto_cp_div .howtogoto_cp_div:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.cmpBox {
    /*border: 5px solid #3567ca;*/
	background: #f0f5ff;
    padding: 15px;
}

#middleArea * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}

/*----------------------------------------------------------------
  Common Set
----------------------------------------------------------------*/
a.over:hover {
	opacity: 0.7;
}

.spnone,.smpnone {
	display: none!important;
}

.disnone {
	display:none !important;
}

/*----------------------------------------------------------------
  Module Set
----------------------------------------------------------------*/

/* layout
----------------------------------------------- */
.inner {
	margin: 0 auto 2em;
	width:94%;
}
#wrapper {
	margin:0 auto;
	-webkit-text-size-adjust: 100%;
	font-size:16px;
}
#middleArea {
	width: 100% !important;
	padding: 0;
}
.headerbg {
	background: #43280b;
}
#headline {
	overflow: hidden;
	position: relative;
	background: #25aaf5;
}

/* Headline
----------------------------------------------- */
h1 {
	width:100%;
	margin:0 auto;
	padding: 2px 5px;
	font-size:10px;
	font-weight:normal;
	box-sizing: border-box;
}
ul#main-slider {
	margin: 0;
	padding: 0;
}
#main-slider img {
	float: left;
	min-width: 320px;
	width: 100%;
}

/*pamlist*/
#pastlist {padding: 5px;}

/*title*/
#title {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 150px;
    background: url(../images/bg.jpg) 50% 0;
    background-size: cover;
}

#title h1 img {
	margin: auto;
    color: #FFF;
    font-weight: bold;
    display: block;
    height: 98px;
}

#title > div {
    width: 100%;
}

#title > div > div {
    width: 98%;
    margin: auto;
}

#title > div > div > p {
	background: rgba(255,255,255,0.8);
    color: #222;
    line-height: 1.4;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
}

#title > div > div > p span {
    color: #F00;
    font-size: 16px;
}

#title > div > div > p img {
	width: 36px;
    height: 36px;
    float: left;
    filter: drop-shadow(2px 2px 1px rgba(255,255,255,0.9));
}

nav {
	width: 350px;
	margin: auto;
    display: block;
	height: 62%;
	position: relative;
}

/* Contents
----------------------------------------------- */
p.kokuchi {
    color: red;
    text-align: center;
    margin: 3% 0 7px 0;
    font-weight: bold;
    font-size: 12px;
}

h2,h3,h4 {
	color:#43280b;
	text-align: center;
	font-size: 20px;
    margin: 3% 0 5%;
}

h2.title_bar {
    letter-spacing: 3px;
	color: #3567ca;
    border-top: 2px solid #3567ca;
    border-bottom: 2px solid #3567ca;
    padding: 5px 0 8px;
}

h3.title_bar {
    letter-spacing: 3px;
	color: #3567ca;
    font-size: 18px;
    padding: 5px 0 0;
}

img {
	border: none;
	vertical-align: bottom;
}
ol, ul, li {
	list-style-type: none;
	margin: 0;
}

main {
	display: block;
	padding: 0 0 0 0;
}

/* section
----------------------------------------------- */
section {
	display: block;
	overflow: hidden;
	background: #fff;
}

section#ancerlink01 .inner{
	width:98%;
    border: 4px solid #3567ca;
    box-sizing: border-box;
	margin: 1%;
    padding: 0;
}

section#ancerlink01 .inner h2{
    display: block;
    background: #3567ca;
    color: #FFF;
    margin: auto;
    letter-spacing: 5px;
    text-align: center;
}

main article section:nth-of-type(n+8) {
	background: #f0f5ff;
}

section p.title_under_txt{
	text-align: center;
	margin-bottom: 2%;
	padding: 0 5px;
	font-size: 12px;
}
section h2 {
	font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    display: block;
    text-align: center;
    overflow: hidden;
}

.cmpBox dl {
	border-bottom: 1px solid #CCC;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    background: #eeeeee;
}

.cmpBox dl:last-child {
 border: none;
}

.cmpBox dt {
	width: 24%;
    padding: 10px 5px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.cmpBox dd {
	margin: 0 0 0 28%;
	padding:10px;
	background:#FFF;
	line-height: 1.5;
}
.cmpBox dd strong {
	color:#F00;
}
.cmpBox dd span {
	font-size:16px;
	display:block;
}

section .inner {
	margin: 0 auto;
	width:100%;
}

/* アンケート */
.inner img {
	width:100%;
	margin: 0px;
}

/*  =================================
buttom_new
=================================  */
.planBtn {
	margin: 0 0 10px 0 !important;
	clear: both;
	display: block;
	width: 100%;
	padding: 8px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-radius: 15px;
	background: #ff9800 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
	font-size: 18px;
	text-decoration: none !important;
	box-sizing: border-box;
}

.planBtn a {
	color: #FFF !important;
}

.planBtn a:after {
	display: inline-block;
}

.btn2 a {
    color: #FFF;
    margin: 0 auto 10px !important;
    clear: both;
    display: block;
    width: 90%;
    padding: 8px 10px;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 5px;
    background: #ff9800 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    text-decoration: none !important;
    box-sizing: border-box;
}

/*add plan*/
section {
	padding: 10px 0;
}

/*use*/
#useWrap h3{
	clear: both;
    padding-top: 20px;
}

#useWrap {
	padding:0;
	margin-bottom:0;
}
#useWrap div {
	overflow:hidden;
	padding:10px;
	margin:0 0 0 0;
	background:#FFF;
	float:none!important;
	width:auto!important;
	border-bottom:1px dashed #CCC
}
#useWrap div p {
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#useWrap div p img {
	width:100%;
	height:auto;
}
#useWrap dl {
	overflow:hidden;
	display:block;
	padding:0 0 0 0;
}
#useWrap div:last-child {
	border-bottom:none
}
#useWrap dt {
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
}
#useWrap dt a {
	color:#000;
}
#useWrap dd {
	font-size:12px;
	color:#999;
	margin:0;
	padding:0;
}
#useWrap dd > span {
	display:block;
	margin:5px 0 0 0;
}
#useWrap dd > span a {
	color:#CCC;
	display:inline-block;
	background:none;
	padding:0;
	text-align:center;
	margin-top:0;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom:none;
}
#useWrap dd > span span {
	color:#F69;
	display:inline;
}

/**/
.inner ul:not(#ouenlink) {
    width: 98%;
    margin: 0 auto;
}

.inner ul:not(#ouenlink) li {
    list-style: disc;
    list-style-position: inside;
    list-style-type: none;
}

/*新着情報*/
.backAnker p {
    line-height: 1.3;
    margin: 0;
    color: #43280b;
    background: #fff;
}
.backAnker{
/*    overflow-y: scroll;
    height: 200px;*/
	margin:0 10px 0;
	padding:0px;
}
.ankerLink{
	font-size: 12px;
	text-align: left;
	padding:10px;
	border-bottom:1px dashed rgba(0,0,0,0.2);
}
.ankerLink:last-child{
	border-bottom:none;
}
.openBox{
	padding-top:10px;
}
.ankerLink span{
	display:inline-block;
	padding:3px 5px;
	background:#3567ca;
	color: #fff;
	font-size:12px;
	margin:0 10px 3px 0;
}
.ankerLink strong{
	font-weight:normal;
}

/*PRバナー*/
div.pr_banner,
div.pr_banner img {
	width: 94%;
    margin: 3% auto; 
    display: block;
	text-align: center;
	font-size: 14px;
}

/*割引*/
.howtogoto_cp {
	background: #f0f5ff;
    padding: 1px 10px 20px;
	margin: 0 0 5% 0;
}
.howtogoto_cp h3{
	line-height: 2;
    padding: 20px;
}
.howtogoto_cp dl{
    display: block;
    text-align: center;
    background: #fff;
    margin: 20px 1%;
    box-sizing: border-box;
    padding-bottom: 12px;
    /*border-radius: 8px;*/
	position: relative;
}

.howtogoto_cp dt{
    background: #3567ca;
    position: relative;
    margin: 5% auto;
    line-height: 2;
    color: #fff;
    font-weight: bold;
	/*border-radius: 5px;*/
}

.howtogoto_cp dd{
	font-size: 0.8em;
	margin: 5% 0;
}

#line_bt{margin: 10px 0}

.howtogoto_cp > div{
	box-sizing: border-box;
    width: 98%;
    margin: 2% auto 0;
    background: #fff;
    clear: both;
    padding: 20px;
    /*border-radius: 8px;*/
    font-size: 16px;
    line-height: 2;
}

/*-------------
API
---------------*/
.campaign_plan_box {
    margin-top: 8%;
	padding-bottom: 15px;
}

.area_plan_hotel{
    background: #FFF;
    width: 49%;
    float: left;
    overflow: hidden;
    padding: 8px;
    margin: 1% 0.5%;
    box-sizing: border-box;
    position: relative;
}

.slick_area.cFix .area_plan_hotel{
    background: #FFF;
    width: 230px;
    float: left;
    overflow: hidden;
    padding: 8px;
    margin: 0 10px;
    box-sizing: border-box;
    position: relative;
}

.area_plan_hotel p.hotel_area{
	font-size: 12px;
    text-align: right;
    margin-bottom: 2%;
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    padding: 3px;
}

.area_plan_hotel .hotel_area.yado{background: #ff59a3;}

.area_plan_hotel img{
	width: 100%!important;
    height: 100%!important;
}

.area_plan_hotel h3,
.area_plan_hotel h4{
    font-size: 14px;
}

.area_plan_hotel .hotel_txt{
    font-size: 12px;
    margin-bottom: 3%;
}

.area_plan_hotel .infectioncontrol{
	width: 100%;
    border: 1px dotted #ccc;
    margin: 5% 0;
    padding: 2px 0 4px;
    display: block;
    text-align: center;
    background: #eee;
    font-size: 12px;
	box-sizing: border-box;
}

.area_plan_hotel .campaign_plan_btn a{
    display: block;
    background: #c50000 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 3% center;
    display: block;
    margin: 3% auto 5%;
    display: block;
    text-align: center;
    text-decoration: none!important;
    font-size: 14px;
    padding: 8px 0 10px;
    width: 100%;
    color: #FFF!important;
}

.area_plan_hotel .hotel_apeal{
    font-size: 14px;
    line-height: 1.5;
}

.area_plan_hotel .hotel_apeal span{
    font-size: 10px;
	display:inline-block;
	width:100%;
}

a.plan_btn {
	background: #ff9800 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    display: block;
    width: 80%;
    margin: 2% auto 5%;
	padding:5px 0;
    line-height: 1.5;
    color: #FFF;
    text-align: center;
}

.orangeBtn a {
    color: #FFF!important;
    display: block;
    background: #ff9800 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    display: block;
    clear: both;
	margin:0 auto 3%;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none!important;
    font-size: 16px;
    position: relative;
    padding: 5px 5px 8px;
    width: 85%;
}

/*.green a {
    background: #3567ca url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
}

.pink a {
    background: #f2647c url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
}

.blue a {
    background: #39C url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
}*/

.font-small a{font-size:14px!important;}

/*カルーセルCSS*/
.campaign_plan_hotel_wrapbox.scroll {
	width: 100%;
    overflow-x: scroll!important;
    overflow-y: hidden!important;
}
.campaign_plan_hotel_wrapbox.scroll .slick_area.cFix {width:3000px;}

/*commingsoon*/
#commingsoon div{
	border: 5px solid #3567ca;
	margin:1%;
    padding: 20px;
    line-height: 2;
	box-sizing: border-box;
}
#commingsoon div p{
	font-size:16px;
}
#commingsoon div p span{
	width: 100%;
    display: inline-block;
    background: #3567ca;
    color: #FFF;
    padding: 0;
    letter-spacing: 5px;
    box-sizing: border-box;
    text-align: center;
}
#commingsoon p.cs_box{
	width: 100%;
    background: #f0f5ff;
    color: #3567ca;
    padding: 5px 15px;
    letter-spacing: 5px;
    text-align: center;
    box-sizing: border-box;
}

/*searchBox*/


/*タブ分け*/
ul.nav01{
    display: flex;
	margin-bottom: 2%!important;
}

ul.nav02{
	margin-bottom: 2%!important;
}
ul.nav01 li {
    background: #98baff;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding-bottom: 5px;
    width: 48%;
    margin: 0 1%;
    border-radius: 10px 10px 0 0;
}
ul.nav02 li {
    background: #98baff;
	color: #FFF;
    text-align: center;
    font-size: 16px;
    padding-bottom: 3px;
    width: 48%;
    float: left;
    margin: 1%;
    padding: 5px 0 8px;
}
ul.nav01 li.select01,
ul.nav02 li.select02{background: #3567ca;}

/*特集*/
#recommend_banner ul li{
	width: 46%;
    float: left;
    margin: 2%;
}


/*point*/
#pr_air li {
	font-weight: bold;
    text-align: center;
    line-height: normal;
    padding: 0 10px 10px;
    font-size: 14px;
    width: 50%;
	height: 230px;
    float: left;
    box-sizing: border-box;
    background: #FFF;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

#pr_air li:nth-of-type(even) {
    border-right: none;
}

#pr_air li:nth-of-type(n+5) {
    border-bottom: none;
}
#pr_air li span {
	width: 100%;
    display: block;
    margin: 5% 0;
}

#pr_air li img {
	display: block;
    margin: 8% auto;
	width: 48px;
}

#pr_air li b {
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}

/*ホテルPR*/
.campain_ex li{
	width: 98%;
    margin: 0 1% 15px;
    border: 2px solid #3567ca;
    box-sizing: border-box;
}
.campain_ex li a span{
	background: #3567ca;
    font-size: 15px;
    line-height: 1.5;
    color: #FFF;
    display: block;
    text-align: center;
}
.campain_ex li > dl{
	font-size: 14px;
	padding: 0 10px;
}
.campain_ex li > dl dt{
	font-weight: bold;
	font-size: 16px;
    margin: 12px 0;
}
.campain_ex li > dl dd {margin: 5px 0;}
.campain_ex li > dl .icon{
    font-size: 14px;
    color: #FFF;
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 3px;
}
.campain_ex li > dl .ana{background: #3567ca;}
.campain_ex li > dl .jal{background: #f00;}
.campain_ex li > dl dd.waribiki{text-align: center;}
.campain_ex li > dl dd.waribiki strong {
    background: #FF0;
    font-size: 16px;
    padding: 0 5px;
}
.campain_ex li > dl dd.pricedown {
    font-size: 18px;
    text-align: center;
}
.campain_ex li > dl dd.pricedown .line_through {text-decoration: line-through;}
.campain_ex li > dl dd.pricedown strong {
	font-weight: bold;
	color:red;
	font-size: 22px;
}
.campain_ex li > p{
	clear:both;
	font-size: 12px;
	padding: 0 10px 10px;
}
}

/*760px以上(PC)*/
@media screen and (min-width: 760px) {
#period{
	background: #ff0;
    width: 600px;
    margin: auto;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

.fixed2{
    position: fixed!important;
    top: 0;
	left:0;
	right:0;
    width: 100%;
    z-index: 9999;
	margin:auto;
	text-align:center;
	background:#3567ca;
	display: flex;
}

.fixed2 nav {
    width: 100%;
}

.gnav{background: #3567ca;}

.floatMenu ul{
	display: flex;
	width:1040px;
	margin:auto;
}

.gnav ul{
	display: flex;
	width:970px;
	margin:auto;
}

.gnav ul li,
.floatMenu li{
	width: 33.33333%;
    line-height: 3.5;
    font-size: 16px;
}

.gnav ul li{
	text-align:center;
}

.gnav ul li a,
.floatMenu li a{
	color:#fff;
	font-weight:bold;
}

.gnav ul li a:hover,
.floatMenu li a:hover{
	color:#ffa400!important;
	text-decoration:none!important;
}

#how_to_use,
.howtogoto_cp_div .howtogoto_cp_div {
    border-bottom: 8px dotted #f0f5ff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.howtogoto_cp_div .howtogoto_cp_div:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.cmpBox {
	background: #f0f5ff;
    padding: 15px;
}

#title > img{
    margin: 0 auto;
    display: block;
}

#middleArea * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}

.inner950{width:950px;margin:auto;}

/*----------------------------------------------------------------
  Common Set
----------------------------------------------------------------*/
.pcnone {
	display:none !important;
}
.disnone {
	display:none !important;
}

/* image-style
----------------------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
	margin: 0;
}

/*----------------------------------------------------------------
  Module Set
----------------------------------------------------------------*/
/* layout
----------------------------------------------- */
.inner {
	margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
}

#wrapper #middleArea {
	width: 100% !important;
	padding: 0;
}

/* Headline
----------------------------------------------- */
h1 {
	width:970px;
	margin: 0 auto;
	font-size:10px;
	font-weight:normal;
}
ul#main-slider {
	margin: 0;
	padding: 0;
}
#main-slider img {
	float: left;
	min-width: 970px;
	width: 100%;
}

/*pamlist*/
#pastlist {
	width:970px;
	margin: auto;
	padding: 5px 0 0 0px;
}

/*title*/
#title {
    margin: 0;
    padding: 0;
    height: 350px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: url(../images/bg.jpg) no-repeat 50% 0%;
    background-size: cover;
}

#title h1 img {
	width: 854px;
}

#title > div {
    width: 100%;
    position: absolute;
    bottom: 1%;
}

/* Contents
----------------------------------------------- */
p.kokuchi {
    color: red;
    text-align: center;
    margin: 3% 0 7px 0;
    font-weight: bold;
    font-size: 20px;
}

.br-pcnone{
    display: none;
}

h2,h3,h4 {
	color: #43280b;
	text-align: center;
	font-size: 28px;
    font-weight: bold;
    margin: 3% auto;
    z-index: 1;
}

h2.title_bar {
	letter-spacing: 5px;
    color: #3567ca;
    /* border-top: 2px solid #3567ca; */
    border-bottom: 4px dotted #3567ca;
    padding: 10px 0 15px;
}

h3.title_bar {
    letter-spacing: 5px;
	color: #3567ca;
	font-size: 24px;
    /*border-bottom: 4px dotted #3567ca;*/
    padding: 10px 0 15px;
}

main {
	display: block;
	padding: 0;
}
/* section
----------------------------------------------- */
section {
	display: block;
    overflow: hidden;
    padding: 20px 0;
	position:relative;
	background: #fff;
}

section#ancerlink01 .inner{
    border: 5px solid #3567ca;
    padding: 0;
}

section#ancerlink01 .inner h2{
    display: block;
    background: #3567ca;
    color: #FFF;
    margin: auto;
    letter-spacing: 5px;
    text-align: center;
}

main article section:nth-of-type(n+8) {
	background: #f0f5ff;
}

section p.title_under_txt{
	text-align: center;
	margin-bottom: 3%;
}

.cmpBox dl {
	border-bottom: 1px solid #ccc;
    position: relative;
    background: #eeeeee;
}
.cmpBox dl:last-child {
	border-bottom: none;
}
.cmpBox dt {
	width: 13%;
    padding: 16px 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.cmpBox dd {
	margin:0 0 0 15%;
	padding:10px;
	background:#FFF;
	line-height: 2;
}
.cmpBox dd strong {
	color:#F00;
}
.cmpBox dd span {
	font-size:14px;
	display:block;
}

section .inner {
	margin: 0 auto;
	width: 970px;
	font-size: 18px;
}
section .inner > p {
	display: block;
    line-height: 2;
}

/* おすすめ旅行情報 */
#useWrap {
	padding: 10px;
	margin-bottom: 30px;
}
#useWrap div {
	overflow: hidden;
	padding: 15px;
	margin: 0 0 0 0;
	background: #FFF;
	float: none !important;
	width: auto !important;
	border-bottom: 1px dashed #CCC;
}
#useWrap div p {
	float: left;
	margin: 0 20px 0 0;
	width: 150px;
	height: auto;
}
#useWrap div p img {
	width: 100%;
	height: auto;
}
#useWrap div dl {
	overflow: hidden;
	display: block;
	padding: 0 0 0 0;
}
#useWrap div dt {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}
#useWrap div dd {
	font-size: 16px;
}
#useWrap div dd > span {
	display: block;
	margin: 5px 0 0 0;
 font-size:
}
#useWrap div dd > span a {
	color: #CCC;
	display: inline-block;
	background: none;
	padding: 0;
	text-align: center;
	margin-top: 0;
	font-size: 14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom: none;
}
#useWrap div dd > span span {
	color: #F69;
	display: inline;
	font-size: 14px;
}

/* おすすめ旅行情報 */
/*  =================================
buttom_new
=================================  */
.planBtn {
	margin: 0 0 10px 0 !important;
}
.planBtn a {
	display: block;
	width: 100%;
	margin: 0px auto 5px;
	padding: 8px 0;
	color: #FFF !important;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-radius: 35px;
	background: #ff9800 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
	font-size: 24px;
	text-decoration: none !important;
}

.planBtn a:after {
	display: inline-block;
}

#middleArea a:hover {
filter:alpha(opacity=80); /* IE 6,7*/
-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
-moz-opacity:0.8; /* FF , Netscape */
-khtml-opacity: 0.8; /* Safari 1.x */
opacity:0.8;
zoom:1; /*IE*/
}

/*アンカー*/
#anchorlinks {
	margin: 20px auto!important;
	padding-top: 15px;
}
#bnlinks {
	padding: 10px 0 0 !important;
}

/*新着情報*/
.backAnker p {
    padding: 18px;
	background-color:#FFF;
}

.backAnker{
	margin:20px auto 20px;
	padding:10px 10px 20px;
	width:980px;
/*    overflow-y: scroll;
    height: 280px;*/
}

.ankerLink{
	font-size: 14px;
	font-family: "Noto Sans Japanese";
	text-align: left;
	padding:10px;
	border-bottom:1px dashed rgba(0,0,0,0.2);
	overflow:hidden;
}

.ankerLink:last-child{
	border-bottom:none;
	padding-bottom:5px;
	margin-bottom:0;
}

.ankerLink span{
	display:inline-block;
	padding:5px;
	background:#3567ca;
	color: #fff;
	font-size:12px;
	margin-right:10px;
	float:left;
	width:95px;
	text-align:center;
}
.ankerLink strong{
	font-weight:normal;
	overflow:hidden;
	display:block;
	position:relative;
	top:3px;
	line-height: 2;
}

/*PRバナー*/
div.pr_banner{
	width: 100%;
    margin: 10px 0 0 0;
}
div.pr_banner a,div.pr_banner a img{
	width:640px;
	margin:auto;
	display:block;
	text-align: center;
	font-size: 16px;
}

/*割引*/
.howtogoto_cp {
	background: #f0f5ff;
    padding: 1px 10px 20px;
	margin: 0 0 5% 0;
}
.howtogoto_cp h3{
	line-height: 2;
    padding: 20px;
}
.howtogoto_cp dl{
	width: 31.3333%;
	height: 150px;
    float: left;
    display: block;
    text-align: center;
    background: #fff;
    margin: 20px 1%;
    box-sizing: border-box;
    padding-bottom: 12px;
    /*border-radius: 8px;*/
	position: relative;
}
.howtogoto_cp dl:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 28px 22px;
    border-color: transparent transparent transparent #ffffff;
    line-height: 0px;
    _border-color: #d20000 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 32%;
    left: -7%;
}
.howtogoto_cp dl:nth-of-type(1):after{
	content: "";
    width: 0;
    height: 0;
	border:none;
}
.howtogoto_cp dt{
	width: 64%;
    background: #3567ca;
    position: relative;
    margin: 5% auto;
    line-height: 2;
    color: #fff;
    font-weight: bold;
	/*border-radius: 5px;*/
}
.howtogoto_cp dt:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #3567ca transparent transparent transparent;
	line-height: 0px;
	_border-color: #3567ca #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position:absolute;
	top: 98%;
    left: 45%;
}
.howtogoto_cp dd{
	font-size: 0.8em;
	margin: 8% 0;
}

#line_bt{margin: 10px 0}

.howtogoto_cp > div{
	box-sizing: border-box;
    width: 98%;
    margin: 2% auto 0;
    background: #fff;
    clear: both;
    padding: 20px;
    /*border-radius: 8px;*/
    font-size: 16px;
    line-height: 2;
}

/*-------------
API
---------------*/
.area_plan_hotel{
	background:#FFF;
	width:31.33333%;
	float:left;
	overflow:hidden;
	padding:10px;
	margin:0 1% 2%;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.area_plan_hotel p.hotel_area{
	font-size: 14px;
    position: absolute;
    top: 18px;
    left: 18px;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    padding: 3px 5px 5px;
}

.area_plan_hotel .hotel_area.yado{background: #ff59a3;}

.area_plan_hotel img{
	width: 100%!important;
    height: 100%!important;
}

.area_plan_hotel h3,
.area_plan_hotel h4{
    font-size: 16px;
}

.area_plan_hotel .hotel_txt{
    font-size: 14px;
    margin-bottom: 5%;
	line-height: 1.5;
}

.area_plan_hotel .infectioncontrol{
    width: 64%;
    border: 1px dotted #ccc;
	margin: 3% 0 3% 34%;
    padding: 3px 0 5px;
    display: block;
    text-align: center;
    background: #eee;
	font-size: 14px;
}

.area_plan_hotel .campaign_plan_btn a{
    display: block;
    background: #c50000 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    display: block;
    clear: both;
    margin: 3% auto 5%;
    display: block;
    text-align: center;
    text-decoration: none!important;
    font-size: 16px;
    padding: 10px 0 15px;
    width: 98%;
    color: #FFF!important;
}

.area_plan_hotel .hotel_apeal{
    font-size: 14px;
    line-height: 1.5;
}

.area_plan_hotel .hotel_apeal span{
    font-size: 10px;
	display:inline-block;
	width:100%;
}

a.plan_btn {
	background: #ff9800 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 20px;
    display: block;
    width: 64%;
    margin: 3% auto 5%;
    padding: 10px 0 12px;
    color: #FFF;
    text-align: center;
}

.orangeBtn a {
	color: #FFF!important;
    display: block;
    background: #ff9800 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    display: block;
    clear: both;
    margin: 3% auto 5%;
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none!important;
    font-size: 20px;
    position: relative;
    padding: 10px 0 15px;
    width: 85%;
}

.font-small a{font-size:15px!important;}

p.infectioncontrol a:hover,
p.campaign_plan_btn a:hover,
a.plan_btn:hover,
.btn2 a,
.orangeBtn a:hover,
.pink a:hover,
.blue a:hover{
    text-decoration:none!important;
	cursor:pointer;
	opacity:0.8;
}
.btn2{
    width: 970px;
    margin: auto;
	clear: both;
}
.btn2 a {
	color: #FFF;
    margin: 0 auto 2%!important;
    width: 68%;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    background: #ff9800 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    display: block;
}

/*カルーセルCSS*/
.campaign_plan_hotel_wrapbox.scroll {
	width: 100%;
    overflow: hidden!important;
}

/*commingsoon*/
#commingsoon div{
    border: 5px solid #3567ca;
    margin-bottom: 5%;
    padding: 20px;
    line-height: 2.5;
}
#commingsoon div p{
	font-size:18px;
}
#commingsoon div p span{
	width: 100%;
    display: inline-block;
    background: #3567ca;;
    color: #FFF;
    padding: 0;
    letter-spacing: 5px;
    box-sizing: border-box;
    text-align: center;
}
#commingsoon p.cs_box{
	width: 100%;
    background: #f0f5ff;
    color: #3567ca;;
    padding: 5px 15px;
    letter-spacing: 5px;
    text-align: center;
    box-sizing: border-box;
}

/*タブ分け*/
ul.nav01,
ul.nav02{
    display: flex;
	margin-bottom: 2%;
}
ul.nav01 li {
    background: #98baff;
    color: #FFF;
    text-align: center;
    line-height: 2;
    font-size: 24px;
    padding-bottom: 5px;
    width: 48%;
    margin: 0 1%;
    border-radius: 10px 10px 0 0;
}
ul.nav02 li {
    background: #98baff;
    color: #FFF;
    text-align: center;
    line-height: 2;
    font-size: 20px;
    padding-bottom: 3px;
    width: 48%;
    margin: 0 1%;
}
ul.nav01 li.select01,
ul.nav02 li.select02{background: #3567ca;}

ul.nav01 li:hover,
ul.nav02 li:hover{
	cursor:pointer;
	opacity:0.8;
}

/*特集*/
#recommend_banner ul li{
	width: 200px;
    float: left;
    margin: 20px;
}

/*point*/
#pr_air {
    line-height: 1.5;
}

#pr_air li {
    font-weight: bold;
    text-align: center;
    margin: 0 1% 2%;
    padding: 0 10px 10px;
    font-size: 18px;
    width: 31.33333%;
    height: 280px;
    float: left;
    box-sizing: border-box;
    background: #FFF;
    border: 2px solid #999;
}

#pr_air li span {
	width: 100%;
    display: block;
    margin: 5% 0;
}

#pr_air li img {
	display: block;
    margin: 8% auto;
}

#pr_air li b {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

/*ホテルPR*/
.campain_ex{display:flex;}
.campain_ex li{
	width: 48%;
    margin: 0 1%;
    border: 2px solid #3567ca;
    box-sizing: border-box;
}
.campain_ex li > a{
	width:39%;
	float:left;
    margin-right: 1%;
}
.campain_ex li a span{
	background: #3567ca;
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    display: block;
    text-align: center;
}
.campain_ex li > dl{
	width:60%;
	float:left;
	font-size: 14px;
	padding: 5px 10px 0;
    box-sizing: border-box;
}
.campain_ex li > dl dt{
	font-weight: bold;
	font-size: 18px;
}
.campain_ex li > dl dd {
    margin: 8px 0;
}
.campain_ex li > dl .icon{
    font-size: 16px;
    color: #FFF;
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 3px;
}
.campain_ex li > dl .ana{background: #3567ca;}
.campain_ex li > dl .jal{background: #f00;}
.campain_ex li > dl dd.waribiki strong {
    background: #FF0;
    font-size: 16px;
    padding: 0 5px;
}
.campain_ex li > dl dd.pricedown {
    font-size: 20px;
    text-align: right;
}
.campain_ex li > dl dd.pricedown .line_through {text-decoration: line-through;}
.campain_ex li > dl dd.pricedown strong {
	font-weight: bold;
	color:red;
	font-size: 24px;
}
.campain_ex li > p{
	clear:both;
	font-size: 12px;
	padding: 0 10px 10px;
}
}