@charset "utf-8";

@import "areamap_common.css";
@import "../../css/common.css";

/* float:left;display:inline; */
#guidemap,#areamap_guide {float:left;display:inline;}

/* left 季節MAP */
#guidemap {width:490px;overflow:hidden;}
#guidemap_title {
	width:475px;
	position:relative;
	overflow:hidden;
	background:#FFF url(../../../images/common/guidemap_title_bc.gif) repeat-y left top;
	background-image: url(../../../images/common/guidemap_title_bc.gif);
}
#guidemap_title h1,.guidemap_title_top {font-size:small;width:475px;height:20px;overflow:hidden;padding:0;margin:0;}
.guidemap_title_top {position:absolute;left:0px;top:0px;background:#FFF url(../../../images/common/guidemap_title_bc_top.gif) no-repeat left top;}
.guidemap_subtitle {color:#C61A22;padding-left:20px;}
.guidemap_subtitle img {margin-bottom:5px;display:block;}

#guidemap_map {padding:10px 0 0 0;}
#guidemap_map img {display:block;}

#guidemap_map_button {clear:both;background:#FFF url(../../../images/common/guidemap_map_button.gif) no-repeat left top;width:475px;height:45px;position:relative;z-index:1;top:-45px;text-indent:-8000px;overflow:hidden;}
#guidemap_map_button_in {padding-left:145px;}
#guidemap_map_button a,.guide_map_pdf a {display:block;width:72px;height:40px;float:left;text-indent:-8000px;}
.guide_map_pdf {position:relative; z-index:2;width:145px;height:45px;}
/* left */
#areamap_guide_l {width:475px;}
/* right */
#areamap_guide {width:460px;}

.areamap_guide2 {width:470px;}
#areamap_guide hr {border-bottom:1px dotted #000;}
.two_column {background:#FFF url(../../../images/common/vertical_dot.gif) repeat-y center top;}
.guide_two_col_left {width:220px;margin-right:20px;}
.guide_two_col_right {width:220px;}
.guide_two_col_left2 {width:220px;margin-right:35px;}
.guide_two_col_right2 {width:220px;}
.guide_two_col_left3 {width:220px;margin-right:10px;}

/* areamap おすすめMAP */
#areamap {clear:both;padding:0 0 20px 0;}
.areamap_img {width:480px;float:left;display:inline;}
.areamap_sub_r  {
	width: 470px;
	float: left;
	display: inline;
	font-size: 12px;
}
.areamap_sub01,.areamap_sub02,.areamap_sub04,.areamap_sub05  {width:220px;float:left;display:inline;margin-left:15px;}
.areamap_sub01 a,.areamap_sub02 a,.areamap_sub04 a {color:#114FA0;display:block;font-size:14px;line-height:1.5;}
.areamap_sub01 a:after,.areamap_sub02 a:after {content:"マップを見る";}
.areamap_sub01 a:before,.areamap_sub02 a:before {content:">> ";}
.areamap_sub03 {clear:both;padding:15px 0 15px 15px;}
.areamap_sub04 a:before {content:">> ";}
.areamap_sub06 {/*親div*/
  position: relative;
  }
.areamap_sub06 p {
	position: absolute;
	color: white;/*文字は白に*/
	font-weight: bold; /*太字に*/
	font-size: 1.5em;/*サイズ2倍*/
	font-family : Quicksand, sans-serif;/*Google Font*/
	top: 0px;
	left: 0px;
  }
.areamap_sub06e img {
  width: 100%;
  }
.areamap_sub07 {width:470px;float:left;display:inline;}  
#center{text-align:center;}

#wrap #content .clearfix #areamap_guide strong em {
	font-size: 14px;
}
/*font*/
#大きい文字 {
	font-size: 16px;
	font-weight: bold;
	color: #0066FF;
}
#大きい文字14 {
	font-size: 14px;
	font-weight: bold;
	color: #0066FF;
}
#大きい文字02 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
#wrap #content .clearfix #areamap_guide strong em {
	font-size: 14px;
}
#大きい文字03 {
	font-size: 14px;
	font-weight: bold;
	color: #48B;
}
#大きい文字03_1 {
	font-size: 14px;
	font-weight: bold;
	color: #682;
}
#大きい文字03_2 {
	font-size: 14px;
	font-weight: bold;
	color: #388;
}
#大きい文字03_3 {
	font-size: 13.5px;
	font-weight: bold;
	color: #48B;

}
#大きい文字04 {
	font-size: 13px;
	font-weight: bold;
	color:#46D;
}
#大きい文字18 {
	font-size: 18px;
	font-weight: bold;
	color: #0066FF;
}
#大きい文字2 {
	font-size: 14px;
	font-weight: bold;
	color: #41AC00;
.under {
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}
#hyoko {
    font-size: 14px;
	
}
/*#areamap_guide p {
	font-size: 14px;
	line-height:1.4em
}*/
.small1 {
	font-size: 80%;	
}
#small2 {
	font-size: 0.8em;	
}


/*img揃え*/
.imgcenter{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
img#center{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
#box {

    vertical-align: bottom;
    text-align: center;
}
.imgpad {padding:5px 5px 3px 0;}
figcaption {
	font-size: 0.9em;        /* 文字サイズを90%に */
	text-align: center;      /* 中身をセンタリング */
	color: #000000;
}

/* --YouTubeサイズ調整-- */
.youtube {
	width: 70%; /* 横幅変更 */
	padding: 5px;
	box-sizing: border-box;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;!important;
	height: 100%;!important;
}
h8 {
	font-size: 15px;
	color: #505050;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	line-height: 1.2;/*行高*/
	background: #dbebf8;/*背景色*/
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}
h8:before {
	content: '●';
	color: white;
	margin-right: 8px;
}
.box13 {
    padding: 0.6em 1em;
    margin: 1.5em 0em;
    color: #FFF;
    background: #114FA0;
   
  
    border-radius: 10px;
}
.box13 p {
    margin: 0em 0.5em;
    padding: 0;
	 font-weight:700;
   font-size:21px; 
   font-family: sans-serif;
}
@media screen and (max-width: 460px) {
  .lum-lightbox-inner img {
    max-width: 160vw !important;  /* 軽くスワイプで左端から右端まで動かせる量 */
    max-height: 85vh !important;  /* 上下に適度に余白 */
  }
}

a.luminous{
  cursor: zoom-in;
}