#contents #head.top{position:relative}#contents #head img{position:absolute;width:628px;height:380px;bottom:0;right:10px}#contents #head ul.mv_btn{bottom:5%;right:-36vw;width:95%;position:absolute;font-size:0;display:flex;flex-wrap:wrap;max-width:100%}#contents #head ul.mv_btn li{width:300px;display:inline-block}#contents #head ul.mv_btn li a{display:flex;height:100%;background:#fff;overflow:hidden;border:solid 1px #d2cba5;border-radius:4px;transition:all .2s ease-out;height:88px}#contents #head ul.mv_btn li figure{flex-basis:120px;width:120px;min-width:120px;background:no-repeat center center/cover;margin:0}#contents #head ul.mv_btn li h3{width:100%;padding-left:100%;line-height:1.2;font-size:1.4rem;color:#a5964b;vertical-align:middle}#contents #head li a::before{top:0;bottom:0;right:15px;margin:auto}#contents #head li a::after{right:23px;top:42px}#contents #head h2{margin-top:0;color:#a5964b;font-size:3rem}#contents #lead h2{font-size:2.2rem;color:#a5964b;text-align:center;margin-bottom:20px}#contents #articles{margin-top:60px}#contents #articles h2{font-size:2.2rem;color:#a5964b;text-align:center}#contents #articles h3{font-size:1.8rem;color:#a5964b;text-align:center}#contents #articles ul{font-size:0;display:flex;flex-wrap:wrap;max-width:100%}#contents #articles li{width:calc((100% - 84px)/2);background:#edece9;display:inline-block;padding:0 16px 95px;margin-top:20px;position:relative}#contents #articles li:nth-child(odd){margin-right:20px}#contents #articles h5{font-size:2.8rem;color:#a5964b;text-align:center;margin:15px 0 10px}#contents #articles li .ornament1 span{display:inline-block;position:relative}#contents #articles li .ornament1 span::before,#contents #articles li .ornament1 span::after{display:block;position:absolute;top:0;bottom:-5px;width:52px;height:42px;background:url(../img/ornament1.png) no-repeat center center/contain;content:""}#contents #articles li .ornament1 span::before{left:-75px}#contents #articles li .ornament1 span::after{right:-75px;-webkit-transform:rotate(180deg) scaleY(-1);transform:rotate(180deg) scaleY(-1)}#contents #articles h4{font-size:2.2rem;background:#a5964b;color:#fff;text-align:center;padding:10px 0}#contents #articles p{font-size:1.6rem}#contents #articles li .btns{position:absolute;left:30%;bottom:0}#contents #pickup{margin-top:60px;background:#edece9}#contents #pickup .inner{padding-top:30px;padding-bottom:50px}#contents #pickup ul{font-size:0;display:flex;flex-wrap:wrap;max-width:100%}#contents #pickup li{width:calc((100% - 20px)/2);display:inline-block;margin-top:20px}#contents #pickup li:nth-child(odd){margin-right:20px}#contents #pickup li a{display:flex;height:100%;background:#fff;overflow:hidden;border:solid 1px #d2cba5;border-radius:4px;transition:all .2s ease-out;height:88px}#contents #pickup li a:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.2);-webkit-transform:scale(1.02);transform:scale(1.02)}#contents #pickup li a::before,#contents #pickup li a::after{top:0;bottom:0;right:15px;margin:auto}#contents #pickup li a::after{right:23px}#contents #pickup li figure{flex-basis:120px;width:120px;min-width:120px;background:no-repeat center center/cover;margin:0}#contents #pickup li .txt{padding:15px 30px 15px 10px}#contents #pickup li p{line-height:1.4;font-size:1.4rem}#contents #pickup li h3{line-height:1.2;font-size:1.8rem;color:#a5964b;height:58px;display:table-cell;vertical-align:middle}#contents #detail{padding-bottom:60px;border-bottom:solid 1px #e1e1e1}#contents #detail li{margin-top:40px}#contents #detail h3{font-size:2.2rem;background:#a5964b;color:#fff;padding:10px 20px;display:inline-block;z-index:10;position:relative}#contents #detail .detail_box{margin-top:-15px;margin-left:15px}#contents #detail .detail_box_left,#contents #detail .detail_box_right{float:left}#contents #detail .detail_box_left figure{width:460px}#contents #detail .detail_box_left figure img{width:100%}#contents #detail .detail_box_right{width:calc(100% - 460px)}#contents #detail .detail_box_right p{margin-left:20px}#contents #detail .btns{margin-left:20px;width:273px}#head h1,#head div{font-size:3.2rem;color:#a5964b}div#main.publication-dvd{float:none !important;max-width:768px;margin:0 auto;overflow:unset;line-height:initial}.book-info dd{line-height:1.7}@media only screen and (max-width: 767px){#contents #head.top{height:44vw}#contents #head img{width:72.5%;height:auto;right:-15px}#contents .mv_btn_sp{margin:0 0 -20px auto;width:70%}#contents .mv_btn_sp h3{padding:0 5px;font-size:1.4rem}#contents #head h2{font-size:2rem;line-height:1.2}#contents #articles li{width:100%;padding:0 16px;margin-top:20px;position:static}#contents #articles li:nth-child(odd){margin-right:0}#contents #articles li img{width:100%}#contents #articles p{font-size:1.4rem}#contents #articles li .btns{position:static;margin-top:20px}#contents #pickup li{width:100%}#contents #pickup li:nth-child(odd){margin-right:0}#contents #detail .inner{padding:0}#contents #detail .detail_box{margin-top:-10px;margin-left:10px}#contents #detail .detail_box_left,#contents #detail .detail_box_right{float:left}#contents #detail .detail_box_left figure{width:calc(100% - 10px)}#contents #detail .detail_box_left figure img{width:100%}#contents #detail .detail_box_right{width:100%}#contents #detail .detail_box_right p{margin-left:0;margin-top:20px;margin-right:10px}#contents #detail .btns{margin:20px auto}}@media only screen and (max-width: 413px){#contents #head img{width:72.5%}#contents #articles h4{font-size:2rem}#contents #pickup li h3{font-size:1.4rem}#contents #pickup li h3{font-size:1.4rem}}@media only screen and (max-width: 320px){#contents .mv_btn_sp{width:80%}}@media only screen and (max-width: 350px){#contents #articles h4{font-size:1.8rem}#contents #pickup li h3{font-size:1.2rem}#contents #pickup li h3{font-size:1.2rem}}@media only screen and (max-width: 1040px){#contents #pickup li h3{font-size:1.6rem}}@media only screen and (max-width: 321px){#contents #detail h3{font-size:2.1rem}}
/*# sourceMappingURL=../../maps/about_takasu/css/about_takasu.css.map */
