@charset "UTF-8";
/* 全端末共通
-------------------------------------------------- */
/* Sass Document */
/*フォント*/
/* メディア別非表示 */
/* 1～3割まで */
.box2 {
width: 100%;
padding: 2% 0; }
.box2 li:nth-child(odd) {
width: 50%;
padding-right: 1%; }
.box2 li:nth-child(odd) img {
width: 100%; }
.box2 li:nth-child(even) {
width: 50%;
padding-left: 1%; }
.box2 li:nth-child(even) img {
width: 100%; }

.box3 {
width: 100%; }
.box3 li:nth-child(3n+2) {
width: 32%;
margin: 0 1% 3% 1% !important; }
.box3 li:nth-child(3n+2) img {
width: 100%; }
.box3 li:nth-child(3n+1) {
width: 32%;
margin: 0 1% 3% 0% !important; }
.box3 li:nth-child(3n+1) img {
width: 100%; }
.box3 li:nth-child(3n+0) {
width: 32%;
margin: 0 0% 3% 1% !important; }
.box3 li:nth-child(3n+0) img {
width: 100%; }

/* メインタイトルの大きさ調整 */
/* メニューのロゴの大きさ調整 */
/* .buttonの大きさ調整 */
/* section */
section {
width: 100%; }

/* #intoro_bg */
#intoro_bg {
/*width: 100%;*/ }

/* #intoro */
#intoro {
/*width: 100%;*/
color: #fff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* 限定商品 #limited */
#limited {
/*width: 100%;*/ }
#limited .article {
background-color: #fff; }

/* ランキング部分 #ranking */
#ranking {
/*width: 100%;*/ }
#ranking .ranking_pro {
background-color: #fff; }
#ranking a {
text-decoration: none;
color: #232323;
/* .price {color: #a40000}*/ }

/* #line-up */
#line-up {
width: 100%;
text-align: center; }
#line-up ul {
margin: 0 auto; }
#line-up li {
float: left;
list-style: none;
line-height: 0; }

/* .list_name */
.list_name {
/*width: 100%;*/ }

/* .list_price */
.list_price {
/*width: 100%;*/ }

/* #budget */
#budget {
width: 100%;
text-align: center; }
#budget li {
list-style: none; }

/*予算からギフトを探すのボタン*/
/* .budget_btn */
.budget_btn {
/*width: 100%;*/ }

/* #category */
#category {
width: 100%;
text-align: center; }
#category li {
list-style: none; }

/* #der */
#der {
width: 100%;
text-align: center; }
#der .article {
background-color: #fff;
margin-bottom: 5%; }

/* #event */
#event {
width: 100%; }
#event ul {
margin: 0 auto; }
#event li {
list-style: none; }

/* footer */
footer {
width: 100%; }
footer ul {
margin: 0 auto; }
footer li {
list-style: none;
float: left; }

/* .couttimer */
.couttimer #CDT {
width: 100%;
color: #af0000;
text-align: center; }

.lsit_h {
line-height: -0.25rem; }
.lsit_h img {
margin: 0;
padding: 0; }

/* スマフォ
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* Sass Document */
/*フォント*/
/* メディア別非表示 */
.pc_hidden {
display: none; }

.tb_hidden {
display: none; }

.ptb_hidden {
display: none; }

/* 1～3割まで */
.box1 {
width: 100%;
margin-bottom: 2%; }

/* メインタイトルの大きさ調整 */
header {
background-image: url("../img/19wgift740x555.jpg");
height: 60vh; }
header .ttl {
max-width: 40%;
text-align: center;
margin: 　0 auto;
position: absolute;
bottom: 18%;
left: 58%;
/*transform:translateX(-50%);
transform:translateY(50%);*/ }

/* メニューのロゴの大きさ調整 */
.drawer-brand .logo {
max-width: 80%; }

/* .buttonの大きさ調整 */
.button {
max-width: 45%;
font-size: 0.8rem; }

/* section */
section {
padding: 8% 0%; }
section p {
line-height: 1.2rem; }
section .article {
width: 98%;
margin: 0 auto; }

/* #intoro_bg */
#intoro_bg {
padding: 3% 0; }

/* #intoro */
#intoro {
padding: 0%; }
#intoro .intoro_img {
width: 100%; }
#intoro .intro_txt {
margin: 0 auto; }
#intoro .intro_txt p {
width: 100%;
/*line-height: 1.5rem;*/ }
#intoro h2 {
text-align: left;
font-size: 1.3rem;
line-height: 1.8rem;
letter-spacing: -30%; }
#intoro .intro_txt p {
font-size: 0.9rem;
padding: 2%; }

/* 限定商品 #limited */
#limited {
/*padding:5%;*/ }
#limited .article {
padding: 0%; }
#limited .article {
width: 100% !important; }
#limited h2 img {
width: 98%;
margin: 8% 0 5%; }
#limited .ranking_pro {
margin-bottom: 8%; }
#limited .main_img {
width: 100%;
/* margin: 1.5% 0;*/ }
#limited .txt_area {
padding: 2%; }
#limited .txt_area h3 {
line-height: 1.6rem;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal;
font-size: 1.4rem; }
#limited .txt_area h3 img {
width: 8%; }
#limited .txt_area p {
width: 100%;
font-size: 0.8rem;
margin: 2% 0 5%;
/*line-height: 1.5rem;*/ }
#limited .txt_area .price {
font-size: 1.8rem; }
#limited .txt_area .price img {
width: 25%; }
#limited .txt_area .price .sml {
font-size: 1rem; }
#limited .txt_area .pro_spec p {
line-height: 2.0rem !important;
/*.der_free{margin-bottom: 10px;}*/ }
#limited .txt_area a {
display: block;
margin: 0 auto; }

/* ランキング部分 #ranking */
#ranking {
/*padding:5%;*/ }
#ranking .article {
padding: 1.5% 1.5% 1.5%; }
#ranking .rank_wrapper {
width: 98%;
margin: 0 auto; }
#ranking .other-rank:nth-child(odd) {
width: calc(98% / 2);
float: left; }
#ranking .other-rank:nth-child(even) {
width: calc(98% / 2);
float: right; }
#ranking h2 img {
width: 98%;
margin: 8% 0 5%; }
#ranking .ranking_pro {
margin-bottom: 8%;
padding: 1% 1% 0%; }
#ranking .rank_img {
width: 100%;
margin: 1.5% 0; }
#ranking .rank_fl1th {
position: relative;
/*min-height: 0px;*/ }
#ranking .rank_fl1th .rank_f {
width: 20%;
position: absolute;
top: -2px;
left: 3%; }
#ranking .rank_f-other02 {
position: relative; }
#ranking .rank_f-other02 .rank_f {
width: 28%;
position: absolute;
top: 5%;
left: 3%; }
#ranking .rank_f-other03 {
position: relative; }
#ranking .rank_f-other03 .rank_f {
width: 20%;
position: absolute;
top: 5%;
left: 3%; }
#ranking .ranking_r {
padding: 0 2%; }
#ranking .ranking_r h3 {
font-size: 1.2rem;
line-height: 1.4rem;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#ranking .ranking_r h3 span {
font-size: 80%; }
#ranking .ranking_r h3 img {
width: 8%; }
#ranking .ranking_r a {
display: block !important;
margin: 0 auto; }
#ranking .ranking_r p {
width: 100%;
font-size: 0.8rem;
margin: 0 0 2%;
/*line-height: 1.5rem;*/ }
#ranking .ranking_r .price-first {
font-size: 1.8rem; }
#ranking .ranking_r .price-first img {
width: 25%; }
#ranking .ranking_r .price-first .sml {
font-size: 0.8rem; }
#ranking .ranking_r .price {
font-size: 1.5rem;
letter-spacing: -0.1rem; }
#ranking .ranking_r .price img {
width: 37%; }
#ranking .ranking_r .price .sml {
font-size: 0.8rem; }
#ranking .ranking_r .pro_spec {
text-align: right;
vertical-align: baseline; }
#ranking .ranking_r .pro_spec p {
line-height: 2.0rem !important; }

/* #line-up */
#line-up h2 img {
width: 98%;
margin: 5% 0; }
#line-up .list_limited-img {
width: 98%; }
#line-up .dec_ttl {
width: 98%;
margin-bottom: -1.5%;
position: relative; }
#line-up .list_dec {
width: 98%;
background-color: #fff;
text-align: center;
margin: 0 auto;
margin-bottom: 8%;
padding: 0.5%; }
#line-up .list_dec .txt_area {
width: 95%;
text-align: left;
font-size: 0.9rem;
line-height: 1.2rem;
margin-bottom: 4%;
padding-left: 2%;
padding-top: 2%; }
#line-up .list_dec .list_dec img {
width: 60%;
margin: 0 auto; }
#line-up ul {
width: 100%; }
#line-up li {
margin-bottom: 2%; }

/* .list_name */
.list_name {
display: inline-block;
width: 100%;
font-size: 1.0rem;
line-height: 0.8em;
text-align: center;
color: #232323;
margin-bottom: 5%; }
.list_name s {
text-decoration: none;
font-size: 60%; }
.list_name strong {
color: #a40000;
font-size: 1.2rem; }
.list_name strong s {
font-size: 80%;
text-decoration: none; }

/* .list_price */
.list_price {
display: inline-block;
width: 100%;
font-size: 0.8rem;
margin-top: 0.8em;
text-align: center;
color: #232323;
margin-bottom: 5%; }
.list_price s {
text-decoration: line-through; }
.list_price strong {
color: #a40000;
font-size: 1.1rem; }
.list_price strong s {
font-size: 55%;
text-decoration: none; }

/* #budget */
#budget h2 img {
width: 98%;
margin: 5% 0; }
#budget ul {
display: block;
width: 100%;
margin: 0 auto;
/*background-color: #fff;*/
padding: 2%;
margin-bottom: 2%;
/*li:first-child{margin-right: 0%;}
li:last-child {margin-right: 0%;}*/ }
#budget ul li {
width: calc(98% / 2);
display: inline-block;
float: left;
/*margin-right: 2%;*/
margin-bottom: 2%; }
#budget ul li .ss {
font-size: 17px; }
#budget ul li:nth-child(2n) {
margin-left: 2%; }

/*予算からギフトを探すのボタン*/
/* .budget_btn */
.budget_btn {
display: block;
text-decoration: none;
width: 100%;
padding: 0.8em;
text-align: center;
color: #0a1543;
border-radius: 8px;
border: solid 1px #17439F;
background: linear-gradient(-135deg, #ae8220, #ece49a);
overflow: hidden; }
.budget_btn span {
display: inline-block;
transition: 0.5s; }
.budget_btn span:hover {
transform: rotateX(360deg); }

/* #category */
#category {
min-height: 45vh; }
#category h2 img {
width: 98%;
margin: 5% 0; }
#category ul {
display: block;
width: 100%;
margin: 0 auto;
background-color: #fff;
padding: 2%;
margin-bottom: 2%; }
#category ul li {
float: left;
margin-right: 2%;
margin-bottom: 2%; }
#category ul li .ss {
font-size: 17px; }

/* #der */
#der h2 img {
width: 98%;
margin: 5% 0; }
#der .main-img {
width: 98%;
margin: 0 auto; }

/* #event */
#event h2 img {
width: 98%;
margin: 5% 0; }
#event ul {
width: 100%; }
#event li {
width: 98%;
margin: 0 auto;
padding: 1%; }
#event li img {
width: 100%; }

/* footer */
footer {
text-align: center; }
footer .footer_logo {
width: 80%;
margin: 3% 0; }
footer ul {
width: 40%; }
footer li {
float: left;
width: 33%;
padding: 3%; }
footer li img {
width: 100%; }

/* .couttimer */
.couttimer #CDT {
background-image: url("../img/pagecount_sp.jpg");
background-size: cover;
background-position: center;
min-height: 150px;
padding-top: 12%; }
.couttimer #CDT .day {
font-size: 2.2em; }
.couttimer #CDT .hour, .couttimer #CDT .min, .couttimer #CDT .sec, .couttimer #CDT .milli {
font-size: 2.2em; }
.couttimer #CDT s {
font-size: 0.5em;
text-decoration: none; }

.lsit_h {
line-height: -0.25rem; }
.lsit_h img {
margin: 0;
padding: 0; } }
/* タブレット
-------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* Sass Document */
/*フォント*/
/* メディア別非表示 */
.pc_hidden {
display: none; }

.sp_hidden {
display: none; }

/* 1～3割まで */
.box1 {
width: 100%;
margin-bottom: 2%; }

/* メインタイトルの大きさ調整 */
header {
background-image: url("../img/gtitle.jpg");
min-height: 50vh; }
header .ttl {
max-width: 20%;
text-align: center;
margin: 　0 auto;
position: absolute;
bottom: 50%;
left: 38%;
transform: translateX(-50%);
transform: translateY(50%); }

/* メニューのロゴの大きさ調整 */
.drawer-brand .logo {
max-width: 100%; }

/* .buttonの大きさ調整 */
.button {
max-width: 65%;
font-size: 1.5rem; }

/* section */
section {
padding: 8% 5%; }
section p {
line-height: 1.2rem; }
section .article {
width: 98%;
margin: 0 auto; }

/* #intoro_bg */
#intoro_bg {
padding: 3% 0; }

/* #intoro */
#intoro {
padding: 3% 0; }
#intoro .intoro_img {
width: 100%; }
#intoro .intro_txt {
margin: 0 auto; }
#intoro .intro_txt p {
width: 100%;
/*line-height: 1.5rem;*/ }
#intoro h2 {
text-align: left;
font-size: 2.0rem;
line-height: 2.3rem;
letter-spacing: -30%; }
#intoro .intro_txt p {
font-size: 1.5rem;
line-height: 2.0rem; }

/* 限定商品 #limited */
#limited {
padding: 5%; }
#limited .article {
padding: 0%; }
#limited h2 img {
width: 98%;
margin: 8% 0 5%; }
#limited .ranking_pro {
margin-bottom: 8%; }
#limited .main_img {
width: 100%;
margin: 1.5% 0; }
#limited .txt_area {
padding: 2%; }
#limited .txt_area h3 {
font-size: 2.3rem;
line-height: 2.8rem;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal; }
#limited .txt_area h3 img {
width: 8%; }
#limited .txt_area p {
width: 100%;
font-size: 1.4rem;
margin: 2% 0 5%;
line-height: 1.8rem; }
#limited .txt_area .price {
font-size: 2.5rem; }
#limited .txt_area .price img {
width: 20%; }
#limited .txt_area .price .sml {
font-size: 1rem; }
#limited .txt_area .pro_spec p {
line-height: 2.0rem !important;
/*.der_free{margin-bottom: 10px;}*/ }
#limited .txt_area a {
display: block;
margin: 0 auto; }

/* ランキング部分 #ranking */
#ranking {
padding: 5%; }
#ranking .article {
padding: 1.5% 1.5% 1.5%; }
#ranking .rank_wrapper {
width: 98%;
margin: 0 auto; }
#ranking .other-rank:nth-child(odd) {
width: calc(98% / 2);
float: left; }
#ranking .other-rank:nth-child(even) {
width: calc(98% / 2);
float: right; }
#ranking h2 img {
width: 98%;
margin: 8% 0 5%; }
#ranking .ranking_pro {
margin-bottom: 8%;
padding: 1% 2% 5%; }
#ranking .rank_img {
width: 100%;
margin: 1.5% 0; }
#ranking .ranking_r {
padding: 0 2%; }
#ranking .ranking_r h3 {
font-size: 2.3rem;
line-height: 2.8rem;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#ranking .ranking_r h3 img {
width: 8%; }
#ranking .ranking_r a {
display: block !important;
margin: 0 auto; }
#ranking .ranking_r p {
width: 100%;
font-size: 1.4rem;
margin: 2% 0 5%;
line-height: 1.8rem; }
#ranking .ranking_r .price-frist {
font-size: 2.5rem; }
#ranking .ranking_r .price-frist img {
width: 20%; }
#ranking .ranking_r .price-frist .sml {
font-size: 1rem; }
#ranking .ranking_r .price {
font-size: 2.5rem;
letter-spacing: -0.1rem; }
#ranking .ranking_r .price img {
width: 20%; }
#ranking .ranking_r .price .sml {
font-size: 1rem; }
#ranking .ranking_r .pro_spec {
text-align: right; }
#ranking .ranking_r .pro_spec p {
line-height: 2.0rem !important; }

/* #line-up */
#line-up h2 img {
width: 98%;
margin: 8% 0 5%; }
#line-up .dec_ttl {
width: 98%;
margin: 0;
position: relative;
margin-bottom: -1%; }
#line-up .list_dec {
width: 98%;
background-color: #fff;
text-align: center;
margin: 0 auto;
padding-top: 2%;
margin-bottom: 8%; }
#line-up .list_dec .txt_area {
width: 95%;
text-align: left;
font-size: 1.2rem;
line-height: 1.2rem;
margin-bottom: 3%;
padding-left: 2%; }
#line-up ul {
width: 96%; }

/* .list_name */
.list_name {
display: inline-block;
width: 100%;
font-size: 1.0rem;
line-height: 0.8em;
text-align: center;
color: #232323;
margin-bottom: 5%; }
.list_name s {
text-decoration: none;
font-size: 60%; }
.list_name strong {
color: #a40000;
font-size: 1.2rem; }
.list_name strong s {
font-size: 80%;
text-decoration: none; }

/* .list_price */
.list_price {
display: inline-block;
width: 100%;
font-size: 0.8rem;
margin-top: 0.8em;
text-align: center;
color: #232323;
margin-bottom: 5%; }
.list_price s {
text-decoration: line-through; }
.list_price strong {
color: #a40000;
font-size: 1.1rem; }
.list_price strong s {
font-size: 55%;
text-decoration: none; }

/* #budget */
#budget .main-img {
max-width: 85%;
margin: 0 auto; }
#budget h2 img {
width: 98%;
margin: 8% 0 5%; }
#budget ul {
display: block;
width: 100%;
margin: 0 auto;
/*background-color: #fff;*/
padding: 2%;
margin-bottom: 2%; }
#budget ul li {
width: calc(96% / 4);
display: inline-block;
/*float: left;*/
/*margin-right: 2%;*/
margin-bottom: 2%; }
#budget ul li .ss {
font-size: 17px; }
#budget ul li:first-child {
margin-left: 0px; }
#budget ul li:last-child {
margin-right: 0px; }

/*予算からギフトを探すのボタン*/
/* .budget_btn */
.budget_btn {
display: block;
text-decoration: none;
width: 100%;
padding: 0.8em;
text-align: center;
color: #0a1543;
border-radius: 4px;
border: solid 2px #17439F;
background: linear-gradient(-135deg, #ae8220, #ece49a);
overflow: hidden; }
.budget_btn span {
display: inline-block;
transition: 0.5s; }
.budget_btn span:hover {
transform: rotateX(360deg); }

/* #category */
#category .main-img {
max-width: 85%;
margin: 0 auto; }
#category h2 img {
width: 98%;
margin: 8% 0 5%; }
#category ul {
display: block;
width: 100%;
margin: 0 auto;
/*background-color: #fff;*/
padding: 2%;
margin-bottom: 2%; }
#category ul li {
width: calc(96% / 4);
display: inline-block;
/*float: left;*/
/*margin-right: 2%;*/
margin-bottom: 2%; }
#category ul li .ss {
font-size: 17px; }

/* #der */
#der .main-img {
max-width: 85%;
margin: 0 auto; }
#der h2 img {
width: 98%;
margin: 8% 0 5%; }

/* #event */
#event h2 img {
width: 98%;
margin: 5% 0; }
#event ul {
width: 100%; }
#event li {
width: 98%;
margin: 0 auto;
padding: 1%; }
#event li img {
width: 100%; }

/* footer */
footer {
text-align: center; }
footer .footer_logo {
width: 80%;
margin: 3% 0; }
footer ul {
width: 40%; }
footer li {
float: left;
width: 33%;
padding: 3%; }
footer li img {
width: 100%; }

/* .couttimer */
.couttimer #CDT {
background-image: url("../img/pagecount.jpg");
background-size: cover;
min-height: 300px;
padding-top: 70px; }
.couttimer #CDT .day {
font-size: 3em; }
.couttimer #CDT .hour, .couttimer #CDT .min, .couttimer #CDT .sec, .couttimer #CDT .milli {
font-size: 3em; }
.couttimer #CDT s {
font-size: 0.8em;
text-decoration: none; }

.lsit_h {
line-height: -0.25rem; }
.lsit_h img {
margin: 0;
padding: 0; } }
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 1024px) {
/* Sass Document */
/*フォント*/
/* メディア別非表示 */
.sp_hidden {
display: none; }

.tb_hidden {
display: none; }

.stb_hidden {
display: none; }

/* 1～3割まで */
.box1 {
width: 940px;
text-align: center; }

/* メインタイトルの大きさ調整 */
header {
background-image: url("../img/wgift1600x500_01.jpg");
height: 65vh; }
header .ttl {
max-width: 230px;
text-align: center;
margin: 　0 auto;
position: absolute;
bottom: 53%;
left: 43%;
transform: translateX(-50%);
transform: translateY(50%); }

/* メニューのロゴの大きさ調整 */
.drawer-brand .logo {
max-height: 40px; }

/* .buttonの大きさ調整 */
.button {
width: 280px;
font-size: 20px; }

/* section */
section {
padding: 50px 0px; }
section .article {
width: 940px;
margin: 0 auto; }

/* #intoro_bg */
#intoro_bg {
background-image: url("../img/oseibo_underfv_01.jpg");
background-size: contain;
background-position: bottom center;
background-repeat: no-repeat;
position: relative;
padding: 50px 0px;
min-height: 600px; }

/* #intoro */
#intoro {
position: relative;
padding: 50px 0px;
min-height: 450px; }
#intoro h2 {
text-align: left;
font-size: 38px;
line-height: 2.8rem; }
#intoro .intro_txt {
position: absolute;
top: 80px;
left: 0px; }
#intoro .intro_txt p {
width: 100%;
font-size: 1.2rem; }
#intoro .intoro_img {
max-width: 400px;
position: absolute;
right: 0px; }

/* 限定商品 #limited */
#limited .article {
padding: 1%; }
#limited h2 {
margin-bottom: 50px; }
#limited h3 {
font-size: 46px;
line-height: 0.9em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal; }
#limited h3 span {
font-size: 32px; }
#limited h3 img {
max-height: 28px; }
#limited .ranking_pro {
margin: 70px auto; }
#limited .main_img {
width: 100%;
margin-bottom: 15px; }
#limited .txt_area {
width: 100%; }
#limited .txt_area a {
display: block !important;
margin: 0 auto; }
#limited p {
margin: 15px 0;
font-size: 24px;
line-height: 1.8rem; }
#limited .pro_spec {
margin-bottom: 80px; }
#limited .price {
font-size: 36px;
float: right; }
#limited .price .sml {
font-size: 80%; }
#limited .der_free {
vertical-align: middle;
width: 100px; }

/* ランキング部分 #ranking */
#ranking .article {
padding: 1.5% 1.5% 2%; }
#ranking .rank_wrapper {
width: 940px;
margin: 0 auto; }
#ranking .first-rank {
width: 940xp; }
#ranking .other-rank:nth-child(odd) {
width: 450px;
float: left; }
#ranking .other-rank:nth-child(even) {
width: 450px;
float: right; }
#ranking h2 {
margin-bottom: 50px; }
#ranking h3 {
font-size: 42px;
line-height: 1.1em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal; }
#ranking h3 span {
font-size: 32px; }
#ranking h3 img {
width: 30px; }
#ranking .rank_fl1th {
position: relative;
/*min-height: 0px;*/ }
#ranking .rank_fl1th .rank_f {
width: 180px;
position: absolute;
top: -20px;
left: 20px; }
#ranking .rank_f-other02 {
position: relative; }
#ranking .rank_f-other02 .rank_f {
width: 120px;
position: absolute;
top: -12px;
left: 15px; }
#ranking .rank_f-other03 {
position: relative; }
#ranking .rank_f-other03 .rank_f {
position: absolute;
top: -10px;
left: 15px;
width: 100px; }
#ranking .ranking_pro {
margin: 30px auto; }
#ranking .rank_img {
/*float: left;*/
margin-right: 20px;
width: 100%; }
#ranking .ranking_r {
/* float: right;*/
width: 100%; }
#ranking .ranking_r a {
display: block !important;
margin: 0 auto; }
#ranking p {
margin: 18px 0;
font-size: 22px;
line-height: 1.8rem; }
#ranking .pro_spec {
margin: 10px 0;
text-align: right; }
#ranking .pro_spec .price-first {
font-size: 36px;
/*float: right;*/ }
#ranking .pro_spec .price-first .sml {
font-size: 80%; }
#ranking .pro_spec .price {
font-size: 36px;
letter-spacing: -0.1rem;
/*float: right;*/ }
#ranking .pro_spec .price .sml {
font-size: 70%; }
#ranking .pro_spec .der_free {
vertical-align: middle;
width: 100px; }

/* #line-up */
#line-up h2 img {
margin-bottom: 50px; }
#line-up .dec_ttl {
width: 960px;
margin: 0 0 -10px;
position: relative; }
#line-up .list_dec {
width: 960px;
background-color: #fff;
text-align: center;
margin: 0 auto;
margin-bottom: 80px;
padding: 10px 0 30px; }
#line-up .list_dec .txt_area {
width: 940px;
text-align: left;
font-size: 24px;
line-height: 1.8rem;
margin-bottom: 20px;
padding-left: 20px; }
#line-up .lineup {
width: 940px; }
#line-up .lineup li {
/*width: calc(939px / 3);*/
padding: 10px;
margin-bottom: 10px; }
#line-up .lineup li img {
width: 100%; }
#line-up .unit-pic {
width: 300px; }

/* .list_name */
.list_name {
display: inline-block;
width: 100%;
font-size: 1.8rem;
line-height: 1.8em;
letter-spacing: -1px;
text-align: left;
color: #232323;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold; }
.list_name s {
text-decoration: none;
font-size: 70%; }
.list_name strong {
color: #a40000;
font-size: 1.8rem; }
.list_name strong s {
font-size: 80%;
text-decoration: none; }

/* .list_price */
.list_price {
display: inline-block;
width: 100%;
font-size: 0.8rem;
margin-top: 1.2em;
text-align: right;
color: #232323; }
.list_price s {
text-decoration: line-through; }
.list_price strong {
color: #a40000;
font-size: 1.8rem; }
.list_price strong s {
font-size: 60%;
text-decoration: none; }

/* #budget */
#budget h2 img {
margin-bottom: 50px; }
#budget ul {
display: block;
width: 940px;
margin: 0 auto;
/*background-color: #fff;*/
padding: 3% 0;
margin-bottom: 50px;
min-height: 280px; }
#budget ul li {
float: left;
margin-right: 20px; }
#budget ul li .ss {
font-size: 18px; }
#budget ul li:first-child {
margin-left: 40px; }
#budget ul li:last-child {
margin-right: 0px; }

/*予算からギフトを探すのボタン*/
/* .budget_btn */
.budget_btn {
display: table-cell;
text-decoration: none;
vertical-align: middle;
text-align: center;
width: 200px;
height: 200px;
padding: 0.8em;
color: #0a1543;
border-radius: 100px;
background: linear-gradient(-135deg, #ae8220, #ece49a);
border: solid 2px #17439F;
overflow: hidden;
font-size: 26px; }
.budget_btn span {
display: inline-block;
transition: 0.5s; }
.budget_btn span:hover {
transform: rotateX(360deg); }

/* #category */
#category {
padding-bottom: 100px; }
#category h2 img {
margin-bottom: 50px; }
#category ul {
display: block;
width: 940px;
margin: 0 auto;
/*background-color: #fff;*/
padding: 3% 0;
margin-bottom: 50px;
min-height: 280px; }
#category ul li {
float: left;
margin-right: 20px; }
#category ul li .ss {
font-size: 18px; }

/* #der */
#der h2 img {
margin-bottom: 50px; }
#der .main-img {
width: 940px;
margin: 0px auto; }

/* #event */
#event h2 img {
margin-bottom: 50px; }
#event ul {
width: 940px; }
#event ul li {
width: 100%;
padding: 10px 5px; }
#event ul li img {
width: 100%; }

/* footer */
footer {
text-align: right; }
footer h2 img {
width: 647px; }
footer ul {
width: 100%; }
footer ul li {
float: right;
width: 39px;
padding: 10px 5px; }
footer ul li img {
width: 100%; }

/* .couttimer */
.couttimer #CDT {
background-image: url("../img/pagecount.jpg");
background-size: cover;
min-height: 300px;
padding-top: 70px; }
.couttimer #CDT .day {
font-size: 6em; }
.couttimer #CDT .hour, .couttimer #CDT .min, .couttimer #CDT .sec, .couttimer #CDT .milli {
font-size: 6em; }
.couttimer #CDT s {
font-size: 0.5em;
text-decoration: none; }

.lsit_h {
line-height: -0.25rem; }
.lsit_h img {
margin: 0;
padding: 0; } }