@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%; display: block; }

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

@media screen and (max-width: 590px) {
    a:hover img { opacity: 1; }  
}

#summer26 { 
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
    color: #222;
    background: url("/public/images/default/laetitienpet/summerfukubukuro2026/dog/back.jpg") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}
@media screen and (max-width: 590px) {
    #summer26 { background: none; font-size: 16px; }  
}

#summer26 .cnt { 
    background: #fff;
    max-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);
}

#summer26 .cnt img { width: 100%; }

#summer26 div,
#summer26 h2, #summer26 h3, #summer26 h4, #summer26 h5, #summer26 h6,
#summer26 b, #summer26 a,
#summer26 p, #summer26 span,
#summer26 li, #summer26 dt,
#summer26 dd {
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
}

/*FV*/
.s26FV .FVitems { background: url("/public/images/default/laetitienpet/summerfukubukuro2026/dog/26s_dog02.jpg") center top no-repeat; background-size: cover; }
.s26FV .FVitems h2 {padding: 0 30px;}
.s26FV .FVitems p { padding: 0 30px 30px; }
.s26FV .FVitems ul {display: flex; flex-wrap: wrap; padding: 0 15px 30px; }
.s26FV .FVitems li  { width: 50%; padding: 15px; box-sizing: border-box; }

@media screen and (max-width:590px) {
    .s26FV .FVitems h2 {padding: 0 5%;}
    .s26FV .FVitems p { padding: 0 5% 5%; }
    .s26FV .FVitems ul {display: flex; flex-wrap: wrap; padding: 0 2.5% 5%; }
    .s26FV .FVitems li  { width: 50%; padding: 2.5%; box-sizing: border-box; }
}

#summer26 .orderFV { position: relative; }
#summer26 .orderFV .btn01 { position: absolute; bottom: 13%; width: 100%; text-align: center;}
#summer26 .orderFV .btn01 img { width: 75%; display: inline-block; }

/*sectionラインナップ*/
.lineUP { background-color: #fbf2ec; padding-bottom: 30px; }
.lineUP h3 { padding: 20px 30px 0; }
.lineUP .Intro { margin: 0 30px 20px; background-color: #fff; border-radius: 0 0 10px 10px; }
.lineUP .item { padding: 30px; }
.lineUP .item .Pic { margin: 50px 0 30px; }
.lineUP .item .Txt { margin-bottom: 30px; line-height: 1.6em; }
.lineUP .title {font-size: 30px; text-align: center; margin-bottom: 30px; font-weight:700; }
.lineUP .MgDtl .title { color: #006fce; }
.lineUP .CNGDtl .title { color: #3dbbe6; }
.lineUP .ESNDtl .title { color: #00bcad; }
.lineUP .SPWDtl .title { color: #5dbc00; }

@media screen and (max-width:590px) {
    .lineUP { padding-bottom: 5%; }
    .lineUP h3 { padding: 5% 5% 0; }
    .lineUP .Intro { margin: 0 5%; border-radius: 0 0 0.5em 0.5em; }
    .lineUP .item { padding: 5%; }
    .lineUP .item .Pic { margin: 10% 0 5%; }
    .lineUP .item .Txt { margin-bottom: 5%; line-height: 1.6em; }
    .lineUP .title {font-size: 5.5vw; text-align: center; margin-bottom: 5%; font-weight:700; line-height: 1.3em; }
}

/*spanメモ*/
.lineUP .itemCnt span {color: #909090; }
.lineUP .itemDtl span.memo, .lineUP .itemCnt .memo { font-size: 0.8em; color: #000; }
@media screen and (max-width:590px) {
    .lineUP .itemDtl span.memo, .lineUP .itemCnt .memo { display: inline-block; line-height: 1.5em; }  
}

/*詳しく見る*/
.itemCnt h5 {margin-top: 10px; padding: 25px; text-align: center; font-size: 24px; color: #fff; letter-spacing: 0.1em; font-weight: 600; cursor: pointer; }
.itemCnt h5.MGitem { background-color: #006fce; }
.itemCnt h5.CNGitem { background-color: #3dbbe6; }
.itemCnt h5.ESNitem { background-color: #00bcad; letter-spacing: 0.03em; }
.itemCnt h5.SPWitem { background-color: #5dbc00; }

@media screen and (max-width:590px) {
    .itemCnt h5 {margin-top: 3%; padding: 5%; font-size: 4.5vw; } 
    .itemCnt h5.ESNitem { letter-spacing: 0.04em; text-align: left; }
}

/*商品詳細*/
.itemDtl { border: 2px solid;}
.itemDtl h6 { font-size: 24px; font-weight: 600; display: block; text-align: center; padding: 15px; }
.itemDtl dl { padding: 30px; font-size: 0.85em; }
.itemDtl dt { padding: 5px; background-color: #E7E7E7; text-align: center; }
.itemDtl dd { padding: 10px 0; line-height: 1.6em; }
.itemDtl dd.center { text-align: center; }

@media screen and (max-width:590px) {
    .itemDtl { border: 2px solid; border-color: #464646; }
    .itemDtl h6 { font-size: 1.1em; font-weight: 600; padding: 4%; }
    .itemDtl dl { padding: 5%; font-size: 1em; }
    .itemDtl dt { padding: 1%; }
    .itemDtl dd { padding: 3% 0; line-height: 1.3em; }
}

/*詳しく見るアコーディオン*/
.itemCnt h5 { position: relative; }
.itemCnt h5:after {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 1.3em;
    font-family: 'Material Symbols Outlined';
    content: '\e7cd';  
    display: inline-block; 
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
.itemCnt h5.is-active:after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

@media screen and (max-width:590px) {
    .itemCnt h5:after { top: 30%; right: 4%; font-size: 1.3em; }
}

/*商品詳細アコーディオン*/
.itemDtl h6 { position: relative; }
.itemDtl h6:after {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 1.3em;
    font-family: 'Material Symbols Outlined';
    content: '\e69b'; 
    display: inline-block; 
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
.itemDtl h6.is-active:after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

@media screen and (max-width:590px) {
    .itemDtl h6:after { top: 25%; right: 5%; font-size: 1.3em; }   
}

/*アコーディオン非表示*/
.dogDtl, .moreDtl {display: none;}

/*section moreInfo*/
.moreInfo .mI_order { background-color: #66d5f8; padding: 30px 50px 50px; }

@media screen and (max-width:590px) {
    .moreInfo .mI_order { background-color: #66d5f8; padding: 5% 8% 8%; }   
}

/*section catInfo*/
.cat_order { position: relative; }
.cat_order p:nth-of-type(2) { position: absolute; top: 0; padding: 0 25px; }

@media screen and (max-width:590px) {
    .cat_order p:nth-of-type(2) { padding: 0 5%; }
}

/*form button*/
.form-btn {
    text-align: center;
}
.form-btn li {
    display: inline-block;
    text-align: center;
}

.sec05 img {
    width: auto;
}