@charset "UTF-8";@media screen and (min-width: 768px) and (max-width: 979px){html{overflow-x:hidden}}@media screen and (max-width: 767px){html{overflow-x:hidden}}html.is-showModal{overflow:hidden}body{font-family:-apple-system-subset,Hiragino Sans,ヒラギノ角ゴシック,メイリオ,Meiryo,YuGothic,Yu Gothic,ＭＳ Ｐゴシック,MS PGothic,Helvetica Neue,Helvetica,Arial,"Segoe UI Emoji";font-size:16px;line-height:1;font-weight:400;color:#222;-webkit-font-smoothing:antialiased;word-wrap:break-word}@media screen and (max-width: 767px){body{overflow-x:hidden}}h1,h2,h3,h4,h5,h6,p{line-height:1.4}a{display:inline-block;text-decoration:none;color:#0070bd;cursor:pointer}a:hover{text-decoration:underline;color:#0077c8b3}img{max-width:100%;height:auto;pointer-events:none}@media screen and (min-width: 768px){img[src$=".svg"]{width:100%}}input,select,textarea{font-family:inherit}@media screen and (max-width: 767px){input,select,textarea{font-size:16px}}select::-ms-expand{display:none}input::-ms-clear{visibility:hidden}input::-ms-reveal{visibility:hidden}@media screen and (min-width: 768px){.sp{display:none!important}}@media screen and (max-width: 767px){.pc{display:none!important}}.tab{display:none!important}@media screen and (min-width: 768px) and (max-width: 979px){.tab{display:block!important}}.m-1{margin:10px}.m-2{margin:20px}.mx-1{margin-right:10px;margin-left:10px}.mx-auto{margin-right:auto;margin-left:auto}.my-1{margin-top:10px;margin-bottom:10px}.my-2{margin-top:20px;margin-bottom:20px}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:45px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mr-1{margin-right:10px}.mr-2{margin-right:20px}.mr-3{margin-right:45px}.ml-1{margin-left:10px}.ml-2{margin-left:20px}.p-1{padding:10px}.p-2{padding:20px}.px-1{padding-right:10px;padding-left:10px}.px-2{padding-right:20px;padding-left:20px}.px-3{padding-right:45px;padding-left:45px}.py-1{padding-top:10px;padding-bottom:10px}.py-2{padding-top:20px;padding-bottom:20px}.pt-1{padding-top:10px}.pt-2{padding-top:20px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:10px}.pb-2{padding-bottom:20px}.pl-1{padding-left:10px}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent;box-sizing:border-box}body{counter-reset:count-list}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:600}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{width:100%;border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px dotted #cbcbce;margin:1em 0;padding:0}@media screen and (max-width: 767px){hr{height:0;margin:0;border:none}}input,select{vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}img{vertical-align:top}input{padding:0;border-radius:0;outline:none;background:none;border:1px solid #d5d5d8}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}p{margin-bottom:1em}.c-button-rounded{display:block;padding:.8em;border-radius:50px;font-size:18px;font-weight:600;text-align:center;color:#fff;background-color:#5cc5f8;cursor:pointer;box-shadow:0 3px #d5d5d8}@media screen and (max-width: 767px){.c-button-rounded{font-size:15px;padding:.6em}}@media screen and (min-width: 768px){.c-button-rounded:hover{text-decoration:none;transform:translateY(3px);box-shadow:none;color:#fff}}.c-button-rounded img{display:inline-block;width:auto;margin:0 5px}.c-button-rounded--pink{background-color:#d62455;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.c-button-rounded--blue{background-color:#0070bd;text-decoration:none}.c-button-rounded--blue:hover{color:#fff;text-decoration:none}.c-button-rounded--white{color:#222;background-color:#fff}.c-button-rounded--outline{border-radius:10px;border:2px solid #5cc5f8;color:#5cc5f8;background-color:#fff}.c-button-rounded--stop{color:#d5d5d8;background-color:#657786;box-shadow:none;cursor:not-allowed}.c-button-rounded--stop:hover{transform:translateY(0)}.c-button-rounded.w-100{width:100%}.c-button-rounded.w-90{width:90%}.c-smallText{font-size:.7rem;color:#657786}.c-smallText.is-colorText{color:#222;font-size:.75rem}@media screen and (max-width: 767px){.c-smallText.is-colorText{font-size:.7rem}}.c-smallText.is-colorLink{color:#0070bd}.c-smallText.is-colorSecondary{color:#ff8ba6}.c-smallText.is-korepochi{color:#d93e00;font-size:.9rem}.c-smallText.is-ranking{color:#0070bd;font-size:.9rem}@media screen and (max-width: 767px){.c-smallText.is-ranking{font-size:.75rem}}.c-iconRes{position:relative;padding-left:16px}.c-iconRes:before{content:"";display:inline-block;width:13px;height:12px;background-image:url(/assets/v2.0/images/common/icon_fukidashi.svg);background-repeat:no-repeat;background-position:0 -10px;background-size:100%;position:absolute;top:-2px;left:0}.c-iconFav:before{content:"";display:inline-block;width:12px;height:12px;margin-right:2px;border-radius:50%;border:2px solid #ff8ba6;background-image:url(/assets/v2.0/images/common/icon_topi_fav.svg);background-color:#ff8ba6;background-repeat:no-repeat;background-position:center -36px;background-size:100%;vertical-align:top;transform:translateY(-2px)}.icon-genre{display:inline-block;width:18px;margin-right:3px;vertical-align:middle;background-size:120%;background-position:center;background-repeat:no-repeat}.layout-contents{display:flex;flex-wrap:wrap;width:100%;max-width:1220px;min-height:calc(100vh - 236px);margin:auto;padding:24px 10px 0}@media screen and (max-width: 767px){.layout-contents{display:block;padding:0}}.layout-contents__left{width:180px;display:block;order:1}@media screen and (min-width: 768px) and (max-width: 979px){.layout-contents__left{width:0}}.layout-contents__center{width:calc(100% - 540px);margin-right:30px;margin-left:30px;order:2}@media screen and (min-width: 768px) and (max-width: 979px){.layout-contents__center{width:calc(100% - 360px);margin-left:15px}}@media screen and (max-width: 767px){.layout-contents__center{width:100%}}.is-centerFull .layout-contents__center{width:100%;margin-right:0;margin-left:0}.layout-contents__right{width:300px;order:3}@media screen and (max-width: 767px){.layout-contents__right{width:100%}}.layout-contents__full{width:100%}@media screen and (max-width: 767px){.layout-contents__left,.layout-contents__center,.layout-contents__right{flex-basis:100%;margin:0;min-height:1px}}@media screen and (max-width: 767px){.p-mainContents__inner{padding-left:10px;padding-right:10px}}.p-mainContentsFoot{margin-bottom:1rem}.layout-footer{background-color:#fff}.layout-footer__navList{display:flex;max-width:1220px;padding:0 10px;margin:30px auto}@media screen and (max-width: 767px){.layout-footer__navList{display:block;padding:0;margin:0}}.is-errorPage .layout-footer__navList{display:block}.layout-footer__navListItem{position:relative;padding-left:20px;padding-bottom:20px}@media screen and (max-width: 767px){.layout-footer__navListItem{padding-left:0;padding-bottom:0;border-bottom:solid 1px #cbcbce}.layout-footer__navListItem:last-child{display:grid;border-bottom:solid 4px #cbcbce}}.layout-footer__navListItem:before{content:"";display:inline-block;position:absolute;top:-4px;left:1px;background-color:#eaeaea;background-position:center;background-repeat:no-repeat;border-radius:2px;width:4px;height:100%}@media screen and (max-width: 767px){.layout-footer__navListItem:before{background-color:transparent}}.is-errorPage .layout-footer__navListItem{padding-left:0}.is-errorPage .layout-footer__navListItem:before{display:none}.layout-footer__navListItem.is-genre{width:50%;margin-right:30px}@media screen and (max-width: 767px){.layout-footer__navListItem.is-genre{width:100%;margin-right:0}}.layout-footer__navListItem.is-articleCorner{width:25%;margin-right:30px}@media screen and (max-width: 767px){.layout-footer__navListItem.is-articleCorner{width:100%;margin-right:0}}.layout-footer__navListItem.layout-footer__linkBtns{width:calc(25% - 60px)}@media screen and (max-width: 767px){.layout-footer__navListItem.layout-footer__linkBtns{width:100%}}.layout-footer__navListItemHeader{color:#222;font-size:13px;font-weight:600;position:relative;padding-bottom:15px}@media screen and (max-width: 767px){.layout-footer__navListItemHeader{border-bottom:solid 1px #cbcbce;width:calc(100% - 10px);padding-left:10px;padding-top:15px}}.layout-footer__navListItemHeader:after{content:"";display:inline-block;width:12px;height:12px;background-image:url(/assets/v2.0/images/common/icon_arrow_side_dark.svg);background-repeat:no-repeat;background-position:center;transform:rotateY(180deg);position:absolute;right:-16px;top:-1px}@media screen and (max-width: 767px){.layout-footer__navListItemHeader:after{right:10px;top:16px}}.layout-footer__toTop{position:fixed;z-index:5;right:30px;bottom:90px;cursor:pointer;width:42px;height:42px;background:#fff;border-radius:50%;border:1px solid #5cc5f8;box-shadow:0 4px #2222221a;font-weight:400;font-size:10px;color:#657786;text-align:center}.layout-footer__toTop.is-readOnly{bottom:30px}.layout-footer__toTop:before{display:block;content:"";width:16px;height:16px;background-image:url(/assets/v2.0/images/common/icon_arrow.svg);background-repeat:no-repeat;background-position:center;background-size:100%;margin:5px auto 0}.layout-footer__toTop:hover{box-shadow:none;margin-bottom:-4px}@media screen and (max-width: 767px){.layout-footer__toTop{right:8px;bottom:125px}}.layout-footer__link{padding:0 0 10px}@media screen and (max-width: 767px){.layout-footer__link{padding:20px 0;background-color:#f5f5f7}}.layout-footer__linkBtns{padding-left:30px}@media screen and (max-width: 767px){.layout-footer__linkBtns{padding:30px 0;text-align:center}}.is-errorPage .layout-footer__linkBtns{padding-left:0;text-align:center}.layout-footer__linkBtnOtekomachi{margin-bottom:10px}@media screen and (max-width: 767px){.layout-footer__linkBtnOtekomachi{margin-bottom:20px}}.is-errorPage .layout-footer__linkBtnOtekomachi{margin-right:10px}@media screen and (max-width: 767px){.is-errorPage .layout-footer__linkBtnOtekomachi{margin-right:0}}.layout-footer__linkBtnOtekomachiImg{width:120px;height:auto}@media screen and (max-width: 767px){.layout-footer__linkBtnOtekomachiImg{width:180px}}.layout-footer__linkBtnYolImg{width:120px;height:auto}.is-errorPage .layout-footer__linkBtnYolImg{width:170px}@media screen and (max-width: 767px){.layout-footer__linkBtnYolImg{width:180px}}.layout-footer__linkList{width:90%;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap}.layout-footer__linkListItem{margin-bottom:10px;font-size:14px}.layout-footer__linkListItem:not(:last-child){padding-right:10px;margin-right:10px;border-right:1px solid #0070bd}.layout-footer__linkListItem a:hover{text-decoration:underline;color:#0077c8b3}.layout-footer__copyright{padding:20px 0 110px;font-size:12px;text-align:center;color:#fff;background-color:#222}@media screen and (max-width: 767px){.layout-footer__copyright{padding:20px 0 80px}}.is-errorPage .layout-footer__copyright{padding-bottom:30px}.layout-header{padding-top:58px}@media screen and (max-width: 767px){.layout-header{padding-top:0;height:52px}}.layout-header:after{content:"";position:fixed;top:55px;height:3px;width:100%;z-index:8;background-color:#0000001a}@media screen and (max-width: 767px){.layout-header:after{display:none}}.layout-header__inner{z-index:10;background-color:#fff;position:fixed;top:0;left:0;width:100%;height:55px}@media screen and (max-width: 767px){.layout-header__inner{height:auto;box-shadow:none}}@media screen and (min-width: 768px) and (max-width: 979px){.layout-header__inner{box-shadow:none}}.layout-header__body{width:100%;max-width:1220px;display:flex;flex-wrap:wrap;align-items:center;padding:5px 10px 0;margin:0 auto}@media screen and (max-width: 767px){.layout-header__body{padding:.1em 0;border-bottom:1px solid #eaeaea}}.layout-header__hmenu{width:30px;height:30px;margin-left:8px;margin-right:43px;border-radius:3px;position:relative}@media screen and (min-width: 768px) and (max-width: 979px){.layout-header__hmenu{margin-right:18px}}.layout-header__hmenu span,.layout-header__hmenu:before,.layout-header__hmenu:after{content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 7px);width:14px;border-bottom:2px solid #657786;transition:transform .6s cubic-bezier(.215,.61,.355,1);font-size:0}.layout-header__hmenu:before{transform:translateY(-6px)}.layout-header__hmenu:after{transform:translateY(6px)}.layout-header__hmenu.is-open{border-radius:50%;background-color:#657786;border-color:#657786}.layout-header__hmenu.is-open span{transform:scaleX(0)}.layout-header__hmenu.is-open:before{transform:rotate(45deg);border-color:#fff}.layout-header__hmenu.is-open:after{transform:rotate(-45deg);border-color:#fff}.layout-header__logo{display:inline-block;width:118px;margin-right:12px}@media screen and (max-width: 767px){.layout-header__logo{width:118px;flex:1;text-align:center;margin:0 auto}}.layout-header__logoImage{padding:8px 0}.layout-header__list{width:100%;flex:1;display:flex}.layout-header__listItem{display:inline-flex;display:-ms-inline-flexbox;align-items:center;vertical-align:middle;margin-right:10px;flex-wrap:wrap;line-height:1.4}.layout-header__listItem.is-topiListLink{width:25%;max-width:152px;min-width:100px}.layout-header__listItem.is-existNotificattion{width:44%;max-width:280px}@media screen and (min-width: 768px) and (max-width: 979px){.layout-header__listItem{margin-right:5px}}.layout-header__listRanking{font-size:13px;margin-right:5px;color:#222}.layout-header__listRanking:hover{text-decoration:underline;color:#657786;transition:.1s}.layout-header__listRanking:before{content:"";display:inline-block;width:20px;height:15px;margin-right:3px;margin-bottom:-1px;background-image:url(/assets/v2.0/images/common/icon_ranking.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%}.layout-header__listNew{font-size:13px;color:#222}.layout-header__listNew:hover{text-decoration:underline;color:#657786;transition:.1s}.layout-header__listNew:before{content:"";display:inline-block;width:17px;height:17px;margin-right:3px;margin-bottom:-1px;background-image:url(/assets/v2.0/images/common/icon_new.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%}.layout-header__listLinkToMypage,.layout-header__listSignup{display:inline-flex;font-size:12px;font-weight:400;cursor:pointer;color:#0070bd;border-bottom:1px dotted #0070bd;text-decoration:none;position:relative;padding-left:8px}.layout-header__listLinkToMypage:hover,.layout-header__listSignup:hover{border-color:#0000;transition:.1s;text-decoration:underline;color:#0077c8b3}.layout-header__listLinkToMypage:before,.layout-header__listSignup:before{content:"";box-sizing:border-box;width:4px;height:4px;border:4px solid transparent;border-left:4px solid #0070bd;position:absolute;left:0;top:4px}.layout-header__listLogin{display:block;font-size:12px;text-align:center;background-color:#fff;border-radius:3px;position:relative;box-sizing:border-box;width:96px;float:right;padding:8px 8px 7px;color:#222;border:solid 1px #d5d5d8;cursor:pointer}.layout-header__listLogin:before{content:"";display:inline-block;margin-top:-8px;height:12px;width:12px;background-image:url(/assets/v2.0/images/common/icon_signin.svg);background-repeat:no-repeat;background-size:90%;background-position:center;position:relative;top:2px;margin-right:5px}.layout-header__listLogin:hover{background-color:#efeff4}.layout-header__listLogout{display:block;font-size:12px;text-align:center;background-color:#fff;border-radius:3px;position:relative;box-sizing:border-box;width:100px;float:right;padding:8px 8px 7px;color:#222;border:solid 1px #d5d5d8;cursor:pointer}.layout-header__listLogout:before{content:"";display:inline-block;margin-top:-8px;height:12px;width:12px;background-image:url(/assets/v2.0/images/common/icon_signout.svg);background-repeat:no-repeat;background-size:90%;background-position:center;position:relative;top:2px;margin-right:5px}.layout-header__listLogout:hover{background-color:#efeff4}.layout-header__listNotification{font-size:12px;font-weight:400;color:#222;margin-right:5px}.layout-header__listNotification:hover{color:#0070bd;text-decoration:none}.layout-header__listNotification:before{content:"";display:inline-block;width:12px;height:12px;margin-right:3px;background-image:url(/assets/v2.0/images/common/icon_notice.svg);background-repeat:no-repeat;background-position:center bottom;background-size:contain}.layout-header__listNotificationValue{color:#d62455}.layout-header__searchPc{display:flex;align-items:center}.layout-header__searchPcInputForm{width:200px;position:relative}@media screen and (min-width: 768px) and (max-width: 979px){.layout-header__searchPcInputForm{display:none}}.layout-header__searchPcModalSwitch{width:64px;font-size:12px;line-height:30px;margin:0 0 0 10px;color:#0070bd;cursor:pointer}@media screen and (min-width: 768px) and (max-width: 979px){.layout-header__searchPcModalSwitch{display:none}}.layout-header__searchPcModalSwitch:before{content:"";box-sizing:border-box;width:4px;height:8px;border:4px solid transparent;border-left:4px solid #0070bd;display:inline-block}.layout-header__searchPcModalSwitch:hover{text-decoration:underline;color:#0077c8b3}.layout-header__searchPcInput{border:1px solid #cbcbce;height:30px;font-size:12px;width:100%;padding:0 4.5em 0 .5em;box-sizing:border-box}.layout-header__searchPcInput:focus{box-shadow:inset 0 1px 1px #00000003,0 0 8px #228be680}.layout-header__searchPc:hover .layout-header__searchPcInput{border:1px solid #5cc5f8;background-color:#fff;transition:.2s}.layout-header__searchPcSubmit{position:absolute;right:3px;top:0;bottom:0;margin:auto;border-radius:4px;font-size:11px;background-color:#0077c8;color:#fff;height:24px;line-height:24px;padding:0 12px}.layout-header__searchPcSubmit:hover{background-color:#5cc5f8;transition:.2s}.layout-header__searchTab button,.layout-header__searchSp button{width:30px;margin-top:5px;margin-right:5px;font-size:10px;color:#657786}.layout-header__searchTab button:before,.layout-header__searchSp button:before{content:"";display:block;width:20px;height:20px;margin:0 auto;background-image:url(/assets/v2.0/images/common/icon_search_gray.svg);background-repeat:no-repeat;background-position:center;background-size:100%;opacity:.5}.layout-header__newEntry{margin-top:-3px;margin-left:1em;padding:.9em 3em;border-radius:50px;font-size:12px;font-weight:600;color:#fff;background-color:#d62455;box-shadow:0 3px #d5d5d8}.layout-header__newEntry:before{display:inline-block;content:"";width:12px;height:12px;background-image:url(/assets/v2.0/images/common/icon_edit_white.svg);background-repeat:no-repeat;background-position:center;background-size:100%;margin:0 2px 0 0}.layout-header__newEntry:hover{text-decoration:none;box-shadow:none;margin-top:3px}@media screen and (max-width: 767px){.layout-header__newEntry:hover{background-color:transparent;margin-top:0}}@media screen and (max-width: 767px){.layout-header__newEntry{margin:0 5px 0 0;text-align:center;padding:5px 0 0;border-radius:0;font-size:100%;background-color:transparent;box-shadow:none;width:44px;font-size:10px;color:#657786;font-weight:400}.layout-header__newEntry:before{display:block;content:"";width:20px;height:20px;margin:0 auto;background-image:url(/assets/v2.0/images/common/icon_edit_pink.svg);background-repeat:no-repeat;background-position:center;background-size:100%;opacity:.5}}@media screen and (min-width: 768px) and (max-width: 979px){.layout-header__newEntry{margin-left:0}}.layout-header__fontSize{display:flex;font-size:13px;font-weight:600;align-items:center;justify-content:space-between;padding:10px 0}.layout-header__fontSizeChange{display:flex}.layout-header__fontSizeChangeButton{padding:4px;height:28px;font-size:13px;font-weight:600;color:#0070bd;border:1px solid rgba(0,0,0,0)}.layout-header__fontSizeChangeButton.is-current{border:1px solid #0070bd;border-color:#0070bd}
