@charset "utf-8";

/* CSS Document */


/*ページ固有のCSS*/



div.iroma-tate p.txt5 {
    overflow: auto;
    width: auto;
    margin: 60px 0 0;
    letter-spacing: 1.8px!important;
    line-height: 300%!important;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    position: relative;
    display: inline;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.iroma-Kyouka2020ss li.ma_bt {
    margin-bottom: 10px;
}

.iroma-Kyouka2020ss p {
    font-family: Georgia, serif;
}

.iroma-Kyouka2020ss p.txt_1 {
    /* 下線付き見出し */
    display: inline-block;
    color: #333;
    font-size: 20px;
    line-height: 300%;
    border-bottom: dashed 1px #999;
    padding: 10px 20px;
    letter-spacing: 0.2em;
    font-weight: 400;
}

.iroma-Kyouka2020ss p.txt_2 {
    /* 見出し */
    margin: 1em auto;
    color: #333;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 400;
    margin-top: 7%;
}

.iroma-Kyouka2020ss p.txt_3 {
    /* 見出し */
    margin: 1em auto;
    color: #666;
    font-size: 20px;
    line-height: 200%;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 500;
    margin-top: 7%;
}

.iroma-Kyouka2020ss p.txt_4bo {
    /* 通常テキストbold */
    font-weight: bold;
    color: #333;
    font-size: 125%;
    margin: 1em auto;
    line-height: 260%;
    letter-spacing: 0.2em;
    font-weight: 700;
}

.iroma-Kyouka2020ss p.txt_4 {
    /* 通常テキスト*/
    color: #333;
    margin: 1em auto;
    margin-top: 6%;
    margin-bottom: 6%;
    font-size: 115%;
    line-height: 210%;
    letter-spacing: 0.1em;
    text-align: justify;
    /* 両端揃え */
    text-justify: inter-ideograph;
    /* 両端揃えの種類 */
}

.iroma-Kyouka2020ss p.txt_6 {
    /* ページ内モデルサイズ記載*/
    color: #666;
    text-align: right;
    font-size: 90%;
    padding-top: 10px;
    padding-right: 40px;
    margin-bottom:0;
    padding-bottom:0;
}

.iroma-Kyouka2020ss p.txt_ce {
    /* 中央寄せ*/
    text-align: center;
}

.iroma-Kyouka2020ss div.txt {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.iroma-Kyouka2020ss p.w6 {
    width: 620px;
}

.iroma-Kyouka2020ss p.w5 {
    width: 580px;
}

.wrapper {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

video {
    object-fit: cover;
    position: absolute;
    width: 1080px;
    height: 600px;
    top: 0;
    left: -200px;
}

/*pheetaの枠*/
ul.iroma-Kyouka2020ss div.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: whitesmoke;
    /*背景色*/
}

.iroma-Kyouka2020ss div.box1 img {
    width: 680px;
    padding: 10px;
}

.iroma-fit {
    width: 90%;
    margin: 2em auto;
    border: solid 1px;
    padding: 1.5em;
    text-align: center;
}

.iroma-fit p {
    width: 90%;
    font-size: 120%;
    text-align: justify;
    margin: 1em auto;
}

.iroma-fit img {
    width: 100%;
    margin: 1em auto;
}

.iroma_coode p {
    text-align: center;
    font-size: 120%;
}

:root {
    --space: 5rem;
    --space-large: 1.5rem;
    --space-largest: 10rem;
    --color-border: black;
    --color-text: black;
    --border-width: 1px;
}

/*コーデ*/


.c-keyline-text {
font-weight: 800;
color: #333;
font-size: 30px;
text-align: left;
    width: 100%;
margin-bottom: 20px;
    border-bottom:1px #999 solid; 
}

ul.iroma-Kyouka2020ss li.iroma_coode {
    overflow: auto;
    width: 100%;
    margin-bottom: 100px;
    padding-bottom: 0;
}

.model_coode {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

ul.iroma-Kyouka2020ss .iroma_coode_left {
    width: 48%;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 0;
}

.iroma-cd2022aw {
    padding: 0;
}

ul.iroma-cd2022aw li.coode {
    color: #ccc;
    font-family: sans-serif;
    font-size: 80%;
    margin-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
    text-align: right;
    font-style: oblique;
}

.iroma-cd2022aw li.model-item {
    font-color: #000;
    font-family: sans-serif;
    font-size: 80%;
    margin: 7px 0;
    padding-right: 7px;
    text-align: right;
    font-weight: 900;
    clear: both;
}

.Detail2017aw {
    clear: both;
}

/*    ブランド説明文   */

.brand-box {
text-align: center;
margin: 0 auto;
margin-top:130px; 
border-top:1px #ccc solid; 
width:700px; 
}


.brand-box p.brand-name {
margin-top: 50px; 
margin-bottom: 50px;
    font-weight: bold;
}

.brand-box p.brand-txt {
 font-weight: 400;
line-height: 170%; 
font-size:11px; 
width:500px; 
margin: 0 auto; 
margin-bottom: 0px;
font-color: #666;
}