.clearfix, .buttons ul, .list .spots, .list .spots .item, .list .spot_list_sp ul li { *zoom: 1; }
.clearfix:after, .buttons ul:after, .list .spots:after, .list .spots .item:after, .list .spot_list_sp ul li:after { content: ""; display: table; clear: both; }

#mainvisual { background: url(../img/bg_main.jpg) no-repeat center center; background-size: cover; height: 360px; margin-bottom: 40px; }
@media only screen and (max-width: 760px) { #mainvisual { height: 100px; margin-bottom: 15px; position: relative; } }
#mainvisual .inr { margin: 0 auto; padding-top: 50px; width: 960px; }
#mainvisual .inr h1 { color: #fff; font-size: 363%; font-weight: normal; letter-spacing: 0.2em; line-height: 1; margin-bottom: 25px; }
@media only screen and (max-width: 760px) { #mainvisual .inr h1 { bottom: 10px; font-size: 138%; left: 10px; margin: 0; position: absolute; } }
#mainvisual .inr p { color: #fff; line-height: 1.8; }
@media only screen and (max-width: 760px) { #mainvisual .inr p { display: none; } }

.lead { font-size: 88%; margin: 0 10px; }

.buttons { background: url(../img/bg_buttons.gif) no-repeat center top; margin-bottom: 65px; padding: 15px 0 50px; }
@media only screen and (max-width: 760px) { .buttons { background: url(../img/sp/bg_buttons.gif) no-repeat center center; background-size: cover; margin-bottom: 0; padding: 30px 10px 45px; } }
.buttons ul { margin: 0 auto; width: 650px; }
@media only screen and (max-width: 760px) { .buttons ul { width: auto; } }
.buttons ul .tips { float: left; }
@media only screen and (max-width: 760px) { .buttons ul .tips { text-align: center; width: 50%; }
  .buttons ul .tips img { width: 150px; } }
.buttons ul .ranking { float: right; }
@media only screen and (max-width: 760px) { .buttons ul .ranking { text-align: center; width: 50%; }
  .buttons ul .ranking img { width: 150px; } }
.buttons ul p { font-size: 113%; font-weight: bold; text-align: center; }
@media only screen and (max-width: 760px) { .buttons ul p { font-size: 75%; } }

.list { margin: 0 auto; padding-bottom: 60px; width: 960px; }
@media only screen and (max-width: 760px) { .list { margin-top: 35px; padding-bottom: 0; width: auto; } }
.list h2 { font-size: 275%; font-weight: normal; margin-bottom: 30px; text-align: center; }
@media only screen and (max-width: 760px) { .list h2 { display: none; } }
.list h3 { background: #2155b4; color: #fff; font-size: 113%; font-weight: normal; margin-bottom: 35px; padding: 5px 0; text-align: center; }
@media only screen and (max-width: 760px) { .list h3 { font-size: 100%; margin-bottom: 0; }
  .list h3 span { font-size: 75%; } }
.list .spots { margin-right: -54px; }
@media only screen and (max-width: 760px) { .list .spots { margin-right: 0; } }
.list .spots .item { float: left; margin-right: 54px; margin-bottom: 40px; width: 453px; }
@media only screen and (max-width: 760px) { .list .spots .item { border-bottom: 1px solid #c9c9c9; margin-right: 0; margin-bottom: 0; padding: 15px 10px; width: auto; } }
.list .spots .item .img { float: left; margin-right: 20px; width: 230px; }
@media only screen and (max-width: 760px) { .list .spots .item .img { margin-right: 15px; width: 100px; }
  .list .spots .item .img img { width: 100%; } }
.list .spots .item .dtl { overflow: hidden; zoom: 1; }
.list .spots .item .dtl h4 { margin-bottom: 10px; }
.list .spots .item .dtl p { font-size: 88%; margin-bottom: 5px; }
.list .spots .item .dtl li { font-size: 88%; }
.list .spot_offer { font-size: 69%; position: relative; top: -25px; text-align: center; } .owabi {text-align: center;} #modal_owabi {margin: 0 auto; width: 490px; display: none;}
@media only screen and (max-width: 760px) { .list .spot_offer { font-size: 69%; position: relative; top: 10px; text-align: center; } }
.list .button { margin-bottom: 60px; text-align: center; }
@media only screen and (max-width: 760px) { .list .button { margin-top: 25px; margin-bottom: 50px; } .owabi {text-align: center;} #modal_owabi {width: auto; display: none;}}
.list .button a { background: url(../img/icon_link.gif) no-repeat 293px center; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 10px 5px #eee; color: #333; display: inline-block; line-height: 46px; text-align: center; text-decoration: none; width: 318px; }
@media only screen and (max-width: 760px) { .list .button a { background: url(../img/icon_link.gif) no-repeat 236px center; font-size: 88%; width: 260px; } }
.list .button a:hover { color: #999; }
.list .spot_list { border-collapse: collapse; margin-top: 60px; margin-bottom: 60px; width: 960px; }
.list .spot_list th { color: #fff; font-weight: normal; }
.list .spot_list th.spot_list_title { background: #2155b4; color: #fff; font-size: 113%; font-weight: normal; margin-bottom: 35px; padding: 5px 0; text-align: center; }
.list .spot_list th.pref { border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; background: #51a5d6; width: 134px; }
.list .spot_list td { border-top: 1px solid #c9c9c9; border-left: 1px dotted #c9c9c9; border-bottom: 1px solid #c9c9c9; font-size: 88%; padding: 10px 0; }
.list .spot_list td.region { text-align: center; width: 105px; }
.list .spot_list td.name { padding-left: 20px; width: 700px; }
.list .spot_list_sp { width: auto; }
.list .spot_list_sp .spot_list_title { background: #2155b4; color: #fff; cursor: pointer; display: block; font-size: 100%; font-weight: normal; margin-bottom: 0; padding: 5px 0; text-align: center; }
.list .spot_list_sp .pref { border-top: none; border-bottom: 1px solid #c9c9c9; background: #51a5d6; padding: 10px 0; position: relative; width: auto; }
.list .spot_list_sp .pref::after { background: url(../img/sp/icon_plus.gif) no-repeat left top; background-size: 15px auto; content: ""; display: block; height: 15px; margin-top: -7px; position: absolute; right: 10px; top: 50%; width: 15px; }
.list .spot_list_sp .pref.on::after { background: url(../img/sp/icon_minus.gif) no-repeat left top; background-size: 15px auto; content: ""; display: block; height: 15px; margin-top: -7px; position: absolute; right: 10px; top: 50%; width: 15px; }
.list .spot_list_sp ul { display: none; }
.list .spot_list_sp ul li { border-bottom: 1px solid #c9c9c9; padding: 5px 0; }
.list .spot_list_sp ul li .region { border-right: 1px dotted #c9c9c9; box-sizing: border-box; float: left; font-size: 88%; padding: 10px 0; text-align: center; width: 20%; }
.list .spot_list_sp ul li .name { box-sizing: border-box; float: left; font-size: 88%; width: 80%; }
.list .spot_list_sp ul li .name a { background: none; color: #333; display: block; padding: 10px; position: relative; }
.list .spot_list_sp ul li .name a::after { background: url(../img/icon_link.gif) no-repeat left top; content: ""; display: block; height: 14px; margin-top: -7px; position: absolute; right: 10px; top: 50%; width: 8px; }

/*# sourceMappingURL=index.css.map */