@charset "UTF-8";


/* top page */



@media print,screen and (min-width: 751px) {
.sec-top-header{
  background-image:url(../images/top/img_top01.jpg);
  background-repeat:no-repeat;
  background-size:1048px auto;
  background-position: center 150px; 
}

.link-box3{
  width: 768px;
}

}

h2 img{
  width: 100%;
}

h2.title01{
  width: 217px;
  margin-left:auto;
  margin-right:auto;
}
h2.title02{
  width: 141px;
  margin-left:auto;
  margin-right:auto;
}

h2.title03{
  width: 145px;
  margin-left:auto;
  margin-right:auto;
}

h2.title04{
  width: 140px;
  margin-left:auto;
  margin-right:auto;
}

h2.title05{
  width: 148px;
  margin-left:auto;
  margin-right:auto;
}

h2.title06{
  width: 186px;
  margin-left:auto;
  margin-right:auto;
}


/* sec-top-header */

.sec-top-header .text{
  text-align: center;
  font-size: 19px;
  line-height: 3.15789em;
}

/* --- sec-product-info --- */

.sec-product-info .item-box3{
  width: 812px;
  margin-left: 80px;
}

.sec-product-info .item-box01{
  width: 33.333%;
  text-align: left;  
  margin-bottom: 30px;
}

.sec-product-info .item-box01 .img{
  min-height: 260px;
  width: 176px;
  margin-bottom: 10px;
}
.sec-product-info .item-box01 .img img{
  width: 100%;
}
.sec-product-info .item-box01 .title{
  padding: 0;
  margin: 0;
  color: #1D1C1C;
  border: none;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 1.25em;
}

.sec-product-info .item-box01 .title > span{
  font-size: 12px;
  display: inline-block;
}

.sec-product-info .item-box01 .price{
  font-size: 18px;
  padding: 6px 0 0 0;
  
}
.sec-product-info .item-box01 .price > span{
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
}



/* --- sec-ranking --- */

.sec-ranking{
  background-color: #D7D9C7;
}

.sec-ranking .link-box3{
  width: 840px;
}

.sec-ranking .ranking-box{
  width: 210px;
}


.sec-ranking .ranking-box:nth-child(2){
  padding-top: 120px;
}
.sec-ranking .ranking-box:nth-child(3){
  padding-top: 240px;
}

.sec-ranking .ranking-box .rank{
  font-size: 24px;
  letter-spacing: -0.3em;
  padding-top: 44px;
  position: relative;
  margin-bottom: 12px;
  text-align: center;
}
.sec-ranking .ranking-box .rank > span{
  display: inline-block;
  position: relative;
  top:10px;
  font-size: 52px;
}
.sec-ranking .ranking-box .rank:after{
  content: "";
  display: inline-block;
  position: absolute;
  background-image:url(../images/top/icon_crown.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 48px;
  height: 37px;
  top:0;
  left: calc(50% - 20px);
}

.sec-ranking .ranking-box .text-box{
  text-align: left;
  margin-top: 8px;  
}

.sec-ranking .ranking-box .text-box .title{
  padding: 0;
  margin: 0;
  color: #1D1C1C;
  border: none;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.7em;
  margin-bottom: 0;
}

.sec-ranking .ranking-box .text-box .title > span{
  display: inline-block;
  font-size: 12px;
  line-height: 1.72em;
  font-weight: normal;
  position: relative;
  top: 0;

}

.sec-ranking .ranking-box .text-box .price{
  font-size: 20px;
  margin-bottom: 0px;
  color: #1D1C1C;
}
.sec-ranking .ranking-box .text-box .price > span{
  font-size: 13px;
  margin-left: 5px;
}

.sec-ranking .ranking-box .text-box .text{
  font-size: 15px;
  line-height: 1.733em;
  margin-bottom: 20px;
}

.sec-ranking .bg01{
  text-align: center;
  background-color: #FFFFFF;
}


/* --- sec-news --- */


#news{
  padding-top: 70px !important;
  border-bottom: none !important;
}

.sec-news{
  padding-top: 150px;
}

.sec-news .inner{
  max-width: 826px;
}
.sec-news .news-banner{
  margin-bottom: 90px;
}

.sec-news .news-banner img{
  width: 100%;
}

.sec-news #news-list{
  margin: 0;  
}

.sec-news dl:first-child{
  border-top: 1px solid #707070;
}

.sec-news dl{
  border-bottom: 1px solid #707070;
  padding: 10px 0 25px;
  font-size: 16px !important;
  line-height: 1.7222em;
}
.sec-news dt{
 float:left;
  width: 120px !important;
  font-size: 16px !important;
}

.sec-news dd{
  font-size: 15px !important;
  margin-left:120px;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.sec-news .btn{
  text-align: center;
  padding:100px 0;
}

 /* --- sec-pickup --- */
.sec-pickup{
  background-image:url(../images/top/img_top04.jpg);
  background-repeat:no-repeat;
  background-size:1500px 100%;
  background-position:center top; 
  padding-top: 75px;
  padding-bottom: 40px;
  background-color: rgba(135, 118, 98, 0.6);
}


.sec-pickup h2{
  font-size: 50px;
  color: #FDFDFD;
  text-align: center;
  margin-bottom: 75px;
}

.sec-pickup .pickup-list{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  text-align: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.sec-pickup .pickup-list li{
  width: 252px;
  height: 84px;
  border: 2px solid #FCF7F7;
  margin-bottom: 33px;
}

.sec-pickup .pickup-list li.bg-gray{
  background-color: rgba(79, 79, 79, 0.5);
  border: none;
}
.sec-pickup .pickup-list li a{
  color: #FDFDFD;
  font-size: 18px;
  display: block;
  height: 84px;
  width: 252px;
  line-height: 1.3333em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content: center;
  justify-content:center;
}

.sec-pickup .pickup-list li a > span{
  display: inline-block;
}

/* --- sec-70th 諏訪追加--- */

.sec-70th{
  padding: 30px 0;
}

.sec-70th .btn{
  text-align: center;
  padding:50px 0;
}


@media screen and (max-width: 750px) {

h2 img{
  width: 100%;
}
h2.title01{
  width: 34.29956vw;
}
h2.title02{
  width: 21.73913vw;
}

h2.title03{
  width: 26.0869vw;
}

h2.title04{
  width: 21.73913vw;
}

h2.title05{
  width: 26.8115vw;
}

h2.title06{
  width: 29.39962vw;
}



/* sec-top-header */
.sec-top-header{
}


.sec-top-header h2{
}

.sec-top-header .text{
  font-size: 4.10628vw;
  line-height: 3.529em;
}

.sec-top-header .bg01 img{
  width: 100%; 
}



/* --- sec-product-info --- */

.sec-product-info .item-box3{
  width: 100%;
  margin-left: 0;
}

.sec-product-info .item-box01{
  width: calc(50% - 2.415vw);
  margin-bottom: 14.4927vw;
}

.sec-product-info .item-box01 .img{
  min-height: auto;
  width: 100%;
  margin-left: 0;
  margin-bottom: 5.314vw;
}

.sec-product-info .item-box01 .title{
  padding: 0;
  margin: 0;
  color: #1D1C1C;
  border: none;
  font-size: 3.3816vw;
  margin-bottom: 1em;
  line-height: 1.4117em;
  padding-left: 0;
}

.sec-product-info .item-box01 .title > span{
  font-size: 2.8985vw;
}

.sec-product-info .item-box01 .price{
  font-size: 5.314vw;
  padding-left: 0;
}
.sec-product-info .item-box01 .price > span{
  font-size: 3.14vw;
}


/* --- sec-ranking --- */



.sec-ranking .ranking-box{
  width: 100%;
  padding-top: 0 !important;
  margin-bottom: 16.908vw
}


.sec-ranking .link-box3{
  display: block;
  width: 100%;
}


.sec-ranking .ranking-box .rank{
  font-size: 5.314vw;
  letter-spacing: -0.3em;
  padding-top: 10.869vw;
  position: relative;
  margin-bottom: 4.83vw;
  text-align: center;
}
.sec-ranking .ranking-box .rank > span{
  display: inline-block;
  position: relative;
  top:1.2077vw;
  font-size: 11.111vw;
}
.sec-ranking .ranking-box .rank:after{
  width: 10.3864vw;
  height: 7.9710vw;
  top:0;
  left: calc(50% - 3.864vw);
}

.sec-ranking .ranking-box .sub-box{
   display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
}

.sec-ranking .ranking-box .sub-box > p{
  width: calc(50% - 1.44927vw);
  -webkit-order: 2;
  order: 2;
}
.sec-ranking .ranking-box .sub-box > div{
  width: calc(50% - 1.44927vw);
  -webkit-order: 1;
  order: 1;
}


.sec-ranking .ranking-box .text-box{
  text-align: left;
  margin-top: 0;  
}

.sec-ranking .ranking-box .text-box .title{
  padding: 0;
  margin: 0;
  color: #1D1C1C;
  border: none;
  font-size: 4.8309vw;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

.sec-ranking .ranking-box .text-box .title > span{
  font-size: 3.3816vw;
  line-height: 1.5em;
  top: 0;
}

.sec-ranking .ranking-box .text-box .price{
  font-size: 4.8309vw;
  font-weight: bold;
  margin-bottom: 8px;
  color: #1D1C1C;
}
.sec-ranking .ranking-box .text-box .price > span{
  font-size: 2.8985vw;
  margin-left: 5px;
}

.sec-ranking .ranking-box .text-box .text{
  font-size: 3.623vw;
  line-height: 1.73em;
  margin-bottom: 4.83vw;
}

/* --- sec-news --- */
#news,
.sec-news{
  padding: 0 !important;
  margin: 0 !important;
}
.sec-news h2{
  margin-bottom: 11.3526vw;
}
.sec-news .news-banner{
  margin-bottom: 12.07729vw;
}

.sec-news .news-banner img{
  width: 100%;
}

.sec-news dl{
  padding: 2.8985vw 0 9.6618vw;
  font-size: 3.6231vw;
  line-height: 1.7222em;
}
.sec-news dt{
 float:none;
 font-size: 3.62318vw !important;
  width: 100% !important;
}
.sec-news dd a,
.sec-news dd{
  margin-left:0;
  font-size: 3.3816vw !important;
  width: 100% !important;
  line-height: 1.5714em !important;
}

.sec-news .btn{
  text-align: center;
  padding: 19.3236vw 0 0;
}

.sec-news .link-text{
  border: none !important;
}
 /* --- sec-pickup --- */
.sec-pickup{
  background-image:url(../images/top/img_top04_sp.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center; 
  padding-top: 5.555vw;
  padding-bottom: 4.8309vw;
}

.sec-pickup h2{
  font-size: 7.2463vw;
  margin-bottom: 7.971vw;
}

.sec-pickup .pickup-list li{
  width: calc(50% - 1.6908vw);
  height: 24.15458vw;
  border: 2px solid #FCF7F7;
  margin-bottom: 3.6231vw;
}


.sec-pickup .pickup-list li a{
  font-size: 4.8309vw;
  height: 24.15458vw;
  width: 100%;
  line-height: 1.4em;
}

.sec-pickup .pickup-list li a > span{
  display: inline-block;
}

/* --- sec-70th --- */
.sec-70th{
  padding: 0 !important;
  margin: 0 !important;
}

.sec-70th .btn{
  text-align: center;
  padding: 10vw 0;
}

.sec-70th .link-text{
  border: none !important;
}
  
}