@charset "utf-8";

#main{
background:#f9f8f1 !important;
}

header{
background:rgba(248,249,241,0.8) !important;
}

.btn_honten{
background-color: rgba(248,249,241,0.8) !important;
}

.color01{
color:#6a3906;
}

/*
-----------------------------------------------
▼基本デザイン 2022.5
----------------------------------------------- */

* {
box-sizing:border-box;
margin:0;
padding:0;
border:0;
outline:0;
font-style:normal;
word-break:normal;
word-wrap:break-word;
}
body {
-webkit-text-size-adjust:100%;
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-size:14px;
line-height:1.7;
color:#231815;
-webkit-font-smoothing:subpixel-antialiased;
}

small {
font-size:80%;
}
article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
-webkit-font-smoothing:antialiased;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#08c;
text-decoration:none;
}
a:hover,a:active {
text-decoration:underline;
}
a img {
transition:opacity 0.5s ease-in-out;
}
a:hover img {
opacity:0.8;
}

/* clearfix */
.cf:after {
display:block;
content:"";
clear:both;
}

.nbr-font{
font-family: 'Inter', sans-serif;
}

/*
-----------------------------------------------
flex
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.al-item01{
align-items:flex-end
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}


/*
-----------------------------------------------
▼ ヘッダー部分・共通部分
----------------------------------------------- */

#under_wrap{
width:1040px;
margin-left:auto;
margin-right:auto;
}
@media screen and (min-width:769px) and ( max-width:1039px) {
#under_wrap{
width:100%;
}
}

#under_ttl_block,
#under_contents{
width:720px;
margin-left:auto;
margin-right:auto;
}

#under_ttl_block{
padding-top:50px;
}

#under_header{
border-bottom:solid 1px #ccc;
padding-top:80px;
}

#under_logo{
text-align:center;
padding-top:40px;
margin-bottom:80px;
}

#under_logo02{
font-family: 'Playfair Display', serif;
font-size:25px;
text-align:center;
padding-bottom:5px;
}

#under_ttl_block h2{
font-family: 'Shippori Mincho', serif;
font-weight:600 !important;
font-size:36px;
line-height:1.5;
letter-spacing:0;
margin-bottom:58px;
}



#under_main_img img{
width:100%;
height:auto;
}

.under_date,
.under_cat{
color:#898989;
font-size:12px;
font-family: 'Montserrat', sans-serif;
margin-bottom:5px;
}

.sponly{
display:none;
}

/*
-----------------------------------------------
▼ ヘッダー部分・共通部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
#under_wrap{
width:100% !important;
}

#under_logo{
text-align:center;
padding-top:20px;
margin-bottom:30px;
}

#under_logo img{
width:50%;
height:auto;
}

#under_header{
padding-top:30px;
}

#under_header{
width:90%;
margin-left:5%;
margin-right:5%;
}


#under_ttl_block,
#under_contents{
width:100%;
padding-left:5%;
padding-right:5%;
}

#under_ttl_block{
padding-top:25px;
}

#under_logo02{
font-size:24px;
}

#under_ttl_block h2{
font-family: 'Shippori Mincho', serif;
font-size:30px;
line-height:1.5;
letter-spacing:-1px;
margin-bottom:26px;
}

.sponly{
display:block;
}

}


/*
-----------------------------------------------
▼ フッター部分・共通部分
----------------------------------------------- */
.share_wrap{
width:380px;
margin-left:auto;
margin-right:auto;
}

.share_wrap h3{
font-size:18px;
letter-spacing:0.2em;
color:#888988;
font-family: 'Montserrat', sans-serif;
text-align:center;
margin-bottom:35px;
}

.share_btn li a img{
width:40px !important;
height:auto;
}

.toppage_link{
margin-top:80px;
}

.toppage_link a{
font-size:16px;
display:block;
line-height:34px;
height:34px;
border:solid 1px #888988;
color:#888988;
font-family: 'Montserrat', sans-serif;
text-align:center;
letter-spacing:0.8em;
}

.toppage_link span{
margin-left:1.2em;
}

.toppage_link a:hover{
text-decoration:none;
opacity:0.4;
}

/*
-----------------------------------------------
▼ フッター部分・共通部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.share_wrap{
width:100%;
padding-left:10%;
padding-right:10%;
}

.share_wrap h3{
margin-bottom:20px;
}

.share_btn li a img{
width:32px !important;
}

.toppage_link{
margin-top:40px;
}

.share_btn{
padding-left:5%;
padding-right:5%;
}

}


/*
-----------------------------------------------
▼ コンテンツ部分
----------------------------------------------- */
#under_contents{
margin-top:70px;
}

.under_contents_block{
margin-bottom:100px;
}

.under_heading01{
font-family: 'Shippori Mincho', serif;
font-weight:600 !important;
font-size:28px;
line-height:1.7;
letter-spacing:-1px;
/* letter-spacing:1px; */
margin-bottom:20px;
}

.attention_txt{
font-size:13px;
color:#595757;
margin-top:-58px;
}

/*
-----------------------------------------------
▼ 数字設定(デザインによって変更)
----------------------------------------------- */
.nbr{
position:absolute;
z-index:20;
width:216px !important;
height:auto !important;
top:-44px;
left:-22px;
}

.sp_nbr{
display:none;
}

.nbr_img{
position:relative;
}

.linkup_img{
position:relative;
z-index:10;
max-width:100%;
width:auto;
height:auto;
}

.mx-img{
max-width:100%;
width:auto;
height:auto;
}

.linkup_caption{
font-size:11px;
/* color:#777777; */
color:#000;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-top:14px;
}

.linkup_info{
font-family: 'Shippori Mincho', serif;
font-weight:600 !important;
font-size:15px;
line-height:1.8;
margin-top:36px;
letter-spacing:1px;
}

.under_sub_img{
width:440px;
margin-left:auto;
margin-right:auto;
}

.linkup_sub_txt{
font-size:13px;
color:#777777;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-bottom:40px;
line-height:1.8 !important;
}

.linkup_sub_txt02{
font-size:13px;
color:#777777;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-bottom:20px;
line-height:1.8 !important;
letter-spacing:1px !important;
}

.linkup_sub_txt03{
font-size:10px;
color:#000 !important;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-bottom:70px;
margin-top:-5%;
}

.link_outpage{
color:#777777 !important;
}

.link_outpage span{
color:#3399ff !important;
}

.link_outpage:hover{
text-decoration:none !important;
opacity: 0.6;
}

.top30{margin-top:30px;}

.btm60{
margin-bottom:60px;
}

.wide01{
padding-left:12%;
padding-right:12%;
}

.sub_info{
font-family: 'Shippori Mincho', serif;
margin-bottom:70px;
}

.sub_info h3{
font-size:21px;
font-weight:600 !important;
margin-bottom:16px;
}

.sub_info p{
font-size:13px;
letter-spacing:0.05em !important;
}


/*
-----------------------------------------------
▼ コンテンツ部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.pconly{
display:none;
}

#under_contents{
margin-top:40px;
}

.under_contents_block{
margin-bottom:50px;
}

.nbr{
display:none !important;
}

.wide01{
padding-left:8%;
padding-right:8%;
}

.attention_txt{
font-size:12px;
color:#595757;
margin-top:-32px;
}

/*
-----------------------------------------------
▼ 数字設定(デザインによって変更) SP
----------------------------------------------- */
.sp_nbr{
display:block !important;
position:absolute;
z-index:20;
top:-5%;
left:-5%;
width:30% !important;
height:auto;
}

.under_sub_img{
width:100%;
padding-left:15%;
padding-right:15%;
}

.under_heading01{
font-size:22px;
/* letter-spacing:1px; */
margin-bottom:18px;
}

.linkup_caption{
font-size:11px;
font-weight:300;
margin-top:8px;
}

.linkup_info{
font-size:13px;
line-height:1.8;
margin-top:18px;
letter-spacing:0;
}

.sub_info h3{
font-size:17px;
margin-bottom:10px;
}

.linkup_sub_txt03{
margin-bottom:30px;
}

}


/*
-----------------------------------------------
▼ 他記事特集部分
----------------------------------------------- */
#under_sub_contents{
width:720px;
margin-left:auto;
margin-right:auto;
}

.sub-img{
padding-left:18%;
padding-right:18%;
}

/*
-----------------------------------------------
▼ 他記事特集部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
#under_sub_contents{
width:90%;
margin-left:5%;
margin-right:5%;
}

.sub-img{
padding-left:15%;
padding-right:15%;
}
}

/*
-----------------------------------------------
▼ 文字間調整
----------------------------------------------- */

.tume01{
letter-spacing:0 !important;
}
.tume02{
letter-spacing:-22px; !important;
}

.tume03{
letter-spacing:-12px; !important;
}

.tume04{
letter-spacing:-1px; !important;
}

.tume05{
letter-spacing:3px; !important;
}

.product-name{
color:#6a3906;
padding-left:45px;
margin-bottom:46px;
position:relative;
}

.product-name:before{
content: '';
  position:absolute;
  width: 16px;
  height: 75px;
  background-image: url(../img/bar_pc.webp);
  background-size: contain;
  top:4px;
  left:0;
}

.product-name .nbr-font{
font-size:50px;
display:block;
line-height:1.0;
margin-bottom:4px;
}

.brand-name{
font-size:22px;
font-weight:500;
letter-spacing:0.1em;
display:block;
line-height:1.2;
}

.margin01{
margin-bottom:76px !important;
}

.margin02{
margin-top:100px !important;
margin-bottom:100px !important;
}

.margin03{
margin-top:65px !important;
margin-bottom:65px !important;
}

.img-size01{
padding-left:18%;
padding-right:18%;
box-sizing: border-box;
}

.img-size02{
padding-left:16%;
padding-right:16%;
box-sizing: border-box;
}

.img-size03{
padding-left:17.3%;
padding-right:17.3%;
box-sizing: border-box;
}


.img-size04{
padding-left:20%;
padding-right:20%;
box-sizing: border-box;
}


.img-size05{
padding-left:25%;
padding-right:25%;
box-sizing: border-box;
}

.sub-p{
font-size:17px;
margin-top:80px;
}

.more-info{
color:#1ea739;
font-size:17px;
margin:90px 0 24px 0;
}

.more-p{
font-size:13px;
letter-spacing:1.2px;
}

.insta-link{
margin-left:auto;
margin-right:auto;
text-align:center;
margin:30px 0 120px 0;
}

.insta-link img{
width:421px !important;
height:auto !important;
}

.red01{
color:red;
}

/*
-----------------------------------------------
▼ 今回のSP
----------------------------------------------- */
@media screen and (max-width: 768px) {

.product-name{
padding-left:36px;
margin-bottom:22px;
margin-left:-5%;
}

.product-name:before{
  width: 14px;
  height: 66px;
  background-image: url(../img/bar_pc.webp);
  background-size: contain;
  top:4px;
  left:0;
}

.product-name .nbr-font{
font-size:42px;
}

.brand-name{
font-size:18px !important;
line-height:1.6;
}

.img-size01,
.img-size02,
.img-size03,
.img-size04{
padding-left:8%;
padding-right:8%;
}

.img-size05{
padding-left:22%;
padding-right:22%;
box-sizing: border-box;
}

.margin01{
margin-bottom:50px !important;
}

.margin02,
.margin03{
margin-top:50px !important;
margin-bottom:50px !important;
}

.sub-p{
font-size:17px;
margin-top:40px;
margin-bottom:10px;
}

.more-info{
margin:40px 0 12px 0;
}

.insta-link{
margin:30px 0 60px 0;
}

.insta-link img{
width:auto !important;
max-width:100% !important;
height:auto !important;
}


}

/* css_end */