@charset "UTF-8";

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

File name:      top.css
Created:        2016-12-11
Style Info:     スキー特集 SUB pages　CSS
----------------------------------------------------------- */

/* sub pages common
----------------------------------------*/

#calgary.sub .page_header {background:#770000; color: #fff; padding: 10px;}
#calgary.sub .page_header li {float: left;}
#calgary.sub .page_header li ,
#calgary.sub .page_header li a {color: #fff; text-decoration: none; font-size: 12px;}
#calgary.sub .page_header li a:after {content:"\00ff1e"; margin: 0 5px;}

.page_header_btn {padding: 3px 10px; background: #ffffff; color: #770000; font-weight: bold; border-radius: 5px;}

#calgary.sub .page_tit  {margin-bottom: 40px;}
#calgary.sub .page_tit h1 {margin-bottom:30px;}
#calgary.sub .page_menu {display: none;}





#calgary.sub .btn_open ,
#calgary.sub .btn_close {background: #c1ebfd; text-align: center; padding: 5px; color: #003f96; font-weight: bold;}





#calgary.sub .bl_header h2 {margin-bottom: 10px;}
#calgary.sub .bl_header {margin-bottom: 30px;}
#calgary.sub .bl_header p {padding: 0 15px;}

#calgary.sub .bl_content {margin-bottom: 40px;}
#calgary.sub .bl_content h3 {margin-bottom: 30px;}
#calgary.sub .bl_content img {margin-bottom: 20px;}
#calgary.sub .bl_content .note {padding: 0 15px;}
#calgary.sub .bl_content .note h4 {color: #770000; font-weight: bold; font-size: 15px; margin-bottom: 20px;}

#calgary.sub .bl_content .note .bord_01 {background: #eeeeee; padding: 10px 10px 40px; margin: 30px 0;}
#calgary.sub .bl_content .note .bord_01 p {font-size: 12px;}
#calgary.sub .bl_content .note .bord_01 a {color: #A0826E;}
#calgary.sub .bl_content .note .bord_01.com {position: relative; padding: 0;}
#calgary.sub .bl_content .note .bord_01.com p {color:#aa0000; font-weight: bold; width: 70%; font-size: 13px; padding: 20px 10px;}
#calgary.sub .bl_content .note .bord_01.com .img_01 { width:30%; max-width: 100px; position: absolute; bottom: 0; right:0;}
#calgary.sub .bl_content .note .bord_01.com .img_01 img {margin: 0;}

#calgary.sub .bl_video {padding: 20px 20px 0;}
#calgary.sub .bl_video img {margin-bottom:0;}

#calgary.sub .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#calgary.sub .video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}