@charset "utf-8";
/* ============================================================================
==ベース CSS
============================================================================= */



/* ==#mainContents
***************************************************************************** */
/* #mainContents */

#mainVisual .mnLogo {
	text-align: right;
	background: #fff;
}
#mainVisual h1 img {
	width: 960px;
	height: 560px;
}
#mainVisual .carousel {
	position: relative;
}

#mainContents {
	background: #f8f8f8 ;
}
#rankGtorip {
	background: url(../images/bg1.png) ;
	padding-bottom: 30px;
}
#rankGtorip a:hover img {
	opacity:0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#rankGtorip .innerRankgtorip {
	padding: 0 30px 20px;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#rankGtorip .title1 {
	text-align: center;
	margin-bottom: 20px;
}
#rankGtorip .imageL1 {
	float: left;
	margin: -20px 30px 30px 0;
}
#rankGtorip .read1 {
	margin-bottom: 20px;
	color: #412619;
	font-size: 15px;
	line-height: 2.4;
}
#rankGtorip .read1 span {
          font-weight: bold;
}

/* #relay */

#rankGtorip #relay {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg2.png) ;
}
#relay .title2 {
	text-align: center;
	margin-bottom: 40px;
}
#relay ul.relayArea {
	padding: 0 0 40px 40px;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#relay ul.relayArea li {
	float: left;
	margin-right: 30px;
}
#relay ul.relayArea li:last-child {
	margin-right: 0;
}
#relay .rankTitle {
	width: 820px;
	margin: 0 0 20px -10px;
}
#relay ul.rankLst {
	padding: 0 0 0 5px;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#relay ul.rankLst li.hal {
	float: left;
	width: 380px;
	margin: 0 30px 30px 0;	
}
#relay ul.rankLst li.wd {
	clear: both;
	width: 790px;
	margin: 0 30px 30px 0;	
}
#relay ul.rankLst .lst {
	margin-right: 0px;	
}

/* 北海道 */

#relay .hokkaido {
	margin: 0 30px 30px;
	padding: 60px 0 40px 30px;
	background: #fff url(../images/head-h.png) repeat-x left top;
}
#relay .hokkaido .name {
	position: relative;
	margin: 0 30px 20px 0;
	padding: 20px 20px 20px 170px;
	background: url(../images/name-h-bg.png) ;
}
#relay .hokkaido .name .sawadaSan {
	position: absolute;
	left: 20px;
	top: -31px;
}
#relay .hokkaido .name .nameTitle,
#relay .tokyo .name .nameTitle,
#relay .osaka .name .nameTitle {
	margin: -30px 0 20px;
}
#relay .hokkaido .name p {
	color: #336699;
	font-size: 14px;
	line-height: 2.0;
}
#relay ul.rankLst dl.rankHokkaido,
#relay ul.rankLst dl.rankTokyo,
#relay ul.rankLst dl.rankOsaka {
	padding: 15px 17px 15px;
	border: 2px solid #dddddd;	
}
#relay ul.rankLst dl.rankHokkaido dt  span,
#relay ul.rankLst dl.rankTokyo dt  span,
#relay ul.rankLst dl.rankOsaka dt  span{
	font-weight: bold;
	font-size: 24px;
}
#relay ul.rankLst dl.rankHokkaido dt {
	height: 40px;
	padding: 15px 5px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	color: #336699;
}
#relay ul.rankLst dl.rankHokkaido .no1,
#relay ul.rankLst dl.rankTokyo .no1,
#relay ul.rankLst dl.rankOsaka .no1 {
	font-size: 24px;
}
#relay ul.rankLst dl.rankHokkaido dd,
#relay ul.rankLst dl.rankTokyo dd,
#relay ul.rankLst dl.rankOsaka dd {
	padding-top: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 1.6;
}
#relay ul.rankLst dl.rankHokkaido dd img,
#relay ul.rankLst dl.rankTokyo dd img,
#relay ul.rankLst dl.rankOsaka dd img {
	display: block;
	margin: 0 auto 20px;
}
#relay ul.rankLst dl.rankHokkaido a:link,
#relay ul.rankLst dl.rankHokkaido a:visited {
	margin-top: 5px;
	color: #006699 !important;
	text-decoration: underline;
	text-align: right;
}
#relay ul.rankLst dl.rankHokkaido a:hover {
	margin-top: 5px;
	color: #006699 !important;
	text-decoration: none;
	text-align: right;
}
#relay .rankGrmHokkaido {
	margin:  0 35px 30px 5px;
	padding: 30px 20px 20px 30px;
	border: 2px solid #dddddd;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */	
}
#relay .pointHokkaido {
	width: 800px;
	margin: 0 auto;
	padding: 30px 30px 20px;
	background: url(../images/point-h-bg.png) no-repeat;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#relay .pointHokkaido h3,
#relay .pointTokyo h3,
#relay .pointOsaka h3 {
	float: left;
	margin-right: 15px;
}
#relay .pointHokkaido .pointIst1,
#relay .pointTokyo .pointIst1,
#relay .pointOsaka .pointIst1 {
	float: right;
	margin: -20px 40px 0 15px;
}
#relay .pointHokkaido p,
#relay .pointTokyo p,
#relay .pointOsaka p {
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}
#relay ul.rankLst2 {
	float: left;
	width: 320px;
	margin: 0 30px 20px 0;
}
#relay ul.rankLst2 li {
	padding: 10px 0;
	color: #336699;
	font-size: 18px;
	background: url(../images/dot-line1.png) repeat-x 0 100%;
}
#relay ul.rankLst2 li span {
	font-weight: bold;
}
#relay .read2 {
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}
#rankGtorip .read1 span {
          font-weight: bold;
}
.caution {
	clear: both;
	margin-top: -40px; 
	padding: 0 0 40px 0;
	font-size: 12px;
	color: #999;
}
#relay ul.rankImageList {
	padding: 0 0 20px 0;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#relay ul.rankImageList li {
	float: left;
	margin-right: 20px;
}
#relay ul.rankImageList li:last-child {
	margin-right: 0;
}
article {
	max-height: 20px;
}

/* 東京 */

#relay .tokyo {
	margin: 0 30px 30px;
	padding: 60px 0 40px 30px;
	background: #fff url(../images/head-t.png) repeat-x left top;
}
#relay .tokyo .name {
	position: relative;
	margin: 0 30px 20px 0;
	padding: 20px 20px 20px 170px;
	background: url(../images/name-t-bg.png) ;
}
#relay .tokyo .name .sawadaSan {
	position: absolute;
	left: 20px;
	top: -31px;
}
#relay .tokyo .name p {
	color: #5e9d5d;
	font-size: 14px;
	line-height: 2.0;
}
#relay ul.rankLst dl.rankTokyo dt {
	padding: 15px 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #075131;
}
#relay ul.rankLst dl.rankTokyo a:link,
#relay ul.rankLst dl.rankTokyo a:visited {
	margin-top: 5px;
	color: #075131 !important;
	text-decoration: underline;
	text-align: right;
}
#relay ul.rankLst dl.rankTokyo a:hover {
	margin-top: 5px;
	color: #075131 !important;
	text-decoration: none;
	text-align: right;
}
#relay .pointTokyo {
	width: 740px;
	margin: 0 auto;
	padding: 25px 70px 20px 30px;
	background: url(../images/point-t-bg.png) no-repeat;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#relay .pointTokyo .pointIst2,
#relay .pointOsaka .pointIst2 {
	text-align: right;
}

/* 大阪 */

#relay .osaka {
	margin: 0 30px 30px;
	padding: 60px 0 40px 30px;
	background: #fff url(../images/head-o.png) repeat-x left top;
}
#relay .osaka .name {
	position: relative;
	margin: 0 30px 20px 0;
	padding: 20px 20px 20px 170px;
	background: url(../images/name-o-bg.png) ;
}
#relay .osaka .name .usukiSan {
	position: absolute;
	left: 20px;
	bottom: 0px;
}
#relay .osaka .name p {
	color: #e05a40;
	font-size: 14px;
	line-height: 1.8;
}
#relay ul.rankLst dl.rankOsaka dt {
	height: 40px;
	padding: 15px 5px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	color: #e05a40;
}
#relay ul.rankLst dl.rankOsaka a:link,
#relay ul.rankLst dl.rankOsaka a:visited {
	margin-top: 5px;
	color: #e05a40 !important;
	text-decoration: underline;
	text-align: right;
}
#relay ul.rankLst dl.rankOsaka a:hover {
	margin-top: 5px;
	color: #e05a40 !important;
	text-decoration: none;
	text-align: right;
}
#relay .pointOsaka {
	width: 740px;
	margin: 0 auto;
	padding: 25px 70px 20px 30px;
	background: url(../images/point-o-bg.png) no-repeat;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
.osakaMgn {
	margin-left: 120px !important;
	margin-bottom: 20px !important;
}

/* .hotelLst */

dl.hotelLst {
	margin: 0 30px ;
	border: 1px solid #b5b5b5;
}
dl.hotelLst dt {
	padding: 15px;
	background: #fff;
	font-size: 18px;
	color: #222;
	text-align: center;
}
dl.hotelLst dt span {
	font-size: 24px;
	color: #075131;
	font-weight: bold;
}
dl.hotelLst dd {
	padding: 20px 15px 15px 10px;
	background: #dcf2e9;
}
dl.hotelLst .otherList {
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
}
dl.hotelLst .otherList a:link,
dl.hotelLst .otherList a:visited {
	text-decoration: underline;
}
dl.hotelLst .otherList a:hover {
	text-decoration: none;
}

/* .slider */

.slider {
        width: 92%;
        margin: 0 auto;
        padding: 10px 0 0 0;
}
.slick-slide {
      margin: 0px 20px;
}
.slick-slide img {
      width: 100%;
}
.slick-prev:before,
.slick-next:before {
        color: black;
}
.slider li img {
        display: block;
        margin-bottom: 10px;
}
.slider li {
       margin-bottom: 0;
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
        font-weight: bold;
}
.slider li a:link,
.slider li a:visited {
	text-decoration: underline;
}
.slider li a:hover {
	text-decoration: none;
}

/* #rec */

#recWrap {
	width: 890px;
	margin: 40px auto 20px;
	background: url(../images/rec-bg.png) repeat-y;
}
#recWrap .rec {
	background: url(../images/rec-top.png) no-repeat;
}
#recWrap .recInr {
	padding: 10px 20px 50px;
	background: url(../images/rec-btm.png) no-repeat 0 100%;
}
#recWrap .recTitle {
	padding: 30px 20px;
}
#recWrap dl.recList  {
	padding: 0 40px;
}
#recWrap dl.recList dt {
	padding-bottom: 10px;
	color: #075131;
	font-size: 24px;
	font-weight: bold;
}
#recWrap dl.recList dt img {
	margin-right: 5px;
	vertical-align: middle;
}
#recWrap dl.recList dd {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 30px;
}
#recWrap .campaign {
	width: 760px;
	margin: 20px auto 5px;
	padding: 40px 20px 15px;
	background: #d0ede1 url(../images/cam-head.png) no-repeat 0 5px;
	overflow: hidden; /* clearfix */
	zoom: 1;  /* clearfix */
}
#recWrap .campaign .camL {
	float: left;
	margin-right: 10px;
}
#recWrap .campaign .camR {
	float: right;
	margin-left: 0;
}
#recWrap .campaign p {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.9;
}
#recWrap .campaign p span {
	display: block;
	color: #ff3300;
	font-size: 16px;
	font-weight: bold;
}
.copy {
	padding: 0 0 0 25px;
	font-size: 12px;
	color: #999;
}
.btn-wrap1 {
	padding: 0 0 20px;
	text-align: center;
}
.pageTop2 {
	padding: 15px 20px 20px;
	text-align: right;
}