@charset "UTF-8";

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

File name:      common.css
Created:        2016-12-25
Style Info:     カルガリー特集 common　CSS
----------------------------------------------------------- */
#calgary {width:100%; color:#323232; background: url(../img/back_b_pattern.jpg) top center;}
#calgary p {font-size:13px;}

#calgary a {padding:0; color:#0046aa; text-decoration:underline;}
#calgary a:active,
#calgary a:focus {outline:none;}

#calgary .btn_ty_01:hover ,
#calgary a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#calgary ul,
#calgary ol,
#calgary li {list-style:none;margin:0;padding:0;}
#calgary .dis_sp {display:none;}

#calgary .contents {width:1140px; margin:0 auto; background: #fff;}
#calgary .container {width:1130px; margin:0 auto;}
#calgary .container_inner {width:1100px; margin:0 auto;}
#calgary .contents p {color:#323232;font-size:14px;line-height:1.8;}

#calgary h1 ,
#calgary h2 ,
#calgary h3 ,
#calgary h4 ,
#calgary h5 ,
#calgary h6 {margin:0;}

#calgary .fl {float:left; display:inline;}
#calgary .fr {float:right; display:inline;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#calgary .co_red {color: #770000; font-weight: bold;}

#calgary .mb_10 {margin-bottom:10px;}
#calgary .mb_15 {margin-bottom:15px;}
#calgary .mb_20 {margin-bottom:20px;}
#calgary .mb_25 {margin-bottom:25px;}
#calgary .mb_30 {margin-bottom:30px;}
#calgary .mb_35 {margin-bottom:35px;}
#calgary .mb_40 {margin-bottom:40px;}
#calgary .mb_45 {margin-bottom:45px;}
#calgary .mb_50 {margin-bottom:50px;}
#calgary .mb_55 {margin-bottom:55px;}
#calgary .mb_60 {margin-bottom:60px;}


#calgary .btn_ty_01 {background:#ffff00; margin:0 auto; border-radius:5px; border: solid 1px #000; box-shadow:0 3px 0 #000;}
#calgary .btn_ty_01.co_ore {background:#f57f31; box-shadow:0 3px 0 #f55f00;}
#calgary .btn_ty_01 a {width:100%; height:100%; display:block; text-align:center; position:relative; text-decoration:none;}
#calgary .btn_ty_01 a span {color:#000; font-size:18px; font-weight:bold; width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#calgary .btn_ty_01 a span:after {content:""; background:url(../img/arr_next.png) no-repeat; display:block; width:20px; height:20px; background-size:20px; position:absolute; top:50%; margin-top:-10px; right:15px;}
#calgary .btn_ty_01.down a span:after {content:""; background:url(../img/arr_down.png) no-repeat; display:block; width:20px; height:20px; background-size:20px; position:absolute; top:50%; margin-top:-10px; right:15px;}

#calgary .tit_01 {background: url(../img/h_bg.png) repeat-x; height: 50px; width: 100%; border-radius: 5px; padding: 0 20px; line-height: 50px; color: #fff; font-weight: bold; font-size: 22px;}
#calgary .tit_01 span:before {content: url(../img/icon_mei.png); margin-right: 20px; top: 8px; position: relative;}

#calgary .info_tour dt {width: 200px; background: #000; color: #ff0000; text-align: center;}
#calgary .info_tour dd {width: 900px; background: #eeeeee; padding-left: 30px;}
#calgary .info_tour dt ,
#calgary .info_tour dd {font-weight: bold; height: 55px; line-height: 55px; position: relative; font-size: 16px;}
#calgary .info_tour dd div {position: absolute; right: 30px; top: 5px; width: 200px; height: 40px;}
#calgary .info_tour dd div.btn_ty_01 a span {font-size: 15px;}

/* tour list
----------------------------------------*/

#calgary.sub .contents #bl_tour h2{margin-bottom:20px;}
#calgary .contents .tour_sec {margin-bottom:100px;}
#calgary.sub .contents .tour_sec {width:790px;}
#calgary .contents .tour_sec .tourlist  {margin-bottom:40px;}
#calgary .contents .tour_sec .more_btn {width: 700px; height: 70px;}

#calgary .contents .tourlist .tourcnt {margin-bottom:20px;}

#calgary .contents .tourlist_img {position:absolute;top:20px;left:50px;width:224px;padding-top:174px;background:url(../img/top/sec3_txt_01.png) center top no-repeat;}
#calgary .contents .tourlist_img img {width:100%;height:auto;}
#calgary .contents .tourlist_txt {overflow:hidden;margin-bottom:30px;}
#calgary .contents .tourlist_txt p {padding-left:300px;line-height:2;}
#calgary .contents .tourlist_txt p b {color:#b51d2e;font-weight:bold;}
#calgary .contents .tour_sec .map {float:left;width:270px;height:280px;padding:4px;border:1px solid #ecc3a4;background:#fff;line-height:1;font-size:0;}
#calgary .contents .tour_sec .map img {width:100%;height:auto;}
#calgary .contents .tourlist .title_02.tit_01 span {background-image:url(../img/tourlist1_tit.png);}
#calgary .contents .tourlist .title_02.tit_02 span {background-image:url(../img/tourlist2_tit.png);}
#calgary .contents .tourlist .title_02.tit_03 span {background-image:url(../img/tourlist3_tit.png);}
#calgary .tourcnt {position:relative;overflow:hidden;border:5px solid #f0f0f0;padding:15px;margin-top:10px;}
#calgary .tourcnt .tour_title {font-size:16px;font-weight:bold;line-height:1.4;margin:0 0 10px 0; border-bottom: solid 1px #aaaaaa;}
#calgary .tourcnt .tour_title a {color:#A0826E; text-decoration:none;}
#calgary .tourcnt .tour_title a:hover {text-decoration:underline;}
#calgary .tourcnt_left {float:left;width:168px;}
#calgary .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#calgary .tourcnt_left .img a {display:block;}
#calgary .tourcnt_left .img img {width:100%;}
#calgary .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#calgary .tourcnt_left .tour_days span {display:block;}
#calgary .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#aa0000;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;}
#calgary .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#calgary .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#000000;color:#fff;font-size:11px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#calgary .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#calgary .tourcnt_right {padding:0 0 50px 188px;}
#calgary .tourcnt_right .tour_info {overflow:hidden;}
#calgary .tourcnt_right dl {float:left;width:300px;overflow:hidden;margin:0;}
#calgary .tourcnt_right dt {clear:left;float:left;background:#000000;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#calgary .tourcnt_right dd {font-size:11px;line-height:1.4;padding:3px 0 0 70px;margin-top:5px;}
#calgary .tourcnt_right dt:first-of-type,
#calgary .tourcnt_right dd:first-of-type {margin-top:0;}
#calgary .tourcnt_right .tour_price {float:right;width:250px;}
#calgary .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:11px;line-height:20px;padding:0 10px;font-weight:bold;background:#000000;}
#calgary .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#calgary .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#calgary .tourcnt_right .tour_price .price span {display:inline-block;}
#calgary .tourcnt_right .tour_price .price_max {font-size:20px;}
#calgary .tourcnt_right .tour_price .price_min {font-size:12px;margin:8px 0 0 5px;}
#calgary .tourcnt_right .tour_price .txt {font-size:10px;}
#calgary .tourcnt_right .tour_link {position:absolute;bottom:15px;right:15px;width:190px; height: 35px;}
#calgary .tourcnt_right .tour_link a span {font-size: 15px;}
/*#calgary .tourcnt_right .tour_link a {position:relative;display:block;height:30px;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:30px; text-decoration:none;
  border-radius: 15px;
	box-shadow:#00a6e0 0px 3px 0px;
	background:#00b9f0; 
		}
#calgary .tourcnt_right .tour_link a:after {display:block;content:"";width:12px;height:12px;position:absolute;top:50%;right:10px;margin-top:-6px;background: url(../img/arr_right.png) top center no-repeat; background-size:12px;}
*/


#calgary .other_tour   {text-align:center; width:100%;}
#calgary .other_tour a {color:#283282; font-size:18px; text-decoration:underline; font-weight:bold;}


/* breadcrumb 背景グリーン 汎用 */
@media (min-width: 767px) {
.hd_breadcrumb {padding-bottom: 0px !important; width:1140px;margin:0 auto 0 auto;}
}
@media (max-width: 767px) {
.hd_breadcrumb {background:#008744;color:#fff;padding:5px;overflow:hidden;}
.hd_breadcrumb .h1crumb {color:#fff;padding:0;margin:0;}
.hd_breadcrumb .breadcrumb {margin-top:5px;padding:5px;font-size:11px;line-height:1.6;}
.hd_breadcrumb .breadcrumb .h2_bread_crumb {font-size:11px;font-weight:normal;}
}