@charset "utf-8";

/**
 * travel information: 観光情報
 */

/*--------------------------------------------------------------------------
	override
--------------------------------------------------------------------------*/



/* .page-ttl
-----------------------------------------------------------------*/
.page-ttl{
	height: 120px;
	padding-top: 60px;
	background: url(/global/common/hokuriku_arch/images/bg01.png);
}
.page-ttl h2{
	line-height: 1;
	font-size: 44px;
	color: #002751;
	text-align: center;
}

h3.sec_ttl span{
	line-height: 1.5;
}
h3.sec_ttl2{
	position:relative;
	padding-bottom: 15px;
	margin-bottom: 45px;	
	font-size:23px;
	color: #02428c;
	text-align: center;	
	line-height: 1.5;		
}
.sec h3.sec_ttl2{
	padding-bottom: 10px;	
}
h3.sec_ttl2:after{
	position:absolute;
	content:"";
	width:100px;
	height: 6px;
	background:#02428c;
	left:50%;
	bottom:-6px;
	margin-left: -50px;
}

/*--------------------------------------------------------------------------
	.sec
--------------------------------------------------------------------------*/

.sec{
	padding: 75px 0;
}


/* #secMap
-----------------------------------------------------------------*/
#secMap{
	padding: 50px 0 80px;
	background:#fff;	
}
#secMap .inner{
	position: relative;
	width: 970px;
	padding-top: 10px;
	margin: 0 auto;		
}
#secMap .ico{
	position: absolute;
	top:-120px;
	right:0;
	border-radius:60px 60px;
	background:#fff;	
}
#googleMap{
	width: 970px;
	height: 570px;
	margin: 0 auto;
	border-radius:6px;
}

.map{
	width: 970px;
	height: 420px;
	margin: 0 auto;
	border-radius:6px;	
}


/* infoWindow */
._sc .gm-style,
._tc .gm-style{ 
	font-family: "Microsoft Yahei", "PingHei", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"  !important;
}
._kr .gm-style{ 
	font-family: "Malgun Gothic", "Yoon Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", "ＭＳ Ｐゴシッ ク", "MS PGothic", "sans-serif" !important;
}
._en .gm-style{ 
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",Sans-Serif !important;
}

#secMap .infowin{
	width: 236px !important;
}
.customwin {
   width: 230px !important;
   height:100px !important;
   top:20px !important;
   left: 0 !important;
   background-color: #fff;
   box-shadow: 7px 15px 18px rgba(63,63,63,.29);
   border: solid 3px #124e91;
   border-radius: 10px;
   overflow:visible !important;
}
.customwin p{
	height: 100%;
	line-height:1.4;
	font-size:16px;
	font-weight:bold;
	color:#124e91;	
}
.customwin a{
	box-sizing:border-box;
	display:block;
	padding: 12px 10px 0 20px;	
	width: 100%;
	height: 100px;
	text-decoration:none;
}
.customwin a.long{
	font-size:14px;
}
.customwin a.btn{
	position:absolute;
	bottom:0;
	display:block;
	width: 230px;
	height: 32px;
	padding: 0 0 0 20px;
	line-height:32px;
	background:url(/global/common/hokuriku_arch/images/travel-information/ico_arw_map.png) no-repeat 200px 9px #D2EEFB;
	border-radius: 0 0 10px 10px;
	color:#002751;
	text-decoration:none;	
}
.customwin:after{
	position:absolute;
	content:url("/global/common/hokuriku_arch/images/travel-information/ico_baloon.png");
	left:50%;
	bottom:-23px;
	margin-left: -10px;
}
_kr .customwin:after{
	bottom:-22px;
}
.customwin a.btn:hover{
	opacity:0.7;	
}
.customwin .view-link{
	display:none;	
}
.customwin .poi-info-window div{
	background:none;
	padding: 0 5px;	
}

/* .infoarea
-----------------------------------------------------------------*/
.infoarea{
	position: relative;	
}
.infoarea .pic{
	float: left;
	width: 475px;
	padding-bottom: 50px;
}
.infoarea .pic ul li{
	float: left;
	margin: 0 10px 15px 0;
	padding: 7px 18px 8px;
	line-height:1.1;
	font-size:18px;
	font-weight:bold;	
}
.infoarea .pic .ishikawa{
	background:#b7e6f8;
	color:#124e91;	
}
.infoarea .pic .toyama{
	background:#fcf8dd;
	color:#124e91;	
}
.infoarea .pic .fukui{
	background:#edf7db;
	color:#124e91;	
}
.infoarea .pic .type01{
	background:#ff7ebb;
	color:#fff;	
}
.infoarea .pic .type02{
	background:#ff6f37;
	color:#fff;	
}
._sc .infoarea .pic .type02,
._tc .infoarea .pic .type02{
	font-family: "Microsoft Yahei", "PingHei", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"  !important;
}
.infoarea .pic .type03{
	background:#a96fb5;
	color:#fff;	
}
.infoarea .pic p{
	margin-bottom: 16px;
	font-size:12px;		
}
.infoarea .info{
	float: right;
	right:0;
	width: 460px;
	margin-bottom: 50px;
	border-top:1px dotted #83abd1;	
}
.infoarea .info th,
.infoarea .info td{
	padding: 15px 13px;
	border-bottom:1px dotted #83abd1;
	font-size:12px;
}
.infoarea .info th{
	background:#e2f5fc;
	color:#124e91;
	text-align:left;
}

/* .place_list
-----------------------------------------------------------------*/
.place_list{
	width: 970px;
	margin: 0 auto;
	padding-top: 40px;
}
.place_list .item{
	position:relative;
	float: left;
	width: 234px;
	margin-left: 11px;
	background:#fff;
	border-radius:0 0 5px 5px;
	box-shadow: 3px 6px 9px rgba(0,35,48,.11);		
}
.place_list div:first-child{
	margin-left: 0;	
}
.place_list .item > div{
	padding: 25px 12px 10px 15px;
}
.place_list .item > div div{
	position:relative;
	/* padding-bottom:80px; */
}
.place_list .item h4{
	padding-left: 20px;
	margin-bottom: 10px;
	line-height:1.2;
	font-size:17px;
	background:url(/global/common/hokuriku_arch/images/travel-information/ico_arrow_ttl.png) no-repeat 0 3px;
}
.place_list .item h4 a{
	color:#02428c;	
}
.place_list .item > div:before{
	position:absolute;
	top:161px;
	left:15px;
	content:"";
	width: auto;
	padding:0 10px;
	height: 25px;
	border-radius:5px;
	line-height:25px;
	text-align:center;
	font-size:15px;
	color:#fff;
}
.place_list .item div.type01:before{
	content:"观光";
	background:#ff7ebb;
}
._tc .place_list .item div.type01:before{
	content:"觀光";	
}
._kr .place_list .item div.type01:before{
	content:"관광";	
}
._en .place_list .item div.type01:before{
	content:"Sightseeing";	
}

.place_list .item div.type02:before{
	content:"体验";
	background:#ff6f37;
}
._sc .place_list .item div.type02:before,
._tc .place_list .item div.type02:before{
	font-family: "Microsoft Yahei", "PingHei", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"  !important;	
}
._tc .place_list .item div.type02:before{
	content:"體驗";
}
._kr .place_list .item div.type02:before{
	content:"체험";
}
._en .place_list .item div.type02:before{
	content:"Experience";
}

.place_list .item div.type03:before{
	content:"世界遗产";
	background:#a96fb5;
}
._tc .place_list .item div.type03:before{
	content:"世界遺產";
}
._kr .place_list .item div.type03:before{
	content:"세계유산";
}
._en .place_list .item div.type03:before{
	content:"World Heritage Site";
}

.place_list .item .txt{
	margin-bottom: 18px;
	font-size:12px;
	line-height:1.5;
}
.place_list .item .btn{
	position: absolute;
	bottom:0;
	left:0;
	margin: 0 15px;
	padding: 15px 0;
	border-top:1px dotted #d9d9d9;	
}
.place_list.detail{
	padding-top: 0;
	width: 725px;	
}
/* color
-----------------------------------------------------------------*/
#sec01{	background: #e6f3f8;}
#sec02{	background: #fcf8dd;}
#sec03{	background: #edf7db;}


/* .btn_top
-----------------------------------------------------------------*/
.btn_top{
	padding: 40px 0 90px;
	text-align: center;
}


