@charset "utf-8";

#leftCol {
    float: left;
    width: 1200px;
}

#leftCol a{
	text-decoration:none;
}
#leftCol a:hover{
	color:#ff6600 !important;
}
#leftCol h2{
	position:relative;
	margin-bottom:20px;
	height:250px;
}
#leftCol h2 a{
	position:absolute;
	top:0;
	left:0;
	display:block;
}

#leftCol #leftWrap{
	overflow:hidden;
	zoom:1;
	margin:0 0 40px;
}
/* leftBox */
#leftCol #leftWrap #leftBox{
	float:left;
	margin:0 15px 15px 0;
	width:210px;
}
#leftCol #leftWrap .dispDate{
	font-size:0.9em !important;
}
#leftCol #leftWrap #leftBox h3{
	background:#e47702;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	margin-bottom:5px !important;
	padding:10px;
}
#leftCol #leftWrap #leftBox #picksArea dl{
	border:1px solid #eeeeee !important;
	margin-bottom:10px !important;
	padding:10px;
	height:240px;
}

#leftCol #leftWrap #leftBox #picksArea dl.picksBox{
	border:none !important;
	margin:0 !important;
	padding:10px 0 0 !important;
}

#leftCol #leftWrap #leftBox #picksArea .picksBox dt{
	font-size:1.1em;
	font-weight:bold;
}
#leftCol #leftWrap #leftBox #picksArea .picksBox dd{
	font-size:9px !important;
}
#leftCol #leftWrap #leftBox #picksArea .picksBox{ margin-bottom:10px;}
#leftCol #leftWrap #leftBox #picksArea .moreRead a{
	background:#cccccc;
	display:block;
	padding:5px 0;
	text-align:center;
}

/* searchBox */
#searchWrap{
	background:#eeeeee;
	margin:0 auto 10px;
	width:1200px;
}
#searchWrap #searchBox{
	overflow:hidden;
	zoom:1;
	width:1200px;
	display: flex;
}
#searchWrap #searchBox .ttl{
	float:left;
	width:150px;
	background: #031322;
	height: 50px;
    text-align: center;
    display: table;
}
#searchWrap #searchBox .ttl p{
	color: #fff;
	display: table-cell;
    vertical-align: middle;
    font-weight: 500;
}


#searchWrap #searchBox .search{
	padding:15px 0 0 20px;
	font-size:1.1em;
	width:430px;
	display: flex;
}
#searchWrap #searchBox .search img{
	vertical-align:middle !important;
	margin-right: 10px;
}
#searchWrap #searchBox .keyword{
	float:right;
	width:620px;
	padding:3px 0 0;
	margin-left: 140px;
}


#searchWrap #searchBox select,
#searchWrap #searchBox .search input,
#searchWrap #searchBox .keyword input{
	padding:3px;
	border:1px solid #cccccc;
}
#searchWrap #searchBox select{
	width:100%;
	margin-bottom:5px;
}
#searchWrap #searchBox .keyword p {
	margin-top: 13px;
}
#searchWrap #searchBox .keyword input{
	width:340px;
	margin-top:10px;
}
#searchWrap #searchBox .keyword input.submit{
	border:none;
	width:25%;
	margin:8px 20px 5px 15px;
	vertical-align:middle !important;
	background: #050322;
	color: #fff;
}
#searchWrap #searchBox span{
	display:inline-block;
	margin-right:3px;
}
#searchWrap #searchBox .search input{
	width:25%;
	margin-right:10px;
	margin-left: 5px;
	padding:3px;
	height: 15px;
}
#searchWrap .moreSearch{
	padding:0 5px 5px 0;
	text-align:right;
}

#spotlightArea{
	position:relative;
	margin-bottom:20px;
}
#spotlightArea h3{ padding:10px 0;}
#spotlightArea .snsBox{
	position:absolute;
	top:10px;
	right:0;
	overflow:hidden;
	zoom:1;
}
#spotlightArea .snsBox span{
	float:left;
	display:inline-block;
	margin:0 0 10px 9px;
	width:21px;
}

.spotlightBox{
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	overflow:hidden;
	zoom:1;
}
.spotlightBox div{
	float:left;
	width:280px;
}
.spotlightBox dl{
	float:left;
	padding:25px 20px 0;
	width:340px !important	;
}
.spotlightBox dt{
	font-size:1.2em;
	font-weight:bold;
}
.spotlightBox dd{
	line-height:1.4;
}


#communityBox{
	padding:10px;
	margin-bottom:10px;
	border:1px solid #46412f;
	border-top:none;
	line-height:1.4;
}
#leftCol #leftBox #communityBox p{
	margin-bottom:5px;
}
#leftCol #leftBox #communityBox .themeTtl{
	background:#a22504;
	font-size:85%;
	color:#ffffff;
	text-align:center;
}
#leftCol #leftBox #communityBox .theme{
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
}
#leftCol #leftBox #communityBox .theme a{
	color:#a22504;
}
#leftCol #leftBox #communityBox .twt{
	text-align:center;
}
#leftCol #leftBox #communityBox .twt span{
	padding-left:10px;
	background:url(/images/common/icn_arr_46412f.gif) no-repeat 0 center;
}
#leftCol #leftBox #communityBox ul{
	overflow:hidden;
	zoom:1;
}
#leftCol #leftBox #communityBox li{
	float:left;
	width:56px;
	margin:0 5px 5px 0;
}
#leftCol #leftBox #communityBox li.rightItem{margin-right:0;}

#leftCol #leftWrap #rightBox{
	position:relative;
	/*float:right;
	width:435px;*/
}

/* ---------------------------------------------- travelnewsBox */
#leftCol #leftWrap #rightBox .travelnewsBox h3{
	position:relative;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	margin-bottom:5px !important;
	padding:10px;
	background:#78c55d;
}
#leftCol #leftWrap #rightBox .travelnewsBox h3 span {
	line-height: 0.5em;
	margin-left: 10px;
}
/*
#leftCol #leftWrap #rightBox .travelnewsBox .travelnewsWrap{
	overflow:hidden;
	zoom:1;
}
*/
#leftCol #leftWrap #rightBox .travelnewsBox .travelnewsWrap dl{
	border:1px solid #eeeeee;
	float:left;
	margin:0 5px 10px 0 !important;
	padding:10px;
	width:373px;
	height:380px;
}
#leftCol #leftWrap #rightBox .travelnewsBox .travelnewsWrap dl dt.top_news_image {
	text-align: center;
}

#leftCol #leftWrap #rightBox .travelnewsBox .travelnewsWrap dl.contentBox{
	border:none !important;
	margin:0 !important;
	padding:10px 0 0 !important;
	width:373px;
	height:145px;
}
#leftCol #leftWrap #rightBox .travelnewsBox .travelnewsWrap dl.contentBox dt{
	font-size:17px;
	font-weight:bold;
}

/* ---------------------------------------------------- eventBox */
#leftCol .eventWrap{
	margin-bottom:40px;
}
#leftCol .eventWrap h4{
	border-bottom:1px solid #000000;
	margin-bottom:15px;
	padding-bottom:15px;
	text-align:left !important;
}
#leftCol .eventWrap .eventBox{
	overflow:hidden !important;
	zoom:1 !important;
}
#leftCol .eventWrap .eventBox .prevbox{
	float:left !important;
	padding:55px 0 0 !important;
	width:30px !important;
}
#leftCol .eventWrap .eventBox .nextbox{
	float:left !important;
	width:30px !important;
	padding:55px 0 0 !important;
	text-align:right !important;
}
#leftCol .eventWrap .eventBox ul{
	float:left !important;
	width:600px !important
}
#leftCol .eventWrap .eventBox li{
	margin-bottom:10px;
}

/* ---------------------------------------------------- topicsArea */
#leftCol #topicsArea{
	overflow:hidden;
	zoom:1;
	font-size:95%;
}
#leftCol #topicsArea .hotrightBox .content,
#leftCol #topicsArea .columnBox .content,
#leftCol #topicsArea .worldeveBox .content
{
	margin-bottom:10px;
    overflow:auto;
	width:370px;
	height:440px;
}
#leftCol #topicsArea .hotrightBox h4,
#leftCol #topicsArea .columnBox h4,
#leftCol #topicsArea .worldeveBox h4 {
	border-bottom:1px solid #000000;
	margin-bottom:15px;
	padding-bottom:15px;
	text-align:left !important;
}
#leftCol #topicsArea .hotrightBox{
	float:left;
	margin-right:20px;
	width:373px;
}
#leftCol #topicsArea .worldeveBox{
	float:left;
	width:373px;
	margin-left: 20px;
}

#leftCol #topicsArea .hotrightBox dl,
#leftCol #topicsArea .columnBox dl,
#leftCol #topicsArea .worldeveBox dl,
{
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
	width: 370px;
}
#leftCol #topicsArea .hotrightBox dt{
	float:left;
	margin-right:5px;
	padding-left:35px;
	width:120px;
}
#leftCol #topicsArea .hotrightBox dl.rank01 dt{ background:url(/images/common/top/star_01.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank02 dt{ background:url(/images/common/top/star_02.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank03 dt{ background:url(/images/common/top/star_03.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank04 dt{ background:url(/images/common/top/star_04.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank05 dt{ background:url(/images/common/top/star_05.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank06 dt{ background:url(/images/common/top/star_06.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank07 dt{ background:url(/images/common/top/star_07.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank08 dt{ background:url(/images/common/top/star_08.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank09 dt{ background:url(/images/common/top/star_09.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dl.rank010 dt{ background:url(/images/common/top/star_10.gif) no-repeat 0 center;}
#leftCol #topicsArea .hotrightBox dd{
	float:left;
	width:230px;
}
#leftCol #topicsArea .hotrightBox dd a,
#leftCol #topicsArea .columnBox dd a,
#leftCol #topicsArea .worldeveBox dd a {
	display:block;
	margin-right:5px;
	color:#666666;
	text-decoration:none;
}
#leftCol #topicsArea .hotrightBox .moreRead a,
#leftCol #topicsArea .columnBox .moreRead a,
#leftCol #topicsArea .worldeveBox .moreRead a {
	background:#cccccc;
	display:block;
	padding:5px 0;
	text-align:center;
}

#leftCol #topicsArea .columnBox{
	float:left;
	width:373px;
}
#leftCol #topicsArea .worldeveBox{
	float:left;
	width:373px;
}

#leftCol #topicsArea .columnBox dt,
#leftCol #topicsArea .worldeveBox dt {
	float:left;
	margin-right:5px;
	width:120px;
}
#leftCol #topicsArea .columnBox dd, 
#leftCol #topicsArea .worldeveBox dd {
	float:left;
	margin-right:5px;
	width:230px;
}







#leftCol #rightBox h3 span.list{
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:85%;
	font-weight:bold;
}
#leftCol #rightBox h3 span.rss{
	position:absolute;
	right:10px;
	top:5px;
	font-size:85%;
	font-weight:bold;
}
#leftCol #rightBox h3 span a{
	color:#ffffff;
}
#leftCol #rightBox .section{
	padding:0 10px;
	margin-bottom:20px;
}
#leftCol #rightBox #info li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #cdcdc5;
	line-height:1.4;
}
#leftCol #rightBox #info div{
	float:left;
	margin:0 10px 5px 0;
}
#leftCol #rightBox #info dl{margin-bottom:5px;}
#leftCol #rightBox #info dt a{
	font-weight:bold;
	color:#a28804;
}
#leftCol #rightBox #info p{
	clear:left;
	padding:5px;
	background:#f6f2e5;
	font-size:85%;
	color:#a28804;
}
#leftCol #rightBox #info p a{color:#a28804;}
#leftCol #rightBox #magazine li{
	width:205px;
	float:left;
	margin:0 10px 10px 0;
	line-height:1.4;
}
#leftCol #rightBox #magazine li.oddItem{margin-right:0;}
#leftCol #rightBox #magazine div{
	position:relative;
	margin-bottom:5px;
}
#leftCol #rightBox #magazine div span{
	position:absolute;
	top:5px;
	right:5px;
}
#leftCol #rightBox #magazine dt{
	font-weight:bold;
}
#leftCol #rightBox #magazine dt a{
	color:#46412f;
	text-decoration:none;
}

/* choiceArea */
#leftCol #rightBox .choiceArea{
	margin-bottom:10px;
}
#leftCol #rightBox .choiceArea h3{ margin-bottom:0;}
#leftCol #rightBox ul.choiceBox{
	overflow:hidden;
	zoom:1;
	border:1px solid #46412f;
	border-top:none;
	padding:10px 5px;
}
#leftCol #rightBox ul.choiceBox li.contentLeft{
	float:left;
	width:273px;
}
#leftCol #rightBox ul.choiceBox li.contentLeft ul{ margin-bottom:10px;}
#leftCol #rightBox ul.choiceBox li.contentLeft li{
	background:url(/images/common/icn_arr_brown.gif) 0 center no-repeat;
	margin-bottom:5px;
	padding-left:10px;
}
#leftCol #rightBox ul.choiceBox li.contentLeft li.new a{
	padding-right:27px;
}
#leftCol #rightBox ul.choiceBox li.contentLeft li.new span{
	background:url(/images/idx/icn_new.gif) right 0 no-repeat;
}
#leftCol #rightBox ul.choiceBox li.contentLeft p{
	margin-right:20px;
	text-align:right;
}
#leftCol #rightBox ul.choiceBox li.contentRight{
	float:right;
	width:140px;
	font-size:10px;
}
#leftCol #rightBox ul.choiceBox li.contentRight dt{ margin-bottom:5px;}
#leftCol #rightBox ul.choiceBox li.contentRight dd a{ text-decoration:none;}
#leftCol #rightBox ul.choiceBox li.contentRight dd a:hover{ text-decoration:underline;}

#topicsArea section {
	width: 350px;
	float: left;
	margin: 0 20px; 
}

#topicsArea .button-more {
	margin-top: 90px !important;
}


.top_bannerArea {
	height: 280px;
	width: 100%;
	background: #f2f2f2;
	/*margin: -75px 0 30px 0;*/
	margin: 0px 0 30px 0;
	padding: 20px;
	clear:both;
}

.top_bannerArea ul li {
	float: left;
	margin-right: 15px;
}


/*Main Image*/
#main_img_wrapper .swiper-container {
    width: 100%;
    height: 440px;
    margin: 20px auto 0 auto;
    padding-bottom: 45px;
}
#main_img_wrapper .swiper-slide {
    width: 880px;
    text-align: center;
    /* Center slide text vertically */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#main_img_wrapper .swiper-slide:nth-child(2n) {
    width: 880px;
}
#main_img_wrapper .swiper-slide:nth-child(3n) {
    width: 880px;
}

#main_img_wrapper .swiper-slide-next{
    /*opacity: 0.5;*/
    height: 440px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
  }
#main_img_wrapper .swiper-slide-prev{
    /*opacity: 0.5;*/
    height: 440px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
  }

#main_img_wrapper .swiper-button-prev, #main_img_wrapper .swiper-button-next {
	width: 14px;
	height: 22px;
	margin-top: -11px;
	background-size: 14px 22px;
}

/* Spotlight Recommended news */
.sp_recommend_area {
	width: 100%;
	clear: both;
}

.sp_recommend_area dl {
	width: 550px !important;
	height: 505px !important;

    margin: 0 5px 10px 0 !important;
    padding: 10px !important;

}

.sp_recommend_area .list-article-category {
	font-size: 40px !important;
	font-family: 'Niconne', cursive;
	margin-bottom: 20px;
	color: #666;
}

.sp_recommend_area .list-article-category:before {
	height: 40px !important;
	width: 5px;
    margin-right: 10px;
}

.sp_recommend_area .swiper-container {
    width: 573px;
    height: 528px;
	margin-right: 5px;
    float: right;
}
.sp_recommend_area .swiper-slide {
    width: 573px;
    /* Center slide text vertically */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sp_recommend_area .swiper-wrapper {
	width: 550px;
}

/* Bottom Ranking Area Override*/
.list-title-center .en {
	font-family: 'Niconne', cursive !important;
}