.ribbon {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
border: 1px solid #631a15;
background: #c73b3c;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3M2IzYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4MjAxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c73b3c), color-stop(100%, #b8201f));
background: -moz-linear-gradient(#c73b3c, #b8201f);
background: -webkit-linear-gradient(#c73b3c, #b8201f);
background: linear-gradient(#c73b3c, #b8201f);
box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.6)
}
.ribbon:before, .ribbon:after {
width: 100%;
height: 0;
content: "";
position: absolute;
display: block;
border: 1px dashed;
border-left: 0;
border-right: 0;
border-top-color: #631a15;
border-bottom-color: #da5050
}
.ribbon:before {
top: 3px
}
.ribbon:after {
bottom: 1px
} .button {
color: #666;
background-color: #EEE;
border-color: #EEE;
font-weight: 300;
font-size: 16px;
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-decoration: none;
text-align: center;
line-height: 40px;
height: 40px;
padding: 0 40px;
margin: 0;
display: inline-block;
appearance: none;
cursor: pointer;
border: none;
box-sizing: border-box;
transition-property: all;
transition-duration: .3s
}
.button:visited {
color: #666
}
.button:hover, .button:focus {
background-color: #f6f6f6;
text-decoration: none;
outline: none
}
.button:active, .button.active, .button.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
text-decoration: none;
background-color: #eee;
border-color: #cfcfcf;
color: #d5d5d5;
transition-duration: 0s;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}
.button.disabled, .button.is-disabled, .button:disabled {
top: 0 !important;
background: #EEE !important;
border: 1px solid #DDD !important;
text-shadow: 0 1px 1px #fff !important;
color: #CCC !important;
cursor: default !important;
appearance: none !important;
box-shadow: none !important;
opacity: .8 !important
}
.button-uppercase {
text-transform: uppercase
}
.button-lowercase {
text-transform: lowercase
}
.button-capitalize {
text-transform: capitalize
}
.button-small-caps {
font-variant: small-caps
}
.button-icon-txt-large {
font-size: 36px !important
}
.button-width-small {
padding: 0 10px !important
}
.button-blue, .button-blue-flat {
background-color: #0092D3;
border-color: #0092D3;
color: #fff
}
.button-blue:visited, .button-blue-flat:visited {
color: #fff
}
.button-blue:hover, .button-blue:focus, .button-blue-flat:hover, .button-blue-flat:focus {
background-color: #07b3ff;
border-color: #07b3ff;
color: #fff
}
.button-blue:active, .button-blue.active, .button-blue.is-active, .button-blue-flat:active, .button-blue-flat.active, .button-blue-flat.is-active {
background-color: #0b8ec8;
border-color: #0b8ec8;
color: #006fa0
}
.button-green, .button-green-flat {
background-color: #8DC21F;
border-color: #8DC21F;
color: #fff
}
.button-green:visited, .button-green-flat:visited {
color: #fff
}
.button-green:hover, .button-green:focus, .button-green-flat:hover, .button-green-flat:focus {
background-color: #a8df35;
border-color: #a8df35;
color: #fff
}
.button-green:active, .button-green.active, .button-green.is-active, .button-green-flat:active, .button-green-flat.active, .button-green-flat.is-active {
background-color: #89b72a;
border-color: #89b72a;
color: #6d9618
}
.button-orange, .button-orange-flat {
background-color: #f39c12;
border-color: #f39c12;
color: #fff
}
.button-orange:visited, .button-orange-flat:visited {
color: #fff
}
.button-orange:hover, .button-orange:focus, .button-orange-flat:hover, .button-orange-flat:focus {
background-color: #f5b043;
border-color: #f5b043;
color: #fff
}
.button-orange:active, .button-orange.active, .button-orange.is-active, .button-orange-flat:active, .button-orange-flat.active, .button-orange-flat.is-active {
background-color: #e7991e;
border-color: #e7991e;
color: #c87f0a
}
.button-red, .button-red-flat {
background-color: #ff4332;
border-color: #ff4332;
color: #fff
}
.button-red:visited, .button-red-flat:visited {
color: #fff
}
.button-red:hover, .button-red:focus, .button-red-flat:hover, .button-red-flat:focus {
background-color: #ff7265;
border-color: #ff7265;
color: #fff
}
.button-red:active, .button-red.active, .button-red.is-active, .button-red-flat:active, .button-red-flat.active, .button-red-flat.is-active {
background-color: #f54c3c;
border-color: #f54c3c;
color: #fe1500
}
.button-pink, .button-pink-flat {
background-color: #EA6CA4;
border-color: #EA6CA4;
color: #fff
}
.button-pink:visited, .button-pink-flat:visited {
color: #fff
}
.button-pink:hover, .button-pink:focus, .button-pink-flat:hover, .button-pink-flat:focus {
background-color: #f099c0;
border-color: #f099c0;
color: #fff
}
.button-pink:active, .button-pink.active, .button-pink.is-active, .button-pink-flat:active, .button-pink-flat.active, .button-pink-flat.is-active {
background-color: #e274a5;
border-color: #e274a5;
color: #e43f88
}
.button-purple, .button-purple-flat {
background-color: #a949ea;
border-color: #a949ea;
color: #fff
}
.button-purple:visited, .button-purple-flat:visited {
color: #fff
}
.button-purple:hover, .button-purple:focus, .button-purple-flat:hover, .button-purple-flat:focus {
background-color: #bf77ef;
border-color: #bf77ef;
color: #fff
}
.button-purple:active, .button-purple.active, .button-purple.is-active, .button-purple-flat:active, .button-purple-flat.active, .button-purple-flat.is-active {
background-color: #a753e0;
border-color: #a753e0;
color: #931be5
}
.button-block, .button-stacked {
display: block
}
.button-square {
border-radius: 0
}
.button-box {
border-radius: 10px
}
.button-rounded {
border-radius: 4px
}
.button-pill {
border-radius: 200px
}
.button-circle {
border-radius: 100%
}
.button-circle, .button-box, .button-square {
padding: 0 !important;
width: 40px
}
.button-circle.button-giant, .button-box.button-giant, .button-square.button-giant {
width: 70px
}
.button-circle.button-jumbo, .button-box.button-jumbo, .button-square.button-jumbo {
width: 60px
}
.button-circle.button-large, .button-box.button-large, .button-square.button-large {
width: 50px
}
.button-circle.button-normal, .button-box.button-normal, .button-square.button-normal {
width: 40px
}
.button-circle.button-small, .button-box.button-small, .button-square.button-small {
width: 30px
}
.button-circle.button-tiny, .button-box.button-tiny, .button-square.button-tiny {
width: 24px
}
.button-border, .button-border-thin, .button-border-thick {
background: none;
border-width: 2px;
border-style: solid;
line-height: 36px
}
.button-border:hover, .button-border-thin:hover, .button-border-thick:hover {
background-color: rgba(255, 255, 255, 0.9)
}
.button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick {
box-shadow: none;
text-shadow: none;
transition-property: all;
transition-duration: .3s
}
.button-border-thin {
border-width: 1px
}
.button-border-thick {
border-width: 3px
}
.button-border.button-blue, .button-blue.button-border-thin, .button-blue.button-border-thick, .button-border-thin.button-blue, .button-border-thick.button-blue {
color: #0092D3
}
.button-border.button-blue:hover, .button-blue.button-border-thin:hover, .button-blue.button-border-thick:hover, .button-border.button-blue:focus, .button-blue.button-border-thin:focus, .button-blue.button-border-thick:focus, .button-border-thin.button-blue:hover, .button-border-thin.button-blue:focus, .button-border-thick.button-blue:hover, .button-border-thick.button-blue:focus {
background-color: rgba(7, 179, 255, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.button-border.button-blue:active, .button-blue.button-border-thin:active, .button-blue.button-border-thick:active, .button-border.button-blue.active, .button-blue.active.button-border-thin, .button-blue.active.button-border-thick, .button-border.button-blue.is-active, .button-blue.is-active.button-border-thin, .button-blue.is-active.button-border-thick, .button-border-thin.button-blue:active, .button-border-thin.button-blue.active, .button-border-thin.button-blue.is-active, .button-border-thick.button-blue:active, .button-border-thick.button-blue.active, .button-border-thick.button-blue.is-active {
background-color: rgba(11, 142, 200, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3
}
.button-border.button-green, .button-green.button-border-thin, .button-green.button-border-thick, .button-border-thin.button-green, .button-border-thick.button-green {
color: #8DC21F
}
.button-border.button-green:hover, .button-green.button-border-thin:hover, .button-green.button-border-thick:hover, .button-border.button-green:focus, .button-green.button-border-thin:focus, .button-green.button-border-thick:focus, .button-border-thin.button-green:hover, .button-border-thin.button-green:focus, .button-border-thick.button-green:hover, .button-border-thick.button-green:focus {
background-color: rgba(168, 223, 53, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.button-border.button-green:active, .button-green.button-border-thin:active, .button-green.button-border-thick:active, .button-border.button-green.active, .button-green.active.button-border-thin, .button-green.active.button-border-thick, .button-border.button-green.is-active, .button-green.is-active.button-border-thin, .button-green.is-active.button-border-thick, .button-border-thin.button-green:active, .button-border-thin.button-green.active, .button-border-thin.button-green.is-active, .button-border-thick.button-green:active, .button-border-thick.button-green.active, .button-border-thick.button-green.is-active {
background-color: rgba(137, 183, 42, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3
}
.button-border.button-orange, .button-orange.button-border-thin, .button-orange.button-border-thick, .button-border-thin.button-orange, .button-border-thick.button-orange {
color: #f39c12
}
.button-border.button-orange:hover, .button-orange.button-border-thin:hover, .button-orange.button-border-thick:hover, .button-border.button-orange:focus, .button-orange.button-border-thin:focus, .button-orange.button-border-thick:focus, .button-border-thin.button-orange:hover, .button-border-thin.button-orange:focus, .button-border-thick.button-orange:hover, .button-border-thick.button-orange:focus {
background-color: rgba(245, 176, 67, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.button-border.button-orange:active, .button-orange.button-border-thin:active, .button-orange.button-border-thick:active, .button-border.button-orange.active, .button-orange.active.button-border-thin, .button-orange.active.button-border-thick, .button-border.button-orange.is-active, .button-orange.is-active.button-border-thin, .button-orange.is-active.button-border-thick, .button-border-thin.button-orange:active, .button-border-thin.button-orange.active, .button-border-thin.button-orange.is-active, .button-border-thick.button-orange:active, .button-border-thick.button-orange.active, .button-border-thick.button-orange.is-active {
background-color: rgba(231, 153, 30, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3
}
.button-border.button-red, .button-red.button-border-thin, .button-red.button-border-thick, .button-border-thin.button-red, .button-border-thick.button-red {
color: #ff4332
}
.button-border.button-red:hover, .button-red.button-border-thin:hover, .button-red.button-border-thick:hover, .button-border.button-red:focus, .button-red.button-border-thin:focus, .button-red.button-border-thick:focus, .button-border-thin.button-red:hover, .button-border-thin.button-red:focus, .button-border-thick.button-red:hover, .button-border-thick.button-red:focus {
background-color: rgba(255, 114, 101, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.button-border.button-red:active, .button-red.button-border-thin:active, .button-red.button-border-thick:active, .button-border.button-red.active, .button-red.active.button-border-thin, .button-red.active.button-border-thick, .button-border.button-red.is-active, .button-red.is-active.button-border-thin, .button-red.is-active.button-border-thick, .button-border-thin.button-red:active, .button-border-thin.button-red.active, .button-border-thin.button-red.is-active, .button-border-thick.button-red:active, .button-border-thick.button-red.active, .button-border-thick.button-red.is-active {
background-color: rgba(245, 76, 60, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3
}
.button-border.button-pink, .button-pink.button-border-thin, .button-pink.button-border-thick, .button-border-thin.button-pink, .button-border-thick.button-pink {
color: #EA6CA4
}
.button-border.button-pink:hover, .button-pink.button-border-thin:hover, .button-pink.button-border-thick:hover, .button-border.button-pink:focus, .button-pink.button-border-thin:focus, .button-pink.button-border-thick:focus, .button-border-thin.button-pink:hover, .button-border-thin.button-pink:focus, .button-border-thick.button-pink:hover, .button-border-thick.button-pink:focus {
background-color: rgba(240, 153, 192, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.button-border.button-pink:active, .button-pink.button-border-thin:active, .button-pink.button-border-thick:active, .button-border.button-pink.active, .button-pink.active.button-border-thin, .button-pink.active.button-border-thick, .button-border.button-pink.is-active, .button-pink.is-active.button-border-thin, .button-pink.is-active.button-border-thick, .button-border-thin.button-pink:active, .button-border-thin.button-pink.active, .button-border-thin.button-pink.is-active, .button-border-thick.button-pink:active, .button-border-thick.button-pink.active, .button-border-thick.button-pink.is-active {
background-color: rgba(226, 116, 165, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3
}
.button-border.button-purple, .button-purple.button-border-thin, .button-purple.button-border-thick, .button-border-thin.button-purple, .button-border-thick.button-purple {
color: #a949ea
}
.button-border.button-purple:hover, .button-purple.button-border-thin:hover, .button-purple.button-border-thick:hover, .button-border.button-purple:focus, .button-purple.button-border-thin:focus, .button-purple.button-border-thick:focus, .button-border-thin.button-purple:hover, .button-border-thin.button-purple:focus, .button-border-thick.button-purple:hover, .button-border-thick.button-purple:focus {
background-color: rgba(191, 119, 239, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.button-border.button-purple:active, .button-purple.button-border-thin:active, .button-purple.button-border-thick:active, .button-border.button-purple.active, .button-purple.active.button-border-thin, .button-purple.active.button-border-thick, .button-border.button-purple.is-active, .button-purple.is-active.button-border-thin, .button-purple.is-active.button-border-thick, .button-border-thin.button-purple:active, .button-border-thin.button-purple.active, .button-border-thin.button-purple.is-active, .button-border-thick.button-purple:active, .button-border-thick.button-purple.active, .button-border-thick.button-purple.is-active {
background-color: rgba(167, 83, 224, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3
}
.button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick, .button-border-thin.button-giant, .button-border-thick.button-giant {
line-height: 66px
}
.button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick, .button-border-thin.button-jumbo, .button-border-thick.button-jumbo {
line-height: 56px
}
.button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick, .button-border-thin.button-large, .button-border-thick.button-large {
line-height: 46px
}
.button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick, .button-border-thin.button-normal, .button-border-thick.button-normal {
line-height: 36px
}
.button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick, .button-border-thin.button-small, .button-border-thick.button-small {
line-height: 26px
}
.button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick, .button-border-thin.button-tiny, .button-border-thick.button-tiny {
line-height: 20px
}
.button-borderless {
background: none;
border: none;
padding: 0 8px !important;
color: #EEE;
font-size: 20.8px;
font-weight: 200
}
.button-borderless:hover, .button-borderless:focus {
background: none
}
.button-borderless:active, .button-borderless.active, .button-borderless.is-active {
box-shadow: none;
text-shadow: none;
transition-property: all;
transition-duration: .3s;
opacity: .3
}
.button-borderless.button-blue {
color: #0092D3
}
.button-borderless.button-green {
color: #8DC21F
}
.button-borderless.button-orange {
color: #f39c12
}
.button-borderless.button-red {
color: #ff4332
}
.button-borderless.button-pink {
color: #EA6CA4
}
.button-borderless.button-purple {
color: #a949ea
}
.button-borderless.button-giant {
font-size: 36.4px;
height: 52.4px;
line-height: 52.4px
}
.button-borderless.button-jumbo {
font-size: 31.2px;
height: 47.2px;
line-height: 47.2px
}
.button-borderless.button-large {
font-size: 26px;
height: 42px;
line-height: 42px
}
.button-borderless.button-normal {
font-size: 20.8px;
height: 36.8px;
line-height: 36.8px
}
.button-borderless.button-small {
font-size: 15.6px;
height: 31.6px;
line-height: 31.6px
}
.button-borderless.button-tiny {
font-size: 12.48px;
height: 28.48px;
line-height: 28.48px
}
.button-raised {
border-color: #e1e1e1;
border-style: solid;
border-width: 1px;
line-height: 38px;
background: linear-gradient(#f6f6f6, #e1e1e1);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15)
}
.button-raised:hover, .button-raised:focus {
background: linear-gradient(to bottom, #ffffff, #dcdcdc)
}
.button-raised:active, .button-raised.active, .button-raised.is-active {
background: #eee;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px #fff
}
.button-raised.button-blue {
border-color: #0080ba;
background: linear-gradient(#00a4ed, #0080ba)
}
.button-raised.button-blue:hover, .button-raised.button-blue:focus {
background: linear-gradient(to bottom, #00aefc, #0079af)
}
.button-raised.button-blue:active, .button-raised.button-blue.active, .button-raised.button-blue.is-active {
border-color: #006fa0;
background: #0b8ec8
}
.button-raised.button-green {
border-color: #7dac1b;
background: linear-gradient(#9dd823, #7dac1b)
}
.button-raised.button-green:hover, .button-raised.button-green:focus {
background: linear-gradient(to bottom, #a4dd2c, #77a31a)
}
.button-raised.button-green:active, .button-raised.button-green.active, .button-raised.button-green.is-active {
border-color: #6d9618;
background: #89b72a
}
.button-raised.button-orange {
border-color: #e08e0b;
background: linear-gradient(#f4a62a, #e08e0b)
}
.button-raised.button-orange:hover, .button-raised.button-orange:focus {
background: linear-gradient(to bottom, #f5ac39, #d6880b)
}
.button-raised.button-orange:active, .button-raised.button-orange.active, .button-raised.button-orange.is-active {
border-color: #c87f0a;
background: #e7991e
}
.button-raised.button-red {
border-color: #ff2c19;
background: linear-gradient(#ff5a4c, #ff2c19)
}
.button-raised.button-red:hover, .button-raised.button-red:focus {
background: linear-gradient(to bottom, #ff685b, #ff220e)
}
.button-raised.button-red:active, .button-raised.button-red.active, .button-raised.button-red.is-active {
border-color: #fe1500;
background: #f54c3c
}
.button-raised.button-pink {
border-color: #e75696;
background: linear-gradient(#ed82b2, #e75696)
}
.button-raised.button-pink:hover, .button-raised.button-pink:focus {
background: linear-gradient(to bottom, #ef90ba, #e64d91)
}
.button-raised.button-pink:active, .button-raised.button-pink.active, .button-raised.button-pink.is-active {
border-color: #e43f88;
background: #e274a5
}
.button-raised.button-purple {
border-color: #9e32e7;
background: linear-gradient(#b460ed, #9e32e7)
}
.button-raised.button-purple:hover, .button-raised.button-purple:focus {
background: linear-gradient(to bottom, #ba6eee, #9a29e6)
}
.button-raised.button-purple:active, .button-raised.button-purple.active, .button-raised.button-purple.is-active {
border-color: #931be5;
background: #a753e0
}
.button-giant {
font-size: 28px;
height: 70px;
line-height: 70px;
padding: 0 70px
}
.button-jumbo {
font-size: 24px;
height: 60px;
line-height: 60px;
padding: 0 60px
}
.button-large {
font-size: 20px;
height: 50px;
line-height: 50px;
padding: 0 50px
}
.button-normal {
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0 40px
}
.button-small {
font-size: 12px;
height: 30px;
line-height: 30px;
padding: 0 30px
}
.button-tiny {
font-size: 9.6px;
height: 24px;
line-height: 24px;
padding: 0 24px
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
template {
display: none
}
a {
background: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
blockquote {
margin: 1.5rem 40px
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
p, pre {
margin: 1.5rem 0
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
dl, menu, ol, ul {
margin: 1.5rem 0
}
dd {
margin: 0 0 0 40px
}
menu, ol, ul {
padding: 0 0 0 40px
}
nav ul, nav ol {
list-style: none;
list-style-image: none
}
img {
border: 0;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1.5rem 40px
}
hr {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
form {
margin: 0
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
*font-family: sans-serif;
*vertical-align: middle
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"], input[type="radio"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
margin: 0 2px;
border-color: #c0c0c0;
border-top-width: 1px;
border-top-width: 0.0625rem;
border-top-style: solid;
padding-top: 7px;
padding-top: 0.4625rem;
border-bottom-width: 1px;
border-bottom-width: 0.0625rem;
border-bottom-style: solid;
padding-bottom: 15px;
padding-bottom: 0.9125rem;
border-left-width: 1px;
border-left-width: 0.0625rem;
border-left-style: solid;
padding-left: 14px;
padding-left: 0.875rem;
border-right-width: 1px;
border-right-width: 0.0625rem;
border-right-style: solid;
padding-right: 14px;
padding-right: 0.875rem
}
legend {
border: 0;
padding: 0;
*margin-left: -7px
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
html {
font-size: 100%;
line-height: 1.5em
}
html {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
width: 100%
}
body {
font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
width: 100%;
height: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
color: #333
}
::-moz-selection, ::selection {
background: #fc3 !important;
color: #333
}
h1 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 45px;
font-size: 2.8125rem;
line-height: 60px;
line-height: 3.75rem
}
h2 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 30px;
font-size: 1.875rem;
line-height: 36px;
line-height: 2.25rem
}
h3 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem
}
h4 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 20px;
font-size: 1.25rem;
line-height: 24px;
line-height: 1.5rem
}
h5 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem
}
h6 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 13px;
font-size: 0.8125rem;
line-height: 24px;
line-height: 1.5rem
}
p {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 16px;
font-size: 1rem;
line-height: 29px;
line-height: 1.8rem
}
hr {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
ol, ul, dl, dd, dt {
padding: 0;
margin: 0
}
img {
max-width: 100%;
height: auto;
vertical-align: middle
}
a {
color: #0092D3;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
a:hover {
text-decoration: none
}
a:hover img {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7
}
table {
width: 100%;
border-collapse: collapse
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
.article, .comment-section, .front-contents, .pickup-box, .update-info, .townwalk-posts, .widget-container, .number-of-posts, .main-visual-small {
margin-bottom: 20px
}
@media screen and (min-width: 768px) {
.article, .comment-section, .front-contents, .pickup-box, .update-info, .townwalk-posts, .widget-container, .number-of-posts, .main-visual-small {
margin-bottom: 40px
}
}
.container {
max-width: 1040px;
margin: 0 auto;
padding-right: 10px;
padding-left: 10px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
#wrapper {
width: 100%;
overflow: hidden
}
#header-group {
position: relative;
margin-bottom: 20px
}
.bar-div {
position: relative;
padding: 8px 0 11px
}
.bar-div:after {
content: " ";
display: block;
clear: both
}
.bar-div:before {
position: absolute;
content: '';
height: 3px;
bottom: 0;
left: 0;
right: 0
}
.bar-div:before {
background: linear-gradient(90deg, #ff4332 11.09091%, #ff685b 11.09091%, #ff685b 24.18182%, #f39c12 24.18182%, #f39c12 25.27273%, #fff300 25.27273%, #fff300 27.36364%, #8dc21f 27.36364%, #8dc21f 44.45455%, #26bcff 44.45455%, #26bcff 51.54545%, #0092d3 51.54545%, #0092d3 62.63636%, #e67e22 62.63636%, #e67e22 70.72727%, #e74c3c 70.72727%, #e74c3c 85.81818%, #a949ea 85.81818%, #a949ea 90.90909%, #ea6ca4 90.90909%)
}
.bar-div .container {
position: relative
}
.bar-div .container:after {
content: " ";
display: block;
clear: both
}
@media screen and (min-width: 768px) {
.bar-div {
padding: 16px 0 19px
}
}
#social-toggle {
display: block;
text-align: center;
float: right
}
#social-toggle a {
color: #fff;
padding: 0 8px;
height: 32px;
line-height: 32px;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #f39c12;
text-decoration: none;
font-size: 13px;
font-weight: bold
}
#social-toggle a .fa {
margin-right: .3em
}
@media screen and (min-width: 768px) {
#social-toggle {
display: none
}
}
#menu-toggle {
display: block;
text-align: center;
float: right;
margin-left: 8px
}
#menu-toggle a {
color: #fff;
padding: 0 8px;
height: 32px;
line-height: 32px;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #f39c12;
text-decoration: none;
font-size: 13px;
font-weight: bold
}
#menu-toggle a .fa {
margin-right: .3em
}
@media screen and (min-width: 768px) {
#menu-toggle {
display: none
}
}
#header {
position: relative;
z-index: 20;
background: #fff;
-moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2)
}
#header .container {
position: relative;
z-index: 8
}
.header-id {
float: left;
text-align: left;
margin: 0 auto
}
.header-id .description {
font-weight: normal;
display: none;
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.header-id {
float: none;
text-align: center
}
.header-id .description {
display: block
}
}
@media screen and (min-width: 960px) {
.header-id {
text-align: left;
float: left;
width: 100%;
margin-right: -744px
}
}
@media screen and (min-width: 960px) {
.header-id-inner {
margin-right: 744px
}
}
.header-advertise {
display: none
}
@media screen and (min-width: 960px) {
.header-advertise {
display: block;
float: right;
width: 728px
}
}
#logo {
position: relative;
max-width: 160px;
margin: 0 auto
}
#logo a {
display: block
}
@media screen and (min-width: 768px) {
#logo {
padding: 7px 0 4px;
max-width: 240px;
text-align: center
}
}
@media screen and (min-width: 960px) {
#logo {
margin: 0
}
}
#header-bottom {
display: none;
position: relative
}
#header-bottom .nav-section {
padding: 0
}
#header-bottom .nav-section:after {
content: " ";
display: block;
clear: both
}
@media screen and (min-width: 768px) {
#header-bottom {
display: block
}
#header-bottom .container {
padding-right: 10px;
padding-left: 10px
}
}
.nav-container {
position: relative
}
.nav-container:after {
content: " ";
display: block;
clear: both
}
#contents .container:after {
content: " ";
display: block;
clear: both
}
@media screen and (min-width: 768px) {
#main {
float: right;
margin-left: -360px;
width: 100%
}
}
@media screen and (min-width: 768px) {
.main-inner {
margin-left: 360px
}
}
#sidebar {
position: relative
}
@media screen and (min-width: 768px) {
#sidebar {
float: left;
width: 336px
}
}
#slidebar-in.fixed {
position: fixed;
right: auto;
bottom: 30px
}
#slidebar-in.lift {
position: absolute;
bottom: 0
}
.footer-top-img {
width: 100%;
height: 90px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/footer_top_bg.png) repeat-x
}
.footer-top {
padding: 24px 0 8px;
background: #d6e9c0
}
.footer-top ul {
margin-right: -3.2258%
}
.footer-top ul:after {
content: " ";
display: block;
clear: both
}
.footer-top li {
float: left;
width: 46.7741%;
margin-right: 3.2258%;
margin-bottom: 8px;
list-style: none
}
@media screen and (min-width: 480px) {
.footer-top ul {
margin-right: -4%
}
.footer-top li {
width: 21%;
margin-right: 4%
}
}
@media screen and (min-width: 960px) {
.footer-top li {
margin-bottom: 16px
}
}
.footer-middle {
padding: 24px 0;
background: #a3cd74
}
.footer-middle a {
color: #fff;
text-decoration: none
}
.footer-middle a:hover {
text-decoration: underline
}
@media screen and (min-width: 768px) {
.footer-middle {
padding: 24px 0 0
}
}
.footer-bottom {
position: relative;
padding: 24px 0 27px;
background: #81ba42;
text-align: center;
color: #fff
}
.footer-bottom:before {
position: absolute;
content: '';
height: 3px;
left: 0;
right: 0;
bottom: 0
}
.footer-bottom:before {
background: linear-gradient(90deg, #ff4332 4.09091%, #ff685b 4.09091%, #ff685b 17.18182%, #f39c12 17.18182%, #f39c12 23.27273%, #fff300 23.27273%, #fff300 34.36364%, #8dc21f 34.36364%, #8dc21f 41.45455%, #26bcff 41.45455%, #26bcff 47.54545%, #0092d3 47.54545%, #0092d3 55.63636%, #e67e22 55.63636%, #e67e22 77.72727%, #e74c3c 77.72727%, #e74c3c 84.81818%, #a949ea 84.81818%, #a949ea 86.90909%, #ea6ca4 86.90909%)
}
.footer-bottom p {
margin: 8px 0 0
}
.footer-bottom p:first-child {
margin-top: 0
}
.footer-bottom a {
color: #fff;
text-decoration: none
}
.footer-bottom a:hover {
text-decoration: underline
}
.footer-description {
font-weight: bold
}
.article .excerpt p {
overflow: auto
}
.article-right {
overflow: visible
}
.article-header h1, .article-header h2 {
font-size: 32px;
font-size: 2rem;
line-height: 36px;
line-height: 2.25rem;
margin-bottom: 16px
}
.article-header h1 a, .article-header h2 a {
color: #333;
text-decoration: none
}
.article-header h1 a:hover, .article-header h2 a:hover {
color: #0092D3
}
.article-header .page-title {
padding-top: 0px;
padding-top: 0rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/rainbow_line.gif) repeat-x left bottom
}
.post-data {
margin-bottom: 8px;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem
}
.post-data li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-right: 4px;
list-style: none
}
.post-tags {
max-width: 70%;
}
.post-category a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 4px;
padding: 2px 8px;
text-decoration: none;
color: #fff;
background: #0092D3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.post-category a:hover {
background: #00aefc
}
.post-thumbnail.single {
text-align: center
}
.post-thumbnail.single:after {
content: '...';
display: block;
font-weight: bold;
color: #dbdbdb;
padding-top: 0px;
padding-top: 0rem;
padding-bottom: 48px;
padding-bottom: 3rem;
font-size: 64px;
font-size: 4rem;
line-height: 24px;
line-height: 1.5rem
}
.post-thumbnail.archive {
float: left;
margin-right: 16px;
width: 88px
}
@media screen and (min-width: 768px) {
.post-thumbnail.archive {
width: 120px
}
}
@media screen and (min-width: 960px) {
.post-thumbnail.archive {
width: 170px
}
}
.comment-section h3 {
margin-bottom: 16px;
background: #efefef;
padding: 16px;
border-left: 3px solid #e1e1e1;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px
}
.comment-section h3 .fa {
margin-right: .3em
}
.search-box {
margin: 0 auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 40px
}
.search-box:after {
content: " ";
display: block;
clear: both
}
.searchform {
width: 100%;
height: 100%
}
.searchform dl {
height: 100%;
position: relative;
*zoom: 1
}
.searchform dl:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.searchform dt {
height: 100%
}
.searchform dt input {
width: 100%;
height: 100%;
padding: 2px 8px;
line-height: 28px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 24px;
line-height: 1.5rem;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none 0;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px inset;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px inset
}
.searchform dd {
position: absolute;
top: 0;
right: 0;
height: 100%
}
.searchform button {
display: block;
width: 66px;
height: 100%;
font-size: 14px;
border: none 0;
background: #888 url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) repeat;
color: #fff;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
.searchform button:hover {
background: #9c9c9c url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) repeat
}
.front-contents:after {
content: " ";
display: block;
clear: both
}
.front-contents .news-list {
margin-bottom: 20px
}
.front-contents .widget-title {
padding: 8px 0;
border: solid 1px #e1e1e1
}
.box-headline {
position: relative;
padding: 16px 0;
margin-bottom: 8px;
border-bottom: dotted 2px #333
}
.box-headline h3 {
font-size: 20px;
font-size: 1.25rem;
line-height: 24px;
line-height: 1.5rem;
margin: 0
}
@media screen and (min-width: 768px) {
.box-headline h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 24px;
line-height: 1.5rem
}
}
.circle-icon {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 36px;
height: 36px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
margin-right: 8px;
background: #fff;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
background: -moz-linear-gradient(#ffffff, #e6e6e6);
background: -webkit-linear-gradient(#ffffff, #e6e6e6);
background: linear-gradient(#ffffff, #e6e6e6);
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2)
}
.circle-icon .fa {
display: block;
width: 34px;
height: 36px;
margin-left: 2px;
text-align: center;
line-height: 36px;
font-size: 24px;
color: #888
}
.list-link {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
height: 30px
}
.category-nav {
padding: 16px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) repeat #888
}
.category-nav h3 {
color: #fff
}
.category-nav h3:before {
content: "";
font-family: fontawesome;
margin-right: .3em;
font-size: 32px
}
.category-nav .list-link {
margin-top: -11px
}
.category-nav-ul {
margin-bottom: 16px;
font-size: 15px;
font-size: 0.9375rem;
line-height: 24px;
line-height: 1.5rem
}
.category-nav-ul > li {
margin-top: 16px
}
.category-nav-ul > li:first-child {
margin-top: 0
}
.category-nav-ul li {
list-style: none;
background: #fff
}
.category-nav-ul .current-cat {
border-bottom: solid 1px #e1e1e1
}
.category-nav-ul .current-cat > a {
border-bottom: solid 1px #e1e1e1
}
.category-nav-ul a {
position: relative;
display: block;
padding: 8px 20px 8px 8px;
color: #333;
text-decoration: none;
border-bottom: solid 1px #e1e1e1
}
.category-nav-ul a:after {
content: " ";
display: block;
clear: both
}
.category-nav-ul a:hover {
background: #efefef
}
.category-nav-ul a:before, .category-nav-ul a:after {
font-family: fontawesome
}
.category-nav-ul a .open-child {
width: 32px;
height: 32px;
margin-right: 8px;
line-height: 32px;
text-align: center;
content: "";
font-family: fontawesome;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
color: #fff;
background: #f39c12;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
.category-nav-ul a .open-child:hover {
background: #f5ac39
}
.category-nav-ul a:after {
position: absolute;
top: 50%;
right: 8px;
margin-top: -12px;
color: #888;
content: ""
}
.category-nav-ul .widget-title a {
display: inline
}
.category-nav-ul .widget-title a:before, .category-nav-ul .widget-title a:after {
content: none
}
.category-nav-ul .children a {
border-bottom: solid 1px #e1e1e1
}
.category-nav-ul .children a:before {
content: none
}
.pickup-box {
position: relative;
padding: 16px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) repeat #8DC21F
}
.pickup-box h3 {
margin-bottom: 16px;
font-size: 18px;
font-size: 1.125rem;
line-height: 36px;
line-height: 2.25rem
}
.pickup-box .list-link {
right: 0
}
@media screen and (min-width: 480px) {
.pickup-box h3 {
font-size: 20px;
font-size: 1.25rem;
line-height: 36px;
line-height: 2.25rem
}
}
@media screen and (min-width: 960px) {
.pickup-box h3 {
text-align: center
}
}
.pickup-header {
position: relative
}
.check-icon {
display: none;
position: absolute;
top: -22px;
left: -10px;
width: 108px;
height: 108px;
-moz-border-radius: 54px;
-webkit-border-radius: 54px;
border-radius: 54px;
text-align: center;
line-height: 108px;
font-weight: bold;
font-size: 22px;
color: #fff;
background: #ff4332;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.96593, M12=0.25882, M21=-0.25882, M22=0.96593)";
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.96593, M12=0.25882, M21=-0.25882, M22=0.96593);
-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 960px) {
.check-icon {
display: block
}
}
.pickup-item {
margin-bottom: 16px;
padding: 8px;
background: #fff
}
.pickup-item:after {
content: " ";
display: block;
clear: both
}
.pickup-item h4 {
margin-bottom: 8px
}
.pickup-item figure {
padding: 16px 0;
text-align: center;
margin: 0 auto 8px;
background: #f7f7f7
}
.pickup-item .excerpt {
overflow: auto
}
.pickup-item p {
margin-bottom: 8px
}
@media screen and (min-width: 480px) {
.pickup-item figure {
float: left;
width: 170px;
margin: 0 8px 0 0;
padding: 0
}
}
.read-more {
text-align: right
}
.to-list-block {
padding-top: 16px;
border-top: double 3px #e1e1e1
}
.to-list-block:after {
content: " ";
display: block;
clear: both
}
.to-list-block p {
margin-bottom: 0
}
.to-list-block p.to-btn {
margin-top: 8px
}
@media screen and (min-width: 480px) {
.to-list-block p {
width: 50%;
padding-right: 16px;
float: left
}
.to-list-block p.to-btn {
padding-right: 0;
padding-left: 16px;
margin-top: 0
}
}
@media screen and (min-width: 768px) {
.to-list-block p {
width: auto;
float: none;
padding: 0
}
.to-list-block p.to-btn {
padding: 0;
margin-top: 8px
}
}
@media screen and (min-width: 960px) {
.to-list-block p {
width: 50%;
padding-right: 16px;
float: left
}
.to-list-block p.to-btn {
padding-right: 0;
padding-left: 16px;
margin-top: 0
}
}
.section-box {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 16px;
border: solid 3px #e1e1e1
}
.notice-box {
margin-bottom: 16px
}
.notice-box dt {
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem;
padding-top: 8px
}
.notice-box dd {
padding-bottom: 8px;
font-weight: bold;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
border-bottom: dotted 1px #aaa
}
.notice-box .title {
margin-bottom: 4px;
font-size: 15px;
font-size: 0.9375rem;
line-height: 24px;
line-height: 1.5rem
}
.notice-box .new {
margin-left: .3em;
padding: 1px 8px;
font-size: 11px;
color: #fff;
background: #ff4332
}
.update-type {
margin-left: .3em;
padding: 1px 8px;
font-size: 11px;
color: #fff;
background: #888
}
.townwalk-posts ul {
margin: 16px 0 16px
}
.townwalk-posts ul:after {
content: " ";
display: block;
clear: both
}
.townwalk-posts li {
position: relative;
list-style: none;
margin-top: 16px
}
.townwalk-posts li.first-child {
margin-top: 0
}
.townwalk-posts li a {
display: block;
padding: 10px;
color: #333;
text-decoration: none;
background: #efefef;
border: solid 3px #efefef
}
.townwalk-posts li a:hover {
border: solid 3px #888
}
.townwalk-posts li a:hover img {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}
.townwalk-posts img {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
.townwalk-posts figure {
margin: 0 0 8px;
text-align: center
}
.townwalk-posts h4 {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 8px
}
.townwalk-posts .excerpt {
display: block;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem
}
.townwalk-posts .excerpt p {
margin-bottom: 8px
}
@media screen and (min-width: 480px) {
.townwalk-posts ul {
margin: 16px -3.846153% 16px 0
}
.townwalk-posts li {
float: left;
position: relative;
width: 46.153846%;
margin-right: 3.846153%
}
}
.eyecatch-tag {
position: absolute;
top: -12px;
left: 0;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 66px;
height: 66px;
font-size: 22px;
line-height: 28px;
padding: 4px 10px;
font-weight: bold;
color: #fff;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.96593, M12=0.25882, M21=-0.25882, M22=0.96593)";
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.96593, M12=0.25882, M21=-0.25882, M22=0.96593);
-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 480px) {
.eyecatch-tag {
width: 88px;
height: 88px;
font-size: 32px;
line-height: 40px
}
}
@media screen and (min-width: 768px) {
.eyecatch-tag {
width: 66px;
height: 66px;
font-size: 22px;
line-height: 28px
}
}
@media screen and (min-width: 960px) {
.eyecatch-tag {
width: 88px;
height: 88px;
font-size: 32px;
line-height: 40px
}
}
.season-now {
background: #ff4332
}
.best-see {
background: #8DC21F
}
.limited-time {
background: #0092D3
}
.recommend {
background: #f39c12
}
.social-box {
text-align: center;
padding: 16px
}
.social-box:after {
content: " ";
display: block;
clear: both
}
.social-box li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.social-box a {
display: block;
width: 40px;
height: 40px;
text-align: center;
line-height: 34px;
font-size: 20px;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.social-box .rss a {
border: solid 3px #ff8c00;
background: #ff8c00
}
.social-box .rss a:hover {
background: #ff9e29;
border-color: #ff9e29
}
.social-box .fb a {
border: solid 3px #315096;
background: #315096
}
.social-box .fb a:hover {
background: #3b60b5;
border-color: #3b60b5
}
.social-box .tw a {
border: solid 3px #55acee;
background: #55acee
}
.social-box .tw a:hover {
background: #7abef2;
border-color: #7abef2
}
.social-box .gp a {
border: solid 3px #dd4b39;
background: #dd4b39
}
.social-box .gp a:hover {
background: #e36b5c;
border-color: #e36b5c
}
@media screen and (min-width: 768px) {
.social-box {
padding: 0;
text-align: right;
position: absolute;
top: 50%;
right: 0;
z-index: 19;
margin-top: -16px
}
.social-box li {
float: left;
margin-left: 8px
}
.social-box a {
width: 32px;
height: 32px;
line-height: 26px;
font-size: 16px
}
.social-box .rss a {
border: solid 3px #ff8c00
}
.social-box .fb a {
border: solid 3px #315096
}
.social-box .tw a {
border: solid 3px #55acee
}
.social-box .gp a {
border: solid 3px #dd4b39
}
}
.widget-container header {
position: relative
}
.widget-title {
margin-bottom: 8px;
font-size: 20px;
font-size: 1.25rem;
line-height: 36px;
line-height: 2.25rem;
text-align: left
}
.contents-bottom-widget .widget-title {
font-size: 20px;
font-size: 1.25rem;
line-height: 48px;
line-height: 3rem;
border-top: dotted 3px #e1e1e1;
text-align: center
}
.new-company {
position: relative;
padding: 16px;
color: #fff;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) repeat #0092D3;
overflow: hidden
}
.new-company h3 {
padding-left: 88px
}
.new-company li {
margin-top: 16px;
padding-top: 16px;
list-style: none;
border-top: solid 1px #fff
}
.new-company li:first-child {
margin-top: 0
}
.new-company a {
display: block;
color: #fff;
text-decoration: none
}
.new-company a:after {
content: " ";
display: block;
clear: both
}
.new-company a:hover {
background: rgba(255, 255, 255, 0.2)
}
.new-company figure {
float: left;
width: 88px;
margin: 0 8px 0 0
}
.new-company h4, .new-company .excerpt {
overflow: auto
}
.new-company h4 {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 8px
}
.new-company p {
margin-bottom: 0
}
.ribbon {
position: absolute;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 10em;
height: 2em;
line-height: 2em;
top: 5.04178em;
left: 0;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
font-weight: bold
}
.pagination {
margin: 20px 0;
text-align: right
}
.pagination span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.pagination .pagination-all {
margin-right: 8px;
padding: 4px 8px
}
.pagination .current {
margin: 0 4px 8px;
padding: 4px 8px;
font-weight: bold
}
.pagination a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 0 4px 8px;
padding: 4px 8px;
color: #333;
border: 3px solid #e1e1e1;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.pagination a span {
font-weight: normal
}
.pagination a:hover {
border: 3px solid #333
}
@media screen and (min-width: 768px) {
.pagination .current {
padding: 8px 16px
}
.pagination a {
padding: 8px 16px
}
}
.company-list > li {
list-style: none;
padding-top: 20px;
margin: 20px 0;
border-top: solid 1px #e1e1e1
}
.company-list > li:after {
content: " ";
display: block;
clear: both
}
.company-list > li:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0
}
.company-list .thumbnail {
float: left;
width: 88px;
margin-right: 16px
}
.company-list .thumbnail img {
width: 100%
}
.company-list p {
margin-bottom: 4px
}
.company-list h2 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem
}
.company-list h2 a {
color: #333;
text-decoration: none
}
.company-list h2 a:hover {
color: #0092D3
}
.company-list .company-catch-copy {
display: none
}
@media screen and (min-width: 768px) {
.company-list > li {
padding-top: 40px;
margin: 40px 0
}
.company-list h2 {
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem
}
.company-list .thumbnail {
width: 170px
}
.company-list .company-catch-copy {
display: block
}
}
.company-list-right {
overflow: auto
}
.company-category a {
display: inline;
position: relative;
z-index: 20;
margin-right: 8px;
padding: 2px 8px;
color: #fff;
background: #0092D3;
text-decoration: none;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.company-category a:hover {
background: #00aefc
}
.company-meta {
padding: 8px;
border: solid 2px #e1e1e1
}
.company-meta li {
font-size: 13px;
font-size: 0.8125rem;
line-height: 24px;
line-height: 1.5rem;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.archive-header h1 {
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
margin-bottom: 8px
}
.archive-header h1 .fa {
margin-right: .3em
}
.archive-header.company-headline {
position: relative;
margin-bottom: 40px;
background: #fff;
border-bottom: 3px solid #f39c12
}
.archive-header.company-headline:before, .archive-header.company-headline:after {
position: absolute;
left: 50%;
margin-left: -80px;
content: '';
width: 0;
height: 0;
border-right: 80px solid transparent;
border-bottom: 30px solid transparent;
border-left: 80px solid transparent
}
.archive-header.company-headline:before {
bottom: -63px;
border-top: 30px solid #f39c12
}
.archive-header.company-headline:after {
bottom: -60px;
border-top: 30px solid #fff
}
.archive-header-box {
border: solid 3px #333;
padding: 16px;
margin-bottom: 16px
}
.archive-header-box p {
margin-bottom: 0
}
.relative-block {
display: block;
position: relative;
padding-right: 38px
}
.rss-link {
position: absolute;
top: 0;
right: 0
}
.rss-link a {
color: #ff8c00
}
.rss-link a:hover {
color: #ff9e29
}
.search-title .search-query {
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
border-bottom: 1px dotted #333
}
.search-title span {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem
}
.archive-description {
margin-bottom: 0
}
.archive-search-box {
margin: 24px 0;
padding: 32px 16px;
border: solid 1px #e1e1e1;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
@media screen and (min-width: 768px) {
.archive-search-box {
padding: 32px 48px
}
}
.archive-list > li {
padding-top: 20px;
margin: 20px 0;
border-top: solid 1px #e1e1e1;
list-style: none
}
.archive-list > li:after {
content: " ";
display: block;
clear: both
}
.archive-list > li:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0
}
.archive-list > li h2 {
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem
}
.archive-list > li .excerpt {
display: none
}
@media screen and (min-width: 768px) {
.archive-list > li {
padding-top: 40px;
margin: 40px 0
}
.archive-list > li h2 {
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem
}
.archive-list > li .excerpt {
display: block
}
}
.related-company {
border-bottom: double 3px #e1e1e1;
padding-bottom: 8px;
margin-bottom: 8px
}
.related-company:after {
content: " ";
display: block;
clear: both
}
.related-company span {
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem
}
.related-company p {
margin-bottom: 0;
font-weight: bold;
font-size: 15px;
font-size: 0.9375rem;
line-height: 24px;
line-height: 1.5rem
}
.related-child-company {
margin-top: 8px
}
.related-child-company:after {
content: " ";
display: block;
clear: both
}
.related-child-company:first-child {
margin-top: 0
}
.related-company-thumbnail {
float: left;
width: 52px;
margin-right: 8px
}
.company-header {
margin-bottom: 16px
}
.company-header h1 {
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
margin-bottom: 8px
}
.company-header h2 {
font-weight: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.company-header h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 36px;
line-height: 2.25rem
}
.company-header h2 {
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem
}
}
.company-header-in {
margin-bottom: 8px
}
.company-header-in:after {
content: " ";
display: block;
clear: both
}
.company-thumbnail {
float: left;
margin-right: 16px;
width: 100px
}
@media screen and (min-width: 480px) {
.company-thumbnail {
width: 170px
}
}
@media screen and (min-width: 768px) {
.company-thumbnail {
width: 140px
}
}
@media screen and (min-width: 960px) {
.company-thumbnail {
width: 170px
}
}
.company-header-right {
overflow: visible
}
.company-category a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 4px;
padding: 2px 8px;
text-decoration: none;
color: #fff;
background: #0092D3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.company-category a:hover {
background: #00aefc
}
.company-description {
margin: 16px 0
}
.company-keyword {
margin: 20px 0;
border-top: dashed 2px #e1e1e1;
padding-top: 8px;
color: #888
}
.company-keyword span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-right: 8px;
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem;
color: #888;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-weight: bold
}
.company-keyword a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-right: 8px;
padding: 2px 6px;
font-size: 12px;
font-size: 0.75rem;
line-height: 12px;
line-height: 0.75rem;
color: #888;
border: solid 1px #efefef;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
.company-keyword a:hover {
color: #888;
background: #fff;
border: solid 1px #888
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
.ggmap iframe, .ggmap object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.access-description dt {
margin-bottom: 8px;
font-weight: bold
}
.access-description dd {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding-left: 16px;
border-left: 3px solid #e1e1e1
}
#tel-link a {
color: #fff;
text-decoration: none
}
.company-slider {
margin-bottom: 32px
}
.company-slider li {
list-style: none
}
#bx-pager {
margin-right: -4px
}
#bx-pager:after {
content: " ";
display: block;
clear: both
}
#bx-pager li {
margin-right: 4px;
width: 72px;
float: left
}
#bx-pager a {
display: block
}
.company-section {
margin: 40px 0
}
.company-section h3 {
margin-bottom: 16px;
background: #efefef;
padding: 16px;
border-left: 3px solid #e1e1e1;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px
}
.company-section h3 .fa {
margin-right: .3em
}
.company-section tr {
border: solid 1px #e1e1e1
}
.company-section th {
text-align: left;
border-bottom: dashed 1px #e1e1e1
}
.company-section td {
font-size: 13px;
font-size: 0.8125rem;
line-height: 24px;
line-height: 1.5rem
}
.company-section th, .company-section td {
padding: 8px 16px;
width: 100%;
display: block
}
@media screen and (min-width: 768px) {
.company-section tr {
border: none
}
.company-section th, .company-section td {
width: auto;
display: table-cell;
border-top: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1
}
.company-section th {
width: 112px;
text-align: right;
white-space: nowrap
}
}
.company-link li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 0 8px 8px 0;
list-style: none
}
.company-link a {
display: block;
padding: 2px 8px;
height: 28px;
line-height: 24px;
color: #fff;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.company-link .fa {
margin-right: .3em
}
.company-link .tel a {
background: #0092D3
}
.company-link .tel a:hover {
background: #00aefc
}
.company-link .contact a {
background: #8DC21F
}
.company-link .contact a:hover {
background: #a4dd2c
}
.company-link .coupon {
margin-right: 24px
}
.company-link .coupon a {
position: relative;
background: #ff4332;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0
}
.company-link .coupon a:hover {
background: #ff685b
}
.company-link .coupon a:hover:before {
border-top-color: #ff685b;
border-left-color: #ff685b
}
.company-link .coupon a:hover:after {
border-bottom-color: #ff685b;
border-left-color: #ff685b
}
.company-link .coupon a:before, .company-link .coupon a:after {
position: absolute;
right: -14px;
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
.company-link .coupon a:before {
top: 0;
border-top-color: #ff4332;
border-left-color: #ff4332
}
.company-link .coupon a:after {
bottom: 0;
border-bottom-color: #ff4332;
border-left-color: #ff4332
}
.company-btn:after {
content: " ";
display: block;
clear: both
}
.company-btn li {
list-style: none;
float: left;
margin-right: 8px;
margin-bottom: 16px
}
.company-btn .fa {
margin-right: .3em
}
.company-btn .button-small {
padding: 0 8px 0
}
.company-link-btn {
margin: 0 16px
}
.company-link-btn:after {
content: " ";
display: block;
clear: both
}
.company-link-btn li {
float: left;
list-style: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
padding: 12px
}
.company-link-btn .btn-off {
background: #efefef;
border: solid 2px #e1e1e1;
color: #c5c5c5
}
.company-social {
padding: 16px
}
.company-social:after {
content: " ";
display: block;
clear: both
}
.company-social li {
float: left;
list-style: none;
margin-right: 8px;
margin-bottom: 6px
}
.company-social a {
display: block;
padding: 2px 8px;
color: #fff;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.company-social .fb a {
background: #315096
}
.company-social .fb a:hover {
background: #3b60b5
}
.company-social .tw a {
background: #55acee
}
.company-social .tw a:hover {
background: #7abef2
}
.company-social .gp a {
background: #dd4b39
}
.company-social .gp a:hover {
background: #e36b5c
}
.company-map {
margin-bottom: 8px
}
.number-of-posts {
text-align: right;
border-bottom: solid 1px #e1e1e1
}
.find-category dt {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
bottom: -10px;
background: #fff
}
.find-category dd {
padding: 24px 0 8px;
border-top: solid 1px #333
}
.find-category li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 4px;
list-style: none
}
.find-category a {
display: block;
height: 28px;
padding: 1px 8px;
color: #333;
text-decoration: none;
background: #efefef;
font-size: 13px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px
}
.find-category a:hover {
color: #fff;
background: #0092D3
}
@media screen and (min-width: 768px) {
.find-category dd {
padding: 24px 16px 16px
}
}
.search-result li {
list-style: none;
padding-top: 20px;
margin: 20px 0;
border-top: solid 1px #e1e1e1
}
.search-result li:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0
}
.search-result h2 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem
}
@media screen and (min-width: 768px) {
.search-result li {
padding-top: 40px;
margin: 40px 0
}
}
.blog-category li {
list-style: none
}
.blog-category a {
padding: 8px 0;
display: block;
border-bottom: solid 1px #e1e1e1;
text-decoration: none;
color: #333;
font-weight: bold
}
.blog-category a:hover {
color: #0092D3;
padding-left: 8px
}
.blog-category .fa {
margin-right: .3em
}
#primary-nav {
position: relative;
z-index: 18;
padding: 8px 0 0 0
}
#primary-nav .orange.current-page a, #primary-nav .orange a:hover {
border-color: #f39c12;
background: #f39c12
}
#primary-nav .blue.current-page a, #primary-nav .blue a:hover {
border-color: #0092D3;
background: #0092D3
}
#primary-nav .pink.current-page a, #primary-nav .pink a:hover {
border-color: #EA6CA4;
background: #EA6CA4
}
#primary-nav .green.current-page a, #primary-nav .green a:hover {
border-color: #8DC21F;
background: #8DC21F
}
#primary-nav .red.current-page a, #primary-nav .red a:hover {
border-color: #ff4332;
background: #ff4332
}
#primary-nav .fa {
color: #888;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
#primary-nav a {
display: block;
padding: 8px;
font-size: 15px;
font-size: 0.9375rem;
line-height: 24px;
line-height: 1.5rem;
font-weight: bold;
color: #333;
text-decoration: none;
border-bottom: solid 1px #e1e1e1
}
#primary-nav a:hover {
color: #fff
}
#primary-nav a .fa {
margin-right: .3em
}
#primary-nav a:hover .fa {
color: #fff
}
@media screen and (min-width: 768px) {
#primary-nav {
padding: 8px 160px 8px 0;
display: block
}
#primary-nav li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-right: 16px;
padding: 6px 0 7px;
height: 45px
}
#primary-nav .orange.current-page a, #primary-nav .orange a:hover {
background: #fff
}
#primary-nav .orange.current-page a .fa, #primary-nav .orange a:hover .fa {
color: #f39c12
}
#primary-nav .blue.current-page a, #primary-nav .blue a:hover {
background: #fff
}
#primary-nav .blue.current-page a .fa, #primary-nav .blue a:hover .fa {
color: #0092D3
}
#primary-nav .pink.current-page a, #primary-nav .pink a:hover {
background: #fff
}
#primary-nav .pink.current-page a .fa, #primary-nav .pink a:hover .fa {
color: #EA6CA4
}
#primary-nav .green.current-page a, #primary-nav .green a:hover {
background: #fff
}
#primary-nav .green.current-page a .fa, #primary-nav .green a:hover .fa {
color: #8DC21F
}
#primary-nav .red.current-page a, #primary-nav .red a:hover {
background: #fff
}
#primary-nav .red.current-page a .fa, #primary-nav .red a:hover .fa {
color: #ff4332
}
#primary-nav a {
border-bottom: none;
padding: 3px 8px;
height: 30px
}
#primary-nav a:hover {
color: #333
}
}
.main-visual-large {
position: relative;
padding: 20px 0 0
}
.main-visual-large:after {
content: " ";
display: block;
clear: both
}
.main-visual-large .description {
margin-bottom: 8px;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem
}
@media screen and (min-width: 768px) {
.main-visual-large {
min-height: 452px;
padding: 24px 0 0
}
}
.townmap-menu .search-box {
margin-bottom: 16px;
-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2)
}
@media screen and (min-width: 768px) {
.townmap-menu {
float: right;
width: 240px
}
}
.front-page-search {
position: relative
}
@media screen and (min-width: 768px) {
.front-page-search {
margin-bottom: 24px;
padding: 24px;
background: #efefef
}
.front-page-search .search-box {
height: 56px
}
.front-page-search .search-box button {
width: 96px;
font-size: 16px;
font-size: 1rem
}
}
.main-visual-small {
position: relative;
text-align: center;
overflow: visible;
padding-bottom: 24px;
min-height: 184px
}
.main-visual-small .description {
margin-bottom: 8px;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
font-weight: bold
}
.logo-hor {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 32px auto
}
.the-title {
position: relative;
z-index: 20
}
.the-title h1 {
font-size: 32px;
font-size: 2rem;
line-height: 48px;
line-height: 3rem;
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
font-weight: bold;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.the-title h1 {
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem;
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
background: rgba(255, 255, 255, 0.5);
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding-left: 16px;
padding-right: 16px
}
}
.bird-ornament {
display: none;
position: absolute;
right: 0;
bottom: -10px;
width: 303px;
height: 147px
}
@media screen and (min-width: 960px) {
.bird-ornament {
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/bird_ornament.png) no-repeat;
display: block
}
}
.town-ornament {
display: none;
position: absolute;
left: 0;
bottom: -10px;
z-index: 1;
width: 336px;
height: 194px
}
@media screen and (min-width: 960px) {
.town-ornament {
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/town_img_mini.png) no-repeat;
display: block
}
}
.springboard-section {
padding: 10px 0;
border-top: dashed 2px #fff;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZWZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfefff), color-stop(100%, #ffffff));
background: -moz-linear-gradient(#bfefff, #ffffff);
background: -webkit-linear-gradient(#bfefff, #ffffff);
background: linear-gradient(#bfefff, #ffffff)
}
.springboard {
margin-right: -4.7619%
}
.springboard.sub {
float: none;
margin-top: 10px
}
.springboard.sub:after {
content: " ";
display: block;
clear: both
}
.springboard li {
float: left;
width: 45.238%;
margin-right: 4.7619%;
margin-bottom: 16px;
list-style: none
}
.springboard li.lower {
margin-bottom: 0
}
.springboard a {
position: relative;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 100%;
height: 126px;
padding: 16px;
font-weight: bold;
color: #fff;
text-align: center;
text-decoration: none;
background-image: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2)
}
.springboard a:after {
content: " ";
display: block;
clear: both
}
.springboard .green {
background-color: #8DC21F
}
.springboard .green i {
color: #8DC21F
}
.springboard .green:hover {
background-color: #a4dd2c
}
.springboard .green:hover i {
color: #a4dd2c
}
.springboard .orange {
background-color: #f39c12
}
.springboard .orange i {
color: #f39c12
}
.springboard .orange:hover {
background-color: #f5ac39
}
.springboard .orange:hover i {
color: #f5ac39
}
.springboard .pink {
background-color: #EA6CA4
}
.springboard .pink i {
color: #EA6CA4
}
.springboard .pink:hover {
background-color: #ef90ba
}
.springboard .pink:hover i {
color: #ef90ba
}
.springboard .blue {
background-color: #0092D3
}
.springboard .blue i {
color: #0092D3
}
.springboard .blue:hover {
background-color: #00aefc
}
.springboard .blue:hover i {
color: #00aefc
}
.springboard .menu-icon {
margin: 0 auto 4px;
display: block;
width: 44px;
height: 44px;
font-size: 24px;
text-align: center;
line-height: 44px;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.springboard .append {
display: none
}
@media screen and (min-width: 480px) {
.springboard {
margin-right: -3.0303%
}
.springboard li {
width: 21.9696%;
margin-right: 3.0303%
}
}
@media screen and (min-width: 768px) {
.springboard li {
width: 240px;
margin-right: 0;
float: none
}
.springboard a {
text-align: left;
height: auto
}
.springboard .menu-icon {
position: absolute;
top: 50%;
left: 16px;
margin-top: -22px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
float: left;
margin-right: 8px
}
.springboard .append {
display: inline
}
.springboard.main {
float: right;
width: 240px;
margin-right: 0
}
.springboard.main li {
margin-bottom: 16px
}
.springboard.main a {
padding: 16px 16px 16px 72px
}
.springboard.sub {
margin-right: -2.2556%
}
.springboard.sub li {
float: left;
width: 22.7443%;
margin-right: 2.2556%;
margin-bottom: 0
}
.springboard.sub a {
padding: 8px 16px 8px 72px;
height: 88px
}
.springboard.front-page a {
padding-top: 32px;
padding-bottom: 32px;
height: 128px
}
}
@media screen and (min-width: 960px) {
.springboard.sub a {
height: auto
}
}
.main-visual {
position: relative
}
.main-visual .container {
position: relative;
z-index: 10
}
.coupon-box {
margin-top: 16px;
padding-top: 16px;
border-top: solid 1px #e1e1e1
}
.coupon-box:after {
content: " ";
display: block;
clear: both
}
.coupon-box:first-child {
margin-top: 0;
padding-top: 0;
border-top: none
}
.coupon-box .coupon-description {
overflow: auto
}
@media screen and (min-width: 768px) {
.coupon-box .coupon-short-code {
float: left;
margin-right: 16px
}
}
.coupon-list dl {
margin-bottom: 40px
}
.coupon-list dl:after {
content: " ";
display: block;
clear: both
}
.coupon-list dt {
font-weight: bold;
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
margin-bottom: 16px;
padding: 16px;
background: #FAF8F1;
border-top: solid 3px #f39c12
}
.coupon-list dt a {
color: #333;
text-decoration: none
}
.coupon-list dt a:hover {
color: #0092D3
}
.coupon-list ul {
margin-right: -3.8461%
}
.coupon-list ul:after {
content: " ";
display: block;
clear: both
}
.coupon-list li {
float: left;
margin-right: 3.8461%;
padding: 8px;
width: 29.4871%;
list-style: none;
border: solid 1px #e1e1e1
}
.coupon-list .coupon-description {
overflow: auto;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem
}
.company-post-list.facebook h4 {
margin-top: 24px;
background: #315096;
color: #fff
}
.company-post-list.facebook dl {
border: solid 3px #315096
}
.company-post-list.facebook dd {
border-bottom: solid 1px #315096
}
.company-post-list.blog h4 {
margin-top: 24px;
background: #333;
color: #fff
}
.company-post-list.blog dl {
border: solid 3px #333
}
.company-post-list.blog dd {
border-bottom: solid 1px #333
}
.company-post-list h4 {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 0;
padding: 4px 16px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
background: #e1e1e1;
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem
}
.company-post-list dl {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 16px;
border: solid 3px #e1e1e1
}
.company-post-list dd {
margin-bottom: 16px;
border-bottom: solid 1px #e1e1e1
}
.company-post-list h5 {
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 16px
}
.share-btn {
padding: 4px;
margin-bottom: 8px;
max-height: 70px
}
.share-btn:after {
content: " ";
display: block;
clear: both
}
.share-btn.page {
position: relative;
z-index: 12;
margin: 0 auto;
max-width: 400px;
max-height: 100px;
background: rgba(255, 255, 255, 0.5);
padding: 16px 16px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.share-btn .line-btn img {
vertical-align: top
}
.share-btn li {
display: inline-block;
vertical-align: top;
*vertical-align: auto;
*zoom: 1;
*display: inline;
list-style: none;
margin-right: 8px
}
.share-btn li:last-child {
margin-right: 0
}
.fb_iframe_widget > span {
vertical-align: baseline !important
}
#breadcrumbs {
padding: 6px 6px 0;
background: #efefef;
margin-bottom: 20px;
font-size: 11px;
font-size: 0.6875rem;
line-height: 24px;
line-height: 1.5rem
}
#breadcrumbs:after {
content: " ";
display: block;
clear: both
}
#breadcrumbs ol {
overflow: hidden;
width: 100%
}
#breadcrumbs li {
float: left;
list-style: none;
margin: 0 6px 6px
}
#breadcrumbs li:first-child {
margin-left: 0
}
#breadcrumbs li:first-child a:before {
content: none
}
#breadcrumbs li span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 200px
}
#breadcrumbs .fa {
margin-right: .3em
}
#breadcrumbs a:hover {
color: #fff
}
#breadcrumbs a, #breadcrumbs .bc-current span {
background: #fff;
padding: 0 8px;
line-height: 32px;
height: 32px;
float: left;
text-decoration: none;
position: relative;
color: #333
}
#breadcrumbs a:hover, #breadcrumbs .bc-current span:hover {
background: #888
}
#breadcrumbs a:hover:before, #breadcrumbs .bc-current span:hover:before {
border-color: #888 #888 #888 transparent
}
#breadcrumbs a:hover:after, #breadcrumbs .bc-current span:hover:after {
border-left-color: #888
}
#breadcrumbs a:after, #breadcrumbs a:before, #breadcrumbs .bc-current span:after, #breadcrumbs .bc-current span:before {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
#breadcrumbs a:after, #breadcrumbs .bc-current span:after {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 8px solid #fff;
right: -8px
}
#breadcrumbs a:before, #breadcrumbs .bc-current span:before {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
border-width: 16px 0 16px 8px;
border-style: solid;
border-color: #fff #fff #fff transparent;
left: -8px
}
#breadcrumbs span {
position: relative
}
#breadcrumbs .bc-current {
margin-left: 0
}
#breadcrumbs .bc-current span {
font-weight: bold;
background: none
}
#breadcrumbs .bc-current span:hover {
font-weight: bold;
background: none
}
#breadcrumbs .bc-current span:after, #breadcrumbs .bc-current span:before {
content: normal
}
@media screen and (min-width: 768px) {
#breadcrumbs {
font-size: 13px;
font-size: 0.8125rem;
line-height: 24px;
line-height: 1.5rem
}
}
.page-tree-nav {
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem
}
.page-tree-nav a {
padding: 16px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: solid 1px #e1e1e1;
text-decoration: none
}
.page-tree-nav a:hover {
background: #efefef
}
.page-tree-nav span {
display: inline-block;
vertical-align: top;
*vertical-align: auto;
*zoom: 1;
*display: inline;
color: #333;
text-decoration: none;
margin-right: .3em;
font-weight: bold
}
.page-tree-nav span .fa {
font-weight: normal;
color: #888;
margin-right: .3em
}
.footer-widget {
color: #fff
}
.footer-widget:after {
content: " ";
display: block;
clear: both
}
.footer-widget .footer-widget-column {
list-style: none
}
.footer-widget .widget-title {
color: #fff;
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem
}
.footer-widget li {
list-style: none
}
@media screen and (min-width: 480px) {
.footer-widget {
margin-right: -2.439%;
margin-bottom: 0
}
.footer-widget .footer-widget-column {
float: left;
margin-right: 2.439%;
width: 22.5609%
}
.footer-widget a:after {
content: " ";
display: block;
clear: both
}
}
.footer-logo a {
display: block;
background: #fff;
padding: 16px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.footer-logo a:hover span {
color: #888
}
.footer-logo span {
margin-top: 16px;
display: block;
color: #333;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem
}
.thumbnail-posts li {
margin-bottom: 16px
}
.thumbnail-posts a {
display: block
}
.thumbnail-posts a:after {
content: " ";
display: block;
clear: both
}
.thumbnail-posts figure {
float: left;
margin: 0 8px 0 0
}
.thumbnail-posts h5 {
font-weight: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 0
}
.footer-nav {
padding: 8px;
margin-bottom: 8px;
border-bottom: solid 1px #fff
}
.footer-nav li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 0 8px
}
.footer-nav a {
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
color: #fff;
text-decoration: none
}
#back-to-top {
display: none;
position: fixed;
right: 8px;
bottom: 8px;
z-index: 8000;
width: 32px;
height: 32px
}
#back-to-top a {
display: block;
text-decoration: none;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
background: #888;
color: #fff;
font-size: 22px;
font-size: 1.375rem
}
#back-to-top a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}
@media screen and (min-width: 768px) {
#back-to-top {
right: 34px;
bottom: 34px;
width: 56px;
height: 56px
}
#back-to-top a {
width: 56px;
height: 56px;
line-height: 56px;
font-size: 32px;
font-size: 2rem
}
}
.widget_nav_menu li {
text-indent: -1em;
padding-left: 1em;
list-style: none;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 7px;
margin-bottom: 0.45rem
}
.widget_nav_menu li:before {
content: "";
font-family: fontawesome;
margin-right: .3em
}
.content:after {
content: " ";
display: block;
clear: both
}
.content h2 {
padding: 16px 0;
border-bottom: solid 3px #333
}
.content blockquote {
margin-right: 0;
margin-left: 0;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding: 16px;
background: #efefef;
border-left: solid 3px #dbdbdb
}
.content table {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.content table, .content th, .content td {
border: solid 1px #e1e1e1
}
.content th {
background: #efefef
}
.content th, .content td {
padding: 12px
}
.content dt {
font-weight: bold
}
.content dd {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
margin-left: 16px
}
.content ul, .content ol {
margin-top: 7px;
margin-top: 0.45rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding-left: 24px
}
.content ul li {
list-style: none
}
.content ul li:before {
content: "";
font-family: fontawesome;
margin-right: .3em
}
.content li {
text-indent: -1em;
padding-left: 1em;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 7px;
margin-bottom: 0.45rem
}
.content pre {
background: #efefef;
padding: 8px;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem;
border: solid 1px #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.content code {
padding: 1px 2px;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
background: #efefef;
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem;
border: solid 1px #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto
}
img.alignright {
margin: 0 0 2px 12px;
display: inline
}
img.alignleft {
margin: 0 12px 2px 0;
display: inline
}
.alignright {
float: right
}
.alignleft {
float: left
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center
}
.wp-caption {
width: 100%;
max-width: 100%;
margin: 0;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.wp-caption .wp-caption-text {
margin-top: 0.2em;
text-align: center
}
.wp-caption.aligncenter {
margin-right: auto;
margin-left: auto;
text-align: center
}
.wp-caption.alignleft {
margin: 0 12px 2px 0;
text-align: left
}
.wp-caption.alignright {
margin: 0 0 2px 12px
}
.wp-caption-text {
text-align: center
}
.page-links {
padding: 16px;
text-align: center;
background: #efefef
}
.page-links .page-links-title {
margin-right: 4px;
font-weight: normal
}
.page-links span {
font-weight: bold
}
.page-links a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 0 4px;
padding: 8px 16px;
background: #fff;
text-decoration: none
}
.page-links a span {
font-weight: normal
}
.page-links a:hover {
color: #fff;
background: #0092D3
}
#wpstats {
display: none
}
.widget_sp_image {
text-align: center
}
.widget_weatherhackswidget {
padding: 16px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) repeat #f39c12
}
.widget_weatherhackswidget h3 {
color: #fff
}
.widget_weatherhackswidget h3:before {
content: "";
font-family: fontawesome;
margin-right: .3em;
font-size: 32px
}
.widget_weatherhackswidget .weather-block {
width: 100%;
padding: 8px;
background: #fff
}
div.wpcf7 {
padding: 32px;
border: solid 1px #e1e1e1
}
div.wpcf7 input, div.wpcf7 textarea {
width: 100%;
padding: 8px;
border: solid 1px #e1e1e1;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
div.wpcf7 input[type="checkbox"] {
width: auto
}
div.wpcf7 .wpcf7-submit {
padding: 16px;
color: #fff;
background: #8DC21F;
border: solid 1px #739f19
}
div.wpcf7 .wpcf7-submit:hover {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
background: #a4dd2c
}
.cctor_coupon_image {
padding: 1%;
border: 2px dashed #666 !important;
max-width: 100%
}
.sm-popular-searches {
margin-top: 8px;
margin-bottom: 16px
}
.sm-popular-searches h3 {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-right: .3em;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 0
}
.sm-popular-searches ul {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.sm-popular-searches li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
list-style: none
}
.sm-popular-searches a {
display: block;
margin-right: 8px;
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem;
color: #333;
text-decoration: underline
}
.sm-popular-searches a:hover {
text-decoration: none
}
@media screen and (min-width: 768px) {
.sm-popular-searches {
margin-bottom: 0
}
}
#full-calendar .fc-left, #full-calendar .fc-right {
font-size: 11px;
font-size: 0.6875rem
}
#full-calendar .fc-center h2 {
margin-top: 16px;
font-size: 20px;
font-size: 1.25rem
}
#full-calendar .fc-more {
background: #ff4332;
color: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 2px 3px;
font-size: 13px;
font-size: 0.8125rem
}
@media screen and (min-width: 768px) {
#full-calendar .fc-left, #full-calendar .fc-right {
font-size: 16px;
font-size: 1rem
}
#full-calendar .fc-center h2 {
margin-top: 0;
font-size: 28px;
font-size: 1.75rem
}
}
#event-detail-area {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
height: 100%;
padding: 0 24px;
background-color: rgba(0, 0, 0, 0.7)
}
.event-detail-window {
max-width: 560px;
margin: 60px auto;
background: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
overflow: hidden
}
.event-detail-window header {
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png) #0092D3;
color: #fff;
padding: 16px 8px;
text-align: center
}
.event-detail-window header p {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 0;
line-height: 28px
}
.event-detail-window header span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
margin-right: .3em
}
.event-detail-window header .fa {
color: #0092D3;
line-height: 28px;
text-align: center
}
.event-detail-content {
padding: 8px 16px 16px
}
.event-detail-content p {
font-size: 12px;
font-size: 0.75rem;
line-height: 24px;
line-height: 1.5rem
}
.event-detail-headline h3 {
font-size: 16px;
font-size: 1rem;
line-height: 48px;
line-height: 3rem;
margin-bottom: 8px;
text-align: center;
border-bottom: dotted 2px #888
}
.event-detail-data-list dl {
margin-bottom: 8px;
border-bottom: solid 1px #efefef
}
.event-detail-data-list dt {
font-weight: bold
}
.event-detail-link-button {
text-align: center
}
.event-detail-link-button a {
background: #8DC21F;
color: #fff;
text-decoration: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 16px auto 0;
padding: 2px 16px
}
.event-detail-link-button a:hover {
background: #a4dd2c
}
#event-calendar-area {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png)
}
.event-calendar-wrapper {
position: relative;
margin: 40px auto;
padding: 16px;
background: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5)
}
@media screen and (min-width: 768px) {
.event-calendar-wrapper {
width: 80%;
padding: 32px
}
}
.event-calendar-loading-container {
background: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998;
display: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-image: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/ptn/stripe_ptn.png)
}
.event-calendar-loading-img {
position: absolute;
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
background: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
left: 50%;
top: 50%;
z-index: 9999
}
.admin-bar #calendar-area {
top: 32px
}
@media print, screen and (max-width: 782px) {
.admin-bar #calendar-area {
top: 46px
}
}
.local-news {
width: 100%
}
.local-news__feed-box {
position: relative;
width: 100%;
min-height: 200px
}
.local-news__feed-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/img/loading.gif) center no-repeat
}
.local-news__list {
letter-spacing: -.40em
}
.local-news__list:after {
content: " ";
display: block;
clear: both
}
.local-news__list a {
display: block;
text-decoration: none;
letter-spacing: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 8px;
border: solid 1px #e1e1e1;
background: #fff;
-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2)
}
.local-news__list a:after {
content: " ";
display: block;
clear: both
}
.local-news__list a:hover {
background: #efefef
}
.local-news__list dt {
font-size: 11px;
font-size: 0.6875rem;
line-height: 19px;
line-height: 1.2rem;
color: #888;
border-bottom: dashed 1px #ccc;
padding-bottom: 4px;
margin-bottom: 8px
}
.local-news__list dd:after {
content: " ";
display: block;
clear: both
}
.local-news__item {
width: 100%;
display: inline-block;
vertical-align: top;
*vertical-align: auto;
*zoom: 1;
*display: inline;
letter-spacing: normal;
margin-bottom: 16px;
list-style: none;
z-index: 300
}
.local-news__item-header {
margin-bottom: 4px
}
.local-news__item-header:after {
content: " ";
display: block;
clear: both
}
.local-news__item-type {
float: left;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
color: #fff;
text-align: center;
padding: 0 8px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 24px;
line-height: 1.5rem;
font-weight: bold
}
.local-news__item-type--facebook {
background: #315096
}
.local-news__item-type--kitami {
background: #ff4332
}
.local-news__item-type--blog {
background: #333
}
.local-news__item-type--local-group {
background: #7aa81b
}
.local-news__item-date {
float: right;
padding: 0 4px;
color: #0092D3;
font-size: 12px;
font-size: 0.75rem
}
.local-news__item-thumb {
float: left;
margin-right: 8px;
margin-bottom: 0;
width: 32%
}
.local-news__item-title {
color: #333;
font-size: 14px;
font-size: 0.875rem;
line-height: 24px;
line-height: 1.5rem;
margin-bottom: 0
}
.local-news__to-lists {
border-top: double 3px #e1e1e1;
border-bottom: double 3px #e1e1e1
}
.local-news__to-lists:after {
content: " ";
display: block;
clear: both
}
.local-news__to-lists p {
padding: 16px;
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.local-news--front-page {
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem
}
.local-news__list {
margin-right: -1.5151%
}
.local-news__list--page {
margin-right: 0
}
.local-news__item {
width: 31.8181%;
margin-right: 1.5151%;
border-bottom: none
}
.local-news__item--page {
width: 100%;
margin-right: 0;
margin-bottom: 16px
}
.local-news__item--page:last-child {
margin-bottom: 0
}
.local-news__to-lists p {
width: 50%;
padding: 16px;
float: left
}
}
#infscr-loading {
position: absolute;
left: 0;
right: 0;
bottom: 16px;
max-width: 320px;
margin: 0 auto;
padding: 16px;
color: #fff;
background: #6f6f6f;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
text-align: center;
letter-spacing: normal;
z-index: 350
}
.is-hidden {
display: none
}.bx-wrapper {
position: relative;
margin: 0 auto 16px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport {     background: #fff; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/js/vendor/bxslider/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/js/vendor/bxslider/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/js/vendor/bxslider/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/js/vendor/bxslider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//rubeshibe-townmap.jp/wp-content/themes/townmap/js/vendor/bxslider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed hr,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-popover .fc-header,.fc-unthemed hr{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-icon{display:inline-block;font-size:2em;line-height:.5em;height:.5em;font-family:"Courier New",Courier,monospace}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700}.fc-icon-left-double-arrow:after{content:"\000AB"}.fc-icon-right-double-arrow:after{content:"\000BB"}.fc-icon-x:after{content:"\000D7"}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:.05em;margin:0 .1em}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:25px;margin-top:4px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc hr{height:0;margin:0;padding:0 0 2px;border-style:solid;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-highlight-skeleton{z-index:2;bottom:0}.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-content-skeleton{position:relative;z-index:3;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:4}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-ltr .fc-day-grid-event.fc-not-start,.fc-rtl .fc-day-grid-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-day-grid-event.fc-not-end,.fc-rtl .fc-day-grid-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-day-grid-event>.fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{position:absolute;top:0;bottom:0;width:7px}.fc-ltr .fc-day-grid-event .fc-resizer{right:-3px;cursor:e-resize}.fc-rtl .fc-day-grid-event .fc-resizer{left:-3px;cursor:w-resize}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view tbody .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-highlight-skeleton{z-index:3}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:4;top:0;left:0;right:0}.fc-time-grid>.fc-helper-skeleton{z-index:5}.fc-slats td{height:1.5em;border-bottom:0}.fc-slats .fc-minor td{border-top-style:dotted}.fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-time-grid-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event>.fc-content{position:relative;z-index:2}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{position:absolute;z-index:3;left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}