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

html,body{
	margin:0;
	padding:0;
	
}
/*-----------     メインビジュアル     -----------*/
.main{
	width:100%;
}
.main img{
	width:100%;
	vertical-align:bottom;
}
.main_title{
	width:45%;
	position:absolute;
	top:16%;
	right:14%;
}
.logo_syuko{
	position:absolute;
	width:11%;
	top:2%;
	left:1%;
}
.logo{
	position:absolute;
	width:13%;
	top:4%;
	left:13%;
}
/*-----------     リード文     -----------*/
.lead{
	background:#E8E8E8;
	border-bottom:solid 1px #C9C9C9;
	text-align:center
}
.lead p{
	width:65%;
	text-align:center;
	margin:0 auto;
	font-size:23px;
	padding:70px 0;
	line-height:50px;
}
.lead span{
	font-size:38px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#FF0095;
}
.lead_sp{
	display:none;
}
/*-----------     キャンペーンバナー     -----------*/
.campaign_banner{
	width: 65%;
	margin: 0 auto 70px auto;
}
.campaign_banner_left{
	width: 48%;
	float: left;
}
.campaign_banner_left img{
	width: 100%;
}
.campaign_banner_left a:hover{
	opacity: 0.8;
}
.campaign_banner_right{
	width: 48%;
	float: left;
	margin-left: 4%;
}
.campaign_banner_right img{
	width: 100%;
}
.campaign_banner_right a:hover{
	opacity: 0.8;
}

/*-----------     テーブル     -----------*/

.table_box_sp{
	display: none;
}
.left{
	float: left;
	width: 30%;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px;
	background-color: #2994B2;
	color: #FFF;
}
.left_last{
	float: left;
	width: 30%;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	background-color: #2994B2;
	color: #FFF;
}
.right{
	float: left;
	width: 50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 10px;
	background-color: #E8E8E8;
	color: #404040
}
.right_last{
	float: left;
	width: 50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	background-color: #E8E8E8;
	color: #404040
}
/*-----------     ボタン     -----------*/
.botan{
	width: 30%;
	margin: 70px auto 0 auto;
}
.botan img{
	width: 100%;
}
/*
.botan img:hover{
	opacity: 0.7;
}
*/
/*-----------     キャンペーン１     -----------*/
.campaign1{
	width:65%;
	margin:100px auto 0;
}
.campaign1 h1{
	color:#FF0095;
}

.campaign1 h2{
	color:#FF0095;
  font-size:2em;
}

.campaign1 h3{
  font-size:1.5em;
	border-left:solid 7px #521C95;
	margin-top:80px;
	padding-left:10px;
}

.campaign1 p{
	font-size:18px;
}
.border_p{
	border-bottom:solid 1px #000000;
	padding-bottom:10px;
}
.clear{
	clear:both;
}
/*-----------     カード     -----------*/
.card{
	width:100%;
	margin-top:50px;
}
.card p{
	text-align:center;
	color:#521C95;
	font-size:24px;
}
.card_left{
	float:left;
	width:49%;
}
.card_left img{
	/*width:90%;
	margin-left:5%;*/
	width: 100%;
}
.card_rigth{
	float:left;
	width:49%;
	/*
	background-color:#E8E8E8;
	*/
	margin-left:2%;
}
.card_rigth img{
	/*
	width:90%;
	margin-left:5%;
	*/
	width: 100%;
}
.button{
	width:50%;
	margin:50px auto 20px;
}
.button img:hover{
	opacity:0.7;
}
/*-----------     下部     -----------*/
.bottm{
	width:100%;
	margin-top:80px;
	position:relative;
}
.bottm img{
	width:100%;
	vertical-align:bottom;
}
.bottm span{
	position:absolute;
	bottom:0px;
	right:200px;
}


footer{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.site-footer {
  background-color: #fff;
  color: #000;
  padding: 25px 0;
  position: relative;
}

.site-footer_menu {
  width: 950px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}
.site-footer_menu a, .site-footer_menu a:link, .site-footer_menu a:visited, .site-footer_menu a:active {
  color: #634173;
  text-decoration: none;
}
.site-footer_menu a:hover {
  text-decoration: underline;
}

.site-footer_menu_item {
  display: inline-block;
  margin-right: 15px;
}

.site-footer_bottom {
  width: 950px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 28px;
}
.site-footer_bottom:before, .site-footer_bottom:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.site-footer_bottom:after {
  clear: both;
}

.site-footer_copyright {
  float: left;
}

.site_footer_staralliance {
  float: right;
  text-indent: -9999px;
  width: 180px;
  height: 28px;
}
.site_footer_staralliance a {
  display: block;
  background: url("http://thaiair.co.jp/common/img/img_star.gif");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 180px 28px;
  width: 180px;
  height: 28px;
}


@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
.main_title{
	width:45%;
	position:absolute;
	top:10%;
	right:14%;
}
.campaign1{
	width:90%;
	margin:100px auto 0;
}
.lead{
	display:none;
}
.lead_sp{
	display:block;
}
.lead_sp{
	background:#E8E8E8;
	border-bottom:solid 1px #C9C9C9;
}
.lead_sp p{
	width:90%;
	text-align:left;
	margin:0 auto;
	font-size:18px;
	padding:70px 0;
	line-height:35px;
}
.lead_sp span{
	font-size:28px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#FF0095;
}
	
/*-----------     キャンペーンバナー     -----------*/
.campaign_banner{
	width: 90%;
}
.campaign_banner_left{
	width: 100%;
	float: none;
}
.campaign_banner_left img{
	width: 100%;
}
.campaign_banner_left a:hover{
	opacity: 0.8;
}
.campaign_banner_right{
	width: 100%;
	float: none;
	margin-left: 0;
	margin-top: 70px;
}
.campaign_banner_right img{
	width: 100%;
}
.campaign_banner_right a:hover{
	opacity: 0.8;
}

/*-----------     テーブル     -----------*/

.table_box{
	display: none;
}
.table_box_sp{
	display:block;
}
.left{
	float: none;
	width: 98%;
	padding: 1%;
}
.left_last{
	float: none;
	width: 98%;
	padding: 1%;
}
.right{
	float: none;
	width: 98%;
	padding: 1%;
}
.right_last{
	float: none;
	width: 98%;
	padding: 1%;
}
/*-----------     ボタン     -----------*/
	.botan{
		width: 50%;
	}
.card p{
	padding-top:25px;
}

.card_left{
	float:none;
	width:100%;
}
.card_left img{
	width:100%;
	margin-left:0%;
}
.card_rigth{
	float:none;
	width:100%;
	margin-left:0%;
}
.card_rigth img{
	width:100%;
	margin-left:0%;
}
.button{
	width:50%;
	margin:50px auto 0 auto;
	padding-bottom:25px;
}

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.campaign1{
	width:80%;
	margin:100px auto 0;
}
.lead{
	display:none;
}
.lead_sp{
	display:block;
}
.lead_sp{
	background:#E8E8E8;
	border-bottom:solid 1px #C9C9C9;
	
}
.lead_sp p{
	width:80%;
	text-align:left;
	margin:0 auto;
	font-size:28px;
	padding:70px 0;
	line-height:35px;
}
.lead_sp span{
	font-size:28px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#FF0095;
}




.card_left{
	float:none;
	width:100%;
}
.card_left img{
	width:100%;
	margin-left:0%;
}
.card_rigth{
	float:none;
	width:100%;
	margin-left:0%;
}
.card_rigth img{
	width:100%;
	margin-left:0%;
}

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
.campaign1{
	width:90%;
	margin:100px auto 0;
}
.lead{
	display:none;
}
.lead_sp{
	display:block;
}
.lead_sp{
	background:#E8E8E8;
	border-bottom:solid 1px #C9C9C9;
	text-align:center
}
.lead_sp p{
	width:90%;
	text-align:left;
	margin:0 auto;
	font-size:18px;
	padding:70px 0;
	line-height:35px;
}
.lead_sp span{
	font-size:28px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#FF0095;
}




.card_left{
	float:none;
	width:100%;
	background-color:#E8E8E8;
}
.card_left img{
	width:90%;
	margin-left:5%;
}
.card_rigth{
	float:none;
	width:100%;
	background-color:#E8E8E8;
	margin-left:0%;
}
.card_rigth img{
	width:90%;
	margin-left:5%;
}


}
@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される */

}