@charset "UTF-8";

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

File name:      top.css
Created:        2016-12-25
Style Info:     カルガリー特集 TOP page　CSS
----------------------------------------------------------- */



#calgary .visual {width: 1140px; height: 641px; position: relative; margin-bottom: 30px;}
#calgary .visual p {position: absolute; top:510px; width: 100%; text-align: center;}

#calgary .bl_01 {margin-bottom: 45px;}
#calgary .bl_01 h2 {margin-bottom: 40px;}
#calgary .bl_01 ul li {float: left; display: inline; position: relative; width:550px; height: 588px; }
#calgary .bl_01 ul li img ,
#calgary .bl_01 ul li p  {position: absolute;}
#calgary .bl_01 ul li.li_01 p {top: 165px; left: 280px; width: 260px;}
#calgary .bl_01 ul li.li_02 p {top: 330px; left: 30px; width: 200px;}
#calgary .bl_01 ul li.li_03 p {top: 215px; left: 280px; width: 260px;}
#calgary .bl_01 ul li.li_04 p {top: 250px; left: 30px; width: 380px;}

#calgary .bl_02 {margin-bottom: 55px;}
#calgary .bl_02 h2 {margin-bottom: 40px;}
#calgary .bl_02 .box {width:536px; text-align: center;}
#calgary .bl_02 .box img {margin-bottom: 15px;}


#calgary .top_sp {width: 100%; background: #000; padding: 20px 20px 10px 0;}


#calgary .top_sp {margin-bottom: 50px;}
#calgary .top_sp .img_01 {width: 510px;}
#calgary .top_sp p  {width: 340px; color: #fff;}
#calgary .top_sp .img_02  {width: 200px;}
#calgary .top_sp .img_02 img {margin-bottom: 10px;}
#calgary .top_sp .img_02 .btn_ty_01 {width: 200px; height:35px; }
#calgary .top_sp .img_02 .btn_ty_01 a span {font-size: 15px;}



#calgary #top_bl_tour h2 {margin-bottom: 20px;}
#calgary .bl_order {width: 100%; background: #eeeeee; padding: 20px 60px 25px 40px;} 
#calgary .bl_order .fl {width: 550px;}
#calgary .bl_order .fl .order_tel {float: left;}
#calgary .bl_order .fl aside {font-size: 12px; margin-top: 30px;}
#calgary .bl_order .fr {width: 370px;}
#calgary .bl_order .fr .note {background: url(../img/top/top_order_haya.png) top left no-repeat; padding-left: 60px; margin-top: 20px;}
#calgary .bl_order p {font-size: 12px;}

#calgary .top_bana {margin-bottom: 70px;}
#calgary .top_bana h2 {margin-bottom: 30px;}
#calgary .top_bana ul li {width: 320px; float:left; margin:0 23px;}
#calgary .top_bana ul li img {margin-bottom: 10px;}