@charset "utf-8";

/* CSS Document */



/*==============================================================

  ■ トップページ用スタイル 

==============================================================*/









/* ------------------------------- カテゴリー別メニュー ------------------------------- */

#categoryWrap{

	margin:0 auto;

	padding:0;

	background:url(../images/bg_category.gif) repeat-y;

}



#categoryWrap .oneCateWrap{

	margin:0;

	padding:0;

	text-align:center;

	float:left;

}



#categoryWrap .oneCateWrap p{

	margin:5px 0 5px 10px;

	width:300px;

	text-align:left;

	font-size:100%;

	line-height:140%;

}



#categoryWrap .oneCateWrap p a{

	color:#3b3b3b;

}



#categoryWrap .bottomWrap{

	margin:0;

	padding:0;

	width:650px;

	height:7px;

	background:url(../images/bottom_category.gif) no-repeat top center;

}





/* ------------------------------- 旅のみどころ ------------------------------- */

#midokoroWrap{

	margin:0 auto;

	padding:20px 0 0 0;

	font-size:85%;

	line-height:115%;

}



#midokoroWrap .ttlWrap{

	margin:0;

	padding:0;

	background:url(../images/ttl_midokoro.gif) no-repeat top left;

	width:650px;

	height:29px;

}



#midokoroWrap .ttlWrap .moreWrap{

	margin:10px 10px 0 0;

	font-size:80%;

	line-height:100%;

	float:right;

}



#midokoroWrap .wrap{

	padding:0 1px;

	width:646px;

	border-left:#d7d7d7 1px solid;

	border-right:#d7d7d7 1px solid;

}



#midokoroWrap .wrap p{

	margin:0 0 17px 0;

	padding:5px 10px;

	background:#eb6100;

	color:#fff;

}



#midokoroWrap .wrap .oneMidokoroWrap{

	margin:0;

	padding:0 7px 15px 13px;

	width:140px;

	float:left;

}



#midokoroWrap .wrap .oneMidokoroWrap .imgWrap{

	margin:0;

	padding:4px;

	border:#d7d7d7 1px solid;

}



#midokoroWrap .wrap .oneMidokoroWrap .txtWrap{

	margin:0;

	padding:5px 0 3px 0;

	font-size:85%;

}



#midokoroWrap .wrap .oneMidokoroWrap h3{

	font-size:100%;

}



#midokoroWrap .wrap .oneMidokoroWrap a{

	color:#3b3b3b;

}



#midokoroWrap .wrap .oneMidokoroWrap a:hover{

	color:#1d42b3;

	text-decoration:underline;

}







#midokoroWrap .bottomWrap{

	margin:0;

	padding:0;

	width:650px;

	height:5px;

	background:url(../images/bottom_midokoro.gif) no-repeat bottom left;

}





/* ------------------------------- トピックス ------------------------------- */

#topixWrap{

	margin:0 auto;

	padding:20px 0 0 0;

	text-align:left;

	font-size:85%;

	line-height:115%;

	vertical-align:middle;

}



#topixWrap h2{

	float:left;

}



#topixWrap .moreWrap{

	margin:10px 10px 0 0;

	font-size:80%;

	line-height:100%;

	float:right;

}



#topixWrap p{

	margin:0 2px 12px 2px;

	padding:5px 10px;

	background:#959595;

	color:#fff;

}



#topixWrap .oneTopixWrap{

	margin:0;

	padding:0 10px 10px 10px;

}



#topixWrap .oneTopixWrap h3{

	margin:0 0 -10px 0;

	padding:0;

	border-bottom:none;

}



#topixWrap .oneTopixWrap dl.newsList dt {

	float: left;

	width:80px;

	padding:4px 0 0 0;

	margin:0 0 0 5px;

	text-indent:3px;

}



#topixWrap .oneTopixWrap dl.newsList dd {

	margin:0;

	padding:4px 0 4px 90px;

	border-bottom:#d7d7d7 1px solid;

}





/* ------------------------------- お知らせ ------------------------------- */

#infoWrap{

	margin:0 auto;

	padding:20px 0 0 0;

	text-align:left;

	font-size:85%;

	line-height:115%;

}



#infoWrap h2{

	float:left;

}



#infoWrap .moreWrap{

	margin:10px 10px 0 0;

	font-size:80%;

	line-height:100%;

	float:right;

}



#infoWrap p{

	margin:0 2px 12px 2px;

	padding:5px 10px;

	background:#959595;

	color:#fff;

}



#infoWrap .oneTopixWrap{

	margin:0;

	padding:0 10px 10px 10px;

}



#infoWrap .oneTopixWrap h3{

	margin:0 0 -10px 0;

	padding:0;

	border-bottom:none;

}



#infoWrap .oneTopixWrap dl.newsList dt {

	float: left;

	width:80px;

	padding:4px 0 0 0;

	margin:0 0 0 5px;

	text-indent:3px;

}



#infoWrap .oneTopixWrap dl.newsList dd {

	margin:0;

	padding:4px 0 4px 90px;

	border-bottom:#d7d7d7 1px solid;

}



/* ------------------------------- 有料バナー用 ------------------------------- */

.BnrAD{

	width: 100%;

	padding: 1rem 0;

	margin-top: 2rem;

	background: #e8eff4;

	border-bottom: 1px solid #fff;

}



.BnrAD h2{

	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

	font-size: 1rem;

	margin-bottom: 0.5rem;

}



.BnrAD ul.bnr-list {

    display: flex; /* Flexboxを使用して横並びに設定 */

    justify-content: center; /* 中央揃え */

    list-style: none; /* デフォルトのリストスタイルを削除 */

    padding: 0; /* パディングをリセット */

    margin: 0 0 1rem 0; /* マージンをリセット */

}



.BnrAD ul.bnr-list li {

    margin: 0 10px; /* リストアイテム間に水平のスペースを設定 */

}



.BnrAD ul.bnr-list img {

    display: block; /* ブロック要素として表示 */

    max-width: 100%; /* 画像の最大幅を親要素に合わせる */

    height: auto; /* 画像の高さを自動調整でアスペクト比を保持 */

}





/* ------------------------------- バナーリスト ------------------------------- */

#bannerFootListWrap{

	margin:0 auto;

	padding:0;

	width:100%;

	background:#f3f3f3;

}



#bannerFootListWrap .sizeWrap{

	margin:0 auto;

	padding:15px 40px 5px 40px;

	text-align:center;

}



#bannerFootListWrap .sizeWrap ul{

	text-align:center;

}



#bannerFootListWrap .sizeWrap ul li{

	display: -moz-inline-box;

	display: inline-block;

	/display: inline;

	/zoom: 1;

	padding: 0 5px 10px 5px;

}