@charset "shift-jis";
/* xxxxxx ヘッダー【共通】 xxxxxxxxxxxx */
	
	/* エアメール風ライン */
	#body_inr {			
/*
		background: url(/images/common/line_top.png) repeat-x left top;
*/
	}
	
	/* ロゴ */
	#logo {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(/images/common/imgs.png) no-repeat 0 -90px;
		width: 180px;
		height: 100px;
		display: block;
	}
	
	#date {
		color: #3e6176;
		font-weight: bold;
		text-align:center;
		display:block;
	}
	
/* xxxxxx ↓イチオシ旅 xxxxxxxxxxxx */

	#rmdtour_dom {
		width:100%;
		position:relative;
		padding-bottom: 15px;
		border-bottom: 1px dashed #999;
	}
	#rmdtour_abr {
		width:100%;
		position:relative;
		margin-top: 15px;
	}
	
	#rmdtour_area .pho_prt,#script .pho_prt {
		width: 240px;
		float: left;
	}
	
	#rmdtour_area .pho_mod,#script .pho_mod {
		width: 240px;
		height:160px;
		position:relative;
	}
	
	.rmdtour_ribon{
		position:absolute;
		top:-2px;
		left:-2px;
		z-index:20;
	}
	
	.rmdtour_att{
		position:absolute;
		bottom:0;
		right:0;
		z-index:30;
		background:#666;
		filter:alpha(opacity=70);
		opacity:0.70;
	}
	.rmdtour_att_txt{
		color:#fff;
		font-size:83%;
		padding:3px;
	}
	
	#rmdtour_area .txt_prt, #tool .txt_prt {
		margin: 0 0 0 260px;
	}

	#rmdtour_area .item_ttl, #tool .itm_ttl, #script .itm_ttl{
		display: block;
		line-height: 1.3;
		font-size: 150%;
	}
	
	#rmdtour_area .price_mod, #tool .price_mod, #script .price_mod{
		font-weight:bold;
		line-height: 1.5;
		font-size: 165%;
	}
	#rmdtour_area .company_mod, #tool .company_mod, #script .company_mod {
		font-size: 100%;
		display:inline-block;
	}

	.wc, .himym{ margin-bottom:20px; }
	
	/* イチオシ旅 スタッフコメント */
	#rmdtour_area .cap_prt, #tool .cap_prt, #script .cap_prt {
		border-radius: 5px; -webkit-border-radius: 5px;
		padding:10px;
		margin-top:5px;
	}
		.wc .cap_prt {
			background: url(/images/common/bg_dom.png) repeat;
		}
		.himym .cap_prt {
			background: url(/images/common/bg_abr.png) repeat;
		}
		#tool .cap_img {
		}
		
	#rmdtour_area .cap_ttl, #tool .cap_ttl, #script .cap_ttl {
		padding:5px;
		font-size:109%;
		margin-bottom:10px;
		font-weight:bold;
		color:#777;
		line-height:1.2;
	}
		.wc .cap_ttl {
			background: #cddeef;
		}
		.himym .cap_ttl {
			background: #cce198;
		}

	
	#rmdtour_dom .cap_img{
		background: url(/images/common/imgs.png) no-repeat right -400px;
		margin-right:10px;
		min-height:65px;
	}
	
	#rmdtour_abr .cap_img{
		background: url(/images/common/imgs.png) no-repeat right -200px;
		margin-right:10px;
		min-height:65px;
	}
	
	#rmdtour_area .cap_txt, #tool .cap_txt{
		font-size:100%;
		line-height:1.5;
		margin-bottom:5px;
	}

	#script .cap_txt {
		font-size:120%;
		line-height:1.7;
		margin-bottom:8px;
	}
	#script .cap_txt_j {
		font-size:120%;
		line-height:1.7;
		margin-bottom:20px;
		padding-left:10px;
		background-color:lightyellow;
	}
	#script .cap_photo 
	{
		float:right;
	}

	

	/* イチオシ旅:キーワードtable 【共通】 */
	#rmdtour_dom .key_tbl{
		background-color:#ebf1f7;
	}
	#rmdtour_abr .key_tbl{
		background-color:#ecf6da;
	}
	
	.key_tbl{
		border-spacing:0;
		border:none;
		border-radius: 5px; -webkit-border-radius: 5px;
		width:240px;
		margin-top:4px;
		font-size:84%;
	}
	.key_td{
		background: url(/images/common/key_icons.png) no-repeat;
		width:52px;
		padding:4px 0 4px 24px;
		vertical-align:middle;
		height:20px;
	}
		/* イチオシ旅:キーワードtable アイコン 国内【共通】*/
		#rmdtour_dom .ico_star{
			background-position: -98px 3px;
		}
		#rmdtour_dom .ico_exc{
			background-position: -98px -32px;
		}
		#rmdtour_dom .ico_en{
			background-position: -98px -67px;
		}
		#rmdtour_dom .ico_flag{
			background-position: -98px -102px;
		}
		#rmdtour_dom .ico_plane{
			background-position: -98px -137px;
		}
		#rmdtour_dom .ico_smile{
			background-position: -98px -172px;
		}
		#rmdtour_dom .ico_camera{
			background-position: -98px -207px;
		}
		#rmdtour_dom .ico_kira{
			background-position: -98px -242px;
		}
		#rmdtour_dom .ico_gourmet{
			background-position: -98px -277px;
		}
		#rmdtour_dom .ico_flower{
			background-position: -98px -312px;
		}
		#rmdtour_dom .ico_bag{
			background-position: -98px -347px;
		}
		
		/* イチオシ旅:キーワードtable アイコン 海外【共通】*/
		#rmdtour_abr .ico_star{
			background-position: 2px 3px;
		}
		#rmdtour_abr .ico_exc{
			background-position: 2px -32px;
		}
		#rmdtour_abr .ico_en{
			background-position: 2px -67px;
		}
		#rmdtour_abr .ico_flag{
			background-position: 2px -102px;
		}
		#rmdtour_abr .ico_plane{
			background-position: 2px -137px;
		}
		#rmdtour_abr .ico_smile{
			background-position: 2px -172px;
		}
		#rmdtour_abr .ico_camera{
			background-position: 2px -207px;
		}
		#rmdtour_abr .ico_kira{
			background-position: 2px -242px;
		}
		#rmdtour_abr .ico_gourmet{
			background-position: 2px -277px;
		}
		#rmdtour_abr .ico_flower{
			background-position: 2px -312px;
		}
		#rmdtour_abr .ico_bag{
			background-position: 2px -347px;
		}
	
		
		
/* xxxxxx ランキング xxxxxxxxxxxx */
	
	/* ランキングレイアウト */	
	#ranking_dom , #ranking_abr{
		float:right;
		width:45%;
		position:relative;
	}
	
	#ranking_abr{
		margin-left:9.5%;
	}
	
	/* ランキング国内・海外タイトル */
	#ranking_dom .ttl_prt , #ranking_abr .ttl_prt{
		color:#fff;
		text-align:center;
		height:24px;
		font-size:134%;
		margin:0 0 16px 10px;
	}
	#ranking_dom .ttl_prt{
		background: url(/images/common/bg_ribon_dom.png) no-repeat right top;
	}
	#ranking_abr .ttl_prt{
		background: url(/images/common/bg_ribon_abr.png) no-repeat right top;
	}
	#ranking_dom .ttl_mod , #ranking_abr .ttl_mod{
		display:block;
		margin:0 10px 0 -10px;
		height:20px;
		padding-top:4px;
	}
	#ranking_dom .ttl_mod{
		background: url(/images/common/bg_ribon_dom.png) no-repeat left top;
	}
	#ranking_abr .ttl_mod{
		background: url(/images/common/bg_ribon_abr.png) no-repeat left top;
	}
	
	/* ランキングスタイル */
	
	#rank-dom .dep_place{		/* 発地の色(国内) */
		background:#4289d3;
		color:#fff;
	}
	
	#rank-abr .dep_place{		/* 発地の色(海外) */
		background:#7db719;
		color:#fff;
	}
	#rank-dom .cap_mod{		/* 発地の色(国内) */
		background-color: #E1E7ED;
		line-height:200%;
	}
	
	#rank-abr .cap_mod{		/* 発地の色(海外) */
		background-color: #ECF6DA;
		line-height:200%;
	}
	
	/* ↓順位 */
	#rank-dom .rank{
		display:none;
	}
	
	.rank{
		position:absolute;
		right:103%;
		padding-top:20px;
		color:#3e6176;
		text-align:center;
	}
	
	.rank .num{
		font-size:184%;
	}
	
	.no10 .num{
		font-size:150%;
	}
	
	.no1{
		background:url(/images/common/icons.png) no-repeat 50% -1056px;
		width: 50px;
		height: 50px;
	}
	.no2{
		background:url(/images/common/icons.png) no-repeat 50% -1134px;
		width: 50px;
		height: 46px;
	}
	.no3{
		background:url(/images/common/icons.png) no-repeat 50% -1212px;
		width: 50px;
		height: 42px;
	}
	.ltno4 .rank{
		background:url(/images/common/icons.png) no-repeat 50% -1290px;
		width: 50px;
		height: 39px;
	}
	/* ↑順位 */
	
	
	/* ↓TOP3 */
	.top3{
		display:block;
		border-bottom: 1px dashed #999;
		margin-top:10px;
	}
	
	.top3 .mat-inf{
		position:relative;
		display:block;
	}
	
	.top3 .pho_mod{
		display:block;
		position:absolute;
		top:0;
		right:0;
	}
	
	.top3 .pho_txt{
		display:block;
		font-size:83%;
		color:#888;
		position:absolute;
		top:62px;
		right:0;
	}
	
	.top3 .mat-name{
		color:#006699;
		display:block;
		padding-right:65px;
		font-size:117%;
		line-height:1.3;
		height:56px;
	}

	.top3 .dep_place{		/* 発地の高さ トップ3 */
		height:16px;
		display: inline-block;
		margin-right:3px;
		padding:0 4px;
	}
	
	.top3 .mat-price{
		display:block;
		font-size:134%;
		line-height:1.2;
		font-weight:bold;
		color:#d44444;
		height:20px;
	}
	.top3 .cap_prt{
		display:block;
		border-radius: 5px; -webkit-border-radius: 5px;
		padding:4px 5px;
	}
	
	#rank-dom .top3 .cap_prt{
		background: url(/images/common/bg_dom.png) repeat;
	}
	
	#rank-abr .top3 .cap_prt{
		background: url(/images/common/bg_abr.png) repeat;
	}
	
	.top3 .cap_mod{
		display:block;
		padding:10px;
		color:#646464;
		line-height:1.3;
	}
	
	.top3 .company{
		display:block;
		position:absolute;
		top:114px;
		right:0;
		font-size:83%;
		color:#7c7c7c;
		line-height:1.5;
	}
	/* ↑TOP3 */
	
	
	/* ↓under4 */
	.ltno4{
		display:block;
		border-bottom: 1px dashed #999;
		margin-top:8px;
		margin-bottom:45px;
	}
	
	.ltno4 .mat-inf{
		position:relative;
		display:block;
	}
	
	.ltno4 .mat-name{
		color:#006699;
		display:block;
		font-size:100%;
		line-height:1.4;
		height:240px;
	}
	
	.ltno4 .dep_place{		/* 発地の高さ 4位以下 */
		height:15px;
		display: inline-block;
		margin-right:2px;
		padding:0 4px;
	}
	
	.ltno4 .mat-price{
		display:block;
		font-size:134%;
		font-weight:bold;
		color:#d44444;
	}
	
	.ltno4 .mat-inf .company{
		display:block;
		position:absolute;
		top:54px;
		right:0;
		font-size:83%;
		color:#7c7c7c;
	}
	/* ↑under4 */
	
	/* ↓もっと見るボタン */
	.rank_btn{
		display:none;
	}
	/* ↑もっと見るボタン */

	/* ↓検索ボタン */
	.src_btn{
		float:right;
		margin-top:15px;
	}
	.src_btn_a{
		color: #656565;
		border-radius: 5px; -webkit-border-radius: 5px;
		background:#ededed url(/images/common/icons.png) no-repeat -27px -625px;
		padding:6px 10px 6px 27px;
		display:block;
	}
	.src_btn_a:hover{
		background:#e0e0e0 url(/images/common/icons.png) no-repeat -27px -625px;
	}
	/* ↑検索ボタン */	


/* xxxxxx PUSH UP!今週注目の特集 xxxxxxxxxxxx */

	#rmdsp_feature{
		display:block;
		border-bottom:1px dashed #999;
		padding-bottom:10px;
	}
	#rmdsp_feature .pho_mod{
		width:170px;
		float:left;
		display:block;
	}
	#rmdsp_feature .ttl_mod{
		display:block;
		font-size:134%;
		color:#006699;
		margin:5px 0 10px 190px;
	}
	#rmdsp_feature .txt_mod{
		margin-left:190px;
		display: block;
		color:#646464;
		line-height:1.3;
	}
	
	#rmdsp_sub{
		border-bottom:1px dashed #999;
	}
		
	
	.rmdsp_list{
		display:block;
		margin:10px 0 0;
		width:50%;
		float:left;
		height:85px;
	}
	.rmdsp_list .pho_mod{
		width:60px;
		height:60px;
		float:left;
		display: block;
	}
	.rmdsp_list .ttl_mod{
		display:block;
		font-size:117%;
		color:#006699;
		margin:2px 0 7px 70px;
		padding-right:15px;
	}
	.rmdsp_list .txt_mod{
		margin-left:70px;
		display: block;
		color:#646464;
		padding-right:15px;
		font-size:100%;
		line-height:1.3;
	}
	
	
/* xxxxxx おすすめ旅行ガイド「たびねす」 xxxxxxxxxxxx */
		
	#tabiness_area .article_area{
		border-bottom:1px dashed #999;
		padding-bottom:10px;
	}
	
	#tbns_article01{
		width:47%;
		float:left;
		padding-right:2%;
		border-right:1px dashed #999;
	}
	#tbns_article02{
		width:47%;
		float:right;
	}
	
	#tbns_article01 .article_a , #tbns_article02 .article_a{
		display:block;
	}
	
	
	#tabiness_area .pho_mod{
		width:120px;
		float:left;
		display: block;
		-ms-interpolation-mode: bicubic;
	}
	#tabiness_area .item_ttl{
		display:block;
		font-size:117%;
		line-height:1.3;
		color:#006699;
		margin:2px 0 0 130px;
	}
	
	/* たびねすおじさんコメント */
	#tabiness_area .cap_prt {
		background:#f1dc69;
		border-radius: 5px; -webkit-border-radius: 5px;
		margin-top:10px;
	}
	
	#tabiness_area .cap_txt {
		font-size:100%;
		line-height:1.4;
		min-height:38px;
		padding:10px 50px 10px 10px;
	}
	
		/* たびねすおじさん表情 */
		#tabiness_area .cap_img_normal{		/* ノーマル */
			background: url(/images/common/imgs.png) no-repeat right -595px;
			margin:0 5px 5px 0;
		}
		#tabiness_area .cap_img_hohho{		/* 嬉しそう */
			background: url(/images/common/imgs.png) no-repeat right -745px;
			margin:0 5px 5px 0;
		}
		#tabiness_area .cap_img_uhuhu{		/* うふふ */
			background: url(/images/common/imgs.png) no-repeat right -895px;
			margin:0 5px 5px 0;
		}
		#tabiness_area .cap_img_hooo{		/* 感動 */
			background: url(/images/common/imgs.png) no-repeat right -1045px;
			margin:0 5px 5px 0;
		}


/* xxxxxx プレゼントキャンペーン xxxxxxxxxxxx */

	#present_area .item_inr{
		border-bottom:1px dashed #999;
	}

	#present_area .item_prt01{
		width:47%;
		float:left;
		padding-right:2%;
		margin-bottom:8px;
		border-right:1px dashed #999;
	}
	#present_area .item_prt02{
		width:47%;
		float:right;
		margin-bottom:8px;
	}
	#present_area .item_prt03{
		width:47%;
		float:left;
		margin-top:8px;
		padding-right:2%;
		border-right:1px dashed #999;
	}
	#present_area .item_prt04{
		width:47%;
		float:right;
		margin-top:8px;
	}

	#present_area .item_pho{
		width:120px;
		float:left;
		display: block;
		-ms-interpolation-mode: bicubic;
	}
	#present_area .item_ttl{
		display:block;
		font-size:117%;
		line-height:1.3;
		color:#006699;
		margin:2px 0 0 130px;
	}
	
	#present_area .cap_prt{
		clear:both;
	}
	#present_area .cap_txt{
		font-size:100%;
		line-height:1.4;
		padding:5px 0;
		height:45px;
	}
	
	#present_area .apply_btn{
		text-align:center;
		padding-bottom:10px;
	}
	#present_area .apply_btn_a{
		color:#fff;
		-moz-box-shadow: 0px 2px 0px 0px #d75757;
		-webkit-box-shadow: 0px 2px 0px 0px #d75757;
		box-shadow: 0px 2px 0px 0px #d75757;
		background-color:#ed6363;
		border-radius:14px; -webkit-border-radius:14px;
		display:inline-block;
		color:#fff;
		font-size:125%;
		letter-spacing:0.1em;
		padding:6px 40px;
		cursor:pointer;
	}
	#present_area .apply_btn_a:hover {
		background-color:#de4f4f;
	}

	.present_blank{
		margin:10px auto;
		width:125px;
		display:block;
	}


/* xxxxxx のぶりんの旅コラム xxxxxxxxxxxx */

	.content_inr {
		position:relative;
	}
	#column_area .txt_prt{
	}
	#column_area .sub_ttl{
		font-size:134%;
		line-height:1.2;
		padding:8px 8px 6px;
		background:#ededed;
	}
	
	#column_area .app_tmb{
		position:absolute;
		top:0;
		left:0;
		display:block;
		margin:8px;
		height:50px;
	}
	#column_area .subttl_mod{
		margin-left:55px;
		display:block;
		min-height:50px;
	}		
	
	#column_area .txt_mod{
		margin:15px 0 10px;
		line-height:1.5;
	}
	
	#column_area .pho_mod{
		margin:5px 3px 0 0;
		display:inline-block;
	}
	
	#noburin_area{
		width:110px;
		padding:15px 10px;
		position:absolute;
		top:0;
		right:0;
		background:#ecf7d5 url(/images/common/imgs.png) no-repeat -70px -1290px;
		border-radius: 5px; -webkit-border-radius: 5px;
	}
	
	.noburin_ttl{
		font-size:100%;
		font-weight:bold;
		padding-top:95px;
	}
	.noburin_txt{
		font-size:83%;
		margin-top:6px;
		line-height:1.3;
	}
	
	/* 旅アプリボタン */
	#appbtn_prt{
		height:auto;
		margin:4px 0 0 0;
	}
	
	.ggl_btn_a , .aps_btn_a{
		padding:5px 10px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color:#fff;
		float:left;
		margin:7px 5px 0 0;
		display:block;
	}
	
	.ggl_btn_a{
		background:#85bf22;
	}

	.aps_btn_a{
		background:#ed8641;
	}
	

/* xxxxxx ソーシャルエリア【共通】 xxxxxxxxxxxx */

		#social_area{
			background:#ccebff;
			margin-bottom:30px;
			border-radius: 5px; -webkit-border-radius: 5px;
			text-align: center;
			padding:3px 0;
		}
		
		#social_share_prt , #social_page_prt{
			display: -moz-inline-box;  
			display: inline-block;  
			/display: inline;  
			/zoom: 1;
			margin:5px;
		}
			
			/* ↓ソーシャルタイトル吹き出し*/
			#social_area .ttl_mod{
				float:left;
				font-size:83%;
				position: relative;
				display:inline-block;
				padding:6px 10px ;
				text-align:left;
				margin-right:13px;
				background-color:#fff;
				border-radius: 5px; -webkit-border-radius: 5px;
			}
			#social_area .ttl_mod:after, #social_area .ttl_mod:before {
				content: "";
				position: absolute;
				height: 0;
				width: 0;
			}
			#social_area .ttl_mod:after {
				top: 10px;
				right: -10px; 
				border: 5px solid transparent;
				border-left: 10px solid #ffffff; /*13px*/
			}
			#social_area .ttl_mod:before {
				top: 10px;
				right: -10px;
				border: 5px solid transparent;
				border-left: 5px solid #ffffff; /*10px*/
			}
			/* ↑ソーシャルタイトル吹き出し*/
	
		.g-sns {
			float: left;
			margin-top: 5px;
		}
		.g-sns_item {
			float: left;
			margin-right: 10px;
			height: 22px;
		}
		.g-sns_item--twitter {
			margin-right: 14px;
		}
		
		#fb_page , #tw_page , #ytb_page{
			float:left;
			margin-right:12px;
		}
		
		#fb_page_a , #tw_page_a , #ytb_page_a{
			width:32px;
			line-height: 1.5;
			height:0;
			padding-top:32px;
			overflow:hidden;
			display:block;
		}
			#fb_page_a{
				background: url(/images/common/icons.png) no-repeat -18px -1400px;
			}
			#tw_page_a{
				background: url(/images/common/icons.png) no-repeat -18px -1450px;
			}
			#ytb_page_a{
				background: url(/images/common/icons.png) no-repeat -18px -1500px;
			}

		
/* xxxxxx フッター【共通】 xxxxxxxxxxxx */		
		#footer_area{
			width:960px;
			margin:0 auto;
		}
		.copyright_prt{
			background:#b0c4de;
			color:#fff;
			text-align:right;
			padding:5px 10px 35px;
		}
		.copyright_a{
			color:#fff;
			text-decoration:underline;
			line-height:1.5;
		}
		.copyright_mod{
			display:inline-block;
		}
		
		.footer_menu{
			line-height:2;
			width:100%;
			text-align:right;
		}
		.footer_a{
			color:#3e6176;
			display:inline-block;
			background:url(/images/common/icons.png) no-repeat -40px -763px;
			padding:0 15px 0 10px;
		}
		.footer_a:hover{
			text-decoration:underline;
		}



/* xxxxxx その他共通項目 xxxxxxxxxxxx */		
		
		
		/* 各コーナーリンクボタン */
		.txt_btn_prt{
			text-align:right;
			clear:both;
		}
		.txt_btn_a{
			color: #656565;
			line-height:1.2;
			border-radius: 5px; -webkit-border-radius: 5px;
			background:url(/images/common/icons.png) no-repeat -28px -627px;
			padding:3px 3px 2px 25px;
			display:inline-block;
			margin-top:10px;
		}
		.txt_btn_a:hover{
			text-decoration:underline;
		}
		
		/* 注意事項【共通】*/
		.content_attention{
			font-size:83%;
			line-height:1.2;
			background:url(/images/common/line_attention.png) repeat-x;
			padding-top:15px;
			margin-top:20px;
			clear:both;
		}
		
		#attention_area{
			background:#e5e5e5;
			padding:10px;
			color:#565656;
			font-size:100%;
			line-height:1.4;
			margin-bottom:40px;
		}
		#attention_area .ttl_mod{
			font-size:117%;
			display:block;
			margin-bottom:3px;
		}
		#attention_area a{
			color:#006699;
			text-decoration:underline;
		}
		
		/* ページトップボタン */
		#pagetop_prt{
			position:relative;
			margin: 0 auto;
		}
		
		.pageTop{
			position: fixed;
			right:10px;
			bottom:0;
			z-index:100;
			display:none;
			color:#fff;
			background:rgba(153, 153, 153, 0.5);
			padding:6px 8px 10px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}





/* 大PC・小PC共通（801〜）
================================================== */
	@media only screen and (min-width: 801px) {
		
		
/* xxxxxx サブカラム【PC(大・小共通)】 xxxxxxxxxxxx */

	/* ロゴ */
	h1{
		margin-bottom:20px;
	}	
		
	/* ナビゲーションメニュー【PC】 */
	#navi_menu {
		font-size: 117%;
		color: #3e6176;
		font-weight: bold;
		line-height:1.7;
		letter-spacing:0.1em;
		margin-left:10px;
	}
	.navi_li {
		margin-bottom: 14px;
		height:30px;
	}
	.navi_li_menue {
		margin-bottom: 14px;
	}
	.navi_li_menue ul li{ padding-left:10px; }
	.navi_li_menue ul li a{ 
		line-height:1.5;
		text-decoration:underline;
		display:block;
		color: #5d5d5d;
		padding: 4px 0 1px 0px;
		font-size: 75%;
	}

	.navi_a {
		line-height:1.5;
		display:block;
		color: #3e6176;
		padding: 1px 0 1px 28px;
		background: url(/images/common/icons.png) no-repeat;
		
	}
	.navi_a:hover{
		color: #6f93a8;
	}
			#navi_rmd {
				background-position: -28px -333px;
			}
			#navi_rank {
				background-position: -28px -379px;
			}
			#navi_push {
				background-position: -28px -429px;
			}
			#navi_guide {
				background-position: -28px -477px;
			}
			#navi_present {
				background-position: -28px -529px;
			}
			#navi_column {
				background-position: -28px -578px;
			}

	/* バナー・リンク枠（PC） */	
	#entry_a{
		width:180px;
		background: url(/images/common/imgs.png) no-repeat 0 0;
		line-height: 1.5;
		height:0;
		padding-top:80px;
		overflow:hidden;
		display:block;
		margin-bottom:15px;
	}
	#entry_a:hover{
		opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";
	}
	
	#bknb_link{
		width:171px;
		margin-bottom:10px;
	}
	#bknb_a{
		background:#ededed url(/images/common/icons.png) no-repeat -20px -625px;
		border-radius: 5px; -webkit-border-radius: 5px;
		color: #656565;
		display:block;
		padding:6px 0 6px 35px;
	}
	#bknb_a:hover{
		background:#e0e0e0 url(/images/common/icons.png) no-repeat -20px -625px;
	}
	
	#trtop_link{
		width:171px;
	}
	#trtop_a{
		background:#ededed url(/images/common/icons.png) no-repeat -20px -674px;
		border-radius: 5px; -webkit-border-radius: 5px;
		color: #656565;
		display:block;
		padding:6px 0 6px 35px;
	}
	#trtop_a:hover{
			background:#e0e0e0 url(/images/common/icons.png) no-repeat -20px -674px;
	}


}


/* 大PC・小PC・タブレット共通（801〜）
================================================== */
	@media only screen and (min-width: 600px) {
		
/* xxxxxx メインカラム【PC大小・タブレット共通】 xxxxxxxxxxxx */

	
		/* コンテンツ枠【PC大小・タブレット共通】 */
	.content {
		background: #fff;
		border: 2px solid #798c97;
		border-radius: 5px; -webkit-border-radius: 5px;
		padding: 18px 23px 20px;
		margin-bottom: 30px;
	}

	/* コンテンツタイトル */
	.ttl_area {
		border-bottom: 3px double #3e6176;
		margin-bottom: 16px;
		height: 25px;
		background: url(/images/common/icons.png) no-repeat;
		position:relative;
	}
	.ttl_area .ttl_mod {
		font-size: 150%;
		font-weight: bold;
		color: #3e6176;
		line-height: 1;
		float: left;
		padding:4px 0 0 25px;
	}
	.ttl_cap {
		font-size: 91%;
		line-height:1.3;
		color: #3e6176;
		float: right;
		text-align:right;
		position:absolute;
		right:0;
		bottom:3px;
	}
	
			/* タイトルアイコン */
			#rmdtour_area .ttl_area{
				background-position: -28px 0;
			}
			#tool .ttl_area, #script .ttl_area{
				background-position: -28px -215px;
			}
			
			#ranking_area .ttl_area{
				background-position: -28px -54px;
			}
			
			#rmdsp_area .ttl_area{
				background-position: -28px -110px;
			}
			
			#tabiness_area .ttl_area{
				background-position: -28px -165px;
			}
			
			#present_area .ttl_area{
				background-position: -28px -215px;
			}
			
			#column_area .ttl_area{
				background-position: -28px -268px;
				height:42px;
				margin-top:-10px;
			}
			
			#column_area .small_txt{
				font-size:83%;
				line-height:1.2;
			}		

}










/* 大PCサイズ（960〜）
================================================== */
	@media only screen and (min-width: 960px) {

/* ---- 大PC用layout ---------- */
	#container {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		padding-top:20px;
	}
	#sub_column {
		width: 180px;
		position: absolute;
	}
	#main_column {
		width: 740px;
		margin: 0 0 0 220px;
	}
/* --------------------------------------------------------- */


/* xxxxxx バックナンバー xxxxxxxxxxxx */
#bknb_navi_menu {
	font-size: 117%;
	color: #3e6176;
	font-weight: bold;
	line-height:1.7;
	letter-spacing:0.1em;
	margin-left:10px;
}

.bknb_navi_li {
	margin-bottom: 10px;
	height:30px;
}

.bknb_navi_a{
	color:#3e6176;
	background:url(/images/common/icons.png) no-repeat -20px -625px;
	display:block;
	padding:0 0 0 35px;
}
.bknb_ul{
	margin:0 0 30px 15%;
}

.bknb_year{
	font-size:150%;
	color:#3e6176;
	margin-bottom:10px;
	font-weight:bold;
}

.bknb_date{
	margin-right:8px;
}

.bknb_list a{
	font-size:117%;
	line-height:2;
	color:#006699;
}

.bknb_list a:hover{
	text-decoration:underline;
}

/* xxxxxx 注目の特集 xxxxxxxxxxxx */
.rmdsp_list{
	height:auto;
	margin:10px 0 0;
	height:70px;
}
	

}

/* 小PCサイズ（801〜959）
================================================== */
	@media only screen and (min-width: 801px) and (max-width: 959px) {
		
/* ---- 小PC用layout ---------- */
	#container {
		width: 96%;
		margin: 0 auto;
		padding: 0 2% 0;
		position: relative;
		padding-top:20px;
	}
	#sub_column {
		width: 180px;
		position: fixed;
	}
	#main_column {
		margin: 0 0 0 200px;
		width: auto;
	}
	#footer_area{
		width:100%;
		margin:0 auto;
	}
	
/* --------------------------------------------------------- */


/* xxxxxx ランキング xxxxxxxxxxxx */	
	
	/* 順位の横位置【PC小】 */
	.rank{
		right:101%;
	}

/* xxxxxx バックナンバー xxxxxxxxxxxx */
#bknb_navi_menu {
	font-size: 117%;
	color: #3e6176;
	font-weight: bold;
	line-height:1.7;
	letter-spacing:0.1em;
	margin-left:10px;
}

.bknb_navi_li {
	margin-bottom: 10px;
	height:30px;
}

.bknb_navi_a{
	color:#3e6176;
	background:url(/images/common/icons.png) no-repeat -20px -625px;
	display:block;
	padding:0 0 0 35px;
}
.bknb_ul{
	margin:0 0 30px 15%;
}

.bknb_year{
	font-size:150%;
	color:#3e6176;
	margin-bottom:10px;
	font-weight:bold;
}

.bknb_list a{
	font-size:117%;
	line-height:2;
	color:#006699;
}

.bknb_date{
	margin-right:8px;
}

.bknb_list a:hover{
	text-decoration:underline;
}
		
}


/* タブレット（600〜800）
================================================== */
	@media only screen and (min-width: 600px) and (max-width: 800px) {

/* ---- タブレット用layout ---------- */
	#container {
		width: 96%;
		margin: 0 auto;
		padding: 0 2%;
	}
	#sub_column {
	}
	#main_column {
		margin-top:15px;
	}
	#footer_area{
		width:100%;
	}

/* --------------------------------------------------------- */

/* xxxxxx サブカラム【タブレット】 xxxxxxxxxxxx */
	#sub_column {
		position:relative;
		padding-top:20px;
	}
	h1 {
		float:left;
		width:180px;
		margin-top:-8px;
	}
	
	/* ナビゲーションメニュー【タブレット】 */
	#navi_menu{
		font-size: 100%;
		color: #3e6176;
		font-weight: bold;
		letter-spacing:0.1em;
		margin:32px 0 0 200px;
	}
	.navi_li{
		float:left;
		width:31%;
		height:inherit;
		padding:4px 0;
		margin:7px 0 0 3px;
		text-align:center;
		border-radius: 5px; -webkit-border-radius: 5px;
		background:#fff;
		border: 2px solid #ededed;		
	}

	.navi_a {
		line-height:1.5;
		display:inline-block;
		color: #3e6176;
		padding: 0 0 0 23px;
		background: url(/images/common/icons.png) no-repeat;
		
	}
			#navi_rmd {
				background-position: -32px -335px;
			}
			#navi_rank {
				background-position: -31px -380px;
			}
			#navi_push {
				background-position: -32px -431px;
			}
			#navi_guide {
				background-position: -31px -480px;
			}
			#navi_present {
				background-position: -32px -530px;
			}
			#navi_column {
				background-position: -32px -580px;
			}
	
	/* バナー・リンク枠【タブレット】 */
	#sub_menu{
		position:absolute;
		top:15px;
		right:10px;
		width:310px;
		height:22px;
	}
	
	#entry_link{
		float:left;
		margin-right:6px;
		width:auto;
	}
	#entry_a{
		background:#ccebff url(/images/common/icons.png) no-repeat -30px -627px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color: #656565;
		display:block;
		padding:4px 6px 4px 22px;
	}
	#entry_a:hover{
		background:#b3ddf8 url(/images/common/icons.png) no-repeat -30px -627px;
	}
	
	#bknb_link{
		float:left;
		margin-right:6px;
		width:auto;
	}
	#bknb_a{
		background:#ededed url(/images/common/icons.png) no-repeat -30px -627px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color: #656565;
		display:block;
		padding:4px 6px 4px 24px;
	}
	#bknb_a:hover{
		background:#e0e0e0 url(/images/common/icons.png) no-repeat -30px -627px;
	}
	
	#trtop_link{
		float:left;
		width:auto;
	}
	#trtop_a{
		background:#ededed url(/images/common/icons.png) no-repeat -30px -676px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color: #656565;
		display:block;
		padding:4px 6px 4px 24px;
	}
	#trtop_a:hover{
		background:#e0e0e0 url(/images/common/icons.png) no-repeat -30px -676px;
	}


/* xxxxxx メインカラム【タブレット】 xxxxxxxxxxxx */

/* xxxxxx ランキング xxxxxxxxxxxx */	
	
	/* 順位の横位置【タブレット】 */
	.rank{
		right:101%;
	}

/* xxxxxx バックナンバー xxxxxxxxxxxx */
#bknb_navi_menu {
	font-size: 117%;
	color: #3e6176;
	font-weight: bold;
	letter-spacing:0.1em;
	margin:50px 0 0 280px;
}

.bknb_navi_li {
	float:left;
	width:47%;
	height:inherit;
	padding:4px 0;
	margin:7px 0 0 3px;
	text-align:center;
	border-radius: 5px; -webkit-border-radius: 5px;
	background:#fff;
	border: 2px solid #ededed;
}

.bknb_navi_a{
	line-height:1.5;
	display:inline-block;
	color: #3e6176;
	padding: 0 0 0 23px;
	background:url(/images/common/icons.png) no-repeat -30px -627px;
}
.bknb_ul{
	margin:0 auto 30px;
	width:400px;
}

.bknb_year{
	font-size:150%;
	color:#3e6176;
	margin-bottom:10px;
	font-weight:bold;
}

.bknb_date{
	margin-right:8px;
}

.bknb_list a{
	font-size:117%;
	line-height:2;
	color:#006699;
}

.bknb_list a:hover{
	text-decoration:underline;
}


/* バックナンバーサブナビ */
#bknb_sub_menu{
	position:absolute;
	top:15px;
	right:10px;
	width:200px;
	height:22px;
}
		
}

/* スマホ（320〜599）
================================================== */
	@media only screen and (max-width: 599px) {
/* ---- スマホ用layout ---------- */

	#container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#sub_column {
		width: 100%;
	}
	#main_column {
		width: 100%;
	}
	#footer_area{
		width:100%;
	}
	
/* --------------------------------------------------------- */

/* xxxxxx サブカラム【スマホ】 xxxxxxxxxxxx */

	#sub_column {
		position:relative;
		padding-top:50px;
	}
	h1 {
		width:100%;
		text-align:center;
	}
	
	/* ロゴ */

	#logo {
		width:auto;
		background: url(/images/common/imgs.png) no-repeat 50% -90px;
	}	


	/* ナビゲーションメニュー【スマホ】 */
	#navi_menu {
		font-size: 100%;
		color: #3e6176;
		font-weight: bold;
		line-height:1.7;
		letter-spacing:0.1em;
	}

	.navi_li{
		float:left;
		width:31%;
		height:inherit;
		padding:2px 0;
		margin:7px 0 0 3px;
		text-align:center;
		border-radius: 5px; -webkit-border-radius: 5px;
		background:#fff;
		border: 2px solid #ededed;
		
	}	

	.navi_a {
		line-height:1.5;
		display:inline-block;
		color: #3e6176;
		padding: 0 0 0 24px;
		background: url(/images/common/icons.png) no-repeat;
		
	}
			#navi_rmd {
				background-position: -32px -335px;
			}
			#navi_rank {
				background-position: -31px -380px;
			}
			#navi_push {
				background-position: -32px -431px;
			}
			#navi_guide {
				background-position: -32px -480px;
			}
			#navi_present {
				background-position: -32px -530px;
			}
			#navi_column {
				background-position: -32px -580px;
			}	




	/* バナー・リンク枠【スマホ】 */
	#sub_menu{
		position:absolute;
		top:15px;
		left:50%;
		margin-left:-150px;
		width:310px;
	}
	
	#entry_link{
		float:left;
		margin-right:3px;
	}
	#entry_a{
		background:#ccebff url(/images/common/icons.png) no-repeat -30px -627px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color: #656565;
		display:block;
		padding:4px 6px 4px 22px;
	}
	#entry_a:hover{
		background:#b3ddf8 url(/images/common/icons.png) no-repeat -30px -627px;
	}
	
	#bknb_link{
		float:left;
		margin-right:3px;
	}
	#bknb_a{
		background:#ededed url(/images/common/icons.png) no-repeat -30px -627px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color: #656565;
		display:block;
		padding:4px 6px 4px 22px;
	}
	#bknb_a:hover{
		background:#e0e0e0 url(/images/common/icons.png) no-repeat -30px -627px;
	}
	
	#trtop_link{
		float:left;
	}
	#trtop_a{
		background:#ededed url(/images/common/icons.png) no-repeat -30px -676px;
		border-radius: 10px; -webkit-border-radius: 10px;
		color: #656565;
		display:block;
		padding:4px 6px 4px 22px;
	}
	#trtop_a:hover{
		background:#e0e0e0 url(/images/common/icons.png) no-repeat -30px -676px;
	}

	





/* xxxxxx メインカラム【スマホ】 xxxxxxxxxxxx */

	/* コンテンツ枠【スマホ】 */
	.content {
		background: #fff;
		border-top: 2px solid #798c97;
		border-bottom: 2px solid #798c97;
		padding: 16px 10px;
		margin-bottom: 20px;
	}

	/* コンテンツタイトル */
	.ttl_area {
		border-bottom: 3px double #3e6176;
		margin-bottom: 16px;
		height: 25px;
		background: url(/images/common/icons.png) no-repeat;
	}
	.ttl_area .ttl_mod {
		font-size: 134%;
		font-weight: bold;
		color: #3e6176;
		line-height: 1;
		float: left;
		padding:4px 0 0 25px;
	}
	.ttl_cap {
		display:none;
	}
	
			/* タイトルアイコン */
			#rmdtour_area .ttl_area{
				background-position: -30px -332px;
			}
			
			#ranking_area .ttl_area{
				background-position: -30px -378px;
			}
			
			#rmdsp_area .ttl_area{
				background-position: -30px -428px;
			}
			
			#tabiness_area .ttl_area{
				background-position: -30px -477px;
			}
			
			#present_area .ttl_area{
				background-position: -30px -528px;
			}
			
			#column_area .ttl_area{
				background-position: -28px -577px;
				height:42px;
				margin-top:-10px;
			}
			
			#column_area .small_txt{
				font-size:83%;
				line-height:1.4;
			}

			
/* xxxxxx イチオシ旅【スマホ】 xxxxxxxxxxxx */

	
	#rmdtour_area .pho_prt {
		float:none;
		margin:0 auto 10px;
		position:relative;
	}
	
	#rmdtour_area .txt_prt {
		margin:0;
		width:100%;
	}

	#rmdtour_area .item_ttl{
		font-size: 134%;
	}
	
	#rmdtour_area .price_mod{
		font-size: 150%;
	}
	
	#rmdtour_area .cap_ttl {
		font-size:100%;
	}
	

/* xxxxxx ランキング【スマホ】 xxxxxxxxxxxx */
	
	/* ランキングレイアウト */	
	#ranking_dom , #ranking_abr{
		float:none;
		width:100%;
	}
	
	#ranking_abr{
		margin-left:0;
	}
	
	#ranking_dom{
		margin-right:0;
	}
	
	#rank-dom .ltno4 , #rank-abr .ltno4{
		display:none;
	}
	
	/* ランキング国内・海外タイトル */
	#ranking_dom .ttl_prt{
		margin-top:20px;
	}
	
	/* ↓順位 */
	#rank-dom .rank{
		display:inline;
	}
	
	.rank{
		right:inherit;
	}
	/* ↑順位 */
	
	
	/* ↓TOP3 */
	.top3 .mat-inf{
		margin-left:60px;
	}
	/* ↑TOP3 */
	
	
	/* ↓under4 */
	.ltno4 .mat-inf{
		margin-left:60px;
	}
	/* ↑under4 */

	/* ↓もっと見るボタン */
	.rank_btn{
		display:inherit;
		margin-top:7px;
		text-align:center;
	}
	#ranking_abr .rank_btn_a{
		-webkit-border-radius:20px;
		border-radius:20px;
		padding:10px 18px 10px 35px;
		text-decoration:none;
		background:#bce378;
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -webkit-gradient( linear, left top, left bottom, color-stop(52%, #bce378), color-stop(53%, #aed46b) );
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -moz-linear-gradient( center top, #bce378 52%, #aed46b 53% );
		color:#535353;
		display:inline-block;
	}
	#ranking_abr .rank_btn_a:hover {
		background:#aed46b;
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -webkit-gradient( linear, left top, left bottom, color-stop(52%, #aed46b), color-stop(53%, #bce378) );
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -moz-linear-gradient( center top, #aed46b 52%, #bce378 53% );
	}
	
	#ranking_dom .rank_btn_a{
		-webkit-border-radius:20px;
		border-radius:20px;
		padding:10px 18px 10px 35px;
		text-decoration:none;
		background:#b4d2f1;
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -webkit-gradient( linear, left top, left bottom, color-stop(52%, #b4d2f1), color-stop(53%, #93bfee) );
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -moz-linear-gradient( center top, #b4d2f1 52%, #93bfee 53% );
		color:#535353;
		display:inline-block;
	}
	#ranking_dom .rank_btn_a:hover {
		background:#93bfee;
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -webkit-gradient( linear, left top, left bottom, color-stop(52%, #93bfee), color-stop(53%, #b4d2f1) );
		background:url(/images/common/icons.png) no-repeat -20px -717px,
							 -moz-linear-gradient( center top, #93bfee 52%, #b4d2f1 53% );
	}
	/* ↑もっと見るボタン */

	
	
/* xxxxxx PUSH UP!今週注目の特集【スマホ】 xxxxxxxxxxxx */
	.rmdsp_list{
		width:100%;
		float:none;
		height:auto;
		margin:15px 0;
	}


/* xxxxxx おすすめ旅行ガイド「たびねす」【スマホ】 xxxxxxxxxxxx */

	#tbns_article01{
		width:100%;
		float:none;
		padding-right:0;
		padding-bottom:10px;
		border-right:none;
		border-bottom:1px dashed #999;
	}
	#tbns_article02{
		width:100%;
		float:none;
		margin-top:10px;
	}
	

/* xxxxxx プレゼントキャンペーン【スマホ】 xxxxxxxxxxxx */

	#present_area .item_inr{
		border-bottom:none;
	}

	#present_area .item_prt01 , #present_area .item_prt02 , #present_area .item_prt03{
		width:100%;
		float:none;
		padding-right:0;
		border-right:none;
		margin-top:15px;
		padding-bottom:10px;
		border-bottom:1px dashed #999;
	}
	#present_area .item_prt04{
		width:100%;
		margin-top:15px;
	}

	.present_blank{
		display:none;
	}	
			
		
/* xxxxxx のぶりんの旅コラム xxxxxxxxxxxx */

	#column_area .txt_prt{
		width:100%;
	}
	
	#column_area .pho_prt{
		width:100%;
		margin:10px 0 0 0;
		display:inherit;
		text-align:center;
	}
	#column_area .pho_mod{
		margin:5px;
	}
	
	#noburin_area{
		width:auto;
		padding:10px 0 0 0;
		position:inherit;
		background:#fff url(/images/common/imgs.png) no-repeat -129px -1190px;
		margin-top:13px;
		border-top:1px dashed #999;
		min-height:50px;
	}
	
	.noburin_ttl{
		padding:3px 0 5px 55px;
	}
	.noburin_txt{
		margin:0 0 0 55px;
	}
	
/* xxxxxx ソーシャルエリア【スマホ】 xxxxxxxxxxxx */

	#social_area{
		text-align: left;
		padding-left:5px;
	}

/* xxxxxx バックナンバー xxxxxxxxxxxx */

#bknb_navi_menu {
	font-size: 117%;
	color: #3e6176;
	font-weight: bold;
	line-height:1.7;
	letter-spacing:0.1em;
}

.bknb_navi_li {
	float:left;
	width:46%;
	height:inherit;
	padding:3px 0;
	margin:7px 1% 10px 1%;
	text-align:center;
	border-radius: 5px; -webkit-border-radius: 5px;
	background:#fff;
	border: 2px solid #ededed;
}

.bknb_navi_a{
	line-height:1.5;
	display:inline-block;
	color: #3e6176;
	padding: 0 0 0 23px;
	background:url(/images/common/icons.png) no-repeat -30px -627px;
}
.bknb_ul{
	margin:0 auto 30px;
	width:26em;
}

.bknb_year{
	font-size:150%;
	color:#3e6176;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}

.bknb_list{
	text-align:left;
	margin:0 auto 10px;
	width:26em;
}

.bknb_date{
	display:block;
}

.bknb_list a{
	font-size:117%;
	line-height:1.4;
	color:#006699;
}

.bknb_list a:hover{
	text-decoration:underline;
}


/* バックナンバーサブナビ */
#bknb_sub_menu{
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-90px;
	width:200px;
	height:22px;
}	
		
		
}

/* スマホ（360〜）
================================================== */
	@media only screen and (max-width: 360px) {
/* ---- スマホ用layout ---------- */

	/* スマホ小サイズの時：注目の特集（大枠）フロート解除 */
	#rmdsp_feature .pho_mod{
		float:none;
		width:170px;
		display:block;
		margin:0 auto;
	}
	#rmdsp_feature .ttl_mod{
		display:block;
		font-size:134%;
		color:#006699;
		margin:5px 0 10px;
	}
	#rmdsp_feature .txt_mod{
		margin-left:0;
		display: block;
		color:#3e6176;
		line-height:1.3;
	}
	
}