@charset "UTF-8";

/*common*/
.fancybox-next,
.fancybox-prev {
    width: 0;
    height: 0;
}
.l-content h2.ttl {
    background-color: rgba(15, 33, 139, .1);
    border-top: solid 9px #0f218b;
    font-size: 30px;
    padding: 12px 0 8px;
}

/*mv*/
.l-content .summary {
    line-height: 33px;
}
.l-content .summary span.border {
    text-decoration: underline #333;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
}
.l-content .summary span.color {
    text-decoration: underline #dd0000;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    color: #dd0000;
    font-size: 30px;
}

/*anchor*/
.l-content .anchor {
    width: 1120px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.l-content .anchor a {
    width: 360px;
    height: 50px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    background-color: #0f218b;
    text-decoration: none;
}
.l-content .anchor a span {
    color: #fff;
    padding-top: 4px;
}
.l-content .anchor .img {
    width: 26px;
    height: 19px;
    background: url(/pr/noukiwari/img/anchor_off.png);
    background-repeat: no-repeat;
    background-position-y: center;
}
.l-content .anchor .img_cat {
    width: 16px;
    height: 25px;
    background: url(/pr/noukiwari/img/anchor_cat_off.png);
    background-repeat: no-repeat;
    background-position-y: center;
}
.l-content .anchor a:hover {
    background-color: #e7e8f3;
}
.l-content .anchor a:hover span {
    color: #0f218b;
}
.l-content .anchor a:hover .img {
    background: url(/pr/noukiwari/img/anchor_on.png);
    background-repeat: no-repeat;
    background-position-y: center;
}
.l-content .anchor a:hover .img_cat {
    background: url(/pr/noukiwari/img/anchor_cat_on.png);
    background-repeat: no-repeat;
    background-position-y: center;
}

/*infoArea*/
.l-content .infoArea {
    width: 1140px;
    margin: 0 auto;
}
.l-content .infoArea .infoWrap {
    border: solid 1px #ccc;
    padding: 10px 20px;
}
.l-content .infoArea .infoWrap p {
    width: 120px;
    background-color: #0f218b;
    color: #fff;
    padding: 7px 0 3px;
    margin-left: 0;
}
.l-content .infoArea .infoWrap ul {
    height: 110px;
    overflow-y: scroll;
}
.l-content .infoArea .infoWrap ul li {
    border-bottom: dashed 1px #ccc;
    padding: 10px 0;
}
.l-content .infoArea .infoWrap ul li:last-child {
    border: none;
    padding: 10px 0 0;
}
.l-content .infoArea .infoWrap ul li .date {
    display: inline-block;
    width: 160px;
    text-align: left;
}
.l-content .infoArea .infoWrap ul li .new {
    background-color: #dd0000;
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    padding: 0 5px;
}
.l-content .infoArea .m-down {
    padding-left: 0;
}

/*productArea*/
.l-content .productArea h2.ttl span {
    font-size: 18px;
}
.l-content .productArea > p:first-of-type > span {
    color: #dd0000;
    font-size: 25px;
}
.l-content .productArea > p:nth-of-type(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.l-content .productArea > p:nth-of-type(2) img {
    margin-right: 10px;
}
.l-content .productArea h3 {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    border-bottom: solid 6px #0f218b;
    font-size: 28px;
    padding-bottom: 5px;
}
.l-content .productArea h3 .new {
    background-color: #dd0000;
    color: #fff;
    font-size: 18px;
    padding: 3px 5px 1px;
}
.l-content .productArea .content {
    width: 1120px;
    margin: 0 auto;
}
.l-content .productArea .alumi-feature .wrap,
.l-content .productArea .ele-feature .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
    justify-content: flex-start;
}
.l-content .productArea .alumi-feature .wrap .item,
.l-content .productArea .ele-feature .wrap .item {
    position: relative;
    width: 265px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.l-content .productArea .wrap .item h4 {
    background-color: #e8e8e8;
    font-size: 18px;
    padding: 13px 0 10px;
}
.l-content .productArea .alumi-feature .item .name,
.l-content .productArea .ele-feature .item .name {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
}

.l-content .productArea .btn a {
    width: 210px;
    padding: 12px 0 9px;
}
.l-content .category-expanded .wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px 40px;
    justify-content: center;

}
.l-content .category-expanded .wrap .item {
    width: 200px;
}
.l-content .category-expanded .wrap .item:hover {
    opacity: .75;
}
.l-content .productArea .alumi-feature .item .model span,
.l-content .productArea .ele-feature .item .model span {
    letter-spacing: -0.6px;
    white-space: nowrap;
}
.l-content .productArea .alumi-feature .item .price,
.l-content .productArea .ele-feature .item .price {
    width: 245px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.l-content .productArea .alumi-feature .item .price .regular,
.l-content .productArea .ele-feature .item .price .regular {
    line-height: 21px;
}
.l-content .productArea .alumi-feature .item .price .regular p .num,
.l-content .productArea .ele-feature .item .price .regular p .num {
    font-size: 19px;
}
.l-content .productArea .alumi-feature .item .price .box,
.l-content .productArea .ele-feature .item .price .box {
    width: 90px;
    line-height: 26px;
    background-color: #ffcc00;
    box-sizing: border-box;
    padding: 5px 0 2px;
    padding-left: 5px;
    text-align: left;
}
.l-content .productArea .alumi-feature .item .price .box span,
.l-content .productArea .ele-feature .item .price .box span,
.l-content .productArea .alumi-feature .item .price .discount p .num,
.l-content .productArea .ele-feature .item .price .discount p .num {
    font-size: 30px;
}
.l-content .productArea .alumi-feature .item .price .box span.num,
.l-content .productArea .ele-feature .item .price .box span.num {
    font-size: 26px;
    margin-left: 6px;
}
.l-content .productArea .alumi-feature .item .price .box span.color,
.l-content .productArea .ele-feature .item .price .box span.color {
    color: #dd0000;
}
.l-content .productArea .alumi-feature .item .price .discount,
.l-content .productArea .ele-feature .item .price .discount {
    line-height: 27px;
}
.l-content .productArea .alumi-feature .item .price .discount p,
.l-content .productArea .ele-feature .item .price .discount p {
    font-size: 18px;
}
.l-content .productArea .alumi-feature .item .space,
.l-content .productArea .ele-feature .item .space {
    height: 90px;
}

/*howtoArea*/
.l-content .howtoArea .txt {
    font-size: 26px;
    line-height: 48px;
}
.l-content .howtoArea .txt span {
    color: #dd0000;
    font-size: 36px;
}
.l-content .howtoArea p img {
    vertical-align: middle;
    margin: 0 10px;
}

/*faqArea*/
.l-content .faqArea .faqContent {
    width: 1100px;
    margin: 0 auto;
}

/*exampleArea*/
.l-content .exampleArea .exampleTxt {
    width: 1100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    margin: 0 auto;
}
.l-content .exampleArea .exampleTxt p {
    font-size: 22px;
    line-height: 35px;
}
.l-content .price .exampleBtn {
    display: flex;
    justify-content: center;
    gap: 30px;
}
.l-content .price .exampleBtn a{
    width: 450px;
    font-size: 18px;
    line-height: 1.9;
}
/* ==========   price   ========== */
.l-content .price .priceItem {
    width: 1100px;
    margin: 0 auto;
}
.l-content .price .priceItem h3.sectionTtl {
    border-bottom: solid 6px #0f218b;
    font-size: 27px;
    font-weight: bold;
	line-height: 50px;
    text-align: center;
}
.l-content .price .main .wrapper{
    display: flex;
    justify-content: space-between;
}
.l-content .price .main .wrapper .item{
    padding-top: 15px;
    width: 540px;
    height: 320px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}
.l-content .price .main .wrapper .item .itemWrapper{
    display: flex;
    justify-content: space-evenly;
}
.l-content .price .main .wrapper .item .itemInfo{
    padding-left: 8px;
}
.l-content .price .main .wrapper .item .itemTtl{
    width: 340px;
    background-color: #e8e8e8;
    font-size: 27px;
    font-weight: bold;
    line-height: 27px;
    padding: 8px 0 5px;
}
.l-content .price .main .wrapper .item .basic{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.l-content .price .main .wrapper .item .basic .deadline{
    border: 3px solid #cccccc;
    padding: 3px 3px 0;
}
.l-content .price .main .wrapper .item .basic .day{
    width: 110px;
    text-align: center;
}
.l-content .price .main .wrapper .item .basic .discountPrice{
    width: 150px;
}
.l-content .price .main .wrapper .item .long{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.l-content .price .main .wrapper .item .long .deadline{
    border: 3px solid #cccccc;
    padding: 3px 13.5px 0;
}
.l-content .price .main .wrapper .item .long .day{
    width: 110px;
    text-align: center;
}
.l-content .price .main .wrapper .item .long .discountPrice{
    width: 150px;
}
.l-content .price .main .wrapper .item .arrow{
    margin-left: 160px;
}
.l-content .price .main .wrapper .item .fs-day{
    font-size: 18px;
}
.l-content .price .main .wrapper .item .underline{
    border-bottom: 5px solid #dd0000;
}
.l-content .price .main .wrapper .item .fs-discountPrice{
    font-size: 24px;
}
.l-content .price .main .wrapper .item .note{
    margin-left: 170px;
}

/*serviceArea*/
.l-content .serviceArea .bnrContent {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

/*conceptArea*/
.l-content .conceptArea .ttl {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.l-content .conceptArea .ttl h3 {
    font-size: 30px;
    line-height: 39px;
}
.l-content .conceptArea .ttl h3 span {
    border-bottom: solid 7px #dd0000;
}
.l-content .conceptArea .content {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    justify-content: center;
}
.l-content .conceptArea .content .item {
    position: relative;
    width: 420px;
    height: 515px;
    border: solid 1px #ccc;
}
.l-content .conceptArea .content .item .new {
    position: absolute;
    top: -40px;
    right: -30px;
}
.l-content .conceptArea .content .yellow h4 {
    background-color: #ffcc00;
    font-size: 35px;
    line-height: 55px;
    padding-top: 10px;
}
.l-content .conceptArea .content .yellow h4 span {
    font-size: 18px;
}
.l-content .conceptArea .content .blue h4 {
    background-color: #10218b;
    color: #fff;
    font-size: 35px;
    line-height: 55px;
    padding-top: 10px;
}
.l-content .conceptArea .content .item .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
.l-content .conceptArea .content .yellow .img {
    gap: 20px;
}
.l-content .conceptArea .content .blue .img {
    gap: 40px;
}
.l-content .conceptArea .content .item .img p {
    font-size: 26px;
    line-height: 38px;
}
.l-content .conceptArea .content .item .img p span {
    font-size: 38px;
}
.l-content .conceptArea .content .yellow .img p {
    border-bottom: solid 5px #fdc900;
    color: #e7b700;
}
.l-content .conceptArea .content .blue .img p {
    border-bottom: solid 5px #99daff;
    color: #10218b;
}
.l-content .conceptArea .content .item .add {
    font-size: 24px;
    line-height: 33px;
}
.l-content .conceptArea .content .item .txt01 {
    font-size: 16px;
}
.l-content .conceptArea .content .blue .bold {
    font-size: 22px;
    line-height: 36px;
}
.l-content .conceptArea .content .blue .bold .num {
    font-size: 24px;
}
.l-content .conceptArea .content .blue .bold .color {
    color: #dd0000;
}
.l-content .conceptArea .content .blue .bold .large {
    font-size: 30px;
}
.l-content .conceptArea .content .yellow .bold {
    color: #dd0000;
    font-size: 30px;
}
.l-content .conceptArea .content .blue .txt02 {
    line-height: 19px;
}
.l-content .conceptArea .content .blue .txt02 span {
    font-size: 9px;
    vertical-align: text-top;
}
.l-content .conceptArea .content .item .pattern {
    width: 360px;
    margin: 0 auto;
}
.l-content .conceptArea .content .item .pattern .flex-u,
.l-content .conceptArea .content .item .pattern .flex-t {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}
.l-content .conceptArea .content .item .pattern .flex-u {
    align-items: center;
}
.l-content .conceptArea .content .item .pattern .flex-t{
    align-items: flex-start;
}
.l-content .conceptArea .content .item .pattern .flex-u .deco,
.l-content .conceptArea .content .item .pattern .flex-t .deco {
    width: 90px;
    height: 30px;
}
.l-content .conceptArea .content .item .pattern .flex-u .deco {
    background-color: #eee;
    line-height: 34px;
}
.l-content .conceptArea .content .item .pattern .flex-u p .note {
    font-size: 10px;
    vertical-align: top;
}
.l-content .conceptArea .content .item .addbox {
    display: inline-block;
    border: solid 2px #dd0000;
    color: #dd0000;
    font-size: 24px;
    line-height: 24px;
    padding: 10px 11px 7px 17px;
}
.l-content .conceptArea .addBold {
    font-size: 30px;
    line-height: 48px;
}

/*d-jitArea*/
.l-content .d-jitArea .content {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.l-content .d-jitArea .content .flex-l p {
    line-height: 36px;
}
.l-content .d-jitArea .content .flex-r p .large {
    font-size: 30px;
}
.l-content .d-jitArea .content .flex-r p .color {
    color: #dd0000;
    font-size: 28px;
    margin: 0 -10px;
}

/*voiceArea*/
.l-content .voiceArea .slider__list {
    position: relative;
}
.l-content .voiceArea .slider__list .prev-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 217px;
    margin: auto;
}
.l-content .voiceArea .slider__list .prev-arrow::before,
.l-content .voiceArea .slider__list .prev-arrow::after {
    position: absolute;
    width: 10px;
    height: 2px;
    background: #fff;
    content: "";
}
.l-content .voiceArea .slider__list .prev-arrow::before {
    transform: rotate(-45deg);
    top: 20px;
    left: 17px;
}
.l-content .voiceArea .slider__list .prev-arrow::after {
    transform: rotate(45deg);
    top: 26px;
    left: 17px;
}
.l-content .voiceArea .slider__list .next-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 217px;
    margin: auto;
}
.l-content .voiceArea .slider__list .prev-arrow:hover,
.l-content .voiceArea .slider__list .next-arrow:hover {
    cursor: pointer;
}
.l-content .voiceArea .slider__item {
    width: 644px;
    border: 1px solid #333;
    padding: 25px 30px 20px;
    margin: 0 auto;
}
.l-content .voiceArea .slider__head {
    border-bottom: 1px solid #333;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
.l-content .voiceArea .slider__head__inner {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}
.l-content .voiceArea .slider__head__txt {
    font-size: 12px;
}
.l-content .voiceArea .slider__head__img {
    margin-right: 12px;
}
.l-content .voiceArea .slider__head__company {
    font-size: 16px;
    font-weight: bold;
}
.l-content .voiceArea .slider__body__ttl {
    font-size: 20px;
    margin-bottom: 28px;
}
.l-content .voiceArea .slider__body {
    display: flex;
}
.l-content .voiceArea .slider__body_inner{
    display: flex;
    flex-direction: column;
}
.l-content .voiceArea .slider__body_manager {
    font-size: 12px;
}
.l-content .voiceArea .slider__body_manager:first-of-type {
    margin-top: 16px;
}
.l-content .voiceArea .slider__body_list {
    margin-top: 24px;
}
.l-content .voiceArea .slider__body_list:first-of-type {
    margin-top: 0
}
.l-content .voiceArea .slider__body_list dt {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}
.l-content .voiceArea .slider__body_list dt::before{
    position: absolute;
    top: 8px;
    left: 0;
    border-top: solid 9px #0f218b;
    border-right: solid 7px transparent;
    border-left: solid 7px transparent;
    content: "";
}
.l-content .voiceArea .slider__body_list dd {
    font-size: 14px;
}
.l-content .voiceArea .slider__body_list dd:not(:first-of-type) {
    margin-top: 18px;
}
.l-content .voiceArea .slider__body {
    gap: 20px;
}
.l-content .voiceArea .slider__body .slider__body_inner .m-thumbnail {
    width: 256px;
}

/*カテゴリページ遷移ボタン*/
.l-content .catBtnTxt {
    color: #dd0000;
}
.l-content .catBtn a {
    width: 360px;
    line-height: 1;
    padding: 18px 0 16px;
}

/*rateArea*/
.l-content .rateArea .contents {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
}
.l-content .rateArea .tableArea {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
}
.l-content .rateArea .tableArea th {
    background-color: #f5f5f5;
}
.l-content .rateArea .tableArea th,
.l-content .rateArea .tableArea td {
    width: 130px;
    height: 47px;
    border: solid 1px #ccc;
    padding-top: 5px;
}
.l-content .rateArea .tableArea td {
    font-weight: bold;
    text-align: center;
}
.l-content .rateArea .tableArea .table_01 th {
    font-size: 19px;
}
.l-content .rateArea .tableArea .table_01 tr:nth-child(1) td span,
.l-content .rateArea .tableArea .table_01 tr:nth-child(3) td span {
    font-size: 24px;
}
.l-content .rateArea .tableArea .table_01 tr:nth-child(4) td:nth-child(1) {
    border-left: none;
    border-bottom: none;
}
.l-content .rateArea .tableArea .table_01 tr:nth-child(4) td:nth-child(2) {
    background-color: #ffcc00;
    font-size: 30px;
    margin-left: 5px;
}
.l-content .rateArea .tableArea .table_01 tr:nth-child(4) sup {
    font-size: 15px;
}
.l-content .rateArea .tableArea .table_02 tr:nth-child(2) td:nth-child(3) {
    color: #dd0000;
}
.l-content .rateArea .tableArea .table_02 tr:nth-child(2) td span,
.l-content .rateArea .tableArea .table_02 tr:nth-child(3) td span,
.l-content .rateArea .tableArea .table_02 tr:nth-child(4) td {
    font-size: 30px;
}
.l-content .rateArea .tableArea .table_02 tr:nth-child(4) td {
    background-color: #0f218b;
    color: #fff;
    line-height: 30px;
    padding: 6px 0px 2px;
}
.l-content .rateArea .txt .sub {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.l-content .rateArea .txt .sub p {
    font-size: 24px;
}
.l-content .rateArea .txt .main {
    font-size: 30px;
    line-height: 40px;
}
.l-content .rateArea .txt .main span {
    color:#dd0000;
    font-size: 40px;
}

/*catalogArea*/
.l-content .catalogArea > p:first-child {
    font-size: 24px;
}
.l-content .catalogArea > .box {
    width: 720px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 3px #0f218b;
    padding: 13px 0;
    margin: 0 auto;
}
.l-content .catalogArea > .box div:nth-of-type(2) {
    margin-left: 10px;
    margin-right: 20px;    
}
.l-content .catalogArea > .box > div > p:first-child,
.l-content .catalogArea > .box > div:first-of-type > div > p span {
    font-size: 26px;
}
.l-content .catalogArea > .box > div > div:first-of-type {
    position: relative;
}
.l-content .catalogArea > .box > div:first-of-type > div > p {
    position: absolute;
    top: -2px;
    left: 10px;
    color: #fff;
}
.l-content .catalogArea > .box div:nth-of-type(3) > div:first-of-type {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.l-content .catalogArea > .box div:nth-of-type(3) > div.btn a {
    width: 210px;
}

/**/
.l-content .costdownArea .contents {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
}
.l-content .costdownArea .contents .item {
    width: 540px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.l-content .costdownArea .contents .item.arrow {
    justify-content: flex-end;
}
.l-content .costdownArea .contents .item.arrow > div {
    width: 353px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/pr/noukiwari/img/bom_pic_02.png);
    background-size: 300px 43px;
    background-repeat: no-repeat;
    background-position-x: center;
}
.l-content .costdownArea .contents .item .box {
    width: 163px;
}
.l-content .costdownArea .contents .item .box.unit {
    height: 37px;
    background-color: #eaeaea;
    box-sizing: border-box;
    padding-top: 2px;
}
.l-content .costdownArea .contents .item .box.unit p {
    font-size: 18px;
}
.l-content .costdownArea .contents .item .box.unit p span {
    font-size: 24px;
}
.l-content .costdownArea .contents .item .box.unit.none {
    background-color: initial;
}
.l-content .costdownArea .contents .item.price {
    height: 46px;
    border: solid 1px #ccc;
}
.l-content .costdownArea .contents .item.price .box {
    padding-top: 6px;
}
.l-content .costdownArea .contents .item.price .box.costdown_02 {
    padding-top: 0;
}
.l-content .costdownArea .contents .item.price p span {
    font-size: 18px;
}
.l-content .costdownArea .contents .item.price .box.costdown_01 p {
    color: #dd0000;
}
.l-content .costdownArea .contents .item.price .box.costdown_02 p {
    width: 153px;
    background-color: #dd0000;
    color: #fff;
    padding: 4px 0 2px;
}
.l-content .costdownArea .contents .item.price .box.costdown_02 span:last-of-type {
    font-size: 24px;
}
.l-content .costdownArea .contents div:nth-of-type(2) p.color {
    color: #dd0000;
    font-size: 30px;
}
.l-content .costdownArea .contents div:nth-of-type(2) p.color span {
    font-size: 25px;
}

/*movie*/
.l-content .d-jitArea .movie {
    width: 970px;
    margin: 0 auto;
}
.l-content .d-jitArea .movie .m-cols__1of2 {
    width: auto;
}
.l-content .btnArea a,
.l-content .d-jitArea .movie .btn a {
    width: 360px;
    line-height: 1;
    padding: 18px 0 16px;
}
/*margin調整*/
.l-content .m-thumbnail__movie,
.l-content .m-cols__1of2 {
    margin-bottom: 0;
}