@charset "UTF-8";
/* CSS Document */

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

header{
width: 100%;
padding: 1% 0;
}

header section{
display: flex;
width: 900px;
margin: 0 auto;
}

header section div{
width: 161px;
margin: 0 auto;
display: block;
}


.login_btn{
background: #7D574F;
color: #fff;
font-size: 1.8rem;
padding: 2% 4%;
margin-right: 1em;
}

.login_btn i{
margin-right: 0.5em;
}

.buy_btn{
background: #fff;
font-size: 1.8rem;
padding: 2% 4%;
}

.main_img_section{
width: 100%;
margin: 0 auto;
}

.main_img_section img{
margin-top: 0;
}

.main_section_01{
background: #DB0012;
width: 100%;
margin-top: 10%;
text-align: center;
position: relative;
padding: 8% 0;
}

.midashi_01{
width: 830px;
position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.img_01{
width: 940px;
}

.list_01{
width: 920px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 5%;
}

.list_01 li{
width: 45%;
text-align: center;
}

.list_01 li p{
font-family: source-han-serif-japanese,serif;
font-weight: 700;
font-style: normal;
font-size: 2.5rem;
font-weight: bold;
color: #fff;
margin-bottom: 5%;
}

.cart_btn{
background: #fff;
padding: 3% 4%;
font-size: 1.8rem;
font-weight: bold;
border-radius: 4px;
}

.cart_btn i{
margin-right: 0.5em;
}

.main_section_02{
width: 100%;
background: url("../../img/gift/top/ba_05.jpg") no-repeat bottom center;
background-size: 100%;
padding: 8% 0;
}

.img_04{
display: block;
width: 896px;
margin: 0 auto;
padding: 2% 0;
margin-bottom: 0;
}

.two_c01{
width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}

.two_c01 div:nth-of-type(1){
width: 52%;
padding-left: 5%;
}

.two_c01 div:nth-of-type(2){
width: 40%;
}

.main_section_02 h4{
font-family: source-han-serif-japanese,serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
margin-bottom: 2%;
}

.main_section_02 p{
font-family: source-han-serif-japanese,serif;
font-weight: 700;
font-style: normal;
font-size: 1.7rem;
line-height: 200%;
}

.main_section_03{
width: 1000px;
margin: 0 auto;
padding: 8% 0;
}

.midashi_02{
font-family: source-han-serif-japanese,serif;
font-weight: 400;
font-style: normal;
font-size: 5.7rem;
text-align: center;
margin-bottom: 2%;
}

.honbun_01{
font-family: source-han-serif-japanese,serif;
font-weight: 400;
font-style: normal;
font-size: 2.5rem;
text-align: center;
margin-bottom: 2%;
}

.honbun_02{
font-family: source-han-serif-japanese,serif;
font-weight: 700;
font-style: normal;
font-size: 1.7rem;
margin-top: 2%;
}

.main_section_04{
padding: 4% 0 8% 0;
background: url("../../img/gift/top/ba_03.jpg") no-repeat top center;
background-size: cover;
text-align: center;
}

.midashi_03{
font-family: source-han-serif-japanese,serif;
font-weight: 400;
font-style: normal;
background: url("../../img/gift/top/ba_04.png") no-repeat center center;
background-size: 100%;
font-size: 5.7rem;
text-align: center;
width: 1000px;
margin: 0 auto;
}

.img_07{
width: 900px;
margin: 60px auto 0 auto;
}

.margintop01{
margin-top: 5%;
}

.list_02{
width: 950px;
margin: 0 auto;
background: url("../img/top/ba_05.png") no-repeat bottom center;
background-size: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-family: source-han-serif-japanese,serif;
font-weight: 400;
font-style: normal;
padding: 3% 0 0 0;
}

.list_02 dt{
width: 35%;
font-size: 3.1rem;
text-align: right;
}

.list_02 dd{
width: 61%;
font-size: 3.1rem;
text-align: left;
line-height: 150%;
}

.list_02 dd b{
font-family: toppan-bunkyu-midashi-go-std,sans-serif;
font-weight: 900;
font-style: normal;
}

.list_02 dd b span{
font-size: 50%;
}

.img_09{
width: 834px;
display: block;
margin: 0 auto;
margin-bottom: 2%;
}

.img_10{
width: 884px;
display: block;
margin: 0 auto;
margin-bottom: 3%;
}

.img_11{
width: 772px;
display: block;
margin: 0 auto;
}

.main_section_05{
background: #231815;
text-align: center;
font-family: source-han-serif-japanese,serif;
font-weight: 400;
font-style: normal;
font-size: 3.3rem;
padding: 2% 0;
color: #fff;
}

footer section{
background: #E3BC43;
text-align: center;
padding: 2% 0;
}

footer section img{
width: 200px;
}

footer p{
text-align: center;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.2rem;
padding: 1.5%;
}

.skubutton{
font-family: "Font Awesome 5 Free";
display: inline-block;
border: none;
background: #fff;
padding: 3% 4%;
font-size: 1.8rem;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
}

.skubutton:hover{
opacity: 0.7;
}

.img_12{
width: 850px;
margin-top: 5%;
}

.btn_01{
width: 100%;
margin-top: 15px;
}

.main_copy{
width: 90%;
margin: 0 auto;
margin-top: -18%;
}


.link_btn_02{
background: #EFE300;
font-size: 3.3rem;
color: #000000;
width: 350px;
margin: 0 auto;
font-weight: bold;
display: block;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 10px;
text-align: center;
}

.koe_section{
background: url("../../img/gift/top/ba_06.jpg") no-repeat center center;
background-size: cover;
width: 100%;
padding: 2% 0 5% 0;
margin-top: 3%;
}

.midashi_04{
width: 300px;
margin: 0 auto;
margin-top: -7%;
margin-bottom: 3%;
}

.list_03{
width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3%;
}

.list_03 li{
width: 48%;
text-align: center;
}

.chocolat_section{
background: url("../../img/gift/top/ba_07.png") repeat-x top;
background-size: 1000px;
padding: 0 0;
}