@charset "UTF-8";

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

File name:      style.css
Created:        2017-05-01
Style Info:     エティハド航空特集　CSS
----------------------------------------------------------- */
/* common */
#etihad a:hover,
#etihad a:active,
#etihad a:focus {outline:none;text-decoration:none;}
#etihad ul,
#etihad ol,
#etihad li {list-style:none;margin:0;padding:0;}
#etihad .taC {text-align:center;}
#etihad img {width:100%;height:auto;}

/* visual */
#etihad .visual {position:relative;height:500px;background:#fff;margin-bottom:80px;}
#etihad .visual .slider {position:relative;z-index:10;}
#etihad .visual .img {height:500px;background-repeat:no-repeat;background-position:center center;
  -webkit-background-size:cover;
  background-size:cover;}
#etihad .visual .img.img_01 {background-image:url(../img/visual_01.jpg);}
#etihad .visual .img.img_02 {background-image:url(../img/visual_02.jpg);}
#etihad .visual .img.img_03 {background-image:url(../img/visual_03.jpg);}
#etihad .visual .img.img_04 {background-image:url(../img/visual_04.jpg);}
#etihad .visual .img.img_05 {background-image:url(../img/visual_05.jpg);}
#etihad .visual .img.img_06 {background-image:url(../img/visual_06.jpg);}
#etihad .visual .logo {position:absolute;top:0;left:0;margin:0;z-index:20;}
#etihad .visual .txt {position:absolute;bottom:70px;left:50%;margin:0 0 0 -320px;z-index:20;width:640px;}
#etihad .visual .txt p {font-size:16px;line-height:1.8;color:#fff;}
#etihad .visual .txt strong br {display:none;}
#etihad .visual .txt strong {display:block;font-weight:bold;font-size:36px;margin-bottom:25px;}
#etihad .visual .linkbtn {position:absolute;bottom:-40px;left:50%;margin:0 0 0 -250px;z-index:20;width:500px;background:#fff;}
#etihad .visual .linkbtn a {display:block;color:#fff;font-weight:bold;text-align:center;font-size:16px;height:80px;line-height:80px;border:3px solid #fff;
  background:#57002f url(../img/arr_01.png) center 55px no-repeat;font-size:16px;}
@media screen and (max-width:767px) {
  #etihad .visual {height:auto;margin-bottom:0;}
  #etihad .visual .slider {height:300px;}
  #etihad .visual .img {height:300px;}
  #etihad .visual .logo img {width:150px;height:auto;}
  #etihad .visual .txt {position:static;margin:0;z-index:20;width:100%;padding:20px 0;background:#270015;}
  #etihad .visual .txt p {padding:0 15px;}
  #etihad .visual .txt p {font-size:14px;line-height:1.6;}
  #etihad .visual .txt strong {font-size:24px;margin-bottom:10px;}
  #etihad .visual .linkbtn {position:static;margin:0;z-index:20;width:100%;}
  #etihad .visual .linkbtn a {height:auto;line-height:1.4;padding:15px 15px 25px 15px;border:0;background-position:center 80%;font-size:16px;    text-decoration: none;}
}
@media screen and (max-width:640px) {
  #etihad .visual .slider {height:200px;}
  #etihad .visual .img {height:200px;}
}
@media screen and (max-width:480px) {
  #etihad .visual .txt p {font-size:13px;}
  #etihad .visual .txt strong {margin-bottom:5px;}
  #etihad .visual .txt strong br {display:block;}
  #etihad .visual .logo img {width:100px;}
}

/* contents */
#etihad .content_wrap_01 {max-width:640px;margin:0 auto;}
#etihad .content_wrap_02 > .tit {background:#57002f;color:#fff;font-size:22px;font-weight:bold;height:92px;line-height:92px;text-align:center;margin:0 0 30px 0;}
#etihad .content_wrap_02 > p {max-width:640px;margin:0 auto 30px auto;}
@media screen and (max-width:640px) {
  #etihad .content_wrap_01 {margin:0 15px;}
  #etihad .content_wrap_02 > .tit {font-size:20px;height:auto;line-height:1.4;padding:15px;margin-bottom:20px;}
  #etihad .content_wrap_02 > p {margin:0 15px 20px 15px;}
}

/* about */
#etihad .about_head_img {margin-bottom:40px;}
#etihad .about_tit {font-size:24px;line-height:1.5;font-weight:bold;color:#57002f;margin:0 0 20px 0;text-align:center;}
#etihad .about_wrap_01 {overflow:hidden;margin-bottom:30px;}
#etihad .about_wrap_01 > .fR p {margin-top:15px;line-height:1.6;}
#etihad .about_wrap_01 > .fR p:first-child {margin-top:0;}
#etihad .about_wrap_01.about_01 > .fL {margin-bottom:15px;}
#etihad .about_wrap_01.about_01 > .fL .img {text-align:center;}
#etihad .about_wrap_01.about_01 > .fL .img img {width:149px;height:auto;}
#etihad .about_wrap_01.about_02 > .fL {margin-bottom:20px;}
#etihad .about_wrap_02 {margin-bottom:30px;}
#etihad .about_wrap_02 .wrap {margin:0 0 30px 0;}
#etihad .about_wrap_02 .wrap > div {margin-bottom:20px;overflow:hidden;}
#etihad .about_wrap_02 .wrap .img {width:280px;margin:0 auto 15px auto;}
#etihad .about_wrap_02 .wrap .tit {margin:0 0 10px 0;font-size:16px;text-align:center;font-weight:bold;color:#57002f;}
#etihad .about_wrap_02 .wrap p {line-height:1.6;}
@media screen and (max-width:640px) {
  #etihad .about_head_img {margin:15px 0;}
  #etihad .about_tit {font-size:20px;}
}

/* loopslider (jquery.simplyscroll.js) */
#etihad .simply-scroll-container {position:relative;}
#etihad .simply-scroll-clip {position:relative;overflow:hidden;}
#etihad .simply-scroll-list {overflow:hidden;}
#etihad .simply-scroll-list li {float:left;padding:0;margin:0;width:330px;height:204px;}
#etihad .simply-scroll-list li img {display:block;}
@media screen and (max-width:640px) {
  #etihad .simply-scroll-list li {width:198px;height:122px;}
}

/* page-top */
#etihad .page-top {height:0;width:0;overflow:hidden;}
@media screen and (max-width:767px) {
  #etihad .page-top {position:fixed;bottom:20px;right:20px;height:40px;width:40px;background:#666 url(../img/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;}
}

/* tourlist */
#etihad .sec_tourlist {max-width:640px;margin:0 auto;position:relative;padding:0 15px 30px 15px}
#etihad .sec_tourlist_title {position:relative;font-size:20px;font-weight:bold;line-height:1.5;padding:10px 10px 8px 20px;margin:0 0 15px 0;color:#57002f;background:url(../img/bg_02.png) left top repeat;}
#etihad .sec_tourlist_title:before {position:absolute;top:0;left:0;width:6px;height:100%;content:"";background:url(../img/bg_01.png) left top repeat;}
#etihad .sec_tourlist_title span {color:#c00168;font-weight:bold;}
#etihad .sec_tourlist .link_btn {margin:30px 15px;}
#etihad .sec_tourlist .link_btn a {position:relative;display:table;width:100%;line-height:1.4;color:#fff;font-size:18px;height:64px;
  font-weight:bold;text-align:center;background-color:#770044;border-bottom:4px solid #56002e;border-radius:10px;    text-decoration: none;}
#etihad .sec_tourlist .link_btn a:after {content:"";position:absolute;width:20px;height:20px;top:50%;right:15px;margin-top:-10px;
  background:url(../img/btn_arr_right_01.png) left top no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
#etihad .sec_tourlist .link_btn span {display:table-cell;vertical-align:middle;height:64px;padding:0 45px 0 15px;}
#etihad .tourcnt {border:3px solid #efefef; margin-bottom:10px;background:#fff;}
#etihad .tourcnt .box {background:#f0f0f0; padding:5px 10px; margin-bottom:10px;}
#etihad .tourcnt .box .tour_days ,
#etihad .tourcnt .box .tour_code {display:inline;}
#etihad .tourcnt .box .tour_days .txt1 {background:#aa5b75;color:#fff; font-size:10px; font-weight:bold; padding:2px 5px; border-radius:5px; margin-right:5px;}
#etihad .tourcnt .box .tour_days .txt2_1 {background:#56002e;color:#fff; font-size:10px; font-weight:bold; padding:2px 5px; margin-right:5px;}
#etihad .tourcnt .box .tour_days .txt2 {font-size:16px; font-weight:bold;}
#etihad .tourcnt .box .tour_code {font-size:10px;} 
#etihad .tourcnt .inner {width:90%; margin:0 auto;}
#etihad .tourcnt .inner .tour_title {margin-bottom:10px;}
#etihad .tourcnt .inner .tour_title a {color:#015fdf; font-weight:bold; font-size:12px; text-decoration:none;}
#etihad .tourcnt .inner .bord {margin-bottom:10px;}
#etihad .tourcnt .inner .bord .img {width:50%; float:left; margin:0 10px 10px 0;}
#etihad .tourcnt .inner .bord dl {margin-bottom:0;}
#etihad .tourcnt .inner .bord dl dt {margin-bottom:3px;}
#etihad .tourcnt .inner .bord dl dt span {display:inline-block;background:#56002e; font-size:10px; color:#fff; padding:2px 5px;}
#etihad .tourcnt .inner .bord dl dd {font-size:10px;}
#etihad .tourcnt .inner .tour_price .tour_price_head {background:#56002e; color:#fff; font-weight:bold; font-size:10px; padding:3px 5px;}
#etihad .tourcnt .inner .tour_price_cnt {padding:10px; border: solid 1px #aaa;border-top:0;}
#etihad .tourcnt .inner .price {color:#ff0000; font-weight:bold; line-height:1;}
#etihad .tourcnt .inner .price .price_max {font-size:18px;}
#etihad .tourcnt .inner .tour_price_cnt .txt {font-size:10px;}
#etihad .tourcnt .inner .tour_link {margin:10px auto 15px auto;width:190px;}
#etihad .tourcnt .inner .tour_link a {position:relative;display:block;height:40px;color:#000;font-size:13px;font-weight:bold;text-align:center;line-height:38px;text-decoration:none;
  border-radius:5px;background:#ffff00;border:1px solid #000;border-bottom:3px solid #000;padding-right:15px;}
#etihad .tourcnt .inner .tour_link a:after {display:block;content:"";width:15px;height:15px;position:absolute;top:50%;right:10px;margin-top:-7px;
	background:url(../img/btn_arr_right_02.png) top center no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;}
@media screen and (max-width:640px) {
  #etihad .sec_tourlist {padding:0 15px;}
  #etihad .sec_tourlist_title {font-size:18px;margin:0 -15px 15px -15px;}
  #etihad .sec_tourlist .link_btn {margin:20px 0 30px 0;}
  #etihad .sec_tourlist .link_btn a {font-size:16px;}
}
@media screen and (max-width:360px) {
	/*#etihad .tourcnt .inner .bord dl dt.hotel {float:left;width:50px;margin-top:5px;}
	#etihad .tourcnt .inner .bord dl dt.hotel span {display:block;width:50px;}
	#etihad .tourcnt .inner .bord dl dd.hotel {padding-left:55px;margin-top:5px;}*/
}