/* CSS Document */

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');
/*
    font-family: "Jost", sans-serif;
    font-family: "Noto Sans JP", sans-serif;
*/


:root{
    --bg-clr: #ffedef;
    --point-clr: #dc4c7a;
    --btn-clr: #2e2e2e;
    --Pg-En-sans: "Josefin Sans", sans-serif;
    --ttl-color: #DDBBD7;
    --ws-color: #81a7ba;
    --af-color: #e89ca0;
    --ai-color: #d6b452;
    --ad-color: #656890;
    --lf-color: #b47b8d;
    --ff-color: #609175;
}


#sublimic_wrap{
    width: 100%;
    max-width: 800px;
    font-size: clamp(1.1rem, 0.567rem + 1.78vw, 1.9rem);
    margin: 30px auto; 
    text-align: center;
    font-family: "Jost","Noto Sans JP", sans-serif;
    line-height: 1.8;
}

#sublimic_wrap img{
    max-width: 100%;
    vertical-align: bottom;
}

#sublimic_wrap .comm_w94{
    width: 94%;
    margin: auto;
}
#sublimic_wrap sup{
    font-size: 11px;
    vertical-align: super;
    margin-left: 5px;
}


#sublimic_wrap .comm_flex{
    flex-wrap: wrap;
}

#sublimic_wrap .comm_mt{
    margin-top: 90px;
}

#sublimic_wrap .comm_ttl{
    font-size: clamp(2.3rem, 0.61rem + 4.3vw, 4.2rem);
    margin-bottom: 40px;
    letter-spacing: 0.05rem;
    font-weight: 400;
}

#sublimic_wrap .comm_ttl span{
    font-size: 58%;
    display: block;
    margin-bottom: 30px;
    letter-spacing: 0.22em;
    font-weight: 700;
}

#sublimic_wrap .p_ninsyo {
		border: 1px solid #EEEEEE;		
		max-width: 800px;
		margin: 0 auto 2em;
        box-sizing: border-box;
        padding-bottom: 1.5em;
	}
		
	#sublimic_wrap .p_ninsyo img {
        margin: 2em auto 2em;
    }
		
	#sublimic_wrap .p_ninsyo p {
		font-size: clamp(1.2rem, 0.588rem + 1.88vw, 2rem);
		line-height: 2.0;
        text-align: left;
	}

#sublimic_wrap #tt-color{
    background: #000;
    color: #998642;
    padding-bottom: 2em;
}

#sublimic_wrap #tt-color .block{
    padding: 0.5em 0 1em;
}

#sublimic_wrap .block h2{
    width: 80%;
    background: #998642;
    color: #fff;
    border-radius: 0 30px 30px 0;
    margin: 0.5em 0 0.8em;
    text-align: left;
    padding: 0.05em 0 0.05em 3%;
    font-weight: normal;
    font-size: clamp(1.8rem, 0.6rem + 4vw, 3.6rem);
    letter-spacing: 0.02em;
}

#sublimic_wrap #tt-color .block h2{
    color:#000;
}
    #sublimic_wrap #ws-wrap .block h2{
        background: var(--ws-color);
    }
    #sublimic_wrap #af-wrap .block h2{
        background: var(--af-color);
    }
    #sublimic_wrap #ai-wrap .block h2{
        background: var(--ai-color);
    }
    #sublimic_wrap #ad-wrap .block h2{
        background: var(--ad-color);
    }
    #sublimic_wrap #lf-wrap .block h2{
        background: var(--lf-color);
    }
    #sublimic_wrap #ff-wrap .block h2{
        background: var(--ff-color);
    }

#sublimic_wrap .block{
    margin-bottom: 2.5em;
}

#sublimic_wrap .block h3{
    text-align: left;
    padding-left: 3%;
    font-size: clamp(1.5rem, 0.817rem + 2.11vw, 2.4rem);
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#sublimic_wrap .block .center{
    width: 90%;
    margin: 2.5em auto 0;
}

#sublimic_wrap .block .center p{
    margin-top: 1.5em;
    word-break: keep-all;
    overflow-wrap: anywhere;

}

#sublimic_wrap .block.lineup{
    position: relative;
}

#sublimic_wrap .block.lineup .comm_flex{
    align-items: normal;
    border-top: 2px dotted;
    padding: 2em 0 1.5em;
}


#sublimic_wrap .howto h3{
    text-align: left;
    font-weight: bold;
}

#sublimic_wrap .howto h3 span{
    display: block;
    font-size: 85%;
    text-indent: 1em;
    position: relative;
    font-weight: normal;
}







#sublimic_wrap .block.lineup .comm_flex dl{
    text-align: left;
    width: 57%;
}

#sublimic_wrap .block.lineup .comm_flex dt{
    font-size: clamp(1.4rem, 0.788rem + 1.688vw, 2.2rem);
    font-weight: bold;
    margin-bottom: 0.5em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#sublimic_wrap .block.lineup .comm_flex dt span{
    display: block;
    font-weight: normal;
    font-size: 74%;
}

#sublimic_wrap .block.lineup .comm_flex dd{
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#sublimic_wrap .block.lineup .comm_flex dd span{
    display: block;
    font-size: 60%;
    margin-top: 0.5em;
}

#sublimic_wrap .block.lineup .comm_flex .item-p{
    width: 33%;
    max-width: 250px;
    text-align: center;
}

#sublimic_wrap .block.lineup .comm_flex .item-p img{
    max-height: 460px;
}




/*-----------------------------

タイムティック

--------------------------------------------------*/
#sublimic_wrap #tt-color .block .comm_w94 .comm_flex{
    margin-bottom: 2.5em;
}

#sublimic_wrap #tt-color .block .comm_w94 .comm_flex img{
    width: 30%;
}

#sublimic_wrap #tt-color .block .comm_w94 .comm_flex dl{
    width: 65%;
    text-align: left;
}

#sublimic_wrap #tt-color .block .comm_w94 .comm_flex dt{
    font-weight: bold;
    margin-bottom: 0.2em;
}

#sublimic_wrap #tt-color .block .comm_w94 .comm_flex dd{
    font-size: 95%;
}

#sublimic_wrap #tt-color .block .comm_w94 .comm_flex dd span{
    font-size: 50%;
    display: block;
}

#sublimic_wrap #tt-color .block ol.comm_flex{
    flex-wrap: wrap;
    justify-content: center;
}

#sublimic_wrap #tt-color .block ol.comm_flex li{
    width: 34%;
    margin: auto;
}

#sublimic_wrap #tt-color .block ol.comm_flex li p{
    margin-top: 0.5em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#sublimic_wrap #tt-color .block .att{
    text-align: right;
    margin-top: 1.5em;
    font-size: 11px;
}


#sublimic_wrap #tt-color .block.lineup .align-b{
    align-items: flex-end;
}

#sublimic_wrap #tt-color .block.lineup .comm_flex{
    border: none;
}



/*-----------------------------

ワンダーシールド

--------------------------------------------------*/
#sublimic_wrap #ws-wrap .block .ws-text{
    width: 48%;
    text-align: left;
}
#sublimic_wrap #ws-wrap .block .img{
    width: 48%;
}
#sublimic_wrap #ws-wrap .block dt{
    font-weight: bold;
    margin-bottom: 0.2em;
}

#sublimic_wrap #ws-wrap .block dd{
    font-size: 95%;
    margin-bottom: 3em;
}
#sublimic_wrap #ws-wrap .comm_w94 p{
    text-align: left;
}
#sublimic_wrap #ws-wrap ol{
    align-items: flex-start;
    margin: 1.5em auto 5em;
}
#sublimic_wrap #ws-wrap ol li{
    width: 31%;
    font-size: clamp(1.2rem, 0.919rem + 0.77vw, 1.5rem);
}
#sublimic_wrap #ws-wrap ol li span{
    display: block;
}
#sublimic_wrap #ws-wrap ol li p{
    margin-top: 0.5em;
}

#sublimic_wrap #ws-wrap #howto div.comm_flex{
    background: #e5edf0;
    padding: 2em 1.5em;
    margin-top: 2em;
    background: -webkit-linear-gradient(45deg, transparent 10px, #e5edf0 10px), -webkit-linear-gradient(135deg, transparent 10px, #e5edf0 10px), -webkit-linear-gradient(225deg, transparent 10px, #e5edf0 10px), -webkit-linear-gradient(315deg, transparent 10px, #e5edf0 10px);
    background: -moz-linear-gradient(45deg, transparent 10px, #e5edf0 10px), -moz-linear-gradient(135deg, transparent 10px, #e5edf0 10px), -moz-linear-gradient(225deg, transparent 10px, #e5edf0 10px), -moz-linear-gradient(315deg, transparent 10px, #e5edf0 10px);
    background: -o-linear-gradient(45deg, transparent 10px, #e5edf0 10px), -o-linear-gradient(135deg, transparent 10px, #e5edf0 10px), -o-linear-gradient(225deg, transparent 10px, #e5edf0 10px), -o-linear-gradient(315deg, transparent 10px, #e5edf0 10px);
    background: -ms-linear-gradient(45deg, transparent 10px, #e5edf0 10px), -ms-linear-gradient(135deg, transparent 10px, #e5edf0 10px), -ms-linear-gradient(225deg, transparent 10px, #e5edf0 10px), -ms-linear-gradient(315deg, transparent 10px, #e5edf0 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    align-items: end;
    justify-content: space-around;
}

#sublimic_wrap #ws-wrap #howto div.comm_flex ul{
    width: 67%;
    text-align: left;
	counter-reset: number;
    margin-bottom: 1em;
}

#sublimic_wrap #ws-wrap #howto div.comm_flex ul li{
}
#sublimic_wrap #ws-wrap #howto div.comm_flex ul p{
  background-image:
  linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #fff 95%);
  background-size: 100% 2em;
  line-height: 2em;
  /*padding: 2em 1em 0.2em 1em;*/
	counter-increment: number;
    padding-left: 2.5em;
    text-indent: -1.6em;
    position: relative;
}

#sublimic_wrap #ws-wrap #howto div.comm_flex ul p::before{
	content: counter(number) ". ";
    margin-right: 0.5em;
}

#sublimic_wrap #ws-wrap #howto div.comm_flex ul li p span.netsu{
    position: absolute;
    top: -10px;
    right: -1.5em;
    background: #f09b9e;
    color: #fff;
    font-size: clamp(1.1rem, 0.913rem + 0.52vw, 1.3rem);
    z-index: 2;
    border-radius: 50%;
    text-indent: 0;
    text-align: center;
    display: block;
    line-height: 1.5;
    padding: 0.1em 1em;
    transform: rotate(15deg);
}
#sublimic_wrap #ws-wrap #howto div.comm_flex ul li p span.option{
    background: #517396;
    color: #fff;
    font-size: clamp(1.1rem, 0.913rem + 0.52vw, 1.3rem);
    padding: 0.05em 0.5em;
    border-radius: 3px;
}


#sublimic_wrap #ws-wrap #howto div.comm_flex img{
    width: 25%;
    max-width: 285px;
    text-align: left;
}



/*-----------------------------

エアリーフロー

--------------------------------------------------*/

#sublimic_wrap #af-wrap #recommend .midashi{
    text-align: left;
    margin-bottom: 0.5em;
}

#sublimic_wrap #af-wrap #recommend .midashi::before{
    content: "●";
    color: var(--af-color);
}
#sublimic_wrap #af-wrap #recommend .comm_flex{
    text-align: left;
    align-items: flex-start;
    margin-bottom: 2em;
}

#sublimic_wrap #af-wrap #recommend .box{
    width: 49%;
}

#sublimic_wrap #af-wrap #recommend .box p{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#sublimic_wrap #af-wrap #recommend .box p:nth-of-type(1):before{
    content: "U";
    background: var(--af-color);
    text-align: center;
    color: #fff;
    aspect-ratio:1/1;
    width: 10%;
    max-width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

#sublimic_wrap #af-wrap #recommend .box:nth-of-type(2) p:nth-of-type(1):before{
    content: "T";
    background: #de6d82;
}

#sublimic_wrap #af-wrap #recommend .box p span{
    display: block;
    font-weight: bold;
    font-size: 80%;
    margin-top: 0.5em;
    text-indent: 2.5em;
}

#sublimic_wrap #af-wrap #recommend .box .text{
}
#sublimic_wrap #af-wrap #recommend .box .text:before{
    content: "▶";
    color: var(--af-color);
    margin-right: 0.5em;
}

#sublimic_wrap #tech .comm_flex .image{
    width: 40%;
}

#sublimic_wrap #tech .comm_flex dl{
    width: 55%;
    text-align: left;
}

#sublimic_wrap #tech .comm_flex dl dt{
    font-weight: bold;
}

#sublimic_wrap #tech .comm_flex dd{
    margin-bottom: 1.5em;
}

#sublimic_wrap #tech .comm_flex dd span{
    font-size: 78%;
    display: block;
}

#sublimic_wrap #af-wrap .howto div.comm_flex{
    background: #f9ebed;
    padding: 2em 1.5em;
    margin-top: 2em;
    background: -webkit-linear-gradient(45deg, transparent 10px, #f9ebed 10px), -webkit-linear-gradient(135deg, transparent 10px, #f9ebed 10px), -webkit-linear-gradient(225deg, transparent 10px, #f9ebed 10px), -webkit-linear-gradient(315deg, transparent 10px, #f9ebed 10px);
    background: -moz-linear-gradient(45deg, transparent 10px, #f9ebed 10px), -moz-linear-gradient(135deg, transparent 10px, #f9ebed 10px), -moz-linear-gradient(225deg, transparent 10px, #f9ebed 10px), -moz-linear-gradient(315deg, transparent 10px, #f9ebed 10px);
    background: -o-linear-gradient(45deg, transparent 10px, #f9ebed 10px), -o-linear-gradient(135deg, transparent 10px, #f9ebed 10px), -o-linear-gradient(225deg, transparent 10px, #f9ebed 10px), -o-linear-gradient(315deg, transparent 10px, #f9ebed 10px);
    background: -ms-linear-gradient(45deg, transparent 10px, #f9ebed 10px), -ms-linear-gradient(135deg, transparent 10px, #f9ebed 10px), -ms-linear-gradient(225deg, transparent 10px, #f9ebed 10px), -ms-linear-gradient(315deg, transparent 10px, #f9ebed 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: space-around;
}

/*#sublimic_wrap #af-wrap .howto h3{
    text-align: left;
    font-weight: bold;
}

#sublimic_wrap #af-wrap .howto h3 span{
    display: block;
    font-size: 85%;
    text-indent: 1em;
    position: relative;
    font-weight: normal;
}*/

#sublimic_wrap #af-wrap .howto:nth-of-type(4) h3 span::after{
    content: "";
    display: inline-block;
    background: url("af/af-04-2.jpg") no-repeat;
    background-size: cover;
    width: 13%;
    max-width: 70px;
    aspect-ratio:1/1;
    position: absolute;
    top: -2em;
    margin-left: 8%;
}


#sublimic_wrap #af-wrap .howto:nth-of-type(5) h3 span{
    font-size: 90%;
}

#sublimic_wrap #af-wrap .howto:nth-of-type(5) h3 span::before{
    content: "●";
    color: var(--af-color);
    margin-right: 5px;
}


#sublimic_wrap #af-wrap .howto div.comm_flex ul{
    width: 60%;
    text-align: left;
    margin-bottom: 1em;
}

#sublimic_wrap #af-wrap .howto div.comm_flex ul li{
}
#sublimic_wrap #af-wrap .howto div.comm_flex ul p{
  background-image:
  linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #fff 95%);
  background-size: 100% 2em;
  line-height: 2em;
  /*padding: 2em 1em 0.2em 1em;*/
    padding-left: 2.5em;
    text-indent: -1.6em;
    position: relative;
}

#sublimic_wrap #af-wrap .howto div.comm_flex ul p::before{
	content:"●";
    margin-right: 0.5em;
    color: var(--af-color);
}

#sublimic_wrap #af-wrap .howto div.comm_flex img{
    width: 30%;
    max-width: 180px;
}




/*-----------------------------

アクアインテンシブ

--------------------------------------------------*/

#sublimic_wrap #ai-wrap .midashi {
    text-align: left;
    margin: -1em auto 0.8em 1em;
    font-size: clamp(1.5rem, 0.845rem + 1.81vw, 2.2rem);
}
#sublimic_wrap #ai-wrap .midashi p::before {
    content: "●";
    color: var(--ai-color);
    margin-right: 5px;
}
#sublimic_wrap #ai-wrap .howto .box{
    background: #f4f1de;
    padding: 2em 1.5em;
    margin-top: 2em;
    background: -webkit-linear-gradient(45deg, transparent 10px, #f4f1de 10px), -webkit-linear-gradient(135deg, transparent 10px, #f4f1de 10px), -webkit-linear-gradient(225deg, transparent 10px, #f4f1de 10px), -webkit-linear-gradient(315deg, transparent 10px, #f4f1de 10px);
    background: -moz-linear-gradient(45deg, transparent 10px, #f4f1de 10px), -moz-linear-gradient(135deg, transparent 10px, #f4f1de 10px), -moz-linear-gradient(225deg, transparent 10px, #f4f1de 10px), -moz-linear-gradient(315deg, transparent 10px, #f4f1de 10px);
    background: -o-linear-gradient(45deg, transparent 10px, #f4f1de 10px), -o-linear-gradient(135deg, transparent 10px, #f4f1de 10px), -o-linear-gradient(225deg, transparent 10px, #f4f1de 10px), -o-linear-gradient(315deg, transparent 10px, #f4f1de 10px);
    background: -ms-linear-gradient(45deg, transparent 10px, #f4f1de 10px), -ms-linear-gradient(135deg, transparent 10px, #f4f1de 10px), -ms-linear-gradient(225deg, transparent 10px, #f4f1de 10px), -ms-linear-gradient(315deg, transparent 10px, #f4f1de 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: space-around;
    text-align: left;
}

#sublimic_wrap #ai-wrap .howto .box p {
    background-image: linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #fff 95%);
    background-size: 100% 2em;
    line-height: 2em;
    position: relative;
    font-size: clamp(1.6rem, 1.039rem + 1.55vw, 2.2rem);
}

#sublimic_wrap #ai-wrap .howto .box img{
    width: 65%;
    max-width: 520px;
    margin-top: 1em;
}

#sublimic_wrap #ai-wrap .block.lineup .comm_flex.tr{
    border: none;
    padding-top: 0;
}

#sublimic_wrap #ai-wrap .block.lineup .comm_flex.tr dl{
    width: 48%;
    border-top: 2px dotted;
    padding-top: 2em;
}

#sublimic_wrap #ai-wrap .block.lineup .comm_flex.tr dd p{
    text-align: center;
    margin-top: 1.5em;
}

#sublimic_wrap #ai-wrap .block.lineup .comm_flex li{
    display: flex;
    align-items: baseline;
}

#sublimic_wrap #ai-wrap .block.lineup .comm_flex li span{
    width: 21%;
}



/*-----------------------------

アデノバイタル

--------------------------------------------------*/
#sublimic_wrap #ad-wrap .midashi {
    text-align: left;
    margin: -1em auto 0.8em 1em;
    font-size: clamp(1.5rem, 0.845rem + 1.81vw, 2.2rem);
}
#sublimic_wrap #ad-wrap .midashi p::before {
    content: "●";
    color: var(--ad-color);
    margin-right: 5px;
}
#sublimic_wrap .block h3 span{
    text-decoration: underline;
}
#sublimic_wrap .block h3 span.inline{
    display: inline-block;
    text-decoration: none;
}


#sublimic_wrap #ad-wrap .howto .box{
    background: #e1e1e9;
    padding: 2em 1.5em;
    margin-top: 2em;
    background: -webkit-linear-gradient(45deg, transparent 10px, #e1e1e9 10px), -webkit-linear-gradient(135deg, transparent 10px, #e1e1e9 10px), -webkit-linear-gradient(225deg, transparent 10px, #e1e1e9 10px), -webkit-linear-gradient(315deg, transparent 10px, #e1e1e9 10px);
    background: -moz-linear-gradient(45deg, transparent 10px, #e1e1e9 10px), -moz-linear-gradient(135deg, transparent 10px, #e1e1e9 10px), -moz-linear-gradient(225deg, transparent 10px, #e1e1e9 10px), -moz-linear-gradient(315deg, transparent 10px, #e1e1e9 10px);
    background: -o-linear-gradient(45deg, transparent 10px, #e1e1e9 10px), -o-linear-gradient(135deg, transparent 10px, #e1e1e9 10px), -o-linear-gradient(225deg, transparent 10px, #e1e1e9 10px), -o-linear-gradient(315deg, transparent 10px, #e1e1e9 10px);
    background: -ms-linear-gradient(45deg, transparent 10px, #e1e1e9 10px), -ms-linear-gradient(135deg, transparent 10px, #e1e1e9 10px), -ms-linear-gradient(225deg, transparent 10px, #e1e1e9 10px), -ms-linear-gradient(315deg, transparent 10px, #e1e1e9 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: space-around;
}

#sublimic_wrap #ad-wrap .howto .box p {
    background-image: linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #fff 95%);
    background-size: 100% 2em;
    line-height: 2em;
    position: relative;
    font-size: clamp(1.6rem, 1.039rem + 1.55vw, 2.2rem);
    text-align: left;
}

#sublimic_wrap #ad-wrap .howto .box img{
    width: 85%;
    max-width: 600px;
    margin: 1em auto 0;
}

#sublimic_wrap #ad-wrap .howto .box .comm_flex ul{
    width: 60%;
}

#sublimic_wrap #ad-wrap .howto .box .comm_flex .image{
    width: 35%;
}




#sublimic_wrap #ad-wrap .block.lineup .align-b{
    align-items: flex-end;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex.tr{
    border: none;
    padding-top: 0;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex.tr .box{
    width: 48%;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dl{
    width: 60%;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex p{
    width: 35%;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dt span{
    font-size: 60%;
    letter-spacing: normal;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex.tr dd p{
    text-align: center;
    margin-top: 1.5em;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki{
    /*background: #e1e1e9;
    clip-path: polygon(5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0% 90%, 0% 10%);*/
    margin-top: 1.5em;
    background: url("ad/bg.jpg") repeat-y;
    background-size: contain;
    position: relative;
    max-width: 449px;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki img{
    width: 100%;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki::after{
    content: "";
    position: absolute;
    box-sizing: border-box;
    /*border: 15px solid transparent;
    border-left: 25px solid #e1e1e9;*/
    left: 102%;
    top: 50%;
    -webkit-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);
    height: 28px;
    aspect-ratio: cos(30deg);
    clip-path: polygon(0 0,100% 50%,0 100%);
    background: #e1e1e9;
}


#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki .inner{
    width: 78%;
    margin: 10px auto;
}
#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki .inner h4{
    margin-bottom: 0.5em;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki .inner li {
    padding-left: 1em;
    text-indent: -1em;
}

#sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki .inner li:before{
    content: "●";
    color: var(--ad-color);
    margin-right: 5px;
}



/*-----------------------------

ルミノフォース

--------------------------------------------------*/

#sublimic_wrap #lf-wrap .midashi {
    text-align: left;
    margin: 0 auto 0.8em 1em;
    font-size: clamp(1.5rem, 0.845rem + 1.81vw, 2.2rem);
}
#sublimic_wrap #lf-wrap .midashi p::before {
    content: "●";
    color: var(--lf-color);
    margin-right: 5px;
}

#sublimic_wrap #lf-wrap .howto .box{
    background: #efe4e8;
    padding: 2em 1.5em;
    margin-top: 2em;
    background: -webkit-linear-gradient(45deg, transparent 10px, #efe4e8 10px), -webkit-linear-gradient(135deg, transparent 10px, #efe4e8 10px), -webkit-linear-gradient(225deg, transparent 10px, #efe4e8 10px), -webkit-linear-gradient(315deg, transparent 10px, #efe4e8 10px);
    background: -moz-linear-gradient(45deg, transparent 10px, #efe4e8 10px), -moz-linear-gradient(135deg, transparent 10px, #efe4e8 10px), -moz-linear-gradient(225deg, transparent 10px, #efe4e8 10px), -moz-linear-gradient(315deg, transparent 10px, #efe4e8 10px);
    background: -o-linear-gradient(45deg, transparent 10px, #efe4e8 10px), -o-linear-gradient(135deg, transparent 10px, #efe4e8 10px), -o-linear-gradient(225deg, transparent 10px, #efe4e8 10px), -o-linear-gradient(315deg, transparent 10px, #efe4e8 10px);
    background: -ms-linear-gradient(45deg, transparent 10px, #efe4e8 10px), -ms-linear-gradient(135deg, transparent 10px, #efe4e8 10px), -ms-linear-gradient(225deg, transparent 10px, #efe4e8 10px), -ms-linear-gradient(315deg, transparent 10px, #efe4e8 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: space-around;
    text-align: left;
}

#sublimic_wrap #lf-wrap .howto .box p {
    background-image: linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #fff 95%);
    background-size: 100% 2em;
    line-height: 2em;
    position: relative;
    font-size: clamp(1.6rem, 1.039rem + 1.55vw, 2.2rem);
}

#sublimic_wrap #lf-wrap .howto .box img{
    width: 85%;
    max-width: 500px;
}

#sublimic_wrap #lf-wrap .block.lineup .comm_flex.tr{
    border: none;
    padding-top: 0;
}

#sublimic_wrap #lf-wrap .block.lineup .comm_flex.tr dl{
    width: 48%;
    border-top: 2px dotted;
    padding-top: 2em;
}

#sublimic_wrap #lf-wrap .block.lineup .comm_flex.tr dd p{
    text-align: center;
    margin-top: 1.5em;
}






/*-----------------------------

フェンテフォルテ

--------------------------------------------------*/

#sublimic_wrap #ff-wrap #nayami h3{
    border: 1px solid var(--ff-color);
    border-radius: 8px;
    text-align: center;
    color: var(--ff-color);
    padding: 0.3em 0;
    letter-spacing: 0.1em;
}

#sublimic_wrap #ff-wrap #nayami h3:nth-of-type(2){
    background: #8fb19f;
    color: #fff;
    border: none;
    font-weight: normal;
}

#sublimic_wrap #ff-wrap #nayami .comm_flex{
    text-align: left;
    width: 98%;
    margin: 0.5em auto 1em;
    align-items: flex-start;
}

#sublimic_wrap #ff-wrap #nayami .comm_flex ol{
    width: 55%;
}

#sublimic_wrap #ff-wrap #nayami .comm_flex li{
    margin-bottom: 0.5em;
    font-size: clamp(1.6rem, 1.039rem + 1.55vw, 2.2rem);
}

#sublimic_wrap #ff-wrap #nayami .comm_flex li:before{
    content: "◯";
    margin-right: 5px;
    color: var(--ff-color);
    font-weight: bold;
}

#sublimic_wrap #ff-wrap #nayami .comm_flex:nth-of-type(2) li:before{
    content: "●";
}

#sublimic_wrap #ff-wrap #nayami .comm_flex .img{
    width: 45%;
}

#sublimic_wrap #ff-wrap #tech h3{
    margin-bottom: 1em;
    border: 1px solid var(--ff-color);
    text-align: center;
    color: var(--ff-color);
    padding: 0.3em 0;
    letter-spacing: 0.1em;
}

#sublimic_wrap #ff-wrap #tech h3 span{
    text-decoration: none;
    font-size: 90%;
}

#sublimic_wrap #ff-wrap #tech p{
    text-align: left;
    margin-bottom: 5em;
}


#sublimic_wrap #ff-wrap #tech h4{
    color: var(--ff-color);
    border-bottom: 1px solid;
    margin-bottom: 1em;
    text-align: left;
}

#sublimic_wrap #ff-wrap #tech .comm_flex{
    align-items: flex-start;
}

#sublimic_wrap #ff-wrap #tech .comm_flex .midashi{
    width: 34%;
    border: 1px solid var(--ff-color);
    text-align: center;
    color: var(--ff-color);
    padding: 0.3em 0 0.2em;
    border-radius: 8px;
    line-height: 1.4;
    font-weight: bold;
}

#sublimic_wrap #ff-wrap #tech .comm_flex dl{
    width: 63%;
    text-align: left;
}

#sublimic_wrap #ff-wrap #tech .comm_flex dt{
    color: var(--ff-color);
    line-height: 1.5;
}
#sublimic_wrap #ff-wrap #tech .comm_flex dt span{
    font-size: 60%;
    color: var(--base-color);
    margin-left: 10px;
}
#sublimic_wrap #ff-wrap #tech .comm_flex dd{
    font-size: 90%;
}

#sublimic_wrap #ff-wrap .howto .box{
    background: #e1e8e3;
    padding: 2em 1.5em;
    margin-top: 2em;
    background: -webkit-linear-gradient(45deg, transparent 10px, #e1e8e3 10px), -webkit-linear-gradient(135deg, transparent 10px, #e1e8e3 10px), -webkit-linear-gradient(225deg, transparent 10px, #e1e8e3 10px), -webkit-linear-gradient(315deg, transparent 10px, #e1e8e3 10px);
    background: -moz-linear-gradient(45deg, transparent 10px, #e1e8e3 10px), -moz-linear-gradient(135deg, transparent 10px, #e1e8e3 10px), -moz-linear-gradient(225deg, transparent 10px, #e1e8e3 10px), -moz-linear-gradient(315deg, transparent 10px, #e1e8e3 10px);
    background: -o-linear-gradient(45deg, transparent 10px, #e1e8e3 10px), -o-linear-gradient(135deg, transparent 10px, #e1e8e3 10px), -o-linear-gradient(225deg, transparent 10px, #e1e8e3 10px), -o-linear-gradient(315deg, transparent 10px, #e1e8e3 10px);
    background: -ms-linear-gradient(45deg, transparent 10px, #e1e8e3 10px), -ms-linear-gradient(135deg, transparent 10px, #e1e8e3 10px), -ms-linear-gradient(225deg, transparent 10px, #e1e8e3 10px), -ms-linear-gradient(315deg, transparent 10px, #e1e8e3 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: space-around;
}

#sublimic_wrap #ff-wrap .howto .box ol{
    text-align: left;
}

#sublimic_wrap #ff-wrap .howto .box p {
    background-image: linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #fff 95%);
    background-size: 100% 2em;
    line-height: 2em;
    position: relative;
    font-size: clamp(1.6rem, 1.039rem + 1.55vw, 2.2rem);
    text-align: left;
}

#sublimic_wrap #ff-wrap .howto .box img{
    width: 85%;
    max-width: 600px;
    margin: 1em auto 0;
}

#sublimic_wrap #ff-wrap .howto h3{
    margin-bottom: 0.5em;
}

#sublimic_wrap #ff-wrap .howto h3 span{
    text-decoration: none;
    display: inline-block;
    text-indent: inherit;
    font-size: 60%;
    vertical-align: middle;
}

#sublimic_wrap #ff-wrap .midashi p{
    text-align: left;
}

#sublimic_wrap #ff-wrap .midashi p::before {
    content: "●";
    color: var(--ff-color);
    margin-right: 5px;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr {
    border: none;
    padding-top: 0;
}
#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dl{
    width: 47%;
    border-top: 2px dotted;
    padding-top: 1.5em;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr.three dl{
    width: 32%;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dt span{
    font-size: 68%;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dd{
    text-align: center;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dd span{
    font-size: 70%;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dd li{
    text-align: left;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dd li p{
    border: 1px solid;
    display: inline;
    font-size: 70%;
    padding: 0 0.5em;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dd p {
    text-align: left;
}

#sublimic_wrap #ff-wrap .block.lineup .comm_flex.tr dd img{
    margin-top: 1.5em;
    width: 65%;
    max-width: 160px;
}

#sublimic_wrap #ff-wrap .block.lineup .att{
    width: 90%;
    font-size: 65%;
    text-align: left;
}

#sublimic_wrap #ff-wrap .block.lineup span.border{
    border: 1px solid;
    display: inline;
    font-size: 70%;
    padding: 0 0.5em;
}





@media only screen and (max-width: 480px) {  
    #sublimic_wrap #ws-wrap .block .ws-text{
        width: 100%;
    }
    #sublimic_wrap #ws-wrap .block .img{
        width: 60%;
        margin: 0 auto 0;
    }

    #sublimic_wrap #af-wrap #recommend .box p span {
        text-indent: 2em;
    }
    #sublimic_wrap #tech .comm_flex{
        align-items: flex-start
    }
    #sublimic_wrap #ad-wrap .block.lineup .comm_flex dd .fuki .inner {
        width: 85%;
    }

#sublimic_wrap #ff-wrap #nayami .comm_flex ol {
    width: 100%;
}
#sublimic_wrap #ff-wrap #nayami .comm_flex .img {
    width: 80%;
    margin: 1em auto;
}





}