@charset "utf-8";

.product__nav {
    -ms-grid-row: 4;
    -ms-grid-row-span: 3;
    grid-row: 4 / 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.product__list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.product__item {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 1;
}

.product__item + .product__item {
    margin-right: 40px;
}

.product__item .product__anchor {
    text-decoration: none;
    font-size: 1.6rem;
}


/* ============================================================================================== */
/* Media query                                                                                    */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* SmartPhone */

@media screen and (min-width: 375px) {
}


@media screen and (min-width: 414px) {
}

@media screen and (orientation:landscape) {
}

/* over iphone 6 plus landscape */
@media screen and (orientation:landscape) and (min-width: 736px) {
}


/* ----------------------------------------------------------------------- */
/* Tablet */

@media screen and (min-width: 768px) {
}


/* ----------------------------------------------------------------------- */
/* over ipad landscape */

@media screen and (orientation:landscape) and (min-width: 1024px) {
}


/* ----------------------------------------------------------------------- */
/* Desktop */

@media screen and (min-width: 1280px) {
    
    .page-header .ttl {
/*
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1 / 4;
        -ms-grid-column: 9;
        -ms-grid-column-span: 1;
        grid-column: 9 / 10;
*/
/*
		-ms-grid-row: 1;
        -ms-grid-row-span: 4;
		grid-row: 1 / 5;
*/
    }
    
    .product__nav {
/*
        -ms-grid-row: 1;
        -ms-grid-row-span: 6;
        grid-row: 1 / 7;
*/
		-ms-grid-row: 3;
		-ms-grid-row-span: 4;
		grid-row: 3 / 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 10;
        grid-column: 1 / 11;
    }
    
    .product__item {
    }
    
    .product__item + .product__item {
        margin-right: 100px;
    }

}


@media screen and (min-width: 1440px) {

}