@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      common.css
Created:        2016-04-22
Style Info:     common　CSS
----------------------------------------------------------- */
#l_america {width:100%;}
#l_america a:active,
#l_america a:focus {text-decoration: none; outline:none;}
#l_america a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
/*#l_america ul,
#l_america ol,
#l_america li {list-style:none;margin:0;padding:0;}*/
#l_america .dis_sp {display:none;}
#l_america .contents {width:1140px;}
#l_america .contents p {color:#323232;font-size:13px;line-height:1.8;}
#l_america .page-top {height:0;width:0;overflow:hidden;}
@media screen and (max-width:767px) {
  #l_america .dis_sp {display:block;}
  #l_america .contents {width:auto;}
  #l_america .page-top {position:fixed;bottom:20px;right:20px;height:40px;width:40px;background:#666 url(../images/pagetop_arrow.png) center center no-repeat;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-filter:"alpha(opacity=80)";-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;cursor:pointer;text-indent:-9999px;z-index:100;}
}

/* title
----------------------------------------*/
#l_america .contents .title_01 {width:100%;display:table;vertical-align:middle;margin-bottom:20px;}
#l_america .contents .title_01 .txt {margin:0;}
#l_america .contents .title_02:after {content:"";width:13px;height:19px;top:50%;left:16px;margin-top:-9px;position:absolute;background:url(../images/title2_icon.png) center center no-repeat;}
#l_america .contents .title_02 span {display:block;text-indent:-9999px;height:50px;background-repeat:no-repeat;background-position:left center;}
@media screen and (max-width:767px) {
  #l_america .contents .title_01 {height:auto;padding:20px 15px 15px 15px;overflow:hidden;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;}
  #l_america .contents .title_01 .txt {display:block;width:100%;height:auto;text-indent:0;font-size:26px;font-weight:bold;background:none;color:#603813;line-height:1.4;}
  #l_america .contents .title_01 .txt span {color:#b51d2e;font-size:18px;display:block;}
  #l_america .contents .title_02 {margin-bottom:15px;height:auto;}
  #l_america .contents .title_02:after {top:8px;left:10px;margin:0;}
  #l_america .contents .title_02 span {display:block;text-indent:0;height:auto;color:#fff;font-size:18px;line-height:1.4;font-weight:bold;}
}
@media screen and (max-width:480px) {
  #l_america .contents .title_01 .txt {font-size:22px;}
  #l_america .contents .title_01 .txt span {font-size:16px;}
}

/* tour list
----------------------------------------*/
#l_america .contents .tour_sec {position:relative;margin-bottom:70px;}
#l_america .contents .tour_sec .title_01 .txt_02 {position:absolute;top:30px;right:35px;width:202px;height:73px;background:url(../images/tourlist_title_txt.png) center center no-repeat;text-indent:-9999px;}
#l_america .contents .tourlist {margin-bottom:30px;}
#l_america .contents .tourlist .title_02 {margin-bottom:10px;}
#l_america .contents .tourlist_img {position:absolute;top:20px;left:50px;width:224px;padding-top:174px;background:url(../images/top/sec3_txt_01.png) center top no-repeat;}
#l_america .contents .tourlist_img img {width:100%;height:auto;}
#l_america .contents .tourlist_txt {overflow:hidden;margin-bottom:30px;}
#l_america .contents .tourlist_txt p {padding-left:300px;line-height:2;}
#l_america .contents .tourlist_txt p b {color:#b51d2e;font-weight:bold;}
#l_america .contents .tour_sec .map {float:left;width:270px;height:280px;padding:4px;border:1px solid #ecc3a4;background:#fff;line-height:1;font-size:0;}
#l_america .contents .tour_sec .map img {width:100%;height:auto;}
#l_america .contents .tourlist .title_02.tit_01 span {background-image:url(../images/tourlist1_tit.png);}
#l_america .contents .tourlist .title_02.tit_02 span {background-image:url(../images/tourlist2_tit.png);}
#l_america .contents .tourlist .title_02.tit_03 span {background-image:url(../images/tourlist3_tit.png);}
#l_america .tourcnt {position:relative;overflow:hidden;border:5px solid #f0f0f0;padding:15px;margin-top:10px;}
#l_america .tourcnt .tour_title {font-size:14px;font-weight:bold;line-height:1.4;margin:0 0 10px 0;}
#l_america .tourcnt .tour_title a {color:#828282;}
#l_america .tourcnt .tour_title a:hover {text-decoration:underline;}
#l_america .tourcnt_left {float:left;width:168px;}
#l_america .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#l_america .tourcnt_left .img a {display:block;}
#l_america .tourcnt_left .img img {width:100%;}
#l_america .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#l_america .tourcnt_left .tour_days span {display:block;}
#l_america .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#aa6e00;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-right:5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#l_america .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#l_america .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#e3b500;color:#fff;font-size:11px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#l_america .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#l_america .tourcnt_right {padding:0 0 0 188px;}
#l_america .tourcnt_right .tour_info {overflow:hidden;}
#l_america .tourcnt_right dl {float:left;width:300px;overflow:hidden;margin:0;}
#l_america .tourcnt_right dt {clear:left;float:left;background:#e3b500;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#l_america .tourcnt_right dd {font-size:11px;line-height:1.4;padding:3px 0 0 70px;margin-top:5px;}
#l_america .tourcnt_right dt:first-of-type,
#l_america .tourcnt_right dd:first-of-type {margin-top:0;}
#l_america .tourcnt_right .tour_price {
    float: right;
    width: 250px;
    position: absolute;
    top: 85px;
    right: 15px;
}
#l_america .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:11px;line-height:20px;padding:0 10px;font-weight:bold;background:#e3b500;}
#l_america .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#l_america .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#l_america .tourcnt_right .tour_price .price span {display:inline-block;}
#l_america .tourcnt_right .tour_price .price_max {font-size:20px;}
#l_america .tourcnt_right .tour_price .price_min {font-size:12px;margin:8px 0 0 5px;}
#l_america .tourcnt_right .tour_price .txt {font-size:10px;}
#l_america .tourcnt_right .tour_link {position: absolute;
    bottom: 15px;
    right: 15px;
    width: 120px;}
#l_america .tourcnt_right .tour_link a:after {display:block;content:"";width:6px;height:8px;position:absolute;top:50%;right:10px;margin-top:-4px;background:url(../images/more_btn_arr.png) top center no-repeat;}
#l_america .tourlist_link{text-align:center;}
#l_america .tourcnt_right .tour_link a {
    position: relative;
    display: block;
    height: 24px;
    color: #fff;
    background: url(../images/more_btn_bg.png) left center repeat-x;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* add for pc */

#l_america .tourcnt .tourcnt_top {

	height: auto;
	min-height: 70px;
		
}

@media screen and (max-width:767px) {
#l_america .tourcnt_right .tour_info {
    overflow: hidden;
    padding-left: 15px;
}
#l_america .tourcnt .tourcnt_top {
    height: auto;
}
	#l_america .contents .tour_sec {margin-bottom:30px;border-bottom: 1px solid #cdcdcd;}
  #l_america .contents .tour_sec .title_01 .txt {background:none;}
  #l_america .contents .tour_sec .title_01 .txt_02 {position:static;margin:10px auto;}
  #l_america .contents .tourlist {margin-bottom:20px;}
  #l_america .contents .tourlist_img .img {display:none;}
  #l_america .contents .tourlist_txt {margin:0 10px 30px 10px;}
  #l_america .contents .tourlist_txt p {padding-left:0;line-height:1.8;}
  #l_america .contents .tour_sec .map {margin-right:10px;}
  #l_america .contents .tour_sec .map img {width:100%;height:auto;}
  #l_america .contents .tourlist .title_02.tit_01 span,
  #l_america .contents .tourlist .title_02.tit_02 span,
  #l_america .contents .tourlist .title_02.tit_03 span {background-image:none;}
  #l_america .tourcnt_right dl {float:none;width:100%;margin-bottom:5px;}
#l_america .tourcnt_right .tour_price {
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding: 0;
	top: 0;
    left: 0;
}  #l_america .tourlist {margin:0 10px 15px 10px;}
  #l_america .tourlist_link {margin:0 10px;}
 #l_america .tourlist_link { width:240px; min-height: 60px; margin:0 auto; background:url(../images/l_america_05/hotellist_btn01.jpg) no-repeat; background-size:100%;}
 #l_america .tourlist_link a:after {position:absolute;bottom:10px;right:10px;content:"";width:14px;height:14px;background:url(../images/tourlist_btn2_arr.png) center center no-repeat;}
  #l_america .tourlist_link a small {font-size:14px;display:block;margin-bottom:5px;}
}
@media screen and (max-width:640px) {
  #l_america .tourcnt {padding:10px;}
  #l_america .tourcnt_left {width:120px;}
  #l_america .tourcnt_left .tour_days .txt1 {width:55px;padding:0 5px;}
  #l_america .tourcnt_left .tour_days .txt2 {font-size:14px;}
  #l_america .tourcnt_left .tour_code {font-size:10px;}
  #l_america .tourcnt_right {padding-left:130px;}
  #l_america .tourcnt_right .tour_link {bottom:10px;right:10px;}
}
@media screen and (max-width:480px) {
  #l_america .contents .tour_sec .title_01 .txt {margin-bottom:10px;}
  #l_america .contents .tour_sec .title_01 .txt_02 {position:static;margin:10px auto;}
  #l_america .contents .tour_sec .map {float:none;margin:0 auto 20px auto;}
  #l_america .tourlist .title span {font-size:15px;}
  #l_america .tourcnt_left {float:none;width:100%;margin-bottom:10px;}
  #l_america .tourcnt_left .box {overflow:hidden;}
  #l_america .tourcnt_left .tour_days {display:inline-block;float:left;margin:0 10px 0 0;}
  #l_america .tourcnt_left .tour_code {display:inline-block;float:right;}
  #l_america .tourcnt_left .img {text-align:center;}
#l_america .tourcnt_left .img img {
    max-width: 150px;
    margin: 0 auto;
    float: left;
    padding-left: 15px;
}
  #l_america .tourcnt_right {padding:0;padding-left: 15px;
    padding-right: 15px;}
  #l_america .tourcnt_right .tour_link {position:static;width:250px;margin:10px auto 0 auto;}
#l_america .tourcnt_right .tour_link a {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    text-decoration: none;
    border-radius: 30px;
}
@media screen and (max-width:360px) {
  #l_america .tourlist_link a {font-size:15px;}
  #l_america .tourlist_link a small {font-size:13px;}
	#l_america .tourcnt_right .tour_info{padding: 0 0 10px;}
	#l_america .tourcnt_left .img img{width: 90%; float: none; max-width: 90%; display: block; margin: 0 auto; padding: 0;}
}




/* -------------------------------------------------------- */
/* 下層　フリーオーダー */
/* -------------------------------------------------------- */

.contact_box {border: solid 1px #c8c8c8; background: #fff;}
.contact_box p {color:#787878;}
@media (min-width:768px) {
	  .contact_box {overflow: hidden;
    margin: 50px auto;
    border: 1px solid #c8c8c8;
    padding: 30px 40px;
    width: 1100px;}
	  .contact_box p {font-size:1.4rem;line-height:1.4;}
	  .contact_box .tit_01 {font-size:3rem;margin-bottom:30px;text-align:center;font-weight:bold;}
	  .contact_box .tit_01 br {display:none;}
	  .contact_box .tit_02 {font-size:2.7rem;margin:15px 0;text-align:left;}
	  .contact_box .wrap_01 {float:left;width:55%;}
	  .contact_box .wrap_02 {float:right;width:45%;max-width:400px;}
	  .contact_box .contact_tel {padding-left:50px;color:#23af00;font-weight:bold;font-size:5.6rem;line-height:1;font-family:'arial',sans-serif;background:url(../img/icon_tel.png) left center no-repeat;margin:0 auto 10px auto;}
	  .contact_box .link_btn {margin-top:10px;}
	  .contact_box .link_btn a {font-weight:bold;font-size:1.4rem;height:40px;line-height:40px;}
	  .contact_box .link_btn a::after {font-weight:normal;}
}
@media (max-width:1100px) and (min-width:768px) {
	  .contact_box {padding:30px 20px;}
	  .contact_box .wrap_01,
	  .contact_box .wrap_02 {float:none;width:100%;margin:0 auto;text-align:center;}
	  .contact_box .wrap_01 {margin-bottom:20px;}
	  .contact_box .tit_01 {font-size:2.7rem;margin-bottom:20px;}
	  .contact_box .tit_02 {font-size:2.4rem;text-align:center;}
}
@media (max-width:767px) {
	  .contact_box {text-align: center;
    margin: 20px 0 40px 0;
    overflow: hidden;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;}
	  .contact_box p {font-size:1.2rem;}
	  .contact_box .tit_01,
	  .contact_box .tit_02 {line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
	  .contact_box .btn_wrap {overflow:hidden;margin:15px -3px;}
	  .contact_box .btn_wrap li {float:left;width:50%;}
	  .contact_box .btn_wrap li a {display:block;margin:0 3px;border-radius:5px;font-size:1.6rem;position:relative;height:44px;line-height:42px;text-decoration:none;font-weight:bold;}
	  .contact_box .btn_wrap li a::before {position:absolute;height:100%;top:0;}
	  .contact_box .btn_wrap li.tel a {border:2px solid #23af00;color:#23af00;padding-left:10px;background:#fff;}
	  .contact_box .btn_wrap li.tel a::before {content:"";width:17px;left:10px;height:100%;
		background:url(../img/icon_tel.png) center center no-repeat;
		-webkit-background-size:17px auto;
		background-size:17px auto;}
	  .contact_box .btn_wrap li.order a {border:1px solid #ff6600;color:#fff;background:#ff6600;padding-right:10px;}
	  .contact_box .btn_wrap li.order a::before {right:10px;content:"\f054";font-size:1.1rem;font-family:FontAwesome;}
}
@media (max-width:640px) {
	  .contact_box p {text-align:left;}
}
@media (max-width:360px) {
	  .contact_box .btn_wrap li.order a::before {right:5px;}
}

/* -------------------------------------------------------- */
/* 問い合わせのリンクボタン */
/* -------------------------------------------------------- */
.contact_box .link_btn a {display:block;position:relative;color:#fff;text-align:center;font-weight:bold; background:#ff6e00;border-radius:8px;text-decoration:none; }
.contact_box .link_btn.orange a {background:#ff6e00;}
.contact_box .link_btn.green a {background:#23af00;}
.contact_box .link_btn.blue a {background:#2f8ad0;}
.contact_box .link_btn a:after {content:"\f054";font-family:FontAwesome;font-size:1.4rem;position:absolute;top:0;right:10px;font-weight:normal;}

.contact_box .btn_area .link_btn {width:100%; max-width: 900px; margin: 0 auto;}
@media (min-width:768px) {
	.contact_box .link_btn a:hover {opacity:.65;}
	.contact_box .link_btn a {font-size:1.8rem; height:60px; line-height: 60px; }
}
@media (max-width:767px) {
	.contact_box .link_btn a {font-size:1.4rem;width: 100%; line-height: 1.4; padding: 15px 0;}
  .contact_box .link_btn a:after {top: 50%; transform: translate(0,-50%);}
}