.columns {
  /*border: 1px solid pink;*/
}

a.button {
  text-shadow: #555 1px 1px 3px;
}

i {
  margin-right: 5px;
}

.label.alert {
  background-color: #fff64e;
  font-size: 16px;
  color: black;
}


/* top */
.header_wrapper {
  width: 100%;
  background-color: #42ADFF;
  background-image: url(../img/2016/header_wrapper_bg.png);
  background-position: top center;
  background-repeat: repeat-x;
}

.row.header_ct {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
}

.head_attention {
  padding-top: 10px;
  color: yellow;
  font-size: 1.1rem;
}

.head_attention .free-wifi {
  letter-spacing: 0.2rem;
}

.row.head_navi_row {
  margin-bottom: 0;
}

ul.button-group.head_navi {
  /*margin-top: 0.6rem;*/
  padding-bottom: 0.6rem;
}

ul.button-group > li {
  margin: 0 5px;
}

ul.button-group.head_navi li a.head_navi-button {
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 1.2rem;
  color: white;
  text-shadow: 1px 1px 3px #555;
  border-left: 1px solid #ddd;
}

.en ul.button-group.head_navi li a.head_navi-button {
  font-family: 'Noto Sans', sans-serif;
}

/*medium size*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  ul.button-group.head_navi li a.head_navi-button {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  ul.button-group.head_navi {
    margin-top: 0rem;
  }
}

/*small size*/
@media only screen and (max-width: 40em) {
  ul.button-group.head_navi li a.head_navi-button {
    padding-right: 0.3rem;
    padding-left: 0.5rem;
    border-right: none;
    border-left: 3px solid #ddd;
    font-size: 1rem;

  }
  ul.button-group.head_navi {
    margin-top: 0rem;
  }
}

ul.button-group.head_navi li a.head_navi-button.head_navi-button--home {
  font-size: 1.8rem;
  border-left: none;
}

ul.button-group.head_navi li a.head_navi-button:hover {
  background-color: none;
}

/* GoToトラベル */

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width:450px;
  padding: 15px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #fff;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
.popup_txt {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
p.pptit {
	font-weight: bold;
	color: #0086B9;
	font-size: 90%;
	margin-bottom: 0px;
}
.pptxt {
	height: 100px;
	overflow: scroll;
}
		.popup-inner ul {
			margin-left: 0px;
		}

/* よくある質問 */


.p-accordion{
	margin-left: 80px;
	padding-bottom: 10px;
}

.p-accordion__item{
  width: 100%;
}

.p-accordion__head a{
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #333;
  padding: 14px 12px;
  position: relative;
}

.p-accordion__head a::before,
.p-accordion__head a::after{
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto 0;
  transition: .2s;
}

.p-accordion__head a::before{
  transform: rotate(90deg);
}

.p-accordion__item[data-active] .p-accordion__head a::before{
  transform: rotate(270deg);
  opacity: 0;
}

.p-accordion__item[data-active] .p-accordion__head a::after{
  transform: rotate(180deg);
}

.p-accordion__content{
  margin-top: 10px;
  padding: 0 12px;
margin-bottom: 10px;
}

#gototravel_st {
	position: absolute;
	top: 10px;
	left: 0px;
	
}

.goto_ann {
	display: block;
	background-image:url("../img/2020/bg.gif");
	background-repeat: no-repeat;
	width: 717px;
	text-align: center;
	padding-top: 141px;
}



.cv_linklist {
	padding-left: 80px;
}

.cv_linklist li {
	font-weight: bold;
	color: #2E7AD7;
	font-size: 130%;
	text-decoration: underline;
	background-image: url("../img/2020/sankaku.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-align:left;
	margin-bottom: 15px;
}

p.txt01 {
	padding-bottom: 30px;
}

.goto_ann_sp {
	display: none;
}

/*medium size*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.goto_ann {
	display: none;
	
}

.goto_ann_sp {
	display: block;
	background-image:url("../img/2020/bg_sp.gif");
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 67px;
}
	
.goto_ann_sp p {
		font-size: 90%;
	}

.cv_linklist {
	padding-left: 5px;
	margin-bottom: 10px;
}

.cv_linklist li {
	font-weight: bold;
	color: #2E7AD7;
	font-size: 100%;
	text-decoration: underline;
	background-image: url("../img/2020/sankaku.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-align:left;
	margin-bottom: 5px;
}
	
}

/*small size*/
@media only screen and (max-width: 40em) {
  #gototravel_st {
	position: absolute;
	top: 60px;
    left: -10px;
	}
	#gototravel_st img {
	  width: 60%;
}

.goto_ann {
	display: none;
	
}

.goto_ann_sp {
	display: block;
	background-image:url("../img/2020/bg_sp.gif");
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 67px;
	background-size:contain;
}
	
.goto_ann_sp p {
		font-size: 90%;
	}

.cv_linklist {
	padding-left: 5px;
	margin-bottom: 10px;
}

.cv_linklist li {
	font-weight: bold;
	color: #2E7AD7;
	font-size: 100%;
	text-decoration: underline;
	background-image: url("../img/2020/sankaku.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-align:left;
	margin-bottom: 5px;
}
	
}

 /*2019/02　蘭の花イメージ　通常背景イメージ*/
.title_img_wrapper {
  width: 100%;
  height: 480px;
  background-image: url(../img/2015/bg_big.gif);
  background-position: center center;
  background-repeat: repeat-x;
}


#title_img_row {
  margin-top: 0;
}

.hhb_title {
  color: steelblue;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  text-shadow: white 1px 1px 3px;
}

.hhb_title_img {
  margin-top: 40px;
}

.hhb_price {
  background-image: url(../img/2015/hhb_price_bg.png);
  background-repeat: repeat;
  padding-top: 20px;
  height: 115px;
  color: steelblue;
  font-weight: bold;
  font-size: 1.2rem;
  text-shadow: white 2px 2px 2px;
}

.hhb_price_tag {
  background: url(../img/2015/hhb_price_tag_big_bg.png) no-repeat;
  padding-top: 23px;
  padding-left: 40px;
  padding-bottom: 38px;
  letter-spacing: 0.2rem;
  color: white;
  text-shadow: #333 1px 1px 3px;
}

.hhb_price_price {
  font-size: 2.4rem;
  text-shadow: white 2px 2px 2px;
}

.hhb_price_note {
  text-align: right;
  color: #888;
  font-size: 0.9rem;
}

.tpc_wrapper {
  background-image: url(../img/2015/blue_bg.gif);
  background-repeat: repeat;
  background-position: center center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.hhb_tpc {
  color:#666;
}

.hhb_tpc span {
  font-size: 0.8rem;
  color: sienna;
}

.hhb_tpc li {
  list-style: circle;
}

.hhb_tpc_img {
  background-image: url(../img/2015/blue-stripe.png);
  background-repeat: no-repeat;
  padding: 7px 0 7px 10px;
  font-size: 1.2rem;
  color: steelblue;
}

.columns p {
  padding-top:10px;
  color:#666;
}

.spot_title_wrapper {
  width: 100%;
  padding: 20px;
  background-image: url(../img/2015/spot_wrapper_bg_bg.png);
  background-position: center center;
  background-repeat: repeat-x;
  text-align: center;
  font-size: 1.8rem;
  color: steelblue;
}

.spot_title {
  background-image: url(../img/2015/spot_wrapper_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 40px 0
}

.spot_slide_wrapper {
  margin-bottom: 8rem;
}

.hhb_spot_slide {
  padding: 1.3rem;
  border: 1px solid #eee;
  background: white;
  box-shadow: #f0f0f0 2px 2px 1px;
}

.bx-wrapper img {
  max-width: 100% !important;
}

.hhb_spot_slide div.label {
  padding: 5px;
  font-size: 0.8rem;
  font-weight: normal;
}

.hhb_spot_title {
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
  color: steelblue;
}

.hhb_spot_title_sub {
  color: steelblue;
}

.hhb_spot_time {
  width: 10rem;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  padding: 3px 5px;
  color: #333;
}

.hhb_spot_desc {
  padding-right: 1rem;
  color: #333;
  font-size: 0.9rem;
}

.bottom_button {
  margin-top: 20px;
}

/* flow, busstops */
.flow {
  margin-top: 50px;
}

.flow_title {
  background: url(../img/2015/title_bg.png) no-repeat;
  padding:40px 20px 15px;
  margin-bottom: 40px;
}

.flow_title-text,
.bus_stop-num-title {
  color: steelblue;
  font-size: 1.3rem;
}

.flow_steps {
  margin-bottom: 30px !important;
}

.flow_steps-ct {
  padding-bottom: 20px;
}
.flow_steps hr {
  clear: both;
  width: 95%;
  border-top: 1px dashed skyblue;
  text-align: center;
  margin: 20px auto;
}

.flow_step-num {
  background: url(../img/2015/flow/flow_step_bg.png) repeat;
  padding: 5px 10px;
  font-size: 1.2rem;
  color: cornflowerblue;
  text-align: center;
}

.flow_step-num-title {
  padding: 0 20px;
  font-size: 1.5rem;
  color: steelblue;
  letter-spacing: 0.3rem;
}

.flow_step-desc {
  margin-top: 20px;
  color: #444;
}
.flow_mail a,
.flow_mail a:visited {
  font-size: 1rem;
  color: white;
}

.head_attention-flow span.free-wifi {
  margin-right: 10px;
}

.circle {
  display: inline-block;
  border-radius: 50%;
}

.bus_stop-num div.circle {
  width: 2.8rem;
  height: 2.8rem;
  padding: 0.4rem;
  background-color: yellow;
  font-size: 1.4rem;
  font-weight: bold;
  color: skyblue;
  text-align: center;
}

.bus_stop-num div.stop_area {
　border-radius: 50%;
  padding: 0.4rem;
  background-color: yellow;
  font-size: 1.4rem;
  font-weight: bold;
  color: skyblue;
  text-align: center;
}

.bus_stop-num-title {
  padding-top: 8px;
}

.bus_stop-time {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bus_stop-time-dep,
.bus_stop-time-arr {
  padding: 10px;
  text-align: center;
  font-size: 1.2rem;
}

.bus_stop-time-dep {
  background-color: #DEF7F7;
  color: steelblue;
}

.bus_stop-time-arr {
  background-color: #DEF7CA;
  color: steelblue;
}

.bus_stop-address {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #777;
}

.bus_stop-map-button {
  margin: 10px 0;
}

.bus_stop-map-embed {
  height: 12rem;
}

.bus_stop-map-embed iframe {
  height: 100%;
  width: 100%;
}

.bus_stop--header {
  font-size: 1.5rem;
  color: #777;
  margin-bottom: 1rem;
}

.bus_stop--info {
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 40em) {
  .bus_stop--info {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
  }
}

.bus_stop--time {
  font-size: 1.2rem;
  text-align: right;
  color: #555;
}
@media only screen and (max-width: 40em) {
  .bus_stop--time {
    font-size: 1.5rem;
  }
}

.bus_stop--title {
  font-size: 1.2rem;
  color: steelblue;
}

.bus_stop--address {
  color: #777;
  font-size: 0.9rem;
}

/* hhb_schedule */

#hhb_schedule .dep_arr_ct,
#hhb_schedule .spot_titles {
  color: steelblue;
}

#hhb_schedule .time {
  font-size:24px;
}

#hhb_schedule .area {
  font-size:28px;
  font-weight:bold;
}

#hhb_schedule .button_ct {
  margin: 10px 0;
}

#hhb_schedule .description_ct {
  margin: 30px 0;
  text-align: center;
}

#hhb_schedule .spots_ct {
  padding-top: 50px;
  padding-bottom: 50px;
}

#hhb_schedule .spot_titles {
  font-size: 28px;
  line-height: 2rem;
  font-weight: bold;
}

#hhb_schedule .spot_titles span {
  margin-left: 10px;
  font-size: 18px;
  font-weight: normal;
}

#hhb_schedule .spot_title-too-big-for-small span {
  display: block;
}

#hhb_schedule .spot_description {
  margin-top: 10px;
}

#hhb_schedule .spot_address {
  margin: 10px 0;
  padding: 10px;
  background: #edffff;
  color: #666;
  font-size: 0.9rem;
}

#hhb_schedule .label {
  margin-top: 10px;
  padding: 5px 10px;
}

/* yakkan type pages */
#text_type_ct {
  padding-top: 5rem;
  padding-bottom: 10rem;
}

#text_type_ct h2,
#text_type_ct h3,
#text_type_ct h4,
#text_type_ct h5 {
  font-size: 1.2rem;
}

#text_type_ct h1 {
  font-size: 1.6rem;
  /*color: #333;*/
}

/* notice */
.notice-text {
  border: 2px solid red;
  padding: 1rem 2rem 0;
  margin-bottom: 3rem;
}

/* faq */
.faq-qlist h3 {
  font-size: 1.2rem;
}
.faq-answers-categories {
  padding-bottom: 4rem;
}
.accordion .accordion-navigation > a, .accordion dd > a {
  margin-bottom: 3px;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
  padding-bottom: 3rem;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  border: 2px dotted lightgray;
  margin-bottom: 1rem;
  padding:1rem;
}


/* 2016/12追加分 __________________ */

ul.halfplan_select li {
	  float:left;
	  padding-right:10px;
	  padding-bottom:10px;
  }



  p.plan_title {
	  text-align:center;
	  font-size:22px;
	  color:#2284AB;
	  font-weight:bold;
	  padding:15px 0px;
  }

  #firsthalf_plan {
	  background-color:#D7F7FC;
	  border-top:dotted 1px #3FBBDF;
	  padding-top:20px;
  }

  /* 2017/05追加分 __________________ */

   #ohb_sns {
	 margin-left: auto;
    margin-right: auto;
  }

  .ohb_sns_link {
	  float:left;
	  padding-right:20px;
  }

  /* 2018/07追加分(Okinawa Island Tourバナー) __________________ */

   #banner_okinawa_islandtour {
	 margin-left: auto;
    margin-right: auto;
	margin-bottom:30px;
	text-align:center;
  }

  


  @media only screen {

   ul.halfplan_select li a {
	  padding:10px 15px;
	   font-size:15px;
  }
  }

 @media only screen and (min-width: 40.063em) {
	 ul.halfplan_select li a {
	  padding:10px 15px;
	   font-size:20px;
  }
 }

/* other sizes __________________ */

/* large size */
@media only screen and (min-width: 64.063em) {
  .header_wrapper {
    /*height: 157px;*/
  }
  .head_attention {
    padding-top: 10px;
  }
  .bus_stop-time-dep {
    margin-right: 10px;
  }
  /* schedule */
  #hhb_schedule .area {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #hhb_schedule .time {
    padding: 0;
    margin: 0;
    padding-top: 6px;
    text-align: left;
  }
  #hhb_schedule .triangle {
    padding: 0;
    margin: 0;
  }
}

/* medium size */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .header_wrapper {
    /*height: 157px;*/
  }
  .row.header_ct {
    /*margin-bottom: 25px;*/
  }
  .head_attention{
    padding-top: 0;
  }
  /* flow */
  .head_attention-flow {
    padding-top: 10px;
  }
  .bus_stop-time-dep {
    margin-right: 10px;
  }
  /* schedule */
  #hhb_schedule .area {
    text-align: left;
  }
  #hhb_schedule .time {
    padding-top: 6px;
    text-align: left;
  }
  #hhb_schedule .description_ct {
    text-align: center;
  }
}

/* small size */
@media only screen and (max-width: 40em) {
  .header_wrapper {
    /*height: 136px;*/
    background-image: url(../img/2015/header_wrapper_bg_small.png);
  }
  .row.head_navi_row {
    margin: 0;
    padding: 0;
  }
  .header_ct {
    padding-top: 25px;
  }
  .hhb_title {
    height: 56px;
    text-align: center;
    font-size: 1rem;
  }
  .hhp_language {
    padding-top: 12px;
  }
  .hhp_language button,
  .hhp_language .button {
    margin: 0;
  }
  .head_attention {
    margin-top: 0px;
    padding-top: 0px;
    background: transparent;
    font-size: 1.3rem;
    /*text-shadow: #333 1px 1px 3px;*/
  }
  .title_img_wrapper {
    height: 260px;
    background-position-y: -120px;
  }
  .hhb_price {
    height: 200px;
    background-repeat: repeat;
  }
  .hhb_price_price {
    font-size: 2.2rem;
  }
  .hhb_price_tag {
    background: url(../img/2015/hhb_price_tag_bg.png) no-repeat;
    padding-top: 10px;
    padding-left: 28px;
    padding-bottom: 20px;
  }
  .hhb_price_type {
    text-align: center;
  }
  .tpc_wrapper {
    background-repeat: repeat;
  }
  .spot_title {
    padding: 0;
    background-image: url(../img/2015/spot_wrapper_bg_bg.png);
    font-size: 1.5rem;
  }
  .hhb_spot_desc {
    font-size: 1rem;
  }
  .hhb_spot_slide {
    margin-bottom: 2rem;
  }
  .hhb_spot_slide img {
    width: 100%;
  }
  .hhb_spot_slide div.label {
    font-size: 1rem;
    margin-top: 0.3rem;
  }
  .spot_slide_wrapper {
    margin-bottom: 2rem;
  }
  .button.large {
    font-size: 0.9rem;
  }
  /* flow, bus stops */
  .head_attention-flow {
    font-size: 0.8rem;
    margin-top: -8px;
  }
  .hhp_language-flow {
    margin-top: 3px;
  }
  .bus_stop-num,
  .bus_stop-num-title {
    text-align: center;
  }
  .bus_stop-num div.circle {
    width: 3.8rem;
    height: 3.8rem;
    padding: 0.4rem;
    font-size: 2rem;
    text-align: center;
  }
  /* schedule */
  #hhb_schedule .area {
    text-align: left;
  }
  #hhb_schedule .spot_photo {
    margin-bottom: 10px;
  }
  #hhb_schedule .spot_titles {
    font-size: 20px;
  }
  #hhb_schedule .spot_titles span {
    display: block;
    margin: 0;
  }
  #text_type_ct {
    padding-top: 1rem;
    background: white;
  }
  .flow_title-text {
    font-size: 1rem;
  }
}


/*--2006/02------------------------------------------------*/

/*--汎用------*/
.sizeSS {font-size: 93% !important;}
.sizeS {font-size: 100% !important;}
.sizeM {font-size: 108% !important;}
.sizeL {font-size: 116% !important;}
.sizeLL {font-size: 123.1% !important;}
.sizeXL {font-size: 138.5% !important;}
.sizeXXL {font-size: 153.9% !important;}

body,h1, h2, h3, h4, h5, h6,.button{
  font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*--フッター------*/

div#foot,
footer#foot{
  margin: 7rem auto 2rem;
  padding-top:0;
  background: #D9EDFF;
  color: #888;
}

div#foot a,
div#foot a:visited,
footer#foot a,
footer#foot a:visited {
  color: #00588D;
}

div#foot .row,
footer#foot .row{
  margin:0 auto;
  padding: 30px 0 20px;
}

#footer-nav ul.inline-list,
#footer-nav ul.inline-list {
  margin-left: 0;
}

.footer-menu li {
  border-left: 10px solid #eee;
  font-size: 0.9rem;
  padding-left: 10px;
  padding-right: 20px;
  margin: 0;
}

.footer-menu li a {
  color: #777;
  text-decoration: none;
  line-height: 17px;
}

.footer-bottom-logo {
  margin-bottom: 20px;
}

.footer-copyright {
  font-size: 0.8rem;
  color: #999;
}

/*-------------------------------------
TOP
-------------------------------------*/
/*---------*/
/*-------------------------------------
通常用洋蘭イメージTOP
-------------------------------------*/
/*---------*/
#pageTop{
  background-image: url(../img/2016/bg_big.jpg);
  background-position: center 130px;
  background-repeat: no-repeat;
}

.title_img_wrapper02 {
  width: 100%;
  height: 420px;
  background-image: none;
  background-position: center center;
  background-repeat: repeat-x;
}

.title_img_wrapper02 #title_img_row {
  margin-top: 0;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .title_img_wrapper02 {
    height: auto;
  }
  .title_img_wrapper02 .show-for-small-only{
    margin:35px 0;
  }
}
@media only screen and (max-width: 40em) {
  .title_img_wrapper02 {
    height: auto;
  }
  .title_img_wrapper02 .show-for-small-only{
    margin:20px 0;
  }
}
.title_catch {
  margin-top: 2rem;
}
.title_catch h1 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
}
/*small size*/
@media only screen and (max-width: 40em) {
  .title_catch h1 {
    font-size: 1.5rem;
  }
}
.title_catch_01 {
	color: yellow;
  text-shadow: 3px 2px 8px green;
  
}
.title_catch_02 {
  color: darkblue;
  text-shadow: 0px 0px 6px white;
}

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

.top_tit{
  color:#0060b1 !important
}

.top_tit h1{
  font-size:2rem;
  color:#0060b1 !important;
  font-weight:bold;
}

.top_tit h1 span{
  display:inline-block;
  padding:0 0 0 6px;
  font-size:1rem;
  font-weight: normal;
  line-height:1.8rem;
}


.top_tit .titTop{
  margin-bottom:30px;
  padding:5px 10px;
  background: #f9ff7f;
  color:#006ACF;
  font-size:0.9rem;
  font-weight:bold;
  text-align:center;
}

ul.top_list-container {
  padding: 1rem 3rem;
  font-weight: bold;
  background: white;
  box-shadow: 1px 1px 6px darkgrey;
  border-radius: 10px;
}

@media only screen and (max-width: 40em) {
  ul.top_list-container {
    padding: 0.8rem 1rem;
    font-weight: normal;
  }
}

ul.top_list-container li {
  color: #0F79CA;
}

ul.top_list-container li i {
  color: lightcoral;
}

@media only screen and (max-width: 40em) {
  .top_tit h1{
    font-size:1.5rem;
  }
  .top_tit h1 span{
    display:none;
  }
}

.top_tit .text{
  line-height:1;
}

.top_title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #0060b1;
  margin-bottom: 3rem;
  text-shadow: 1px 1px 2px white;
}

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

.topSpotUl{
  margin:0;
}

.topSpotUl li{
  margin-bottom:30px;

}



@media only screen and (min-width: 64.063em) {
  /*3カラム５つの時*/
  /*.topSpotUl li:nth-child(4){
  margin-left:15%;
  }*/
  .topSpotUl li.courseA {/*ひとつの時*/
    margin-left:33%;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .topSpotUl li.courseA {/*ひとつの時*/
    margin-left:25%;
  }
}

@media only screen and (max-width: 40em) {
  .topSpotUl li.courseA {/*ひとつの時*/
    margin-left: auto;
  }
}

.topSpotUl li >a {
  display:block;
  position:relative;
  padding:0;
  background-color:#fff;
  box-shadow:rgba(184, 184, 184, 0.65098) 0px 0px 6px 3px;
  -webkit-box-shadow:rgba(184, 184, 184, 0.65098) 0px 0px 6px 3px;
  -moz-box-shadow:rgba(184, 184, 184, 0.65098) 0px 0px 6px 3px;
}
.topSpotUl li p.hatsu{
  position:absolute;
  top:-10px;
  padding:5px 10px;
  background: #f9ff7f;
  color:#006ACF;
  font-size:0.9rem;
  font-weight:bold;
}

.topSpotUl li p.spotImg{
  margin:0;
  padding:0;
}
.topSpotUl li p.spotImg img{
  vertical-align:bottom;
}
.topSpotUl li h2{
  margin:0;
  padding:6px 0;
  background:#006acf;
  color:#fff;
  text-align:center;
  font-size:1.2rem;
  font-weight:bold;
}

/*--北谷--------*/

.topSpotUl li.type02 a h2{background: #df0070;}
.topSpotUl li.type02 a p.hatsu{color: #df0070;}


/*--モニター--------*/

.topSpotUl li.type03 a h2{background: #FF412E;}


/*--hover--------*/

.topSpotUl li a:hover{ opacity:0.8}

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


.topSpotUl li a .item{
  padding:5%;
}

.topSpotUl li a .item dl dd.tour_price {
  font-weight: bold;
}

.topSpotUl li h3 {
  margin:0 0 10px;
  color:#333;
  font-size: 1rem;
  font-weight: 700;
}

.en .topSpotUl li h3 {
  font-family: 'Noto Sans', sans-serif;
}

.zh-Hant .topSpotUl li h3 {

}

.topSpotUl li dl{
  overflow: hidden;
  zoom: 1;
  margin:0;
  font-size:0.85rem;
  color:#0F79CA;
  line-height:1.5em;
}

.topSpotUl li dl dt {
  float: left;
  clear: both;
  margin:0;
  width: 70px;
  padding: 3px 0 0 0;
  font-size:0.7rem;
  vertical-align: baseline;
  font-weight:normal;
}

 /*通常統一クラス
.topSpotUl li dl dd{
  margin:0;
  padding: 3px 0px 3px 70px;
}*/


.topSpotUl li dl strong{
  font-size:1rem;
}

/*--黄色ボタン------*/

.page_btn {
  margin-bottom:40px;
}

.page_btn .button {
  position:relative;
  padding:20px 0;
  box-shadow:none;
  text-shadow:none;

  border:3px solid rgb(0, 138, 188);
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  box-shadow:rgba(112, 112, 112, 0.368627) 0px 2px 4px 0px;
  -webkit-box-shadow:rgba(112, 112, 112, 0.368627) 0px 2px 4px 0px;
  -moz-box-shadow:rgba(112, 112, 112, 0.368627) 0px 2px 4px 0px;

  font-size:1.5rem;
  font-weight: bold;
  background-color: #ffff92;
  color: #008bbc;
  transition: background-color 300ms ease-out;
}

.page_btn .button:after{
  font-family: FontAwesome;
  content:"\f054";
  position:absolute;
  right:10px;
  top:38%;
}
/*--フッター上注意-------*/

.note_wrapper {
  color:#3B3B3B;
  background: url(../img/2016/bg_foot_note.gif)
}
.note_wrapper .row{
  margin:0 auto;
  padding:3% 0;
}

.note_wrapper .row p{
  margin:0;
  padding:0 0 10px;
}

.note_wrapper .row p a:link{
  text-decoration:underline
}

.note_wrapper .row .nm{
  margin-bottom:0;
}
.note_wrapper .row p a{
  color:#3B3B3B;
}

.note_wrapper .row .tit {
  clear:both;
  padding:0 0 10px;
  background-repeat: no-repeat;
  color: steelblue;
  font-weight:bold;
}
.note_wrapper .row ul {
  margin:0;
}

/*-------------------------------------
中面
-------------------------------------*/

.title_img_wrapper_naka {
  margin-bottom:3%;
  background: url(../img/2016/bg_main_01.gif);
}

.title_img_wrapper_naka .inner{
  margin:0 auto;
  padding:0 0;
  background: url(../img/2016/p_main_a.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}

.title_img_wrapper_naka .inner_b{
  margin:0 auto;
  padding:130px 0;
  background:url(../img/2016/p_main_b.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  max-height:350px;
}

.title_img_wrapper_naka .inner_c{
  margin:0 auto;
  padding:130px 0;
  background:url(../img/2016/p_main_c.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  max-height:350px;
}

.title_img_wrapper_naka .inner_d01{
  margin:0 auto;
  padding:130px 0;
  background:url(../img/2016/p_main_d01.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  max-height:350px;
}

.title_img_wrapper_naka .inner_d02{
  margin:0 auto;
  padding:130px 0;
  background:url(../img/2016/p_main_d02.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  max-height:350px;
}

.title_img_wrapper_naka .inner_e{
  margin:0 auto;
  padding:130px 0;
  background:url(../img/2016/p_main_e.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  max-height:350px;
}


.title_img_wrapper_naka .inner_f{
  margin:0 auto;
  padding:130px 0;
  background:url(../img/2016/p_main_f.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  max-height:350px;
}



.title_img_wrapper_naka .inner_na{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2020/a_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}

.title_img_wrapper_naka .inner_nb1{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2017/b1_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}

.title_img_wrapper_naka .inner_nb2{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2017/b2_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}


.title_img_wrapper_naka .inner_nc{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2017/c_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}

.title_img_wrapper_naka .inner_nd{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2017/d_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}

.title_img_wrapper_naka .inner_night{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2019/night_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}

.title_img_wrapper_naka .inner_c3{
  margin:0 auto;
  padding:0 0;
  background:url(../img/2020/c_cors_main.jpg) 50% 50%;
  background-size:cover;
  max-width:950px;
  min-height:350px;
}



.title_page{
  margin-bottom:3%;
  padding-bottom:3%;
  border-bottom:2px dotted #ccc;
}

.title_page p{
  margin:0;
  padding:0;
}


.title_page p.hatsu{
  display:inline-block;
  margin-right:3%;
  padding:5px 10px;
  background: #f9ff7f;
  color:#006ACF !important;
  font-size:1.2rem;
  text-shadow: none !important;
}

.title_page p.tit{
  display:inline-block;
  font-size:2rem;
  line-height:1;
  color:#006ACF !important;
}

.title_page h1{
  margin:12px 0;
  font-size:1.5rem;
  color:#006ACF !important;
}

.title_page p.text{
  color:#006ACF !important;
}

/* small size */
@media only screen and (max-width: 40em) {
  .title_page p{
    font-size:0.9rem;
  }

  .title_page p.hatsu{
    padding:2px 10px;
    font-size:0.9rem;
  }

  .title_page p.tit{
    font-size:1.1rem;
    font-weight:bold;
  }

  .title_page h1{
    font-size:1.1rem;
    font-weight:bold;
  }
}

.promo ul{
}

.promo ul li{
  text-indent:-1.3em;
}
/*--最初のテーブル---------*/

.mainTable{
}
.mainTable .row > div{
  overflow:hidden;
  padding:0;
  border:1px solid #6b6b6b;
  border-bottom:none;
  border-right:none;
}

.mainTable .row > div > div{
  margin:0;
  padding:0;
  border-bottom:1px solid #6b6b6b;
  border-right:1px solid #6b6b6b;

}

.mainTable h2{
  margin:0;
  padding:5px 0;
  font-size:1rem;
  background:#7a7a7a;
  color:#fff;
  text-align:center;
}
.mainTable div.text{
  width:600px;
  padding:10px;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}


.mainTable dl{
  overflow: hidden;
  zoom: 1;
  margin:0;
}

.mainTable dl dt {
  float: left;
  clear: both;
  margin:0;
  width: 65%;
  padding: 3px 0 0 15px;
  vertical-align: baseline;
  font-weight:normal;
  font-size:0.9rem;
}

.mainTable dl dd {
  margin:0;
  padding: 3px 0 3px 65%;
  border-bottom:1px solid #ccc;
}

.mainTable dl dd:last-child {
  border-bottom:none;
}

/*--注意書き----------*/
.note01{

  padding:2%;
  background:url(../img/2016/bg_text_01.gif)
}

.note01 strong{
  color:#008BBC
}

.btn01{
  margin:4% auto 5%;
}

/*--ツアー行程----------*/

.flowArea{
  margin-bottom: 5rem;
}

.flowArea h2{
  margin-bottom:5%;
  padding:2%;
  background:url(../img/2016/bg_text_02.gif);
  text-align:center;
}

.flowArea .timeBox{
  padding:15px 0;
  background:#E7FF5F;
  text-align:center;
  font-size:0.9rem;
  color:steelblue;
}

.flowArea .NumberBox{
  padding:15px 0;
  background:#E7FF5F;
  text-align:center;
  font-size:0.9rem;
  width:19%;
  color:steelblue;
  font-weight:bold;
}


.flowArea .enmokuBox {
	padding:15px 0;
  background:#D9F3F9;
  text-align:center;
  font-size:0.9rem;
  width:19%;
  color:steelblue;
  font-weight:bold;
}

.row .tit {
  color: steelblue;
  font-weight:bold;
}

.flowArea .tit{
  font-size:29px;
  /*font-size:2rem;*/
  line-height:1.2;
  font-weight:bold;
}




.flowArea .tit.type02{
  line-height:2;
  font-weight:bold;
  text-align:center;
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .flowArea .tit{
    font-size:1.5rem;
  }
}
@media only screen and (max-width: 40em) {
  .flowArea .tit{
    font-size:1.4rem;
  }
}

.flowArea .tit span{
  display:block;
  font-size:0.9rem;
  font-weight: normal;
}

.flowArea .desc {
  margin-top:10px;
}

.flowArea .desc .stay{
  padding:8px 12px;
  background:#f0f0f0
}
/*--ツアーtable---*/

.flowTable {
  margin:3% 0 3%;
}

.flowTable .inner{
  overflow:hidden;
  padding:0;
  border:1px solid #585858;
  border-bottom:none;
  border-right:none;
}

.flowTable .inner h3{
  margin:0;
  padding:8px 0;
  font-size:1rem;
  background:#7a7a7a;
  color:#fff;
  text-align:center;
}

.flowTable .inner > div{
  margin:0;
  padding:0;
  border-bottom:1px solid #585858;
  border-right:1px solid #585858;
  background:url(../img/2016/bg_text_03.gif) repeat-y;
}

.flowTable dl{
  overflow: hidden;
  zoom: 1;
  margin:0;
  font-size:0.9rem;
}

.flowTable dl dt {
  float: left;
  clear: both;
  margin:0;
  width: 55px;
  padding: 7px 0 7px 0;
  vertical-align: baseline;
  font-weight:normal;
  text-align:center;
}

.flowTable dl dd {
  margin:0;
  padding: 7px 7px 7px 60px;
  border-bottom:1px solid #585858;
}

.flowTable dl dd:last-child {
  border-bottom:none;
}

.flowArea .line{
  margin:3% auto;
  text-align:center;
}
/*--バスボタン---*/
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.flowArea .busBtn {
  clear:both;
}
.flowArea .busBtn a{
  padding:20px 0;
  box-shadow:none;
  text-shadow:none;

  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;

  box-shadow:rgb(77, 77, 77) 3px 3px 0px 0px;
  -webkit-box-shadow:rgb(77, 77, 77) 3px 3px 0px 0px;
  -moz-box-shadow:rgb(77, 77, 77) 3px 3px 0px 0px;

  font-weight: bold;
  background-color: #d9d9d9;
  color: #4d4d4d;
  transition: background-color 300ms ease-out;
}

/*--スライダー---*/

.flowArea .car img {display: block; opacity: .3; cursor: pointer;}
.flowArea .car img:hover {opacity: 1;}
.flowArea .car .flex-active-slide img {opacity: 1; cursor: default;}

.flowArea .spot_photo{
  margin-bottom:20px;
}
/*--フッター上注意　中面-------*/
.note02_wrapper {
  color:#3B3B3B;
  background: url(../img/2016/bg_foot_note02.gif)
}
.note02_wrapper .row{
  margin:0 auto;
  padding:3% 0;
}


/* バスロケーションマップ */
.map_wrapper {
  padding-right: 1rem;
}

#bus_map iframe {
  border: none;
}

#bus_map p.disclaimer {
  font-size: 0.8rem;
  color: #999;
}

/* プライスダウン */

.label_pricedown {
  background:url(../img/2016/pricedown.png) no-repeat rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  right:5px;
  line-height: 0;
  padding-top: 18px;
  padding-left:9px;
  position: absolute;
  top: -10px;
  width: 90px;
  z-index: 2;
}

/* 2016/05/24　追加 */

#attention {
  background-color:#FE665B;
  color:#fff;
  font-size:20px;
  text-align:center;
  padding:5px 0px;
  margin-top:10px;
}

/* 2016/08/10　追加 スペシャルコース用 */
.okuma_cont {
	border-bottom:dotted 1px #7E7E7E;
	float:left;
}

.okuma_cont_under {
	float:left;
	margin-top:20px;
	padding-top:20px;
}

.okuma_cont ul,.okuma_cont_under ul {
	font-size:11px;
}

.tits {
	color: steelblue;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    padding: 5px 11px 10px;
}
.subtit {
	color: steelblue;
  font-weight:bold;
  font-size: 22px;
  margin-top:10px;
}

.flowArea .tits span{
  display:block;
  font-size:0.9rem;
  font-weight: normal;
}

.bus_stop-notetext {
  padding: 1rem 2rem 4rem;
  font-size: 90%;
  color: #555;
}
.bus_stop-num div.stop_area {
  padding: 0.4rem;
  background-color: yellow;
  font-size:15px;
  font-weight: bold;
  color: steelblue;
  text-align: center;
  margin-top:5px;
}

/* 2017 乗車地説明ページ */
.bus_stop-notetext {
  padding: 1rem 2rem 4rem;
  font-size: 90%;
  color: #555;
}
.bus_stops-finder-stops {
  margin-bottom: 30px !important;
  border-bottom:dotted 1px #8F8F8F;
}
.bus_stops-finder-stops .bus_stop-num div.stop_area {
  border-radius: 0;
  padding: 0.4rem;
  background-color: yellow;
  font-size:15px;
  font-weight: bold;
  color: steelblue;
  text-align: center;
  margin-top:5px;
}
.bus_stops-finder-stops .bus_stop-hotel_list {
  padding: 10px 30px 50px;
}
.bus_stops-finder-stops .bus_stop-hotel_list dt {
  font-size: 100%;
  color: chocolate;
}
.bus_stops-finder-stops .bus_stop-hotel_list dd {
  font-size: 85%;
  color: #555;
}
.bus_stops-finder-stops .bus_stop-hotel_list i {
  margin-left: 0.1rem;
}
.bus_stops-finder-stops .fa-blind {
  margin-right: 0;
  color: lightsteelblue;
}
.bus_stops-finder-stops .fa-car {
  margin-right: 0.2rem;
  color: burlywood;
}


/* 2018/07　バスマップ メンテナンス用 */

.busmap_mente_ema {
	text-align:center;
	font-size:100%;
	font-weight:bold;
	padding-bottom:20px;
}

.busmap_mente_ema a {
}

/* 2019/01 洋ラン博覧会チケット追加用 */

.spvar {
	font-size: 113%;
    line-height: 1.3em;
    padding-bottom: 10px;
}

.special_ic {
	font-weight: bold;
	color: #F08080;
	padding-right: 10px;
}

.special_txt {
	color: #0F60B2;
}

 /*2019/02　Ｂ2コース値段変更用*/
.topSpotUl li dl dd:not(#fee_b2):not(.h20content):not(.h10content):not(.h5content){
  margin:0;
  padding: 3px 0px 3px 70px;
}


#fee_b2{
  margin:0;
  padding: 3px 0px 3px 49px;
}

.h5content{
  margin:0;
  padding: 5px 0px 3px 70px;
}

.h10content{
  margin:0;
  padding: 10px 0px 3px 70px;
}

.h20content{
  margin:0;
  padding: 20px 0px 3px 70px;
}

.fl{
	float: left;
}

.lh50{line-height:50px;
}

 /*2020/10　ツアー特典*/

#tour_tokuten {
	background-color: #FFFCD9;
	padding: 20px;
}

 /*2019/02　洋蘭背景イメージ
.title_img_wrapper {
  width: 100%;
  height: 480px;
  background-image: url(../img/2019/bg_big2019.jpg);
  background-position: center center;
  background-repeat: repeat-x;
}


#pageTop{
  background-image: url(../img/2019/bg_big2019.jpg);
  background-position: center 130px;
  background-repeat: no-repeat;
}
*/