@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
b, i, dl, dt, dd, ol, ul, li,
footer, header {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ul,ol { list-style-type: none;}
p { margin: 0;}
img { border: 0; vertical-align: bottom; width: 100%;}

a { color: #222; text-decoration: none;}
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}

#summer25 {
    width: 100%;
    font-size: 22px;
    color: #222;
    background: url("/public/images/default/laetitienpet/summerfukubukuro2025/back.jpg") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}
#summer25 .cnt {
    background: #fff;
    width: 600px;
    margin: 0 auto;
    border-right: 20px solid #fff;
    border-left: 20px solid #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
}

#summer25 .red { color: #db3d42; font-weight: 600;}

#summer25 div,
#summer25 h2, #summer25 h3, #summer25 h4, #summer25 h5,
#summer25 b, #summer25 a,
#summer25 p, #summer25 span,
#summer25 li, #summer25 dt,
#summer25 dd {
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
}
#summer25 img { width: 100%; border: 0; vertical-align: bottom;}

/* smr25_fv */
.smr25_order { padding: 40px 60px 60px;}
.smr25_order .note { font-size: 0.8em; margin-top: 1em; text-align: center;}

.smr25_lead { background: #f2efea; padding: 40px;}
.smr25_lead p { line-height: 2em;}
.smr25_lead .voice { background: #fff; border-radius: 10px; padding: 30px 30px 10px; margin: 40px 0;}
.smr25_lead .voice li { list-style: circle; margin-left: 1em; font-weight: 600; margin-bottom: 0.5em;}

.smr25_lineup div {
    background: url("/public/images/default/laetitienpet/summerfukubukuro2025/smr25_dog_lineupback.jpg") no-repeat top center / 100% auto;
    padding: 0 30px 30px;
}
.smr25_lineup div li { margin-bottom: 20px;}

/* tgl common */
.lstTgl .lstDtl,
.tgl .tglDtl { display: none;}
.lstTgl h3,
.tgl h4 { position: relative; cursor: pointer;}

.btnTgl,
.smr25_Lst .lstTgl { border: 2px solid;}

.btnTgl h4,
.smr25_Lst .lstTgl h3 { text-align: center; font-weight: 600; line-height: 60px; height: 60px;}

.btnTgl h4:after,
.smr25_Lst .lstTgl h3:after {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 1.4em;
    font-family: 'Material Symbols Outlined';
    content: '\e313';
    display: inline-block;
}
.btnTgl h4.icnClose:after,
.smr25_Lst .lstTgl h3.icnClose:after {
    content: '\e316';
}

/* smr25_meat smr25_fish */
.smr25_meat, .smr25_fish, .smr25_secret { padding-bottom: 50px;}
.smr25_meat { background: #f3c5cf;}
.smr25_fish { background: #bee3eb;}
.smr25_secret { background: #f6ebca;}

.itmCnt { background: #fff; border-radius: 10px; padding: 30px 35px; margin: 30px 30px 0; box-sizing: border-box; position: relative;}
.smr25_meat .itmCnt:first-of-type,
.smr25_fish .itmCnt:first-of-type { margin: -170px 30px 0;}

.smr25_meat h3, .smr25_fish h3, .smr25_secret h3 { font-size: 1.2em; text-align: center; line-height: 1.4em; font-weight: 700;}
.smr25_meat span, .smr25_fish span, .smr25_secret span { font-size: 1em; color: #999; font-weight: 600;}
.smr25_meat h3 { color: #e6738e;}
.smr25_fish h3 { color: #00abcb;}
.smr25_secret h3 { color: #ed9503;}

.itmNum { width: 20%; position: absolute; top: 10px; left: 10px;}
.itmPic { margin: 30px 0 0;}

.itmTxt { line-height: 1.6em; margin: 30px 0;}
.itmTxt.btm { margin: 30px 0 0;}
.itmTxt span.note { display: inline-block; font-weight: 400; font-size: 0.85em; line-height: 1.5em; margin-top: 0.5em; color: #666;}

.itmCnt dl { padding: 0 30px 30px; font-size: 0.8em;}
.itmCnt dt { text-align: center; background: #eee; line-height: 2em;}
.itmCnt dd { padding: 10px 0;}
.itmCnt dd:last-child { padding: 10px 0 0;}
.itmCnt dd.center { text-align: center;}
.itmCnt dd a.close { display: block; text-align: center; margin-top: 0.5em; color: #666; font-size: 0.9em;}
.itmCnt dd a.close:before {
    font-family: 'Material Symbols Outlined';
    content: '\e5cd';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.smr25_meat .lstTgl h3:after,
.smr25_fish .lstTgl h3:after,
.smr25_secret .lstTgl h3:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.4em;
    line-height: 2em;
    font-family: 'Material Symbols Outlined';
    content: '\e313';
    display: inline-block;
}
.smr25_meat .lstTgl h3.icnClose:after,
.smr25_fish .lstTgl h3.icnClose:after,
.smr25_secret .lstTgl h3.icnClose:after {
    content: '\e316';
}

/* smr25_price */
.smr25_price .tgl { border: 2px solid #999; margin: -20px 40px 60px;}
.smr25_price .tgl h4 { text-align: center; font-weight: 400; padding: 20px;}
.smr25_price .tgl dl { display: none; padding: 10px 30px 30px; font-size: 0.8em;}
.smr25_price .tgl dt { text-align: center; background: #eee; line-height: 2em;}
.smr25_price .tgl dd { padding: 20px 0;}
.smr25_price .tgl dd:last-of-type { padding: 20px 0 0;}

/* smr25_more */
.smr25_more { background: #f2efea; padding: 60px 20px 40px;}
.smr25_more .txt { text-align: center; line-height: 1.8em; margin-top: 1em;}

/* smr25_catLst */
.smr25_catLst, .smr25_dogLst { background: #f7f3da; padding-bottom: 40px;}
.smr25_Lst { margin: 0 20px;}
.smr25_catLst .smr25_Lst.meat { margin: -80px 20px 30px;}
.smr25_dogLst .smr25_Lst.meat { margin: -95px 20px 30px;}
.smr25_Lst.fish { background: url("/public/images/default/laetitienpet/summerfukubukuro2025/smr25_list_fishback.png") repeat-y top center / 100% auto;}
.smr25_Lst.meat { background: url("/public/images/default/laetitienpet/summerfukubukuro2025/smr25_list_meatback.png") repeat-y top center / 100% auto;}
.smr25_Lst .lstBack { padding: 10px 40px 0;}
.smr25_Lst .lstDtl div { margin: 0 30px; border-top: 2px dotted;}
.smr25_Lst h4 { font-size: 0.9em; font-weight: 600; padding: 0.8em 0; position: relative;}
.smr25_Lst .tgl h4:after {
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
    font-size: 1.4em;
    line-height: 1em;
    font-family: 'Material Symbols Outlined';
    content: '\e145';
    display: inline-block;
}
.smr25_Lst .tgl h4.icnClose:after {
    content: '\e15b';
}
.smr25_Lst dl { padding: 0 0 30px; font-size: 0.8em;}
.smr25_Lst dt { text-align: center; background: #eee; line-height: 2em;}
.smr25_Lst dd { padding: 10px 0;}
.smr25_Lst dd:last-child { padding: 10px 0 0;}
.smr25_Lst dd.center { text-align: center;}
.smr25_Lst dd a.close { display: block; text-align: center; margin-top: 0.5em; color: #666; font-size: 0.9em;}
.smr25_Lst dd a.close:before {
    font-family: 'Material Symbols Outlined';
    content: '\e5cd';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

/* smr25_note */
.smr25_date { padding: 40px;}
.smr25_date .note { margin: 0; padding-left: 1em; text-indent: -1em; font-size: 0.8em;}

.smr25_note { background: #f2efea; padding: 30px 40px 60px; font-size: 20px;}
.smr25_note h3 { text-align: center; font-weight: 600; font-size: 1.2em; line-height: 60px; height: 60px; margin-bottom: 0.5em;}
.smr25_note .note01 li { list-style: circle; margin-left: 1em; line-height: 1.6em;}
.smr25_note .note02 li { text-indent: -1em; margin-left: 1em; line-height: 1.6em;}
.smr25_note p, .smr25_note ul.note02 { padding: 0 30px 30px;}
.smr25_note .note01 { margin-bottom: 40px;}
.smr25_note .tgl:last-of-type { margin-top: 30px;}