@charset "UTF-8";body,html{overflow:visible;min-height:100%}body{font-family:"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:10px;font-weight:400;line-height:1.75;color:#1e1a33;background-color:#e6e6e6;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto}body *,body ::after,body ::before{box-sizing:border-box;border-width:0}.nav-container{width:100%}.nav{width:100%;height:50px;background-color:#e6e6e6;margin:auto}@media (min-width:768px){.nav{height:60px}}.nav a,.nav label{line-height:1;display:block;text-decoration:none;color:#000;outline:0}.nav a i,.nav label i{font-size:280%}.nav__group{display:flex;margin:0;padding:0 8px;justify-content:center;align-items:center;height:100%}.nav__item{margin:0;padding:8px;list-style:none}.nav__item img{height:24px}@media (min-width:768px){.nav__item img{height:32px}}.nav__label{margin:0;padding:0}.nav__hobo{text-align:right}.nav__books{text-align:left}.nav__cart{padding:5px 10px 0 0;text-align:center}.nav__cart a{padding:6px}.nav__cart a i{font-size:240%}.nav__menu{padding:5px 10px 0 10px}.nav__menu a,.nav__menu label{position:relative;width:32px;height:32px;padding:4px}.nav__menu a span,.nav__menu label span{font-size:0;position:absolute;left:4px;display:block;width:24px;height:1px;transition:all .25s;background-color:#000}.nav__menu a span:first-child,.nav__menu label span:first-child{top:7px}.nav__menu a span:nth-child(2),.nav__menu a span:nth-child(3),.nav__menu label span:nth-child(2),.nav__menu label span:nth-child(3){top:16px}.nav__menu a span:nth-child(4),.nav__menu label span:nth-child(4){top:25px}.nav__menu label{transition:opacity .25s;cursor:pointer}.nav__menu.open a span:first-child,.nav__menu.open label span:first-child{left:36px;width:0}.nav__menu.open a span:nth-child(2),.nav__menu.open label span:nth-child(2){transform:rotate(45deg)}.nav__menu.open a span:nth-child(3),.nav__menu.open label span:nth-child(3){transform:rotate(-45deg)}.nav__menu.open a span:nth-child(4),.nav__menu.open label span:nth-child(4){width:0}[data-state=show]{animation:show .5s linear}.main-image [data-state=show]{animation:show2 1s cubic-bezier(.39,.575,.565,1)}[data-state=shown]{opacity:1}[data-state=hide]{animation:hide .5s linear}[data-state=hidden]{opacity:0}[data-state=none]{opacity:0;display:none}#contents{background-color:#fff;padding:0;margin:auto;max-width:960px}#contents header h2{background:url(../images/ph_main_sp.jpg) no-repeat center top;background-size:contain;padding-top:100vw;position:relative}@media (min-width:576px){#contents header h2{background-image:url(../images/ph_main_pc.jpg);padding-top:56.25%}}#contents header h2 span{position:absolute;text-indent:-200%;overflow:hidden;white-space:nowrap;width:100%}#contents header p{font-size:140%;line-height:1.75;width:87.5%;max-width:400px;margin:40px auto;font-family:"A1 Gothic B JIS2004",sans-serif;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;font-weight:400}.ua-desktop-windows #contents header p{transform:rotate(.001deg)}@media (min-width:576px){#contents header p{font-size:180%}}#index-page>section{padding:0}#list{display:flex;flex-wrap:wrap;justify-content:center}@media (min-width:768px){#list{justify-content:flex-start;max-width:848px;margin:auto}}#list li{margin:.625vw}@media (min-width:768px){#list li{width:calc(25% - 1.25vw)}}#list li a{display:flex;align-items:flex-end;justify-content:center;width:48.75vw;height:48.75vw;max-width:196px;max-height:196px;background:no-repeat center center;background-size:cover;border-radius:10px}@media (min-width:768px){#list li a{width:100%}}#list li a p{padding:2px 0;text-align:center;background-color:rgba(255,255,255,.5);width:100%;font-size:180%;line-height:1.2;text-shadow:0 .5px 5px #fff;font-family:"A1 Gothic B JIS2004",sans-serif;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;font-weight:400}.ua-desktop-windows #list li a p{transform:rotate(.001deg)}#list li a p small{display:block;font-size:55.5555555556%}@media (min-width:576px){#list li a p small{font-size:66.6666666667%}}#list li a p span{display:inline-block;white-space:nowrap}.device-sp #list li a{display:flex}.device-pc #list li a{transition:opacity .25s}.device-pc #list li a:hover{opacity:.5}#detail-page nav ul li a,#notfound nav ul li a{color:#000;font-size:160%;font-weight:700;display:flex;align-items:center;cursor:pointer;line-height:1;position:relative;padding:1em}#detail-page nav ul li a.back,#notfound nav ul li a.back{border:2px solid #000;border-radius:8px;padding-left:1.9em}#detail-page nav ul li a.back::before,#notfound nav ul li a.back::before{position:absolute;left:.2em;font-size:150%}#detail-page nav ul li a.prev,#notfound nav ul li a.prev{padding-left:1.9em}#detail-page nav ul li a.prev::before,#notfound nav ul li a.prev::before{position:absolute;left:.2em;font-size:150%}#detail-page nav ul li a.next,#notfound nav ul li a.next{padding-right:1.9em}#detail-page nav ul li a.next::before,#notfound nav ul li a.next::before{right:.2em;color:#000}.device-sp #detail-page nav ul,.device-sp #notfound nav ul{display:flex;flex-direction:column;align-items:center;margin-top:40px}.device-sp #detail-page nav ul li,.device-sp #notfound nav ul li{margin:.5em auto}.device-sp #detail-page nav ul li:nth-of-type(2),.device-sp #notfound nav ul li:nth-of-type(2){order:3}.device-sp #detail-page nav ul li:first-of-type,.device-sp #notfound nav ul li:first-of-type{order:1}.device-sp #detail-page nav ul li:last-of-type,.device-sp #notfound nav ul li:last-of-type{order:2}.device-sp #detail-page nav ul li a,.device-sp #notfound nav ul li a{display:flex}.device-sp #detail-page nav ul li a.prev,.device-sp #notfound nav ul li a.prev{padding:.5em;padding-left:1.9em}.device-sp #detail-page nav ul li a.next,.device-sp #notfound nav ul li a.next{padding:.5em;padding-right:1.9em;margin-bottom:1em}@media (min-width:768px){.device-sp #detail-page nav ul,.device-sp #notfound nav ul{flex-direction:row;justify-content:space-around}.device-sp #detail-page nav ul li,.device-sp #notfound nav ul li{width:240px}.device-sp #detail-page nav ul li:nth-of-type(2),.device-sp #notfound nav ul li:nth-of-type(2){order:2}.device-sp #detail-page nav ul li:first-of-type,.device-sp #notfound nav ul li:first-of-type{order:1}.device-sp #detail-page nav ul li:last-of-type,.device-sp #notfound nav ul li:last-of-type{order:3}.device-sp #detail-page nav ul li a.back,.device-sp #notfound nav ul li a.back{justify-content:center;padding:1em}.device-sp #detail-page nav ul li a.back::before,.device-sp #notfound nav ul li a.back::before{position:static;line-height:0}.device-sp #detail-page nav ul li a.next,.device-sp #notfound nav ul li a.next{justify-content:flex-end}}.device-pc #detail-page nav,.device-pc #notfound nav{margin-top:40px}.device-pc #detail-page nav ul,.device-pc #notfound nav ul{display:flex;flex-direction:row;justify-content:space-around}.device-pc #detail-page nav ul li,.device-pc #notfound nav ul li{width:240px}.device-pc #detail-page nav ul li a,.device-pc #notfound nav ul li a{transition:opacity .25s}.device-pc #detail-page nav ul li a:hover,.device-pc #notfound nav ul li a:hover{opacity:.5}.device-pc #detail-page nav ul li a.back,.device-pc #notfound nav ul li a.back{justify-content:center;padding:1em}.device-pc #detail-page nav ul li a.back::before,.device-pc #notfound nav ul li a.back::before{position:static;line-height:0}.device-pc #detail-page nav ul li a.next,.device-pc #notfound nav ul li a.next{justify-content:flex-end}#detail[data-id="440768"] h2{margin-bottom:70px}@media (min-width:576px){#detail[data-id="440768"] h2{margin-bottom:140px}}#detail[data-id="440768"] h2 span{top:100%;height:auto;background-color:#f3595e}#detail{letter-spacing:.1em}@media (min-width:576px){#detail>div{margin-bottom:40px}}@media (min-width:768px){#detail>div{margin-bottom:80px}}#detail h2{padding-top:100%;background-size:contain;position:relative;color:#fff}@media (min-width:576px){#detail h2{padding-top:56.25%}}#detail h2 span{top:0;left:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;position:absolute;overflow:hidden;white-space:nowrap;width:100%;height:100%;font-family:"A1 Gothic B JIS2004",sans-serif}@media (min-width:576px){#detail h2 span{font-size:200%}}#detail h2 span small{font-size:160%;text-shadow:0 .5px 5px #000}#detail h2 span em{font-size:240%;text-shadow:0 .5px 5px #000}#detail h3{width:92.5%;margin:7.5% auto;display:flex;flex-direction:column;align-items:flex-end}#detail h3 .title{background-color:#fff;border:2px solid #000;border-radius:8px;position:relative;width:100%;font-size:180%;line-height:1.3888888889;padding:3.3783783784%;min-height:66px;display:flex;align-items:center;color:#000}#detail h3 .title::after{content:"";background:url(../images/balloon_arrow_sp.svg) no-repeat center top;background-size:contain;display:block;width:40px;height:17px;position:absolute;bottom:-17px;right:72px}#detail h3 .icon{width:60px;height:60px}#detail h3 .icon img{width:100%}@media (min-width:576px){#detail h3{flex-direction:row;align-items:center;justify-content:center}#detail h3 .title{width:auto}#detail h3 .title::after{background-image:url(../images/balloon_arrow_pc.svg);width:20px;height:23px;right:-20px;bottom:50%;transform:translate(0,50%)}#detail h3 .icon{margin-left:20px}}.device-pc #detail h3{margin:56px auto 40px}.device-pc #detail h3 .title{min-width:400px}#detail .detail-content{position:relative;padding-top:.1px}#detail .detail-content p{width:87.5%;max-width:480px;margin:0 auto;font-size:160%;line-height:1.5625;letter-spacing:.1em}#detail .detail-content p>small{font-family:"Helvetica Neue",Verdana,sans-serif;font-size:75%;color:gray;position:absolute;right:8px;top:8px}@media (min-width:576px){.device-sp #detail .detail-content p br{display:inline;content:none}}.notfound-content{display:flex;justify-content:center;align-items:center;min-height:200px}.notfound-content h3{font-size:200%}.notfound-content p{font-size:160%}.container article{padding-top:81.25%}.container a:active,.container a:hover,.container a:link,.container a:visited{color:grey}@media (min-width:768px){.container article{padding-top:56.25%}}@media (min-width:1200px){.container article{padding-top:675px}}.header{width:100%;margin:0 auto;display:flex;justify-content:center}.header__title{padding-top:78.125%;width:100%;margin:0;position:relative;background-image:url(../images/main_title_320@2x.png);background-size:320px;background-position:center top;background-repeat:no-repeat;background-color:#e6e6e6}.header__title span{position:absolute;width:100%;text-indent:100%;white-space:nowrap;overflow:hidden}@media (min-width:414px){.header__title{background-image:url(../images/main_title_414@2x.png);background-size:414px;padding-top:77.2946859903%}}@media (min-width:768px){.header__title{background-image:url(../images/main_title_768@2x.png);background-size:768px;padding-top:540px;background-position:center center}}@media (min-width:768px){.header{width:auto}.header__title{position:relative;margin-bottom:0;padding-bottom:0}.header__title img{width:81.25%;top:6.25%;right:0;top:auto;bottom:30px}}@media (min-width:768px){.yodogawa{display:flex;justify-content:flex-end;flex-direction:row-reverse;margin:0 auto}}.lead{width:87.5%;margin:40% auto 5%;padding:2.5%;font-family:"A1 Gothic B JIS2004",sans-serif;font-size:130%;line-height:1.5;letter-spacing:.1em;color:#e6e6e6;background-color:transparent;border:22px solid #e6e6e6;border-image-source:url(../images/border.png);border-image-width:22px;border-image-slice:22 fill;border-image-repeat:stretch;border-image-outset:0}.lead p:first-child{margin-top:0}.lead p:last-child{margin-top:0;margin-bottom:0}@media (min-width:576px){.lead{font-size:165%}}@media (min-width:768px){.lead{font-size:180%;line-height:1.75;margin-left:auto;margin-right:auto;width:75%}}@media (min-width:960px){.lead{width:720px}}.contents{background-color:#fff;width:100%;margin:0 auto}@media (min-width:768px){.contents{margin:0 auto}}@keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show2{0%{transform:translate(50%,-50%);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes hover{0%{transform:scale(1.0001);opacity:1}100%{transform:scale(1.05);opacity:.5}}@keyframes hover-out{0%{transform:scale(1.05);opacity:.5}100%{transform:scale(1.0001);opacity:1}}@keyframes bg-hover{0%{background-color:gray}100%{background-color:#a6a6a6}}@keyframes bg-hover-out{0%{background-color:#a6a6a6}100%{background-color:gray}}@keyframes arrow{0%{transform:translate(0,0)}100%{transform:translate(0,16px)}}.share{padding:16px 0;background-color:#fff;margin:0 auto;border-top:4px solid #e6e6e6}@media (min-width:768px){.share{padding:32px 0}}.share h3{font-size:130%;font-weight:700;text-align:center;margin:0}.share ul{display:flex;margin:0 auto;padding:0;max-width:400px;text-align:center;justify-content:space-around}@media (min-width:768px){.share ul{justify-content:center}}.share ul li{margin:0;list-style:none}@media (min-width:768px){.share ul li{padding:0 16px}}.share ul li a{font-size:400%;display:block;text-decoration:none}.share ul li a:after{content:none}.share .article-share__facebook a{color:#3b5998}.share .article-share__twitter a{color:#00aced}.share .article-share__line a{color:#00b900}.share .article-share__mail a{color:#f4cb3c}@media (min-width:768px){.comment .article-comment li a{padding-top:0}}.comment .article-comment{display:flex;justify-content:space-around;padding-top:0}.comment .article-comment li{margin:0;padding:0}.comment .article-comment li a{font-size:140%;display:block;padding:0 0;text-align:center;text-decoration:none;color:#e6e6e6}.comment .article-comment li a i{font-size:150%;margin-right:4px;vertical-align:middle}.comment .article-comment li a span{font-weight:700;vertical-align:middle}.device-sp #contents footer a{color:#000}.device-pc #contents footer a{color:#000}#magazine-items{justify-content:center}