@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2016-07-02
Style Info:     中南米の絶景旅行特集　CSS
----------------------------------------------------------- */

/* common */
#l_america a:active, #l_america a:focus {
	outline: none;
}
/* for PC
----------------------------------------*/
#l_america {
	width: 100%;
	margin: 0 auto;
}
#l_america .title {
	margin: 0;
	background: #21bbbb;
	text-align: center;
}
#l_america .title {
	width: 100%;
}
#l_america .txt {
	width: 394px;
	height: 55px;
	margin: 40px auto 30px auto;
	text-indent: -9999px;
	background: url(../images/logo.png) center center no-repeat;
}
#l_america .lead {
	padding: 0 5px 40px 5px;
}
#l_america .boxwrap {
	overflow: hidden;
	margin-left: -10px;
}
#l_america .box .tit {
	color: #1b1b1b;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 30px 0;
}
#l_america .box1 p {
	margin: 30px 0 0 0;
}
#l_america .box1 .link {
	padding-top: 5px;
}
#l_america .box1 .link a {
	color: #388b81;
	font-weight: bold;
	padding-left: 15px;
	margin-top: 30px;
	background: url(../images/arr.png) left 4px no-repeat;
}
#l_america .box2 .inner {
	position: relative;
}
#l_america .box2 p {
	font-size: 12px;
	margin-bottom: 30px;
}
#l_america .box2 .img {
	position: absolute;
	width: 213px;
	margin-right: 15px;
}
#l_america .box2 .txtarea {
	padding-left: 228px;
}
#l_america .box2 .txt1 {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: #388b81;
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(../images/arr.png) left 4px no-repeat;
}
#l_america .box2 .txt2 {
	background: #292929;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 20px;
}
#l_america .box2 .link {
	overflow: hidden;
	width: 289px;
	margin: 0;
	padding: 0;
}
#l_america .box2 .link li {
	float: left;
	width: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#l_america .box2 .link li:first-child {
	text-align: left;
}
#l_america .box2 .link li a:hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
/*----2016.07.02 add----*/
/*---utillity---*/
.left{
	float:left;
}
.right{
	float:right;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}



@media screen and (min-width:768px) {
/*---content---*/
.content_l_america {
	width: 100%;
	min-width:1140px;
	line-height:25px;
	font-size:15px;
	padding:0;
}
.content_l_america a:hover img{
	opacity:0.9;
}
.content_l_america h2,
.content_l_america h3{
	margin:0;
	padding:0;
	font-weight: bold;
}
	
	
/*メインイメージ*/
.main_visual{
	height:520px;
	margin:0 auto !important;
	background:url(../images/top/main_visual_bk.png) no-repeat center;
}
	.main_visual img {
		display: block;
		text-align: center;
		width: 700px;
		margin: 0px auto;
		padding-top:160px;
	}
	.main_visual .title_txt1 {
		display: block;
		position: relative;
		width: 700px;
		height: auto;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		font-size: 29px;
		padding-top:20px;
		text-shadow:0px 0px 5px #006c4a;
	}
	.main_visual .title_txt2 {
		display: block;
		position: relative;
		width: 1000px;
		height: auto;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		font-weight: normal;
		font-size: 16px;
		padding-top:20px;
		text-shadow:0px 0px 5px #006c4a;
	}
/* グローバルメニュー */
	.global_nav {

	}
	.global_nav ul {
		width: 1115px;
		display: block;
		margin: 50px auto;
		padding: 0;
	}
	.global_nav ul li {
		width: 180px;
		display: inline-block;
		margin: 0;
		padding: 0;
		border-left: 1px #f2f2f2 solid;
	}
	.global_nav ul li:last-child{
		border-right: 1px #f2f2f2 solid;
	}

	
/* 01 マチュピチュ */
.content_l_america	.box01 {
	width:100%;
	display: block;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 0px;
	}
.content_l_america .box01 .sub1 {
		width: 340px;
		display: block;
		margin: 0 auto;
		}
.content_l_america .box01 .tit1 {
		width: 340px;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america .box01 .pic1 {
		width: 1100px;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america	.box01 h3 {
	font-size: 24px;
	}
.content_l_america	.box01 p {
	font-size: 16px;
	padding-top:20px;
	padding-bottom: 20px;
	}

	
/* 02 リマから行ける 絶景 */
.content_l_america	.box02 {
	width:100%;
	display: block;
	text-align: center;
	padding-bottom: 50px;
	padding-top:50px;
		background:#f0e5cb;
	}
.fukidashi1,
.fukidashi2,
.fukidashi3,
.fukidashi4,
.fukidashi5
	{
    position: relative;
    display: block;
    width: auto;
    top: -150px;
    left: 420px;
    margin: 0;
    padding: 0;
    height: 0;
	}
.content_l_america .box02 .sub2 {
		width: 340px;
		display: block;
		margin: 0 auto;
		}
.content_l_america .box02 .tit2 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america .box02 .pic2 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america	.box02 h3 {
	font-size: 24px;
	}
.content_l_america	.box02 p {
	font-size: 16px;
	padding-top:20px;
	padding-bottom: 20px;
	}
	

/* 03 ウユニ塩湖 */
.content_l_america	.box03 {
	width:100%;
	display: block;
	text-align: center;
	padding-bottom: 50px;
	padding-top:50px;
		background:#fff;
	}
.content_l_america .box03 .sub3 {
		width: 340px;
		display: block;
		margin: 0 auto;
		}
.content_l_america .box03 .tit3 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america .box03 .pic3 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america	.box03 h3 {
	font-size: 24px;
	}
.content_l_america	.box03 p {
	font-size: 16px;
	padding-top:20px;
	padding-bottom: 20px;
	}
	
	

/* 04 マヤ文明の遺跡 */
.content_l_america	.box04 {
	width:100%;
	display: block;
	text-align: center;
	padding-bottom: 50px;
	padding-top:50px;
		background:#f0e5cb;
	}
.content_l_america .box04 .sub4 {
		width: 340px;
		display: block;
		margin: 0 auto;
		}
.content_l_america .box04 .tit4 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america .box04 .pic4 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america	.box04 h3 {
	font-size: 24px;
	}
.content_l_america	.box04 p {
	font-size: 16px;
	padding-top:20px;
	padding-bottom: 20px;
	}
	
	
	
/* 05 カンクン */
.content_l_america	.box05 {
	width:100%;
	display: block;
	text-align: center;
	padding-bottom: 50px;
	padding-top:50px;
		background:#fff;
	}
.content_l_america .box05 .sub5 {
		width: 340px;
		display: block;
		margin: 0 auto;
		}
.content_l_america .box05 .tit5 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america .box05 .pic5 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america	.box05 h3 {
	font-size: 24px;
	}
.content_l_america	.box05 p {
	font-size: 16px;
	padding-top:20px;
	padding-bottom: 20px;
	}	
	

	
	
/* 06 ビリエラ・マヤ */
.content_l_america	.box06 {
	width:100%;
	display: block;
	text-align: center;
	padding-bottom: 50px;
	padding-top:50px;
		background:#f0e5cb;
	}
.content_l_america .box06 .sub6 {
		width: 340px;
		display: block;
		margin: 0 auto;
		}
.content_l_america .box06 .tit6 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america .box06 .pic6 {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 30px;
	}
.content_l_america	.box06 h3 {
	font-size: 24px;
	}
.content_l_america	.box06 p {
	font-size: 16px;
	padding-top:20px;
	padding-bottom: 20px;
	}
	
	
/*リンクボタン*/	
.link_detail a {
	display: block;
	width: 260px;
	height: auto;
	color: #fff;
	background-color: #eac73d;
	border-radius: 30px;
	margin:20px auto 0px auto;
	padding:20px;
	text-decoration: none;
	font-weight: bold;
	}
	
/*.link_detail a::after {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    background-image: url(../images/top/ar.png);
	background-repeat: no-repeat;
    background-size: auto;
	background-position: 50% 90%;
}	*/
	
	
	
.sp{
	display:none;
}
	
	
}


@media screen and (max-width:767px) {
.pc{
	display:none;
}
.sp{
	display:block;
}
h2,h3{
	margin:0 auto;
}
.left,
.right{
	float:none;
	margin-bottom:10px;
}
.fwb{
	font-weight:bold;
}
.content_l_america {
    width: 100%;
    min-width: 100%;
    line-height: 25px;
    font-size: 15px;
}
#l_america{
	margin:0 auto;
	background:#fff;
}
#l_america img{
	width:100%;
	height:auto;
}
	
.inner.btn_detail p,
p.btn_detail{
	width:50%;
	margin:10px auto;
}
.txt01 {
    padding: 10px 0;
    text-align: center;
    background: #f0e5cb;
}
}



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

.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: 40px 0 40px 0;overflow:hidden; border: none;    padding-left: 15px;
    padding-right: 15px;}
	  .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%);}
}