@charset "utf-8";

body {
background-image:url(../img/bg_body.png);
background-repeat: no-repeat;
background-position: right top;
background-color: #AADCF3;
background-attachment: fixed;
}

.container { background-color: rgba(255,255,255,0.7); }

header { text-align:center; }
h1 { margin-top:0 !important; }
.breadcrumb {
background-color: rgba(255,255,255,0.5) !important;
text-align: left !important;
font-size: 14px;
margin: 0px;
padding: 0px;
}
.btn {
white-space: normal;
}
.nav-pills li a {
border: 1px solid #ccc;
}

footer { text-align: center; clear:both; }
.address {
font-size: 14px;
color: #999;
}
.copyright { color: #999; }

#pagetop {
text-align:right;
}

#pagetop a {
color: #C60;
text-decoration: none;
background-color: #FC6;
display: inline-block;
padding: 5px 1em;
border-radius:16px;
}

#pagetop a:hover { color:#FF0; }
td { vertical-align:middle !important; }

/* index -------------------------------------------------------*/
.date strong { color: #E50012; }
.vote {
text-shadow:
1px 1px 2px #FFF,
-1px 1px 2px #FFF,
1px -1px 2px #FFF,
-1px -1px 2px #FFF;
background: -webkit-repeating-linear-gradient(-45deg, #FF6, #FF6 3px,#fef263 3px, #fef263 7px);
background: repeating-linear-gradient(-45deg, #FF6, #FF6 3px,#fef263 3px, #fef263 7px);
}
.strong1 {
padding:5px 10px;
background-color: #FF0;
}

#float {
position: absolute;
z-index: 10;
top: 53%;
left: 81%;
}

.home h2 {
color: #C60;
font-size: 24px;
font-weight: bold;
background-color: #FC6;
padding:5px 10px;
border-radius: 10px 10px 0 0;
}

.scale_up a {
	/*width: 200px;
	height: 200px;
	border: 1px solid #CCC;*/
	overflow: hidden;
}
.scale_up a img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.1s linear;
}
.scale_up a img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.1);
}

/* fuzai.html ----------------------------------------------------- */

.fuzai h3 {
color: #C60;
font-size: 24px;
font-weight: bold;
background-color: #FC6;
padding:5px 10px;
border-radius: 10px 10px 0 0;
}

/* list.html ----------------------------------------------------- */

.list h3 {
color: #C60;
font-size: 20px;
font-weight: bold;
background-color: #FC6;
padding:5px 10px;
border-radius: 10px 10px 0 0;
}
.list h4 {
font-size: 18px;
background-color: #CC6;
padding: 5px 5px 5px 15px;
border-radius: 5px;
}

.list th { font-size:14px; font-weight:normal; background-color:#CC6; line-height:2em !important; }
.list td { line-height:2em; background-color: #FFF; }

rp, rt { font-size: 60%; }

/* meibo.html ----------------------------------------------------- */

.meibo th{
width: 150px;
text-align:right;
}
.meibo td{
background-color: rgba(255,255,255,0.5);
text-align: right;
}

th.ku { background-color:#FFE191; }
.male { background-color:#9CF; }
.female { background-color: #FCC; }
.result { background-color: #CFC; }

/* schedule.html ----------------------------------------------------- */

.schedule table { background-color: rgba(255,255,255,0.5) !important; }
.schedule th { white-space: nowrap; }
.schedule strong {
color: #C00;
font-size: 20px;
}
.schedule strong span { font-size: 16px; }
.month {
font-size: 18px;
color: #C60 !important;
background-color: #FC6;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.schedule td.lb1{
 background-color:#1F87E0;
 }
.schedule td.lb2{
 background-color:#2AA14C;
 }
.schedule td.lb3{
 background-color:#DB5376;
 }
 
/* voter.html ----------------------------------------------------- */

.voter h3 {
font-size: 20px;
background-color: #FC6;
padding:5px 10px;
border-radius: 10px 10px 0 0;
}
.voter h3 span {
font-size: 14px;
color: #333;
}
.voter dl {
font-weight: bold;
}
.voter dt {
font-size: 16px;
color: #C60;
background-color: #FC6;
text-align:center;
float: left;
width: 5em;
border-radius: 5px;
padding:5px 0px;
}
.voter dd {
font-size: 18px;
margin-left: 5.4em;
border-bottom: 2px dashed #ccc;
padding:5px 0px 2px 0px;
margin-right:15px;
}

.voter h4 {
background-color: #CC6;
padding: 5px 5px 5px 15px;
border-radius: 5px;
}

.voter h5 {
font-weight: bold;
}
.voter table {
font-size: 14px;
}
.voter th {
background-color: #CC6;
white-space: nowrap;
font-weight: normal;
}
.voter td { background-color: rgba(255,255,255,0.5); }
.voter span.come {
font-size: 12px;
color: #F00;
}
 
/* event.html ----------------------------------------------------- */

.event th { background-color:#CC6; }
.event td { background-color: rgba(255,255,255,0.5); }
.event td.list { font-weight:bold; }
.event td.list small { font-weight:normal; }

/* tohyojo/index.html ----------------------------------------------------- */

.tohyojo a {
text-align:left;
display:block;
color :#333;
background: linear-gradient(#ECECC8, #CC6);
border-top: 1px solid #ccc;
cursor :pointer;
clear:both;
}
.tohyojo img { margin:auto; padding-bottom:1em; }
.tohyojo small { margin-left:1em; }

/* フォントサイズ --------------------------------------- */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }


@media (min-width:767px) {
.btn-lg { font-size: 32px; }
.date {
font-size: 22px;
font-weight: bold;
}
.date strong {
font-size: 28px;
}

.voter h3 { height: 4em; }
.voter th.todokede { width:140px !important; }
.voter th.no { width:1em !important; }
}

@media (max-width:767px) {
body { background-image: none; }
h2 { font-size: 16px; font-weight:bold; }
.col-lg-8 { margin:0 !important; padding:0 !important; }
.date { font-weight: bold; }
.date strong { font-size: 20px; }
.strong1 { padding:0px; }
.home h2, .fuzai h3 { font-size: 16px; padding-right:0px; }
.tohyojo small { margin-left:0; display:block; } 
}