header{background:url(../images/writer/head_bg.png) no-repeat;background-size:100%;position:relative;overflow:hidden;z-index:2}header h1{width:81.4%;margin:auto;padding:25px 0 66px;font-size:17px;font-weight:bold;color:#421206;text-align:center;line-height:1.6}header:before{display:none}main{width:88%;margin:auto}main .writer{position:relative;top:-10px;z-index:1}main .writer .intro{background:#fffce5;padding:30px 17px;margin-bottom:25px;box-sizing:border-box;border-radius:20px}main .writer .intro h2 img{width:41%;margin:0 auto 12px}main .writer .intro h2 .name{text-align:center;font-size:16px;font-weight:bold;margin-bottom:25px;color:#421206}main .writer .intro h2 .name span{font-size:12px;font-weight:bold}main .writer .intro .comment .fukidashi{width:42%;margin-bottom:7.5px}main .writer .intro .comment .jp{font-size:12px;line-height:1.8;letter-spacing:0.8px;margin-bottom:30px}main .writer .intro .comment .en{font-size:10px;line-height:1.5;letter-spacing:0.8px;position:relative}main .writer .intro .comment .en:before{content:"";background-image:linear-gradient(to right, #421206, #421206 5px, transparent 5px, transparent 8px);background-size:8px 1px;background-repeat:repeat-x;position:absolute;top:-14px;bottom:0;left:0;right:0}main .writer .items{position:relative}main .writer .items h3{background:#ffe100;color:#421206;font-size:13px;font-weight:bold;margin-bottom:22px;padding:8px 18px;display:inline-block;border-radius:20px}main .writer .items .item .thumb_wrap{margin-bottom:20px}main .writer .items .item .thumb_wrap .thumb{width:38.8vw;float:left;margin-right:20px}main .writer .items .item .thumb_wrap .disc .title{font-size:16px;font-weight:bold;margin-bottom:20px;line-height:1.6;color:#421206}main .writer .items .item .thumb_wrap .disc p{float:left;width:43%;font-size:12px;line-height:1.8;padding-right:16px}main .writer .items .item .detail{display:block;margin-bottom:35px;position:relative}main .writer .items .item .detail a{display:block;border:2px solid #c9caca;padding:10px 0 10px 20px;text-align:center;color:#421206;font-size:13px;letter-spacing:2px;position:relative}main .writer .items .item .detail a:before{content:"";display:inline-block;background:url(../images/arrow_yellow.svg) no-repeat;background-size:100%;width:20px;height:20px;position:absolute;left:-11.6em;top:0;bottom:0;right:0;margin:auto}main .writer .items .item .detail a:hover{background:#c9caca;transition:0.2s;opacity:1}main .writer .items .profile{margin-bottom:35px;position:relative}main .writer .items .profile h4{background:#421206;color:#fff;font-size:13px;font-weight:bold;margin-bottom:15px;padding:8px 18px;display:inline-block;border-radius:20px}main .writer .items .profile p{font-size:12px;line-height:1.6;letter-spacing:1.2px;letter-spacing:0.6px}main .writer:nth-of-type(2),main .writer:nth-of-type(3),main .writer:nth-of-type(4),main .writer:nth-of-type(5){padding-top:45px}main .writer:nth-of-type(2):before,main .writer:nth-of-type(3):before,main .writer:nth-of-type(4):before,main .writer:nth-of-type(5):before{content:"";width:78.9vw;margin:auto;background-image:linear-gradient(to right, #ffe100, #ffe100 5px, transparent 5px, transparent 8px);background-size:8px 1px;background-repeat:repeat-x;position:absolute;top:0;bottom:0;left:0;right:0}main .writer:nth-of-type(5){margin-bottom:38.5px}main .back_to_previous{display:block;margin-bottom:80px;margin-right:10%;margin-left:10%}@media only screen and (max-width: 414px){header h1{padding:25px 0 25vw}}@media only screen and (min-width: 415px){header h1{padding:50px 0 20vw}}main .writer{top:-40px}@media only screen and (min-width: 768px){header h1{padding:50px 0 150px}main .writer{top:-40px}main .writer .intro{padding:56px 35px;margin-bottom:50px}main .writer .intro h2 img{width:auto;margin:0 auto 24px}main .writer .intro h2 .name{font-size:32px;margin-bottom:50px}main .writer .intro h2 .name span{font-size:25px}main .writer .intro .comment .fukidashi{width:auto}main .writer .intro .comment .fukidashi img{margin:0 0 15px}main .writer .intro .comment .jp{font-size:24px;margin-bottom:60px}main .writer .intro .comment .en{font-size:20px;padding-top:20px}main .writer .intro .comment .en:before{background-size:8px 2px}main .writer .items h3{font-size:26px;padding:12px 36px;margin-bottom:44px;border-radius:40px}main .writer .items .item .thumb_wrap{margin-bottom:40px}main .writer .items .item .thumb_wrap .thumb{width:291px;margin-right:40px}main .writer .items .item .thumb_wrap .disc .title{font-size:32px;line-height:1.3;margin-bottom:40px}main .writer .items .item .thumb_wrap .disc p{font-size:24px;width:50%}main .writer .items .item .detail{margin-bottom:70px}main .writer .items .item .detail a{border:3px solid #c9caca;font-size:26px;padding:14px 0 14px 50px;letter-spacing:4px}main .writer .items .item .detail a:before{width:40px;height:40px}main .writer .items .profile{margin-bottom:70px}main .writer .items .profile h4{font-size:26px;margin-bottom:30px;padding:16px 36px;border-radius:40px}main .writer .items .profile p{font-size:24px;line-height:1.8}main .writer:nth-of-type(2),main .writer:nth-of-type(3),main .writer:nth-of-type(4),main .writer:nth-of-type(5){padding-top:88px}main .writer:nth-of-type(2):before,main .writer:nth-of-type(3):before,main .writer:nth-of-type(4):before,main .writer:nth-of-type(5):before{width:592px;background-size:8px 2px}}
/*# sourceMappingURL=writer.css.map */