@charset "UTF-8";:root{--color-imagecolor:#cdbba7;--color-accentcolor:#ca8787;--color-textcolor:#5d5755;--font-family-serif: Georgia, "\6e38\660e\671d", "Yu Mincho", serif;--font-family-sansserif: Verdana, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--accent-backgroundcolor: #fff5f5}main{font-family:var(--font-family-serif);color:var(--color-textcolor);font-size:clamp(13px,1.8vw,20px);line-height:2.5;letter-spacing:.3rem;margin:auto;width:100%}main h1,main h2,main h3,main h4{font-family:var(--font-family-serif);line-height:1.5}main h1,main h4{font-size:clamp(1.8rem,3.5vw,4rem)}main h2{font-size:clamp(1.8rem,3.5vw,4rem);font-weight:700;color:var(--color-accentcolor);padding-bottom:5%}main h3{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:700;color:var(--color-accentcolor)}main{width:100%;margin:0 auto;text-align:center}main img{max-width:100%;height:auto}main a{text-decoration:none}main a:link{color:var(--color-textcolor)}main a:visited{color:var(--color-textcolor)}main a:hover{color:var(--color-accentcolor)}main a:active{color:var(--color-accentcolor)}main a img{transition:.3s;display:block;width:100%}main a img:hover{opacity:.7}.concept,.concept_description{margin:0 auto}.backcolor{background-color:var(--accent-backgroundcolor);padding:7% 0}.concept_summary{padding:6% 0}.title{position:relative;background-repeat:no-repeat}.title{background-image:url(/cdn/shop/files/title_pc.jpg?v=1718955147);width:100%;top:0;bottom:10%;min-height:95vh;background-size:100% auto}.cottacotta_logo1{position:absolute;top:65%;right:10%;transform:translateY(-50%);filter:drop-shadow(5px 5px 5px #CCCCCC)}.img_00{width:1200px}.concept_information{line-height:2.5}.concept_area_01{width:100%;display:flex;padding-left:8%;padding-right:8%}.concept_area_01_li:nth-child(1){width:30%}.concept_area_01_li:nth-child(2){padding-top:10%;width:30%}.concept_area_01 .concept_information,.concept_area_03 .concept_information{width:40%;padding:40% 2% 0;margin:0 auto}.concept_area_02{width:30%;margin:15% auto 0}.concept_area_02 .concept_information{width:100%;padding:20% 0;margin:0 auto}.concept_area_03{position:relative;height:80vh}.concept_area_03_li:nth-child(1){width:30%;position:absolute;top:0;right:15%;z-index:1}.concept_area_03_li:nth-child(2){position:absolute;width:30%;top:30%;right:40%}.concept_area_03 .concept_information{width:50%;position:absolute;top:0;right:0;z-index:1}.concept_area_04{position:relative;height:160vh;margin-top:30%}.concept_area_04_li:nth-child(1){width:30%;position:absolute;top:0;left:65%;transform:translate(-60%);z-index:1}.concept_area_04_li:nth-child(2){position:absolute;width:60%;top:30%;left:5%}.concept_area_04 .concept_information{width:40%;position:absolute;bottom:30%;right:0;z-index:1}.concept_area_05{width:100%}.concept_area_05_li{width:55%;margin-left:auto;padding-right:20%}.concept_area_05 .concept_information{padding-top:5%;margin-right:auto;width:80%}.foot{position:relative;margin:0 auto}.foot_img{width:60%}.foot_logo{width:400px;position:absolute;top:50%;right:25%;transform:translateY(-50%);filter:brightness(0) invert(1)}.list_category,.list_design{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1000px;margin:3% auto}.list_person,.list_season,.list_design{display:flex;justify-content:center;max-width:1000px;margin:3% auto}.list_category img,.list_person img{width:100%;height:240px;object-fit:contain}.img_circle{padding:10%}.list_category li,.list_design li{width:33.33%;padding:3%}.list_person li,.list_season li{width:33.33%;padding:2%}.list_category_text{font-size:clamp(10px,1.8vw,14px);font-family:var(--font-family-sansserif);padding-top:3%}.season_circle{width:170px;height:170px;border-radius:50%;background:#87ceeb;color:#fff;text-align:center;font-size:4rem;font-family:var(--font-family-serif);line-height:170px;display:block;margin:auto}main a.season_circle:link,main a.season_circle:visited{color:#fff}.spring{background-color:#e0b8b8}.summer{background-color:#c1d4be}.autumn{background-color:#e2bba4}.winter{background-color:#d8e5e7}@media screen and (max-width:1279px){.title{width:100%;min-height:70vh;background-image:url(/cdn/shop/files/title.jpg?v=1718955125);background-size:contain;background-size:100% auto}.cottacotta_logo1{position:absolute;left:50%;width:450px;transform:translate(-50%);top:55%}main h1,main h2,main h3,main h4{font-weight:400}.concept_area_01{flex-wrap:wrap;padding:0}.concept_area_01_li:nth-child(1),.concept_area_01_li:nth-child(2){width:50%}.concept_area_01 .concept_information{display:block;width:100%}.concept_area_01_li:nth-child(2){padding-top:20%}.concept_area_01 .concept_information{padding:20% 0 0}.concept_area_02{width:80%}.concept_area_03{display:flex;flex-direction:row-reverse;flex-wrap:wrap;height:auto}.concept_area_03_li:nth-child(1){width:50%;position:static}.concept_area_03_li:nth-child(2){width:50%;position:static;padding-top:10%;margin-right:-8%}.concept_area_03 .concept_information{width:100%;position:static;padding:20% 0}.concept_area_04{margin-top:3%;position:static;display:flex;flex-direction:column;height:auto}.concept_area_04_li:nth-child(1){width:70%;position:static;transform:none;margin:0 auto}.concept_area_04_li:nth-child(2){width:80%;position:static;margin:5% 0}.concept_area_04 .concept_information{width:100%;position:static;margin:10% 0}.concept_area_05{width:100%;margin-top:10%}.concept_area_05_li{width:100%;padding:0;margin:0}.concept_area_05 .concept_information{width:100%;margin:20% 0 10%}.foot,.foot_img{width:100%}.foot_logo{width:300px;top:50%;right:5%}.list_category img{height:150px}.list_person{flex-wrap:wrap}.season_circle{width:150px;height:150px;font-size:4rem;line-height:150px}}@media screen and (max-width:749px){.title{min-height:60vh}.cottacotta_logo1{width:220px}.foot_logo{width:180px}.list_category img{height:80px}.season_circle{width:65px;height:65px;font-size:2.5rem;line-height:65px}}.zoomIn{animation-name:zoomInAnime;animation-duration:1.5s;animation-fill-mode:forwards}@keyframes zoomInAnime{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.zoomInTrigger,.zoomOutTrigger{opacity:0}.fadeIn{animation-name:fadeInAnime;animation-duration:1.8s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}.fadeInTrigger,.fadeUpTrigger,.fadeDownTrigger,.fadeLeftTrigger,.fadeRightTrigger,.eachTextAnime span{opacity:0}.eachTextAnime.appeartext span{animation:text_anime_on 1s ease-out forwards}@keyframes text_anime_on{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/concept.css.map */