@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);#site-body{font-size:14px;line-height:1.4}div#site-body-wrapper{background:transparent}section.personal{color:#252525;margin:12px 0 30px}section.personal .personal_wrapper{background-color:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.3);height:104px;margin:0 auto;position:relative;width:850px}section.personal .personal_wrapper .personal_heading{align-items:center;display:flex;justify-content:space-between;padding-top:12px}section.personal .personal_wrapper .personal_heading .info_icon{left:28px;position:absolute;top:0}section.personal .personal_wrapper .personal_heading .lead{font-weight:bold;padding-left:70px}section.personal .personal_wrapper .personal_heading .lead > span{font-weight:normal;margin-left:2px}section.personal .personal_wrapper .personal_heading .close{cursor:pointer;height:24px;margin-right:16px;position:relative;width:24px}section.personal .personal_wrapper .personal_heading .close::before,
section.personal .personal_wrapper .personal_heading .close::after{background-color:#999!important;border-radius:1.5px;content:"";display:inline-block;height:3px;left:50%;position:absolute;top:50%;width:22px}section.personal .personal_wrapper .personal_heading .close::before{transform:translate(-50%,-50%) rotate(45deg)}section.personal .personal_wrapper .personal_heading .close::after{transform:translate(-50%,-50%) rotate(-45deg)}section.personal .personal_wrapper .personal_info{align-items:center;background-color:#ececec;display:flex;height:50px;justify-content:center;margin:6px auto 12px;width:818px}section.personal .personal_wrapper .personal_info > p{max-width:780px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}section.categories{font-size:14px;margin:-5px 0 0}section.categories header{display:none}section.categories ul{margin-right:-5px}section.categories ul li{box-sizing:border-box;padding:0 5px 5px 0;position:relative;width:16.66666667%;z-index:1;display:inline-block;vertical-align:top}section.categories ul li a{background:rgba(255,255,255,0.5);box-shadow:0 1px 4px rgba(0,0,0,0.3);color:#333!important;display:block;font-size:16px;line-height:1.3;padding:8px 0;text-align:center;text-decoration:none;-webkit-transition:transform 100ms ease;transition:transform 100ms ease}section.categories ul li:hover{z-index:2}section.categories ul li:hover a[href*="portal"]{background:#47f!important;color:#fff!important;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}section.categories ul.second li{width:11.11111111%}section.categories ul.second li a{font-size:14px;line-height:1}#column_wrap:after{clear:both;content:"";display:block}#column_main{float:left;width:650px}#column_main .banner{box-shadow:0 0 8px rgba(0,0,0,0.2);margin-bottom:20px}#column_main .banner > a{outline:none}#column_main .banner > a > img{width:100%}#column_side{float:right;width:354px}#pickup{min-height:173px;padding:20px 15px!important}#pickup header.panel_title{display:none}.itemSlideWrap ul::after{clear:both;content:"";display:block}.itemSlideWrap li{float:left;height:173px!important;list-style:none;text-align:center;width:202px!important}.itemSlideWrap li a{display:block}.itemSlideWrap li .bnr{padding:5px 0 4px}.itemSlideWrap li .bnr img{background:rgba(128,128,128,0.1);box-shadow:0 0 4px rgba(0,0,0,0.2);height:144px;width:192px}#pickupSlideWrap{margin:0 auto;position:relative;width:606px}#pickupSlideWrap .slideGoPrev,
#pickupSlideWrap .slideGoNext{background:url("../../img/common/nicoslider-arrow.png") no-repeat;background-size:48px 136px;cursor:pointer;height:68px;position:absolute;top:45px;width:24px;z-index:100}#pickupSlideWrap .slideGoNext{background-position:0 -68px;right:-22px}#pickupSlideWrap .slideGoPrev{background-position:0 0;left:-22px}#pickupSlideWrap .slideGoPrev:hover{background-position:-24px 0}#pickupSlideWrap .slideGoNext:hover{background-position:-24px -68px}#pickupSlideWrap .slideGoPrev:active,
#pickupSlideWrap .slideGoNext:active{top:47px}#pickupSlideWrap .bx-prev,
#pickupSlideWrap .bx-next{display:none}#pickupSlideWrap::after{clear:both;content:"";display:block}.bigbanner #scroll_to_userchannels{background:#00903d;color:#f8f3e2;line-height:1;margin:10px 0 0;padding:5px;display:inline-block;vertical-align:baseline}.panel{background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.2);margin-bottom:20px;padding:20px}.panel .text_none{display:none}.panel ul.items{font-size:12px}.panel ul.items li a{display:block;text-decoration:none}.panel .thumb{margin:0 auto}.panel .thumb ul.items{font-size:0;margin:0 -5px}.panel .thumb ul.items--column-2 li{width:300px}.panel .thumb ul.items--column-4 li{width:145px}.panel .thumb ul.items--column-5 li{width:114px}.panel .thumb ul.items li{display:inline-block;font-size:12px;list-style:none;margin:0 5px;vertical-align:top}.panel .thumb ul.items li .thumb_video,
.panel .thumb ul.items li .thumb_video img{max-width:100%}.panel .thumb ul.items li a img{background:rgba(128,128,128,0.1);box-shadow:0 0 4px rgba(0,0,0,0.2);width:100%}.panel .thumb ul.items li a .title{cursor:pointer;display:block;font-style:normal;height:4em;line-height:1.4;margin-top:3px;overflow:hidden;word-break:break-all;word-wrap:break-word}.panel .thumb ul.items li a:hover span{cursor:pointer}.panel .top_bnr{margin-top:0;text-align:center}.panel .top_bnr img{margin-top:20px;max-height:80px;width:610px}.panel .panel_title{padding-bottom:0!important}.panel .panel_title .link{float:right}.panel .panel_title .link a{background:none!important}.panel .panel_title h1{color:#000;float:left;font-size:20px;font-weight:bold;line-height:1}.panel .panel_title h1 a{text-decoration:none}.panel .panel_title h1 a:visited{color:#000}.panel .panel_title::after{clear:both;content:"";display:block}#user_channels ul.items li{background:#fff;border-width:1px 0 0 1px;padding:10px 0;display:inline-block;vertical-align:top;box-sizing:border-box}#user_channels ul.items li a{position:relative}#user_channels ul.items li a .thumb_wrapper{float:left;height:100px;margin-right:10px;width:100px}#user_channels ul.items li a .info_wrapper{max-height:100px;overflow:hidden}#user_channels ul.items li a .info_wrapper .nickname{display:block;font-size:14px}#user_channels ul.items li a .info_wrapper .channelname{color:#888;display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user_channels ul.items li a .info_wrapper .description{color:#888;font-size:12px;line-height:1.5;max-height:4.2em;padding:5px 0}#user_channels ul.items li a .challenger{background:#d33;color:#fff;display:block;font-size:10px;left:0;position:absolute;text-align:center;top:85px;width:100px}#user_channels ul.items li a .special{background:#d33;color:#fff;display:block;font-size:10px;left:0;position:absolute;text-align:center;top:100px;width:100px}#user_channels ul.items li a .not_available{background:#f0f0f0;color:#000;display:block;font-size:14px;height:100px;left:0;line-height:100px;opacity:0.5;position:absolute;text-align:center;top:0;width:100px}#user_channels ul.items li.not_available .thumb_wrapper{opacity:0.5}#user_channels ul.items li.not_available a{color:#888!important}#blog.panel .thumb ul.items li a img{background:rgba(128,128,128,0.1);box-shadow:0 0 4px rgba(0,0,0,0.2);min-height:152px;vertical-align:bottom;width:114px}#popularity.panel .thumb ul.items li{margin-bottom:10px}#popularity.panel .thumb ul.items li .thumb_150.thumb_video{max-width:100%}#popularity.panel .thumb ul.items li .category_type a{background:#888;background:-moz-linear-gradient(top,#888 0%,#737373 100%);background:-webkit-linear-gradient(top,#888 0%,#737373 100%);background:linear-gradient(to bottom,#888 0%,#737373 100%);box-shadow:0 0 4px rgba(0,0,0,0.2);color:#fff;display:block;font-size:12px;line-height:1;padding:4px 8px;text-shadow:1px 1px 1px #333;vertical-align:bottom}#popularity.panel .thumb ul.items li .category_type a:hover{background:#4c4c4c;background:-moz-linear-gradient(top,#4c4c4c 0%,#5d5d5d 100%);background:-webkit-linear-gradient(top,#4c4c4c 0%,#5d5d5d 100%);background:linear-gradient(to bottom,#4c4c4c 0%,#5d5d5d 100%)}#live_special .item::after{clear:both;content:"";display:block}#live_special .item{cursor:pointer;margin-top:20px}#live_special .item a{display:block}#live_special .item a .desc{color:#666!important;cursor:pointer;overflow:hidden;text-shadow:none;word-break:break-all}#live_special .item a h3{cursor:pointer;font-size:16px;font-weight:bold;overflow:hidden;padding-bottom:3px;word-break:break-all}#live_special .item a .thumb{float:left;margin-right:6px;text-align:center}#live_special .item a .thumb img{background:rgba(128,128,128,0.1);box-shadow:0 0 4px rgba(0,0,0,0.2);cursor:pointer;width:75px}#live_special .item a .date{color:#666!important;font-weight:bold;margin-bottom:3px}#chapplink{background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.2);height:215px;margin-bottom:20px}#event_composition .event_item::after{clear:both;content:"";display:block}#event_composition .event_item{margin-top:10px}#event_composition .event_item a{display:block;font-size:0;line-height:0}#event_composition .event_item a .image,
#event_composition .event_item a .details{display:inline-block;vertical-align:middle}#event_composition .event_item a .image{height:75px;margin-right:10px;width:75px}#event_composition .event_item a .image img{border-radius:100px;height:100%;width:100%}#event_composition .event_item a .details{font-size:12px;line-height:1.4;width:226px}#event_composition .event_item a .details h1{cursor:pointer;font-size:16px;font-weight:normal;line-height:1.2;margin-bottom:4px;overflow:hidden;word-break:break-all}#event_composition .event_item a .details .performer{color:#666!important;overflow:hidden;text-shadow:none;word-break:break-all}#event_composition .event_item a .details .date,
#event_composition .event_item a .details .place{color:#888!important;display:inline}.live_program .items{margin-top:20px}.live_program .items .details{cursor:pointer;display:block;float:right;overflow:hidden;width:230px;word-break:break-all}.live_program .items .details .time{color:#888;margin-top:4px}.live_program .items .details .time .exp_txt{font-size:12px}.live_program .items .details .icon{margin-bottom:4px}.live_program .items .details .title{font-size:14px;font-style:normal}.live_program .items .thumb{float:left;margin-right:6px;text-align:center}.live_program .items .thumb img{cursor:pointer}.live_program .items a{display:block}.live_program .items a::after{clear:both;content:"";display:block}.live_program .items li{list-style:none;margin-bottom:20px}.btn_show_more{background:#f8f8f8 url("../../img/common/grad/dk_h24a10.png") repeat-x left bottom;border-color:#ccc;border-radius:2px;border-style:solid;border-width:1px;color:#333;cursor:pointer;display:block;line-height:normal;margin:20px auto 0;padding:0.4em;text-align:center;width:200px}.btn_show_more span{font-size:16px;text-shadow:0 1px 0 #f8f8f8}.btn_show_more:hover{background-color:#fff;border-color:#aaa}#channelnews li{font-size:14px;list-style:none;margin-top:20px}#channelnews li a{display:block;text-decoration:none}#channelnews li a:hover{background-position:0 -22px}#channelnews .link{text-align:right}#twitter p{font-size:16px;font-weight:bold;line-height:1}#twitter p a{color:#000;display:block}#twitter p a img{margin-right:8px;vertical-align:middle}#twitter header.panel_title{display:none}.nothing{font-weight:bold;margin-top:20px}.ads_nicovideo.ppv_side{border:1px #ccc dashed;margin-bottom:20px;padding:20px}.ads_nicovideo.ppv_side img{width:300px}@keyframes kenBurns{0%{transform:scale(1)}100%{transform:scale(1.5)}}body{min-width:0}section.page{display:table}section.page::after,
section.page canvas#ch_symbols{background:#333 no-repeat center center;background-size:cover;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;z-index:1}section.page::before{background:transparent repeat left bottom;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;z-index:2}section.page .body{color:#fff;display:table-cell;margin:0 auto;position:relative;text-align:center;vertical-align:middle;z-index:3}section.page .body h1{font-size:7vh;font-weight:100;line-height:1.2;margin-bottom:2vh;text-shadow:0 0.3vh 0.1vh #000000}section.page .body p{font-size:2.5vh;font-weight:100;line-height:1.4}section.page .body p em{color:#0effb3;font-weight:100;text-shadow:0 0.11vh 0 #000000,0 0 2vh #000000}section.page a.button{box-sizing:border-box;width:40vh}section.page a.button.power_on{margin-top:5vh}section.page.page1::after,
section.page.page6::after{background-image:url("../../img/start/bg01.jpg");background-repeat:repeat;background-size:auto 50vw}section.page.page1.on_screen::after,
section.page.page6.on_screen::after{animation:kenBurns linear 60s;animation-delay:1s;animation-fill-mode:forwards;animation-iteration-count:1;transform-origin:50% 50%}section.page.page1::before,
section.page.page6::before{background-color:rgba(0,0,0,0.7)}section.page.page1 canvas#ch_symbols,
section.page.page6 canvas#ch_symbols{box-shadow:0 0 10px red inset;height:100%;width:100%;z-index:100}section.page.page2::after{background-image:url("../../img/start/bg02.jpg")}section.page.page2::before{background-image:url("../../img/start/grid_vh_loop.png")}section.page.page2 p.sub{margin-bottom:6vh}section.page.page2 a.more_detail{margin-top:1vh}section.page.page3::after{background-image:url("../../img/start/bg03.jpg")}section.page.page3::before{background-image:url("../../img/start/grid_vh_loop.png")}section.page.page3 .visor{padding:1vh;position:relative}section.page.page3 .visor h1{margin-bottom:1.5vh}section.page.page3 .visor .additional{opacity:0}section.page.page3 .visor .additional.relations{bottom:5vh;display:table;position:absolute;right:5vh}section.page.page3 .visor .additional.relations li{display:table-cell;padding:0 10px 0 0}section.page.page3 .visor .additional.relations li a{display:block;height:30px}section.page.page3 .visor .additional.relations li a img{height:100%;width:auto}section.page.page3 .visor.focused{background:rgba(0,0,0,0.2);box-shadow:0 0 5vh rgba(0,0,0,0.2)}section.page.page3 .visor.focused .additional{opacity:1}section.page.page3 .visor p.comment{font-size:2.5vw;height:12vw;line-height:3vw}section.page.page3 .visor p.additional{margin-top:1vh}section.page.page3 .visor .button.more_detail{font-size:1.5vh;padding:0.5vh 2vh 0.6vh 3vh}section.page.page3 .visor .button.more_detail::before{height:2vh;margin-right:0.7vh;width:2vh}section.page.page3 dl.nicoch{margin:2vh 0 0}section.page.page3 dl.nicoch .circle{margin:0 auto}section.page.page3 dl.nicoch .circle.content_type{border:solid 1px rgba(255,255,255,0.8);height:18vh;line-height:18vh;width:18vh}section.page.page3 dl.nicoch .circle.content_type h2{font-size:2.88vh;font-weight:100}section.page.page3 dl.nicoch .circle.nicoch{display:flex;flex-direction:column;height:30vh;justify-content:center;line-height:normal;width:30vh}section.page.page3 dl.nicoch .circle.nicoch h2{font-size:4.2vh;font-weight:normal}section.page.page3 dl.nicoch .circle.nicoch p{font-size:2.4vh;letter-spacing:-0.4vh;line-height:1.3;margin-top:1.5vh;white-space:nowrap}section.page.page3 dl.nicoch .circle.nicoch p span{display:block;font-size:1.5vh;font-weight:100;margin:0 auto;text-align:center}section.page.page3 .content_types{position:relative;z-index:10}section.page.page3 .content_types li{padding:0 0.25vh;position:relative}section.page.page3 .content_types li .circle{cursor:pointer;position:relative;z-index:2}section.page.page3 .content_types li:hover .circle,
section.page.page3 .content_types li.active .circle{box-shadow:0 0 0 4vh rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1);transition:transform 200ms ease-out;z-index:10}section.page.page3 .content_types li:hover::after,
section.page.page3 .content_types li.active::after{border-width:0 1.6vh 0 0;margin-left:-0.8vh}section.page.page3 .content_types li:active .circle{box-shadow:0 0 0 4vh rgba(0,0,0,0.8);-webkit-transform:scale(1);transform:scale(1)}section.page.page3 .content_types li.active{z-index:11}section.page.page3 .content_types li.active .circle{z-index:9}section.page.page3 .content_types li::after{border-right:solid 0.4vh white;content:"";display:block;height:30vh;left:50%;margin-left:-0.2vh;position:absolute;top:50%;-webkit-transform-origin:top center;transform-origin:top center;width:0;z-index:1}section.page.page3 .content_types li:nth-child(1){left:10vh;top:24vh}section.page.page3 .content_types li:nth-child(1)::after{transform:rotate(-90deg)}section.page.page3 .content_types li:nth-child(1) .circle{background-color:#4c75a4}section.page.page3 .content_types li:nth-child(5){left:-10vh;top:24vh;transform-origin:-125% 125%;transition-delay:1s;transition-duration:0.5s}section.page.page3 .content_types li:nth-child(5)::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}section.page.page3 .content_types li:nth-child(5) .circle{background-color:#d77786}section.page.page3 .content_types li:nth-child(2){top:6vh}section.page.page3 .content_types li:nth-child(2)::after{-webkit-transform:rotate(-46deg);transform:rotate(-46deg)}section.page.page3 .content_types li:nth-child(2) .circle{background-color:#7e7ec2}section.page.page3 .content_types li:nth-child(4){top:6vh;transform-origin:-49% 198%;transition-delay:0.8s;transition-duration:0.5s}section.page.page3 .content_types li:nth-child(4)::after{-webkit-transform:rotate(46deg);transform:rotate(46deg)}section.page.page3 .content_types li:nth-child(4) .circle{background-color:#d26497}section.page.page3 .content_types li:nth-child(3){top:0;transform-origin:50% 220%;transition-duration:0.5s}section.page.page3 .content_types li:nth-child(3)::after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}section.page.page3 .content_types li:nth-child(3) .circle{background-color:#b16fbb}section.page.page3 .content_types li:nth-child(n + 3){transform:scale(0.1);-moz-transition-timing-function:cubic-bezier(0.325,1.65,0.6,0.86);-o-transition-timing-function:cubic-bezier(0.325,1.65,0.6,0.86);-webkit-transition-timing-function:cubic-bezier(0.325,1.65,0.6,0.86);transition-timing-function:cubic-bezier(0.325,1.65,0.6,0.86)}section.page.page3 dt.service.channel{display:table;margin:2vh auto auto;position:relative;z-index:20}section.page.page3 dt.service.channel .circle{background-color:#9e9e9e}@media (orientation: landscape) and (max-height: 414px){section.page.page3 .visor{top:5vh}section.page.page3 .visor.focused{top:0}section.page.page3 .visor p.comment{font-size:3.5vh;height:12.6vh;line-height:4.2vh}}@media (orientation: landscape) and (max-height: 320px) and (max-width: 480px){section.page.page3 .visor p.comment{font-size:3.5vh;height:12.6vh;line-height:4.2vh}}@media (orientation: portrait){section.page.page3 .visor{margin:0 -1em}section.page.page3 dl.nicoch .circle.nicoch{height:35vw;width:35vw}section.page.page3 dl.nicoch .circle.nicoch h2{font-size:5vw;font-weight:bold}section.page.page3 dl.nicoch .circle.nicoch p{font-size:3.4vw;line-height:3.4vw;margin-top:1vw}section.page.page3 dl.nicoch .circle.content_type{height:16vw;line-height:16vw;width:16vw}section.page.page3 dl.nicoch .circle.content_type h2{font-size:3.5vw}section.page.page3 dl.nicoch .content_types li{padding:0 0.2vw}section.page.page3 dl.nicoch .content_types li::after{height:22vw}section.page.page3 dl.nicoch .content_types li:nth-child(1),
  section.page.page3 dl.nicoch .content_types li:nth-child(5){top:8vh}section.page.page3 dl.nicoch .content_types li:nth-child(1){left:1vh}section.page.page3 dl.nicoch .content_types li:nth-child(1)::after{-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}section.page.page3 dl.nicoch .content_types li:nth-child(1) .circle{background-color:#4c75a4}section.page.page3 dl.nicoch .content_types li:nth-child(5){left:-1vh;transform-origin:-125% 125%;transition-delay:1s;transition-duration:0.5s}section.page.page3 dl.nicoch .content_types li:nth-child(5)::after{-webkit-transform:rotate(65deg);transform:rotate(65deg)}section.page.page3 dl.nicoch .content_types li:nth-child(5) .circle{background-color:#d77786}section.page.page3 dl.nicoch .content_types li:nth-child(2),
  section.page.page3 dl.nicoch .content_types li:nth-child(4){top:2vh}section.page.page3 dl.nicoch .content_types li:nth-child(2){left:-0.5vh}section.page.page3 dl.nicoch .content_types li:nth-child(2)::after{-webkit-transform:rotate(-36.4deg);transform:rotate(-36.4deg)}section.page.page3 dl.nicoch .content_types li:nth-child(2) .circle{background-color:#7e7ec2}section.page.page3 dl.nicoch .content_types li:nth-child(4){left:0.5vh;transform-origin:-49% 198%;transition-delay:0.8s;transition-duration:0.5s}section.page.page3 dl.nicoch .content_types li:nth-child(4)::after{-webkit-transform:rotate(36.4deg);transform:rotate(36.4deg)}section.page.page3 dl.nicoch .content_types li:nth-child(4) .circle{background-color:#d26497}section.page.page3 dl.nicoch .content_types li:nth-child(3){top:0;transform-origin:50% 220%;transition-duration:0.5s}section.page.page3 dl.nicoch .content_types li:nth-child(3)::after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}section.page.page3 dl.nicoch .content_types li:nth-child(3) .circle{background-color:#b16fbb}}@media (orientation: portrait) and (min-height: 1000px){section.page.page3 .visor h1{font-size:6vw!important}}@media (orientation: portrait) and (max-width: 768px){section.page.page3 .visor h1{font-size:4.4vh;height:10.56vh;line-height:1.2}section.page.page3 .visor p.comment{font-size:1.76vh;height:13.2vh;line-height:1.5}section.page.page3 .visor p.comment br{display:none}section.page.page3 .visor:not(.focused) h1 span{font-size:4.4vh}section.page.page3 .visor.focused h1{position:relative;top:2.2vh}}section.page.page4::after{background-image:url("../../img/start/bg04.jpg")}section.page.page4::before{background-image:url("../../img/start/grid_vh_loop.png")}section.page.page4 .horizontal li .circle{margin:0 auto 1vh}section.page.page4 ul.horizontal li{padding:1vw}section.page.page4 ul.horizontal li .circle.payment{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:normal}section.page.page4 ul.horizontal li .circle.payment *{font-weight:100}section.page.page4 ul.horizontal li .circle.payment.monthly{background:#d45981}section.page.page4 ul.horizontal li .circle.payment.ppv{background:#4570b2}section.page.page4 ul.horizontal li .detail_card{background:rgba(255,255,255,0.9);color:#333;height:10vh;padding:2vh 0;width:20rem}section.page.page4 ul.horizontal li .detail_card h3{font-size:3vh;font-weight:100}section.page.page4 ul.horizontal li ul.payment_method{display:block;line-height:normal}section.page.page4 ul.horizontal li ul.payment_method li{display:inline-block;font-size:1.7vh;font-weight:100;padding:0;white-space:nowrap}@media (orientation: landscape){section.page.page4 ul.horizontal li .circle.payment{height:30vh;width:30vh}section.page.page4 ul.horizontal li .circle.payment p{font-size:2.7vh;width:19.5vh}section.page.page4 ul.horizontal li .circle.payment h2{font-size:6vh}section.page.page4 ul.horizontal li .detail_card{display:flex;flex-direction:column;height:inherit;justify-content:center;min-height:100px;min-width:120px;padding:0;width:30vh}section.page.page4 ul.horizontal li .detail_card h3{font-size:3vh}section.page.page4 ul.horizontal li ul.payment_method{margin:0.2rem auto 0;width:30vh}section.page.page4 ul.horizontal li ul.payment_method li{font-size:1.7vh}}@media (orientation: portrait){section.page.page4 ul.horizontal li .circle.payment{height:42vw;width:42vw}section.page.page4 ul.horizontal li .circle.payment p{font-size:4vw;width:27vw}section.page.page4 ul.horizontal li .circle.payment h2{font-size:9vw}section.page.page4 ul.horizontal li .detail_card{height:20vw;margin-bottom:20vw;padding:0;width:42vw}section.page.page4 ul.horizontal li .detail_card h3{font-size:5vw;line-height:20vw}section.page.page4 ul.horizontal li .detail_card h3 br{display:none}section.page.page4 ul.horizontal li .detail_card ul.payment_method{margin-top:1vw;padding:0;position:absolute;width:86vw}section.page.page4 ul.horizontal li .detail_card ul.payment_method li{background:rgba(0,0,0,0.6);border-radius:1vw;color:white;font-size:4vw;line-height:1;margin-bottom:1vw;padding:2vw}section.page.page4 ul.horizontal li:nth-child(2) .detail_card h3{line-height:7.5vw;padding-top:2.5vw}}section.page.page5::after{background-image:url("../../img/start/bg05.jpg")}section.page.page5::before{background-image:url("../../img/start/grid_vgrad_loop.png");background-repeat:repeat-x}section.page.page5 .designed_page{background:url("../../img/start/designed_page.png") no-repeat center center;background-size:contain;display:block;height:50vh;margin:0 auto 2vh;width:90vw}@media (orientation: portrait){section.page.page5 .designed_page{height:40vh;margin:0 -1em 2vh;width:100vw}}section.page.page6::after{background-image:url("../../img/start/bg01.jpg")}section.page.page6::before{background-color:rgba(0,0,0,0.7)}section.page.page6 a.button.power_on{margin-top:2vh}section.page.page6 a.button.more_detail{margin-top:1vh}section.page.page6 ol.steps{font-size:0}section.page.page6 ol.steps li{display:inline-block;font-size:1rem;margin:0 -1.5vw;position:relative}section.page.page6 ol.steps li:nth-child(1){z-index:3}section.page.page6 ol.steps li:nth-child(1) .step{background-image:url("../../img/start/step_01.png")}section.page.page6 ol.steps li:nth-child(2){z-index:2}section.page.page6 ol.steps li:nth-child(2) .step{background-image:url("../../img/start/step_02.png")}section.page.page6 ol.steps li:nth-child(3){z-index:1}section.page.page6 ol.steps li:nth-child(3) .step{background-image:url("../../img/start/step_03.png")}section.page.page6 ol.steps .step{align-items:center;background:transparent no-repeat left top;background-size:contain;display:flex;flex-direction:column;height:17.5vw;justify-content:center;text-indent:-4.8vw;width:30vw}section.page.page6 ol.steps .step p{font-size:1.8vw;font-weight:100;letter-spacing:0.3vw;margin-top:-2vh}section.page.page6 ol.steps .step h2{font-size:2.7vw;font-weight:100;margin-top:0.6vw}@media (orientation: portrait){section.page.page6 ol.steps li{background:rgba(0,0,0,0.5);display:block;margin:0 0 0.5vh}section.page.page6 ol.steps li .step{display:block;height:12vw;width:100%}section.page.page6 ol.steps li .step p{float:left;font-size:4vw;margin:3vw 0 0 4.8vw;padding:0}section.page.page6 ol.steps li .step h2{font-size:5.60747664vw;padding:1.44578313vw 0 0 26.08695652vw;text-align:left}}@media (orientation: portrait){section.page.page6 ul.feel_free li{margin-left:10px}}a.button{background:#222;border:solid 1px rgba(255,255,255,0.8);border-radius:0;color:#fff!important;font-size:4vh;padding:1vh 0 0.4vh;text-shadow:none}a.button.power_on{background-color:#0eb891}a.button.power_on::before{background:url("../../img/start/icon_power.png") no-repeat center center;background-size:contain;content:"";display:inline-block;height:5vh;margin-left:-0.5vh;position:relative;top:-0.4vh;vertical-align:middle;width:5vh}a.button.power_on:hover{background-color:rgba(14,255,179,0.5)}a.button.more_detail{background:rgba(0,0,0,0.2);color:#fff;display:inline-block;font-size:2vh;padding:0.9vh 5vh 1vh}a.button.more_detail span{line-height:3vh}a.button.more_detail.external::before{background:url("../../img/start/icon_external.png") no-repeat center center;background-size:contain;content:"";display:inline-block;height:3vh;margin-left:-1.2vh;margin-right:0.5vh;position:relative;top:-0.2vh;vertical-align:middle;width:3vh}a.button.sns{background:transparent;font-size:0;height:30px;padding:0;position:relative;width:30px}a.button.sns::before{background:transparent no-repeat 0 0;background-size:auto 24px;content:"";height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}a.button.sns:hover::before{background-position:-24px 0}a.button.sns.twitter::before{background-image:url("../../img/start/icon_tw.png")}a.button.sns.facebook::before{background-image:url("../../img/start/icon_fb.png")}section.invitation_for_start{font-family:"Noto Sans JP",sans-serif;font-weight:100;width:1024px}section.invitation_for_start .body{padding:24px 0 32px;text-align:center}section.invitation_for_start .body .mainTitle > img{width:528px}section.invitation_for_start .body .subTitle{margin-top:24px}section.invitation_for_start .body .subTitle > img{width:1024px}section.invitation_for_start .body .channelEstablishing{margin-top:-32px}section.invitation_for_start .body .channelEstablishing > a{display:inline-block}section.invitation_for_start .body .channelEstablishing > a img{width:322px}section.invitation_for_start .body .channelEstablishing > a:hover img{filter:brightness(110%)}section.site_body{background:#f8f8f8}