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

/*--------------------
コルトンデイズ
VOL.67 JUN. 2026 SUMMER
--------------------*/

/*-------------------------------------------------
基本設定
-------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap');

body.c_days2606 #contents .baskervville-font {
    font-family: "Baskervville", serif;
    font-optical-sizing: auto;
    font-style: normal;
    width: 100%;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 700;
    color: #727171;
    font-size: 17px;
}

:root {
    --color-base-summer: #ffffff;
    --color-font-summer: #6f93ad;
    --color-font-life: #00b9ef;
    --color-font-gourmet: #ee9845;
    --color-bg-life: #f4fbfb;
    --color-bg-ad: #e5ebf7;
    --color-text: #333333;
}

html {
    background-color: var(--color-base-summer);
}

.RinjiAllBnr .inner {
    padding: 0;
}

body.c_days2606 {
    background: #fff;
}

body.c_days2606 #main,
body.c_days2606 #main #contents {
    background: #fff;
}

body.c_days2606.sp #main #contents {
    overflow: hidden;
}

body.c_days2606 #contents section.split_box.right_cnt img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

body.c_days2606 em {
    font-style: normal;
    white-space: nowrap;
}

body.c_days2606 #contents {
    color: var(--color-text);
}

body.c_days2606 #contents a {
    color: inherit;
}

/*-------------------------------------------------
スマホファースト
-------------------------------------------------*/

body.c_days2606 #contents section.split_box.left_nav div h1 {
    color: var(--color-font-summer);
}

body.c_days2606 #contents section.split_box.left_nav div h1 img {
    filter: none;
}

body.c_days2606 #contents .index_box ul li {
    border-left: 1px solid #717071;
    a {
                color: #717071;
            }
}

body.c_days2606 #contents .archive-link {
    border: 1px solid #6c91aa;
    color: #6c91aa;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px;
    text-align: center;
    padding: 8px 20px 6px;
    font-size: 12px;
    letter-spacing: 0.1rem;
    margin-top: 0;
    width: 45%;                
}

body.c_days2606 #contents section.split_box.right_cnt .right_cnt_top {
    padding: 7% 7% 0% 7%;
    aspect-ratio: 200 / 279;
}

body.c_days2606 #contents section.split_box.right_cnt .right_cnt_top .scroll {
    background-color: transparent;
}


body.c_days2606 .fashion_lead {
    margin: 0 auto 20px;
    padding: 0 7%;
    text-align: center;
}

body.c_days2606 #contents section.split_box.right_cnt .fashion_lead img {
    display: block;
    margin: 0;
    width: 58%;
}

body.c_days2606 .fashion_lead p {
    font-size: 15px;
    letter-spacing: .16em;
    line-height: 1.75;
    margin-top: 15px;
    text-align: left;
}

body.c_days2606 .cd_item_box {
    margin-bottom: 18%;
    padding: 0 7%;
    position: relative;
}

body.c_days2606 .cd_item_box.page_separate {
    margin-top: 14%;
}

body.c_days2606 .cd_item_box figure {
    margin: 0 auto 12%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_item_box figcaption, body.c_days2606 #contents section.split_box.right_cnt .kids_full_caption {
    color: #555;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 1.75;
    padding-top: 12px;
    text-align: left;
    padding: 15px 0;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title {
    line-height: 1;
    margin: 0 auto 0;
    position: relative;
    z-index: 1;
    padding-right: 0;
}

body.c_days2606 .section_title img {
    display: inline-block;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_tops img {
    width: 110px;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_bottom img {
    width: 150px;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_color {
    text-align: right;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_color img {
    width: 130px;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_pattern {
    margin-top: 16%;
    text-align: left;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_pattern img {
    width: 145px;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_kids {
    text-align: right;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_kids img {
    width: 90px;
}

body.c_days2606 #contents section.split_box.right_cnt .fig_main {
    width: 100%;
    margin-top: 20px;
}

body.c_days2606 #contents section.split_box.right_cnt .fig_main p  {
    font-weight:bold;
    letter-spacing: 0.2rem;
    margin: 10px 0 0;
    line-height:1.5;
}

body.c_days2606 #contents section.split_box.right_cnt .item_grid figure,
body.c_days2606 #contents section.split_box.right_cnt .goods_grid figure {
    margin-bottom: 0;
}

/*body.c_days2606 #contents section.split_box.right_cnt .item_grid figcaption,
body.c_days2606 #contents section.split_box.right_cnt .goods_grid figcaption {
    font-size: 11px;
    line-height: 1.65;
}*/

body.c_days2606 #contents section.split_box.right_cnt .fig_color {
    width: 86%;
}

body.c_days2606 #contents section.split_box.right_cnt .goods_box {
    padding-top: 4%;
}

body.c_days2606 #contents section.split_box.right_cnt .section_title_goods {
    font-size: clamp(30px, 9vw, 62px);
    font-style: italic;
    letter-spacing: .22em;
    line-height: 1.3;
    margin-bottom: 9%;
    text-align: center;
    padding-right: 0;
}

body.c_days2606 #contents section.split_box.right_cnt .goods_grid {
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
}

body.c_days2606 #contents section.split_box.right_cnt .statement_end {
    margin: 12% auto 0;
    text-align: right;
}

body.c_days2606 #contents section.split_box.right_cnt .statement_end img {
    width: 80%;
}

/*-------------------------------------------------
Season × LifeStyle
-------------------------------------------------*/

body.c_days2606 #contents section.split_box.right_cnt .cd_md_box {
    background: none;
    margin-top: 20%;
    padding: 12% 7% 16%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head {
    margin-bottom: 8%;
    text-align: center;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head h2 {
    margin-bottom: 14px;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head h2 img {
    width: 92%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head p {
    color: #444;
    font-size: 14px;
    letter-spacing: .12em;
    line-height: 1.9;
}

body.c_days2606 #contents section.split_box.right_cnt .md_visual {
    margin: 0 auto 8%;
    width: 100%;
}

body.c_days2606 #contents section.split_box.right_cnt .md_caption_grid {
    display: grid;
    gap: 26px 22px;
    grid-template-columns: 1fr;
}

body.c_days2606 #contents section.split_box.right_cnt .md_caption_grid div {
    font-size: 12px;
    line-height: 1.75;
    position: relative;
}
body.c_days2606 #contents section.split_box.right_cnt .md_caption_grid div p:first-of-type {
        color: #00b9ef;
    font-weight: bold;
}

body.c_days2606 #contents section.split_box.right_cnt .md_caption_grid span {
    color: var(--color-font-life);
    display: block;
    font-size: 20px;
    font-style: italic;
    line-height: 1;
    margin-bottom: 3px;
}

body.c_days2606 #contents section.split_box.right_cnt .md_caption_grid strong {
    font-weight: bold;
}

/*-------------------------------------------------
Season × Gourmet
-------------------------------------------------*/

body.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box {
    background:url(bg_gourmet.jpg);
    background-size: cover;
    padding: 12% 7% 18%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box .cate_head {
    margin-bottom: 12%;
    text-align: center;
    padding-top: 0;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box .cate_head h2 img {
    width: 80%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box .cate_head p {
    color: #444;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.9;
}

body.c_days2606 #contents section.split_box.right_cnt .gourmet_list figure {
    display: block;
    margin: 0 auto 18%;
}

body.c_days2606 #contents section.split_box.right_cnt .gourmet_list figure:last-child {
    margin-bottom: 0;
}

body.c_days2606 #contents section.split_box.right_cnt .gourmet_list img {
    display: block;
    margin: 0 auto;
    width: 86%;
}

body.c_days2606 #contents section.split_box.right_cnt .gourmet_list figcaption {
    color: #7a5a37;
    font-size: 12px;
    line-height: 1.75;
    margin: 12px auto 0;
    text-align: justify;
    width: 86%;
}
body.c_days2606 #contents section.split_box.right_cnt .gourmet_list figcaption p:first-of-type {
    color: var(--color-font-gourmet);
    font-size: 120%;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 10px;
}

body.c_days2606 #contents section.split_box.right_cnt .gourmet_list h3 {
    color: var(--color-font-gourmet);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: .18em;
    line-height: 1.4;
    margin-bottom: 8px;
    text-align: center;
}

body.c_days2606 #contents section.split_box.right_cnt .gourmet_list strong {
    font-weight: bold;
}

/*-------------------------------------------------
Colton Zoom UP!
-------------------------------------------------*/

body.c_days2606 #contents section.split_box.right_cnt .cd_ad_area {
    background-color: var(--color-bg-ad);
    padding: 10% 7%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_adbox {
    background-color: #fff;
    margin-bottom: 28px;
    padding: 7%;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_adbox h3 {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .08em;
    line-height: 1.55;
    margin-bottom: 20px;
    text-align: center;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_adtext {
    color: #333;
    font-size: 13px;
    line-height: 1.7;
    margin-top: 15px;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_adtext h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0 4px;
}

body.c_days2606 #contents section.split_box.right_cnt .ad_shop_logo {
    margin-top: 18px;
}

body.c_days2606 #contents section.split_box.right_cnt .ad_shop_logo img {
    width: auto;
    max-width: 180px;
}

body.c_days2606 #contents section.split_box.right_cnt .cd_ad_detail,
body.c_days2606 #contents section.split_box.right_cnt .download_text {
    color: #333;
    font-size: 12px;
    line-height: 1.65;
    margin-top: 12px;
}

body.c_days2606 #contents section.split_box.right_cnt .cover_photo h3 {
    /* border-left: 1px solid #999; */
    /* border-right: 1px solid #999; */
    /* color: #777; */
    /* display: table; */
    /* font-size: 14px; */
    /* font-weight: normal; */
    /* letter-spacing: .16em; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding: 0 22px;
    display: table;
    margin: auto;
    margin-bottom: 7%;
    text-align: center;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    padding: 0 20px;
}

body.c_days2606 #contents section.split_box.right_cnt .notes {
    color: #333;
    font-size: 10px;
    line-height: 1.65;
    margin-top: 16px;
}

body.c_days2606 #contents section.split_box.right_cnt #contents section.split_box.right_cnt .btn_area a {
    background: #fff;
}

/*-------------------------------------------------
PC
-------------------------------------------------*/


body.pc.c_days2606 #contents section.split_box.right_cnt {
    padding-bottom: 0;
    min-width: 580px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .right_cnt_top {
    padding: 7% 7% 0% 7%;
    margin-bottom: 9%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .fashion_lead {
    margin-bottom: 0;
    padding: 0 7%;
    width: 45%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .fashion_lead img {
     width: 86%; 
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_item_box {
    margin-bottom: 13%;
    padding: 0;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_item_box figure.fig_main {
    width: 86%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_item_box .fig_main_wide,
body.pc.c_days2606 #contents section.split_box.right_cnt .cd_item_box .fig_kids {
    width: 92%;
}


body.pc.c_days2606 #contents section.split_box.right_cnt .goods_grid {
    display: grid;
    gap: 34px 20px;
    grid-template-columns: repeat(2, 1fr);
}

body.pc.c_days2606 #contents section.split_box.right_cnt .item_grid {
    gap: 50px 42px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    width: 78%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .bottom_grid,
body.pc.c_days2606 #contents section.split_box.right_cnt .color_grid,
body.pc.c_days2606 #contents section.split_box.right_cnt .pattern_grid,
body.pc.c_days2606 #contents section.split_box.right_cnt .kids_grid {
    width: 70%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .goods_grid {
    gap: 48px 54px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    width: 84%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_goods {
    font-size: 48px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_bottom {
    font-size: 64px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_md_box {
    margin-top: 12%;
    padding: 10% 7%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head h2 img {
    width: 76%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .md_visual {
    width: 86%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .md_caption_grid {
    grid-template-columns: repeat(2, 1fr);
    margin: 20px auto 0;
    width: 100%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box {
    padding: 10% 7% 14%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box .cate_head h2 img {
    width: 82%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .gourmet_list figure {
    margin-bottom: 10%;
    width: 100%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .gourmet_list img {
    width: 100%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .gourmet_list figcaption {
    width: 70%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_ad_area {
    padding: 8% 7%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_adbox {
    margin: 0 auto 36px;
    padding: 6%;
    width: 78%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_adbox > div {
    margin: auto;
    width: 430px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cover_photo > div {
    width: 360px;
}

/*-------------------------------------------------
Tablet
-------------------------------------------------*/

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    body.c_days2606 #contents section.split_box.right_cnt .right_cnt_top {
        padding: 4% 13% 0;
    }

    body.c_days2606 .fashion_lead,
    body.c_days2606 .cd_item_box,
    body.c_days2606 .cd_md_box,
    body.c_days2606 .cd_gourmet_box,
    body.c_days2606 .cd_ad_area {
        padding-left: 13%;
        padding-right: 13%;
    }

    body.c_days2606 .item_grid,
    body.c_days2606 .goods_grid {

        gap: 42px 34px;
    }

    body.c_days2606 .md_caption_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body.c_days2606 .cd_adbox > div {
        margin: auto;
        max-width: 460px;
    }
}

/* -------------------------------------------------
PC
------------------------------------------------- */


body.pc.c_days2606 .tops_grid,
body.pc.c_days2606 .bottom_grid,
body.pc.c_days2606 .color_grid,
body.pc.c_days2606 .pattern_grid {
    display: block;
    width: 58%;
}

body.pc.c_days2606 .tops_grid figure,
body.pc.c_days2606 .bottom_grid figure,
body.pc.c_days2606 .color_grid figure,
body.pc.c_days2606 .pattern_grid figure {
    margin: 0 auto 56px;
}

body.pc.c_days2606 .tops_grid figure:last-child,
body.pc.c_days2606 .bottom_grid figure:last-child,
body.pc.c_days2606 .color_grid figure:last-child,
body.pc.c_days2606 .pattern_grid figure:last-child {
    margin-bottom: 0;
}


body.pc.c_days2606 .tops_grid figure,
body.pc.c_days2606 .color_grid figure,
body.pc.c_days2606 .pattern_grid figure {
    width: 78%;
}

body.pc.c_days2606 .bottom_grid figure {
    width: 72%;
}

/*body.pc.c_days2606 .item_grid figcaption,
body.pc.c_days2606 .goods_grid figcaption,
body.pc.c_days2606 .cd_item_box figcaption,
body.pc.c_days2606 .kids_full_caption {
    font-size: 10px;
    letter-spacing: .04em;
    line-height: 1.7;
}*/
body.pc.c_days2606 .goods_grid figcaption {
	padding: 15px 0 0;
}

body.pc.c_days2606 .fashion_lead {
    margin: 0%;
}

body.pc.c_days2606 .fashion_lead img {
    width: 92%;
}

body.pc.c_days2606 .cd_item_box {
    margin-bottom: 11%;
    padding-left: 7%;
    padding-right: 7%;
}

body.pc.c_days2606 .cd_item_box figure.fig_main {
    width: 92%;
    position: relative;
    p {
        font-weight:bold;
        letter-spacing: 0.2rem;
        margin: 10px 0 0 -20px;
        line-height:1.5;
    }
}
body.pc.c_days2606 .cd_item_box1 figure.fig_main::after {
    content:'';
    display: block;
    background-image:url(decoration01.jpg);
    position:absolute;
    width: 210px;
    background-size: contain;
    height: auto;
    aspect-ratio: 212/877;
    left: -40px;
    top: -60%;
    z-index: -1;
}

body.pc.c_days2606 .cd_item_box .fig_main_wide,
body.pc.c_days2606 .cd_item_box .fig_kids {
    width: 96%;
}

body.pc.c_days2606 .fig_color {
    width: 90%;
}


body.pc.c_days2606 .section_title {
    margin-bottom: 5%;
}

body.pc.c_days2606 .section_title_tops {
    text-align: right;
    width: 92%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_tops > img {
    width: 96px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_bottom {
    margin-bottom: 3%;
    padding-right: 4%;
}
body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_bottom img {
   width: 150px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_color {
    margin-bottom: 3%;
    padding-right: 4%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_color img {
    width: 112px;
}

body.pc.c_days2606 .section_title_pattern {
    margin-top: 13%;
    margin-left: 10%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_pattern img {
    width: 120px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_kids {
    margin-bottom: 3%;
    padding-right: 2%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_kids img {
    width: 118px;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .kids_grid {
    margin: 42px auto 0;
    width: 50%;
    padding-right: 0;
}


body.pc.c_days2606 #contents section.split_box.right_cnt .goods_box {
    padding-top: 1%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .section_title_goods {
    width: 80%;
    letter-spacing: .28em;
    margin-bottom: 5%;
    text-align: center;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .goods_grid {
    gap: 38px 54px;
    width: 88%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .statement_end {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: end;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .statement_end img {
    width: 60%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_md_box {
    margin-top: 10%;
    padding: 8% 7% 9%;
    background: none;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head {
    margin-bottom: 5%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_md_box .cate_head h2 img {
    width: 88%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .md_visual {
    margin-bottom: 5%;
    width: 100%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box {
    padding: 8% 7% 12%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box .cate_head {
    margin-bottom: 9%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_gourmet_box .cate_head h2 img {
    width: 88%;
}


body.pc.c_days2606 #contents section.split_box.right_cnt .gourmet_list figcaption {
    width: 74%;
}
body.pc.c_days2606 #contents section.split_box.right_cnt .gourmet_list figcaption p:first-of-type{
    color: 
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_ad_area {
    padding: 7% 6%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_adbox {
    margin-bottom: 28px;
    padding: 5%;
    width: 86%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cd_adbox > div {
    width: 470px;
    max-width: 100%;
}

body.pc.c_days2606 #contents section.split_box.right_cnt .cover_photo > div {
    width: 380px;
}

@media only screen and (max-width: 767px) {
    body.c_days2606 #contents section.split_box.right_cnt .tops_grid, body.c_days2606 #contents section.split_box.right_cnt .bottom_grid, body.c_days2606 #contents section.split_box.right_cnt .color_grid, body.c_days2606 #contents section.split_box.right_cnt .pattern_grid {
        display: block;
        width: 72%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
    }

    body.c_days2606 .tops_grid figure,
    body.c_days2606 .bottom_grid figure,
    body.c_days2606 .color_grid figure,
    body.c_days2606 .pattern_grid figure {
        margin: 0 auto 40px;
    }

    body.c_days2606 #contents section.split_box.right_cnt .kids_grid {
        width: 88%;
        padding-right: 0%;
        margin: auto;
    }
}