@charset "UTF-8"; 

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

/*===========================================
bacs_css
=========================================== */

html, body, header, footer, section, article, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, label {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
  font-weight:normal;
}

body {
  font-family: 'ヒラギノ角ゴ Pro','メイリオ','Meiryo','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック',sans-serif;
  margin: 0px;
  padding: 0px;
  background:#fff;
}

a{
  color:#999999;
  text-decoration:none;
  border-bottom:1px solid #999;
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
a:hover{
  filter: alpha(opacity=70);
        -moz-opacity: 0.7;
             opacity: 0.7;
  text-decoration:none;
  border-bottom:none;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*--------------------------------------
header
---------------------------------------*/
header{
  height:400px;
  overflow:hidden;
  position:relative;
}
header:before{
  content:" ";
  height:160px;
  width:100%;
  margin:-100px -50px 0;
  padding: 0 50px;
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
  background:#DC6B82;
  position:absolute;
  z-index:2;
}
header #logo p{
  position:absolute;
  top:8px;
  left:32px;
  z-index:3;
}
header #logo p a{
  border:none;
}
header #title{
  width:100%;
  height:400px;
  background:url(/election/img/ttl_other.png) center center no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  z-index:1;
}
.policy_page header #title{ background:url(/election/img/ttl_policy.png) center center no-repeat; background-size:cover; }
.schedule_page header #title{ background:url(/election/img/ttl_schedule.png) center center no-repeat; background-size:cover; }
.blog_page header #title{ background:url(/election/img/ttl_blog.png) center center no-repeat; background-size:cover; }
.download_page header #title{ background:url(/election/img/ttl_download.png) center center no-repeat; background-size:cover; }
.goods_page header #title{ background:url(/election/img/ttl_goods.png) center center no-repeat; background-size:cover; }
.message_page header #title{ background:url(/election/img/ttl_message.png) center center no-repeat; background-size:cover; }
.movie_page header #title{ background:url(/election/img/ttl_movie.png) center center no-repeat; background-size:cover; }
.profile_page header #title{ background:url(/election/img/ttl_profile.png) center center no-repeat; background-size:cover; }
.writing_page header #title{ background:url(/election/img/ttl_policy.png) center center no-repeat; background-size:cover; }
.link_page header #title{ background:url(/election/img/ttl_schedule.png) center center no-repeat; background-size:cover; }

header #title:after{
  content:" ";
  width:150%;
  height:120px;
  margin: -50px -50px 0;
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
  background:#fff;
  position:absolute;
  bottom:-90px;
  z-index:2;
}
header #title h1{
  margin:170px 0 0;
  color:#fff;
  font-family: 'Oswald';
  font-size:46px;
  font-weight:bold;
  line-height:1;
  text-align:center;
  position:relative;
  z-index:2;
}
header #title h1 span{
  margin:14px 0 0;
  font-size:16px;
  display:block;
  filter: alpha(opacity=60);
        -moz-opacity: 0.6;
             opacity: 0.6;
}
@media screen and (max-width: 1400px) {
  header #logo p img{ height:55px; width:auto;}  
}
@media screen and (max-width: 1024px) {
  header{ height:288px; }
  header #title{ height:288px; }
  header #title h1{ margin-top:120px; }
}
@media screen and (max-width: 800px) {
  header{ height:240px; }
  header #logo{ height:140px;}
  header #logo p { left:16px;}
  header #logo p img{ height:44px; width:auto;}
  header #title{ height:240px; }
  header #title h1{ margin-top:100px; }
}
@media screen and (max-width: 480px) {
  header{ height:200px; }
  header #logo{ height:125px;}
  header #logo p img{ height:38px; width:auto;}
  header #title{ height:200px; }
  header #title h1{ margin-top:90px; font-size:38px; }
}

/*----- bread list -----*/
#bread_list {
  max-width:1024px;
  margin:0 auto 0;
  padding:0 16px;
  position:relative;
  z-index:3;
}
#bread_list li{
  padding:0 4px 0 0;
  font-size: 14px;
  line-height:1;
  display:inline-block;
}
#bread_list li a{
  font-size: 14px;
  line-height:1;
  text-decoration:none;
  border:none;
}

/*-------  menu  -------*/
#fixed-top{
  position: fixed;
  top: 0;
  right:0;
  z-index:4;
}
#fixed-top span{
  cursor:pointer;
}
.sb-slidebar{
  background:#DC6B82 !important;
}

.sb-slidebar ul li{
  background:#F2D0C6;
  border-bottom:1px solid #fff;
}
.sb-slidebar ul li a{
  padding:16px 16px 16px 32px;
  color:#333333;
  font-size:14px;
  background:url(/election/img/arr_02.png) 16px center no-repeat;
  background-size:10px auto;
  border:none;
  display:block;
}
.sb-slidebar ul li:first-child{
  background:#DC6A81;
  padding:16px;
  color:#fff;
}
.sb-slidebar ul .sub a{
  padding: 12px 16px;
  background:none;
  font-size:12px;
}
/*
.sb-slidebar ul:nth-child(2) li{
  background:#E0E0E0;
}
.sb-slidebar ul:nth-child(2) li a{
  background:url(/election/img/arr_03.png) 16px center no-repeat;
  background-size:10px auto;
}
.sb-slidebar ul:nth-child(2) li:first-child{
  background:#999999;
}
*/
@media screen and (max-width: 800px) {
  #fixed-top img{
    width:40px;
    height:40px;
  }
}

/*--------------------------------------
footer
---------------------------------------*/
footer{
  margin:0;
  background:none;
  overflow:hidden;
}
footer #footer_wrap{
  margin: 50px -100px 0;
  padding: 0 100px;
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
  background:#E0E0E0;
}
footer .inner_box{
  padding-top:80px;
  padding-bottom:60px;
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}

footer h3 img{
  width:100%;
  max-width:460px;
  height:auto;
}
footer .inner_box>div{
  margin:0 -16px;
  text-align:center;
}
footer .footer_left{
  margin:0 16px;
  vertical-align:top;
  display:inline-block;
}
footer .footer_right{
  margin:16px 16px 0;
  vertical-align:top;
  display:inline-block;
}

footer h3{
  margin:0 0 24px;
}
footer h4{
  margin:0 0 24px;
  color:#333333;
  font-weight:bold;
  font-size:16px;
  line-height:1.5;
  text-align:left;
}
footer .footer_left>div{
  float:left;
}
footer .footer_left>div ul{
  margin:0 0 32px;
  padding:0 32px 0 0;
  box-sizing:border-box;
}
footer .footer_left>div:nth-child(2) ul{
  width:258px;
}
footer .footer_left>div li{
  background:url(/election/img/arr_02.png) left 8px no-repeat;
  background-size:10px auto;
  text-align:left;
}
/*
footer .footer_left>div:nth-last-child(2) li{
  background:url(/election/img/arr_03.png) left 8px no-repeat;
  background-size:10px auto;
}
*/
footer .footer_left>div li a{
  padding:2px 0 2px 16px;
  color:#333333;
  font-size:14px;
  border:none;
  display:block;
}
footer .footer_left .sns{
  clear:both;
  margin:0 0 32px;
}
footer .footer_left .sns p{
  margin:0 8px 0 0;
  float:left;
}
footer .footer_left .sns>div{
  padding:2px 2px 0 0;
  display:inline-block;
}
footer .footer_left .sns .fb-share-button span{
  vertical-align:0 !important;
}

footer .footer_right>div{
  width:240px;
  float:left;
}
footer .footer_right>div:first-child{
  margin:0 24px 0 0;
}
footer .footer_right>div iframe{
  margin:0 0 24px;
  
}
footer .footer_right>div p{
  margin:0 0 8px;
  font-size:14px;
  line-height:1.6;
  text-align:left;
}

footer #copyright{
  height:150px;
  margin:-50px -50px -50px;
  padding: 0 50px;
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
  background:#999999;
  position:relative;
  z-index:2;
}
footer #copyright:before{
  content: " ";
  width:100%;
  height:150px;
  -webkit-transform: rotate(6deg);
     -moz-transform: rotate(6deg);
       -o-transform: rotate(6deg);
      -ms-transform: rotate(6deg);
          transform: rotate(6deg);
  background:#666666;
  position:absolute;
  top:30px;
  left:0;
  z-index:-1;
}
footer #copyright p{
  max-width:1024px;
  margin:0 auto 0;
  padding:50px 16px 0;
  color:#fff;
  font-size:14px;
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}

#pagetop{
  position:fixed;
  bottom:0;
  right:0;
  z-index:2;
}
#pagetop img{ display:block;}

@media screen and (max-width: 1024px) {
  footer #copyright p{
    padding-top:50px;
  }
  #pagetop img{
    width:40px;
    height:40px;
  }
}
@media screen and (max-width: 558px) {
  footer .inner_box{
    padding-top:50px;
  }
  footer .inner_box>div{ text-align:left; }
  footer .footer_left{ display:block; }
  footer .footer_right{ display:block; clear:both; }
  
  footer h4{
    margin:0 0 16px;
  }
  footer .footer_left>div {
    width:100%;
  }
  footer .footer_left>div ul{
    width:100%;
    padding:0;
    border-top:1px solid #bbb;
  }
  footer .footer_left>div:nth-child(2) ul{
    width:100%;
  }
  footer .footer_left>div li{
    width:100%;
    background-position:left center;
    border-bottom:1px solid #bbb;
  }
  footer .footer_left>div:nth-last-child(2) li{
    background-position:left center;
  }
  footer .footer_left>div li a{
    width:100%;
    padding:8px 0 8px 16px;
  }
  
  footer .footer_right>div{
    width:100%;
    float:none;
  }
  footer .footer_right>div:first-child{
    margin: 0  0 32px;
  }
  footer .footer_right>div iframe{
    width:100%;
  }
  
  footer #copyright{
    margin-bottom:-70px;
  }
  footer #copyright:before{
    top:10px;
  }
  footer #copyright p{
    padding-top:40px;
  }
}

/*--------------------------------------
content
---------------------------------------*/
#content{
  padding-bottom:64px;
}
#second_area #content{
  padding-top:64px;
  padding-bottom:32px;
}
@media screen and (max-width: 558px) {
  #content{
    padding-bottom:32px;
  }
  #second_area #content{
    padding-bottom:0;
  }
}
.inner_box{
  max-width:1024px;
  margin:auto;
  padding:0 16px;
}
.page_area #content .inner_box,
.post_area #content .inner_box{
  max-width:784px;
}
#content p{
  color:#333;
  font-size: 14px;
  line-height:1.7;
  text-align:justify;
}
/*
#content a{
  border-bottom:1px solid rgba(204,208,216,1);
  word-wrap:break-word;
}
#content a:hover{
  border-bottom:1px solid rgba(204,208,216,0);
}
*/

#content .schedule_list {
  width: 100%;
  margin:0 0 24px;
  border-top:1px solid #bbb;
  }
#content .schedule_list li{
  border-bottom:1px solid #bbb;
}
#content .schedule_list .ttl_month h2{
  padding:16px 0 !important;
}
#content .schedule_list a {
  border:none;
  display:block;
}
#content .schedule_list div {
  width:240px;
  padding:16px 0;
  color:#DC6B82;
  font-size: 16px;
  display:table-cell;
}
#content .schedule_list h3 {
  padding:16px 0 16px 16px;
  font-size: 16px;
  color:#333;
  display:table-cell;
}
#content .schedule_list .cat{
  width:120px;
  padding:4px;
  margin:0 16px 0 0;
  color:#fff;
  line-height:1;
  font-size:14px;
  text-align:center;
  background:#DC6B82;
  box-sizing:border-box;
  vertical-align:top;
  display:inline-block;
  float:right;
}
#content .schedule_list time {
  font-family: 'Oswald';
  font-size:20px;
  line-height:1;
  vertical-align:top;
}
@media screen and (max-width: 558px) {  
  #content .schedule_list div,
  #content .schedule_list h3 {
    width:100%;
    display:block;
  }
  #content .schedule_list div{
    padding-bottom:0;
  }
  #content .schedule_list h3 {
    padding-left:0;
    padding-right:0;
  }
}
/*--------------------------------------
top_area
---------------------------------------*/
#top_ttl{
  height:720px;
  background:url(/election/img/main_visual.jpg) center center no-repeat;
  background-size:auto 100%;
}
#top_ttl h1{
  max-width:1062px;
  margin:auto;
  padding:50px 100px 0 16px;
}
#top_ttl h1 img{
  display:block;
}
#top_ttl h1 .main_img01,
#top_ttl h1 .main_img03{
  width:490px;
  height:auto;
  margin:0 0 20px;
  float:right;
  clear:both
}
/*
#top_ttl h1 .main_img03{
  width:100%;
  max-width:777px;
  height:auto;
}
*/
@media screen and (max-width: 800px) {  
  #top_ttl{
    height:620px;
  }
  #top_ttl h1{
    padding-top:40px;
    padding-right:40px;
    padding-left:300px;
  }
  #top_ttl h1 .main_img01{
    height:318px;
    width:auto;
  }
  #top_ttl h1 .main_img03{
    height:75px;
    width:auto;
  }
}
@media screen and (max-width: 580px) { 
  #top_ttl{
    height:480px;
  }
  #top_ttl h1{
    padding-left:100px;
  }
  #top_ttl h1 .main_img01{
    height:216px;
  }
  #top_ttl h1 .main_img03{
    height:50px;
  }
}
@media screen and (max-width: 380px) {  
  #top_ttl{
    height:400px;
    background-position:top center;
    background-size:auto 80%;
  }
  #top_ttl h1 .main_img01{
    height:140px;
  }
  #top_ttl h1 .main_img03{
    height:35px;
  }
}
#content{
  overflow:hidden;
}
.top_section{
  display: block;
}
#content .top_section .section_wrap .inner_box *{
  backface-visibility: hidden;
}
.top_section .section_wrap{
  margin: 0 -100px;
  padding: 0 100px;
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}
#content .top_section .section_wrap .inner_box{
  padding-top:160px;
  padding-bottom:220px;
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
#top_box .top_section:nth-child(odd) .section_wrap{
  margin-bottom:-100px;
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
#content #top_box .top_section:nth-child(odd) .section_wrap .inner_box{
  margin-top:-110px;
  padding-top:80px;
  padding-bottom:162px;
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}
@media screen and (max-width: 558px) {  
  #content .top_section .section_wrap .inner_box{
    padding-top:40px;
    padding-bottom:100px;
  }
  #content #top_box .top_section:nth-child(odd) .section_wrap .inner_box{
    padding-top:100px;
    padding-bottom:100px;
  }
}
@media screen and (max-width: 1400px) {
  #top_box .top_section:nth-child(odd) .section_wrap{ margin-bottom:-70px; }
  #content #top_box .top_section:nth-child(odd) .section_wrap .inner_box{ margin-top:-80px; }
}
@media screen and (max-width: 1024px) {
  #top_box .top_section:nth-child(odd) .section_wrap{ margin-bottom:-50px; }
  #content #top_box .top_section:nth-child(odd) .section_wrap .inner_box{ margin-top:-60px; }
}
@media screen and (max-width: 640px) {
  #content #top_box .top_section:nth-child(odd) .section_wrap .inner_box{ margin-top:-40px; }
}
@media screen and (max-width: 400px) {
  #content #top_box .top_section:nth-child(odd) .section_wrap .inner_box{ margin-top:-20px; }
}

#top_policy .section_wrap{ background:#DC6B82; }
#top_twitter .section_wrap{ background:rgba(242,208,197,0.8); }
#top_schedule .section_wrap{ background:rgba(224,224,224,0.8); }
#top_blog .section_wrap{ background:#E19BA0; }
#top_movies .section_wrap{ background:rgba(242,208,197,0.8); }
#top_profile .section_wrap{ background:#DC6B82; }
#top_sub .section_wrap{ background:rgba(255,255,255,0.8); }

.top_section h2{
  margin:0 0 40px;
  font-family: 'Oswald';
  font-weight:bold;
  font-size:46px;
  line-height:1;
  text-align:center;
}
.top_section h2 span{
  margin:14px 0 0;
  font-size:16px;
  display:block;
  filter: alpha(opacity=60);
        -moz-opacity: 0.6;
             opacity: 0.6;
}
#top_twitter h2{ color:#666666; }
#top_schedule h2{ color:#DC6B82; }
#top_blog h2{ color:#fff; }
#top_movies h2{ color:#666666; }
#top_profile h2{ color:#fff; }

#top_area .morebtn{
  max-width:376px;
  margin:48px auto 0;
}
#top_area .morebtn a{
  padding:16px;
  color:#fff;
  font-size:16px;
  line-height:1;
  text-align:center;
  border:1px solid #fff;
  display:block;
}
#top_schedule .morebtn a{ color:#DC6B82; border-color:#DC6B82; }
#top_movies .morebtn a{ color:#666666; border-color:#666666; }
#top_area .morebtn a:hover{ color:#DC6B82; background:#fff; }
#top_schedule .morebtn a:hover{ color:#E6E6E6; background:#DC6B82; }
#top_movies .morebtn a:hover{ color:#F4D9D0; background:#666666; }

/*-------  top_policy  -------*/
#top_policy{
  margin-top:-120px;
}
#top_policy p{
  color:#fff;
  text-align:center;
}
#top_policy #top_message{
  margin:-20px 0 70px;
  padding:16px 24px;
  font-size: 18px;
  background: rgba(255,255,255,0.2);
}
#top_policy #top_message p{
  margin:0;
}
#top_policy .inner_box .read{
  margin:0 0 64px;
  font-size:20px;
  line-heignt:1.6;
}
#top_policy .inner_box ul{
  margin:0 -18px 48px  -18px;
  text-align:center;
}
#top_policy .inner_box li{
  width:232px;
  height:188px;
  margin:0 14px 32px 14px;
  padding:0 16px 24px;
  background:rgba(255,255,255,0.2);
  vertical-align:top;
  box-sizing:border-box;
  display:inline-block;
}
#top_policy .inner_box li div{
  margin:-8px 0 20px;
  font-family: 'Oswald';
  color:#F7F7A8;
  font-size:16px;
  line-height:1;
  text-align:center;
}
#top_policy .inner_box li p{
  margin:0;
  font-size:14px;
  line-height:1.6;
}
#top_policy .inner_box li span{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.3;
  display:block;
}

@media screen and (max-width: 800px) {  
  #content #top_policy .section_wrap .inner_box{ 
    padding-top:32px;
  }
}
@media screen and (max-width: 558px) {  
  #top_policy .inner_box .read{
    font-size:14px;
  }
}

/*-------  top_twitter  -------*/
#content #top_twitter .section_wrap .inner_box{
  padding-top:160px !important;
}
#top_twitter .section_wrap .inner_box div{
  margin:auto;
}
#top_twitter .section_wrap .inner_box div .box01{
  float:left;
}
#top_twitter .section_wrap .inner_box div .box02{
  margin-top:-20px;
  float:right;
}
#top_twitter .section_wrap .inner_box div a{
  border:none;
}
@media screen and (max-width: 1024px) {
  #top_twitter .section_wrap .inner_box div{
    text-align:center;
  }
  #top_twitter .section_wrap .inner_box div .box01,
  #top_twitter .section_wrap .inner_box div .box02{
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    float:none;
  }
}
@media screen and (max-width: 600px) {
  #twitcasting-mizuhoteam-live img{
    width:100%;
    height:auto;
  }
}

/*-------  top_schedule  -------*/
/*-------  top_blog  -------*/
#top_blog ul{
  margin:0 -16px;
  text-align:center;
}
#top_blog li{
  margin:0 14px 32px;
  max-width:320px;
  text-align:left;
  vertical-align:top;
  display:inline-block;
}
#top_blog li a{
  background:#fff;
  display:block;
  border:none;
}
#top_blog .img_box{
  max-width:320px;
  width:100%;
  height:194px;
  overflow:hidden;
  background: #dd6b82;
  background: -webkit-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:    -moz-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:      -o-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:         linear-gradient(to right bottom, #dd6b82 50%, #e2899b 50%);
  vertical-align:middle;
  display:block;
}
#top_blog .img_box div{
  height:100%;
  height:194px;
  text-align:center;
  vertical-align:middle;
  display:table-cell;
}
#top_blog li a img{
  width:100%;
  height:auto;
  display:block;
}
#top_blog li a .noimage{
  width:100%;
  height:auto;
}
#top_blog li a .txt_box{
  padding:16px;
}
#top_blog li a .txt_box time{
  margin:0 0 8px;
  font-family: 'Oswald';
  color:#DC6B82;
  font-size:16px;
  font-weight:bold;
  vertical-align:top;
  display:inline-block;
}
#top_blog li a .txt_box .cat{
  margin:0 0 8px;
  padding:4px;
  color:#fff;
  font-size:10px;
  line-height:1;
  background:#DC6B82;
  vertical-align:2px;
  display:inline-block;
}
#top_blog li a .txt_box h3{
  padding:0 0 8px;
  color:#000;
  font-weight:bold;
  font-size:16px;
  line-height:1.2;
}
#top_blog li a .txt_box .txt{
  margin:0;
  color:#999999;
  font-size:14px;
}
/*-------  top_movies  -------*/
#top_movies .inner_box>div{
  margin:0 -16px;
  text-align:center;
}
#top_movies .inner_box>div div{
  margin:0 14px 32px;
  padding:0;
  vertical-align:top;
  display:inline-block;
}
#top_movies .inner_box>div div h3{
  margin:0 8px 16px;
  color:#000;
  font-size:15px;
  font-weight:bold;
}
#top_movies .inner_box>div div iframe{
  width:100%;
  height:225px;
}

@media screen and (min-width: 525px) {
  #top_movies .inner_box>div div{
    max-width: 232px;
  }
  #top_movies .inner_box>div div.movie_l{
    width:497px;
    max-width:497px;
  }
  #top_movies .inner_box>div div.movie_l iframe{
    width:100%;
    height:320px;
  }
}



/*-------  top_profile  -------*/
#top_profile .top_profile_bg{
  padding:0 0 64px;
  background:url(/election/img/doll_01.png) no-repeat;
  background-position:100px 50px;
}
#top_profile p{
  color:#fff;
  font-size:20px;
  line-height:1.6;
  text-align:center;
}
@media screen and (max-width: 558px) {
  #top_profile .top_profile_bg{
    padding:0;
    background-position:0 200px;
    background-size:200px auto;
  }
  #top_profile .inner_box p{
    font-size:14px;
  }
}
/*-------  top_sub  -------*/
#content #top_box  #top_sub .section_wrap .inner_box{
  padding-bottom:0;
}
#top_sub .btn_list{
  margin:0 0 48px;
}
#top_sub .btn_list li{
  width:25%;
  float:left;
}
#top_sub .btn_list li a{
  padding:40px 16px;
  display:block;
  border:none;
}
#top_sub .btn_list li:nth-child(odd) a{
  background: #dd6b82;
  background: -webkit-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:    -moz-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:      -o-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:         linear-gradient(to right bottom, #dd6b82 50%, #e2899b 50%);
}
#top_sub .btn_list li:nth-child(even) a{
  background: #e09aa2;
  background: -webkit-linear-gradient(right bottom, #e09aa2 50%, #edc3c5 50%);
  background:    -moz-linear-gradient(right bottom, #e09aa2 50%, #edc3c5 50%);
  background:      -o-linear-gradient(right bottom, #e09aa2 50%, #edc3c5 50%);
  background:         linear-gradient(to right bottom, #e09aa2 50%, #edc3c5 50%);
}
#top_sub .btn_list li a p{
  margin:0 0 8px;
  color:#fff;
  font-size:20px;
  line-height:1.3;
  text-align:center;
}
#top_sub .btn_list li a p:last-child{
  font-size:14px;
  line-height:1.6;
}

#top_sub .top_embed{
  margin:0 -16px;
  text-align:center;
}
#top_sub .top_embed>div{
  width:493px;
  margin:0 16px 32px;
  background:#eee;
  vertical-align:top;
  display:inline-block;
}
@media screen and (max-width: 500px) {
  #top_sub .top_embed>div{
    width:90%;
  }
}
#top_sub .top_embed>div h3{
  padding:16px;
  color:#fff;
  font-size:16px;
  line-height:1;
  text-align:left;
  background:#DC6B82;
}
#top_sub .top_embed>div h3 a{
  border:none;
  color:#fff;
}
#top_sub .top_embed .top_embed_twitter{
  background:#fff;
}
#top_sub .top_embed .top_embed_twitter iframe{
  width:100%;
}
#top_sub .top_embed_blog div{
  padding:16px;
  background:#eee;
}
#top_sub .top_embed_blog ul{
  width: 100%;
  border-top:1px solid #ccc;
}
#top_sub .top_embed_blog li{
  border-bottom:1px solid #ccc;
}
#top_sub .top_embed_blog a {
  border:none;
  display:block;
}
#top_sub .top_embed_blog time {
  font-family: 'Oswald';
  padding:16px 0;
  color:#DC6B82;
  font-size: 16px;
  line-height:1.6;
  display:table-cell;
}
#top_sub .top_embed_blog h4 {
  padding:16px 0 16px 16px;
  font-size: 16px;
  color:#333;
  text-align:left;
  display:table-cell;
}


@media screen and (max-width: 800px) {
  #top_sub .btn_list li{
    width:50%;
  }
}
@media screen and (max-width: 380px) {
  #top_sub .btn_list li{
    width:100%;
  }
}

/*--------------------------------------
second_area
---------------------------------------*/
#second_area #content h1{
  margin:0 0 64px;
  color:#DC6B82;
  font-size:40px;
  font-weight:bold;
  line-height:1.3;
  text-align:center;
}
#second_area #content h1 span{
  font-family: 'Oswald';
  font-weight:bold;
  font-size:20px;
  line-height:1.7;
  display:block;
}
.post_area #content h1{
  margin:0 0 56px !important;
  color:#333 !important;
  font-size:32px !important;
  line-height:1.5 !important;
  text-align:left !important;
}
.post_area #content time{
  margin:0 8px 24px 0;
  font-family: 'Oswald';
  color:#DC6B82;
  font-weight:bold;
  font-size:24px;
  line-height:1;
  vertical-align:top;
  display:inline-block;
}
.post_area #content .cat{
  margin:0 0 24px;
  padding:4px 32px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  line-height:1;
  background:#DC6B82;
  border:none;
  vertical-align:top;
  display:inline-block;
}
#second_area #content h2{
  padding:0 0 24px;
  font-weight:bold;
  font-size: 24px;
  line-height:1.3;
  text-align:justify;
}
#second_area #content h3{
  padding:0 0 24px;
  color:#DC6B82;
  font-weight:bold;
  font-size: 16px;
  line-height:1.3;
  text-align:justify;
}
#second_area #content h4{
  padding:0 0 24px;
  color:#000;
  font-weight:bold;
  font-size: 16px;
  line-height:1.3;
  text-align:justify;
}
#content p{
  margin:0 0 24px;
}
#second_area #content ul{
  padding:0 0 24px 0;
}
#second_area #content ul li{
  padding:0 0 0 24px;
  color:#333;
  font-size: 14px;
  line-height:1.7;
  text-align:justify;
  background:url(/election/img/icon_02.png) left 2px no-repeat;
}
#second_area #content ul li ul{
   padding:8px 0 8px 0;
}
#second_area #content ul li ul li{
  padding:0 0 0 24px;
  color:#333;
  font-size: 14px;
  line-height:1.7;
  text-align:justify;
  background:url(/election/img/icon_01.png) left 2px no-repeat;
}
#second_area #content ol{
  padding:0 0 24px 24px;
}
#second_area #content ol li{
  color:#333;
  font-size: 14px;
  line-height:1.7;
  text-align:justify;
  list-style-type: decimal;
}
#second_area #content .btn{
  margin:24px 16px 0 0;
  padding:8px 24px;
  color:#DC6B82;
  border:1px solid #DC6B82;
  font-size:16px;
  line-height:1.7;
  display:inline-block;
}

#second_area #content .btn:hover{
  color:#fff; 
  background:#DC6B82; 
}

#second_area #content .applibtn{
  max-width:480px;
  margin:48px auto 0;
}
#second_area #content .applibtn a{
  padding:24px;
  color:#fff;
  font-size:24px;
  line-height:1;
  text-align:center;
  background:#DC6B82; 
  border:1px solid #DC6B82;
  display:block;
}
#second_area #content .applibtn a:hover{
  color:#DC6B82; 
  border:1px solid #DC6B82;
  background:#fff; 
}

#second_area #content .next_link,
#second_area #content .prev_link{
  margin:32px 0 8px;
  padding:0 0 0 24px;
  background:url(/election/img/icon_03.png) left 4px no-repeat;
}
#second_area #content .prev_link{
  background:url(/election/img/icon_04.png) left 4px no-repeat;
}
#second_area #content .prev_link + .next_link{
  margin-top:0;
}
#second_area #content .pagination .pagination_next{
  margin:32px 0 8px;
  padding:0 24px 0 0;
  background:url(/election/img/icon_03.png) right 4px no-repeat;
  display:block;
  float:right;
}
#second_area #content .pagination .pagination_prev{
  margin:32px 0 8px;
  padding:0 0 0 24px;
  background:url(/election/img/icon_04.png) left 4px no-repeat;
  display:block;
  float:left;
}

#second_area #content .anchor_list{
  padding:0 0 24px 0;
}
#second_area #content .anchor_list li{
  padding:0 0 8px 24px;
  color:#333;
  font-size: 20px;
  line-height:1.2;
  text-align:justify;
  background:url(/election/img/arr_01.png) left 5px no-repeat;
}

#second_area #content .anchor_list li a{
  font-weight: bold;
}

#second_area #content .anchor_list li span{
  font-family: 'Oswald';
  font-size:18px;
  font-weight: bold;
}

#second_area #content .border_box{
  padding:0 0 32px;
  margin:0 0 56px;
  border-bottom:1px solid #CCCCCC;
}
#second_area #content img{
  max-width:100%;
  height:auto;
}
#second_area #content .img_area{
  padding:40px;
  background:#EEEEEE;
  text-align:center;
}
#second_area #content .img_area img{
  margin:0 16px;
}
#second_area #content .img_area a{
  border:none;
}
@media screen and (max-width: 800px) {
  #second_area #content .img_area{
    padding:16px;
  }
  #second_area #content img{
    width:100%;
    height:auto;
  }
  #second_area #content .img_area img{
    margin:0;
    width:100%;
    height:auto;
  }
}
#second_area #content .iframe_box{
  text-align:center;
  margin-bottom:24px;
}
#second_area #content .iframe_box iframe{
  width:400px;
  height:300px;
}
.movie_page #content .iframe_box{
  padding:40px;
  background:#EEEEEE;
}

@media screen and (max-width: 558px) {
  #second_area #content .iframe_box iframe{
    width:280px;
    height:220px;
  }
  .movie_page #content .iframe_box{
    padding:0;
    background:none;
  }
}
#second_area #content .culamn{
  padding:32px;
  background:#FAECE7;
}
#second_area #content .culamn *:last-child{
  margin-bottom:0;
}

#second_area #content .table01 {
  width: 100%;
  margin:0 0 24px;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  letter-spacing: 0em;
  }
#second_area #content .table01 th {
  padding:16px 16px 16px 0;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  border-bottom:1px solid #ddd;
}
#second_area #content .table01 td {
  padding:16px 16px 16px 0;
  vertical-align: top;
  font-size: 16px;
  border-bottom:1px solid #ddd;
}

#second_area #content .schedule_list{
  border:none;
}
#second_area #content .schedule_list li{
  padding:0;
  background:none;
  border-bottom:1px solid #DDD;
}
#second_area #content .schedule_list h3{
  color:#333;
  font-weight:normal;
}

/*-------  article_list  -------*/
#second_area #content .article_list ul{
  margin:0;
  padding:0;
}
#second_area #content .article_list li{
  margin:0;
  padding:0;
  background:none;
}
#second_area #content .article_list article{
  border-bottom:1px solid #CCCCCC;
}
#second_area #content .article_list article a{
  padding:40px 0;
  border:none;
  display:block;
}
#second_area #content .article_list article .img_box{
  margin:0 32px 0 0;
  width:320px;
  height:194px;
  overflow:hidden;
  background: #dd6b82;
  background: -webkit-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:    -moz-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:      -o-linear-gradient(right bottom, #dd6b82 50%, #e2899b 50%);
  background:         linear-gradient(to right bottom, #dd6b82 50%, #e2899b 50%);
  vertical-align:middle;
  display:block;
  float:left;
}
#second_area #content .article_list article .img_box>div{
  width:100%;
  height:194px;
  display:table;
}
#second_area #content .article_list article .img_box>div>div{
  width:100%;
  height:100%;
  vertical-align:middle;
  display:table-cell;
}
#second_area #content .article_list article .img_box div img{
  display:block;
}
#second_area #content .article_list article time{
  margin:0 8px 24px 0;
  font-family: 'Oswald';
  color:#DC6B82;
  font-weight:bold;
  font-size:26px;
  line-height:1;
  vertical-align:top;
  display:inline-block;
}
#second_area #content .article_list article .cat{
  margin:0 0 24px;
  padding:4px 32px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  line-height:1;
  background:#DC6B82;
  vertical-align:top;
  display:inline-block;
}
#second_area #content .article_list article h3{
  color:#333;
  font-weight:bold;
  font-size:24px;
  line-height:1.3;
}
#second_area #content .article_list article p{
  margin:0;
}
@media screen and (max-width: 670px) {
  #second_area #content .article_list article .img_box{
    width:240px;
    margin-right:16px;
  }
  #second_area #content .article_list article .img_box .noimage{
    height:auto;
    width:100%;
  }
  #second_area #content .article_list article time{ font-size:18px; margin-bottom:16px; }
  #second_area #content .article_list article .cat{ font-size:10px; margin-bottom:16px; }
  #second_area #content .article_list article h3{ font-size:20px; }
}
@media screen and (max-width: 500px) {
  #second_area #content .article_list article a{
    padding:24px 0;
  }
  #second_area #content .article_list article .img_box{
    width:100%;
    margin:0 0 16px;
    float:none;
  }
  #second_area #content .article_list article h3{ padding-bottom:16px; }
}


/*--------------------------------------
common
---------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  clear: both;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.txt_center {
  text-align: center !important;
}
.block_center {
  margin-left:auto !important;
  margin-right:auto !important;
}
.txt_left {
  text-align: left !important;
}
.txt_right {
  text-align: right !important;
}
.fleft {
  display: block;
  float: left;
}
.fright {
  display: block;
  float: right;
}
.txt_red {
  color: #ff3333;
}

.pl0 { padding-left: 0 !important;}
.pr0 { padding-right: 0 !important;}
.pt0 { padding-top: 0 !important;}
.pb0 { padding-bottom: 0 !important;}
.ml0 { margin-left: 0 !important;}
.mr0 { margin-right: 0 !important;}
.mt0 { margin-top: 0 !important;}
.mb0 { margin-bottom: 0 !important;}

.pl4 { padding-left: 4px !important;}
.pr4 { padding-right: 4px !important;}
.pt4 { padding-top: 4px !important;}
.pb4 { padding-bottom: 4px !important;}
.ml4 { margin-left: 4px !important;}
.mr4 { margin-right: 4px !important;}
.mt4 { margin-top: 4px !important;}
.mb4 { margin-bottom: 4px !important;}

.pl8 { padding-left: 8px !important;}
.pr8 { padding-right: 8px !important;}
.pt8 { padding-top: 8px !important;}
.pb8 { padding-bottom: 8px !important;}
.ml8 { margin-left: 8px !important;}
.mr8 { margin-right: 8px !important;}
.mt8 { margin-top: 8px !important;}
.mb8 { margin-bottom: 8px !important;}

.pl16 { padding-left: 16px !important;}
.pr16 { padding-right: 16px !important;}
.pt16 { padding-top: 16px !important;}
.pb16 { padding-bottom: 16px !important;}
.ml16 { margin-left: 16px !important;}
.mr16 { margin-right: 16px !important;}
.mt16 { margin-top: 16px !important;}
.mb16 { margin-bottom: 16px !important;}

.pl24 { padding-left: 24px !important;}
.pr24 { padding-right: 24px !important;}
.pt24 { padding-top: 24px !important;}
.pb24 { padding-bottom: 24px !important;}
.ml24 { margin-left: 24px !important;}
.mr24 { margin-right: 24px !important;}
.mt24 { margin-top: 24px !important;}
.mb24 { margin-bottom: 24px !important;}

.pl32 { padding-left: 32px !important;}
.pr32 { padding-right: 32px !important;}
.pt32 { padding-top: 32px !important;}
.pb32 { padding-bottom: 32px !important;}
.ml32 { margin-left: 32px !important;}
.mr32 { margin-right: 32px !important;}
.mt32 { margin-top: 32px !important;}
.mb32 { margin-bottom: 32px !important;}

.pl40 { padding-left: 40px !important;}
.pr40 { padding-right: 40px !important;}
.pt40 { padding-top: 40px !important;}
.pb40 { padding-bottom: 40px !important;}
.ml40 { margin-left: 40px !important;}
.mr40 { margin-right: 40px !important;}
.mt40 { margin-top: 40px !important;}
.mb40 { margin-bottom: 40px !important;}

.pl48 { padding-left: 48px !important;}
.pr48 { padding-right: 48px !important;}
.pt48 { padding-top: 48px !important;}
.pb48 { padding-bottom: 48px !important;}
.ml48 { margin-left: 48px !important;}
.mr48 { margin-right: 48px !important;}
.mt48 { margin-top: 48px !important;}
.mb48 { margin-bottom: 48px !important;}

.pl56 { padding-left: 56px !important;}
.pr56 { padding-right: 56px !important;}
.pt56 { padding-top: 56px !important;}
.pb56 { padding-bottom: 56px !important;}
.ml56 { margin-left: 56px !important;}
.mr56 { margin-right: 56px !important;}
.mt56 { margin-top: 56px !important;}
.mb56 { margin-bottom: 56px !important;}

.pl64 { padding-left: 64px !important;}
.pr64 { padding-right: 64px !important;}
.pt64 { padding-top: 64px !important;}
.pb64 { padding-bottom: 64px !important;}
.ml64 { margin-left: 64px !important;}
.mr64 { margin-right: 64px !important;}
.mt64 { margin-top: 64px !important;}
.mb64 { margin-bottom: 64px !important;}

.pl72 { padding-left: 72px !important;}
.pr72 { padding-right: 72px !important;}
.pt72 { padding-top: 72px !important;}
.pb72 { padding-bottom: 72px !important;}
.ml72 { margin-left: 72px !important;}
.mr72 { margin-right: 72px !important;}
.mt72 { margin-top: 72px !important;}
.mb72 { margin-bottom: 72px !important;}

.pl80 { padding-left: 80px !important;}
.pr80 { padding-right: 80px !important;}
.pt80 { padding-top: 80px !important;}
.pb80 { padding-bottom: 80px !important;}
.ml80 { margin-left: 80px !important;}
.mr80 { margin-right: 80px !important;}
.mt80 { margin-top: 80px !important;}
.mb80 { margin-bottom: 80px !important;}