@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;
}

img.addBannerJPG {
	width: 100%;
}






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

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

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



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



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

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




/* -------------------------- */
/* --------ボタン-------- */
/* -------------------------- */
.bt_01 a{display: block; padding: 10px 0;}
.bt_02 a{display: block; font-size: 1.3em; padding: 20px 50px;}
.bt_03 a{display: block; font-size: 1.3em; padding: 25px 0;}





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

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

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



/* -------------------------- */
/* --------返礼品バナー-------- */
/* -------------------------- */
.heading {
  position: relative;
  display: inline-block;
  margin: 30px 0 15px;
  padding-bottom: 15px;
  letter-spacing: 2px;
  font-size: 4rem;
}
.heading::before,
.heading::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #999;
}
.heading::before {
  bottom: 5px;
}









/* -------------------------- */
/* --------街の紹介-------- */
/* -------------------------- */
.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;
}



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

/* 内容囲み */
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;}




/* -------------------------- */
/* ----------下部バナー-------- */
/* -------------------------- */

.last-banner{
	display: flex;
	flex-wrap:wrap;
    margin : 0 auto ;
}


/* .last-banner li {
	width: 100%;
	box-sizing:border-box;
    list-style: none;
}
.last-banner li img {
	max-width:100%;
	height: auto;
} 
*/