@charset "utf-8";

.sphide {	display:none; }
.spbr { display: block; }

#fnav { display: block; }

#londh { padding-top: 14vw; }
#londh h1 { text-align: center; background-image: url("../img/platinum_head_bg_sp.jpg"); background-size: 100% auto; background-position: center; background-repeat: no-repeat; height: 35vw; font-weight: 100; font-size: 5.5vw; }
#londh h2 { text-align: center; line-height: 1.5; font-weight: 100; font-size: 7.5vw; padding-bottom: 5%; }
#londh .wrapper {  }
#londh .read { text-align: left; color: #bdcc61; font-size: 4.7vw; font-weight: 100; padding: 0 5% 2%; }
#londh .comment { width: 100%; margin: 0 auto ; font-weight: 100; font-size: 3.7vw; line-height: 1.8; padding: 0 5% 10%; }
#londh .spot { height: 60vw; width: 100%; overflow: hidden; }
#londh .spot .spaceimg { width:100%; height: 100%;overflow:hidden;position:relative;background-image: url("../img/platinum_space_bg.jpg"); background-position: center 5vw; background-repeat: no-repeat; background-size: cover; }
#londh .points { padding: 0 5% 0; margin-top: 5%; margin-bottom: 0; }
#londh .points .point1 { width: 100%; margin: 0 auto 8%; padding-top: 5%; }
#londh .points .point1 .icon { text-align: center; }
#londh .points .point1 .icon img { width: 25vw; height: auto; }
#londh .points .point1 h2 { line-height: 1.5; font-weight: 100; font-size: 7.5vw; margin: 0; padding-bottom: 5%; padding-top: 3%; }
#londh .points .point1 p { line-height: 1.8; font-weight: 100; font-size: 3.7vw; }
#londh .points .point1 .gr { text-align: center; padding-top: 8%; }
#londh .points .point1 .gr img { width: 100%; height: auto; }
#londh .sep { text-align: center; padding: 5% 0; }
#londh .sep img { width: 100%; height: auto; }
#londh .effect { width: 100%; margin: 0 auto 5%; }
#londh .effect h2 {}
#londh .effect .read { text-align: left; }
#londh .effect .comment { width: 100%; margin-bottom: 0; padding-bottom: 6%; }
#londh .effect .photo { text-align: center; }
#londh .effect .photo img { width: 90%; height: auto; margin-bottom: 20%; }

#londh.qa h2 { text-align: center; line-height: 1.5; font-weight: 100; font-size: 7.5vw; padding-bottom: 5%; padding-top: 5%; color: #A4CE17; }
#londh.qa .comment { width: 100%; margin: 0 auto ; font-weight: 100; font-size: 3.7vw; line-height: 1.8; padding: 0 5% 10%; color: #9d9d9d; text-align: left; }
#londh.qa .qa_box { width: 90%; margin: 0 auto 0; border: solid 1px #808080;}
#londh.qa .qa_box h3 { padding: 7% 5% 5% 5%; color: #A4CE17; font-size: 3.5vw; font-weight: normal; }
#londh.qa .qa_box ul { padding: 0 5% 5% 10%; margin: 0;}
#londh.qa .qa_box ul li { list-style: none; padding: 1vw 0; margin: 0; font-size: 3.5vw; font-weight: 100; line-height: 1.6; text-indent: -1em; padding-bottom: 3vw; }
#londh.qa .qa_box ul li a { text-decoration: none; }
#londh.qa .qa_box2 { width: 90%; margin: 20vw auto 0; }
#londh.qa .qa_box2 h4 { padding: 0 0 8%; text-align: center; color: #A4CE17; font-size: 3.5vw; font-weight: normal; }
#londh.qa dl { padding-left: 11vw; padding-right: 2vw; }
#londh.qa dl dt { font-size: 3.5vw; color: #fff; font-weight: 100; line-height: 2; }
#londh.qa dl dt::before { content: url("../img/q.svg"); width: 10vw; height: 10vw; display: block; float: left;margin-left: -10vw; padding-right: 3vw; }
#londh.qa dl dd { clear: both; font-size: 3.5vw; font-weight: 300; color: #9d9d9d; margin-bottom: 15vw; line-height: 2; }
#londh.qa dl dd::before { content: url("../img/a.svg"); width: 10vw; height: 10vw; display: block; float: left;margin-left: -10vw; padding-right: 3vw; }
#londh.qa + #fnav { background-color: transparent; }
#londh.qa + #fnav .btn { background-color: #000; }
#londh.qa + #fnav .scrollup { width: 100%; margin: 0 auto; text-align: right; padding-right: 2vw; padding-bottom: 2vw; }
#londh.qa + #fnav .scrollup img { width: 15vw; height: auto; cursor: pointer; }