@charset "UTF-8";

body,

h1,

h2,

h3,

h4,

h5,

li,

p,

section,

ul {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: 'Crimson Text',FOT-筑紫明朝 Pr6 RB,TsukuMinPr6-RB,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo;


    font-weight: 600;
    line-height: 1.5;
}

li,
ul {
    list-style: none;
}

a,
a:visited {
    text-decoration: none;
    color: #000;
}

.root {
    margin: auto;
    max-width: 1600px;
    overflow-x: hidden;
}

.sp {
    display: none;
}

.pc {
    display: inline;
}

.btnCommon {
    display: inline-block;
    border: 1px solid #d6d6d6;
    text-align: center;
}

.btnCommon a {
    display: block;
    padding: 2px 40px;
    background: rgba(255,255,255,.4);
    transition: 0.3s background linear;
}

.btnCommon a:hover {
    background: #f5f5f5;
    transition: 0.2s background linear;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: #fff;
    z-index: 99999;
}

.blank {
    background-image: url("../images/icon_blank.gif");
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

.animRotateYOn90 {
    opacity: 0;
    transform: rotateY(-60deg);
}

.animRotateYOn {
    opacity: 0;
    transform: rotateY(-30deg);
}

.animRotateYOff {
    opacity: 1;
    transform: rotateY(0);
    transition: all 0.8s ease-in-out;
}

.aboutContainer {
    padding: 150px 0;
//	border:1px solid #000;
}

.aboutContainer .aboutContainerInner {
    display: inline-block;
    width: 100%;
}

.aboutContainer .aboutContainerInner .left {
    float: left;
    width: 50%;
}

.aboutContainer .aboutContainerInner .left .inner {
    padding-right: 30px;
    text-align: right;
}

.aboutContainer .aboutContainerInner .left .inner .image {
    width: 340px;
    height: 480px;
    display: inline-block;
    text-align: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    background-image: url("../images/photo_about-.jpg");
    position: relative;
	background-color: #ccc;
}

.aboutContainer .aboutContainerInner .left .inner .image h3 {
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    top: 70px;
    left: -90px;
}

.aboutContainer .aboutContainerInner .right {
    float: right;
    width: 50%;
}

.aboutContainer .aboutContainerInner .right .inner {

    padding: 205px 0 0 30px;

    display: inline-block;

}

.aboutContainer .aboutContainerInner .right .inner .title {

    font-size: 24px;

    color: #d5651e;

    margin-bottom: 20px;

}

.aboutContainer .aboutContainerInner .right .inner .text {

    font-size: 15px;

    margin-bottom: 30px;

}

.lineupContainer .lineupContainerInner .bg {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center bottom;

    background-image: url("../images/lineup_visual-3.jpg");

}



.about_lineup .lineupContainer .lineupContainerInner .bg {

    background-image: url("../images/lineup_visual-4.jpg");

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer {

    position: relative;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer svg {

    vertical-align: bottom;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody {

    position: absolute;
    width: 100%;
    top: 120px;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner {

    max-width: 980px;

    margin: auto;

    text-align: left;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .catchText {

    color: #f00;
    display: inline-block;
    text-align: left;
	margin-top:-40px;
    padding-right: 40px;
    margin-bottom: 440px;

    font-size: 17px;
}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .logo {

    background-image: url("../images/logo_lineup.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 177px;

    height: 34px;

    text-indent: -9999px;

    text-align: left;

    margin: auto;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .logoText {

    margin-bottom: 10px;

}

.top .lineupContainer {

    margin-bottom: 110px;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .amznBtn,.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn {

    margin: 120px 10px 0 0;

    display: inline-block;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .amznBtn a,.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn a {

    display: block;

    width: 140px;

    margin: 0 auto;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .amznBtn img,.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn img {

    width: auto;

    height: 68px;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn {

    margin: 120px 10px 0 0;

    display: inline-block;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn a {

    display: block;

    width: 140px;

    margin: 0 auto;

}

.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn img {

    width: auto;

}





.lohacoBtn,

.lohacoBtn {

  display: inline-block;

}

.lohacoBtn img {

  height: 36px;

  padding: 15px;

  border: 1px solid #fff;

  border-radius: 10px;

  background: #fff;

}

.lohacoBtn.gray img {

  border: 1px solid #d6d6d6;

}



header {

    position: relative;

    width: 100%;

    margin: auto;

    z-index: 555;

}

header .menuContainer {

    position: fixed;

    width: 100%;

    height: 0;

    overflow: hidden;

    background: rgba(213,101,30,.95);

    transition: 0.5s height ease-in-out;

}

header .menuContainer .menuContainerInner {

    width: 100%;

    text-align: center;

}

header .menuContainer .menuContainerInner .menuBox {

    margin: auto;

    width: auto;

    display: inline-block;

    text-align: left;

    position: relative;

}

header .menuContainer .menuContainerInner .menuBox .left {

    position: absolute;

    text-align: right;

}

header .menuContainer .menuContainerInner .menuBox .left .logoInner {

    background-image: url("../images/logo_menu.png");

    background-repeat: no-repeat;

    background-size: 127px 45px;

    width: 127px;

    height: 45px;

    display: inline-block;

    margin: 8px 70px auto auto;

}

header .menuContainer .menuContainerInner .menuBox .right {

    padding-left: 160px;

}

header .menuContainer .menuContainerInner .menuBox .right a {

    color: #fff;

    line-height: 1;

    display: block;

}

header .menuContainer .menuContainerInner .menuBox .right li {

    font-size: 36px;

    font-weight: 400;

}

header .menuContainer .menuContainerInner .menuBox .right li a {

    margin-bottom: 30px;

    transition: opacity 150ms linear;

}

header .menuContainer .menuContainerInner .menuBox .right li a:hover {

    opacity: 0.7;

    transition: opacity 150ms linear;

}

header .menuContainer .menuContainerInner .menuBox .right li li a {

    margin-bottom: 20px;

}

header .menuContainer .menuContainerInner .menuBox .right li li a .en {

    display: inline-block;

    font-size: 17px;

    width: 182px;

}

header .menuContainer .menuContainerInner .menuBox .right li li a .jp {

    font-size: 12px;

    font-weight: 600;

}

header .btnOpenClose {

    display: block;

    position: absolute;

    top: 28px;

    right: 26px;

    width: 16px;

    height: 13px;

    z-index: 556;

}

header .btnOpenClose .col {

    position: relative;

    display: block;

}

header .btnOpenClose .line {

    position: absolute;

    display: block;

    width: 16px;

    height: 1px;

    background: #3D332A;

    transition: 0.2s background linear;

}

header .btnContainer {

    max-width: 1600px;

    margin: auto;

    position: relative;

}

.headerOpen .menuContainer {

    height: 100%;

    transition: 0.5s height ease-in-out;

}

.headerOpen .btnOpenClose .line {

    background: #fff;

    transition: 0.2s background linear;

}

.sub header .logo {

    position: absolute;

    left: 29px;

    top: 25px;

    background-image: url("../images/logo_sub.png");

    background-size: contain;

    background-repeat: no-repeat;

    width: 96px;

    height: 19px;

    text-indent: -9999px;

    display: none;

}

.subHeader {

    height: 180px;

}

.subHeader .subHeaderInner {

    position: relative;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center bottom;

}

.subHeader .subHeaderInner .logo {

    position: absolute;

    left: 29px;

    top: 25px;

    background-image: url("../images/logo_sub.png");

    background-size: contain;

    background-repeat: no-repeat;

    width: 96px;

    height: 19px;

    text-indent: -9999px;

    display: block;

}

.subHeader .subHeaderInner h1 {

    color: #fff;

    text-align: center;

    padding-top: 50px;

    font-size: 33px;

    letter-spacing: 3px;

}

.inquiry .subHeader .subHeaderInner,

.privacy .subHeader .subHeaderInner,

.sitepolicy .subHeader .subHeaderInner {

    background-image: url("../images/header_other-3.jpg");

}



.lineup .p2 .productInner .textContainer .textContainerInner .graph .graphInner li:first-child {margin-top:3px;}



.lineup .p1 .productInner .textContainer .textContainerInner .graph .graphInner li:first-child {margin-top:2px;}







.lineup .p3 .productInner .textContainer .textContainerInner .graph .graphInner li:first-child {margin-top:4px;}



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

    .inquiry .subHeader .subHeaderInner,

    .privacy .subHeader .subHeaderInner,

    .sitepolicy .subHeader .subHeaderInner {

        background-image: url("../images/header_other-3_l.jpg");

    }

}

footer {

    background: #F5F5F5;

    text-align: center;

    padding: 30px 0 20px;

}

footer nav {

    width: 700px;

    display: inline-block;

    margin: auto auto 10px;

    text-align: left;

}

footer nav ul {

    display: inline-block;

}

footer nav ul li {

    display: inline-block;

}

footer nav ul li a {

    transition: opacity 150ms linear;

}

footer nav ul li a:hover {

    opacity: 0.7;

    transition: opacity 150ms linear;

}

footer nav .left {

    background: url("../images/footer_line.png") no-repeat center right;

}

footer nav .left li {

    font-size: 14px;

    margin-right: 30px;

}

footer nav .right li {

    font-size: 12px;

    margin-left: 20px;

}

footer .copyright {

    text-align: center;

    font-size: 11px;

}

@media screen and (max-width:960px) {

    .aboutContainer {

        padding: 80px 0;

    }

    .aboutContainer .aboutContainerInner {

        display: inline-block;

        width: 100%;

    }

    .aboutContainer .aboutContainerInner .left {

        float: none;

        width: 100%;

    }

    .aboutContainer .aboutContainerInner .left .inner {

        padding: 0 30px;

    }

    .aboutContainer .aboutContainerInner .left .inner .image {

        width: 100%;

        height: 342.86px;

        padding-top: 10px;

    }

    .aboutContainer .aboutContainerInner .left .inner .image h3 {

        position: static;

    }

    .aboutContainer .aboutContainerInner .right {

        float: none;

        width: 100%;

    }

    .aboutContainer .aboutContainerInner .right .inner {

        padding: 40px 30px 0;

        display: block;

    }

    .aboutContainer .aboutContainerInner .right .inner .alignRight {

        text-align: center;

    }

    .aboutContainer .aboutContainerInner .right .inner .title {

        font-size: 22px;

        margin-bottom: 20px;

        line-height: 1.5;

    }

    .aboutContainer .aboutContainerInner .right .inner .text {

        font-size: 14px;

        margin-bottom: 30px;

    }

}

@media screen and (max-width:770px) {

    .sp {
        display: inline;
    }

    .pc {
        display: none;
    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer {
        position: relative;
    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer svg {
        position: absolute;
        top: 0;
    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody {

        position: relative;

        top: 0;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .spBgBottom {

        background: #fff;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .spBgBottom .spBgBottomInner {

        position: relative;

        top: -30px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner {

        padding: 0 0 40px;

        margin: auto;

        text-align: center;

    }

    .top .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner {

        padding-bottom: 0;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .catchText {

        font-size: 17px;

        padding-right: 0;

        margin: auto auto 30px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .logo {

        width: 177px;

        height: 34px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .logoText {

        margin-bottom: 10px;

    }

    .top .lineupContainer {

        margin-bottom: 0px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .amznBtn {

        margin: 0 0 0 0;

        display: block;

    }

	.lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .tmartBtn {

        margin: 60px 0 0 0;

        display: block;

    }

    header .menuContainer {

        transition: 0.5s height ease-in-out;

    }

    header .menuContainer .menuContainerInner .menuBox {

        margin: auto;

        width: 100%;

    }

    header .menuContainer .menuContainerInner .menuBox .left {

        float: none;

        width: 0;

    }

    header .menuContainer .menuContainerInner .menuBox .left .logoInner {

        display: none;

    }

    header .menuContainer .menuContainerInner .menuBox .right {

        float: none;

        width: 100%;

        padding-left: 0;

    }

    header .menuContainer .menuContainerInner .menuBox .right a {

        color: #fff;

        line-height: 1;

        display: block;

    }

    header .menuContainer .menuContainerInner .menuBox .right nav {

        padding-left: 30px;

    }

    header .menuContainer .menuContainerInner .menuBox .right li {

        font-size: 30px;

    }

    header .menuContainer .menuContainerInner .menuBox .right li a {

        margin-bottom: 30px;

    }

    header .menuContainer .menuContainerInner .menuBox .right li li {

        font-size: 16px;

    }

    header .menuContainer .menuContainerInner .menuBox .right li li a {

        margin-bottom: 20px;

    }

    header .menuContainer .menuContainerInner .menuBox .right li li a .en {

        font-size: 16px;

        width: 160px;

    }

    header .menuContainer .menuContainerInner .menuBox .right li li a .jp {

        font-size: 10px;

    }

    .sub header {

        height: 45.33px;

        background: #fff;

        width: 100%;

        position: fixed;

        top: 0;

    }

    .sub header .btnOpenClose {

        display: block;

        position: absolute;

        top: 16px;

        right: 20px;

        width: 16px;

        height: 13px;

    }

    .sub header .btnOpenClose .line {

        position: absolute;

        display: block;

        width: 16px;

        height: 1px;

    }

    .sub header .logo {

        left: 20px;

        top: 15px;

        width: 80px;

        height: 15.83px;

        display: block;

    }

    .sub .headerOpen .menuContainer {

        height: 100%;

        transition: 0.5s height ease-in-out;

    }

    .sub .headerOpen .btnOpenClose .line {

        background: #fff;

        transition: 0.2s background linear;

    }

    .sub .headerOpen .btnContainer .logo {

        display: none;

    }

    .subHeader {

        height: 128.57px;

    }

    .subHeader .subHeaderInner {

        position: relative;

        height: 100%;

        background-size: cover;

        background-position: center bottom;

    }

    .subHeader .subHeaderInner h1 {

        padding-top: 53px;

        font-size: 30px;

    }

    .subHeader .subHeaderInner .logo {

        display: none;

    }

    footer {

        text-align: center;

        padding: 20px 0;

    }

    footer nav {

        width: 100%;

        display: block;

        margin: auto auto 10px;

    }

    footer nav ul {

        display: block;

        text-align: center;

    }

    footer nav ul li {

        display: inline-block;

    }

    footer nav .left {

        background: 0 0;

    }

    footer nav .left li {

        font-size: 14px;

        margin-right: 20px;

    }

    footer nav .left li:last-child {

        margin-right: 0;

    }

    footer nav .right li {

        font-size: 12px;

        margin-left: 10px;

    }

    footer nav .right li:first-child {

        margin-left: 0;

    }

    footer .copyright {

        text-align: center;

        font-size: 11px;

    }

    .orientationVertical .aboutContainer .aboutContainerInner .right .inner .title {

        font-size: 17px;

    }

    .orientationVertical .aboutContainer .aboutContainerInner .right .inner .text {

        font-size: 10px;

    }

}

@media screen and (max-width:640px) {

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer {

        position: relative;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer svg {

        position: absolute;

        top: 0;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody {

        position: relative;

        top: 0;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .spBgBottom {

        background: #fff;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .spBgBottom .spBgBottomInner {

        position: relative;

        top: -30px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner {

        padding: 0 0 40px;

        margin: auto;

        text-align: center;

    }

    .top .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner {

        padding-bottom: 0;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .catchText {

        font-size: 14px;

        padding-right: 0;

        margin: auto auto 30px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .logo {

        width: 177px;

        height: 34px;

    }

    .lineupContainer .lineupContainerInner .bg .lineupSkewContainer .skewBody .skewBodyInner .logoText {

        margin-bottom: 10px;

    }

}

.top section .secInner {
    position: relative;
}
.secInner1 {
	height:1100px;
}

.top section .secInner .bgContainer {
    overflow: hidden;
    width: 100%;
    position: absolute;
}

.top section .secInner .bgContainer .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.top section .secInner .skewContainer {

    position: relative;

    z-index: 200;

}

.top section .secInner .skewContainer svg {

    vertical-align: bottom;

}

.top section .secInner .skewContainer .skewBody {

    position: absolute;

    width: 100%;

    top:0;

}

.top section.sec1 .secInner .skewContainer .skewBody {

    top:35px;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner {

    text-align: left;

    max-width: 1000px;

    margin: auto;

    position: relative;

    -webkit-perspective: 1500px;

    perspective: 1500px;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner .catchText {

    display: inline-block;

    text-align: left;

 //   color: #fff;

    font-size: 16px;

}
.top section .secInner .skewContainer .skewBody .skewBodyInner .catchText-b {
    color: #000;
}

.top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer {

    width: 270px;

    height: 446px;

    text-align: center;

    background-size: cover;

    position: absolute;

    top: 0;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer h2 {

    background-size: contain;

    background-repeat: no-repeat;

    margin: auto auto 5px;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer .sub {

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 60px;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer .text {

    display: block;

    text-align: center;

    margin-bottom: 10px;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer a {

    font-size: 12px;

    transition: opacity 150ms linear;

}

.top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer a:hover {

    opacity: 0.7;

    transition: opacity 150ms linear;

}

.top section .secInner .skewContainer .left .skewBodyInner {

    text-align: right;

}

.top section .secInner .skewContainer .left .skewBodyInner .catchText {

    margin-left: 320px;

    padding-right: 30px;

}

.top section .secInner .skewContainer .left .skewBodyInner .cardContainer {

    left: 30px;

}

.top section .secInner .skewContainer .right .skewBodyInner .catchText {

    margin-right: 320px;

    padding-left: 30px;

}

.top section .secInner .skewContainer .right .skewBodyInner .cardContainer {

    right: 30px;

}

.sec2 {
//	border:1px solid #000;
	background-color:#e6002d;
}
.secInner2 {
//	height:1110px;
	height:810px;
}
@media screen and (max-width:480px){
.secInner2 {
	height:auto;
}
}

.top .sec2 .cardContainer {

    background-image: url("../images/card0.png");

}

.top .sec2 .cardContainer .cardInner {

    padding-top: 75px;

}

}

.top .sec2 .cardContainer .cardInner h2 {

    background-image: url("../images/card_title0.png");

    width: 206px;

    height: 120px;

}

.sec3 {
	background-color:#0070bd;
}
.secInner3 {
	height:980px;
}
@media screen and (max-width:480px){
.secInner3 {
	height:auto;
}
}

.top .sec3 .cardContainer {

    background-image: url("../images/card0.png");

}

.top .sec3 .cardContainer .cardInner {

    padding-top: 86px;

}

.top .sec3 .cardContainer .cardInner h2 {

    background-image: url("../images/card_title1.png");

    width: 242px;

    height: 120px;

}


.sec4 {
	background-color:#ed6c00;
}
.secInner4 {
	height:850px;
}
@media screen and (max-width:480px){
.secInner4 {
	height:auto;
}
}

.top .sec4 .cardContainer {

    background-image: url("../images/card0.png");

}

.top .sec4 .cardContainer .cardInner {

    padding-top: 86px;

}

.top .sec4 .cardContainer .cardInner h2 {

    background-image: url("../images/card_title2-2.png");

    width: 242px;

    height: 120px;

}


.sec5 {
	background-color:#00834d;
}
.secInner5 {
	height:970px;
}
@media screen and (max-width:480px){
.secInner5 {
	height:auto;
}
}


.top .sec5 .cardContainer {

    background-image: url("../images/card0.png");

}

.top .sec5 .cardContainer .cardInner {

    padding-top: 86px;

}

.top .sec5 .cardContainer .cardInner h2 {

    background-image: url("../images/card_title2.png");

    width: 227px;

    height: 120px;

}

.sec6 {
	background-color:#fff000;
}
.secInner6 {
	height:870px;
}
@media screen and (max-width:480px){
.secInner6 {
	height:0;
}
}


.top .sec6 .cardContainer {

    background-image: url("../images/card0.png");

}

.top .sec6 .cardContainer .cardInner {

    padding-top: 86px;

}

.top .sec6 .cardContainer .cardInner h2 {

    background-image: url("../images/card_title3.png");

    width: 234px;

    height: 120px;

}


.top .sec7 .cardContainer {

    background-image: url("../images/card0.png");

}

.top .sec7 .cardContainer .cardInner {

    padding-top: 86px;

}

.top .sec7 .cardContainer .cardInner h2 {

    background-image: url("../images/card_title1.png");

    width: 242px;

    height: 120px;

}


.top .sec1 .secInner .bgContainer {

    height: 690px;

}

.top .sec1 .secInner .bgContainer .bg0 {

    background-image: url("../images/top_visual0-3.jpg");

}

.top .sec1 .secInner .bgContainer .bg1 {

    display: none;

    background-image: url("../images/top_visual0_1-3.jpg");

}

.top .sec1 .secInner .bgContainer .bg2 {

    display: none;

    background-image: url("../images/top_visual0_6-2.jpg");

}

.top .sec1 .secInner .bgContainer .bg3 {

    display: none;

    background-image: url("../images/top_visual0_3.jpg");

}

.top .sec1 .secInner .skewContainer .skewBody {

    padding-top: 604px;

    text-align: center;

}

.top .sec1 .secInner .skewContainer .skewBody h1 {

    width: 439px;
//    height: 108px;

    margin: auto auto 30px;

//    background: url("../images/logo_top.png") no-repeat;
    background-size: cover;

    text-indent: -9999px;

}

.top .sec1 .secInner .skewContainer .skewBody .catchText {

    text-align: center;

    margin-bottom: 20px;

}

.top .sec2 .secInner .bgContainer {

    height: 690px;

}

.top .sec2 .secInner .bgContainer .bg {

    background-image: url("../images/top_visual5.jpg");

}

.top .sec2 .secInner .skewContainer .skewBody {

    padding-top: 342px;

}

.top .sec2 .secInner .skewContainer .skewBody .catchText {

    padding-top: 312px;

}

.top .sec3 .secInner .bgContainer {

    height: 690px;

}

.top .sec3 .secInner .bgContainer .bg {

    background-image: url("../images/top_visual2-2.jpg");

}

.top .sec3 .secInner .skewContainer .skewBody {

    padding-top: 342px;

}

.top .sec3 .secInner .skewContainer .skewBody .catchText {

    padding-top: 312px;

}

.top .sec4 .secInner .bgContainer {

    height: 690px;

}

.top .sec4 .secInner .bgContainer .bg {

    background-image: url("../images/top_visual1-2.jpg");

}

.top .sec4 .secInner .skewContainer .skewBody {

    padding-top: 342px;

}

.top .sec4 .secInner .skewContainer .skewBody .catchText {

    padding-top: 312px;

}

.top .sec5 .secInner .bgContainer {

    height: 690px;

}

.top .sec5 .secInner .bgContainer .bg {

    background-image: url("../images/top_visual3-2.jpg");

}

.top .sec5 .secInner .skewContainer .skewBody {

    padding-top: 342px;

}

.top .sec5 .secInner .skewContainer .skewBody .catchText {

    padding-top: 312px;

}

.top .sec6 .secInner .bgContainer {

    height: 690px;

}

.top .sec6 .secInner .bgContainer .bg {

    background-image: url("../images/top_visual4-3.jpg");

}

.top .sec6 .secInner .skewContainer .skewBody {

    padding-top: 342px;

}

.top .sec6 .secInner .skewContainer .skewBody .catchText {

    padding-top: 312px;

}

@media screen and (max-width:770px) {

    .top section .secInner .skewContainer svg {

        position: absolute;

        top: 0;

    }

    .top section .secInner .skewContainer .skewBody {

        position: relative;

    }

    .top section .secInner .skewContainer .skewBody .spBgBottom {

        background: #ccc;

    }

    .top section .secInner .skewContainer .skewBody .spBgBottom .spBgBottomInner {

        position: relative;

        top: -50px;

    }

    .top section .secInner .skewContainer .skewBody .skewBodyInner .catchText {

        display: block;

        padding: 30px 30px 0;

        font-size: 16px;

    }

    .top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer {

        width: 216px;

        height: 356.8px;

        position: static;

        margin: auto;

    }

    .top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer h2 {

        margin: auto auto 2px;

    }

    .top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer .sub {

        font-size: 12px;

        font-weight: 600;

        margin-bottom: 40px;

    }

    .top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer .text {

        display: block;

        text-align: center;

        margin-bottom: 5px;

    }

    .top section .secInner .skewContainer .skewBody .skewBodyInner .cardContainer a {

        font-size: 12px;

    }

    .top section .secInner .skewContainer .left .skewBodyInner {

        text-align: right;

    }

    .top section .secInner .skewContainer .left .skewBodyInner .catchText {

        margin: auto;

    }

    .top section .secInner .skewContainer .right .skewBodyInner .catchText {

        margin: auto;

    }

    .top .sec2 .cardContainer .cardInner {

        padding-top: 60px;

    }

    .top .sec2 .cardContainer .cardInner h2 {

        width: 164.8px;

        height: 96px;

    }

    .top .sec3 .cardContainer .cardInner {

        padding-top: 68.8px;

    }

    .top .sec3 .cardContainer .cardInner h2 {

        width: 193.6px;

        height: 96px;

    }

    .top .sec4 .cardContainer .cardInner {

        padding-top: 68.8px;

    }

    .top .sec4 .cardContainer .cardInner h2 {

        width: 193.6px;

        height: 96px;

    }

    .top .sec5 .cardContainer .cardInner {

        padding-top: 68.8px;

    }

    .top .sec5 .cardContainer .cardInner h2 {

        width: 181.6px;

        height: 96px;

    }

    .top .sec6 .cardContainer .cardInner {

        padding-top: 68.8px;

    }

    .top .sec6 .cardContainer .cardInner h2 {

        width: 187.2px;

        height: 96px;

    }

    .top .sec1 .secInner .skewContainer .skewBody {

        text-align: center;

        padding-top: 391.67px;

    }

    .top .sec1 .secInner .skewContainer .skewBody .spBgBottom {

        background: #fff;

    }

    .top .sec1 .secInner .skewContainer .skewBody h1 {

        width: 310px;

        height: 74.17px;

        margin: auto auto 30px;

    }

    .top .sec1 .secInner .skewContainer .skewBody .catchText {

        text-align: center;

        margin-bottom: 20px;

        font-size: 14px;

    }


.product {
	position:relative;
}
.product-bottom {
	background-color:#000;
}

    .top .product .secInner .skewContainer .skewBody {

        padding-top: 391.67px;
//        padding-top: 191.67px;
//border:1px solid #000;



    }

    .top .product .secInner .skewContainer .skewBody .spBgBottom .spBgBottomInner {

        top: -100px;

    }

    .top .sec2 .secInner .skewContainer .skewBody .spBgBottom {

        //background: #EB6D9A;
        background: #e6002d;

    }

    .top .sec2 .secInner .skewContainer .skewBody .catchText {

        padding-top: 0;


    }

    .top .sec3 .secInner .skewContainer .skewBody .spBgBottom {

        background: #0070bd;

    }

    .top .sec3 .secInner .skewContainer .skewBody .catchText {

        padding-top: 0;

    }

    .top .sec4 .secInner .skewContainer .skewBody .spBgBottom {

        background: #ed6c00;

    }

    .top .sec4 .secInner .skewContainer .skewBody .catchText {

        padding-top: 0;

    }

    .top .sec5 .secInner .skewContainer .skewBody .spBgBottom {

        background: #00834d;

    }

    .top .sec5 .secInner .skewContainer .skewBody .catchText {

        padding-top: 0;

    }

    .top .sec6 .secInner .skewContainer .skewBody .spBgBottom {

        //background: #76006d;
        background: #fff000;

    }

    .top .sec6 .secInner .skewContainer .skewBody .catchText {

        padding-top: 0;

    }

    .orientationVertical section .secInner .skewContainer .skewBody .skewBodyInner .catchText {

        font-size: 10px;

    }

}



@media screen and (max-width:640px) {

    .top .sec1 .secInner .skewContainer .skewBody {

        padding-top: 313.33px;

    }

    .top .product .secInner .skewContainer .skewBody {

        padding-top: 313.33px;

    }

    .top .product .secInner .skewContainer .skewBody .spBgBottom .spBgBottomInner {

        top: -100px;

    }

}



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

  .top .sec1 .secInner .bgContainer .bg0 {

      background-image: url("../images/top_visual0-3_l.jpg");

  }

  .top .sec1 .secInner .bgContainer .bg1 {

      background-image: url("../images/top_visual0_1-3_l.jpg");

  }

  .top .sec1 .secInner .bgContainer .bg2 {

      background-image: url("../images/top_visual0_6-2_l.jpg");

  }

  .top .sec2 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual5_l.jpg");

  }

  .top .sec3 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual2-2_l.jpg");

  }

  .top .sec4 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual1-2_l.jpg");

  }

  .top .sec5 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual3-2_l.jpg");

  }

  .top .sec6 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual4-3_l.jpg");

  }

  .lineupContainer .lineupContainerInner .bg {

      background-image: url("../images/lineup_visual-3_l.jpg");

  }

	.about_lineup .lineupContainer .lineupContainerInner .bg {

      background-image: url("../images/lineup_visual-4_l.jpg");

  }

}

@media screen and (max-width:640px) {

  .top .sec3 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual2-2_sp.jpg");

  }

  .top .sec4 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual1-2.jpg");

  }

  .top .sec5 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual3-2_sp.jpg");

  }

  .top .sec6 .secInner .bgContainer .bg {

      background-image: url("../images/top_visual4-3_sp.jpg");

  }

}

.about .subHeader .subHeaderInner {

    background-image: url("../images/header_bg.jpg");

}

.about .subHeader .subHeaderInner h1 {

    text-shadow: 1px 1px 0.5px #999;

}

.about .main {

    position: relative;

}

.about .main .imageContainer {

    position: absolute;

    width: 100%;

}

.about .main .imageContainer .imageContainerInner {

    width: 1px;

    margin: auto;

    position: relative;

}

.about .main .imageContainer .img0,

.about .main .imageContainer .img1 {

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

}

.about .main .imageContainer .img0 {

    background-image: url("../about/images/main_photo0-3.jpg");

    width: 340px;

    height: 400px;

    left: -200px;

    top: 100px;

}

.about .main .imageContainer .img1 {

    background-image: url("../about/images/main_photo1.jpg");

    width: 340px;

    height: 400px;

    left: 160px;

    top: 180px;

}

.about .main .textContainer {

    position: relative;

    max-width: 980px;

    margin: auto;

    padding: 345px 0 100px;

}

.about .main .textContainer .headerText {

    color: #d5651e;

    font-size: 24px;

    margin-bottom: 30px;

}

.about .main .textContainer .logo {

    background-image: url("../about/images/logo_main.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 276px;

    height: 97px;

    margin: auto auto 40px 97px;

}

.about .main .textContainer .bodyText {

    font-size: 15px;

    padding: 0 30px 0 290px;

}

.about .middle .middleInner {

    overflow: hidden;

    position: relative;

    padding: 80px 0 0;

    height: 600px;

}

.about .middle .middleInner .cardParse {

    -webkit-perspective: 1500px;

    perspective: 1500px;

}

.about .middle .middleInner .bg {

    position: absolute;

    top: 0;

    width: 100%;

    height: 680px;

    background-image: url("../about/images/bg_middle-2.jpg");

    background-size: cover;

    background-repeat: no-repeat;

}

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

  .about .middle .middleInner .bg {

      background-image: url("../about/images/bg_middle-2_l.jpg");

  }

}



.about .middle .middleInner .card {

    position: relative;

    background-repeat: no-repeat;

    background-size: contain;

    background-image: url("../about/images/middle_panel.png");

    width: 400px;

    height: 510px;

    margin: auto;

}

.about .middle .middleInner .card .cardInner {

    padding: 200px 0 0 5px;

    text-align: center;

}

.about .middle .middleInner .card .cardInner .text {

    font-size: 15px;

    line-height: 2.2;

}

.about .bottom {

    padding-bottom: 50px;

}

.about .bottom .markerContainer {

    padding: 40px 0 50px;

}

.about .bottom .markerContainer .marker {

    background-image: url("../about/images/bottom_icon.png");

    background-repeat: no-repeat;

    background-size: cover;

    width: 141px;

    height: 80px;

    margin: auto;

}

.about .bottom .box {

    max-width: 1060px;

    margin: auto auto 70px;

}

.about .bottom .box .boxInner {

    display: inline-block;

    width: 100%;

}

.about .bottom .box .textContainer {

    float: left;

    width: 50%;

}

.about .bottom .box .textContainer .text {

    padding: 0 0 0 40px;

    font-size: 15px;

    margin-bottom: 30px;

}

.about .bottom .box .imageContainer {

    float: right;

    width: 50%;

}

.about .bottom .box .imageContainer .imageContainerInner {

    padding: 0 40px;

}

.about .bottom .box .imageContainer .imageContainerInner .image {

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center top;

}

.about .bottom .imageLeft .textContainer {

    float: right;

}

.about .bottom .imageLeft .textContainer .text {

    padding: 0 40px 0 0;

}

.about .bottom .imageLeft .imageContainer {

    float: left;

}

.about .bottom .imageLeft .imageContainer .imageContainerInner {

    padding: 0 40px;

}

.about .bottom .box0 .imageContainer .imageContainerInner .image {

    background-image: url("../about/images/bottom_photo0.jpg");

    width: 100%;

    height: 460px;

}

.about .bottom .box1 .imageContainer .imageContainerInner .image {

    background-image: url("../about/images/bottom_photo1.jpg");

    width: 100%;

    height: 460px;

}

.about .bottom .box2 .imageContainer .imageContainerInner .image {

    background-image: url("../about/images/bottom_photo2-2.jpg");

    width: 100%;

    height: 460px;

}

@media screen and (max-width:770px) {

    .about .main .imageContainer .img0 {

        width: 226.67px;

        height: 266.67px;

        left: -230px;

        top: 130px;

    }

    .about .main .imageContainer .img1 {

        width: 226.67px;

        height: 266.67px;

        left: 10px;

        top: 180px;

    }

    .about .main .textContainer {

        padding: 40px 30px;

    }

    .about .main .textContainer .headerText {

        font-size: 24px;

        line-height: 1.6;

        margin-bottom: 320px;

    }

    .about .main .textContainer .logo {

        width: 230px;

        height: 80.83px;

        margin: auto auto 30px 0;

    }

    .about .main .textContainer .bodyText {

        font-size: 15px;

        padding: 0;

    }

    .about .middle .middleInner {

        padding: 33.33px 0 0;

        height: 400px;

    }

    .about .middle .middleInner .bg {

        height: 433.33px;

    }

    .about .middle .middleInner .card {

        width: 266.67px;

        height: 340px;

    }

    .about .middle .middleInner .card .cardInner {

        padding: 133.33px 0 0 5px;

    }

    .about .middle .middleInner .card .cardInner .text {

        font-size: 12px;

        line-height: 2.2;

    }

    .about .bottom {

        padding-bottom: 40px;

    }

    .about .bottom .markerContainer {

        padding: 30px 0 40px;

    }

    .about .bottom .markerContainer .marker {

        width: 117.5px;

        height: 66.67px;

    }

    .about .bottom .box {

        margin: auto auto 40px;

    }

    .about .bottom .box .boxInner {

        display: inline-block;

        width: 100%;

    }

    .about .bottom .box .textContainer {

        float: none;

        width: 100%;

        padding-bottom: 20px;

    }

    .about .bottom .box .textContainer .text {

        padding: 0 30px;

        font-size: 13px;

        margin-bottom: 20px;

    }

    .about .bottom .box .imageContainer {

        float: none;

        width: 100%;

    }

    .about .bottom .box .imageContainer .imageContainerInner {

        padding: 0 20px;

    }

    .about .bottom .box .imageContainer .imageContainerInner .image {

        background-repeat: no-repeat;

        background-size: contain;

        background-position: center top;

    }

    .about .bottom .box0 .imageContainer .imageContainerInner .image {

        background-image: url("../about/images/bottom_photo0.jpg");

        width: 100%;

        height: 306.67px;

    }

    .about .bottom .box1 .imageContainer .imageContainerInner .image {

        background-image: url("../about/images/bottom_photo1.jpg");

        width: 100%;

        height: 306.67px;

    }

    .about .bottom .box2 .imageContainer .imageContainerInner .image {

        background-image: url("../about/images/bottom_photo2-2.jpg");

        width: 100%;

        height: 306.67px;

    }

    .orientationVertical .main .textContainer .headerText {

        font-size: 17px;

    }

    .orientationVertical .main .textContainer .bodyText {

        font-size: 10px;

    }

    .orientationVertical .bottom .box .textContainer .text {

        font-size: 8px;

    }

}

@media screen and (max-width:530px) {

    .about .subHeader .subHeaderInner {

        background-size: 185% auto;

    }

}

.lineup .subHeader .subHeaderInner {

    background-image: url("../lineup/images/header_bg-2.jpg");

}

.lineup .subHeader .subHeaderInner h1 {

    letter-spacing: 6px;

    text-shadow: 1px 1px 0.5px #999;

}

.lineup .product .productInner {

    display: inline-block;

    width: 100%;

        /* height: 714px; */

    height: 815px;

    vertical-align: bottom;

}

.lineup .product .productInner .imageContainer {

    float: left;

    width: 38%;

    height: 100%;

    position: relative;

}

.lineup .product .productInner .imageContainer .overflow {

    height: 100%;

    overflow: hidden;

}

.lineup .product .productInner .imageContainer .image {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

}

.lineup .product .productInner .imageContainer .no {

    position: absolute;

    top: 38px;

    right: -30px;

    background-repeat: no-repeat;

    background-size: cover;

}

.lineup .product .productInner .textContainer {

    float: right;

    width: 62%;

    height: 100%;

}

.lineup .product .productInner .textContainer .textContainerInner {

    display: inline-block;

    padding: 60px 0 0 106px;

}

.lineup .product .productInner .textContainer .textContainerInner .icon {

}

.lineup .product .productInner .textContainer .textContainerInner .iconNew img {

    width: 71px;

    height: 22px;

}

.lineup .product .productInner .textContainer .textContainerInner .iconRenewal img {

    width: 103px;

    height: 22px;

}

.lineup .product .productInner .textContainer .textContainerInner h2 {

    font-size: 60px;

    line-height: 1.2;

    font-weight: 400;

}

.lineup .product .productInner .textContainer .textContainerInner .textJp {

    font-size: 13px;

    margin-bottom: 5px;

}

.lineup .product .productInner .textContainer .textContainerInner .sub {

    line-height: 1;

    font-size: 24px;

    font-style: italic;

    font-weight: 400;

    margin-bottom: 20px;

}

.lineup .product .productInner .textContainer .textContainerInner .graph {

    margin-bottom: 20px;

}

.lineup .product .productInner .textContainer .textContainerInner .graph .graphInner {

    background-repeat: no-repeat;

    background-size: cover;

}

.lineup .product .productInner .textContainer .textContainerInner .graph .graphInner ul {

    padding: 25px 0 0 135px;

}

.lineup .product .productInner .textContainer .textContainerInner .graph .graphInner ul li {

    height: 24px;

    position: relative;

}

.lineup .product .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    position: absolute;

    left: 70px;

    top: 8px;

    height: 5px;

    background: #ccc;

}

.lineup .product .productInner .textContainer .textContainerInner .bodyText {

    font-size: 16px;

    line-height: 1.8;

    margin-bottom: 30px;

}

.lineup .product .productInner .textContainer .textContainerInner .textList li {

    font-size: 12px;

}

.lineup .product .productInner .textContainer .textContainerInner .textList li.amznBtn {

    margin: 0 10px 0 0;

    display: inline-block;

}

.lineup .product .productInner .textContainer .textContainerInner .textList li.tmartBtn {

    margin: 10px 10px 0 0;

    display: inline-block;

}

.lineup .product .productInner .textContainer .textContainerInner .textList li.amznBtn img,.lineup .product .productInner .textContainer .textContainerInner .textList li.tmartBtn img {

    width: auto;

    height: 68px;

}



.lineup .imageRight .productInner .textContainer {

    float: left;

    text-align: right;

}

.lineup .imageRight .productInner .textContainer .textContainerInner {

    text-align: left;

    padding: 54px 106px 0 30px;

}

.lineup .imageRight .productInner .imageContainer {

    float: right;

}

.lineup .imageRight .productInner .imageContainer .no {

    top: 38px;

    right: auto;

    left: -70px;

}

.lineup .p1 .productInner {

    background: #FDF0F5;

}

.lineup .p1 .productInner .imageContainer .image {

    background-image: url("../lineup/images/photo1.jpg");

}

.lineup .p1 .productInner .imageContainer .no {

    top: 38px;

    right: -30px;

    background-image: url("../lineup/images/icon_no1.png");

    width: 106px;

    height: 141px;

}

.lineup .p1 .productInner .textContainer .textContainerInner .sub {

    color: #eb6d9a;

}

.lineup .p1 .productInner .textContainer .textContainerInner .graph .graphInner {

    background-image: url("../lineup/images/graph_bg1.png");

    width: 323px;

    height: 118px;

}

.lineup .p1 .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    background: #FADAE6;

}

.lineup .p1 .productInner .textContainer .textContainerInner .bodyText {

    color: #eb6d9a;

}

.lineup .p2 .productInner {

    background: #FDF2ED;

}

.lineup .p2 .productInner .imageContainer .image {

    background-image: url("../lineup/images/photo2.jpg");

}

.lineup .p2 .productInner .imageContainer .no {

    top: 38px;

    right: -30px;

    background-image: url("../lineup/images/icon_no2.png");

    width: 148px;

    height: 144px;

}

.lineup .p2 .productInner .textContainer .textContainerInner .sub {

    color: #f0844b;

}

.lineup .p2 .productInner .textContainer .textContainerInner .graph .graphInner {

    background-image: url("../lineup/images/graph_bg2.png");

    width: 317px;

    height: 116px;

}



.lineup .p2 .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    background: #FBE0D2;

}

.lineup .p2 .productInner .textContainer .textContainerInner .bodyText {

    color: #f0844b;

}

.lineup .p3 .productInner {

    background: #f7f1ff;

}

.lineup .p3 .productInner .imageContainer .image {

    background-image: url("../lineup/images/photo3.jpg");

}

.lineup .p3 .productInner .imageContainer .no {

    top: 38px;

    right: -30px;

    background-image: url("../lineup/images/icon_no3-2.png");

    width: 143px;

    height: 144px;

}

.lineup .p3 .productInner .textContainer .textContainerInner .sub {

    color: #744ab6;

}

.lineup .p3 .productInner .textContainer .textContainerInner .graph .graphInner {

    background-image: url("../lineup/images/graph_bg3-2.png");

    width: 324px;

    height: 119px;

}

.lineup .p3 .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    background: #e6d3fe;

}

.lineup .p3 .productInner .textContainer .textContainerInner .bodyText {

    color: #744ab6;

}

.lineup .p5 .productInner {

    background: #E9F8F8;

}

.lineup .p5 .productInner .imageContainer .image {

    background-image: url("../lineup/images/photo5.jpg");

}

.lineup .p5 .productInner .imageContainer .no {

    top: 38px;

    right: -30px;

    background-image: url("../lineup/images/icon_no4-3.png");

    width: 143px;

    height: 144px;

}

.lineup .p5 .productInner .textContainer .textContainerInner .sub {

    color: #23b8bc;

}

.lineup .p5 .productInner .textContainer .textContainerInner .graph .graphInner {

    background-image: url("../lineup/images/graph_bg5.png");

    width: 318px;

    height: 117px;

}

.lineup .p5 .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    background: #C8EDEE;

}

.lineup .p5 .productInner .textContainer .textContainerInner .bodyText {

    color: #23b8bc;

}

.lineup .p6 .productInner {

    background: #dae0f1;

}

.lineup .p6 .productInner .imageContainer .image {

    background-image: url("../lineup/images/photo4.jpg");

}

.lineup .p6 .productInner .imageContainer .no {

    top: 38px;

    right: -30px;

    background-image: url("../lineup/images/icon_no5.png");

    width: 143px;

    height: 144px;

}

.lineup .p6 .productInner .textContainer .textContainerInner .sub {

    color: #0e2777;

}

.lineup .p6 .productInner .textContainer .textContainerInner .graph .graphInner {

    background-image: url("../lineup/images/graph_bg3-2.png");

    width: 324px;

    height: 119px;

}

.lineup .p6 .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    background: #dae0f1;

}

.lineup .p3 .productInner .textContainer .textContainerInner .bodyText {

    color: #744ab6;

}

.lineup .p4 .productInner {

    height: 720px;

    background: #e0e0dc url("../lineup/images/photo4-3.jpg");

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

    position: relative;

}

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

    .lineup .p4 .productInner {

        background-image: url("../lineup/images/photo4-3_l.jpg");

    }



}



.lineup .p4 .productInner .imageContainer {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    float: none;

}

.lineup .p4 .productInner .no {

    position: absolute;

    top: 90px;

    left: 0;

    background-image: url("../lineup/images/img_anthology.png");

    background-repeat: no-repeat;

    background-size: cover;

    width: 149px;

    height: 217px;

}

.lineup .p4 .productInner .textContainer {

    width: auto;

    position: relative;

    z-index: 2;

    float: none;

    margin: 0 auto;

    display: table;

}

.lineup .p4 .productInner .textContainer .textContainerInner {

    padding-top: 75px;

    padding-left: 200px;

}

.lineup .p4 .productInner .textContainer .textContainerInner .title {

    padding-right: 88px;

    position: relative;

}

.lineup .p4 .productInner .textContainer .textContainerInner .icon {

    position: absolute;

    top: 15px;

    right: 0;

}

.lineup .p4 .productInner .textContainer .textContainerInner .sub {

    color: #0e2777;

}

.lineup .p4 .productInner .textContainer .textContainerInner .graph .graphInner {

    background-image: url("../lineup/images/graph_bg4-2.png");

    width: 0;

    height: 0;

}

.lineup .p4 .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

    background: #fff;

}

.lineup .p4 .productInner .textContainer .textContainerInner .bodyText {

    color: #0e2777;

}

@media screen and (max-width:960px) {

    .lineup .product .productInner .textContainer .textContainerInner {

        padding: 60px 0 0 50px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .bodyText {

        margin-bottom: 15px;

    }

    .lineup .imageRight .productInner .textContainer .textContainerInner {

        padding: 54px 50px 0 30px;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner {

        padding-top: 75px;

        padding-left: 200px;

    }



}

@media screen and (max-width:770px) {

    .lineup .product .productInner {

        display: block;

        height: auto;

    }

    .lineup .product .productInner .imageContainer {

        float: none;

        width: 100%;

        height: 320px;

        background-position: center bottom;

        background-size: auto 150%;

    }

    .lineup .product .productInner .imageContainer .no {

        top: auto;

        right: auto;

        left: auto;

        bottom: -70px;

        width: 100%;

        background-position: center top;

        background-size: contain;

    }

    .lineup .product .productInner .textContainer {

        float: none;

        width: 100%;

        height: auto;

    }

    .lineup .product .productInner .textContainer .textContainerInner {

        display: block;

        padding: 80px 20px 40px 30px;

    }

    .lineup .product .productInner .textContainer .textContainerInner h2 {

        font-size: 40px;

        line-height: 1;

        margin-bottom: 10px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .textJp {

        font-size: 12px;

        margin-bottom: 10px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .sub {

        font-size: 20px;

        margin-bottom: 15px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .graph {

        margin-bottom: 20px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .bodyText {

        font-size: 16px;

        line-height: 1.8;

        margin-bottom: 15px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .textList li {

        font-size: 12px;

    }

    .lineup .p1 .productInner .imageContainer .no {

        height: 94px;

    }

    .lineup .p1 .productInner .textContainer .textContainerInner .graph .graphInner {

        background-image: url("../lineup/images/graph_bg1_sp.png");

    }

    .lineup .p2 .productInner .imageContainer .no {

        height: 96px;

    }

    .lineup .p2 .productInner .textContainer .textContainerInner .graph .graphInner {

        background-image: url("../lineup/images/graph_bg2_sp.png");

    }

    .lineup .p3 .productInner .imageContainer .no,.lineup .p6 .productInner .imageContainer .no {

        height: 96px;

    }

    .lineup .p3 .productInner .textContainer .textContainerInner .graph .graphInner {

        background-image: url("../lineup/images/graph_bg3-2_sp.png");

    }

    .lineup .p5 .productInner .imageContainer .no {

        height: 96px;

    }

    .lineup .p5 .productInner .textContainer .textContainerInner .graph .graphInner {

        background-image: url("../lineup/images/graph_bg5_sp.png");

    }

    .lineup .p4 .productInner {

        padding-bottom: 80px;

        background-size: 100% auto;

    }

    .lineup .p4 .productInner .imageContainer {

        width: 100%;

        position: absolute;

        left: 0;

        top: 0;

        z-index: 1;

    }

    .lineup .p4 .productInner .no {

        position: static;

        top: auto;

        right: auto;

        left: auto;

        bottom: auto;

        width: 121px;

        height: 176px;

        background-position: center top;

        background-size: cover;

        float: left;

        margin-right: 35px;

        margin-bottom: 30px;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner .title {

        padding-right: 0;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner .bodyText {

        float: left;

        margin-bottom: 30px;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner .textList {

        clear: both;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner .icon {

        position: static;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner .graph .graphInner {

        background-image: url("../lineup/images/graph_bg4_sp.png");

    }

    .orientationVertical .product .productInner .textContainer .textContainerInner h2 {

        font-size: 40px;

    }

    .orientationVertical .product .productInner .textContainer .textContainerInner .textJp {

        font-size: 12px;

    }

    .orientationVertical .product .productInner .textContainer .textContainerInner .sub {

        font-size: 20px;

    }

    .orientationVertical .product .productInner .textContainer .textContainerInner .bodyText {

        font-size: 11px;

    }

    .orientationVertical .product .productInner .textContainer .textContainerInner .textList li {

        font-size: 8px;

    }

}

@media screen and (max-width:410px) {

    .lineup .p4 .productInner .no {

        width: 95px;

        height: 138px;

        margin-right: 27px;

    }

}

@media screen and (max-width:370px) {

    .lineup .product .productInner .textContainer .textContainerInner .graph .graphInner ul {

        padding: 22.5px 0 0 108.33px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .graph .graphInner ul li {

        height: 20px;

    }

    .lineup .product .productInner .textContainer .textContainerInner .graph .graphInner ul li .line {

        position: absolute;

        left: 58.33px;

        top: 6.67px;

        height: 4.17px;

    }

    .lineup .p1 .productInner .textContainer .textContainerInner .graph .graphInner {

        width: 269.17px;

        height: 98.33px;

    }

    .lineup .p2 .productInner .textContainer .textContainerInner .graph .graphInner {

        width: 264.17px;

        height: 96.67px;

    }

    .lineup .p3 .productInner .textContainer .textContainerInner .graph .graphInner {

        width: 265px;

        height: 97.5px;

    }

    .lineup .p5 .productInner .textContainer .textContainerInner .graph .graphInner {

        width: 265px;

        height: 97.5px;

    }

    .lineup .p4 .productInner .textContainer .textContainerInner .graph .graphInner {

        width: 0;

        height: 0;

    }

}

.other .textContainer {

    margin: auto;

    max-width: 880px;

    padding: 40px;

}

.other .text {

    font-size: 14px;

}

.other hr {

    background-image: url("../images/other_hr.png");

    background-position: center center;

    background-size: 66px 18px;

    background-repeat: no-repeat;

    height: 80px;

    border: none;

}

.other h3 {

    color: #6b5042;

    font-size: 17px;

}

.other .marginTop {

    padding-top: 50px;

}

.other .column {

    display: inline-block;

    width: 100%;

    margin-bottom: 40px;

}

.other .column .left {

    float: left;

    width: 30%;

}

.other .column .left .inner {

    padding-right: 30px;

}

.other .column .right {

    float: right;

    width: 70%;

}

.other .column .right .inner {

    border-left: solid 1px #ccc;

    padding-left: 30px;

    font-size: 14px;

}

.other .column .right .inner .small {

    font-size: 85%;

}

.privacy .other .textContainer {

    padding-bottom: 200px;

}

@media screen and (max-width:770px) {

    .other .textContainer {

        padding: 40px;

    }

    .other hr {

        background-size: 66px 18px;

        height: 80px;

    }

    .other h3 {

        font-size: 16px;

    }

    .other .column {

        display: block;

        margin-bottom: 40px;

    }

    .other .column .left {

        float: none;

        width: 100%;

        margin-bottom: 10px;

    }

    .other .column .left .inner {

        padding-right: 0;

    }

    .other .column .right {

        float: none;

        width: 100%;

    }

    .other .column .right .inner {

        border-left: none;

        padding-left: 20px;

        font-size: 14px;

    }

    .privacy .other .textContainer {

        padding-bottom: 40px;

    }

    .orientationVertical .text {

        font-size: 8px;

    }

    .orientationVertical h3 {

        font-size: 12px;

    }

    .orientationVertical .column .right .inner {

        font-size: 8px;

    }

    .orientationVertical .blank {

        font-size: 10px;

    }

	    .lineup .product .productInner .textContainer .textContainerInner .textList li.amznBtn,.lineup .product .productInner .textContainer .textContainerInner .textList li.tmartBtn {

         display: block;

    }

}

.inst {
	margin-bottom: 40px;
	text-align: center;
}

.inst img {
max-width:100%;
}

.Instagram-title {
    font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
    font-weight: lighter;
    font-size: 33px;
    text-align: center;
    letter-spacing: 3px;
    line-height: 1.8;
}


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

.table {
	border-collapse: collapse;
}
.table-100p {
	width:100%;
}
.table td {
	text-align:center;
	vertical-align:middle;
}
.table td.mid {
	vertical-align:middle;
}
.table td.tops {
	vertical-align:top;
}
.table td.td-01 {
	height:100px;
//	border:1px solid #000;
}
.table td.td-02 {
	height:80px;
//	border:1px solid #000;
}
.table td.td-03 {
	padding:30px 0 20px 0;
//	border:1px solid #000;
}
@media screen and (max-width:480px){
.table td.td-01 {
	height:80px;
//	border:1px solid #000;
}
.table td.td-03 {
	padding:10px 0 20px 0;
//	border:1px solid #000;
}
}


.table td.yn-company01 {
	position:relative;
	width:60%;
	height:400px;
	vertical-align:top;
//	border-right:1px solid #bbb;
}
.table td.yn-company02 {
	position:relative;
	width:40%;
	vertical-align:top;
}

@media screen and (max-width:480px){
.table td.yn-company01 {
	display:block;
	width:100%;
	height:300px;
}
.table td.yn-company02 {
	display:block;
	width:100%;
}
}



.table td.fa-plice01 {
	position:relative;
	width:400px;
	text-align:center;
//	vertical-align:top;
//	border-right:1px solid #bbb;
}
.table td.fa-plice02 {
	text-align:left;
	vertical-align:middle;
}
.table td.fa-plice03 {
	font-size:16px;
	line-height:1.6em;
	text-align:left;
	vertical-align:top;
}
@media screen and (max-width:480px){
.table td.fa-plice01 {
	display:block;
	width:100%;
}
.table td.fa-plice02 {
	display:block;
}
.table td.fa-plice03 {
	font-size:13px;
	line-height:1.5em;
}
}

.table td.fa-plice-a01 {
	position:relative;
	padding:10px 15px;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	border:1px solid #999;
}
.table td.fa-plice-a01wa {
	width:350px;
}
.table td.fa-plice-a02 {
	position:relative;
	padding:10px 15px;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	border:1px solid #999;
}
.table td.fa-plice-a03 {
	position:relative;
	width:120px;
	font-size:14px;
	padding:10px 0;
	text-align:center;
	vertical-align:top;
	border:1px solid #999;
}
.table td.fa-plice-a04 {
	text-align:center;
	background-color:#eee;
}
.table td.fa-plice-a05 {
	padding:10px 0 0 0;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	line-height:1.4em;
}
@media screen and (max-width:480px){
.table td.fa-plice-a01 {
	display: block;
	margin:-1px 0 0 0;
	padding:10px;
	font-size:12px;
	background-color:#eee;
}
.table td.fa-plice-a01wa {
	width:100%;
}
.table td.fa-plice-a01:before {
	content: attr(data-label);
	font-size: 9px;
	color: #777;
	display: block;
}
.table td.fa-plice-a02 {
	display: block;
	margin:-1px 0 0 0;
	padding:10px;
	font-size:12px;
}
.table td.fa-plice-a02:before {
	content: attr(data-label);
	font-size: 9px;
	color: #777;
	display: block;
}
.table td.fa-plice-a03 {
	display: block;
	position:relative;
	width:100%;
	margin:-1px 0 0 0;
	padding:10px 10px;
	font-size:12px;
	text-align:left;
}
.table td.fa-plice-a03:before {
	content: attr(data-label);
	font-size: 9px;
	color: #777;
	display: block;
}
.table td.fa-plice-a04 {
	display: none;
}
.table td.fa-plice-a05 {
	padding:5px 0 0 0;
	font-size:12px;
}
}

.top-txt01 {
	font-size:28px;
//	font-weight:bold;
	line-height:1.0em;
}
.top-txt02 {
	font-size:17px;
	line-height:2.0em;
}
@media screen and (max-width:480px){
.top-txt01 {
	margin:-80px 0 0 0;
	font-size:20px;
	font-weight:bold;
	line-height:1.5em;
}
.top-txt01a {
	margin:0 0 0 0;
}
.top-txt02 {
	font-size:14px;
	line-height:2.0em;
}
}

.plice-txt00 {
	height:15px;
}
.plice-txt01 {
	padding:30px 0 4px 0;
	font-size:19px;
	font-weight:bold;
	line-height:1.3em;
}
.plice-txt01a {
	padding:20px 0 0px 0;
}
@media screen and (max-width:480px){
.plice-txt00 {
	height:10px;
}
.plice-txt01 {
	padding:10px 0 4px 0;
	font-size:15px;
}
.plice-txt01a {
	padding:20px 0 0px 0;
}
}


.card-txt01 {
	font-size:27px;
	font-weight:bold;
	line-height:1.5em;
}
.card-txt01a {
	font-size:36px;
	line-height:1.0em;
}
.card-txt02 {
	font-size:16px;
	line-height:1.5em;
}

.card-kei {
	width:180px;
}
.card-kei01 {
	width:160px;
}
.card-kei02 {
	width:220px;
}

@media screen and (max-width:480px){
.card-txt01 {
	font-size:21px;
	font-weight:bold;
	line-height:1.5em;
}
.card-txt01a {
	font-size:21px;
	line-height:1.0em;
}
.card-kei {
	width:160px;
}
.card-kei01 {
	width:130px;
}
.card-kei02 {
	width:160px;
}
}

.line-qr {
	display:inline-block;
	height:50px;
	margin:30px 0 0 0;
	padding:13px 20px 0px 62px;
	font-size:18px;
	color:#fff;
	background-color: #1fc92e;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-size: auto 36px;
	background-position: left 20px center;
	border-radius:5px;
	transition: all 300ms ease-out 0s;
}
.line-qr:hover {
	opacity: 0.5;
}
@media screen and (max-width:480px){
.line-qr {
	padding:10px 20px 0px 62px;
}
}

.plice-il01p {
	width:600px;
}

.priceContainer {
	width:1000px;
//	width:100%;
	margin:0 auto;
    padding: 150px 0px 0 0px;
//	border:1px solid #000;
}

.priceContainer01 {
	margin:0 0 10px 0;
	padding:20px;
	border:1px solid #999;
}
.plice01p {
	width:100%;
}
.priceContainer02 {
	padding:0 0 0 25px;
	font-size:16px;
	line-height:1.6em;
}
.priceContainer03 {
	display:inline-block;
	font-size:24px;
}
.priceContainer04 {
	display:inline-block;
	margin:0 0 0 15px;
	font-size:19px;
}
.priceContainer05 {
	display:inline-block;
	margin:0 0 0 15px;
	font-size:19px;
}
.priceContainer06 {
	height:1px ;
	margin:10px 0 20px 0;
	border-bottom:1px solid #aaa;
}
.priceContainer07 {
//	display:inline-block;
	margin:0 0 4px 0;
	font-size:19px;
}

@media screen and (max-width:480px){
.priceContainer {
	width:100%;
	margin:0 auto;
    padding: 50px 10px 0px 10px;
//	border:1px solid #000;
}
.priceContainer01 {
	margin:0 0 10px 0;
	padding:10px;
}
.priceContainer02 {
	padding:0px 0 0 0;
	font-size:13px;
	line-height:1.5em;
}
.priceContainer03 {
	display:block;
	font-size:19px;
	text-align:center;
}
.priceContainer04 {
	display:block;
	margin:0 0 0 0px;
	font-size:15px;
	text-align:center;
}
.priceContainer05 {
	display:block;
	margin:0 0 0 0px;
	font-size:15px;
	text-align:center;
}
.priceContainer06 {
	margin:5px 0 10px 0;
}
.priceContainer07 {
	margin:0 0 4px 0;
	font-size:16px;
}
}


.accessContainer-w {
    margin: 120px 0;
    padding: 40px 0 30px 0;
	background-color:#ff9adf;
}

.accessContainer {
	width:1000px;
	width:1000px;
	margin:0 auto;
//    margin: 120px 0;
//    padding: 30px 0;

//	border:1px solid #000;
}

.content-yn06-01 {
	padding:10px 0px 0px 40px;
	text-align:left;
}

.content-yn06-01-1 {
	padding:0px 0 0 0;
	line-height:2.0em;
}

.content-title02 {
	margin:0 0 20px 0;
	font-size:18px;
//	color:#ed3242;
	font-weight: bold;
	text-align:left;
}
.content-title03 {
	margin:0 0 30px 0;
	font-size:30px;
//	color:#0e244c;
	font-weight: bold;
	text-align:left;
	line-height:1.3em;
}
.content-title03a {
	text-align:center;
}
.content-title03-1 {
	font-size:18px;
}
.logo_top-pp {
	width:300px;
}

@media screen and (max-width:480px){
.accessContainer-w {
    margin: 50px 0;
    padding: 20px 0 30px 0;
}
.accessContainer {
	width:100%;
	margin:0 auto;
    padding: 0 15px;
//	border:1px solid #000;
}
.content-yn06-01 {
	display:inline-block;
	padding:15px 0px 0px 0px;
	text-align:left;
//	border:1px solid #000;
}
.content-title03 {
	margin:0 0 15px 0;
	font-size:24px;
}
.logo_top-pp {
	width:260px;
}
}


.bg-gg1 {
	z-index:-5;
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/top001.jpg");
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: auto 550px;
	background-position: center top 40px;
	background-color:#fff;
}
.bg-gg2 {
	z-index:-4;
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/top002.jpg");
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: auto 550px;
	background-position: center top 40px;
	background-color:#fff;
}
.bg-gg3 {
	z-index:-3;
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/top003.jpg");
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: auto 550px;
	background-position: center top 40px;
	background-color:#fff;
}
.bg-gg4 {
	z-index:-2;
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/top004.jpg");
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: auto 550px;
	background-position: center top 40px;
	background-color:#fff;
}
.bg-gg5 {
	z-index:-1;
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/top005.jpg");
	background-repeat: no-repeat;
	background-size: cover;

	background-position: center top;
	background-color:#fff;
}

.logo_top2p {
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right:0;
	margin:auto;
}

@media screen and (max-width:480px){
.bg-gg1 {
	height: 300px;
	background-size: auto 250px;
	background-position: center top 20px;
}
.bg-gg2 {
	height: 300px;
	background-size: auto 250px;
	background-position: center top 20px;
}
.bg-gg3 {
	height: 300px;
	background-size: auto 250px;
	background-position: center top 20px;
}
.bg-gg4 {
	height: 300px;
	background-size: auto 250px;
	background-position: center top 20px;
}
.bg-gg5 {
	height: 300px;
	background-image: url("../images/top005s.jpg");
	background-position: right top;
}
.logo_top2p {
	bottom:15px;
	height: 200px;
}
}

#wrapper{
	display:block;
}
#smart_wrapper{
	display:none;
}
@media screen and (max-width:480px){

#wrapper{
	display:none;
}
#smart_wrapper{
	display:block;
}
}



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