@charset "utf-8";

/************************************************
 * 新特集（スペイン）ページ用CSS
 ************************************************/

/* ------------------------------ */
/* コンテンツ */
/* ------------------------------ */
@media screen and (max-width: 767px){
	.container_inner_special2 { width:100%; margin:0 auto;}
}

/* ------------------------------ */
/* トップページ */
/* ------------------------------ */

#special_top { background:#fafafa;}
#special_top .container { background:#fff;}
.special_slide {}
.special_slide .topslide_area {background:#d8dc00; text-align:center; }

#special_contents {padding-bottom:50px;}
#special_contents p {margin-bottom:15px;}

/* キャッチ */
#top_catch_area {margin-top:0;} 
#top_catch_area .top_catch_left {width:570px;line-height:2;font-size:13px;float:left;}
#top_catch_area .top_catch_right {width:570px;display:inline-block;vertical-align: top;float:right;padding-right: 15px;} 
#top_catch_area .top_catch_left p {padding:20px; vertical-align:middle;} 

/* マップエリア */
#top_map_area {margin-top: 20px;}
#top_map_area .map_top_left {width:550px;height:805px;float:left;margin-left:20px;line-height:2;font-size:13px;background: url(../images/special2/top/top_map_ibiza.jpg) no-repeat center 130px;}
#top_map_area .map_top_right {width:550px;height:805px;float:right;margin-right:20px;line-height:2;font-size:13px;background: url(../images/special2/top/top_map_mollorca.jpg) no-repeat center 130px;}

/* 吹きだし */
.balloon_catch p {width:265px;display:inline-block;padding:0 8px;vertical-align:top;}
.balloon_catch img {display:inline-block;}

/* リンク */
.mapbox {position:relative;}
.map_1 {position:absolute;top:10px;left:120px;}
.map_2 {position:absolute;top:535px;left:340px;}
.map_3 {position:absolute;top:10px;left:25px;}
.map_4 {position:absolute;top:535px;left:30px;}
.map_5 {position:absolute;top:535px;left:280px;}

/* ボタン */
#special_contents .btn_03 {margin-top:15px;text-align:left;}
/*
#special_contents .btn_03 .btn {padding: 4px 18px; width:180px;border-radius: 5px;background: #d8dc00 url(../images/special/arrow_right.png) no-repeat 147px 18px;text-align:left;display:inline-block;
box-shadow: 0 3px 0 rgba(197,202,0,1);}
*/
/* ボタン青 20160406追加 */
#special_contents .btn_03 .btn {padding: 4px 18px; width:180px;border-radius: 5px;background: #143296 url(../images/special/arrow_right.png) no-repeat 147px 18px;text-align:left;display:inline-block;
box-shadow: 0 3px 0 rgba(15,36,105,1);}

/*#special_contents .btn_03 .btn a {*/
#special_contents .btn_03 .btn {
	color: #fff;font-weight: bold;font-size:19px;text-decoration: none;
}
#special_contents .btn_03 a {text-decoration: none;}	/* 2016.03.25追加 */
#special_contents .btn_03 span {display:block;font-size:12px;margin-top:3px;}

#special_contents .map_1 img, #special_contents .map_3 img {display:inline-block;vertical-align:top;}
#special_contents .map_1 .btn_03, #special_contents .map_3 .btn_03 {display:inline-block;margin-top:0;margin-left:15px;}


@media (max-width: 767px) {
	#special_contents .link_text a{text-decoration:none;text-align:center;padding:10px 0;width:50%;margin: 0 auto;margin-top: 5px;border:solid 1px #3366c8;display:inline-block;font-size:10px;float:left;}
	#special_contents p {/*margin:10px;*/margin-bottom:0;text-align:left;}/* 追加 */
	#top_catch_area {margin-top: 10px;line-height:2;}
	.sm_map{width:100%;}
	#top_catch_area img{margin: 0 auto;margin-top: 8px;}
	#top_catch_area .catch_img {width:100%;margin-top:10px;}

	.catch_name_area {width:100%;}
	.catch_name_area2 {width:100%;padding-bottom:5px;}
	.catch_name_area img,.catch_name_area2 img {width:49%;}

	.top_btn_area {text-align:center;margin-top:5px;width:100%;}
	.top_btn_area .btn_03{text-align:center;display:inline;}
	/*#special_contents .btn_03 .btn {width:49%;padding: 5px 0;text-align:center;background: #d8dc00 url(../images/special/arrow_right.png) no-repeat 95% center;height:auto;}*/
	/* ボタン青 20160406追加 */
	#special_contents .btn_03 .btn {width:49%;padding: 5px 0;text-align:center;background: #143296 url(../images/special/arrow_right.png) no-repeat 95% center;height:auto;}


	/*#special_contents .top_btn_area .btn_03 .btn a {*/
	#special_contents .top_btn_area .btn_03 .btn {
		font-size:13px;line-height:normal;
	}
	/*#special_contents .top_btn_area .btn_03 .btn a span {*/
	#special_contents .top_btn_area .btn_03 a span {
		font-size:10px;
	}

	/* 吹きだし */
	.balloon_catch {width:100%;margin-top:25px;}
	.balloon_catch p {width:100%;display:block;padding:0;line-height:1.8;}
	.balloon_catch img {width:100%;display:block;}
}

/* ------------------------------ */
/* トップスライダー */
/* ------------------------------ */

@media screen and (max-width: 767px){
	.special_slide {width:100%;}
	.special_slide img {width:100%;}
}

/* ------------------------------ */
/* 紹介コラム */
/* ------------------------------ */
/* 枠変更 */
.content_intro .intro_area {background: url("../images/special2/content_frame_bg.png");}

/* キャッチ色 */
.content_intro .intro_area .intro_catch {color:#fc5f28;}

/* キャッチ色 */
.intro_area h2 {color:#fc5f28;font-size:14px;font-weight:bold;margin:0 0 10px 0;line-height:2;padding:15px 10px 0 0;}

/* 写真下テキスト追加 */
.right_text {display:block;text-align: center;color:#000;font-size:12px;}

@media screen and (max-width: 767px){
	.content_intro .intro_area {background: url("../images/special2/content_frame_bg_sm.png");}
	.intro_area h2 {padding:15px 10px 0 10px;}
	.right_text {margin:10px;}
}

/* ------------------------------ */
/* ボタン  */
/* ------------------------------ */
/* ボタン影追加 */
/*.btn_02 .btn {box-shadow: 0 3px 0 rgba(197,202,0,1);background: #d8dc00 url(../images/special/arrow_right.png) no-repeat 98% 50%;}*/

/* ボタン青 20160406追加 */
.btn_02 .btn {box-shadow: 0 3px 0 rgba(15,36,105,1);background: #143296 url(../images/special/arrow_right.png) no-repeat 98% 50%;}

/* ------------------------------ */
/* ホテル */
/* ------------------------------ */
/* フォント修正 */
.content_hotel .hotel_en {font-family:'メイリオ',Meiryo,Arial,sans-serif,Verdana;color:#c8c8c8;}
.content_hotel .hotel_rank {display:inline-block;color:#fc5f27;margin:0 10px;font-size:20px;}
.content_hotel .hotel_icon .area_name{font-weight:bold;}

/* お客様の声　枠変更 */
.content_hotel .user_voice {width:790px; margin:0 0 10px 0;padding:10px;background: url("../images/special2/content_frame_bg.png");}
/* お客様の声　見出し色 */
.content_hotel .user_voice .user_voice_index {color:#fc5f28;}

@media screen and (max-width: 767px){
	.content_hotel .user_voice {width:100%; background: url("../images/special2/content_frame_bg_sm.png");}
	.content_hotel .user_voice .frame_titleimg {margin:10px;}
	.content_hotel .user_voice .frame_title_inner {text-align:left;background:none;}
}

/* ホテル名デザイン変更 （モバイル） */
@media screen and (max-width: 767px){
.hotel_area h2 {padding:8px 0;}
.hotel_area h2 span.h2_number {background: #d8dc00;width:10px;vertical-align: middle;margin-right:8px;height: 30px;border-radius:3px;}
.hotel_area h2 span.h2_number:after {display:none;}
.hotel_area h2 div {font-weight:bold;font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;width:90%;}
.content_hotel .hotel_en {margin-right:0;}
}

/* 仮 */
.content_hotel .hotel_icon {background: #d8dc00;}
.content_hotel .drop:after {background:#323232;}

/* ------------------------------ */
/* サイドメニュー（for PC） */
/* ------------------------------ */
/* 仮 */
.side_navlist ul li span.category {color:#fc5f27;}
.side_navlist ul li ul{border-bottom: 1px solid #e9ed71;}
.side_navlist ul li ul li:hover {background:#d8dc00;}
.side_navlist ul li ul li:hover:after {border-color: transparent transparent transparent #d8dc00;}
.side_navlist ul li.selected {background:#e9ed71;}
.side_navlist ul li.selected:after{border-color: transparent transparent transparent #e9ed71;}
.side_navlist .pagetop{background: #d8dc00 url(../images/special/side_pagetop_arrow.png) no-repeat 9px 5px;}

/* スペイン用フォント */
.font_02 {font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;font-size: 12px;top: 1px;}

/* ------------------------------ */
/* 特集名表示スペース（モバイル）*/
/* ------------------------------ */
/* 表示なし */
#page_titlebar {background:#fc5f27;}

/* ------------------------------ */
/* 観光スポット*/
/* ------------------------------ */
/* ナンバー　丸囲みデザイン変更（モバイル）*/
@media screen and (max-width: 767px){
.sightseeing_area h2 {background:#d8dc00; font-size: 13px; font-weight:bold;color:#000; border:0;padding:10px;font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
.sightseeing_area h2 div {margin-left:3px;}
.sightseeing_area h2 span.h2_number{background-color: #fff;color: #d8dc00;-moz-border-radius: 15.4px; -webkit-border-radius: 15.4px; -khtml-border-radius: 15.4px;border-radius: 15.4px; font-size: 13px;padding:7px;font-weight: bold;}
.sightseeing_area h2 span.h2_number:after{display:none;}
}


/* ------------------------------ */
/* 概要（モバイル) */ 
/* ------------------------------ */

@media screen and (max-width: 767px){
	#content_overview img {margin-top:0;} /* 20160331追加 */
}
/* ------------------------------ */
/* タイトル画像 */
/* ------------------------------ */

@media screen and (max-width: 767px){
	#content_header {margin-bottom:0;} /* 20160331追加 */
	#content_header img {width:100%;margin-top:0;}
}
/* ------------------------------ */
/* マップ画像（モバイル) */ /* 20160331追加 */
/* ------------------------------ */
.map_text {
    margin-top: 10px;
    padding-top: 2px;
    display: block;
    background: #cecece;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
}
/* ------------------------------ */
/* おすすめツアー*/
/* ------------------------------ */

.content_tour h2 {background:#d8dc00;}
.content_tour h3 {color:#fff; background:#d8dc00;}
.content_tour h3 div {border-left: 5px solid #fff;padding: 0 15px;}

/* 色変更 */
.search_label_area {background:#fc5f27;}
.search-list-area-right p.search-list-area-title a {color:#828282;}
.search-list-area-left .search-box-inner {border: 1px solid #fc5f27;}
.content_tour p.point {background:#fc5f27;}

/* ボタン */
/*.search-list-area .btn_03 .btn {background:#d8dc00;box-shadow: 0 3px 0 rgba(197,202,0,1);}*/
/* ボタン青 20160406追加 */
.search-list-area .btn_03 .btn {background:#143296;box-shadow: 0 3px 0 rgba(15,36,105,1);}

/* 発着地背景色*/
.search-list-area-left .search_label_destination {background:#143296;} /* 20160330修正 */