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

:root {
        --main-color: #283a67;
    }
    
    #tokushu h1,
    #tokushu h2,
    #tokushu h3,
    #tokushu h4,
    #tokushu h5 {
        line-height: 1.3;
    }
    
    #tokushu a {
        text-decoration: underline;
        word-wrap: break-word;
    }
    
    #tokushu a:hover {
    text-decoration: none;
    }    
    
    #tokushu.election h1 {
        font-size: 46px;
        font-weight: bold;
        line-height: 1.3;
        padding: 0 0 0 0;
        margin-bottom: 15px;
        display: block;
        border-bottom: #fff000 10px solid;
    }
    
    #tokushu.election h1 span {
        font-size: 50%;
        margin: 0 0 3px 0;
    }
    
    #tokushu.election h1 span,
    #tokushu.election h2 span,
    #tokushu.election h3 span,
    #tokushu.election h4 span{
        display: block;
    }
  
#tokushu.election h1 .subhead {
background: #fff000;
font-size:40%;
display: inline-block;
padding: 7px 10px;
margin:0 0 10px 0;
}  

#tokushu.election h1 .sublead {
font-size: 50%;
display: inline-block;
padding: 2px 10px;
margin:0 0 10px 0;
letter-spacing: 0;
line-height: 1.2;
font-weight: normal;
}  
  
#tokushu.election h2 {
margin: 50px 0 20px 0;
padding:20px;
line-height: 1.2;
display: block;
background: #283a67;
color: #ffffff;
font-size: 1.7em
}  

#tokushu.election h2 span {
font-size: 60%;
margin-bottom: 7px;
}


#tokushu.election h3 {
font-size: 1.4em;
margin: 2.5em 0 1.5em 0;
padding: 0 0 5px 0;
line-height: 1.2;
display: block;
border-bottom: #283a67 1px solid;
border-left: 0;
color: #283a67;
}  

#tokushu.election h3 span {
margin: 0 0 10px 0;
font-size: 0.8em;
}  

#tokushu.election h3.type {
font-size: 1.4em;
margin: 2.5em 0 1em 0;
padding: 0 0 5px 0;
line-height: 1.5;
display: block;
border-bottom: #283a67 1px solid;
border-left: 0;
color: #283a67;
}  

#tokushu.election h3.type span {
margin-bottom: 15px;
background: #283a67;
color: #fff;
font-size: 80%;
padding: 5px 10px;
display: inline-block;
}

#tokushu.election h3.type span.eng {
background: none;
color: #3c5cad;
padding: 5px 0 0 0;
margin: 0 0 5px 0;
line-height: 1.4em;
}  

#tokushu.election h4 {
font-size: 1.4em;
margin: 2em 0 20px 0;
padding: 0;
line-height: 1.4em;
border-left: 0;
}  

#tokushu.election h4 .underline {
font-size: 1.2em;
border-bottom: #EEED7B 10px solid;
display: inline;
font-weight: bold;
}

#tokushu.election .podcast h4 .underline {
font-size: 0.94em;
border-bottom: #EEED7B 7px solid;
}

#tokushu.election h3.box {
border: #000000 1px solid;
padding: 10px 15px;
display: inline-block;
font-size: 1.5em;
margin: 2em 0 15px 0
}

#tokushu.election .tory h4,
#tokushu.election .labour h4,
#tokushu.election .reform h4 {
margin: 0
}

#tokushu.election .tory {
border-left:#2852bb 15px solid;
margin: 20px 0 30px 0;
padding: 0 0 0 15px
}

#tokushu.election .labour {
border-left: #CB0609 15px solid;
margin: 20px 0 30px 0;
padding: 0 0 0 15px
}

#tokushu.election .reform {
border-left: #0D988B 15px solid;
margin: 20px 0 30px 0;
padding: 0 0 0 15px
}


#tokushu.election .party {
margin: 60px 0 20px 0;
}

#tokushu.election .party h3 {
margin: 30px 0 20px 0;
border: none;
background: #2852bb;
color: #FFF;
padding: 10px 15px;
display: block;
}


#tokushu.election .party h4 {
font-size: 1.2em;
margin: 15px 0 10px 0;
border: none;
display: inline-block;
padding: 7px 10px;
color: #fff;
background: #2852bb;
}


#tokushu.election .party.p-labour h3,
#tokushu.election .party.p-labour h4{
background: #CB0609;
}

#tokushu.election .party.p-reform h3,
#tokushu.election .party.p-reform h4 {
background: #0D988B ;
}

#tokushu.election .party.p-libdem h3,
#tokushu.election .party.p-libdem h4 {
background: #E1A512;
}

#tokushu.election .party.p-green h3,
#tokushu.election .party.p-green h4 {
background: #0d8a45;
}

#tokushu.election .party.p-snp h3,
#tokushu.election .party.p-snp h4 {
background: #f1db25;
color: #333
}

#tokushu.election .party.p-cymrus h3,
#tokushu.election .party.p-cymrus h4 {
background: #639e59;
}

#tokushu.election .party ul {
margin: 10px 0 30px 0
}

#tokushu.election .party ul li {
list-style-position: outside;
margin: 15px 0 15px 20px;
list-style-type: disc;
line-height: 1.5
}

#tokushu.election .party .leader {
margin: 0 0 0 50px;
}

#tokushu.election .party .leader strong {
margin: 15px 0 10px 0;
display: block;
color: #283a67;
font-size: 1.1em
}

#tokushu.election .party .leader img,
#tokushu.election .schedule .section img{
width: 100%
}

#tokushu.election .schedule h4 {
font-size: 1.2em;
}

#tokushu.election .schedule h4 span {
font-size: 1em;
display: inline-flex;
color: #B01417
}

#tokushu.election .schedule .section {
margin: 10px 0 10px 40px;
border-left: #EEED7B 5px solid;
padding: 0 0 0 30px;
}

#tokushu.election .schedule .section strong {
color: #283a67;
font-size: 1.1em
}

#tokushu.election .schedule .section ul li {
list-style: disc;
margin: 10px 0
}

#tokushu.election .schedule .section .photo {
text-align: left;
}

#tokushu .ref {
line-height: 1.4;
}

#tokushu .photo {
margin: 20px 0;
}

#tokushu .index li:before {
display: none;
}
    
#tokushu.election .index ol li {
padding: 0 10px 0 5px;
list-style-type: decimal-leading-zero;
margin: 0 0 0 25px;
}



#tokushu .button-link {
  display: block;
  border: 1px solid var(--main-color);
  padding: 20px;
  transition: 0.2s;
  margin: 30px 0 30px 0;
  line-height: 1.5;
  min-height: 100px;
}

#tokushu .button-link h5 {
color: var(--main-color);
margin: 0 0 3px 0;
font-size: 120%;
border: none;
}

#tokushu .button-link h5 span {
display: inline-block;
background: #000;
color: #fff;
font-size: 80%;
font-weight: normal;
padding: 3px 10px;
margin: 0 0 5px 0;
}

#tokushu .button-link img {
float: left;
margin: 0 20px 20px 0;
width: 150px;
height: auto;
}

#tokushu .button-link a {
color: #000000
}

#tokushu .button-link a:hover {
  text-decoration: none;
  opacity: 0.5;
}    
    
/* img-zoom */
  .lum-lightbox.lum-open {
      z-index: 100;
  }
  
  a.img-zoom {
      position: relative;
      display: block;
  }
  
  a.img-zoom:after {
      content: "\f00e";
      position: absolute;
      bottom: 0px;
      right: 0;
      font-size: 1rem;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: white;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 2px 4px;
  }
  
  .lum-lightbox-inner {
      overflow: scroll;
      -ms-overflow-style: none;
  }
  
  .lum-lightbox-inner img {
      max-width: 100%;
      max-height: none;
  }
  
  .lum-lightbox-inner::-webkit-scrollbar {
      display: none;
  }
  
  .lum-gallery-button {
      display: none !important;
  }
  
  .lum-close-button {
      opacity: 0.7;
      background: #333;
  }
  
    
    body.white .site h1 {
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    body.white .site #tokushu h1,
    body.white .site #tokushu h2,
    body.white .site #tokushu h3,
    body.white .site #tokushu h4 {
        line-height: 1.3;
        font-weight: bold;
    }
    
    body.white .site #tokushu.election h1 {
        font-size: 9.6vw;
        font-weight: bold;
    }
    
     body.white .site #tokushu.election h1 br {
     display: none;
     }

    body.white .site #tokushu.election h2 {
        font-size: 24px;
    }
    body.white .site #tokushu.election h3 {
        font-size: 21px;
    }
    

    body.white .site #tokushu.election h3 {
     font-size:21px;
}  

    body.white .site #tokushu.election h3 span {
    font-size: 18px;
    }  
    
    body.white .site #tokushu.election h1 .subhead { 
    font-size: 50%;
    }  

    
body.white .site #tokushu.election .imgDiv {
max-width: 98%;
max-height: 500px;
overflow: scroll;
border: #ccc 1px solid;
margin: 40px auto;
padding: 10px;
}

 body.white .site #tokushu.election .imgDiv img {
 width: 1000px;
 }