<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}

/*/////////////////// Effect ///////////////////*/
/*　フェードイン　*/
.is-fadein01.is-animated {animation: fadeIn01 0.5s forwards;}
@keyframes fadeIn01 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

.is-fadein02.is-animated {animation: fadeIn02 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
@keyframes fadeIn02 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

/*　フェードイン　*/
.fadein01 {opacity: 0.0; transform: translate(0, 100px); transition: all 1000ms;}
.fadein01.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein02 {opacity: 0.0; transform: translate(0, 120px); transition: all 500ms;}
.fadein02.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein03 {opacity: 0.0; transform: translate(0, 150px); transition: all 600ms;}
.fadein03.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein04 {opacity: 0.0; transform: translate(0, 170px); transition: all 700ms;}
.fadein04.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein05 {opacity: 0.0; transform: translate(0, 190px); transition: all 800ms;}
.fadein05.scrollin {opacity: 1; transform: translate(0, 0);}

/*/////////////////// BEST HIT ITEM ///////////////////*/
#orchidee01 {display: block; padding-top: 80px; margin-top: -80px;}
#orchidee02 {display: block; padding-top: 80px; margin-top: -80px;}
#orchidee03 {display: block; padding-top: 80px; margin-top: -80px;}
#orchidee04 {display: block; padding-top: 80px; margin-top: -80px;}
#orchidee05 {display: block; padding-top: 80px; margin-top: -80px;}
#orchidee06 {display: block; padding-top: 80px; margin-top: -80px;}

#orchideelp {width: 100%; margin: 0 auto; padding: 0; background: linear-gradient(120deg, rgb(168 165 131), rgb(221 226 209));}
#orchideelp&gt;.lpWrap {width: 700px; margin: 0 auto; padding: 0 0; text-align: center; background-color: #ffffff;}
#orchideelp&gt;.lpWrap&gt;img {width: 100%; margin: 0 auto; padding: 0;}
#orchideelp&gt;.lpWrap&gt;.lead {width: 100%; margin: 80px auto 250px; padding: 0;}
#orchideelp&gt;.lpWrap&gt;.lead&gt;h3 {margin: 0 auto 40px; padding: 0; color: #000000; font-size: 48px; font-family: "Zen Old Mincho", serif; font-weight: 400; font-style: normal; background: none; line-height: 1.7; letter-spacing: 0.05em; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.lead&gt;p {margin: 0 auto 40px; padding: 0; color: #000000; font-size: 16px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 3.0; letter-spacing: 0.02em; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product {width: 100%; margin: 0 auto; padding: 0 0 80px; text-align: center; background-color: #0E384F;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.kv {width: 100%; margin: -150px auto 100px; padding: 0; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.cp {width: 100%; margin: 0 auto 50px; padding: 0; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product&gt;p {margin: 70px auto 40px; padding: 0; color: #ffffff; font-size: 28px; font-family: "Zen Old Mincho", serif; font-weight: 400; font-style: normal; line-height: 1.0; letter-spacing: 0.05em; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.content {width: 90%; margin: 0 auto 50px; padding: 50px 0; text-align: center; background-color: #ffffff;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.content&gt;img {width: 75%; margin: 0 auto 30px; padding: 0; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.content&gt;p {width: 75%; margin: 0 auto 30px; padding: 0; color: #000000; font-size: 16px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 2.0; letter-spacing: 0.02em; text-align: justify;}
#orchideelp&gt;.lpWrap&gt;.product&gt;div:nth-of-type(3) {margin: 0 auto 10px;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.attenArea {width: 90%; margin: 0 auto 70px; padding: 0; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.attenArea&gt;p {margin: 0 auto; padding: 0; color: #ffffff; font-size: 13px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 1.7; letter-spacing: 0.01em; text-align: right;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.footer {width: 100%; margin: 0 auto; padding: 0; text-align: center;}
#orchideelp&gt;.lpWrap&gt;.product&gt;.footer&gt;img {width: 100%; margin: 0 auto; padding: 0; text-align: center;}

.btnArea {width: 100%; margin: 0 auto 40px; padding: 0;}
.btnArea&gt;a:link,
.btnArea&gt;a:visited,
.btnArea&gt;a:hover,
.btnArea&gt;a:active {color: inherit; text-decoration: none;}
.btnArea&gt;a:hover {cursor: pointer;}
.btnArea&gt;a&gt;p {transition-duration: .3s; z-index: 1; font-size: 18px; font-family: "Montserrat", sans-serif; font-weight: 600; letter-spacing: 0.1em;}
.btnArea&gt;.more {position: relative; display: flex; margin: 0 auto; width: 400px; height: 70px; flex-direction: column; align-items: center; justify-content: center; border: solid 2px #000000; overflow: hidden; color: #ffffff; background-color: #000000;}
.btnArea&gt;.more::before {position: absolute; width: 0; height: 72px; content: ''; background-color: #ffffff; left: 0; transition-duration: .2s;}
.btnArea&gt;.more:hover::before {width: 100%;}
.btnArea&gt;.more&gt;p {color: #ffffff;}
.btnArea&gt;.more:hover&gt;p {color: #000000;}

.more-btn,
.more-btn:link,
.more-btn:visited {display: block; width: 450px; margin: 0 auto 0; padding: 25px 0; font-size: 15px;  font-weight: 400; color: #ffffff; text-align: center; letter-spacing: 0.05em; line-height: 1.0; text-decoration: none; cursor:pointer; position: relative; border: 1px solid #000000; background-color: #000000;}
.more-btn:hover {color: #ffffff !important; border: 1px solid #565656; background-color: #565656;}
.more-btn::after {content: ""; display: block; position: absolute; top: calc(50% - 5px); right: 40px; width: 20px; height: 5px; border: none; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: skew(45deg); transition: .3s;}
.more-btn:hover::after {right: 30px; width: 30px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

/*/////////////////// Accordion ///////////////////*/
.detail-accordion {width: 100%; margin: 0 auto 10px; padding: 0 0 0;}
.detail-accordion&gt;.detail-toggle {display: none;}
.detail-accordion&gt;.detail-Label {width: 70%; margin: 0 auto; padding: 1.3em 0; display: block; color: #000000; font-size: 18px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; line-height: 1.0; letter-spacing: 0.02em; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #ffffff;}
.detail-accordion&gt;.detail-Label,
.detail-accordion&gt;.detail-content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.detail-accordion&gt;.detail-content {width: 65%; margin: 10px auto 10px; height: 0; padding:0 20px; overflow: hidden;}
.detail-accordion&gt;.detail-content&gt;p {margin: 0 auto 10px; padding: 0; color: #000000; font-size: 16px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; line-height: 1.8; letter-spacing: 0.01em; text-align: center;}
.detail-accordion&gt;.detail-content&gt;.comp {margin: 0 auto 0; font-size: 80%; text-align: justify;}
.detail-accordion&gt;.detail-content&gt;.min {margin: 10px auto 0; font-size: 80%; text-align: justify;}
.detail-accordion&gt;.detail-content&gt;img {width: 100%; margin: 0 auto; padding: 0; text-align: center;}
.detail-accordion&gt;.detail-Label .icon {display: inline-block; position: absolute; top: 22px; left: 40px; width: 22px; height: 22px;}
.detail-accordion&gt;.detail-Label .icon::before {display: block; position: absolute; content: ""; top: 10px; left: 6px; width: 10px; height: 2px; background: #232323;}
.detail-accordion&gt;.detail-Label .icon::after {display: block; position: absolute; content: ""; top: 6px; left: 10px; width: 2px; height: 10px; background: #232323;}
.detail-accordion&gt;.detail-toggle:checked + .detail-Label + .detail-content {height: auto; padding: 15px 10px; transition: all .3s;}
.detail-accordion&gt;.detail-toggle:checked + .detail-Label .icon::after {width: 0 !important;}
</pre></body></html>