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

/*色個性ファッション診断ページ用(irokosei.html)*/
#nd-irokosei { font-size:16px; color:#333333;}
#nd-irokosei h2 { margin:30px 0 20px; padding:0 0 10px; border-bottom:#E73F40 2px solid; text-align:center; color:#E73F40; font-size:24px;}
#nd-irokosei h2 span { display:inline-block;}
#nd-irokosei h3 { flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;}
#nd-irokosei #ik-youtube { position:relative; width:100%; max-width:720px; margin:20px auto 0;}
#nd-irokosei #ik-youtube div { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
#nd-irokosei #ik-youtube div iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#nd-irokosei #ik-main {}
#nd-irokosei #ik-main .txtbox { display:inline-block; width:100%; max-width:720px; margin:0 auto 20px; padding:0 0.5em; text-align:center;}
#nd-irokosei #ik-main .txtbox p { margin:0; text-align:left; font-size:18px;}
#nd-irokosei #ik-main .txtbox p:nth-of-type(2) { display:inline-block; margin:1.5em auto 1.0em; padding:8px 13px; border:#653D78 2px solid; text-align:center; font-size:20px; color:#653D78; font-weight:bold;
-moz-border-radius:30px;    /* 古いFirefox */
-webkit-border-radius:30px; /* 古いSafari,Chrome */
border-radius:30px;         /* CSS3 */}
#nd-irokosei #ik-main .txtbox p:nth-of-type(2) span { display:inline-block;}
#nd-irokosei #ik-main .txtbox p:nth-of-type(3) { display:inline-block; margin:0 auto;}
#nd-irokosei #ik-main .imgbox { text-align:center; font-size:0;}
#nd-irokosei #ik-main .imgbox img { display:inline-block; width:16.0%; max-width:120px; height:auto; margin:0 0.8% 0 0;}
#nd-irokosei #ik-main .imgbox img:last-of-type { margin:0;}
#nd-irokosei #ik-main #certificate { position:relative; display:inline-block; width:90%; max-width:800px; box-sizing:border-box; margin:15px auto 0; border:#999999 1px solid; background-color:#FFFFFF; box-shadow:2px 2px 4px gray;}
#nd-irokosei #ik-main #certificate img { width:100%; height:auto;}
#nd-irokosei #ik-main #certificate p { position:absolute; right:5px; bottom:5px; font-size:12px; font-size:1.2rem;}
#nd-irokosei #ik-main ul { display:inline-block; margin:30px auto 40px; padding:9px 9px 9px 2.0em; border-right:#666666 1px solid; border-left:#666666 1px solid; text-align:left;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#nd-irokosei #ik-main ul li { margin:0 0 0.4em;}
#nd-irokosei #ik-main ul li:last-of-type { margin:0;}
#nd-irokosei #ik-main ul li strong { color:#E73F40;}
#nd-irokosei .ik-box { margin:0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;}
#nd-irokosei #ik-flow { border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid;}
#nd-irokosei #ik-flow ul { margin:0; padding:10px; list-style:none;}
#nd-irokosei #ik-flow ul li { margin:0 0 0.4em; padding:0 0 0 1.0em; text-indent:-1.0em;}
#nd-irokosei #ik-flow ul li:last-of-type { margin:0;}
#nd-irokosei #ik-flow ul li:before { display:inline;}
#nd-irokosei #ik-flow ul li:nth-of-type(1):before { content:"①";}
#nd-irokosei #ik-flow ul li:nth-of-type(2):before { content:"②";}
#nd-irokosei #ik-price { margin:0 0 40px; border-left:#CCCCCC 1px solid;}
#nd-irokosei #ik-price div { margin:0; padding:10px;}
#nd-irokosei #ik-price div p { display:inline-block; vertical-align:baseline; margin:0 0 0.4em; padding:0;}
#nd-irokosei #ik-price div p:first-of-type { margin-right:1.0em; font-weight:bold; color:#FF0000;}
#nd-irokosei #ik-price div p:first-of-type span { font-size:24px;}
#nd-irokosei #ik-price div p:last-of-type { margin:0; padding:9px; border:#003399 1px solid; text-align:left; color:#003399;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#nd-irokosei #ik-price div p:last-of-type span { display:inline-block;}
@media all and (max-width:719px)
{
#nd-irokosei { font-size:1.4rem;}
#nd-irokosei h2 { margin:20px 0; font-size:2.4rem;}
#nd-irokosei #ik-main .txtbox p { font-size:1.6rem;}
#nd-irokosei #ik-main .txtbox p:nth-of-type(2) { font-size:1.8rem;}
#nd-irokosei #ik-price div p:first-of-type span { font-size:2.4rem;}
}
#nd-irokosei #cartbtn-area { width:100%; max-width:320px; margin:0 auto;}
#nd-irokosei #cartbtn-area input[type=image] { width:100%; max-width:320px; margin:0 auto;}
#nd-irokosei #cartbtn-area input[type=image]:hover { opacity:0.7;}
#nd-irokosei #cartbtn-area input[type=image] img { width:100%;}
/* 220303変更 */
#nd-irokosei.update220303 h3 { width:auto; margin:0; padding:10px; border-right:none; border-bottom:#333333 1px solid; text-align:left; font-size:18px; color:#333333; font-weight:bold; background-color:#F6F6F6;}
#nd-irokosei.update220303 #ik-detail { margin:40px 0 0;}
#nd-irokosei.update220303 #ik-detail > div { margin:10px 1.0em 40px; text-align:left;}
#nd-irokosei.update220303 #ik-detail > div ul#howto { margin:0; padding:0; list-style:none;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li { margin:0 0 0.4em; padding:0 0 0 1.0em; text-indent:-1.0em;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(1):before { content:"①";}
#nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(2):before { content:"②";}
#nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(3):before { content:"③";}
#nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(4):before { content:"④";}
#nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(5):before { content:"⑤";}
#nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(6):before { content:"⑥";}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl { margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; text-indent:0; font-size:14px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:wrap;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl dt { box-sizing:border-box; flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl dd { box-sizing:border-box; width:80%; margin:0; padding:10px 10px 10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; color:#333333;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl dd span { display:inline-block; margin:0 0 0 10px;}
#nd-irokosei.update220303 #ik-detail > div ul#know { display:inline-block; margin:0.5em 0 0; padding:9px 9px 9px 2.0em; border-right:#666666 1px solid; border-left:#666666 1px solid; text-align:left;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#nd-irokosei.update220303 #ik-detail > div ul#know li { margin:0 0 0.4em;}
#nd-irokosei.update220303 #ik-detail > div ul#know li:last-of-type { margin:0;}
#nd-irokosei.update220303 #ik-detail > div ul#know li strong { color:#E73F40;}
#nd-irokosei.update220303 #ik-detail > div ul#advantage { max-width:400px; margin:1.0em auto 0; padding:0; list-style:none; text-align:center;}
#nd-irokosei.update220303 #ik-detail > div ul#advantage li { margin:1.0em auto 0; padding:9px; border:#CCCCCC 1px solid; text-align:left;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#nd-irokosei.update220303 #ik-detail > div ul#advantage li h5 { margin:0 0 5px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted;}
#nd-irokosei.update220303 #ik-detail > div ul#advantage li p { display:inline-block;  vertical-align:middle;}
#nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(1),
#nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(3) { width:46%; max-width:180px;}
#nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(1) img,
#nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(3) img { width:100%; height:auto;}
#nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(2) { width:4%; height:100px; margin:0 2%; background:url(../img/irokosei/ba-arrow.gif) center center no-repeat; background-size:contain;}
#nd-irokosei.update220303 #ik-detail > div p.ik-price { display:inline-block; vertical-align:baseline; margin:0; padding:0;}
#nd-irokosei.update220303 #ik-detail > div p.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;}
#nd-irokosei.update220303 #ik-detail > div p.ik-price span { font-size:24px;}
@media all and (max-width:719px)
{
#nd-irokosei.update220303 h3 { padding:5px; font-size:1.6rem;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl { font-size:1.4rem;}
#nd-irokosei.update220303 #ik-detail > div p.ik-price span { font-size:2.4rem;}
}
@media all and (max-width:519px)
{
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl { display:block;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl dt { width:100%; padding:5px; text-align:left;}
#nd-irokosei.update220303 #ik-detail > div ul#howto li dl dd { width:100%; padding:5px;}
}
/* 220406追加 */
#nd-irokosei ul#commentary { margin:15px 15px 0; padding:0; list-style:none; font-size:0;}
#nd-irokosei ul#commentary li { display:inline-block; vertical-align:top; width:32%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;}
#nd-irokosei ul#commentary li:nth-of-type(3n) { margin:0 0 15px;}
#nd-irokosei ul#commentary li a { width:100%;}
#nd-irokosei ul#commentary li a:hover { opacity:0.7;}
#nd-irokosei ul#commentary li a img { width:100%; height:auto;}
#nd-irokosei ul#commentary li a p { display:inline-block; margin:5px auto; padding:0 5px; text-align:left; font-size:12px; color:#333333;}
@media all and (max-width:479px)
{
#nd-irokosei ul#commentary li { display:inline-block; width:49%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;}
#nd-irokosei ul#commentary li:nth-of-type(3n) { margin:0 2% 15px 0;}
#nd-irokosei ul#commentary li:nth-of-type(2n) { margin:0 0 15px;}
}
/* 220907追加 */
#nd-irokosei ul#c-voice { margin:1.0em auto 0; padding:0; list-style:none; text-align:center;}
#nd-irokosei ul#c-voice li { margin:1.0em auto 0; padding:9px; border:#CCCCCC 1px solid; text-align:left;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#nd-irokosei ul#c-voice li h5 { margin:0 0 10px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted;}
#nd-irokosei ul#c-voice li p { display:inline-block; padding:0 5px; font-size:16px;}
@media all and (max-width:719px)
{
#nd-irokosei ul#c-voice li p { font-size:1.4rem;}
}
/* 220912追加 */
#more_consul { margin:40px 0 0; text-align:center;}
#more_consul a { display:inline-block; margin:0 auto; padding:10px 20px; font-size:20px; font-weight:bold; color:#FFFFFF; background-color:#FF0000;
-moz-border-radius:30px;    /* 古いFirefox */
-webkit-border-radius:30px; /* 古いSafari,Chrome */
border-radius:30px;         /* CSS3 */}
#more_consul a:hover { text-decoration:none; opacity:0.7;}
#more_consul a:after { content:"\0020\025b6";}
#more_consul a span { display:inline-block;}
@media all and (max-width:719px)
{
#more_consul a { font-size:1.8rem;}
}

#ik-detail > div .card_settlement { font-size:20px; font-weight:bold;}
#ik-detail > div .card_settlement span.ik-price { display:inline-block; vertical-align:baseline; margin:0 0 0 1.0em; padding:0;}
#ik-detail > div .card_settlement span.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;}
#ik-detail > div .card_settlement span.ik-price span { font-size:28px;}
#ik-detail > div .card_ctn { margin:0; padding:0 0 0 1.0em; text-indent:-1.0em;}
#ik-detail > div .card_ctn:before { display:inline; content:"※";}
#ik-detail > div .settlement_btn {}
#ik-detail > div .settlement_btn a { display:inline-block; width:auto; /*max-width:320px;*/ margin:10px 0 0; padding:10px; text-align:center; font-size:28px; color:#FFFFFF; background-color:/*#EB3F40*/#FF0000;
/*-moz-border-radius: 10px;     古いFirefox */
/*-webkit-border-radius: 10px;  古いSafari,Chrome */
/*border-radius: 10px;          CSS3 */}
#ik-detail > div .settlement_btn a:hover { text-decoration:none; opacity:0.7;}
#ik-detail > div .settlement_btn a img { width:40px; height:33px; vertical-align:middle; margin:0 0.5em 5px 0;}
#ik-detail > div .send_ctninfo { display:inline-block; margin:15px 0 0; padding:8px; border:#FF0000 2px solid; font-size:14px;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}

/* 221221追加 */
#consulbox { margin:10px 1.0em 40px; text-align:left;}
#consulbox > p { margin:0 0 0.75em;}
#consulbox ul.normallist { margin:0 0 0.75em 2.0em;}
#consulbox ul.numberlist { margin:0; padding:0; list-style:none;}
#consulbox ul.numberlist li { margin:0 0 0.5em; padding:0 0 0 1.0em; text-indent:-1.0em;}
#consulbox ul.numberlist li p.ik-price { display:inline-block; vertical-align:baseline; margin:0 0 0 1.0em; padding:0;}
#consulbox ul.numberlist li p.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;}
#consulbox ul.numberlist li p.ik-price span { font-size:24px;}
#consulbox ul.numberlist li > dl { margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; text-indent:0; font-size:14px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:wrap;}
#consulbox ul.numberlist li > dl dt { box-sizing:border-box; flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;}
#consulbox ul.numberlist li > dl dd { box-sizing:border-box; width:80%; margin:0; padding:10px 10px 10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; color:#333333;}
#consulbox ul.numberlist li > dl dd span { display:inline-block; margin:0 0 0 10px;}
#consulbox ul.consultation li:nth-of-type(1):before { content:"1)";}
#consulbox ul.consultation li:nth-of-type(2):before { content:"2)";}
#consulbox ul.consultation li:nth-of-type(3):before { content:"3)";}
#consulbox ul.consultation li:nth-of-type(4):before { content:"4)";}
#consulbox ul.consultation li:nth-of-type(5):before { content:"5)";}
#consulbox ul.consultation li:nth-of-type(6):before { content:"6)";}
#consulbox ul.consultation li p.consultxt { padding-left:0em; text-indent:0em;}

#consulbox h4 { margin:25px 0 10px; padding:5px; border-top:#333333 1px dotted; border-bottom:#333333 1px dotted; font-size:18px;}
#consulbox ul.selltable { margin:0 1.0em 20px; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; box-sizing:border-box; list-style:none; font-size:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;}
#consulbox ul.selltable li { margin:0; padding:5px; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; box-sizing:border-box;}
#consulbox ul.selltable li span { display:inline-block;}
#consulbox ul.selltable li img { width:100%; height:auto;}
#consulbox ul.selltable li a { display:block; margin:0; padding:0;}
#consulbox ul.selltable li a:hover img { opacity:0.7;}
#consulbox ul.selltable li:nth-of-type(n) { width:calc(100% - 60px); font-size:16px;}
#consulbox ul.selltable li:nth-of-type(2n) { flex-shrink:0; width:60px;}
#consulbox ul.selltable li:nth-of-type(1),
#consulbox ul.selltable li:nth-of-type(2) { text-align:center; font-size:12px; background-color:#F6F6F6;}
#consulbox ul.selltable li input[type=image] { display:block; width:100%; margin:0 auto; padding:0 !important; border:none !important; box-shadow:none !important; background-color:transparent !important;}
#consulbox ul.selltable li input[type=image]:hover { opacity:0.7;}
#consulbox ul.selltable li input[type=image] img { width:100%;}