@charset "utf-8";
/* CSS Document */

.title.page { background: #FFFFFF }
.title h1.aki { color: #EB7742  }
.title h1.nyuten { color: #8CA823 }
.title h1.event { color: #0097BD }
.title h1.photo { color: #E36367 }
.title h1.pickup { color: #B90180 }
.title h1.otakara { color: #0000ff }
.title h1.hukki { color: #6e00ff }
.title span img { background: #5b377e none repeat scroll 0 0;  }
/*----------------------------------------------------*/

#news ul { border-top: 1px solid #B3B3B3; }
/*#news ul li { border-bottom: 1px solid #B3B3B3; background: url(../images/pageparts/blt_arrow_gray.png) no-repeat right 10px center; ; min-height: 60px; }
#news ul li a { color: #555555; padding: 10px 60px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; min-height: 50px; }
#news ul li.nitem a { padding: 10px; }*/

#news ul li { color: #555555; padding: 10px 60px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; min-height: 50px; padding-right: 20px; border-bottom: 1px solid #B3B3B3; }
#news ul li div { font-size: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 12px 6px 6px; border-radius: 4px; -webkit-border-radius: 4px; position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; }
#news ul li div:after { border-right: 2px solid #9E9E9E; border-top: 2px solid #9E9E9E; border-radius: 2px; content: ""; margin: 0 0 0 10px; height: 10px; right: 10px; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 50%; width: 10px; margin-top: -6px; }
#news ul li div:nth-child(odd) { background: #E9E9E9; }
#news ul li span { background: #5b377e none repeat scroll 0 0; height: 40px; left: 10px; position: absolute; top: 10px; width: 40px; }

#news ul dt { font-size: 1.4rem; font-weight: bold; margin: 4.5px 0; }
#news ul dd { font-size: 1.2rem; font-weight: normal; margin: 4.5px 0; font-weight: normal; }
#news ul dd.no_news { color: #C0C0C0; }
#news ul li a span { font-size: 1.2rem; display: inline-block; font-weight: normal; margin-left: 10px; color: #000000 }
#news ul li a span.icon { top: 10px; left: 10px; width: 40px; height: 40px; background: #000000 }
#news ul li a span.date { top: 10px; left: 10px; width: 40px; background: #2b397c; color: #FFFFFF; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 0.9rem; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#news ul li a span.date dl { width: 38px; background: #FFFFFF; display: block; color: #2b397c; }
#news ul li a span.date dt { font-size: 14px; margin: 0; padding: 2px 0; }
#news ul li a span.date dd { font-size: 9px; margin: 0; padding: 2px 0; }

#news ul li.cat_news dt { font-size: 1.4rem; font-weight: bold; margin: 4.5px 0; }
#news ul dt.aki, #news ul li.cat_news dt.aki { color: #EB7742 }
#news ul dt.nyuten, #news ul li.cat_news dt.nyuten { color: #8CA823 }
#news ul dt.event, #news ul li.cat_news dt.event { color: #0097BD }
#news ul dt.photo, #news ul li.cat_news dt.photo { color: #E36367 }
#news ul dt.pickup, #news ul li.cat_news dt.pickup { color: #B90180 }
#news ul li.cat_news a span { background: #5b377e none repeat scroll 0 0; height: 40px; left: 0px; position: absolute; top: 10px; width: 40px; }
/*----------------------------------------------------*/



article.single { width: 100%; background: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 120000; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding-top: 43px; display:none;-webkit-overflow-scrolling: touch;}
article.single .fixed_title { background: #000000; padding: 10px 10px 10px 42px; position: fixed; top: 0; left: 0; z-index: 130000; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFFFFF; cursor:pointer; }
article.single .fixed_title span { width: 22px; line-height: 22px; position: absolute; top: 50%; left: 10px; display: block; margin-top: -11px; }
article.single .bodytext { line-height: 1.4; padding: 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 10px; }
article.single .bodytext img { width: 100%; }
article.single .item { width: 100%; overflow: hidden; background: #FFFFFF }
article.single .bodytext p { margin-bottom: 1rem }