@charset "utf-8";


#page-title h2{
	font-size:28px;
	padding-left:60px;
	background:url(../images/tit_icon.gif) no-repeat 0 6px;
}

#page-title h2 span{
	font-size:22px;
	font-weight:normal;
}


/*-----------------------------------------
	メイン
-------------------------------------------*/
#showcase{
}

.rank-unit{
	margin-bottom:50px;
	line-height:1.2;	
}

h3{
	font-size:26px;
}

h4.vl{
	line-height:1.2;
	font-size:18px;
	border-left:5px solid #79B4FF;
	padding-left:10px;
	margin-bottom:20px;
}



/*-----------------------------------------
	 Table
-------------------------------------------*/

table{
	width:1000px;
	border:1px solid #bbb;
	border-bottom:none;
}


table th{
	font-weight:normal;
	background:#FAFAFA;
	border-bottom:1px solid #bbb;
	font-size:12px;
	padding-top:9px;
	padding-bottom:7px;
}

table th.name{
	text-align:left;
	padding-left:30px;
}

table td{
	border-bottom:1px solid #bbb;
	text-align:center;
}

table td.arr{
	text-align:left;
}	
	
/*table td img{
	padding-top:14px;
	padding-bottom:12px;
}*/

table td.name-co{
	/*color:#0035D8;*/
	text-align:left;
}

table td.num{
	font-size:18px;
}

table td.l-num{
	font-size:16px;
	padding-right:15px;
}

table td.fee{
	text-align:right;
	padding-right:15px;
}

.name-co a{
	color:#196AD7;
}

table td span{
	font-size:12px;
	color:#000;
	margin-left:5px;
}


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

table.top4{
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-left:none;
	margin-bottom:15px;
}

table.top4 th{
	border-left:1px solid #bbb;
	padding-top:7px;
	padding-bottom:5px;
}

table.top4 th span{
	font-size:10px;
}

table.top4 td{
	border-left:1px solid #bbb;
	height:58px;
	line-height:58px;
	text-align:center;
	padding-left:0px;
}

table.top4 td span{
	font-size:15px;
	padding-left:5px;
}

table.top4 td img{
	padding-top:20px;
}

table.top4 td.no img{
	padding-top:13px;
}

table.top4 td.arr{
	text-align:center;
}	

table.top4 td.name-co{
	text-align:left;
	padding-left:25px;
	font-size:22px;
}

table.top4 td.num{
	font-size:24px;
}

table.top4 td.l-num{
	font-size:22px;
	padding-right:0;
}

table.top4 td.fee{
	text-align:right;
	padding-right:30px;
}


.bo-r{
	border-right:1px solid #bbb;
}


/*-------------*/
table.rank{
	width:322px;
	float:left;
}

table.rank td{
	height:60px;
	/*padding-top:6px;*/
	padding-left:0px;
	text-align:right;
	vertical-align:middle;
}

table.rank td.no{
	color:#712E5B;
	font-size:16px;
	text-align:center;
}

table.rank td.name-co, table.rank td.arr{
	text-align:left;
}

table.rank td.l-num{
	padding-right:8px;
	font-size:14px;
}
/*
table.rank td.num(l-num){
	font-size:18px;
	padding-right:15px;
}*/

table.rank td.num{
	font-size:18px;
}

table.rank td.rate{
	font-size:16px;
}

table td.de-tit, table td.de-tit_e, table td.de-tit_y{
	height:60px;
	font-size:16px;
	color:#FFF;
	padding-top:15px;
	padding-left:105px;
	background:url(../images/detit_icon.png) no-repeat 35px 25px;
	text-align:inherit;
}

.mr16{
	margin-right:16px;
}
.pr10{
	padding-right:15px;
}


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

.fo24{font-size:24px;}
.fo22{font-size:22px;}
.fo18{font-size:18px;}
.fo16{font-size:16px;}
.fo14{font-size:14px;}
.fo13{font-size:13px;}


.boy-co{
	color:#46D1FF;
	font-size:16px;
	margin-left:0;
}
.girl-co{
	color:#FFBAFF;
	font-size:16px;
	margin-left:0;
}
.mix-co{
	color:#FFFF4C;
	font-size:16px;
	margin-left:0;
}

.bgc-tokyo{
	background-color:#BD6AA9;
}
.bgc-kyoto{
	background-color:#A64A8F;
}
.bgc-fee{
	background-color:#C74000;
}

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

.tw30{width:30px;}
.tw45{width:45px;}
.tw50{width:50px;}
.tw55{width:55px;}
.tw70{width:70px;}
.tw80{width:80px;}
.tw100{width:100px;}
.tw110{width:110px;}
.tw120{width:120px;}
.tw130{width:130px;}
.tw140{width:140px;}
.tw150{width:150px;}
.tw160{width:160px;}
.tw263{width:263px;}
.tw300{width:300px;}
.tw585{width:585px;}
.tw675{width:675px;}


/*-----------------------------------------
	ONE Point
-------------------------------------------*/
#onepoint{
	width:1000px;
	height:150px;
	background-color:#ECF8F9;
	margin-bottom:45px;
	position:relative;
}

#onep-img{
	position:absolute;
	left:35px;
	top:59px;
}
#onep-txt{
	position:absolute;
	left:270px;
	top:35px;
	width:695px;
	line-height:1.6;
}
	

/*-----------------------------------------
	フォトリスト
-------------------------------------------*/
#thumb-list {
	margin-bottom:30px;
	margin-left:30px;
}

#thumb-list .thumb{
	width:210px;
	height:250px;
	float:left;
	line-height:1.4;
}

#thumb-list .mr{
	margin-right:35px;
}

#thumb-list .thumb img{
	margin-bottom:20px;
}

#thumb-list .thumb p{
	line-height:1.5;
}

#thumb-list .thumb p.tit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
}

.arrow-b {
	text-align:center;
}
/*
.arrow-b a{
	color:#34A5B6;
}*/

.arrow-b a:link{
	color:#444;
	text-decoration:none;	
}

.arrow-b a:visited {
	color:#444;
	text-decoration:none;
}
	
.arrow-b a:hover {
	color: #377FE5;
	text-decoration:underline;
}
.arrow-b a:active{
	color:#444;
	text-decoration:none;
}


/*-- 県別ナビ　--*/
#region-select{
	margin: -10px 0 30px 0;
    border: 1px solid #D1D1D1;
    padding: 5px 0;

}


#region-list{
   display: -webkit-flex;
   display: flex;
   justify-content: center;
}

#region-list .current{
	padding: 16px 30px 16px 40px;
	background: #FFA67B url(/share/images/arrow_white2.png) no-repeat 16% 48%;
	font-weight: bold;
	
}

#region-list li{
	padding: 16px 30px 16px 40px;
    background: #fff url(/share/images/arrow_black.png) no-repeat 16% 48%;
	
}


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

@media screen and (max-width: 768px){


#page-title h2{
	font-size: 22px;
	padding: 5px 0 10px 50px;
    background:url(../images/tit_icon.gif) no-repeat 0px 0px;
    background-size: 40px 40px;
    line-height: 1.2;
}

#page-title h2 span{
	font-size:18px;
}


/*-----------------------------------------
	メイン
-------------------------------------------*/
#showcase{
	width: 100%;  /*---n--*/
	height: auto; /*---n--*/
}

#showcase img{
	width: 100%;  /*---n--*/
	height: auto; /*---n--*/
}


.rank-unit{
	margin-bottom:30px;/*---n--*/
}

h3{
	font-size:22px; /*---n--*/
}


/*-----------------------------------------
	 Table
-------------------------------------------*/

table{
	width:94%;              /*--n--*/
	margin: 0 auto;/*--n--*/
}


table.top4 td{
	border-left:1px solid #bbb;
	height:0px;
	line-height:1.1;  /*--*/
	text-align:center;
	/*padding-left:0px;*/
	padding: 0 5px 0 5px; /*--*/
}


table.top4 td.name-co{
	padding: 10px 3px 10px 10px;/*----*/
	font-size:16px;/*----*/
}


table.rank td.name-co{
	padding: 7px 0px 5px 0;

}

/*-------------*/
table.rank{
	float: none;/*--*/
	width:94%;  /*--*/
	margin: 0 auto;/*--n--*/
	margin-bottom: 20px;/*--n--*/
}

table.rank td{
	height:0px;/*--*/
	/*padding-top:6px;*/
	
}

table td.de-tit, table td.de-tit_e, table td.de-tit_y{
	height:60px;
	font-size:16px;
	color:#FFF;
	padding-top:15px;
	padding-left:105px;
	background:url(../images/detit_icon.png) no-repeat 35px 25px;
	text-align:inherit;
}

table.rank td.l-num{
	padding-right:8px;
	font-size:14px;
}


.fo24{font-size:18px;
}  

/*-- 県別ナビ　--*/
#region-select{
	width: 93%;/*--*/
    margin: 0 auto;/*--*/
    margin-top: -10px;/*--*/
    margin-bottom: 30px;/*--*/

    border: 1px solid #D1D1D1;
    padding: 5px 0;

}

#region-list{
   display: -webkit-flex;
   display: block; /*--*/
   justify-content: center;
}

#region-list .current{
	padding: 12px 30px 12px 30%;
	background: #FFA67B url(/share/images/arrow_white2.png) no-repeat 25% 48%;
	font-weight: bold;
}

#region-list li{
	padding: 12px 30px 12px 30%;
    background: #fff url(/share/images/arrow_black.png) no-repeat 25% 48%;
	
}

#region-list li a{
	display: block;
}

}