@charset "utf-8";


@media screen and (max-width: 991px) {
	
    .option-box.one .form {
        display: block;
    }
	
    
	
}
/* (max-width: 991px) */




@media screen and (max-width: 767px) {
	
	
/* display
===================================*/
	.ie-mestxt {
		display: none;
	}

	.smt {
		display: block;
	}
	.pcx {
		display: none !important;
	}
		
	.hed-nav {
		display: none;
	}
    
	.acdion-box .scrollmk {
		display: block;
	}
    
    #sidebar {
        display: none;
    }
    
    
/*  smt-pusher
===================================*/
    .smt-pusher {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        will-change: transform;
    }
    .smt-fixed .smt-pusher {
        -webkit-transform: translate3d(-80vw, 0, 0);
        -moz-transform: translate3d(-80vw, 0, 0);
        transform: translate3d(-80vw, 0, 0);
    }
    
    
/*  smt-hed
===================================*/
    header .smt-botn {
        top: 11px;
        right: 15px;
    }
    header .smt-nav {
        top: 60px;
    }
    .pched {
        height: 60px;
    }
    .pched h1 {
        font-size: 1.0rem;
        line-height: 1;
        text-align: center;
        color: #999;
        margin-top: 3px;
    }
    .pched .area {
        margin-bottom: 0;
    }
    .pched .logo {
        margin-top: 0;
        margin-left: 15px;
        position: relative;
        top: -15px;
    }
    .pched .logo a {
        max-width: 120px;
        padding-bottom: 8px;
        padding-left: 5px;
    }
    
    .hed-cot ul {
        margin-top: 5px;
    }
    .hed-cot li {
        margin: 0;
    }
    .hed-cot li:nth-of-type(2) {
        margin-left: 15px;
        margin-right: 75px;
    }
    .hed-cot li a {
        border: 1px solid #cacaca;
        background-color: #fff;
    }
    
    .pched.fixed .hed-cot {
        display: block;
    }
    .pched.fixed .logo {
        margin-top: 0;
        top: -17px;
    }
    

/* janp
===================================*/
	.janp a i {
        font-size: 4.0rem;
    }
	
	
/*  footer
===================================*/
	footer {
	}
    footer .area {
        padding-bottom: 10px;
        padding-top: 30px;
    }
    .fot-nav {
        padding-top: 10px;
    }
    .fot-nav ul {
        padding-top: 0;
        padding-bottom: 15px;
    }
    .fot-nav ul li a {
        font-size: 1.35rem;
        letter-spacing: normal;
    }
    .fot-logo {
        margin-top: 15px;
    }
    .fot-logo ul {
        display: none;
    }
    .fot-logo h2 a {
        width: 105px;
        overflow: auto;
    }
    .fot-add {
        border-top: 0;
        border-bottom: 0;
        margin-top: 15px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .fot-add p {
        font-size: 1.4rem;
    }
    .fot-copy {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .linelink {
        margin-top: 20px;
    }
    
	
/* cover sp
===================================*/
    .cover .area h1 {
        display: none;
    }
    .cover .area h2 {
        font-size: 1.8rem;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .cover .txt h1 a {
        font-size: 3.8rem;
    }

    .cover {
        height: 480px;
        top: 60px;
        margin-bottom: 60px;
    }
    .cover.msiz {
        height: 400px;
    }
    .cover.nsiz {
        height: 260px;
    }

    
/* popup
===================================*/
    .popup-inner {
        transform: translate(-50%,-46%);
        width: 70%;
    }
    

    
    
/*  共 通
===================================*/
	article {
        min-height: auto;
        margin-bottom: 90px;
	}
    
    .janp {
        right: 0;
    }
    
    .pannav ul {
        padding: 10px;
    }

    
/*///// logotxt /////*/
    .logotxt {
        width: 85px;
    }

    
/*///// mbtn /////*/
    .mbtn {
        width: 240px;
        height: 54px;
    }
    .mbtn span {
        font-size: 1.6rem;
    }
    .mbtn i {
        font-size: 1.4rem;
    }

    
/*///// hom-title /////*/
    .hom-title h2 {
        font-size: 2.8rem;
        margin-top: 15px;
    }
    .hom-title h2 strong {
        font-size: 3.4rem;
    }
    
    
/*///// hom-sbimg /////*/
    .hom-sbimg {
        height: 280px;
    }

    
/*///// katari-list /////*/
    .katari-list {
    }
    .katari-list ul {
    }
    .katari-list li {
        width: calc(100% / 3 - 30px);
        margin: 0 15px;
        margin-top: 45px;
    }
    .katari-list li a .txt {
        padding: 0 10px;
        padding-top: 0;
        margin-top: 10px;
    }
    .katari-list li a .txt .tai {
        font-size: 1.45rem;
        padding-bottom: 3px;
    }

    
/*///// news-list /////*/
    .news-list {
        margin-top: 60px;
    }
    .news-list li a .txt {
        margin: 0 20px;
        margin-right: 0;
    }
    .news-list li a .txt .tai {
        font-size: 1.4rem;
        padding-bottom: 3px;
    }
    .news-list li a .txt .day {
        margin-bottom: 5px;
    }
	
    
 /*///// parallax /////*/
    .rellax {
        background-position: center!important;
    }

    
 /*///// page-nav /////*/
    .page-nav ul {
        padding: 0 10px;
    }
    .page-nav li {
        margin: 0 6px;
    }
    .page-nav li a {
        width: 100%;
        padding: 8px 3px;
    }
    .page-nav.min li {
        margin: 0 3px;
    }
    
    
 /*///// mdrnav /////*/
    .mdrnav {
        margin-top: 30px;
    }
    
    
/*  index
===================================*/
    .inde-one {
        padding-bottom: 110px;
        background-position: bottom right;
    }
    .inde-one .boxare {
        flex-basis: 32%;
    }
    .inde-one .logotxt {
        margin-top: 80px;
    }
    .inde-one .txtare {
        flex-basis: 68%;
        margin-top: 80px;
    }
    .inde-one .txtare h2 {
        font-size: 4.0rem;
        letter-spacing: 0.05em;
    }
    .inde-one .txtare p {
        font-size: 1.6rem;
        line-height: 2.5;
        margin-top: 40px;
        margin-right: 15px;
    }
    .inde-one .mbtn-are {
        margin-top: 60px;
    }
    
/*///// inde-two /////*/
    .inde-two .hom-title {
        margin-top: 60px;
    }
    .inde-two .photxt.ued {
        margin-top: 70px;
    }
    .inde-two .photxt .area {
        padding: 0;
    }
    .inde-two .photxt .txt p {
        line-height: 2.2;
        padding-left: 15px;
        padding-right: 30px;
        margin-top: 25px;
    }
    .inde-two .photxt .txt h3 {
        font-size: 3.0rem;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .inde-two .photxt .pho {
        width: calc(100% / 2 - 25px);
    }
    .inde-two .photxt.ued .pho span {
        background-position: center center;
    }
    .inde-two .photxt {
        margin-top: 80px;
    }
    .inde-two .photxt.nak .pho span {
        background-position: center center;
    }
    .inde-two .photxt.nak .txt p {
        padding-right: 15px;
        padding-left: 30px;
    }
    .inde-two .photxt.sht .pho span {
        background-position: center center;
    }
    .inde-two .mbtn-are {
        margin-top: 55px;
    }
    
/*///// inde-thr /////*/
    .inde-thr {
        margin-top: 80px;
    }
    .inde-thr .photxt {
        padding: 0 20px;
        margin-top: 60px;
    }
    .inde-thr .photxt .pho {
    }
    .inde-thr .photxt .txt p {
        line-height: 2.2;
        margin-top: 20px;
    }
    .inde-thr .photxt .txt h3 {
        font-size: 2.8rem;
        line-height: 1.6;
    }
    .inde-thr .mbtn-are {
        margin-top: 60px;
    }
    
/*///// inde-fou /////*/
    .inde-fou {
        margin-top: 80px;
    }
    .inde-fou .katari-list {
        margin-top: 20px;
    }
    
/*///// inde-fiv /////*/
    .inde-fiv {
        margin-top: 70px;
    }
    .inde-fiv .mbtn-are {
        margin-top: 50px;
    }
    
    
/* About
===================================*/
    .about-one .txtare h2 {
        font-size: 4.0rem;
        line-height: 1.6;
        margin-left: 0;
    }
    .about-one .logotxt {
        margin-top: 80px;
    }
    .about-one .txtare {
        margin-top: 80px;
    }
    .about-one .txtare p {
        font-size: 1.6rem;
        line-height: 2.5;
        margin-top: 40px;
        margin-right: 15px;
    }
    .about-one .mbtn-are {
        margin-top: 50px;
    }
    .about-one .txtare h2 span {
        margin-left: 0;
    }

    .about-two {
        margin-top: 80px;
    }
    
    .parallax {
        position: relative;
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-top: 0;
    }
    .bg_1 {
        background-image: url("../img/about-two_bg1.png");
    }
    .bg_2 {
        background-image: url("../img/about-two_bg2.png");
    }
    .bg_3 {
        background-image: url("../img/about-two_bg3.png");
    }

    .parallax .txtare {
        top: 50%;
        left: 25%;
        transform: translate(-25%, -50%);
    }
    .parallax .txtare .txt {
        max-width: 350px;
        line-height: 2.2;
    }
    .about .hom-title h4 {
        font-size: 3.0rem;
    }
    
    .about-thr .photxt {
        padding: 0 20px;
        margin-top: 60px;
    }
    .about-thr .photxt .txt {
        padding-left: 10px;
        padding-right: 30px;
    }
    .about-thr .photxt .pho {
        padding-left: 0;
        height: 660px;
    }
    .about-thr .photxt .pho span {
        background-position: center center;
    }
    .about-thr .photxt .txt h3 {
        font-size: 2.8rem;
        line-height: 1.6;
    }
    .about-thr .photxt .txt p {
        line-height: 2.2;
        margin-top: 20px;
    }
    .about-thr .photxt .txt h4 {
        font-size: 2.6rem;
        margin-top: 30px;
    }
    .about-thr .mbtn-are {
        margin-top: 50px;
    }
    
    .about-fou {
        margin-top: 80px;
    }
    .history-list {
        margin-top: 40px;
    }
    .about-fiv {
        margin-top: 70px;
    }
    .company-list {
        margin-top: 40px;
    }
    .company-accs {
        margin-top: 50px;
    }
    .company-accs h3 {
        margin: 0 10px;
    }
    .company-map {
        margin-top: 40px;
    }


/* Utsuwa
===================================*/
    .utsuwa-one {
        margin-top: 80px;
    }
    .utsuwa-one .area {
        position: relative;
        display: -webkit-flex;
        display: flex;
        flex-flow: row-reverse;
        padding-right: 0;
    }    
    .utsuwa-one .phoare li .boxare {
        position: absolute;
        top: 0;
        left: 90px;
    }
    .utsuwa-one .phoare {
        margin-top: 0;
        flex-basis: 50%;
        padding-left: 30px;
    }
    .utsuwa-one .phoare ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .utsuwa-one .phoare li {
        margin-left: 0;
    }
    .utsuwa-one .phoare li:nth-of-type(1) {
        display: none;
    }
    .utsuwa-one .phoare li .pho {
        width: 100%;
        height: 300px;
    }
    .utsuwa-one .phoare li .pho.one {
        margin-top: 0;
    }
    .utsuwa-one .phoare li .pho.two {
        margin-top: 30px;
        height: 200px;
    }
    .utsuwa-one .phoare li .pho.thr {
        margin-top: 30px;
    }
    .utsuwa-one .phoare li .pho.fou {
        margin-top: 30px;
    }
    .utsuwa-one .mesare {
        position: relative;
        top: 360px;
        left: 0;
        width: inherit;
        flex-basis: 50%;
    }
    .utsuwa-one .mesare p {
            font-size: 1.6rem;
            line-height: 2.6;
            font-weight: normal;
            -webkit-font-smoothing: inherit;
            -moz-osx-font-smoothing: inherit;
        }
    
    .utsuwa-toplst {
        margin-top: 80px;
    }
    .utsuwa-toplst .photxt {
        -webkit-align-items: inherit;
        align-items: inherit;
        margin-top: 60px;
        padding: 0 20px;
    }
    .utsuwa-toplst .photxt .pho {
        flex-basis: 45%;
        height: auto;
    }
    .utsuwa-toplst .photxt .txt {
        flex-basis: 55%;
        padding-left: 10px;
        padding-right: 30px;
    }
    .utsuwa-toplst .photxt .txt h3 {
        font-size: 2.8rem;
        line-height: 1.6;
    }
    .utsuwa-toplst .photxt .txt p {
        line-height: 2.2;
        margin-top: 20px;
    }
    
    .utsuwa-toplst .phoare ul {
        margin-top: 50px;
    }
    .utsuwa-toplst .phoare li {
        width: calc(100% / 3 - 30px);
        height: 200px;
        margin: 0 15px;
    }
    .utsuwa-toplst .mbtn-are {
        margin-top: 60px;
    }
    .utsuwa-toplst .hom-sbimg .hom-title h4 {
        font-size: 2.3rem;
    }


/* Utsuwa list
===================================*/
    article.utsuwa-peg {
        margin-bottom: 110px;
    }
    .utsuwa-peg .hom-title {
        margin-top: 50px;
    }
    .utsuwa-pegtop {
        margin-top: 60px;
    }
    .utsuwa-pegtop .photxt .txt h2 {
    font-size: 3.0rem;
    letter-spacing: 0.05em;
}
    .utsuwa-pegtop .bkhed .blk {
        width: 100%;
        height: 280px;
        margin-left: auto;
    }
    
    .utsuwa-pegtop .photxt {
        margin-top: 50px;
    }
    .utsuwa-pegtop .photxt .pho {
        flex-basis: 30%;
        margin-top: -30px;
    }
    .utsuwa-pegtop .photxt .pho .blk {
        width: 100%;
        height: 200px;
    }
    .utsuwa-pegtop .photxt .txt {
        flex-basis: 70%;
        padding-left: 40px;
    }
    .utsuwa-pegtop .photxt .txt p {
        line-height: 2.5;
        margin-top: 30px;
    }
    .utsuwa-list {
        margin-top: -10px;
    }
    .utsuwa-list ul {
        margin-left: -20px;
        margin-right: -20px;
    }
    .utsuwa-list li {
        width: calc(100% / 3 - 32px);
        margin: 0 16px;
        margin-top: 50px;
    }
    .utsuwa-list li a h3 {
        font-size: 1.55rem;
        letter-spacing: 0.05em;
    }
    .utsuwa-list li a h5 {
        letter-spacing: 0.05em;
    }
    

/* Utsuwa 紹介
===================================*/
    .page-hed.item-name {
        margin-top: 40px;
    }
    .item-name .hom-title h2 {
        font-size: 3.0rem;
    }
    .utsuwa-plan {
        margin-top: 60px;
    }
    .utsuwa-plan .photxt .txt-a {
        margin-top: 0;
    }
    .utsuwa-plan .photxt .txt-a p {
        line-height: 2.2;
    }
    .utsuwa-plan .photxt .pho {
        padding-right: 30px;
    }
    .utsuwa-plan .mestxt {
        margin-top: 30px;
    }
    
    .order-item .pho {
        width: 100px;
    }
    .order-item .txt {
        padding-left: 20px;
        margin-top: 10px;
        display: block;
    }
    .order-item .txt h2 {
        font-size: 2.2rem;
    }
    .option-box {
        padding: 20px 0;
    }
    .option-box .ribon {
        margin-left: 30px;
    }
    .option-box .tai {
        display: block;
    }
    .option-box .tai h6 {
        margin-top: 5px;
    }
    .option-box.wasribon .form {
        display: block;
    }
    .option-box.wasribon .form .ribon {
        margin-left: 0;
        margin-top: 10px;
    }
    
    
    
    
    
    .modoru a p {
        margin-left: 10px;
    }
    .utsuwa-order {
        margin-top: 50px;
    }


/* Kokoro
===================================*/
    article.kokoro-peg {
        margin-bottom: 90px;
    }
    
    .kokoro-one {
        margin-top: 80px;
    }
    .kokoro-one .area {
        position: relative;
        display: -webkit-flex;
        display: flex;
        flex-flow: row-reverse;
        padding-right: 0;
    }    
    .kokoro-one .phoare li .boxare {
        position: absolute;
        top: 0;
        left: 90px;
    }
    .kokoro-one .phoare {
        margin-top: 0;
        flex-basis: 50%;
        padding-left: 30px;
    }
    .kokoro-one .phoare ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .kokoro-one .phoare li {
        margin-left: 0;
    }
    .kokoro-one .phoare li:nth-of-type(1) {
        display: none;
    }
    .kokoro-one .phoare li .pho {
        width: 100%;
        height: 260px;
    }
    .kokoro-one .phoare li .pho.one {
        margin-top: 0;
    }
    .kokoro-one .phoare li .pho.two {
        margin-top: 30px;
        height: 200px;
    }
    .kokoro-one .phoare li .pho.thr {
        margin-top: 30px;
        height: 260px;
    }
    .kokoro-one .phoare li .pho.fou {
        margin-top: 30px;
    }

    .kokoro-one .mesare {
        position: relative;
        top: 360px;
        left: 0;
        width: inherit;
        flex-basis: 50%;
    }
    .kokoro-one .mesare p {
        font-size: 1.6rem;
        line-height: 3.6;
        font-weight: normal;
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
    }

    .kokoro-toplst .hom-sbimg .hom-title h4 {
        font-size: 2.3rem;
    }
    .kokoro-toplst {
        margin-top: 80px;
    }
    .kokoro-toplst .photxt {
        -webkit-align-items: inherit;
        align-items: inherit;
        margin-top: 60px;
        padding: 0 20px;
    }
    .kokoro-toplst .photxt .txt {
        flex-basis: 55%;
        align-self: center;
    }
    .kokoro-toplst .photxt .txt h3 {
        font-size: 2.8rem;
        line-height: 1.6;
    }
    .kokoro-toplst .photxt .txt p {
        line-height: 2.2;
        margin-top: 20px;
    }
    .kokoro-toplst .photxt .pho {
        flex-basis: 45%;
        height: auto;
    }
    .kokoro-toplst .mbtn-are {
        margin-top: 50px;
    }
    .kokoro-thr.kokoro-toplst .photxt .txt,
    .kokoro-fiv.kokoro-toplst .photxt .txt {
        padding-right: 10px;
        padding-left: 40px;
    }
    .kokoro-two.kokoro-toplst .photxt .txt,
    .kokoro-fou.kokoro-toplst .photxt .txt {
        padding-left: 10px;
        padding-right: 40px;
    }
    .kokoro-two.kokoro-toplst .photxt .pho li {
        height: 220px;
    }
    .kokoro-thr.kokoro-toplst .photxt .pho .one li {
        height: 440px;
    }
    .kokoro-thr.kokoro-toplst .photxt .pho .two li {
        height: 220px;
    }
    .kokoro-fou.kokoro-toplst .photxt .pho li {
        height: 220px;
    }
    .kokoro-fiv.kokoro-toplst .photxt .pho .one li {
        height: 440px;
    }
    .kokoro-fiv.kokoro-toplst .photxt .pho .two li {
        height: 150px;
    }
    
    .kokoro-pegtop {
        margin-top: 50px;
    }
    .kokoro-pegtop .hom-title {
        flex-basis: 40%;
    }
    .kokoro-pegtop .txt {
        flex-basis: 60%;
        margin-top: 0;
        padding-left: 30px;
    }
    
    .kokoro-pegnka {
        margin-top: 60px;
    }
    .kokoro-pegnka .lef .pho {
        height: 300px;
    }
    .kokoro-pegtop .txt p {
        line-height: 2.5;
    }
    .kokoro-pegnka .rig .pho {
        padding-left: 40px;
    }
    .kokoro-pegnka .lef .txt {
        margin-top: 40px;
    }
    .kokoro-pegnka .lef .txt p {
        line-height: 2.2;
    }
    .kokoro-pegsht .pho ul {
        margin-left: 0;
        margin-right: 0;
    }
    .kokoro-pegsht {
        margin-top: 50px;
    }
    .kokoro-pegsht.mt80 {
        margin-top: 60px;
    }
    
    .kokoro-pegsht .pho ul {
        margin-left: -20px;
        margin-right: -20px;
    }
    .kokoro-pegsht .pho li {
        width: calc(100% / 2 - 40px);
        height: 260px;
        margin: 0 20px;
    }
    .kokoro-pegsht .pho li:nth-of-type(2) {
        margin: 0 20px;
    }
    .kokoro-pegsht .txt p {
        line-height: 2.2;
    }
    .kokoro-pegsht .txt {
        margin-top: 50px;
    }
    .korowrap .kokoro-pegnka .lef .txt {
        margin-top: 20px;
    }
    .korowrap .kokoro-pegsht .txt {
        margin-top: 40px;
    }
    .korowrap .kokoro-pegnka .lef .txt li .tai {
        letter-spacing: 0.05em;
    }

    
/* Katari
===================================*/
    article.katari {
        margin-bottom: 110px;
    }
    article.katari.page {
        margin-bottom: 90px;
    }
    .katari-mess {
        margin-top: 50px;
    }
    .katari-mess .area p {
        line-height: 2.2;
        letter-spacing: 0.1em;
    }
    
    .page-hed {
        margin-top: 20px;
        height: 40px;
    }
    .katari-are .blkhed .tai {
        font-size: 2.4rem;
    }
    .katari-are .blkhed {
        margin-bottom: 0;
    }
    
    .katari-are .blkare {
        padding-top: 10px;
    }
    .katari-are .blkare p {
        padding: 20px 0;
        line-height: 2.2;
    }
    article.katari .katari-list {
        min-height: inherit;
    }
    
    .mdrnav .lefbon a .smt,
    .mdrnav .rigbon a .smt {
        display: none;
    }


/* Order
===================================*/
    article.order {
        margin-bottom: 90px;
    }
    .order .slideon {
        display: block;
        margin-top: 40px;
    }
    .order-menu {
        flex-basis: inherit;
        margin-bottom: 20px;
    }
    .order-menu ul {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
    .order-menu li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 3px 15px;
    }
    .order-are .txtare h2 {
        padding: 15px 20px;
        font-size: 2.5rem;
    }
    .order-are .txtare {
        margin-top: 0;
        padding-top: 60px;
    }
    .order-are .photxt .pho {
        max-width: 250px;
    }
    .order-are .txtbox {
        margin-top: 20px;
    }


/* Contact
===================================*/
    .contact-mess {
        margin-top: 50px;
    }
    .contact-mess .area p {
        line-height: 2.2;
        letter-spacing: 0.1em;
    }
    .title-atx strong {
        padding: 18px 10px;
        line-height: 1.2;
        font-size: 2.5rem;
    }
    .contact-tel h3 {
        font-size: 4.5rem;
    }
    .contact-tel {
        margin-top: 40px;
    }
    .contact-form {
        margin-top: 60px;
    }
    
    
/*///// contact-form /////*/ 
    .contact.page .contact-form,
    .contact.end .contact-form {
        margin-top: 50px;
    }
    .contact-form .btn-are {
        margin-top: 40px;
    }
    .fm-box .moku {
        max-width: 180px;
    }
    .thak-are {
        margin-top: 60px;
    }
    .thak-are h3 {
        font-size: 3.4rem;
    }
    .thak-are h3 span {
        font-size: 2.0rem;
    }
    .thak-are .bkhed {
        padding: 5px 30px;
    }
    
/*///// entry /////*/ 
    .nsiz.entry {
        height: 180px;
    }
    .entry-form {
        margin-top: 50px;
    }
    .entry-form ul {
        margin-top: 10px;
    }
    .entry-form .btn-are {
        margin-top: 50px;
    }
    
/*///// lost /////*/ 
    .lost-form {
        margin-top: 50px;
    }
    .lost-txt h4 {
        font-size: 1.9rem;
    }
    .lost-txt ul {
        padding: 5px 0;
        padding-bottom: 20px;
    }
    .lost-txt li {
        padding: 0 30px;
    }
    
/*///// password /////*/ 
    .passwd-form {
        margin-top: 50px;
    }
    .passwd-txt {
        margin-bottom: 30px;
    }
    .passwd-txt h4 {
        font-size: 1.9rem;
    }
    
    
/* Cart
===================================*/
    .cartbox p.notxt {
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .nsiz.user {
        height: 180px;
    }
    .cart-hed {
        margin-top: 40px;
    }
    .user-title {
        font-size: 2.6rem;
        letter-spacing: 0.05em;
        padding-left: 0;
    }
    .cart-flow li {
        max-width: 25px;
    }
    .cart-flow li i.icon-dot {
        font-size: 1.4rem;
        padding: 0;
    }
    .cart-flow {
        margin-top: 15px;
    }
    .cart-title {
        margin-top: 25px;
    }
    .user-title {
        font-size: 2.6rem;
        letter-spacing: 0.05em;
        padding-left: 0;
    }
    .user-title:before {
        font-size: 2.4rem;
    }
    .title-ctx {
    font-family: sans-serif;
    font-size: 2.1rem;
}
    .title-ctx:before {
        height: 50px;
        margin-right: 10px;
    }
    .cartbox .utsuwa-order {
    }
    .utsuwa-order .option-box {
        padding: 15px 10px;
    }
    .sentaku .area li {
        flex-basis: inherit;
    }
    .sentaku .area li:nth-of-type(1) {
        border-right: 1px solid #151144;
        padding-right: 20px;
        flex-basis: 57%;
    }
    .sentaku .area li:nth-of-type(2) {
        padding-left: 20px;
        flex-basis: 43%;
    }
    .cart-price {
        margin-top: 40px;
    }
    .cart-price .pricebox .price {
        font-size: 2.4rem;
    }
    
    .cartbox.top .cartbtn-are {
        max-width: 320px;
    }
    .cart-user {
        margin-top: 30px;
    }
    .cart-useradd .form-are {
        margin-bottom: 20px;
    }
    .cartbox.end .thak-are {
        margin-top: 60px;
    }
    .addedit .cart-useradd {
        margin-top: 30px;
    }

    .cartbox.conf .cartbtn-are {
        margin-top: 40px;
    }
    .cartbox.conf .cart-price {
        margin-top: 30px;
    }
    .cartbox.conf .cart-user {
        margin-top: 30px;
    }
    .cartbox.conf .cart-useradd {
        margin-top: 30px;
    }
    .cartbox.info.edit .cartbtn-are {
        margin-top: 40px;
    }
    .addedit .cartbtn-are {
        margin-top: 40px;
    }
    .pricebox .rtxt {
        padding-right: 50px;
    }
    .title-dtx {
        font-size: 2.1rem;
    }
    .title-dtx i {
        font-size: 2.6rem;
        margin-right: 3px;
    }
    .cart-order .option-box .form {
        margin-left: 0;
    }
    
    
/* User
===================================*/
    article.user {
        margin-bottom: 90px;
    }
    .user .slideon {
        display: block;
        margin-top: 20px;
    }
    .user-menu {
        flex-basis: inherit;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .user-menu ul {
        display: table;
        width: 100%;
        border-top: 1px solid #151144;
        border-bottom: 1px solid #151144;
    }
    .user-menu li {
        border-bottom: 0;
        height: 100%;
        display: table-cell;
        text-align: center;
        padding: 0 5px;
    }
    .user-menu li.on {
        background-color: #151144;
        color: #fff;
    }
    .user-menu li.on a {
        background-color: none;
        color: #fff;
    }
    .user-menu li a {
        color: #151144;
        position: relative;
        padding: 15px 0;
        font-size: 1.4rem;
    }
    .user-menu li a:before {
        font-size: 1.4rem;
        margin-right: 2px;
    }
    .logout-are {
        margin-top: 0;
        position: absolute;
        top: -100px;
        right: 0;
        z-index: 2;
    }
    .logout {
        font-size: 1.3rem;
        height: auto;
        padding: 10px 8px;
    }
    .user-menu .count {
        top: 3px;
        right: 5px;
    }
    .user-are {
        flex-basis: inherit;
        padding-left: 0;
        margin-top: 30px;
    }
    .user-are .cart-price {
        margin-top: 40px;
    }
    .user.info.edit .cartbtn-are {
        margin-top: 20px;
    }
    .info.addedit .user-are .btn-are {
        margin-top: 40px;
    }
    
    .cart-rireki .cart-order .option-box .form {
        margin-left: 0;
    }
    .cart-rireki .cart-order .option-box .tai h3 {
        font-family: sans-serif;
    }
    .title-rireki {
        margin-top: 30px;
    }
    .cart-rireki {
        padding: 15px 10px;
        padding-top: 0;
    }
    .user.info .user-info {
        margin-top: 10px;
    }
    .user.info .user-are .btn-are {
        margin-top: 40px;
    }
    .user-are .user-ship .btn-are {
        margin-top: 0;
        padding-top: 20px
    }
    
    .order-edit {
        top: -5px;
        right: 0;
    }
    .rireki.cartbox.conf .utsuwa-order .option-box {
        padding: 5px 10px;
    }
    .rireki.cartbox.conf .cart-order .option-box .ribon {
        display: block;
        margin-top: 10px;
    }
    .rireki.cartbox.conf .option-box .ribon .pra {
        margin-left: 0;
    }
    .rireki.cartbox.conf .cart-order .order-item .txt {
        padding-left: 10px;
    }
    .cart-rireki .cart-order .option-box {
        display: block;
    }
    
    .user.info.edit .user-info {
        margin-top: 30px;
    }
    .user-add {
        margin-top: 30px;
    }
    

/* News
===================================*/
    .number-box {
        padding-top: 40px;
    }
    article.news {
        margin-bottom: 110px;
    }
    article.news.page {
        margin-bottom: 90px;
    }
    
    .page-hed {
        margin-top: 20px;
        height: 40px;
    }
    .news-are .blkhed .tai {
        font-size: 2.4rem;
    }
    .news-are .blkhed {
        margin-bottom: 0;
    }
    .news-are .blkare {
        padding-top: 10px;
    }
    .news-are .blkare p {
        padding: 20px 0;
        line-height: 2.2;
    }
    article.news .news-list {
        min-height: inherit;
    }
    

/* 製作に協力いただいた方々
===================================*/
    .partner-are .txtare dl {
        margin-top: 30px;
    }
    .partner-are .txtare a {
        margin-left: 0;
    }
    .partner-are .txtare {
        padding-left: 30px;
    }


/* お客様からの感想
===================================*/


/* 特定商法
===================================*/
    .transaction-are {
        margin-top: 50px;
    }
    .transaction-are dt {
        width: 200px;
    }


/*  プライバシーポリシー
===================================*/
    .privacy-are {
        margin-top: 50px;
    }
    .privacy-are .txt-a {
        margin-top: 20px;
    }
    .privacy-are .tai {
        margin-top: 40px;
    }
    .privacy-are .txt-b dl:first-of-type {
        padding-top: 20px;
    }
    
    
/*  サイトマップ
===================================*/
    .sitemap-are {
        margin-top: 40px;
    }
    .sitemap-are dl {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }
    .sitemap-are dt {
        flex-basis: inherit;
    }
    .sitemap-are dd {
        flex-basis: inherit;
        padding-left: 0;
        margin-top: 15px;
    }
    .sitemap-are li .moku {
        flex-basis: auto;
        flex-shrink: 0;
        padding-left: 0;
    }
    .sitemap-are li .txt {
        flex-basis: auto;
        padding-left: 30px;
    }
    .sitemap-are ul {
        padding-right: 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
 /* (max-width: 767px) */