@import url('../../../../oxjs/addon.css');

.ox_func {margin-bottom:10px; text-align:right;}

.nav_year {text-align:center;}
.nav_year b {display:inline-block; margin:0 10px; font-size:1.625em; vertical-align:middle;}
.nav_year .prev, .nav_year .next {display:inline-block; position:relative; overflow:hidden; width:2em; height:2em; border-radius:50%; line-height:9em; vertical-align:middle;}
.nav_year .prev:hover, .nav_year .next:hover {background:#EEE; text-decoration:none;}
.nav_year .prev:before, .nav_year .next:before {position:absolute; top:0.7em; left:0.8em; width:0.6em; height:0.6em; box-shadow:inset 1px 1px 0 #555; transform:rotate(-45deg); content:'';}
.nav_year .next:before {left:0.6em; transform:rotate(135deg);}

.nav_month {margin:40px 0; text-align:center;}
.nav_month a {display:inline-block; width:3.625em; height:2em; margin:2px; border:1px solid #CCC; background:#FFF; color:#555; line-height:2em; vertical-align:middle;}
.nav_month a:hover {border-color:#000; color:#000; text-decoration:none;}
.nav_month .on, .nav_month .on:hover {border-color:#000; background:#000; color:#FFF;}

.ox_srch {margin-bottom:50px; padding:30px 0; border-radius:3px; background:#F3F3F3; text-align:center;}
.ox_srch .opt+.opt,
.ox_srch .opt+.kwd_bar {margin-top:10px;}
.ox_srch .kwd {width:70%; max-width:500px;}
.ox_srch .kwd::placeholder {color:#999;}
.ox_srch .evt_type {display:inline-block; position:relative; height:1.75em; margin:0.25em 0; color:#888; line-height:1.75em; white-space:nowrap; vertical-align:middle; z-index:200;}
.ox_srch .evt_type:before {position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #BBB; border-radius:0.875em; content:''; z-index:201;}
.ox_srch .evt_type input {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; border:0; opacity:0; cursor:pointer; z-index:202;}
.ox_srch .evt_type label {display:inline-block; height:1.75em; padding:0 0.75em; border-radius:0.875em; background:#FFF; vertical-align:top;}
.ox_srch .evt_type label:before {display:inline-block; width:0.75em; height:0.5em; margin:-0.25em 0.25em 0.25em 0; border-left:1px solid #BBB; border-bottom:1px solid #BBB; transform:rotate(-50deg); content:'';}
.ox_srch .evt_type.on {color:#000;}
.ox_srch .evt_type.on:before {border:2px solid #333;}
.ox_srch .evt_type.on label:before {border-left:2px solid #333; border-bottom:2px solid #333;}

.ico_festa, .ico_popup, .ico_prog {display:inline-block; height:1.625em; padding:0 0.75em; border-radius:5px; background:#1285D6; font-weight:normal; font-size:1rem; color:#FFF; line-height:1.625em; vertical-align:middle;}
.ico_festa {background:#F29909;}
.ico_popup {background:#479909;}

.festa_thumb {}
.festa_thumb ul {margin:0; padding:0; list-style:none;}
.festa_thumb li {margin:0; padding:0;}
.festa_thumb>ul>li {margin:30px 0 40px;}
.festa_thumb .empty {text-align:center;}
.festa_thumb .article {display:flex; padding:4%; background:#F6F6F8;}
.festa_thumb .hide .article {font-style:italic; opacity:0.5;}
.festa_thumb .pht {flex-shrink:0; flex-basis:35%; margin-right:5%;}
.festa_thumb .frm {position:relative; overflow:hidden; width:100%; padding-bottom:75%; background:#FFF; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.festa_thumb .frm button {position:absolute; top:0; bottom:0; overflow:hidden; width:26px; height:40px; margin:auto 0; padding:0; border:0; border-radius:0; background:rgba(0,0,0,0.5); transition:all 0.3s; -webkit-appearance:none;}
.festa_thumb .frm button:before {float:right; width:11px; height:11px; margin:13px 3px 13px 23px; border-left:2px solid #FFF; border-bottom:2px solid #FFF; transform:rotate(45deg); content:'';}
.festa_thumb .frm button:hover {width:40px; background:#000;}
.festa_thumb .frm .prev {left:0;}
.festa_thumb .frm .next {right:0;}
.festa_thumb .frm .next:before {float:left; margin:13px 23px 13px 3px; transform:rotate(225deg);}
.festa_thumb .pht .nav {padding-top:8px; line-height:0; text-align:center;}
.festa_thumb .pht .nav button {overflow:hidden; width:16px; height:16px; margin:4px; padding:0; border:0; border-radius:50%; background:#BBB; color:transparent; vertical-align:top; -webkit-appearance:none;}
.festa_thumb .pht .nav .on {background:#333;}
.festa_thumb .imgs {display:flex; position:absolute; top:0; left:0; width:100%; height:100%; transition:left 0.3s;}
.festa_thumb .imgs.n2 {width:200%;}
.festa_thumb .imgs.n3 {width:300%;}
.festa_thumb .imgs.n4 {width:400%;}
.festa_thumb .imgs.n5 {width:500%;}
.festa_thumb .imgs.p2 {left:-100%;}
.festa_thumb .imgs.p3 {left:-200%;}
.festa_thumb .imgs.p4 {left:-300%;}
.festa_thumb .imgs.p5 {left:-400%;}
.festa_thumb .img {flex-grow:1; position:relative; height:100%;}
.festa_thumb .img img {position:absolute; width:100%; height:100%; object-fit:cover; margin:auto!important;}
.festa_thumb .info {flex-grow:1; position:relative;}
.festa_thumb .tit {position:relative; padding-bottom:1em; border-bottom:1px solid #666; font-weight:500; font-size:1.5em; line-height:1.5em; text-align:left;}
.festa_thumb .tit:after {position:absolute; bottom:-2px; left:0; width:25%; height:3px; background:#000; content:'';}
.festa_thumb .tit input[type="checkbox"] {width:1.5em; height:1.5em;}
.festa_thumb .note {padding:0.5em 0; color:#666;}
.festa_thumb .note ul {margin:1em 0;}
.festa_thumb .note li {padding-left:15px;}
.festa_thumb .note li:before {display:inline-block; width:6px; height:6px; margin:-2px 9px 2px -15px; border-radius:50%; background:#BBB; vertical-align:middle; content:'';}
.festa_thumb .note p {margin:1em 0;}
.festa_thumb .note p:empty {display:none;}
.festa_thumb .btns {text-align:right;}
.festa_thumb .btns a {display:inline-block; height:1.8em; padding:0 0.625em; border-radius:3px; background:#DDD; font-size:0.9375em; color:#000; line-height:1.8em; vertical-align:middle;}
.festa_thumb .btns a:hover {color:#000; text-decoration:none;}
.festa_thumb .btns .more, .festa_thumb .btns .more:hover {background:#000; color:#FFF;}
.festa_thumb .btns .del, .festa_thumb .btns .del:hover {background:#E56; color:#FFF;}