@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;

}

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
main{
     font-family: "Noto Serif JP", serif;
     color: #141414;
}
@media screen and (min-width: 768px) {
    body {
        min-width: 1200px;
    }
}


li {
    list-style-type: none;
}

a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}

a:focus {
    outline: none;
}

button {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none
}

main img {
    vertical-align: bottom;
}

.summergift2025-sp {
    display: none;
}
  .summergift2025-pc {
        display: block;
    }
.zen {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
}
.kau {
    font-family: "Kaushan Script", cursive;
    font-weight: 400;
    font-style: normal;
  }


.gab {
    font-family: "Gabriela", serif;
    font-weight: 400;
    font-style: normal;
  }






/* メインビジュアル*/

#summergift2025-mainvisual {
    width: 100%;
}

#summergift2025-mainvisual img {
    width: 100%;
    vertical-align: bottom;
}

/* リード */

.summergift2025-lead {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
}

.summergift2025-leadtext {
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    font-weight: bold;
}
.summergift2025-wrap{
    text-align: center;
}
/* 共通タイトル */
.summergift2025-title{
    font-size: 40px;
    font-weight: bold;
    color: #008CDD;
    border-bottom: 5px solid #7ED0F2;
display:inline-block;
    text-align: center;
    padding-left: 60px;
    margin: 0 auto;
}
.t1{
    position: relative;
}
.t1::before {
    content: '';
    display: block;
    width: 50px;
   height: 50px;
    background-image: url(/img/usr/summergift2025/gift-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
.t2{
    position: relative;
}
.t2::before {
    content: '';
    display: block;
    width: 50px;
   height: 50px;
    background-image: url(/img/usr/summergift2025/yosan-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
.t3{
    position: relative;
}
.t3::before {
    content: '';
    display: block;
    width: 50px;
   height: 50px;
    background-image: url(/img/usr/summergift2025/categ-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
.t4{
    position: relative;
}
.t4::before {
    content: '';
    display: block;
    width: 50px;
   height: 50px;
    background-image: url(/img/usr/summergift2025/osusume-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
.t5{
    position: relative;
}
.t5::before {
    content: '';
    display: block;
    width: 50px;
   height: 50px;
    background-image: url(/img/usr/summergift2025/gifts-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
/* ナビ */

.summergift2025-nav-flex ul {
    display: flex;
margin: 0 auto;
    gap: 25px;
    align-items: center;
justify-content: center;
}
.summergift2025-nav-flex img{
    width: 250px;
}
.summergift2025-nav-all{
padding-top: 60px;
padding-bottom: 80px;
}
.summergift2025-nav-all img{
    width: 800px;
    display: block;
    margin: 0 auto;
}




.summergift2025-nav a {
    transition: .3s;
}



@media screen and (min-width:768px) {
    .summergift2025-nav a:hover {
        opacity: 0.7;
    }
}

/* ランキング */
.summergift2025-rank{
    background-color: #F7FDFE;
    padding-top: 80px;
    padding-bottom: 80px;
}
.summergift2025-rank-flex{
     display: flex;
       gap: 50px;
    align-items: flex-start;
justify-content: center;
margin-top: 50px;
}
.summergift2025-rank-box img{
    width: 170px;
    margin-bottom: 10px;
}
.summergift2025-rank-title{
    color: #008CDD;
    font-size: 2rem;
    text-align-last: left;
}
.summergift2025-rank-text{
    font-size: 1.8rem;
    width: 170px;
height: 70px;
text-align-last: left;
}
.t-only{
    margin-bottom: 40px;
}
.summergift2025-soryo{
    font-size: 1.4rem;
    color: #fff;
    background-color: #008CDD;
    border-radius: 10px;
     text-align: center;
     width: 70px;
     margin: 15px auto 5px;
     font-weight: lighter;
}
.summergift2025-price {
    font-size: 2.5rem;
    letter-spacing: 0.2em;
    margin-bottom: 5px;
    text-align: center;
}

.summergift2025-price-en {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}
.summergift2025-cart-text{
color: #008CDD;
text-align: center;
font-size: 1.8rem;
    border-bottom: dashed 3px #008CDD;
display: inline-block;
    text-align: center;
    margin: 0 auto;
}
    .summergift2025-rank-box a {
    transition: .3s;
        transform: scale(1.02);
}



@media screen and (min-width:768px) {
    .summergift2025-rank-box a:hover {
        opacity: 0.7;
    }
}

.b1{
    position: relative;
    padding-left: 28px;
}

.b1::before {
    content: '';
    display: block;
    width: 23px;
   height: 22px;
    background-image: url(/img/usr/summergift2025/gift-icon1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
.b2{
    position: relative;
    padding-left: 28px;
}

.b2::before {
    content: '';
    display: block;
    width: 23px;
   height: 22px;
    background-image: url(/img/usr/summergift2025/gift-icon2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
.b3{
    position: relative;
    padding-left: 28px;
}

.b3::before {
    content: '';
    display: block;
    width: 23px;
   height: 22px;
    background-image: url(/img/usr/summergift2025/gift-icon3.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;

}
/* 予算 */
.summergift2025-yosan{
    padding-top: 80px;
    padding-bottom: 80px;
}
.summergift2025-yosan-flex{
    display: flex;
    gap: 40px;
        align-items: flex-start;
justify-content: center;
margin-top: 50px;
}
.summergift2025-yosan-flex img{
    width: 290px;
     box-shadow: 10px 10px 0px 0 #008CDD;
}
.summergift2025-yosan-flex a {
    transition: .3s;
        transform: scale(1.02);
}



@media screen and (min-width:768px) {
    .summergift2025-yosan-flex a:hover {
        opacity: 0.7;
    }
}

/* カテゴリ */
.summergift2025-categ{
    padding-top: 80px;
    padding-bottom: 80px;
     background-color: #F7FDFE;
}
.summergift2025-categ-flex1{
display: flex;
  align-items: flex-start;
justify-content: center;
gap: 50px;
padding-top: 50px;
}
.summergift2025-categ-flex1 img{
    width: 270px;
}
.summergift2025-categ-flex2{
display: flex;
  align-items: flex-start;
justify-content: center;
gap: 50px;
padding-top: 50px;
}
.summergift2025-categ-flex2 img{
    width: 270px;
}
.summergift2025-categ a {
    transition: .3s;
}
@media screen and (min-width:768px) {
    .summergift2025-categ a:hover {
        opacity: 0.7;
    }
}
/* おすすめ */
.summergift2025-osusume{
    padding-top: 80px;
    padding-bottom: 80px;
}

.summergift2025-osusume-box img{
width: 290px;
padding-bottom: 10px;
}
.summergift2025-osusume-flex1{
    display: flex;
     align-items: flex-start;
justify-content: center;
gap: 60px;
padding-top: 50px;
}
.summergift2025-osusume-text{
    font-size: 1.8rem;
    width: 290px;
    height: 80px;
    text-align-last: left;
}
.summergift2025-osusume-flex2{
    display: flex;
     align-items: flex-start;
justify-content: center;
gap: 60px;
padding-top: 50px;
}
.summergift2025-osusume a {
    transition: .3s;
}



@media screen and (min-width:768px) {
    .summergift2025-osusume a:hover {
        opacity: 0.7;
    }
}

/* ギフト */
.summergift2025-gift{
     background-color: #F7FDFE;
    padding-top: 80px;
    padding-bottom: 80px;
}
.summergift2025-gift-box{
    display: flex;
     align-items: center;
       background-color:#fff;
}
.summergift2025-gift-box img{
width: 200px;
}
.summergift2025-gift-text {
    font-size: 1.8rem;
     font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    padding-top: 50px;

}


.summergift2025-gift-flex {
    width: 1080px;
    height: 350px;
    display: flex;
     align-items: center;
    align-items: center;
    gap: 50px;
    position: relative;
      margin: 0 auto;

}
.summergift2025-gift-box-title{
     font-size: 2rem;
     color:  #008CDD;
     font-weight: bold;
     padding-left: 30px;
     padding-bottom: 5px;
     text-align-last: left;
}
.summergift2025-gift-box-text{
    width: 300px;
    font-size: 1.6rem;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-right: 30px;
    text-align-last: left;
}
.summergift2025-giftcart-text{
color: #008CDD;
text-align: right;
font-size: 1.8rem;
    border-bottom: dashed 3px #008CDD;
    width: 110px;
margin: 0 30px 0 auto;
}
.summergift2025-gift-box a {
    transition: .3s;
        transform: scale(1.02);
}

@media screen and (min-width:768px) {
    .summergift2025-gift-box a:hover {
        opacity: 0.7;
    }
}





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

    .summergift2025-sp {
        display: block;
    }
.summergift2025-pc {
    display: none;
}
/* リード */

.summergift2025-leadbox{
     width: 100%;
       height:auto;
    margin: 0 auto;

}

.summergift2025-lead {
    padding-top: 80px;
    padding-bottom: 50px;
}

.summergift2025-leadtext {
    font-size: 1.6rem;
    margin-bottom: 20px;
    font-weight: lighter;
    line-height: 2;
}
/* 共通タイトル */
.summergift2025-title{
    font-size: 2.4rem;
    border-bottom: 3px solid #7ED0F2;
padding-left: 30px;
}

.t1::before {
    content: '';
    display: block;
    width: 30px;
   height: 30px;
    top: 3px;
    left: 0px;
}

.t2::before {
    width: 25px;
   height: 25px;
    top: 5px;
    left: 0px;
}

.t3::before {
    width: 30px;
   height: 30px;
    top: 3px;
    left: 0px;

}

.t4::before {
    width: 25px;
   height: 25px;
    top: 3px;
    left: 0px;

}

.t5::before {
    width: 25px;
   height: 25px;
    top: 3px;
    left: 0px;
}
/* ナビ */
.summergift2025-nav-flex ul{
    flex-wrap: wrap;
margin: 0 auto;
    align-items: center;
justify-content: center;
gap: 15px;
}
 .summergift2025-nav-flex li{
  width: 40%;
 }
.summergift2025-nav-flex img{
  width: 100%;
}
.summergift2025-nav-all{
padding-top: 60px;
padding-bottom: 80px;
}
.summergift2025-nav-all img{
    width: 80%;
    display: block;
    margin: 0 auto;
}

/* ランキング */
.summergift2025-rank-flex{
   flex-direction:column;
    align-items: center;
justify-content: center;
margin-top: 50px;

}
.summergift2025-rank-box img{
    width: 80%;
    padding-bottom: 10px;
  display: block;
  margin: 0 auto;
}
.summergift2025-rank-title{
 display: block;
  margin: 0 auto;
    font-size: 1.8rem;
padding-left: 30px;
}
.summergift2025-rank-text{
    font-size: 1.6rem;
    width: 80%;
    height: auto;
  display: block;
  margin: 0 auto;
  padding-bottom: 15px;
}
.t-only{
    margin-bottom: 0px;
}

.summergift2025-price {
    font-size: 2.2rem;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
    text-align: center;
}

.summergift2025-price-en {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
}
.summergift2025-cart-text{
color: #008CDD;
text-align: center;
font-size: 1.6rem;

    border-bottom: dashed 2px #008CDD;
  display: inline-block;
}

.b1{
    padding-left: 50px;
}

.b1::before {
    top: 3px;
    left: 25px;
}
.b2{
    padding-left: 50px;
}

.b2::before {
    top: 3px;
    left: 25px;
}
.b3{
    padding-left: 50px;
}

.b3::before {
    top: 3px;
    left: 25px;
}
/* 予算 */

.summergift2025-yosan-flex{
 display: flex;
    flex-wrap: wrap;
    gap: 30px;
        align-items: center;
justify-content: center;
}
.summergift2025-yosan-box{
    width: 40%;
}
.summergift2025-yosan-flex img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
/* カテゴリ */
.summergift2025-categ-flex1{
 flex-direction:column;
  align-items: center;
justify-content: center;
gap: 50px;
padding-top: 50px;
width: 70%;
margin: 0 auto;
}
.summergift2025-categ-flex1 img{
    width: 100%;
     display: block;
    margin: 0 auto;
}
.summergift2025-categ-flex2{
 flex-direction:column;
  align-items: center;
justify-content: center;
gap: 50px;
padding-top: 50px;
width: 70%;
margin: 0 auto;
}
.summergift2025-categ-flex2 img{
    width: 100%;
     display: block;
    margin: 0 auto;
}


/* おすすめ */

.summergift2025-osusume-box img{
 width: 100%;
     display: block;
    margin: 0 auto;
padding-bottom: 10px;
}
.summergift2025-osusume-flex1{
   flex-direction:column;
  align-items: center;
justify-content: center;
gap: 60px;
padding-top: 50px;
width: 70%;
margin: 0 auto;
}
.summergift2025-osusume-text{
    font-size: 1.8rem;
    width: 100%;
    height: auto;
     display: block;
  margin: 0 auto;
}
.summergift2025-osusume-flex2{
    flex-direction:column;
  align-items: center;
justify-content: center;
gap: 60px;
padding-top: 50px;
width: 70%;
margin: 0 auto;
}
/* ギフト */

.summergift2025-gift-box{
    flex-direction:column;
  align-items: center;
justify-content: center;
width: 90%;
}
.summergift2025-gift-box img{
margin-top: 30px;
    width: 50%;
}
.summergift2025-gift-text {
    font-size: 1.6rem;
     font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    padding-top: 50px;
    font-weight: lighter;
    width: 100%;
}


.summergift2025-gift-flex {
    width: 80%;
    height: auto;
   flex-direction:column;
  align-items: center;
justify-content: center;
    gap: 50px;
      margin: 0 auto;
   margin-bottom: 20px;
   margin-top: 30px;
}
.summergift2025-gift-box-title{
     font-size: 2rem;
     color:  #008CDD;
     font-weight: bold;
     padding-left: 30px;
     padding-bottom: 10px;
     padding-top: 10px;
}
.summergift2025-gift-box-text{
    width: 100%;
    font-size: 1.5rem;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-right: 30px;
      font-weight: lighter;

}
.summergift2025-giftcart-text{
color: #008CDD;
text-align: right;
font-size: 1.6rem;
    border-bottom: dashed 2px #008CDD;
    width: 100px;
margin: 0 30px 30px auto;
}








}