@import url('https://cdn.blog.st-hatena.com/files/8599973812315993422/6801883189120374319');


/*三木使用分CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ START*/
.dlapp{
	padding-top:5px;
}

/*CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ START*/
body.category-特集 h1.entry-title{
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
body.page-entry{ }
.category-特集 .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.page-entry img {border: none; vertical-align: middle; max-width : 100%; height: auto;}
.page-entry div,
.page-entry table,
.page-entry td{box-sizing: border-box;}
/*デフォルト*/
.page-entry #wrapper{ overflow-x: hidden; }
.page-entry #main{  max-width: 750px; margin: 0px auto; padding: 10px; }
.page-entry #main-inner{ background-color: #FFF;  }
/*-----*/
.kijiwrapper{ margin: -200px -500% 0; padding: 200px 500% 10px; }
.kijiouter{ background-color: #FFF; padding-bottom: 20px; }
/*-----*/
header.entry-header{ margin-bottom: 10px; position: relative; margin-top: 10px; }
.entry-date{ padding-left: 4em; }
.entry-date a{font-size: 14px; color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,.5);;}
.categories{ width: 5em; position: absolute; left: 0px; top: 0px; }
.categories a{ background-color: #7e7e7e; display: inline-block; font-size: 12px; line-height: 100%; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 4em; padding-top: 5px; padding-bottom: 5px; text-align: center; }
.entry-date a:hover,
.categories a:hover{ color: #FFF; text-decoration: none; }
.category-特集 .entry-content p a{ color: #04c; text-decoration: underline; }
.entry-content{ font-size: 14px; }
.entry-content p{ margin: 15px; }
.entry-content .pic{ text-align: center; }
.entry-content .pic.l{ margin: 0px; }
.entry-content .pic.m{ padding-right: 3%; padding-left: 3%; }
.entry-content .pic.s{ padding-right: 5%; padding-left: 5%; }
.entry-content .pic.xs{ padding-right: 10%; padding-left: 10%; }
.entry-content .pic.xxs{ padding-right: 15%; padding-left: 15%; }
.entry-content .pic.xxxs{ padding-right: 20%; padding-left: 20%; }
.entry-content .pic.xxxxs{ padding-right: 25%; padding-left: 25%; }
.entry-content .pic.xxxxxs{ padding-right: 30%; padding-left: 30%; }
.entry-content .txt.xxl{ font-size: 24px; }
.entry-content .txt.xl{ font-size: 20px; }
.entry-content .txt.l{ font-size: 18px; }
.entry-content .txt.s{ font-size: 14px; }
.entry-content .txt.xs{ font-size: 12px; }
.entry-content .txt.xxs{ font-size: 10px; }
.entry-content .bold{ font-weight: bold; }
/*-----12345*/
div.txt12345{}
.txt12345 ul{ margin-right: 8%; margin-left: 8%; }
.txt12345 ul li{ line-height: 140%; margin-top: 15px; }
.txt12345 ul li .number{ float: left; width: 8%; max-width: 38px; }
.txt12345 ul li .text{ overflow: hidden; /zoom:1; padding-left: 15px; }
.txt12345 ul li .text a{ color: #E14138; text-decoration: underline; font-size: 11px; margin-left: 1em; }
.txt12345 ul li .text strong{ font-weight: bold; }
/*-----見出し*/
div.midashi-day{ width: 100%; display: table; table-layout: fixed; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; padding-left: 10px; margin-top: 40px; }
.midashi-day table{ border-collapse: collapse; table-layout: fixed; width: 100%; margin: 0px; padding: 0px; }
.midashi-day table td{ margin: 0px; padding: 0px; }
.midashi-day table .td1{ width: 10%; }
.midashi-day table .td2{ width: 72%; padding: 8px; line-height: 140%; }
.midashi-day table .td3{ width: 18%; }
.midashi-day .comictitle{ font-size: 16px; font-weight: bold; line-height: 120%; }
.midashi-day .comicsakusha{ margin-left: 1em; }
/*-----読んでみる*/
div.yomu{ background-color: #F0F0F0; margin: 30px 4%; padding: 3%; }
.yomu .left{ float: left; width: 20%; }
.yomu .right{ float: right; width: 75%; }
.yomu p{ margin: 0px; padding: 0px; }
.yomu .comictitle{ font-size: 16px; font-weight: bold; line-height: 120%; text-indent: -0.7em; }
.yomu .comicsakusha{ line-height: 140%; }
.yomu .imanaramuryo{ font-size: 16px; color: #F60; margin-top: 0.3em; font-weight: bold; }
.yomu .right .btn{}
.yomu .right .btn a{ background-color: #e14138; color: #FFF; line-height: 100%; padding: 5px 0em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 0.5em; display: block; font-size: 12px; color: #FFF; width: 12em; text-align: center; text-decoration: none; }
/*-----*/
p.matome{ border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; margin-right: 0px; margin-left: 0px; padding-right: 3%; padding-left: 3%; padding-top: 30px; }
/*-----*/
footer.entry-footer{ margin-top: 10px; }
/*600px?*/
@media screen and (min-width: 600px) {
.entry-content p{ margin: 6%; line-height: 160%; }
.txt12345 ul{ margin-right: 10%; margin-left: 10%; }
.txt12345 ul li{ margin-top: 25px; }
.midashi-day .comictitle{ font-size: 20px;}
.yomu p{ margin: 0px; padding: 0px; }
.yomu .comictitle{ font-size: 20px;}
.yomu .imanaramuryo{ font-size: 20px;}
p.matome{ margin-right: 0px; margin-left: 0px; padding-right: 6%; padding-left: 6%; }
}
/*980px?*/
@media screen and (min-width: 980px) {
}
/*CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ END*/

/*CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ インタビュー START*/
p.interviewlarge{ font-size: 16px; line-height: 140%; font-weight: bold; margin-top: 40px; margin-bottom: 40px; }
p.interview,
p.interview-q,
p.interview-a
{ margin-top: 40px; margin-bottom: 40px; }
p.interview-q{ }
p.interview-a{ color: #de8457; line-height: 175%; }
p.interview-a span.answername{ margin-right: 1em; font-weight: bold; }
p.interview-cap{ font-size: 12px; line-height: 140%; color: #888; margin-top: 15px; }
ul.interviewbtn1{}
ul.interviewbtn1 li{ background: -moz-linear-gradient(top, #ffba46, #ff9930); background: -webkit-linear-gradient(top, #ffba46, #ff9930); background: linear-gradient(to bottom, #ffba46, #ff9930); margin-right: 15px; margin-left: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #cc7a26; }
ul.interviewbtn1 li a{ display: block; font-size: 14px; line-height: 130%; padding: 15px 40px 15px 15px; color: #FFF; background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/days_staff/20180302/20180302140801.png); background-repeat: no-repeat; background-position: right center; }
ul.interviewbtn1 li a:hover{ text-decoration: underline; }
div.kijishita{ padding: 20px 15px 0px; margin-top: 30px; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCC; }
div.kijishita ul{}
div.kijishita ul li{ margin-bottom: 20px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #405cae;}
div.kijishita ul li a{ color: #FFF; display: block; font-size: 14px; padding: 15px 40px 15px 15px; line-height: 130%; background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/days_staff/20180302/20180302140801.png); background-repeat: no-repeat; background-position: right center; }
div.kijishita ul li a:hover{ text-decoration: underline; }
/*600px?*/
@media screen and (min-width: 600px) {
p.interview-cap{ margin-bottom: 15px; }
ul.interviewbtn1 li{ margin-right: 6%; margin-left: 6%; }
div.kijishita{ padding-right: 6%; padding-left: 6%; }
}
/*980px?*/
@media screen and (min-width: 980px) {
}
/*CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ インタビュー END*/

/*CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ 無料CP START*/
p.muryokikan{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; padding: 5px 5px 8px 8px; line-height: 135%; font-size: 16px; font-weight: bold; text-align: right; margin-top: 30px; }
/*CSS◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ 無料CP END*/
