@charset "UTF-8";


.sp_no{display: none;}

  
/* -------------------------- */
/* --------header-------- */
/* -------------------------- */

header{
border-top: solid 10px #064280;/* 上部のライン */
padding: 0 1% 2% 5%;
box-sizing: border-box;
text-align: center;
}

/* ロゴ */
header div{
margin: 15px auto 10px auto;
padding-right: 10px;
width: 40%;
}

/* ページタイトル */
header h1{
font-family: 'ヒラギノUD明朝 W4 JIS2004';
letter-spacing: 2px;
font-size: 1.6em;
font-weight: 200;
}








/* -------------------------- */
/* --------main フェード-------- */
/* -------------------------- */

/* SPのサイズ　メインフェード */
.crossfade {
width: 100%;
height: 220px;
position:relative;
}

/* SPのサイズ　メインコピー */
.main_copy{
top: 180px;
font-size: 1.4em;
text-shadow: 0px 0px 10px #000000;
}



/* -------------------------- */
/* -----content 95%囲み----- */
/* -------------------------- */
.content{
width: 93%;
margin: 40px auto;
}



/* -------------------------- */
/* --------タイトル-------- */
/* -------------------------- */

/* SPの文字サイズ */
.title_01 h1 {
padding-bottom: 15px;
font-size: 1.6em;
}
/* SPの文字サイズ */
.title_02 {font-size: 1.6em;}

/* SPの文字サイズ小 */
.title_02_s{
font-size: 0.8em;
}





/* -------------------------- */
/* --------ボタン-------- */
/* -------------------------- */

div.PCRankButton {display: none; padding-left: -2000px; }
div.SPRankButton {display: block; padding: 10px 0;}


/* -------------------------- */
/* --------ランキング-------- */
/* -------------------------- */
.rank li{
margin-top:40px;
list-style: none;
}
/* 画像 */
.rank li img{width: 100%;}

/* 順位文字の大きさ */
.rank li h2{font-size: 1.7em;}

/* 番号の文字 */
.rank li h4{font-weight: 100;}



/* -------------------------- */
/* --------街の紹介-------- */
/* -------------------------- */
.city-info-01,.city-info-02{margin: 50px 0;}
/* 写真 */
.city-info-01 img,.city-info-02 img{width: 90%; height: auto; margin: 20px auto; display:block;}
/* 本文 */
.city-info-01 p,.city-info-02 p{width: 90%;margin: 0 auto;}






/* -------------------------- */
/* --------外部リンク一覧-------- */
/* -------------------------- */


.link{margin: 70px 0;}
.link li{list-style: none; margin-bottom: 30px;}







/* -------------------------- */
/* ------返礼品------ */
/* -------------------------- */

.henrei{text-align: center; margin: 50px 0 0 0;}


/* 返礼品スライダー */
#loopslider {
margin: 0 auto;
width: 100%;
height: 140px;
text-align: left;
position: relative;
overflow:hidden;
}

/* スライダー　spの幅を小さく */
#loopslider ul li {
width: 200px;
float: left;
display: inline;
overflow: hidden;
}



/* -------------------------- */
/* --------下部バナー-------- */
/* -------20180925追記------- */

.banner{margin: 70px auto 0px auto; text-align:center;}
.banner li{list-style: none; margin-bottom: 30px;}





/* -------------------------- */
/* ------フッター------ */
/* -------------------------- */

/* 内容囲み */
footer section{
width: 85%;
margin: 50px auto;
color:#FFF;
overflow: hidden;
}

/* 会社名とロゴ */
footer section h1{
font-family: 'ヒラギノUD明朝 W4 JIS2004';
font-size: 1.6em;
font-weight: 100;
letter-spacing: 2px;
text-align: center;
margin-bottom: 30px;
}
footer section h1 img{display: block; margin: 0 auto 10px auto; width: 50%;}

/* 会社のアドレス */
footer section div {font-size: 0.9em; line-height: 150%;}
footer section div a{color: #FFF; text-decoration:underline;}