@charset "Shift_JIS";
@import url("/css/cms/style.css");
/*/css/v1/top/style.cssのコピー(後から整理)*/
/* ==========================================================
 clearfix
========================================================== */
.grid-cmn-01:before, .grid-cmn-01:after,
.grid-cmn-02:before, .grid-cmn-02:after,
.grid-cmn-03:before, .grid-cmn-03:after
{
}
.grid-cmn-01:after,
.grid-cmn-02:after,
.grid-cmn-03:after
{
  clear: both;
}
/* トップページのみ調整用
---------------------------------------------------------- */
* { box-sizing: border-box; -webkit-box-sizing: border-box;}

h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}

/* sale off rate */
.off_rate {
	font-size: 14px;
	color: #ff0000;
	padding-top: 1px;
	display: inline-block;
}
.saleflug .off_rate,/*値が戻ってこない時のため*/
.saleflug0 .off_rate {
	display: none;
}
.saleflug0 p[class^="cms_data_"] {
	padding-top: 6px;
}
.saleflug1 .price,
.saleflug1 .tax,
.saleflug1 dd .cms_data_price,
.saleflug1 dd .cms_dataprice {
	color: #ff0000;
}
.saleflug1 p[class^="cms_data_"] {
	padding-top: 6px;
}
@media screen and (max-width: 767px) {
dd .off_rate {
		font-size: 2.9vw;
	}
}
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn-01 {
}
  .grid-cmn-01 > .grid-item {
    float:left;
    width: 20%;
  }
.grid-cmn-03 {
	margin-left: -35px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.grid-cmn-03 > .grid-item {
    float:left;
    /* width: 66.66%; */
    width: 583px;
    margin: 0 0 35px 35px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
  .grid-cmn-03 > .grid-item--width1 {
    /* width: 33.33%; */
    width: 275px;
  }
.grid-cmn-03 > .grid-item a{
  color:#000;
  flex-grow: 2;
  overflow: hidden;
  height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1244px) {
  .grid-cmn-03 > .grid-item {
    width: calc(100% - 35px);
  }
  .grid-cmn-03 > .grid-item--width1 {
    width: calc(50% - 35px);
  }
}

/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .grid-cmn-01 {
  }
    .grid-cmn-01 > .grid-item {
      width: 20%;
    }
    
  .grid-cmn-03 {
    margin-left: -3%;
  }
    .grid-cmn-03 > .grid-item {
      width: 100%;
      margin: 0;
      margin: 0 0 15px 3%;
    }
    .grid-cmn-03 > .grid-item--width1 {
      width: 47%;
/*	  width : -webkit-calc(50% - 15px) ;*/
    }
    .grid-cmn-03 > .grid-item--width2 {
      width: 97%;
/*	  width : -webkit-calc(100% - 15px) ;*/
	}
}  
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
}
.sec-rank{}
  .sec-rank .box-category-select{
    width: 450px;
    height: 35px;
    margin: 0 auto 30px;
    border:1px solid #e5e5e5;
  }
    .sec-rank .box-category-select .form-category-select{
      width: 470px;
      height: 35px;
      font-size: 16px;
      text-indent : 8px;
      color:#000;
    }
  .sec-rank .rank{
    margin-bottom: 3px;
    padding: 5px 0 0;
    width: 23px;
    height: 23px;
    background: url(https://img.dinos.co.jp/images/v1/top/ico_crown_01@2x.jpg) no-repeat 0 0;
    background-size: 23px auto;
    font-size: 10px;
    line-height: 1.8;
    color:#fff;
    text-align:center;
  }

.sec-carousel{
  padding: 30px 25px;
}
  .sec-carousel .title{
    margin-bottom: 30px;
    font-size: 21px;
    font-weight:bold;
    line-height: 1.43;
    text-align:center;
  }
    .sec-carousel .title .txt{
      display:block;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.43;
    }
  .sec-carousel .inner { position: relative; }
  .sec-carousel .btn{
    width: 341px;
    height: 35px;
    margin: 0 auto;
  }
    .sec-carousel .btn a{
      display:block;
      padding: 5px 0;
      background-color: #fff;
      border: solid 2px #eee;
      font-size: 14px;
      line-height: 1.7;
      text-align:center;
      color:#000;
      border-radius: 18px;
    }
    .sec-carousel .btn a:hover{
      text-decoration:none;
      background-color:#eee;
    }

.box-carousel{
  position:relative;
  /* margin: 0 -13px; */
  /*margin: 0 -26px;
  padding: 0 12px;*/
}
  .box-carousel .slider{
    overflow:hidden;
    /* height: 370px; */
    margin: 0 0 0 -20px;
  }
  .box-carousel .slider .item {
    /* width: 153px; */
    width: 145px;
    margin: 0 0 0 20px;
    /* height: 370px; */
  }
    .box-carousel .slider .item a{
      color:#000;
      outline: none;
      text-decoration: none;
    }
    .box-carousel .slider .item a:hover dl{
      text-decoration: underline;
    }
  .box-carousel .img{
    overflow:hidden;
  }
    .box-carousel .img img{
      border-radius: 5px;
    }
  .box-carousel .text{
    padding: 13px 0 25px;
  }
    .box-carousel .text .ttl{
      font-size: 14px;
      line-height: 1.43;
      color:#333;
    }
    .box-carousel .text .price{
      font-size: 14px;
      line-height: 1.43;
      color:#333;
    }
      .box-carousel .text .price:before{
        content:'';
      }
      .box-carousel .text .price:after{
        content:'';
        font-size: 12px;
        line-height: 1.67;
      }
    .box-carousel .text .star{
      width: 94px;
      margin-bottom: 8px;
      font-size: 16px;
      line-height: 1.3;
      color:#86be24;
    }
      .box-carousel .text .star img{
        width: 100%;
        max-width: 100%;
      } 
  .sec-carousel .btn-left,
  .sec-carousel .btn-right,
  .box-carousel .btn-left,
  .box-carousel .btn-right,
  .box-catalog .btn-left,
  .box-catalog .btn-right {
    position:absolute;
    top: 40px;
    width: 37px;
    height: 73px;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 37px 73px;
  }
  .sec-carousel .btn-left,
  .box-carousel .btn-left,
  .box-catalog .btn-left {
    left: -26px;
    background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_left_pc.png);
  }
  
  .sec-carousel .btn-right,
  .box-carousel .btn-right,
  .box-catalog .btn-right {
    right: -26px;
    background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_right_pc.png);
  }
  
  .sec-carousel .slider-btn .btn-left.slick-disabled,
  .box-carousel .slider-btn .btn-left.slick-disabled,
  .box-catalog .btn-left.slick-disabled { background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_left_pc_disabled.png); cursor: default; }
  
  .sec-carousel .slider-btn .btn-right.slick-disabled,
  .box-carousel .slider-btn .btn-right.slick-disabled,
  .box-catalog .btn-right.slick-disabled { background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_right_pc_disabled.png); cursor: default; }
    
.box-carousel .text .link {}
      .box-carousel .text .link a {
        color: #86be24;
      }
    .box-carousel .text .txt{
      font-size: 12px;
      line-height: 1.53;
      color:#333;
    }

.box-rank{}
  .box-rank .slider,
  .box-rank .slider .item {
    /* height: 325px; */
  }
  .box-rank .slider-btn .btn-left,
  .box-rank .slider-btn .btn-right { top: 65px; }

.box-recommend{}
  .box-recommend .slider,
  .box-recommend .slider .item {
    /* height: 325px; */
  }
  .box-recommend .slider-btn .btn-left,
  .box-recommend .slider-btn .btn-right { top: 65px; }

/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.sec-cmn-01 {
  padding: 0 0 10px;
}
.sec-carousel{
  padding: 30px 15px;
}
  .sec-carousel .title{
    margin-bottom: 20px;
    font-size: 4.5vw;
    line-height: 1.2;
  }
    .sec-carousel .title .txt{
      font-size: 15px;
      line-height: 1.5;
    }
    .sec-carousel .btn {
      width: auto;
    }
    .sec-carousel .btn a{
      padding: 13px 0;
      border: solid 1px #eee;
      font-size: 3.3vw;
      line-height: 1.33;
      border-radius: 26px;
    }

.sec-rank{
  margin: 0 -3%;
  padding: 20px 15px 30px;
  border:none !important;
  border-radius: 0 !important;
}
  .sec-rank .box-category-select{
    width: 100%;
    height: 35px;
    margin: 0 auto 20px;
  }
    .sec-rank .box-category-select .form-category-select{
      width: 100%;
      height: 35px;
      font-size: 3.3vw;
    }
  .sec-rank .rank{}
      
.box-carousel-sp{
  margin: 0 0 3px;
}
  .box-carousel-sp .slider{
    height:auto;
    margin: 0;
  }
  .box-carousel-sp .slider .item {
    position:relative;
    width: 100%;
    min-height: 130px;
    margin: 0 0 10px;
    padding-left: 40%;
  }
  .box-carousel-sp .slider .img{
    position:absolute;
    top: 5px;
    left: 0;
    width: 37%;
/*    height: 160px;*/
  }
  .box-carousel-sp .text{
    padding: 0;
  }
    .box-carousel-sp .text .ttl,
    .box-carousel-sp .text .price{
      font-size: 2.3vw;
      line-height: 1.4;
    }
      .box-carousel-sp .text .price .fee{
        font-size: 12px;
        line-height: 1.75;
      }
    .box-carousel-sp .text .star{
      width: 40%;
      margin: 3px 0 1px;
    }
    .box-carousel-sp .text .txt{
      font-size: 3.3vw;
      line-height: 1.33;
    }
    
.box-rank{
  margin: 0;
}
  .box-rank .slider{
    height: auto;
    margin: 0 0 0 -16px;
  }
  .box-rank .slider .item {
    width: 160px;
    margin: 0 0 0 16px;
    height: auto;
  }
  .box-rank .slider .text{
    padding: 6px 0 35px;
  }
    .box-rank .slider .text .ttl{
      font-size: 12px;
      line-height: 1.5;
    }
    .box-rank .slider .text .price{
      font-size: 14px;
      line-height: 1.43;
      color:#333;
    }
      .box-rank .slider .text .price .fee{
        font-size: 12px;
        line-height: 1.67;
      }
    .box-rank .slider .text .star{
      margin-bottom: 0;
      width: 94px;
    }
    .box-rank .slider .text .txt{
      display:none;
    }
    .box-rank .slider-btn .btn-left,
    .box-rank .slider-btn .btn-right {
      top: 50%;
      margin-top: -95px;
    }
    .box-rank .slider-btn .btn-left { left: -15px; }
    .box-rank .slider-btn .btn-right { right: -15px; }

.box-recommend{
  margin: 0;
}
  .box-recommend .slider{
    height: auto;
    margin: 0 0 0 -16px;
  }
  .box-recommend .slider .item {
    width: 160px;
    margin: 0 0 0 16px;
    height: auto;
  }
  .box-recommend .slider .text{
    padding: 6px 0 35px;
  }
    .box-recommend .slider .text .ttl{
      font-size: 2vw;
      line-height: 1.5;
    }
    .box-recommend .slider .text .price{
      font-size: 3vw;
      line-height: 1.43;
      color:#333;
    }
      .box-recommend .slider .text .price .fee{
        font-size: 12px;
        line-height: 1.67;
      }
    .box-recommend .slider .text .star{
      margin-bottom: 0;
      width: 94px;
    }
    .box-recommend .slider .text .txt{
      display:none;
    }
    .box-recommend .slider-btn .btn-left,
    .box-recommend .slider-btn .btn-right {
      top: 50%;
      margin-top: -95px;
    }
    .box-recommend .slider-btn .btn-left { left: -15px; }
    .box-recommend .slider-btn .btn-right { right: -15px; }

.box-pop-featured .slider .item:nth-child(n+4),
.box-favorite .slider .item:nth-child(n+4) {
  display: none;
}
.box-catalog .btn-left { left: 0; }
.box-catalog .btn-right { right: 0; }
}

/* ==========================================================
 box
========================================================== */
 /* box-fancy
---------------------------------------------------------- */ 
.box-fancy{
}
  .box-fancy a{
    color: #000
  }
  .box-fancy .img {
    position: relative;
    z-index: 1;
    overflow:hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
	vertical-align: middle;
  }
    .box-fancy .img img{
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
	  vertical-align: middle;
    }
	.grid-item--width1 .box-fancy .img img {
		min-width: 100%;
	}
	.grid-item--width2 .box-fancy .img img {
		width: 583px;
	}
  .box-fancy .content{
    padding: 17px 17px 5px 20px;
  }
  .box-fancy .text{
    margin-bottom: 17px;
  }
    .box-fancy .text .ttl{
      margin-bottom: 8px;
      font-size: 16px;
      font-weight:bold;
      line-height: 1.375;
    }
    .box-fancy .text .ttl .strong{
      font-size: 20px;
      font-weight:bold;
      line-height: 1.45;
    }
    .box-fancy .text .txt,
    .box-fancy .text .price{
      font-size: 14px;
      line-height: 1.43;
    }
      .box-fancy .text .price:before{
        content:'';
        padding-right: 3px;
      }
      [class^="saleflug"] .box-fancy .text .price:before{
       display: none;
      }
      .box-fancy .text .price:after{
        content:'';
        font-size: 12px;
        line-height: 1.67;
        padding-left: 3px;
      }
      .box-fancy .text .price .fee{
        font-size: 12px;
        line-height: 1.67;
      }
  .author{
    position:relative;
    height: 80px;
    padding: 10px 17px 20px 90px;
  }
    .author .thumb{
      position:absolute;
      top: 0;
      left: 20px;
      width: 60px;
      height: 60px;
      border-radius: 35px;
    }
    .author .txt-01{
      font-size: 14px;
      line-height: 1.43;
    }
    /**.author .txt-02{
      font-size: 12px;
      line-height: 1.33;
      color:#666;
    }**/
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .box-fancy .content{
    padding: 10px 10px 0 10px;
  }
  .box-fancy .img {
    max-height: none;
  }
  .box-fancy .img img{
	  width:auto;
  }
  .box-fancy .text{
    margin-bottom: 0;
  }
    .box-fancy .text .ttl,
    .box-fancy .text .ttl .strong{
      margin-bottom: 5px;
      font-size: 3.4vw;
      line-height: 1.35;
    }
    .box-fancy .text .txt,
    .box-fancy .text .price{
      font-size: 2.5vw;
      line-height: 1.5;
    }
      .box-fancy .text .price .fee{
        font-size: 12px;
        line-height: 1.75;
      }
  .grid-item--width1 .author{
    margin-top: 9px;
    height:50px;
    padding: 2% 10px 3.4% 55px;
  }
  .grid-item--width2 .author{
    margin-top: 9px;
    height:50px;
    padding: 3% 10px 3.4% 50px;
  }
    .author .thumb{
      width: 55px;
      height: 55px;
      top: 60%;
      left: 2px;
      margin-top: -29px;
    }
    .author .thumb img{
      width: 70%;
      max-width: 70%;
      min-height: 70% !important;
    }
    .price .txt-01{
      font-size: 12px;
      line-height: 1.5;
    }
    .author .txt-01{
        font-size: 2.5vw;
	}
	.author .txt-02{
      font-size: 12px;
      line-height: 1.5;
    }
} 
 /* box-login
---------------------------------------------------------- */  
.box-login{
  padding: 0 0 18px 0;
  background-color:#444;
  border-radius: 5px;
}
  .box-login .list-login{
    padding: 13px 0 21px;
    text-align:center;
  }
    .box-login .list-login li{
      display:inline;
      border-left:1px solid #eee;
    }
    .box-login .list-login li:first-child{
      border:none;
    }
      .box-login .list-login li a{
        display:inline-block;
        width: 32%;
        padding: 6px 0;
        font-size: 14px;
        line-height: 2;
        color:#fff;
      }
        .box-login .list-login li a:hover{ text-decoration:underline;}
  .box-login .btn-login{
    width: 163px;
    height: 28px;
    margin: 0 auto;
    background-color:#333;
    border-radius: 14px;
    text-align:center;
  }
    .box-login .btn-login a{
      display:block;
      font-size: 14px;
      line-height: 2;
      color:#fff;
    }

.box-logout{
}
  .mod-logout{
    padding: 19px;
  }
    .mod-logout .text{
      margin: 15px 0 0;
    }
  .mod-login{
  }
  .mod-regis{
    border-top:1px solid #eee;
  }
    .mod-login .text{
      margin-bottom: 8px;
      background: url(https://img.dinos.co.jp/images/v1/common/ico_arrow_04.jpg) no-repeat right center;
      background-size: 14px auto;
      font-size: 14px;
      line-height: 1.43;
    }
      .mod-login .text a{
        color:#000;
      }
    .mod-regis .text{
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -0.05em;
    }
      .mod-regis .txt{
        color:#cc0000;
        font-weight:bold;
      }
      
  .mod-logout .btn{
    display:block;
    width: 202px;
    height: 35px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2.5;
    text-align:center;
    border-radius: 17px 18px 18px 17px;
  }
  a.btn-login{
    background-color:#333;
    color:#fff;
  }
  a.btn-login:visited{
    color:#fff;
  }
  .btn-regis{
    background-color: #c5fd5d;
    color:#000;
  }

.box-tv{
  margin: 25px 0;
} 
  .box-tv a {
    display: block;
    overflow: hidden;
  }

 /* box-category
---------------------------------------------------------- */   
.box-category{
  background-color:#fff;
}
  .list-category-03 > li:before{
    content: "";
    position: absolute;
    top: 50%;
    right: -4px;
    z-index: 1000;
    width: 14px;
    height: 20px;
    margin-top: -10px;
    background: url(https://img.dinos.co.jp/images/v1/common/ico_arrow_03@2x.png) no-repeat 0 0;
    background-size: 14px auto;
    opacity: 0;
  }
  .list-category-03 > li.is-hover:before{ opacity: 1; }
  .list-category-03 > li.is-hover.is-hide-arrow:before{ opacity: 0; }
    .list-category-03 > li:nth-last-child(3) {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    }
    .list-category-03 li a{
      display:block;
      font-size: 14px;
      line-height: 2.85;
      color:#000;
    }
    .list-category-03 li a{
      padding: 17px 0 17px 010px;
      line-height: 2.5;
      white-space: nowrap;
    }
      .list-category-03 li li a{
        padding: 0;
        font-size: 12px;
        line-height: 2.2;
      }
    .list-category-03 li a:hover{
      color:#669900;
      text-decoration:underline;
    }
      .list-category-03 > li > a > span{
        display:block;
        padding-left: 57px;
      }
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .box-category{
    padding: 0 0 10px;
    border:1px solid #eee;
  }
    .box-category .title{
      padding: 25px 0 20px;
      font-size: 4.5vw;
      font-weight:bold;
      line-height: 1;
      text-align:center;
    }
		.box-category .nav-global {
			margin-bottom: 0;
		}
		.box-category .nav-global > ul > li {
			border: none;
		}
		.box-category .nav-global li span {
			padding-left: 57px;
		}
		.box-category .nav-global li .btn-accrd {
			height: auto !important;
		}
		.box-category .nav-global li .btn-accrd:after {
				top:55%;
		}

    .list-category-03{
    }
      .list-category-03 > li{
        height: auto;
        margin: 0;
      }
      .list-category-03 > li:nth-child(odd){
        background-color:#f9f9f9 !important;
      }
      .list-category-03 > li:nth-child(even){
        background-color:#fff !important;
      }
			.list-category-03 > li:nth-last-child(3) {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
			.list-category-03 > li:first-child{
				border-top-left-radius: 0;
				border-top-right-radius: 0;
			}
      .list-category-03 > li:hover .mod-popup{
        display:none;
      }
			.list-category-03 li .btn-accrd {
				padding: 4px 10px;
				font-size: 3.3vw;
				line-height: 3.3;
			}
			.list-category-03 li li a {
				padding: 4px 10px;
				font-size: 3.3vw;
				line-height: 3.3;
			}
			.list-category-03 li .js-accrd-list ul li a {
				padding: 0 25px;
			}
}  
    
 /* box-catalog
---------------------------------------------------------- */ 
.box-catalog{}
  .box-catalog .title{
    padding: 20px 0;
    font-size: 18px;
    font-weight:bold;
    text-align:center;
    line-height: 1.34;
  }
  .box-catalog .content{}
  .box-catalog .slider-wrap { position: relative; }
    .box-catalog .slider{
      width: 332px;
      height: 96px;
      margin: 0 -30px;
    }
      .box-catalog .slider .item {
        float:left;
        width: 71px;
        height: 96px;
        margin: 0 6px;
      }
        .box-catalog .slider .item img{
          width: 100%;
          max-width: 100%;
        }
  .list-catalog{
   }
    .list-catalog li{
      position:relative;
      border-top:1px solid #eee;
    }
    .list-catalog li:first-child{
      border:none;
    }
    .list-catalog li:after{
      content:'';
      position:absolute;
      top: 50%;
      right: 19px;
      width: 14px;
      height: 33px;
      margin-top: -16px;
      background: url(https://img.dinos.co.jp/images/v1/common/ico_arrow_04.jpg) no-repeat 0 0;
      background-size: 14px auto;
    }
      .list-catalog a{
        color:#000;
      }
    .list-catalog .text{
      padding: 20px 40px 20px 20px;
    }
      .list-catalog .text .ttl{
        font-size: 18px;
        font-weight:bold;
        line-height: 1.45;
      }
      .list-catalog .text .txt{
        font-size: 14px;
        line-height: 1.43;
      }
@media screen and (min-width: 768px) {
  .box-catalog .slider .item:nth-child(n+5) {
    display: none;
  }
}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .box-catalog{
    border:none;
    border-radius: 0;
    margin: 0 -2%;
  }
    .box-catalog .title{
      padding: 25px 0 20px;
      font-size: 4.5vw;
      line-height: 1.25;
    }
    .box-catalog .content{}
    
    .box-catalog .slider{
      width: auto;
      height: auto;
      margin: 0 0 0 -22px;
    }
      .box-catalog .slider .item {
        width: auto;
        height: auto;
        margin: 0 0 0 22px;
      }
    .box-catalog .slider-btn .btn-left,
    .box-catalog .slider-btn .btn-right {
      top: 50%;
      margin-top: -37px;
    }
      
  .list-catalog{
    padding: 15px 0 27px;
   }
    .list-catalog li{
      padding: 5px 5% 10px;
      border:none;
    }
    .list-catalog li:after{
      display:none;
    }
    .list-catalog a{
      display:table;
      width: 100%;
    }
    .list-catalog .text{
      display:table-cell;
      height: 50px;
      padding: 0;
      border:1px solid #ddd;
      vertical-align:middle;
      text-align:center;
      border-radius: 36px;
    }
      .list-catalog .text .ttl{
        font-size: 3.5vw;
        font-weight:bold;
        line-height: 1.45;
      }
      .list-catalog .text .txt{
        font-size: 2vw;
        line-height: 1.43;
      }
}
 /* box-keyword
---------------------------------------------------------- */ 
.box-keyword{
  padding: 10px 0 25px;
}
  .box-keyword .title{
    padding: 0 18px;
    font-size: 14px;
    font-weight:bold;
    line-height: 2.5;
  }
  .box-keyword .content{
    padding: 0 18px 10px;
  }
  .box-keyword .keyword{
    display:inline-block;
    height: 24px;
    padding: 2px 8px;
    margin: 5px 0;
    background-color:#c5fd5d;
    font-size: 12px;
    line-height: 1.83;
    color:#000;
    border-radius: 14px;
  }
  
  .btn-sub-01{
    text-align:center;
  }
    .btn-sub-01 a{
      font-size: 14px;
      line-height:1.43;
      text-align:center;
      color:#000;
      text-decoration:underline;
    }
    .btn-sub-01 a:hover{
      text-decoration:none;
    }
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box-keyword{
  padding: 20px 0 30px;
}
  .box-keyword .title{
    padding: 5px 0 10px;
    font-size: 4.5vw;
    line-height: 1.25;
    text-align:center;
  }
  .box-keyword .content{
    padding: 0 20px 23px;
  }
  .box-keyword .keyword{
    height: 26px;
    padding: 0% 5% 8% 5%;
    margin: 8px 0;
    font-size: 3.5vw;
    line-height: 2;
    border-radius: 26px;
  }
  
  .btn-sub-01{
  }
    .btn-sub-01 a{
      font-size: 3.3vw;
      line-height:1.33;
    }
}

 /* box-info
---------------------------------------------------------- */ 
.box-info{
  padding-bottom: 19px;
}
  .box-info .title{
    padding: 8px 17px 5px;
    font-size: 14px;
    font-weight:bold;
    line-height: 2.5;
    border-bottom:1px solid #eee;
  }
  .box-info .content{
    padding-bottom: 18px;
  }
  
  .list-info{
  }
    .list-info .date{
      display:block;
    }
      .list-info a { color: #333;}
      .list-info .notice {
        color: #c00;
      }
    .list-info li{
      padding: 17px;
      border-bottom:1px solid #eee;
      font-size: 14px;
      line-height: 1.43;
    }
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box-info{
  padding-bottom: 30px;
}
  .box-info .title{
    padding: 20px 0 15px;
    font-size: 4.5vw;
    line-height: 1.25;
    border-bottom: none;
    text-align:center;
  }
  .box-info .content{
    padding-bottom: 30px;
  }
    .list-info li{
      padding: 15px 10px;
      border:none;
      font-size: 3.2vw;
      line-height: 1.2;
    }
      .list-info li .date{
        font-size: 15px;
        line-height: 1.4;
      }
    .list-info li:nth-child(even){
      background-color:#fff;
    }
    .list-info li:nth-child(odd){
      background-color:#f9f9f9;
    }
	.list-info img.icon {
		width:auto;
		max-width:100%;
	}
}

 /* box-bnr
---------------------------------------------------------- */ 
.box-bnr{}
  .box-bnr li{
    margin-bottom: 35px;
  }
  .box-bnr li a {
    display: block;
	border-radius: 5px;
	border:1px solid #eee;
  }
    .box-bnr .item{
      border-radius: 5px;
	  overflow: hidden;
	  /**position: relative;**/
    }
      .box-bnr li img{
        border-radius: 5px;
        width: 100%;
        max-width: 100%;
      }
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box-bnr{
  overflow:hidden;
  margin-left: -15px;
}
  .box-bnr li{
    width: 50%;
    float:left;
    padding-left: 15px;
    margin-bottom: 15px;
  }
  .box-bnr li{
    width: 50%;
    float:left;
    padding-left: 15px;
    margin-bottom: 15px;
  }
}
 /* box-bnr2
---------------------------------------------------------- */ 
.box-bnr2{}
  .box-bnr2 li:not(:last-child){
    margin-bottom: 35px;
  }
  .box-bnr2 li a {
    display: block;
	border-radius: 5px;
	border:1px solid #eee;
  }
    .box-bnr2 .item{
      border-radius: 5px;
	  overflow: hidden;
	  /**position: relative;**/
    }
      .box-bnr2 li img{
        border-radius: 5px;
        width: 100%;
        max-width: 100%;
      }
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box-bnr2{
  margin: 15px 0 0;
  overflow:hidden;
}
  .box-bnr2 li:not(:last-child){
    margin-bottom: 15px;
  }
}
 /* #newsinf
---------------------------------------------------------- */ 
#newsinf {
 max-width: 1205px;
 margin: 30px auto 0;
 display: block;
}
#newsinf>p{
  display:block;
  margin-bottom: 35px;
  padding: 0 15px 15px;
  background-color:#fff;
  border:1px solid #eee;
  border-radius: 5px;
  text-align:center;
  font-size: 16px;
  line-height: 1.5;
}
  #newsinf>p a{
    color:#cc0000;
    text-decoration:underline;
	display: block;
	padding: 15px 0 0;
  }
  #newsinf>p a:hover{
    text-decoration:none;
  }
#newsinf>p span{
    display: block;
}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
 #newsinf {
  margin-top: 0;
  max-width: 100%;
 }
  #newsinf>p {
    margin: 3% 0 0;
    padding: 0 2%;
    background:none;
    border:none;
    text-align:center;
    font-size: 18px;
	font-size: 3.33vw;
    line-height: 1.5;
  }
  #newsinf>p a{
	padding: 3% 0 0;
  }

}
  
/* ==========================================================
 module
========================================================== */

/* module slider
---------------------------------------------------------- */
.slider-wrap{
  overflow:hidden;
}
  .slider-wrap .slider{
  }
    .slider-wrap .slider .item {
      float:left;
    }
    
    
/* shop
---------------------------------------------------------- */
.area-shop {
  position: relative;
}
.sec-shop {
  background-color: #eee;
  padding: 0 2.7% 2.7%;
}
.sec-shop + .sec-review {
    margin-top: 2.7%;
}
  .sec-shop:first-of-type {
    padding: 2.7% 2.7% 0;
    border-radius: 5px;
  }
  .sec-shop .ttl {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 2.7%;
    text-align: center;
  }
  .sec-shop .btn-cmn-02 {
    margin: 0 auto;
    text-align: center;
  }
    .sec-shop .btn-cmn-02 a {
      display: inline-block;
      width: 223px;
      height: 35px;
      padding: 6px;
      background-color: #fff;
      border: solid 2px #eee;
      color: #000;
      border-radius: 18px;
    }
  .sec-shop .btn-cmn-02 a:hover {
    border-color: #fff;
    background-color: #eee;
    text-decoration: none;
  }
.list-brand {
  overflow: hidden;
  margin: -3% 0 0 -3%;
  padding-bottom: 4%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-brand li {
    float: left;
    width: 25%;
    max-width: 25%;
    padding-left: 2.7%;
    margin-top: 2.7%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.list-brand li a{
      color:#000;
	flex-grow: 2;
	overflow: hidden;
	height: 100%;
}
.list-brand li .box-shop {
      border-radius: 5px;
      background-color: #fff;
      width: 100%;
	height:100%;
}
      .list-brand li .box-shop .bg {
        overflow:hidden;
		border-radius: 5px 5px 0 0;
       }
        .list-brand li .box-shop .bg img {
          width: 100%;
        }
      .list-brand li .box-shop .content {
        position:relative;
        z-index:2;
       }
        .list-brand li .box-shop .content .img {
          overflow: hidden;
          margin: calc(-11%) 21.87%;
          box-shadow: 0 1px 1px rgba(0,0,0,.2);
          border-radius: 3px;
        }
          .list-brand li .box-shop .content .img img {
            display: block;
            width: 145px;
            height:58px;
            border-radius: 3px;
            
          }
        .list-brand li .box-shop .content .txt {
          font-size: 12px;
          color:#333;
          padding: 17% 6.2% 11%;
          letter-spacing: -0.05em;
          /* min-height: 100px; */
        }

@media screen and (min-width: 768px) and (max-width: 1204px) {
  .area-shop {
    padding: 250px 20px 0;
  }
}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.area-shop {
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.sec-shop {
  background-color: #eee;
  padding: 2.7%;
    margin:0 -2%;
}
  .sec-shop .ttl {
    font-size: 4.5vw;
    font-weight: bold;
    margin-bottom: 5%;
    text-align: center;
  }
  .sec-shop .btn-cmn-02 {
    margin: 0 auto;
    text-align: center;
  }
    .sec-shop .btn-cmn-02 a {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      background-color: #fff;
      border: solid 2px #eee;
      color: #000;
      padding: 0 6px 0 6px;
      width: 90%;
      height: 50px;
        line-height: 50px;
        font-size: 3.3vw;
    }
  .sec-shop .btn-cmn-02 a:hover {
    background-color: #eee;
  }
.list-brand {}
	.list-brand li {
		float: left;
		width: 50%;
		max-width: 50%;
		margin-top: 0;
		padding: 3% 0 0 3%;
	}
    .list-brand li:nth-child(2n) {
    }
    .list-brand li .box-shop {
      border-radius: 5px;
      background-color: #fff;
      width: 100%;
    }
      .list-brand li .box-shop .bg {
       }
        .list-brand li .box-shop .bg img {
          width: 100%;
        }
      .list-brand li .box-shop .content {
      }
        .list-brand li .box-shop .content .img {
          box-shadow: 0 1px 1px rgba(0,0,0,.2);
          overflow: hidden;
		margin: -12.36589% 21.87%;
		height: 12.36589vw;
		
        }
          .list-brand li .box-shop .content .img img {
            display: block;
            width:auto;
            height:auto;
          }
        .list-brand li .box-shop .content .txt {
          font-size: 3vw;
          padding: 16% 6.2% 6.2%;
        }
}





/*▼ここからギフトトップのスタイル*/
* {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.contents {
  background-color: #f8f5e8 !important;
}
.f-hiramin {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
/*ipad用(メインコンテンツがリキッドになったら外す)*/
@media screen and (max-width: 1030px) and (min-width: 768px) {
.header, .footer, .header-event { min-width: 1245px; }
}
/* hero-gift
---------------------------------------------------------- */
.hero-gift {
  background-color: #fff;
  text-align: center;
}
.hero-gift .box-link {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}
.hero-gift img {
  width: auto;
  height: 415px;
}
@media screen and (max-width: 767px) {
.hero-gift img {
  width: 100%;
  height: auto;
}
}
/*ipad用(メインコンテンツがリキッドになったら外す)*/
@media screen and (max-width: 1030px) and (min-width: 768px) {
.hero-gift {
  min-width: 1245px;
}
}

/* .ttl-gift-01
---------------------------------------------------------- */
.ttl-gift-01 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 767px) {
.ttl-gift-01 {
  font-size: 24px;
  font-size: 4.4vw;
}
}

/* .list-gift-card-01
---------------------------------------------------------- */
@media screen and (min-width: 768px) {
.list-gift-card-01 {
 margin-left: -35px;
  overflow: hidden;
}
  .list-gift-card-01 .item {
    float: left;
    width: 277px;
    margin-left: 33px;
  }
}
@media screen and (max-width: 767px) {
.list-gift-card-01 { margin-top: 18px; }
  .list-gift-card-01 .item {
    margin-top: 18px;
  }
  .list-gift-card-01 .item:first-child { margin-top: 0; }
}

/* .box-gift-card-01
---------------------------------------------------------- */
.box-gift-card-01 {
  position: relative;
  display: block;
  padding-bottom: 30px;
  background-color: #fff;
  border: 1px solid #eee9dc;
  border-radius: 4px;
  flex-grow: 2;
  overflow: hidden;
  height: 100%;
}
  .box-gift-card-01 .box-link { display: block; }
  .box-gift-card-01 .figure {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
  }
    .box-gift-card-01 .figure .txt {
      position: absolute;
      top: 50%;
      left: 18px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 24px;
      font-weight: bold;
      color: #000;
      line-height: 1.44;
      text-align: left;
    }
  .box-gift-card-01 .box-info {
    border-top: 1px solid #eee9dc;
    padding: 12px 12px 0;
  }
    .box-gift-card-01 .box-info .text {
      font-size: 14px;
      line-height: 1.5;
    }
    .box-gift-card-01 .box-info .link {
      margin-top: 10px;
      font-size: 12px;
    }
.box-gift-card-01 .txt-link {
  margin-top: 5px;
  padding: 0 12px;
}
  .box-gift-card-01 .box-info .txt-link { padding: 0; }
.box-gift-card-01 .txt-link .link {
  color: #0044cc;
  text-decoration: underline;
}
.box-gift-card-01 .txt-link .link:hover { text-decoration: none; }
.box-gift-card-01 .figure img { max-width: 100%; }
.box-gift-card-01 .rank {
  padding: 0 12px;
  margin-top: 5px;
  line-height: 1;
}
.box-gift-card-01 .rank .number {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding-top: 3.5%;
  background: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_01.png) 0 center no-repeat;
  background-size: 100%;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.box-gift-card-01 .rank .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 1.7;
  color: #cc3300;
}
@media screen and (min-width: 768px) {
.box-gift-card-01 .figure {
	min-height: 150px;
	background-image: none !important;
}
}
@media screen and (max-width: 767px) {
.box-gift-card-01 { padding-bottom: 0; }
.box-gift-card-01 .figure {
  position: absolute;
  top: 50%;
  width: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box-gift-card-01 .figure .txt {
  left: 5%;
  font-size: 20px;
  font-size: 3.7vw;
}
.box-gift-card-01 .box-info {
  overflow: hidden;
  padding: 12px;
  border-top: 0;
}
  .box-gift-card-01 .box-info .text {
    font-size: 15px;
    font-size: 2.8vw;
    line-height: 1.5;
  }
  .box-gift-card-01 .box-info .txt-link,
  .box-gift-card-01 .box-info .txt-link .link {
    font-size: 12px;
    font-size: 2.5vw;
  }
.box-gift-card-01 .rank { padding: 0; }
.box-gift-card-01 .rank .number { padding-top: 8px; }
.box-gift-card-01 .rank .txt {
  display: inline-block;
  font-size: 15px;
  font-size: 2.77vw;
  color: #cc3300;
}
}
@media screen and (min-width: 650px) and (max-width: 767px) {
.box-gift-card-01 .figure,
.box-gift-card-01 .figure img { height: 100%; }
}

/* .sec-gift-menus
---------------------------------------------------------- */
.sec-gift-menus { }
.sec-gift-menus .list-gift-card-01 .item img.image { display: none;}
@media screen and (max-width: 767px) {
.sec-gift-menus {}
.sec-gift-menus .list-gift-card-01 .item .box-gift-card-01 { padding:12px }
.sec-gift-menus .list-gift-card-01 .item:nth-child(odd) .box-gift-card-01 .figure { left: 0; }
.sec-gift-menus .list-gift-card-01 .item:nth-child(even) .box-gift-card-01 .figure { right: 0; }
.sec-gift-menus .list-gift-card-01 .item .box-info { padding: 0; }
.sec-gift-menus .list-gift-card-01 .item:nth-child(odd) .box-info { padding-left: 49%; }
.sec-gift-menus .list-gift-card-01 .item:nth-child(even) .box-info { padding-right: 49%; }
.sec-gift-menus .list-gift-card-01 .item:nth-child(odd) .txt-link,
.sec-gift-menus .list-gift-card-01 .item:nth-child(odd) .rank {
  padding-right: 0;
  padding-left: 49%;
}
.sec-gift-menus .list-gift-card-01 .item:nth-child(even) .txt-link,
.sec-gift-menus .list-gift-card-01 .item:nth-child(even) .rank {
  padding-right: 49%;
  padding-left: 0;
}
}

/* .list-gift-banner-01
---------------------------------------------------------- */
.list-gift-banner-01 { overflow: hidden; }
  .list-gift-banner-01 .box { display: block; }
  .list-gift-banner-01 .figure {
    min-height: 145px;
    border-radius: 4px;
    overflow: hidden;
  }
    .list-gift-banner-01 .figure img { max-width: 100%; }
  .list-gift-banner-01 .text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
@media screen and (min-width: 768px) {
.list-gift-banner-01 {
  margin: 50px -18px 0;
}
.list-gift-banner-01:first-of-type{
	margin: 0 -18px 0;
}
  .list-gift-banner-01 .item {
    float: left;
    width: 100%;
    padding: 0 18px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
.list-gift-banner-01 { margin-top: 17px; }
  .list-gift-banner-01 .figure { min-height: 120px; }
  .list-gift-banner-01 .text {
    margin-top: 5px;
    font-size: 15px;
    font-size: 2.77vw;
  }
}

/* .list-gift-banner-02
---------------------------------------------------------- */
.list-gift-banner-02 {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-gift-banner-02 .item{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;	
}
.list-gift-banner-02 .box {
  flex-grow: 2;
  overflow: hidden;
  height: 100%;
}
  .list-gift-banner-02 .figure {
    border-radius: 4px;
    overflow: hidden;
  }
    .list-gift-banner-02 .figure img { 
		max-width: 100%;
}
  .list-gift-banner-02 .text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
@media screen and (min-width: 768px) {
.list-gift-banner-02 {
  margin: 0 -18px 0;
}
  .list-gift-banner-02 .item {
    float: left;
    width: 50%;
    padding: 0 18px;
    margin-top: 36px;
  }
.list-gift-banner-02 .item:nth-of-type(1),
.list-gift-banner-02 .item:nth-of-type(2){
	margin-top:0;
}
}
@media screen and (max-width: 767px) {
.list-gift-banner-02 { margin-top: 0; }
  .list-gift-banner-02 .figure { min-height: 120px; }
  .list-gift-banner-02 .item { margin-top: 15px; }
  .list-gift-banner-02 .text {
    margin-top: 5px;
    font-size: 15px;
    font-size: 2.77vw;
  }
}


/*  btn-gift-01
---------------------------------------------------------- */
.btn-gift-01 {
  display: block;
  width: 345px;
  padding: 10px;
  margin: 50px auto 0;
  background-color: #fff;
  border: 2px solid #c5b567;
  border-radius: 25px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
.btn-gift-01 {
  width: 90%;
  padding: 12px;
  border-width: 1px;
  margin: 30px auto 0;
  font-size: 18px;
  font-size: 3.33vw;
}
}

/* .box-gift-info
---------------------------------------------------------- */
.box-gift-info { position: relative; }
.box-gift-infol .info {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.box-gift-info .info { margin-top: 12px; }
.box-gift-info .ttl {
  font-size: 12px;
  line-height: 1.5;
}
.box-gift-info .price {
  font-size: 14px;
  line-height: 1.5;
}
.box-gift-info .star {
  width: 94px;
  margin-top: 3px;
  color: #a28b3a;
  font-size: 12px;
  font-size: 2.5vw;
}
.box-gift-info .txt {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}
  .box-gift-info .star img { width: 100%; }
@media screen and (max-width: 767px) {
.box-gift-info .info { margin-top: 10px; }
.box-gift-info .ttl {
  font-size: 12px;
  font-size: 2.22vw;
}
.box-gift-info .price {
  font-size: 14px;
  font-size: 2.6vw;
}
  .box-gift-info .price .tax {
    font-size: 12px;
    font-size: 2.22vw;
  }
.box-gift-info .star { width: 100%; }
  .box-gift-info .star img { width: 58.6%; }
.box-gift-info .txt {
  font-size: 12px;
  font-size: 2.22vw;
}
}

/* .mod-gift-carousel
---------------------------------------------------------- */
.mod-gift-carousel{
  position: relative;
  padding: 0 30px;
  margin-top: 35px;
}
  .mod-gift-carousel .slider-wrap { overflow: hidden; }
  .mod-gift-carousel .slider {
    overflow: hidden;
    margin: 0 -10px;
  }
    .mod-gift-carousel .slider .item {
      float: left;
      width: 20%;
      padding: 0 10px;
      overflow: hidden;
    }
    .mod-gift-carousel .slider .item .box-gift-info {
      display: block;
      overflow: hidden;
    }
    .mod-gift-carousel .slider .figure {
      position: relative;
      z-index: 1;
    }
  .mod-gift-carousel .rank {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_04.png);
    background-size: 100%;
    background-position: 0 0;
    font-size: 10px;
    line-height: 24px;
    color: #fff;
    text-align: center;
  }
    .mod-gift-carousel .slider .item:nth-child(1) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_01.png); }
    .mod-gift-carousel .slider .item:nth-child(2) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_02.png); }
    .mod-gift-carousel .slider .item:nth-child(3) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_03.png); }
  .mod-gift-carousel .slider-controls .btn {
    position: absolute;
    top: 40px;
    width: 37px;
    height: 73px;
    z-index: 2;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
  }
  .mod-gift-carousel .slider-controls .btn:hover { opacity: 0.7; }
  .mod-gift-carousel .slider-controls .btn.btn-prev {
    left: 0;
    background-image: url(https://img.dinos.co.jp/images/v1/gift/common/btn_prev_gray.png);
  }
  .mod-gift-carousel .slider-controls .btn.btn-next {
    right: 0;
    background-image: url(https://img.dinos.co.jp/images/v1/gift/common/btn_next_gray.png);
  }
  .mod-gift-carousel .btn-prev.slick-disabled { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/btn_prev_disabled.png) !important; }
  .mod-gift-carousel .btn-next.slick-disabled { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/btn_next_disabled.png) !important; }
@media screen and (max-width: 767px) {
.mod-gift-carousel{ padding: 0 2%; }
  .mod-gift-carousel .slider {
    overflow: hidden;
    margin: 0 -8px;
  }
    .mod-gift-carousel .slider .item { padding: 0 8px; }
  .mod-gift-carousel .figure { padding-top: 24px; }
  .mod-gift-carousel .slider-controls {
    position: absolute;
    top: 24px;
    width: 37px;
    height: 0;
    padding-top: 29.6%;
  }
  .mod-gift-carousel .slider-controls.prev { left: 0; }
  .mod-gift-carousel .slider-controls.next { right: 0; }
  .mod-gift-carousel .slider-controls .btn {
    top: 50%;
    margin-top: -36px;
  }
}

/* .sec-gift-ranking
---------------------------------------------------------- */
.sec-gift-ranking {
  margin-top: 45px;
  padding: 45px 0;
  background-color: #fff;
  border: 1px solid #eee9dc;
  border-radius: 4px;
}
  .sec-gift-ranking .mod-gift-carousel .slider-controls .btn.btn-prev { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/btn_prev_gold.png); }
  .sec-gift-ranking .mod-gift-carousel .slider-controls .btn.btn-next { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/btn_next_gold.png); }
@media screen and (min-width: 768px) {
.sec-gift-ranking .btn-gift-01 {
  width: 225px;
  padding: 8px;
  font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.sec-gift-ranking {
  margin: 25px -2% 0;
  padding: 30px 0 40px;
  border: 0;
  border-radius: 0;
}
}

/* .sec-gift-pop
---------------------------------------------------------- */
.sec-gift-pop {
  position: relative;
  margin-top: 15px;
  padding: 45px 0;
  background-color: #fff;
  border: 1px solid #eee9dc;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
.sec-gift-pop {
  margin: 15px -3% 0;
  padding: 30px 3% 30px;
  border: 0;
  border-radius: 0;
}
.list-gift-pop {
  margin-top: 20px;
}
  .list-gift-pop .item {
    overflow: hidden;
  }
  .list-gift-pop .item:not(:first-child) { margin-top: 18px; }
  .list-gift-pop .figure {
    position: relative;
    z-index: 1;
    float: left;
	width: 34.79%;
    border: 1px solid #dedede;
    border-radius: 3px;
  }
    .list-gift-pop .figure img { border-radius: 3px; }
  .list-gift-pop .info {
    margin-top: 0; 
    padding-left: 3%;
    overflow: hidden;
  }
	.list-gift-pop .ttl,
	.list-gift-pop .price,
	.off_rate{
		line-height: 1.4
	}
	.list-gift-pop .ttl{
		font-size: 2.6vw	
	}
	.list-gift-pop .price,
	.off_rate{
		font-size: 3.2vw;
	}
	.list-gift-pop .price:after{
		content: '';
		font-size: 12px;
		line-height: 1.67;
	}
	.list-gift-pop .star {
		margin: 3px 0 1px 0;
		font-size: 16px;
		line-height: 1.3;
		width: 34.3%;
	}
    .list-gift-pop .star img { width: 100%; }
	.list-gift-pop .txt {
		margin-top: 0;
		font-size: 3.2vw;
		line-height: 1.33;
	}
  .sec-gift-pop .btn-more {
    position: relative;
    width: 100%;
    padding: 30px 0 20px;
    text-align: center;
    font-size: 18px;
    font-size: 3.33vw;
  }
  .sec-gift-pop .btn-more .txt-close { display: none; }
  .sec-gift-pop .btn-more:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 34px;
    height: 12px;
    margin-left: -17px;
    background: url(https://img.dinos.co.jp/images/v1/gift/top/ico_arrow_down.png) 0 0 no-repeat;
    background-size: 100%;
  }
  .sec-gift-pop .btn-more.is-active:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
    .sec-gift-pop .btn-more.is-active .txt-open { display: none; }
    .sec-gift-pop .btn-more.is-active .txt-close { display: inline; }
}

/* .sec-rank
---------------------------------------------------------- */
.sec-rank { margin-top: 50px; }
.sec-rank .slider .item .rank {padding: 3px 0 0;}
  .sec-rank .slider .item:nth-child(1) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_01.png); }
  .sec-rank .slider .item:nth-child(2) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_02.png); }
  .sec-rank .slider .item:nth-child(3) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_03.png); }
  .sec-rank .slider .item:nth-child(n+4) .rank { background-image: url(https://img.dinos.co.jp/images/v1/gift/common/ico_ranking_04.png); }
@media screen and (max-width: 767px) {
.sec-rank { margin-top: 25px; }
}

/* .sec-gift-recommended
---------------------------------------------------------- */
.sec-gift-recommended { margin-top: 50px; }
  .sec-gift-recommended .grid-cmn-03 { margin-top: 25px; }
@media screen and (max-width: 767px) {
.sec-gift-recommended { margin-top: 25px; }
  .sec-gift-recommended .grid-cmn-03 { margin-top: 10px; }
  .sec-gift-recommended .box-fancy .content { padding-bottom: 10px; }
}

/* sec-gift-new
---------------------------------------------------------- */
@media screen and (min-width: 768px) {
.sec-gift-new { margin-top: 45px; }
.sec-gift-new .grid-cmn-03 {
  overflow: hidden;
  margin-left: -20px;
}
  .sec-gift-new .grid-cmn-03 .grid-item {
    float: left;
    width: 163px;
    margin: 30px 0 0 20px;
    background-color: transparent;
    border: 0;
  }
  .sec-gift-new .grid-cmn-03 .grid-item:nth-child(5n+6) { clear: left; }
  .sec-gift-new .grid-cmn-03 .content {
    margin-top: 15px;
    padding: 0;
  }
  .sec-gift-new .grid-cmn-03 .img {
    border: 1px solid #eee9dc;
    border-radius: 4px;
  }
  .sec-gift-new .grid-cmn-03 .txt {
    font-size: 14px;
    line-height: 1.5;
  }
    .sec-gift-new .grid-cmn-03 .txt .tax { font-size: 12px; }
}
@media screen and (max-width: 767px) {
.sec-gift-new { margin-top: 30px; }
.sec-gift-new .title .date {
  display: block;
  font-size: 15px;
  font-size: 2.7vw;
  font-weight: normal;
  color: #333;
}
.sec-gift-new .grid-cmn-03 { margin-top: 10px; }
.sec-gift-new .box-fancy .content { padding-bottom: 10px; }
.sec-gift-new .btn-gift-01 { margin-top: 0; }
}

/* .sec-gift-products
---------------------------------------------------------- */
.sec-gift-products { background-color: #f7edd1; }
@media screen and (min-width: 768px) {
.sec-gift-products {
  margin-top: 50px;
  padding: 45px 0 32px;
}
  .sec-gift-products .inner {
    width: 1205px;
    margin: 0 auto;
  }
.sec-gift-products .list-gift-card-01 {
	margin-left: -35px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
      .sec-gift-products .list-gift-card-01 .item {
        width: 275px;
        padding: 18px 0;
        margin-left: 35px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
      }
      .sec-gift-products .list-gift-card-01 .item:nth-child(4n+5) { clear: left; }
      .sec-gift-products .box-gift-card-01 .figure .txt { font-size: 18px; }
}
@media screen and (max-width: 767px) {
	.sec-gift-products .box-info,.sec-gift-products .text,.sec-gift-products .txt br,.sec-gift-products figure img,.sec-gift-products .txt-link{
		display: none;
	}
	.sec-gift-products {
		padding-bottom: 0;
		padding: 0 0 0 0;
    border: 1px solid #eee;
		background-color: #fff;
    border-radius: 5px;
		margin-bottom: 15px !important;
	}
	.sec-gift-products h2 {
		padding: 25px 0 20px;
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 1;
    text-align: center;
	}
	.sec-gift-products .list-gift-card-01 {
		margin-top: 0px;
	}
	.sec-gift-products li:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	}
	.sec-gift-products li:nth-child(odd) {
    background-color: #f9f9f9 !important;
	}
	.sec-gift-products li:first-child {
		margin-top: 0;
	}
	.sec-gift-products li.item {
    height: auto;
    margin: 0;
		position: relative;
		margin-top: 0px;

	}
	.sec-gift-products li a {
    padding: 0;
    font-size: 3.7vw;
    line-height: 3;
	}
	.sec-gift-products li a {
    display: block;
		color: #000;
	}
	.sec-gift-products .box-gift-card-01 {
    position:static;
    display: block;
    padding-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius:0px;
    overflow:auto;
	}
	.sec-gift-products .figure{
    display: block;
    width: 100%;
    padding: 2.6% 2.6% 2.6% 26.5%;
    background-position: 3.5% center;
    background-size: auto 100%;
    background-repeat: no-repeat;
		position: static;
		text-align:left;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
  .sec-gift-products .figure .txt {
    position: static;
    font-size: 3.7vw;
    font-weight: normal;
  }
}


/* list-category-03
---------------------------------------------------------- */
.list-category-03 .ico {
  background-position: 0 center;
  background-size: 58px 59px;
  background-repeat: no-repeat;
}
.list-category-03 .ico-giftcate-01 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_01.png); }
.list-category-03 .ico-giftcate-02 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_02.png); }
.list-category-03 .ico-giftcate-03 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_03.png); }
.list-category-03 .ico-giftcate-04 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_04.png); }
.list-category-03 .ico-giftcate-05 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_05.png); }
.list-category-03 .ico-giftcate-06 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_06.png); }
.list-category-03 .ico-giftcate-17 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_17.png); }
.list-category-03 .ico-giftcate-07 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_07.png); }
.list-category-03 .ico-giftcate-08 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_08.png); }
.list-category-03 .ico-giftcate-09 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_09.png); }
.list-category-03 .ico-giftcate-10 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_10.png); }
.list-category-03 .ico-giftcate-11 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_11.png); }
.list-category-03 .ico-giftcate-12 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_12.png); }
.list-category-03 .ico-giftcate-13 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_13.png); }
.list-category-03 .ico-giftcate-14 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_14.png); }
.list-category-03 .ico-giftcate-15 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_15.png); }
.list-category-03 .ico-giftcate-16 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_16.png); }
.list-category-03 .ico-giftcate-18 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_giftcate_18.png); }
@media screen and (min-width: 768px) {
.box-category .title {
  padding: 25px 10px 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.box-category.box-guide .title {
  padding: 25px 10px 0;
}
.list-category-03 li a { padding: 5px 0 5px 10px; }
.list-category-03 li a:hover { color: #000; }
.list-category-03 .ico {
  padding-left: 0;
  line-height: 60px;
}
.list-category-03 .ico img {
  width: auto;
  height: 60px;
}

}
@media screen and (max-width: 767px) {
.box-category.box-guide .title {
  padding: 25px 0 0;
}
.list-category-03 li a {
  padding: 2.6%;
}
.list-category-03 li a {
  padding: 0;
  font-size: 20px;
  font-size: 3.7vw;
  line-height: 3;
}
.list-category-03 .ico {
padding-left: 25%;
}
.list-category-03 .ico {
  display: block;
  width: 100%;
  padding: 2.6% 2.6% 2.6% 26.5%;
  background-position: 3.5% center;
  background-size: auto 100%;
  background-repeat: no-repeat;

}
.list-category-03 .ico-card-01 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_01.png); }
.list-category-03 .ico-card-02 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_02.png); }
.list-category-03 .ico-card-03 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_03.png); }
.list-category-03 .ico-card-04 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_04.png); }
.list-category-03 .ico-card-05 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_05.png); }
.list-category-03 .ico-card-06 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_06.png); }
.list-category-03 .ico-card-07 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_07.png); }
.list-category-03 .ico-card-08 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_08.png); }
.list-category-03 .ico-card-09 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_09.png); }
.list-category-03 .ico-card-10 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_10.png); }
.list-category-03 .ico-card-11 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_11.png); }
.list-category-03 .ico-card-12 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_12.png); }
.list-category-03 .ico-card-13 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_13.png); }
.list-category-03 .ico-card-14 { background-image: url(https://img.dinos.co.jp/images/v1/gift/top/ico_gift_card_14.png); }

.contents-sub .nav-global .list-category-03 > li > .btn-accrd,
.contents-sub .nav-global .list-category-03 > li > a {
  display: block;
  height: auto;
  line-height: 1;
  padding: 0;
}
.contents-sub .nav-global .list-category-03 > li > .btn-accrd:after,
.contents-sub .nav-global .list-category-03 > li > a:after {
top: 50%;
margin-top: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.contents-sub .nav-global .list-category-03 > li .ico {
  line-height: 2.4;
  padding: 1.5% 2.6% 1.5% 2.6%;
  font-size: 20px;
  font-size:  3.7vw;
}
  .contents-sub .nav-global .list-category-03 > li .ico img {
    width: auto;
    height: 55px;
    vertical-align: middle;
  }
.contents-sub .box-gift-bnr + .box-category { margin-top: 18px; }
}

/* .area-shop
---------------------------------------------------------- */
.area-shop { margin-bottom: 0; }
.sec-shop { background-color: transparent; }
.list-brand li .box-shop .content .txt { text-align: center; }
@media screen and (min-width: 768px) {
.sec-shop,
.sec-shop:first-of-type {
  width: 1205px;
  margin: 0 auto 2.7%;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.list-brand { margin-left: -25px; padding-bottom: 0; }
  .list-brand li {
    width: 180px;
    padding-left: 0;
    margin-left: 25px;
    margin-top: 25px;
  }
  .list-brand a { display: block; }
  .list-brand li .box-shop .bg {
    position: relative;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
  }
    .list-brand li .box-shop .bg img {  backface-visibility: hidden; }
  .list-brand li .box-shop .content .img { margin: calc(-11%) 15.6%; }
    .list-brand li .box-shop .content .img img { width: 100%; }
    .list-brand li .box-shop .content .txt { padding: 16% 6.2% 24%; }
}
@media screen and (max-width: 767px) {
.sec-shop,
.sec-shop:first-of-type {
  margin: 35px 0 0;
  padding: 0;
}
.list-brand { padding-bottom: 0; }
.list-brand .grid-item { width: 50%; }
}

/* .list-info
---------------------------------------------------------- */
.list-info a { line-height: 1.5; }
  .list-info a span,
  .list-info a:hover span {
    color: #ff0000;
  }
  
/* .box-bnr
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box-bnr { margin-top: 15px; }
.box-bnr li {
  margin-top: 15px;
  margin-bottom: 0;
}
.box-bnr + .box-gift-bnr {
  margin: 25px 0 0 0;
}
}

/* .list-giftguide 
---------------------------------------------------------- */
  .list-giftguide li {
    padding: 0;
    border: 0;
  }
@media screen and (min-width: 768px) {
.list-giftguide {
  padding: 0 0 25px 15px;
}
.list-giftguide li {
  position: relative;
  padding-left: 16px;
  margin-top: 6px;
  margin-left: -3px;
  font-size: 16px;
}
.list-giftguide li:first-child { margin-top: 0; }
.list-giftguide li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
}
@media screen and (max-width: 767px) {
.list-giftguide li {
  padding: 4%;
  font-size: 20px;
  font-size: 3.7vw;
}
.list-giftguide li:nth-child(odd) { background-color: #f9f9f9; }
}

/* .list-guide 
---------------------------------------------------------- */
.list-guide {}
@media screen and (min-width: 768px) {
.list-guide a:hover { text-decoration: none; }
.list-guide a .more { text-decoration: underline; }
.list-guide a:hover .more { text-decoration: none; }
.list-guide .box {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
}
}
@media screen and (max-width: 767px) {
.list-guide { position: relative; }
.list-guide .txt { padding: 0 0 0 23%; }
.list-guide .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5% 0 0;
  background-repeat: no-repeat;
  background-position: left 10px bottom 10px;
  background-size: auto 85%;
  background-size: auto calc(100% - 10px);
}
}

/* .box-gift-bnr
---------------------------------------------------------- */
.box-gift-bnr a {
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.box-gift-bnr .no-border { border: 0; background-color: transparent; }
@media screen and (min-width: 768px) {
.box-gift-bnr {
  margin-bottom: 35px;
}
  .box-gift-bnr a {
    border: 1px solid #eee9dc;
    background-color: #fff;
  }
  .box-gift-bnr .figure {
    position: relative;
    z-index: 1;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
    .box-gift-bnr .figure img { width: 100%; }
  .box-gift-bnr .text {
    padding: 10px 15px 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
.box-gift-bnr { margin-top: 15px; }
  .box-gift-bnr a {
    border: none;
  }
  .box-gift-bnr .figure {
    border-radius: 4px;
  }
  .box-gift-bnr .figure img { background: none; }
    .box-gift-bnr .text {
      margin-top: 5px;
      font-size: 15px;
      font-size: 2.77vw;
    }
  .box-bnr .list-bnr .box-gift-bnr { margin-top: 0 !important; }
}
/* .box-gift-text
---------------------------------------------------------- */
.box-gift-text {}
  .box-gift-text p {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 1.5;
    text-align: justify;
  }
@media screen and (max-width: 767px) {
  .box-gift-text {margin-top: 35px;}
    .box-gift-text p {
      font-size: 18px;
      font-size: 3.5vw;
    }
}

/* .box-login
---------------------------------------------------------- */
.box-login{
  padding: 0 0 18px 0;
  background-color:#444;
  border-radius: 5px;
}
.box-logout .text a{
	text-decoration: none;
}
.box-logout .text a:hover{
	text-decoration: underline;
}
  .box-login .list-login{
    padding: 13px 0 21px;
    text-align:center;
  }
    .box-login .list-login li{
      display:inline;
      border-left:1px solid #eee;
    }
    .box-login .list-login li:first-child{
      border:none;
    }
      .box-login .list-login li a{
        display:inline-block;
        width: 32%;
        padding: 6px 0;
        font-size: 14px;
        line-height: 2;
        color:#fff;
      }
        .box-login .list-login li a:hover{ text-decoration:underline;}
  .box-login .btn-login{
    width: 163px;
    height: 28px;
    margin: 0 auto;
    background-color:#333;
    border-radius: 14px;
    text-align:center;
  }
    .box-login .btn-login a{
      display:block;
      font-size: 14px;
      line-height: 2;
      color:#fff;
    }

.box-logout{
}
  .mod-logout{
    padding: 19px;
  }
    .mod-logout .text{
      margin: 15px 0 0;
    }
  .mod-login{
  }
  .mod-regis{
    border-top:1px solid #eee;
  }
    .mod-login .text{
      margin-bottom: 8px;
      background: url(https://img.dinos.co.jp/images/v1/common/ico_arrow_04.jpg) no-repeat right center;
      background-size: 14px auto;
      font-size: 14px;
      line-height: 1.43;
    }
      .mod-login .text a{
        color:#000;
      }
    .mod-regis .text{
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -0.05em;
    }
      .mod-regis .txt{
        color:#cc0000;
        font-weight:bold;
      }
      
  .mod-logout .btn{
    display:block;
    width: 202px;
    height: 35px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2.5;
    text-align:center;
    border-radius: 17px 18px 18px 17px;
  }
  a.btn-login{
    background-color:#333;
    color:#fff;
  }
  a.btn-login:visited{
    color:#fff;
  }
  .btn-regis{
    background-color: #c5fd5d;
    color:#000;
  }

.box-login { background-color: #fff; letter-spacing: -0.05em; }
  .box-login .rank1 { background: url(https://img.dinos.co.jp/images/v1/gift/top/bg_rank_01.png) 0 0 no-repeat; }
  .mod-member.rank0 .name { color: #000; }
  .mod-member .coupons .num { background-color: #cc3300; }
  .mod-member .coupons { color: #666; }
  .box-login .list-login li { border: 0; }
  .box-login .list-login li a {
    border-left: 1px solid #d0ba52;
    color: #000;
    text-decoration: none;
  }
  .box-login .list-login li a:hover { text-decoration: none; }
  .box-login .list-login li:first-child a { border-left: 0; }
  .box-login .btn-login { background-color: #86741e; }

/* .box-logout
---------------------------------------------------------- */
.box-logout a.btn-login { background-color: #a28b3a; }
.box-logout a.btn-regis {
  background-color: #cc3300;
  color: #fff;
}

/* .list-search-price
---------------------------------------------------------- */
.list-search-price li {
  border-top: 1px solid #eee9dc;
}
.list-search-price a {
  position: relative;
  display: block;
  padding: 22px 15px;
}
.list-search-price a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 20px;
  height: 20px;
  background: url(https://img.dinos.co.jp/images/v1/gift/top/ico_arrow_red.png) 0 0 no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.list-search-price .price {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
.list-search-price li { border: 0; }
.list-search-price li:nth-child(odd) { background-color: #f9f9f9; }
.list-search-price a { padding: 3.3% 3.5%; }
.list-search-price .price {
    font-size: 20px;
    font-size: 3.7vw;
  }
}

/* .nav-giftcate
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .nav-giftcate ul {
    overflow: hidden;
    margin: -2% -1% 0;
  }
    .nav-giftcate ul li {
      float: left;
      width: 33.33%;
      padding: 0 1%;
      margin-top: 2%;
    }
    .nav-giftcate ul a {
      position: relative;
      z-index: 1;
      display: block;
      border-radius: 4px;
      overflow: hidden;
    }
    .nav-giftcate ul img { width: 100%; }
    .nav-giftcate ul .text {
      position: absolute;
      top: 50%;
      left: 5%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%);
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 18px;
      font-size: 3.33vw;
      font-weight: bold;
      color: #fff;
      line-height: 1.38;
    }
}

/* .sec-shop
---------------------------------------------------------- */
@media screen and (min-width: 768px) {
.sec-shop .ttl { font-size: 24px; }
}
@media screen and (max-width: 767px) {
}

/* 暫定対応
---------------------------------------------------------- */
.header-event { display: block;}

/* item status
---------------------------------------------------------- */
.cms_item_status1 dt, .cms_item_status2 dt, .cms_item_status3 dt, .cms_item_status4 dt {
	position: relative;
}
.cms_item_status1 dt:before, .cms_item_status2 dt:before, .cms_item_status3 dt:before, .cms_item_status4 dt:before {
	z-index: 2;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.7;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.cms_item_status1 dt:after, .cms_item_status2 dt:after, .cms_item_status3 dt:after, .cms_item_status4 dt:after {
	z-index: 3;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	content: '売り切れました';
	color: #FFFFFF;
	font-size: 30px;
	display: block;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.cms_item_status2 dt:after {
	content: '受付終了しました';
}
.cms_item_status3 dt:after {
	content: '終了しました';
}
.cms_item_status4 dt:after {
	content: 'comming soon';
}

@media screen and (max-width: 767px) {
.cms_item_status1 dt:after, .cms_item_status2 dt:after, .cms_item_status3 dt:after, .cms_item_status4 dt:after {
	font-size: 3vw;
}
}
.cms_layout29 {
  background: #f8f5e8;
}
.cms_layout29 .slick-slider {
    margin-bottom: 0;
}
.sec-gift-new > ul > li > a > dl > dd > div > div > p {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.contents .cms_layout_1:nth-last-of-type(1) .cms_dataexp p {
    display: none;
}
.contents .cms_layout_1.cms_bdcolor1:nth-last-of-type(1) dl,
.contents .cms_layout_1.cms_bdcolor1:nth-last-of-type(1) .card-bottom {
    background: none;
    border: none;
}
.contents .cms_layout_1.cms_bdcolor1:nth-last-of-type(1) .cms_databox dd {
    padding: 10px 0;
}
.contents .cms_layout_1:nth-last-of-type(1) dt {
    border-radius: 4px;
}
.cms_layout34 .cms_subtitle1 p {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.cms_wp.cms_layout29 {
    padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .cms_layout_2 .cms_databox .cms_datatitle p {
      font-size: 2.77vw;
  }
  .cms_layout_1.cms_blockspcolumn1 .cms_dataexp p, .cms_layout_1.cms_blockspcolumn2 .cms_dataexp p {
      font-size: 3.4vw;
  }
  .cms_layout_1.cms_blockspcolumn2 .cms_item_data .cms_datatitle p,
  .cms_layout_1 .cms_datacatno1 .cms_dataprice p {
      font-size: 2.5vw;
  }
  .contents .cms_layout_1.cms_bdcolor1:nth-last-of-type(1) dl,
  .contents .cms_layout_1.cms_bdcolor1:nth-last-of-type(1) .card-bottom {
      background: #FFF;
  }
  .contents .cms_layout_1.cms_bdcolor1:nth-last-of-type(1) .cms_databox dd {
      padding: 10px;
  }
  .cms_subtitle1 p {
      font-size: 4.4vw;
      margin-bottom: 10px;
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  }
  .cms_space1 {
      padding-top: 30px;
  }
  .list-category-03 .ico {
    padding: 2.6%;
  }
  .list-category-03 .ico img {
    width: auto;
    height: 55px;
    vertical-align: middle;
  }
  .contents .cms_layout_1:nth-last-of-type(1) dt {
      border-radius: 4px 4px 0 0;
  }
  .cms_layout_2.cms_blockspcolumn1 li {
      margin-top: 5px;
  }
  .cms_layout_2:nth-of-type(2) {
      padding-top: 15px;
  }
}
.main .cms_blockwidth1205 {
    width: auto;
}
.main .cms_wp {
    width: auto;
    min-width: 895px;
}
.main .cms_databox {
    
}
.cms_wp.cms_layout29.cms_bgcolor1 {
    background-color: #f8f5e8;
    padding: 0;
}
.contents .cms_bgcolor1 {
    background-color: transparent;
}
.cms_layout_2 li:first-child,
.cms_layout_2 li:nth-child(2) {
    margin-top: 0;
}
.cms_wp .cms_subtitle1 p {
    font-size: 24px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
}
.main .cms_space1 {
    padding-top: 0;
}
.main .cms_layout_2 .cms_databox .cms_datatitle p {
    font-weight: normal;
}
.sec-carousel.sec-rank.box-cmn {
    margin-bottom: 50px;
    margin-top: 0;
}
.main .cms_wp {
    padding: 0 0 70px 0;
}
.cms_layout_8.cms_blockpccolumn5 .cms_blockwidth1205 .slick-initialized .slick-arrow.slick-prev {
    top: 50px;
    width: 37px;
    height: 73px;
    left: 0;
    background: url(https://img.dinos.co.jp/images/v1/gift/common/btn_prev_gray.png);
    z-index: 100;
}
.cms_layout_8.cms_blockpccolumn5 .cms_blockwidth1205 .slick-initialized .slick-arrow.slick-next {
    top: 50px;
    width: 37px;
    height: 73px;
    background: url(https://img.dinos.co.jp/images/v1/gift/common/btn_next_gray.png);
}
.main .cms_layout_8 .cms_databox ul[class^="multiple-item"] {
    padding: 6px 20px 0 0;
    margin: 0;
}
.main .cms_layout_2:first-child .cms_title1 p,
.main .cms_title1 h2,
.main .cms_layout34 .cms_title1 p {
    display: none;
}

@media screen and (max-width: 767px) {
  .main .cms_wp {
      min-width: 100%;
  }
  .cms_wp .cms_subtitle1 p {
      font-size: 4.4vw;
  }
  .main .cms_wp {
      padding: 0 0 20px 0;
  }   
  .main .cms_layout_1:last-of-type {
      padding: 20px 0 20px 0;
  }
  .main .sec-carousel.sec-rank.box-cmn {
      margin-bottom: 20px;
  }
  .main .cms_layout_1.cms_blockspcolumn2 .cms_dataexp p {
      font-size: 3.4vw;
  }
  .main .cms_layout_1.cms_blockspcolumn2 .cms_item_data .cms_datatitle p {
      font-size: 2.5vw;
  }
  .main .cms_layout_1.cms_blockspcolumn2 .card-bottom {
       padding: 0; 
      display: none;
  }
  .main .cms_layout_1.cms_blockspcolumn2 .card-bottom .thumb{
       display: none;
  }
}