@charset "UTF-8";

/* YH-E700B */

/* ---------- Common ---------- */

.overview {
    width: 80%;
    margin: 0 auto 20px;
    text-align: center;
}
.overview h2 {
    margin-bottom: 25px;
    font-size: 40px;
}
.heading-h2 h2 {
    margin-bottom: 20px;
    text-align: center;
}
.under-line h3 {
    margin: 80px 0 20px;
    padding-bottom: 14px;
    color: #cc9bd9;
    text-align: center;
    border-bottom: 1px solid #cc9bd9;
}
.under-line .container-fluid {
    padding: 0;
}

.font_x-large {
    font-size: 40px;
    margin-top: 0;
}
.font_large {
    font-size: 36px;
    margin-bottom: 30px;
}
.font_middle {
    font-size: 28px;
    margin-bottom: 20px
}
.font_small {
    font-size: 18px;
}
.font_small.letter {
    margin-bottom: 50px;
    letter-spacing: 0.5rem;
}
.modal-content {
	color: #333333;
}
.lead_text {
    margin-bottom: 10px;
    text-align: center;
}

.lead_text p {
    margin-bottom: 0;
}
.lead_text p:last-of-type {
    margin-bottom: 20px;
}

.movie-full-width {
    margin-bottom: 80px;
}

.section-image {
    margin-bottom: 60px;
}

.ngc-1-in-a-row .wrapper {
    padding: 0;
}

.custom-image-left,
.custom-image-right {
    margin-bottom: 20px;
}

.custom-image-left .clearfix,
.custom-image-right .clearfix {
    display: flex;
    align-items: center;
}
.custom-image-right .clearfix {
    flex-direction: row-reverse;
}
.custom-image-left .media-box,
.custom-image-right .media-box {
    margin: 0;
}
.custom-image-left .media-box img,
.custom-image-right .media-box img {
    padding: 0;
}
.custom-image-left .media-box.pull-left,
.custom-image-right .media-box.pull-right,
.custom-image-left .text-box,
.custom-image-right .text-box {
    max-width: 50%;
}
.custom-image-left .text-box {
    padding-left: 50px;
}
.custom-image-right .text-box {
    padding-right: 50px;
}

.sp_icon {
    margin-bottom: 80px;
}
.sp_icon .list-inline-img {
    margin: 0 auto 20px;
}

.btn,
.btn_dark {
    margin-bottom: 20px;
}
.btn a,
.btn_dark a,
.btn_white a {
    padding: 1rem 3rem;
	color: #cc9bd9;
    border: 1px solid #cc9bd9;
    display: inline-block;
}
.btn_dark a{
    color: #4B1E78;
    border: 1px solid #4B1E78;
}
.btn_white a{
    color: #ffffff;
    border: 1px solid #ffffff;
}
.btn a:hover,
.btn_dark a:hover {
    color: #ffffff;
    border: 1px solid #ffffff;
}
.btn_white a:hover {
    text-decoration: underline;
}

[data-id="d1784516-1"] > .row,
[data-id="d1784516-2"] > .row,
[data-id="d1784516-4"] > .row,
[data-id="d1784516-6"] > .row,
[data-id="d1784516-9"] > .row {
    max-width: 1200px;
    margin: 0 auto;
}

/* ---------- IMMERSE YOURSELF IN TRUE SOUND ---------- */

[data-id="d1784516-1"] {
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: 40px;
    color: #ffffff;
    background-color: #000000;
}

/* ---------- いつでもどこでも、どんな環境でも。 ---------- */

[data-id="d1784516-2"] {
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: 40px;
    background-color: #e8e8e8;
}

[data-id="d1784516-2"] h2 {
    margin-bottom: 60px;
}

[data-id="1602394"] {
    margin-bottom: 80px;
}

[data-id="d1784516-3"] {
    margin-top: 100px;
    padding: 0;
}

/* ---------- LOVE MUSIC, FOR A LIFETIME ---------- */

[data-id="d1784516-4"] {
    max-width: 100%;
    margin-bottom: 60px;
    padding-top: 100px;
    background-color: #a4a4a4;
}

[data-id="d1784516-5"] {
    margin: 40px auto;
    padding: 0;
}

/* ---------- OTHER FEATURES ---------- */

[data-id="d1784516-7"],
[data-id="1602411"],
[data-id="1602412"] {
    margin-bottom: 80px;
	padding: 0;
}

[data-id="d1784516-3"] {
    padding: 0;
}

/* ---------- IN THE BOX / OPERATION ---------- */

[data-id="1602411"] .list-inline-img img {
    margin-bottom: 40px;
}
.guide_btn {
    margin-bottom: 50px;
    justify-content: space-between;
    margin: 0 auto 20px;
}
.guide_btn li {
    width: 25%;
    display: inline-block;
    margin: 0 0.5rem;
}
.guide_btn li a {
    margin-bottom: 20px;
    color: #5f3d33;
    border: 1px solid #5f3d33;
    padding: 1rem 2rem;
    display: block;
}
.guide_btn a:hover {
    color: #ac8e8d;
    border: 1px solid #ac8e8d;
}

/* ---------- CHOOSE YOUR COLOR ---------- */

[data-id="1602412"] {
    
}

/* ---------- APP ---------- */

#d1767260 {
    margin-bottom: 20px;
}
#d1767260 .font_small {
    margin-top: 0;
}
.ngc.col-xs-12.col-sm-6.app_banner {
    margin-bottom: 100px;
}
.app_banner:first-child a {
    float: right;
}
.text_none {
    display: none;
}

/* ---------- WAVE ---------- */

.wave .container-fluid {
    max-width: 100%;
    margin-bottom: 70px;
    padding: 0;
}
.wave .container-fluid .list-inline-img {
    margin: 0 auto;
    border-spacing: 0;
}
.wave img.img-responsive.images {
    width: 100vw;
}

/* ---------- #YamahaStayTrue ---------- */

[data-id="d1784516-9"] {
    max-width: 100%;
    margin-bottom: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #ffffff;
    background-color: #191d1f;
}
[data-id="d1784516-9"] #d1748035 .container-fluid {
    padding: 0;
}


@media screen and (min-width:768px) {
.lead_text .container-fluid {
    padding: 0;
}
.ngc-1-in-a-row .container-fluid {
    padding: 0;
}
.custom-image-left .container-fluid,
.custom-image-right .container-fluid {
    padding: 0;
}
}


@media screen and (min-width:768px) and (max-width:991px) {
.overview {
    width: 100%;
}

.guide_btn li {
    width: 30%;
}
}


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

/* ---------- Common ---------- */

.overview {
    width: 100%;
}
.overview h2 {
    font-size: 24px;
}

.heading-h2 h2 {
    margin-bottom: 20px;
}
.under-line h3 {
    margin: 40px 0 20px;
}
.font_x-large {
    font-size: 40px;
    margin: 0 0 40px;
}
.font_large {
    font-size: 30px;
}
.font_middle {
    font-size: 26px;
    margin-bottom: 20px
}
.font_small {
    font-size: 19px;
}
.font_small.letter {
    margin-bottom: 30px;
    letter-spacing: 1rem;
}

.section-image {
    margin-bottom: 30px;
}

.custom-image-left,
.custom-image-right {
    margin-bottom: 20px;
}
.custom-image-left h3.visible-xs,
.custom-image-right h3.visible-xs {
    font-size: 24px;
}
.custom-image-left .clearfix,
.custom-image-right .clearfix {
    display: block;
}
.custom-image-right .media-box.pull-right,
.custom-image-left .media-box.pull-left,
.custom-image-right .text-box,
.custom-image-left .text-box {
    max-width: 100%;
}
.custom-image-left .media-box.pull-left {
    margin-right: 0;
    margin-bottom: 16px;
}
.custom-image-right .media-box.pull-right {
    margin-left: 0;
	margin-bottom: 10px;
}
.custom-image-left .text-box {
    padding-left: 0;
}
.custom-image-right .text-box {
    padding-right: 0;
}

.sp_icon {
    width: 50%;
}
.sp_icon:nth-child(2n+1) {
    clear: both;
}

.btn,
.btn_dark,
.btn_white {
    margin-bottom: 30px;
}
.btn a,
.btn_dark a,
.btn_white a {
    border: 2px solid #cc9bd9;
    padding: 2rem 6rem;
}
.btn_dark a {
    border: 2px solid #4B1E78;
}
.btn_white a {
    border: 2px solid #ffffff;
}
.btn a:hover,
.btn_dark a:hover {
    border: 2px solid #ffffff;
}

[data-id="d1784516-1"].container-fluid,
[data-id="d1784516-2"].container-fluid,
[data-id="d1784516-4"].container-fluid,
[data-id="d1784516-6"].container-fluid,
[data-id="d1784516-9"].container-fluid {
    padding: 40px 0 0;
}

/* ---------- IMMERSE YOURSELF IN TRUE SOUND ---------- */



/* ---------- いつでもどこでも、どんな環境でも。 ---------- */

[data-id="d1784516-3"] {
    padding: 0 16px;
}

/* ---------- LOVE MUSIC, FOR A LIFETIME ---------- */

[data-id="d1784516-4"] {
    margin-bottom: 60px;
    padding-top: 60px;
}

[data-id="d1784516-5"] {
    padding: 0 16px;
}

/* ---------- OTHER FEATURES ---------- */

[data-id="d1784516-7"] {
    margin-bottom: 20px;
    padding: 0 16px;
}

/* ---------- IN THE BOX / OPERATION ---------- */

[data-id="1602411"] .visible-xs {;
    margin-bottom: 30px;
}
[data-id="1602411"] .list-inline-img {
    display: none;
}
.guide_btn {
    width: 75%;
    display: block;
}
.guide_btn li {
    margin: 0;
    width: 100%;
}
.guide_btn li a {
    border: 2px solid #5f3d33;
}
.guide_btn a:hover {
    border: 2px solid #ac8e8d;
}

/* ---------- CHOOSE YOUR COLOR ---------- */



/* ---------- APP ---------- */

[data-id="1602412"] {
    margin-bottom: 40px;
}

.app_banner {
    width: 50%;
}

/* ---------- WAVE ---------- */

.wave .list-inline-img {
    display: none;
}
.wave .visible-xs {
    width: 100vw;
}

/* ---------- #YamahaStayTrue ---------- */

[data-id="d1784516-9"] {
    margin-bottom: 40px;
    padding-bottom: 80px;
}
[data-id="1542097"] img.visible-xs {
    margin-bottom: 20px;
}
[data-id="1542097"] ul.list-inline-img {
    display: none;
}

}