#header { margin: 1em;}

#header-name {
background: url(/event/images/title_event_s.gif) no-repeat 50% 50%;
        height: 130px;
        overflow: hidden;
}
#header-name a { display: block; padding-top: 130px;}

#alpha table { width: 99%;}

.ouboMidashi {
    background-color: #FF9900;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}
.ouboNaiyou {
    margin: 0 0 1em;
}
.entry {
    padding: 12px;
    border: 1px solid #999;
}
#oubo {
    padding: 12px;
    border: 1px solid #ccc;
}
#oubo p{ font-size: 1.3rem;}
#beta #oubo ul li { padding-bottom: 0;}

#beta .ouboNaiyou ul {
    border: none;
}
.form { text-align: center; font-size: 1.3rem; margin-bottom: 1em;}

.entry-archive .entry {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
.entry-body { font-size: 1.3rem; padding: 1em 0.5em 0.5em 2em;}
.entry-body p { margin-bottom: 1em;}
p + p { margin-bottom: 7px;}
.entry-body .read { margin: 15px 0px;}

/* カテゴリによってタイトルアイコンを変える */
.entry-title {
    padding: 5px 7px 5px 30px;
    margin-bottom: 3px;
    background-image: url(/event/images/icon_autograph_l.gif);
    background-position: left center;
    line-height: 160%;
}
.talk .entry-title{
background-image: url(/event/images/icon_talk_l.gif);}
.autograph_and_talk .entry-title{
background-image: url(/event/images/icon_autograph_and_talk_l.gif);}
.fair .entry-title{
background-image: url(/event/images/icon_fair_l.gif);}
.autograph_and_book .entry-title{
background-image: url(/event/images/icon_autograph_and_book_l.gif);}
.sanka .entry-title{
background-image: url(/event/images/icon_sanka_l.gif);}

/* 個別ページの詳細テーブル */
.info { font-size: 1.3rem; margin: 1em 10px;}
.info img { display: inline;}
.info th {
text-align: left;
width: 6.5em;
vertical-align: top;
font-weight: normal;
}

.info {
border-bottom: #999 dotted 1px;
}
.info th,
.info td {
line-height: 1.4; padding: 2px; border-top: #999 dotted 1px;}
.info th {
padding-left: 20px;
background-image: url(/event/images/icon_orange.gif);
background-repeat: no-repeat;
background-position: 3px 5px;
}
.fair .info th {background-image: url(/event/images/icon_black.gif);}
.info td { padding-right: 10px;}





strong { font-weight: bold;}
.bookArea { padding-top: 13px;}

.contentNavi { margin-bottom: 2em;}

ul.list li { margin-bottom: 1em;}
ul.list li p { margin-left: 25px; font-size: 1.3rem;}

.entry i { font-style: normal; color: #f00;}

.icon { margin: 1em; font-size:12px;}
.icon p span { color:#FF9900;}
.icon dl { margin-top: 5px;}
.icon dl dt,
.icon dl dd { float:left; height:25px;}
.icon dl dd { padding: 5px 20px 0 7px;}

#tokusetsu { padding-top: 2em; margin-bottom: 2em; clear: both;}
#tokusetsu table { float: left; width: 330px;}
#tokusetsu h3 { font-weight: bold;}
#tokusetsu p { font-size: 1.3rem;}
#tokusetsu .date { text-align: right; color: #666; margin: 0.3em;}

.webpage #header-name {
background: url(/event/images/title_event_hon.gif) no-repeat 50% 50%;
        height: 130px;
        overflow: hidden;
}

/* ミステリマニア */

dl.taidan { margin: 2em 0;}
dl.taidan dt.u,
dl.taidan dt.t {
width: 2em;
float: left;
margin-bottom: 1em;
}
.u{ color: #399; font-weight: bold;}
.t{ color: #993; font-weight: bold;}
dl.taidan dd { margin-left: 2.1em; margin-bottom: 1em;}
/*.bookArea { font-size: 100%; width: 210px;}
.bookArea dl dd {
    margin-left: 0;
    margin-bottom: 0;
    font-size: 1.3rem;
    line-height: 1.2;
}*/
div.pop { text-align: center; margin-top: 4em;}
div.pop img { margin: 0 auto;}

.bgArea {padding: 5px; font-size: 1.3rem; margin-bottom: 0.5em;}
.bgArea h4 {
font-weight: bold;
background-image:url(http://www.webdoku.jp/event/img/title_bg.gif);
margin-bottom: 5px;
padding: 3px 5px;
}
.bgArea ul {
margin-left: 5px;
 line-height: 150%;
}
.bgArea .date { color: #666; font-size: 90%;}

.imageArea {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 13px;
}
@media screen and (max-width:1000px) {
#tokusetsu table { float:none; width: 100%;}
.entry {
    display: flex;
    flex-wrap: wrap;
}
.entry-header { order:1;}
.entry-content { order:2;}
.bookArea { order:3;}
.bookArea .books { border-top:none;}
}

@media screen and (max-width: 768px) {
.info td,
.info th {display: block; width: 98%; box-sizing: border-box;}
.info td a {  word-break : break-all;}
}


@media screen and (max-width:480px) {


  #header-name {background-size: 100% auto; height: 33vw;}
  #header-name a {padding-top:33vw; } 

}