@charset "UTF-8";

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

File name:      common.css
Created:        2016-11-30
Style Info:     スキー特集 common　CSS
----------------------------------------------------------- */
#calgary {max-width:640px; width: 100%; margin: 0 auto;}
#calgary .for_sp {display: none;}
@media screen and (max-width:480px) {
#calgary .for_sp {display: block;}
}


#calgary .container  {padding: 0 15px; max-width:640px; width: 100%;}

#calgary p { color: #505050; font-size:13px; line-height: 180%; }
#calgary img {width: 100%;}
#calgary a {padding:0; color:#a0826e; text-decoration:underline;}
#calgary a:active,
#calgary a:focus {outline:none;}

#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 strong {font-weight:normal;}
#calgary .co_red {color:#ff0000;}
#calgary .co_pink {color:#ec1e79;}
#calgary .fo_w {font-weight: bold;}

#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 .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 .tit_01 {background: url(../img/h_bg.png) repeat-x; background-size: 16px; height: 70px; width: 100%; line-height: 50px; color: #fff; font-weight: bold; font-size:18px; position: relative; margin-bottom: 40px; }
#calgary .tit_01 span {background: url(../img/icon_mei.png) no-repeat center left; background-size: 25px; margin: 0 5px 0 15px; line-height: 120%; width: 100%; padding-left: 30px; display: block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

#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.bg_red {background:#aa0000; border: none; box-shadow:0 3px 0 #770000;}
#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:16px; font-weight:bold; width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding-right: 30px; }
#calgary .btn_ty_01.bg_red a span {color: #fff;}
#calgary .btn_ty_01 a span:after {content:""; background:url(../img/arr_next_b.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_b.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.bg_red a span:after {content:""; background:url(../img/arr_next_w.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.bg_red.down a span:after {content:""; background:url(../img/arr_down_w.png) no-repeat; display:block; width:20px; height:20px; background-size:20px; position:absolute; top:50%; margin-top:-10px; right:15px;}

#calgary .btn_ty_02 {background:#aa0000; margin:0 auto; border-radius:5px; border: solid 1px #000;}
#calgary .btn_ty_02 a {width:100%; height:100%; display:block; text-align:center; position:relative; text-decoration:none;}
#calgary .btn_ty_02 a span {color:#fff; font-size:16px; font-weight:bold; width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); 
}#calgary .btn_ty_02 a span:after {content:""; background:url(../img/arr_next_w.png) no-repeat; display:block; width:20px; height:20px; background-size:20px; position:absolute; top:50%; margin-top:-10px; right:15px;}



#calgary .btn_s {width: 60%; min-width: 240px; height: 50px;}
#calgary .btn_l {width: 100%; height: 70px;}

#calgary .bl_order {background: #eeeeee; margin-bottom:10px; text-align: center; padding-bottom: 30px; margin-bottom: 40px;}
#calgary .bl_order aside {margin-bottom: 10px;}
#calgary .bl_order .note {background: url(../img/order_haya.png) no-repeat; background-size: 40px; padding-left:50px; text-align: left; margin-top: 20px;}


#calgary .bl_rec {background: #eeeeee; padding: 20px 0; text-align: center; margin-bottom: 30px; width: 100%;}
#calgary .bl_rec h2 {color: #ff0000; font-size:13px; font-weight: bold;}
#calgary .bl_rec p {font-weight: bold; margin-bottom: 10px;}

#calgary .bl_sp {background: #000; padding-bottom: 50px; margin-bottom: 80px;}
#calgary .bl_sp .container p {margin-bottom: 20px; color: #fff;}
#calgary .bl_sp .container img {margin-bottom: 20px;}

#calgary .bl_bnner    {margin-bottom: 40px;}
#calgary .bl_bnner .container {width: 70%; padding: 0; min-width: 250px;}
#calgary .bl_bnner li {margin-bottom: 20px;}



#calgary .bottom_navi .navi_area {overflow:hidden;margin:15px 0;height:60px;background:#f5f5f5;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:0 5px;}
#calgary .bottom_navi a {color:#000;display:block;height:60px; text-decoration: none;}
#calgary .bottom_navi .txt1 {font-weight:bold;display:block;line-height:60px;}
#calgary .bottom_navi .box_back {float:left;width:25%; color: #dfdfdf;}
#calgary .bottom_navi .box_next {float:left;width:75%; color: #dfdfdf;}
#calgary .bottom_navi .box_back a {text-align:right;padding-right:10px;background:url(../img/navi_arrow_left.png) no-repeat left center; background-size: 25px;}
#calgary .bottom_navi .box_back {text-align:right;padding-right:10px;background:url(../img/navi_arrow_left_off.png) no-repeat left center; background-size: 25px;}
#calgary .bottom_navi .box_next a {background:url(../img/navi_arrow_right.png) no-repeat right center;border-left:1px solid #eeeeee; background-size: 25px;}
#calgary .bottom_navi .box_next {background:url(../img/navi_arrow_right_off.png) no-repeat right center;border-left:1px solid #eeeeee; background-size: 25px;}
#calgary .bottom_navi .box_next .txt1 {display:table-cell;padding:0 10px;}
#calgary .bottom_navi .box_next .txt2 {height:60px;vertical-align:middle;display:table-cell;line-height:1.3;padding-right:10px;color: #505050; font-size: 12px;}
#calgary .bottom_navi .box_next .txt2 small {font-size:10px;display:block;}

#calgary .icon_img {padding: 0 15px; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
#calgary .icon_img img {width:30px; vertical-align: middle; margin-right: 10px;}

#calgary .bottom_menu    {margin-bottom: 0px;}
#calgary ul.menu  ,
#calgary ul.menu {background: #f3e5d8; border-top: solid 1px #cfb198;}
#calgary ul.menu  li {width: 100%; border-bottom: solid 1px #cfb198;}
#calgary ul.menu  li a {display: block; width: 100%; height: 100%; position: relative; text-decoration: none;}
#calgary ul.menu  li a span {margin:10px 30px 10px 20px; display: block; color: #505050;}
#calgary ul.menu  li a span:after {content:""; background: url(../img/arr_01.png) no-repeat; background-size:7px; width: 7px; height: 10px;  position: absolute; right: 15px; top: 50%; margin-top: -5px;}


#calgary .bl_entry_inner {background:#ffefe5; padding-bottom:40px;}
#calgary .bl_entry_inner p {font-size: 10px; text-align: center;}

#calgary .bl_entry_inner .note {margin-top: 10px; background:url(../img/icon_haya.png) no-repeat; background-size:45px;  padding-left:50px; min-height: 50px; }
#calgary .bl_entry_inner .note p {text-align: left; font-size: 12px;}

/* tour list
----------------------------------------*/
#calgary #bl_tour h2 {margin-bottom: 20px;}
#calgary .tour_sec {margin-bottom: 40px;}
#calgary .tourlist {margin-bottom:40px;}
#calgary .tourcnt {border:solid 2px #e6e6e6; margin-bottom:10px; padding-bottom: 20px;}
#calgary .tourcnt .box {background:#f0f0f0; padding:5px 10px; margin-bottom:10px;}
#calgary .tourcnt .box .tour_days ,
#calgary .tourcnt .box .tour_code {display:inline;}

#calgary .tourcnt .box .tour_days .txt1 {background:#aa0000; color:#fff; font-size:10px; font-weight:bold; padding:2px 5px; border-radius:5px; margin-right:5px;}
#calgary .tourcnt .box .tour_days .txt2_1 {background:#323232; color:#fff; font-size:10px; font-weight:bold; padding:2px 5px; margin-right:5px;}
#calgary .tourcnt .box .tour_days .txt2 {font-size:16px; font-weight:bold;}
#calgary .tourcnt .box .tour_code {font-size:10px;} 

#calgary .tourcnt .inner {width:90%; margin:0 auto;}
#calgary .tourcnt .inner .tour_title {margin-bottom:10px;}
#calgary .tourcnt .inner .tour_title a {color:#a0826e; font-weight:bold; font-size:12px; text-decoration:none;}
#calgary .tourcnt .inner .bord {margin-bottom:10px;}
#calgary .tourcnt .inner .bord .img {width:50%; float:left; margin:0 10px 10px 0;}
#calgary .tourcnt .inner .bord dl {margin-bottom:0;}

#calgary .tourcnt .inner .bord dl dt span {background:#323232; font-size:10px; color:#fff; padding:0 5px;}
#calgary .tourcnt .inner .bord dl dd {font-size:10px;}
#calgary .tourcnt .inner .tour_price  {margin-bottom:20px;}
#calgary .tourcnt .inner .tour_price .tour_price_head {background:#323232; color:#fff; font-weight:bold; font-size:10px; padding:3px 5px;}
#calgary .tourcnt .inner .tour_price_cnt {padding:10px; border: solid 1px #323232;}
#calgary .tourcnt .inner .price {color:#ff0000; font-weight:bold; line-height:1;}
#calgary .tourcnt .inner .price .price_max {font-size:18px;}
#calgary .tourcnt .inner .tour_price_cnt .txt {font-size:10px;}


/* 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;}
}