@charset "UTF-8";



/* google フォント ゴシック系「'Noto Sans JP'」 */
/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
/* google フォント 明朝系「'Sawarabi Mincho'」 */
/*@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);*/


*{margin:0; padding:0;}

body{
width: 100%;
font-family: 'ヒラギノ角ゴ W3 JIS2004';
margin:0 auto;
line-height: 180%;
}



/* テキストリンク */
a {text-decoration:none; color:#165c82;}
a:visited {color:#999999;}
a:hover {color:#2286b2; }


/* 本文 */
p{padding: 0; margin: 0; line-height: 180%; font-weight: 300;}
/* 画像 */
img{vertical-align:middle; border-style:none; max-width:100%; height:auto;}
/* addressの斜線を解除 */
address{font-style:normal;}




/* 背景紙 */
.back_paper{
background-image: url(../img/back.gif);
background-repeat: repeat;
overflow: hidden;
}


/* 共通 mainコピー */
.main_copy{
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 20;
color: #FFF;
text-align: center;
font-weight:100;
font-family: 'ヒラギノUD明朝 W4 JIS2004';
line-height: 150%;
letter-spacing: 2px;
}






/* -------------------------- */
/* --------共通タイトル-------- */
/* -------------------------- */

/* タイトル01（文字サイズは各CSS） */
.title_01 {
padding-top: 7px;
text-align: center;
font-family: 'ヒラギノUD明朝 W4 JIS2004';
}
.title_01 h1 {
position: relative;
display: inline-block;
font-weight:100;
font-family: 'ヒラギノUD明朝 W4 JIS2004';
}
.title_01 h1::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 2px solid;
width : 60% ;
width : -webkit-calc(100% - 50px) ;
width : calc(100% - 50px) ;
margin: 0 auto;
}


/* タイトル02（文字サイズは各CSS） */
.title_02 {
text-align: center;
padding-bottom: 35px;
font-weight:100;
font-family: 'ヒラギノUD明朝 W4 JIS2004';
line-height: 140%;
}









/* -------------------------- */
/* --------共通ボタン-------- */
/* -------------------------- */

/* ボタン01、02、03の共通のデザイン */
.bt_01 a, .bt_02 a,.bt_03 a{
background-color: #064280;
color: #FFF;
background-image: url(../img/bt_icon.png);
background-position: right;
background-repeat: no-repeat;
font-family: 'ヒラギノUD明朝 W4 JIS2004';
text-align: center;
}
.bt_01 a:hover,.bt_02 a:hover,.bt_03 a:hover{background-color: #32668e;}











/* -------------------------- */
/* --------ランキング-------- */
/* -------------------------- */

/* 第1位 */
.rank li h2{
font-family: 'ヒラギノUD明朝 W4 JIS2004';
text-align: center;
margin: 0 0 15px 0
}

.rank_bold {
    font-weight: bold;
}

/* 商品名 */
.rank li h3{
font-family: 'ヒラギノ角ゴ W6 JIS2004';
font-size: 1.0em;
}


/* 値段 */
.price{
border-bottom: 1px dashed;
padding: 5px 0 10px 0;
margin-bottom: 5px;
}
/* 本文 */
.rank p{
font-family: 'ヒラギノ角ゴ W3 JIS2004';
margin-bottom: 10px;
}

/* 番号、商品名、金額の行間 */
.rank li h2,.rank li h3,.price{line-height: 130%;}
.rank li h3 {margin: 10px 0px 0px 0px;}

span.bold {font-weight: bold; }




/* -------------------------- */
/* ------返礼品スライダー------ */
/* -------------------------- */

#loopslider ul li img{width: 100%; height: auto;}

#loopslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
#loopslider ul {
display: inline-block;
overflow: hidden;
}




/* -------------------------- */
/* ------共通 フッター------ */
/* -------------------------- */

/* 背景グレー */
footer{
background: #4c4948;
margin: 30px 0 0 0;
overflow: hidden;
}

/* -------------------------- */
/* ------ページTOPへ------ */
/* -------------------------- */
.p_t a{
background-color: #000000;
text-align: center;
display: block;
padding: 10px 0;
}



