ul#main-nav li:last-child { margin-right: 0px; } .kokuyo-st-container #topicpath { overflow: hidden; } #kokuyo-st-main-contents .yarukipen { letter-spacing: 0.1em; } #kokuyo-st-main-contents .yarukipen *, #kokuyo-st-main-contents .yarukipen *:after, #kokuyo-st-main-contents .yarukipen *:before { margin: 0; padding: 0; box-sizing: border-box; } #kokuyo-st-main-contents .yarukipen .text-c { text-align: center; } #kokuyo-st-main-contents .yarukipen .text-l { text-align: left; } #kokuyo-st-main-contents .yarukipen .text-r { text-align: right; } #kokuyo-st-main-contents .yarukipen a { color: inherit; transition: 0.3s; } #kokuyo-st-main-contents .yarukipen a:hover { opacity: 0.8; transition: 0.3s; } #kokuyo-st-main-contents .yarukipen u { padding-bottom: 1px; border-bottom: 4px solid #EC6A61; text-decoration: none; } #kokuyo-st-main-contents .yarukipen img { max-width: 100%; } #kokuyo-st-main-contents .yarukipen .avatar img { max-width: 80px; } #kokuyo-st-main-contents .yarukipen .hidden-pc { display: none; } #kokuyo-st-main-contents .yarukipen .clearfix { clear: both !important; } #kokuyo-st-main-contents .yarukipen .ttl { font-size: 22px; color: #19479b; font-weight: bold; text-align: center; margin-bottom: 30px; line-height: 36px; } #kokuyo-st-main-contents .yarukipen .ttl-interview { border-radius: 10px; background: #ec6a61; font-weight: bold; font-size: 24px; letter-spacing: 0.08em; text-align: center; color: #fff; line-height: 39px; margin-bottom: 0; padding: 13px; } #kokuyo-st-main-contents .yarukipen .bnr-group { padding-bottom: 42px; padding-top: 60px; } #kokuyo-st-main-contents .yarukipen .bnr-group .row { margin: 0 -11px; display: flex; } #kokuyo-st-main-contents .yarukipen .bnr-group .bnr-item { margin: 0 11px; padding: 32px 50px 38px; background-color: #D5EBEE; border-radius: 10px; width: 50%; } #kokuyo-st-main-contents .yarukipen .bnr-group .bnr-item .ttl { letter-spacing: 0.15em; margin-bottom: 36px; } #kokuyo-st-main-contents .yarukipen .bnr-group .bnr-item .image { margin-bottom: 13px; padding: 0 11px; } #kokuyo-st-main-contents .yarukipen .bnr-group .bnr-item .btn-frame { font-size: 14px; width: 92%; line-height: 46px; letter-spacing: 0.15em; padding: 0 0 0 7% !important; } #kokuyo-st-main-contents .yarukipen .bnr-group .bnr-item .btn-frame:after { top: 38%; right: 10px; border-left: 8px solid #19479b; border-top: 7px solid transparent; } #kokuyo-st-main-contents .yarukipen .monitor-cont { width: 100%; margin: 0 !important; } #kokuyo-st-main-contents .yarukipen .monitor-cont h3 { font-size: 18px !important; font-weight: bold; } #kokuyo-st-main-contents .yarukipen .monitor-cont h3:after { left: 50%; transform: translate(-50%, 0); } #kokuyo-st-main-contents .yarukipen .survey-group { padding-top: 89px; padding-bottom: 31px; } #kokuyo-st-main-contents .yarukipen .survey-group .row { display: flex; margin: 0 -12px; } #kokuyo-st-main-contents .yarukipen .survey-ttl { padding-bottom: 10px; } #kokuyo-st-main-contents .yarukipen .survey-ttl img { max-width: 662px; } #kokuyo-st-main-contents .yarukipen .survey-btn { display: inline-block; padding-top: 16px; } #kokuyo-st-main-contents .yarukipen .survey-btn span { background-color: #EC6A61; border-radius: 10px; line-height: 36px; font-size: 22px; font-weight: bold; color: #fff; padding: 7px 54px; } #kokuyo-st-main-contents .yarukipen .survey-note { font-size: 13px; padding-bottom: 75px; padding-top: 44px; } #kokuyo-st-main-contents .yarukipen .survey-note h3 { font-size: 16px; font-weight: bold; line-height: 34px; padding-bottom: 20px; } #kokuyo-st-main-contents .yarukipen .survey-item { margin: 0 12px; padding: 26px 22px; width: 50%; border-radius: 10px; } #kokuyo-st-main-contents .yarukipen .survey-item .monitor-cont { padding-bottom: 20px; } #kokuyo-st-main-contents .yarukipen .survey-item .monitor-cont h3:after { left: 50%; transform: translate(-50%, 0); border-top: 10px solid #19479b; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid transparent; } #kokuyo-st-main-contents .yarukipen .survey-item p { font-size: 18px; font-weight: bold; } #kokuyo-st-main-contents .yarukipen .survey-item p u { padding-bottom: 3px; } #kokuyo-st-main-contents .yarukipen .survey-item p span { font-size: 26px; } #kokuyo-st-main-contents .yarukipen .survey-item p span strong { font-size: 34px; } #kokuyo-st-main-contents .yarukipen .survey-item .chart-img { padding-top: 65px; padding-bottom: 44px; padding-left: 42px; padding-right: 42px; } #kokuyo-st-main-contents .yarukipen .graph-group { background: #fff; border-radius: 10px; padding: 60px 58px; } #kokuyo-st-main-contents .yarukipen .graph-img { padding-bottom: 140px; } #kokuyo-st-main-contents .yarukipen .graph-img img { max-width: 271px; } #kokuyo-st-main-contents .yarukipen .graph-wrap { position: relative; padding-top: 314px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group { padding-bottom: 57px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item { font-size: 12px; line-height: 30px; width: 254px; position: absolute; letter-spacing: normal; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item strong { font-size: 18px; font-weight: bold; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item .txt { padding-top: 14px; font-size: 14px; font-weight: bold; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item .name { font-size: 12px; padding-top: 5px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item .avatar { padding-top: 10px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-1 { top: 74px; left: 0px; width: 344px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-2 { width: 350px; top: 60px; right: 0px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-3 { top: 490px; left: 0px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-4 { width: 316px; margin: 0 auto; position: static; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-5 { width: 288px; top: 490px; right: -20px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-6 { padding-top: 26px; width: 660px; display: flex; justify-content: space-between; position: static; margin: 0 auto; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-6 .avatar { padding-top: 22px; } #kokuyo-st-main-contents .yarukipen .think { padding-top: 50px; padding-bottom: 55px; } #kokuyo-st-main-contents .yarukipen .think h2 { font-size: 34px; font-weight: bold; line-height: 55px; letter-spacing: 0.15em; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont { padding-top: 90px; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont.guide-ttl-game { padding-top: 75px; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont h3 { font-size: 24px !important; letter-spacing: 0.08em; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont h3:after { left: 50%; transform: translate(-50%, 0); border-top: 10px solid #19479b; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid transparent; } #kokuyo-st-main-contents .yarukipen .think .messenger-line { padding-bottom: 103px; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img { display: flex; padding: 57px 86px 67px; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img .img-item { width: 50%; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img .img-item img { max-width: 275px; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img .img-item-r { padding-top: 5px; padding-left: 6px; } #kokuyo-st-main-contents .yarukipen .think .messenger-group { display: block; } #kokuyo-st-main-contents .yarukipen .think .messenger-item { font-size: 12px; position: relative; width: 50%; float: left; display: inline-block; margin-bottom: 50px; padding: 0 28px; padding-right: 91px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-1, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 { padding-left: 92px; padding-right: 28px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-1 .avatar, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3 .avatar, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 .avatar { left: 0; right: auto; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-1 .content:after, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3 .content:after, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 .content:after { border-right: 10px solid #fff; border-left: 9px solid transparent; border-bottom: 9px solid transparent; border-top: 9px solid transparent; left: -18px; right: auto; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 { clear: left; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-6 { float: none; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-2 { margin-bottom: 0; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-2 h3 { padding-top: 4px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4 { margin-top: 50px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4 h3 { padding-top: 3px; padding-bottom: 15px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-6 h3 { padding-top: 3px; padding-bottom: 15px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .content { background-color: #fff; position: relative; border-radius: 10px; padding: 16px 16px 29px 19px; letter-spacing: normal; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .content:after { content: ""; width: 0; height: 0; border-left: 10px solid #fff; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-top: 9px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); right: -18px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .avatar { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } #kokuyo-st-main-contents .yarukipen .think .messenger-item strong { font-size: 18px; font-weight: bold; line-height: 30px; padding-top: 18px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .txt { font-size: 14px; font-weight: bold; line-height: 30px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .name { font-size: 12px; padding-top: 15px; } #kokuyo-st-main-contents .yarukipen .guide-comment { padding-top: 5px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-wrap { display: flex; flex-wrap: wrap; margin: 0 -27px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item { padding: 25px 27px 25px; width: 50%; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item { background-color: #fff; border-radius: 10px; padding: 17px 19px 20px; display: flex; flex-wrap: wrap; height: 100%; letter-spacing: normal; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item .content { padding: 0 5px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item .content h3 { padding-top: 3px; line-height: 30px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item .content h3, #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item .content strong { font-size: 18px; font-weight: bold; line-height: 30px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item .content .txt { font-size: 14px; font-weight: bold; line-height: 30px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item .item .desc { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; font-size: 12px; margin-top: 0px; padding-left: 5px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item.item-school-3 h3 { padding-bottom: 15px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item.item-gift-1 .content .txt { padding-bottom: 12px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item.item-gift-3 h3 { padding-bottom: 13px; } #kokuyo-st-main-contents .yarukipen .guide-comment .guide-item.item-gift-3 .avatar { margin-top: -37px; } #kokuyo-st-main-contents .yarukipen .bnr-bottom { padding-top: 32px; padding-bottom: 3px; } #kokuyo-st-main-contents .yarukipen .bnr-bottom p { padding-bottom: 44px; } #kokuyo-st-main-contents .yarukipen .show-content { display: none; } div#spec-cont div img#btn-appstore-spec { top: 61.9%; } div#spec-cont div img#btn-android-spec { top: 71.6%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #kokuyo-st-main-contents .yarukipen u { border: none; background: url(../img/yarukipen/red-line.png) 0 bottom/auto 4px repeat-x; background-position: 0 90%; } } @media (min-width: 769px) { .group-collap { display: block !important; } } @media (max-width: 768px) { section#intro { padding-bottom: 20px; background: none; overflow: hidden; } div#intro-main { margin-bottom: 0; padding-bottom: 80px; background: url(../img/pen-horizon.jpg) no-repeat center bottom; background-size: contain; } img#spec-plus { top: 51%; } div#spec-cont div.fr.fromRight { padding-top: 60px; } #kokuyo-st-main-contents #main-bomcont { display: none; } #kokuyo-st-main-contents section#news { margin-top: 40px; } #kokuyo-st-main-contents .yarukipen .hidden-sp { display: none; } #kokuyo-st-main-contents .yarukipen .hidden-pc { display: block; } #kokuyo-st-main-contents .yarukipen .ttl-interview { font-size: 20px; } #kokuyo-st-main-contents .yarukipen .monitor-cont { width: 100% !important; } #kokuyo-st-main-contents .yarukipen .group-collap { display: none; } #kokuyo-st-main-contents .yarukipen .group-collap * { opacity: 1 !important; transform: none !important; } #kokuyo-st-main-contents .yarukipen .show-content { color: #fff; font-weight: bold; border: 2px solid #fff; border-radius: 10px; text-align: center; display: block; padding: 18px 0; position: relative; cursor: pointer; } #kokuyo-st-main-contents .yarukipen .show-content:before, #kokuyo-st-main-contents .yarukipen .show-content:after { content: ''; background-color: #fff; width: 12px; height: 2px; position: absolute; top: 50%; left: 20px; margin-top: -2px; } #kokuyo-st-main-contents .yarukipen .show-content:after { transform: rotate(90deg); } #kokuyo-st-main-contents .yarukipen .show-content.expand:after { content: none; } #kokuyo-st-main-contents .yarukipen .show-content .close { display: none; } #kokuyo-st-main-contents .yarukipen .show-content.expand .open { display: none; } #kokuyo-st-main-contents .yarukipen .show-content.expand .close { display: block; } #kokuyo-st-main-contents .yarukipen .bnr-group { padding-bottom: 0; } #kokuyo-st-main-contents .yarukipen .bnr-group .row { display: block; margin: 0; padding: 0 6px; } #kokuyo-st-main-contents .yarukipen .bnr-group .row .bnr-item { margin: 0; padding: 13px 5px 18px; margin-bottom: 19px; width: 100%; padding-top: 31px; } #kokuyo-st-main-contents .yarukipen .bnr-group .row .bnr-item .ttl { margin-bottom: 27px; } #kokuyo-st-main-contents .yarukipen .bnr-group .row .bnr-item .image { margin-bottom: 15px; } #kokuyo-st-main-contents .yarukipen .bnr-group .row .bnr-item .btn-frame { padding-left: 8% !important; } #kokuyo-st-main-contents .yarukipen .bnr-group .row .bnr-item .btn-frame:after { right: 16px; } #kokuyo-st-main-contents .yarukipen .survey-group { padding-top: 58px; } #kokuyo-st-main-contents .yarukipen .survey-ttl img { max-width: 290px; } #kokuyo-st-main-contents .yarukipen .survey-btn a { font-size: 18px; padding: 7px 39px; } #kokuyo-st-main-contents .yarukipen .survey-note { padding-top: 20px; padding-bottom: 15px; } #kokuyo-st-main-contents .yarukipen .survey-note h3 { padding-bottom: 18px; display: inline-block; text-align: left; } #kokuyo-st-main-contents .yarukipen .survey-group { padding-bottom: 35px; } #kokuyo-st-main-contents .yarukipen .survey-group .row { display: block; margin: 0; } #kokuyo-st-main-contents .yarukipen .survey-group .survey-item { margin: 0; padding: 26px 7px 24px; width: 100%; } #kokuyo-st-main-contents .yarukipen .survey-group .survey-item .monitor-cont { padding-bottom: 15px; } #kokuyo-st-main-contents .yarukipen .survey-group .survey-item .monitor-cont h3 { font-size: 16px !important; padding: 12px !important; } #kokuyo-st-main-contents .yarukipen .survey-group .survey-item p { font-size: 16px; } #kokuyo-st-main-contents .yarukipen .survey-group .survey-item p u { padding-bottom: 11px; } #kokuyo-st-main-contents .yarukipen .survey-group .survey-item .chart-img { padding-top: 47px; padding-bottom: 0px; padding-left: 34px; padding-right: 35px; } #kokuyo-st-main-contents .yarukipen .graph-group { margin: 0 8px; padding: 30px 0; } #kokuyo-st-main-contents .yarukipen .graph-wrap { padding-top: 0; } #kokuyo-st-main-contents .yarukipen .graph-img { padding-top: 38px; padding-bottom: 18px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group { padding: 0 21px 0 23px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .show-content { color: #19479B; border-color: #19479B; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .show-content:before, #kokuyo-st-main-contents .yarukipen .graph-cmt-group .show-content:after { background-color: #19479B; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item { position: static; padding-bottom: 47px; width: 100%; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item .name { padding-top: 6px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item .avatar { padding-top: 8px; transform: none; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-1 { width: 100%; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-2 { width: 100%; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-2 .txt { padding-top: 10px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-2 .name { padding-top: 8px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-3 { padding-top: 10px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-3 .name { padding-top: 8px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-3 .avatar { padding-top: 3px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-4 { width: 100%; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-4 .name { padding-top: 3px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-4 .avatar { padding-top: 9px; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-5 { width: 100%; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-6 { width: 100%; display: block; padding-top: 0; } #kokuyo-st-main-contents .yarukipen .graph-cmt-group .cmt-item.cmt-6 .avatar { padding-top: 11px; } #kokuyo-st-main-contents .yarukipen .think { padding-left: 7px; padding-right: 7px; } #kokuyo-st-main-contents .yarukipen .think h2 { font-size: 22px; line-height: 36px; padding-bottom: 25px; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont { padding-top: 0; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont.guide-ttl-game { padding-top: 40px; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont h3 { font-size: 20px !important; line-height: 30px; } #kokuyo-st-main-contents .yarukipen .think .monitor-cont h3:after { left: 50%; transform: translate(-50%, 0); } #kokuyo-st-main-contents .yarukipen .think .messenger-line { padding-top: 27px; padding-bottom: 46px; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img { display: block; padding: 0; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img .img-item { width: 100%; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img .img-item img { max-width: 272px; } #kokuyo-st-main-contents .yarukipen .think .messenger-line .group-img .img-item-r { padding-top: 26px; padding-left: 0; } #kokuyo-st-main-contents .yarukipen .think .messenger-group { padding-top: 46px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item { float: none; width: 100%; padding: 0; margin-bottom: 31px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .content { padding: 22px 13px 32px 24px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .content:after { top: auto !important; left: 50%; transform: translate(-50%, 0); bottom: -18px; border-top: 10px solid #fff; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid transparent; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .content h3 { padding-top: 15px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .content .name { padding-top: 18px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item .avatar { position: static; text-align: center; padding-top: 11px; transform: none; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-1, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 { padding: 0; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-1 .content:after, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3 .content:after, #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 .content:after { top: auto !important; left: 50%; transform: translate(-50%, 0); bottom: -18px; border-top: 10px solid #fff; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid transparent; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-2 { margin-bottom: 31px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-2 .content { padding-top: 20px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-2 .content .name { padding-top: 14px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-2 h3 { padding-top: 0; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3 .content { padding-top: 15px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3 .content .name { padding-top: 15px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-3 h3 { padding-top: 11px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4 { margin-top: 0px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4 .content { padding-top: 12px; padding-bottom: 35px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4 .content .name { padding-top: 19px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-4 h3 { padding-top: 11px; padding-bottom: 10px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-5 .content .name { padding-top: 15px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-6 .content { padding-top: 8px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-6 .content .name { padding-top: 18px; } #kokuyo-st-main-contents .yarukipen .think .messenger-item.messenger-6 h3 { padding-bottom: 10px; } #kokuyo-st-main-contents .yarukipen .think .guide-comment { padding-top: 0px; } #kokuyo-st-main-contents .yarukipen .think .guide-comment .show-content { margin-top: 20px; margin-bottom: 20px; } #kokuyo-st-main-contents .yarukipen .think .guide-comment .guide-item { width: 100%; padding-top: 10px; padding-bottom: 8px; } #kokuyo-st-main-contents .yarukipen .think .guide-comment .guide-item .item { padding-bottom: 24px; } #kokuyo-st-main-contents .yarukipen .think .guide-comment .guide-item .item .desc { padding-right: 5px; margin-top: 0px; } #kokuyo-st-main-contents .yarukipen .think .guide-wrap { display: block; } #kokuyo-st-main-contents .yarukipen .think .guide-gift .item-gift .item .content h3 { padding-top: 0; } #kokuyo-st-main-contents .yarukipen .think .guide-gift .item-gift .item .desc { padding-top: 7px; margin-top: 0; } #kokuyo-st-main-contents .yarukipen .think .guide-gift .item-gift .item .desc .avatar { transform: none; } #kokuyo-st-main-contents .yarukipen .think .guide-gift .item-gift.item-gift-1 .content .txt { padding-bottom: 9px; } #kokuyo-st-main-contents .yarukipen .think .guide-gift .item-gift.item-gift-3 h3 { padding-bottom: 10px; } #kokuyo-st-main-contents .yarukipen .think .guide-gift .item-gift.item-gift-3 .avatar { margin-top: 0; } div#spec-cont div img#btn-appstore-spec { top: 65.9%; } div#spec-cont div img#btn-android-spec { top: 75.6%; } } @media (max-width: 750px) { section#intro { padding-bottom: 20px; } } /*20231017update*/ #kokuyo-st-main-contents .yarukipen .movie { padding-top: 50px; } #kokuyo-st-main-contents .yarukipen .movie iframe { display:block; margin-left: auto; margin-right: auto; } @media (max-width: 750px) { #kokuyo-st-main-contents .yarukipen .movie > div { width: 100%; aspect-ratio: 16 / 9; } #kokuyo-st-main-contents .yarukipen .movie iframe { width: 100%; height: 100%; } }