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

/* ------------------------------------------------ */
/*PC用*/
/* ------------------------------------------------ */


/* top 共通　*/
.section{width: 1000px; padding: 0;margin: 0 auto;display: block; height: auto;overflow: hidden; }
#main_top{width: 100%;display: block;}
.section_title{width: 1000px ; position: relative;}
.section_title h2 {
	font-weight: normal;
	height: 90px;
	font-size: 3.0rem;
	text-align: center;
	position: relative;
	padding: 30px 0;
	box-sizing: border-box;
}
.color_w{color:#fff;}
.text_center{text-align: center;}
/*スライダー　外部リンク　アイコン　※_blankがある場合*/
.hero a[target*="_blank"]:after {content: ""; background: url("../img/pc/icon_outpage.png") center center no-repeat; width: 15px ; height: 15px ;  display: inline-block;position: relative;top: -275px;left: 675px;z-index: 30;}
.center1 a[target*="_blank"]:after,
.center2 a[target*="_blank"]:after {content: ""; background: url("../img/pc/icon_outpage.png") center center no-repeat; width: 15px ; height: 15px ;  display: inline-block;position: relative;top: -130px;left: 400px;z-index: 30;}
.bg_app a[target*="_blank"]:after {content: ""; background: url("../img/pc/icon_outpage.png") center center no-repeat; width: 15px ; height: 15px ;  display: inline-block;position: relative;z-index: 30;}


/* ------------------------------------------------ */
/*header*/
/* ------------------------------------------------ */



#header .header_box_top{background: url("../img/pc/bg_header.png") top left no-repeat #292a31;background-size: auto 50px ; height: 50px; padding: 0;margin: 0; color: #fff; display: block; width: 100%;min-width: 1024px;box-sizing: border-box; }
#header .header_box_top ul.header_menu{display: table; width: 100%; min-width: 1024px;padding: 0; margin: 0;box-sizing: border-box; height: 46px;}
#header .header_box_top ul.header_menu > li{display: table-cell; float: none; vertical-align: middle; padding: 0; margin: 0;height: 46px;box-sizing: border-box;}
#header .header_box_top ul.header_menu > li:first-child{min-width: 400px;padding :0 0 0 20px ;}
#header .header_box_top ul.header_menu > li:first-child h1{display: inline-block;vertical-align: middle;  margin: 0; padding: 4px 0 0 0 ; line-height: 0; height: 46px;}
#header .header_box_top ul.header_menu  > li:first-child span{display: inline-block;vertical-align: middle;padding : 0 5px 0 20px ;font-size:1.25rem;}
@media screen and (max-width: 1024px) {
#header .header_box_top ul.header_menu  > li:first-child span{display: inline-block;vertical-align: middle;padding : 0 0 0 20px ;font-size:1.1rem;}
}

#header .header_box_top ul.header_menu  > li:first-child p{display: table-cell;}
#header .header_box_top ul.header_menu  > li:first-child h1 span{width: 0px ; overflow: hidden; text-indent: -9999px;padding: 0; margin: 0; height: 46px;}
#header .header_box_top ul.header_menu  > li:nth-child(2){width: 150px;}

#header .header_box_top ul.header_menu  > li:nth-child(3){width: 150px;}
#header .header_box_top ul.header_menu  > li:nth-child(4){width: 100px;}
#header .header_box_top ul.header_menu  > li:nth-child(5){width: 100px;}
#header .header_box_top ul.header_menu  > li:nth-child(6){width: 150px;}
#header .header_box_top ul.header_menu  > li:nth-child(7){max-width: 180px; width: 180px; text-align: center;}
#header .header_box_top ul.header_menu li a,#header .header_box_top ul.header_menu li a:link,#header .header_box_top ul.header_menu li a:visited,#header .header_box_top ul.header_menu li a:active{color:#fff !important;}
#header .header_box_top ul.header_menu li a:hover{text-decoration: underline;}
#header  .table-box{display: table;}
#header  .table-box a{display: table-cell; height: 46px; vertical-align: middle;}
#header .header_box_top ul.header_menu  > li:nth-child(2) ,
#header .header_box_top ul.header_menu  > li:nth-child(3) ,
#header .header_box_top ul.header_menu  > li:nth-child(4) span,
#header .header_box_top ul.header_menu  > li:nth-child(5) span,
#header .header_box_top ul.header_menu  > li:nth-child(6) span
{max-width: 150px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; display: inline-block;}
#header .header_box_top ul.header_menu  > li:nth-child(5) span
{max-width: 300px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; display: inline-block;}

/*グローバルメニュー用CSS*/
/* mega menu list */
    .nav-menu {
        display: block;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 15;
    }

    /* a top level navigation item in the mega menu */
    .nav-item {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    /* first descendant link within a top level navigation item */
    .nav-item > a {
        position: relative;
        display: inline-block;
        padding: 0.5em 1em;
        margin: 0 0 -1px 0;
        border: 1px solid transparent;
    }

    /* focus/open states of first descendant link within a top level 
       navigation item */
    .nav-item > a:focus,
    .nav-item > a.open {
        border: 1px solid #dedede;
    }

    /* open state of first descendant link within a top level 
       navigation item */
    .nav-item > a.open {
        background-color: #fff;
        border-bottom: none;
        z-index: 1;
    }

    /* sub-navigation panel */
    .sub-nav {
        position: absolute;
        display: block;
		top:84px;
  left: 0;
  width: 100%;
	 z-index: 1000;
		 background:  #3f4046;
		max-height:  0px; 
		transition: all 0.3s;
		overflow: hidden;
        visibility: hidden;
    }

    /* sub-navigation panel open state */
    .sub-nav.open {
        display: table;
		max-height: 200px; 
		
		transition: all 0.3s;
        visibility: visible;
    }

    /* list of items within sub-navigation panel */
    .sub-nav ul {
        display: inline-block;
        vertical-align: top;
        margin: 10px auto;
        padding: 0;
    }

    /* list item within sub-navigation panel */
    .sub-nav li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
         .navigation {z-index: 120;position: relative;font-size: 1.8em; margin:  0 ;box-shadow: 0 2px 10px 2px rgba(0,0,0,0.3);}
         .navigation > ul {display: flex; padding: 0; margin: 0;}

         .navigation > ul li{padding: 0;  display: table; width: calc(100% / 9) ;box-sizing: border-box; text-align: center; word-break: break-all;word-wrap: break-word;min-height: 84px; background: #fff;margin: 0; border-left: 1px solid #dbdce0;}

        


         .navigation a{color: #000;  padding: 45px 0 0 0; display: table-cell; vertical-align: middle; height: 84px;box-sizing: border-box;line-height: 1.1;}

         .navigation li:hover{color:#000; text-decoration: underline; background: #d6f0f7;}




         .navigation ul.sub-nav-group a{background-image: none !important;}
         .navigation ul.sub-nav-group a:hover{color:#fff; text-decoration: underline;}
.navigation ul.sub-nav-group{display: flex;flex-wrap: wrap; width: 100%; max-width: 1200px;}

         .navigation li.nav-item li{display: inline-block; width:calc(100% / 6.2) ; font-size: 0.55em;min-height: 0px; background: #3f4046;padding: 0 0px 0 20px ;margin: 3px;background-image: none !important; border: none; text-align: left; position: relative;}
         .navigation li.nav-item li a{ padding:10px; width: 100%;box-sizing: border-box;position:static; height: 45px;background-image: none;color :#fff;  display: table !important;}
.navigation li.nav-item li a span{display:inline-block; vertical-align: middle; word-wrap: break-word; }
.navigation li.nav-item li:before{content:""; display: inline-block; background: url("../img/pc/icon_circle_link.png") center center no-repeat; width: 15px ; height: 15px; margin: 0 5px ; vertical-align: middle; position: absolute; top :10px; left:5px;}
         .navigation li.nav-item li:hover,
         .navigation li.nav-item li:focus{color:#fff; background: #257096;}
        
.navigation > ul li:first-child a{background: url("../img/pc/gmenu_tetuduki.png") center 5px no-repeat;}
.navigation > ul li:nth-child(2) a{background: url("../img/pc/gmenu_annai.png") center 5px no-repeat;}
.navigation > ul li:nth-child(3) a{background: url("../img/pc/gmenu_kusei.png") center 5px no-repeat;}

.navigation > ul li:nth-child(4) a{background: url("../img/pc/gmenu_chiki.png") center 5px no-repeat;}

.navigation > ul li:nth-child(5) a{background: url("../img/pc/gmenu_bosai.png") center 5px no-repeat;}
.navigation > ul li:nth-child(6) a{background: url("../img/pc/gmenu_kodomo.png") center 5px no-repeat;}
.navigation > ul li:nth-child(7) a{background: url("../img/pc/gmenu_koenko.png") center 5px no-repeat;}

.navigation > ul li:nth-child(8) a{background: url("../img/pc/gmenu_kankyo.png") center 5px no-repeat;}

.navigation > ul li:nth-child(9) a{background: url("../img/pc/gmenu_sangyo.png") center 5px no-repeat;}

.sp_gnavi{display: none;}


/* header bottom*/
.header_box_bottom{background: #6b75b4; display: block; width: 100%;padding: 8px 0; }
         
.search_ber{display: flex; width: 100%; min-height: 33px;}
.search_ber li{display: inline-block;}
.search_ber li:first-child{min-width: 171px;width: 171px;}
.search_ber li:nth-child(2){width:calc(100% - 331px );}
.search_ber li:nth-child(3){min-width: 160px;width: 160px;text-align: right;}
.btn_othersearch{display:table; background: #1b7bbd url("../img/pc/icon_search_slim.png") 10px center no-repeat; padding: 0 0 0 35px ; border-radius: 6px 0 0 6px ; box-shadow: 0 2px 3px   rgba(0,0,0,0.2); min-height: 31px; width: 171px; overflow: hidden;box-sizing: border-box;}
.btn_othersearch span{color: #fff; font-size: 1.3rem; padding: 0 0 0 0;display: table-cell;box-sizing: border-box; vertical-align: middle;}
.btn_othersearch:hover{opacity: 0.8;box-shadow: 0 1px 1px   rgba(0,0,0,0.5);}

#google{display: none !important;}
.google .search #textinput input.search-area{width: 599px !important; height: 31px !important;  
}
.search-area{-webkit-appearance: none;
    -moz-appearance: none;appearance: none; border: none; padding: 0 10px !important ;box-sizing: border-box; border-radius: 0px !important;}

.btn_kyukyu{display:table; background: #fff url("../img/pc/icon_kyuukyuu.png") 6px center no-repeat; padding: 0 0 0 38px ; border-radius: 6px  ; box-shadow: 0 2px 3px   rgba(0,0,0,0.2); min-height: 31px; width: 160px; overflow: hidden; text-align: left;box-sizing: border-box;}
.btn_kyukyu span{color: #000; font-size: 1.3rem; padding: 0 0 0 0;display: table-cell;box-sizing: border-box;vertical-align: middle;}
.btn_kyukyu:hover{opacity: 0.8;box-shadow: 0 1px 1px   rgba(0,0,0,0.5);}



/* ------------------------------------------------ */
/*main-top */
/* ------------------------------------------------ */




/*よく見られているページ*/
#main_top .header_box_bottom{background: #6b75b4; display: block; width: 100%;padding: 0 0 8px 0; box-shadow: 0 3px 3px 0px rgba(0,0,0,0.3); }
.looking_item{display: table; width: 100%;}
.looking_item > li{display: table-cell; vertical-align: top; }
.looking_item > li:first-child{width:195px;padding: 5px 0 0 0 }

.looking_title{
    font-size: 1.45rem;
    color: #eee;
    font-weight: bold;
    padding: 2px 5px  2px 0px;
    box-sizing: border-box;
    margin: 0 auto;
   text-align: center;

}
.looking_title span{
    border-right: 2px dashed #ccc;
    padding: 0 12px 0 0;

}

.link_w {
    background: url("../img/pc/icon_circle_link.png") left center no-repeat;
    padding: 0 0 0 22px;
    color: #fff;
    display: table;
    margin: 6px 0 0 0;
}
.link_w span {
    font-size: 1.4rem;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    line-height: 1.1;
}

.link_w:hover{text-decoration: underline;color:#fff;}

.link_looking{width: 805px; display: inline-flex; flex-wrap: wrap;}
.link_looking li{display: inline-block; margin: 5px;padding: 0 0 5px 0; }
.link_looking li a{width: 100%; background: #1d2672; font-size: 0.8em;padding: 5px 8px; color:#fff; border-radius: 4px; max-width: calc( 800px  / 4 ) ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.link_looking li a:hover{opacity: 0.8;}



.fixed_bg{background: url("../img/pc/bg_slider.png") center top  no-repeat; background-attachment: fixed; background-size: cover;}




/*スライダー用CSS*/
		
    * {
      box-sizing: border-box;
    }

    .slider {
        width: 50%;
        margin: 25px auto 40px auto;
    }

    .slick-slide {
      margin: 0px 7px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      /*transition: all ease-in-out .3s;*/
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
      
      


/* メインスライダー　*/
.main_slide{width: 100%; height: 340px; overflow: hidden;box-sizing: border-box; position: relative;}
		.hero{ width: 1000px; height: 280px; display: block;position: relative; }
		.hero img{height: 280px; width: 695px;}
.hero .slider {
    width: 1000px;
    margin: 0 auto ;
	text-align: center;
  }
.hero .slick-slide{
	   width: 100%;
	min-width: 695px;
	height: 292px; 
	overflow: hidden;
	
}
 .hero .slick-slide img {
	width: 695px;
    height:auto;
	 margin: 0 auto;
	 box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2);
  }

.hero .slick-list{overflow: visible;}
.hero .slick-prev{opacity: 1;left:119px !important; z-index: 100;top:50%;}
.hero .slick-next{opacity: 1;right:112px !important; z-index: 100;top:50%;}
.hero .slick-next:before{opacity: 1;display: block; width: 54px;height: 54px; background:url("../img/pc/btn_slider_R_arrow.png") 20px center no-repeat rgba(255,255,255,0.8); overflow: hidden; text-indent: -999px;border-radius: 27px ; box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2) !important;}

.hero .slick-prev:before{opacity: 1; display: block; width: 54px;height:54px; overflow: hidden;text-indent: -999px;border-radius: 27px ;background:url("../img/pc/btn_slider_L_arrow.png") 18px center no-repeat rgba(255,255,255,0.8) !important; box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2);}
.hero .slick-prev:before:hover{opacity: 1; background:url("../img/pc/btn_slider_L_arrow.png") 18px center no-repeat rgba(255,255,255,1) !important; }
.hero .slick-next:before:hover{opacity: 1;background:url("../img/pc/btn_slider_R_arrow.png") 20px center no-repeat rgba(255,255,255,1) !important;}
.hero .slick-dots{position: absolute;
    bottom: -35px ;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;}
.hero .slick-dots li button:before{content:"";width: 8px ;height: 8px ; display: inline-block; text-indent: -999px; overflow: hidden; background: #89b1c3; border-radius: 4px;}
.hero .slick-dots li.slick-active button:before{content:"";width: 8px ;height: 8px ; display: inline-block; text-indent: -999px; overflow: hidden; background: #15a8f7; border-radius: 4px;}


/*オリンピック　カウントダウン　新デザイン
.olympic_box{position: relative; top :
	0px; left: 0;width: 220px ; height: 340px; background: url("../img/pc/bg_countdown.png") bottom left no-repeat;z-index: 200;margin-top: -340px; display: block; box-sizing: border-box;}
.olym_bottom{background: url("../img/pc/bg_countdown_fire.png") bottom center no-repeat; width: 220px; height: 340px;
padding:20px 0 20px 25px ;  box-sizing: border-box;}
.o_title{font-size: 1.3rem;color: #fff; line-height: 0;}
.o_day{font-size: 1.6rem;color: #fff;}
.o_time{font-size: 3.5rem;color: #fff;font-family: 'MuseoModerno', cursive;padding: 0 5px 0 20px;display: inline-block;width: 90px}
#countdown{padding: 10px  0 0 0 ;}
#countdown2{padding: 43px 0 0 0;}
.olympic_link{position: absolute; bottom: 20px;}*/

/*オリンピック　カウントダウン　旧デザイン*/
.olympic_box {
    position: relative;
    top: 0px;
    left: 0;
    width: 220px;
    height: 340px;
    background: url(../img/pc/oly_top.png) top repeat-x,url(../img/pc/oly_top.png) bottom repeat-x rgba(255,255,255,0.95);
    z-index: 200;
    margin-top: -340px;
    display: block;
    box-sizing: border-box;
    padding: 10px 0;}

.olym_bottom {
    background: url(../img/pc/oly_titile_bg.png) top center no-repeat,url(../img/pc/oly_bg_gold01.png) bottom left no-repeat;
    background-size: 100% 45px, 52px 49px;
    width: 220px;
    height: 320px;
    padding: 0px 0 20px 0px;
    box-sizing: border-box;}

.olym_top {
    background: url(../img/pc/tokyo2020_blue.png) center 6px no-repeat;
    background-size: 220px auto;
    padding: 60px 10px 0 15px;
    text-align: center;
}
.o_title{font-size: 1.8rem;color: #001f62; line-height: 0;font-weight: bold;}
.o_day{font-size: 1.6rem;color: #001f62;font-weight: bold; }
.o_time{font-size: 3.5rem;color: #fff;font-family: 'MuseoModerno', Meiryo, cursive,  "sans-serif", "Hiragino Sans", "Hiragino Kaku Gothic ProN" !important;display: inline-block;width: 90px; background: #f00; border-radius: 8px ; /*padding: 1px 5px ;*/ padding: 6px 5px 2px 5px; line-height: 1.2; text-align: center; margin: 15px 5px 0 5px; }
#countdown{padding: 10px  5px  20px 0 ;}
#countdown2{padding: 30px 5px 0 0; border-top: 1px solid #001f62;}
.olympic_link {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #001f62;
      background: url("../img/pc/icon_circle_link_blue.png") left center no-repeat;
    font-size: 1.2rem;
    padding: 0 0 0 20px;
}
.olympic_link:hover{text-decoration: underline;}
.o_num{display: block;width:auto; margin: 0;min-width: auto;}

#topmain{position: relative;}


	


/*  NEWS -------------------*/


.bg_news{background: url("../img/pc/bg_news_text.png") top left no-repeat #fff;}

.icon_news1,.icon_news2{width: 100%; height : 35px ; padding: 0 0 0 5px ; text-align: center;font-size:2rem;position: relative;display: block; box-sizing: border-box; font-weight: normal;}
.icon_news1:before{content:"";background: url("../img/pc/icon_news_important.png") center center no-repeat; width: 60px ; height:60px;display: inline-block;position: absolute; top:-35px;left :10px;}
.icon_news2:before{content:"";background: url("../img/pc/icon_news_sincyaku.png" ) center center no-repeat; width: 60px ; height:60px;display: inline-block;position: absolute; top:-35px;left :10px;}
.btn_list{position: absolute;right:10px; top:0px; background: url("../img/pc/icon_circle_link_blue.png") left center no-repeat; padding: 0 0 0 25px ;font-size:1.4rem !important; width: auto !important;  }
.btn_list:hover{text-decoration: underline;}

.icon_twitter:before{content:"";background: url("../img/pc/icon_news_twitter.png" ) center center no-repeat; width: 60px ; height:60px;display: inline-block;position: absolute; top:-30px;left :10px; overflow: visible;}
.twitter_area{ background:#ddeffc ; padding: 0 12px 10px 12px ; margin-bottom: 30px; }

/* NEWS-TAB用*/
		 ul.tab{display: none;}
        .tab_area{display: flex; padding: 0 0 20px 0;}
        .tab_area div{display: inline-block; width: 480px; }
.tab_area .left_news{background: rgba(241,93,100,0.2); padding:5px 12px 10px 12px;}
.tab_area .right_news{background: rgba(108,118,253,0.2); padding:5px 12px  10px 12px; margin: 0 0 0 40px;}
        .tab_area ul{max-height: 340px; height: 340px ; overflow-y: auto; background: #fff;}


/* Photo-NEWS -------------------*/
.bg_photonews{ background: url("../img/pc/bg_newsphot_camera.png") left bottom no-repeat,url("../img/pc/bg_newsphoto_paper.png") right bottom no-repeat;}
  .regular{ width: 1040px !important; margin: 0 0 20px -20px; }
.regular li{background: none !important;}
.regular .slick-slide {width: 300px; margin: 0 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.3);opacity:1;}
.regular .slick-slide:hover{opacity: 0.8; transition: all 0.2s;box-shadow: 0 2px 5px rgba(0,0,0,0.7);}
.regular  .slick-list{ overflow: visible;}
.p_news{background: rgba(255,255,255,0.6); width: auto; height:70px ;padding :10px 10px 10px  15px; }
.p_news span{display: block;font-size: 1em; text-overflow: ellipsis;white-space: nowrap;
  overflow: hidden;}
.p_news .day{color:#000; font-size: 1.2rem; padding: 0 0 5px 0 ;}

.btn_more{display: block; padding: 20px 0 40px 0 ; text-align: center;}

.btn_more a{width: 300px ; height:42px; background: #4653a2; border-radius: 4px ; display: inline-block;text-align: center; vertical-align: middle;box-sizing:border-box; padding:11px 0 0 0 ; box-shadow: 0 2px 6px rgba(0,0,0,0.3)}
.btn_more a span{background: url("../img/pc/icon_circle_link.png") left center no-repeat; padding: 0 0 0 25px ; color:#fff;font-size: 1.4rem;}
.btn_more a:hover{opacity:0.8;}






/* 組織・計画 */
.bg_sosiki{
background: url("../img/pc/bg_sosiki_text.png") top left no-repeat,-moz-linear-gradient(top left, #4653a2, #5778bb); 
background:  url("../img/pc/bg_sosiki_text.png") top left no-repeat,-webkit-linear-gradient(top left, #4653a2, #5778bb); 
background:  url("../img/pc/bg_sosiki_text.png") top left no-repeat,linear-gradient(to bottom right, #4653a2, #5778bb); 
}
.bg_sosiki .font_m{font-size:  1.6rem;}
.sosiki_btn{ display: inline-flex; width: 100%; padding: 30px 0 50px 0 ;}
.sosiki_btn li {display: inline-block; width: calc(1000px / 6); text-align: center; padding: 0 0 60px 0 ;}
.sosiki_btn li a{width:96px; height:96px; border-radius: 48px;  box-shadow: 0 3px 8px rgba(0,0,0,0.3);  display: inline-block; position: relative; overflow:  visible; margin: 4px; }
/*.sosiki_btn li a span{ display: inline-block; font-size: 1em;  color: #fff; text-align: center ; position: absolute; top: 105px; left:0.1%; right: 0.1%; white-space: nowrap; }*/
.sosiki_btn li a span{ display: inline-block; font-size: 1em;  color: #fff; text-align: center ; position: absolute; top: 105px; /*left:0.1%;*/left:-15.1%; right: 0.1%; /*white-space: nowrap;*/line-height: 1.1; word-break: break-all ; white-space: normal;word-wrap: normal;width: 130%;}
.sosiki_btn li:nth-child(2) a span{ /*margin: 0 0 0 -.5em;*/ text-indent: -.5em;}
.sosiki_btn li a:hover{opacity: 0.8; transition: all 0.3s;box-shadow: 0 2px 4px rgba(0,0,0,0.5); }

.icon_kucyou{ background: url("../img/pc/image_mayor.png") center center no-repeat #fff;}
.icon_kihon{background: url("../img/pc/btn_kihonkousou.png") center center no-repeat #fff;}
.icon_houdou{background: url("../img/pc/btn_houdou.png") center center no-repeat #fff;}
.icon_syokuin{background: url( "../img/pc/btn_syokuin.png") center center no-repeat #fff;}
.icon_gikai{background: url( "../img/pc/btn_sinagawa.png") center center no-repeat #fff;}
.icon_kyouiku{background: url("../img/pc/btn_kyouiku.png") center center no-repeat #fff;}

/* 区民　事業者　区民施設　*/
.bg_info{ background: url("../img/pc/bg_info_text.png") bottom right no-repeat;}
.bg_info .section{display: flex;overflow: hidden; width: 100% !important; max-width: 1200px  ; margin: 0 auto;}
.bg_info .section > div{ display: inline-block;overflow: hidden; width: 50%;}

/* 区民　*/
.bg_kumin{ background: url("../img/pc/bg_info_kumin.png") left 15px   no-repeat; }
.bg_kumin .font_m{ font-size: 1.8rem;}
.bg_kumin h2{width: 480px; float: right; text-align: center; height: 100px ; padding: 50px 0 10px 0 ; box-sizing: border-box; font-size: 3rem; font-weight: normal;}
.bg_kumin ul {float: right; width: 480px; background: #b9df9f; margin: 0 10px 0 0 ; padding: 10px; display: inline-flex; flex-wrap: wrap; }
.bg_kumin ul li{ display: inline-block ; width: 230px; }
.bg_kumin ul li a{ border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); width: 220px; min-height: 80px; display: table; box-sizing: border-box; margin: 0 auto 10px auto;color: #000;}
.bg_kumin ul li a span{display: table-cell; vertical-align: middle; text-align: center; }
.bg_kumin ul li a span span{ display: inline-block;}

.icon_giken{ background: url("../img/pc/btn_goiken.png") 15px center no-repeat #fff; padding: 0 0 0 58px;}
.icon_sodan{background: url( "../img/pc/btn_soudan.png") 15px center no-repeat #fff; padding: 0 0 0 55px;}
.icon_gomi{background: url( "../img/pc/btn_gomi.png") 15px center no-repeat #fff; padding: 0 0 0 57px;}
.icon_bosyu{background: url( "../img/pc/btn_bosyu.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_densi{background: url( "../img/pc/btn_densi.png") 15px center no-repeat #fff; padding: 0 0 0 55px;}
.icon_event{background: url( "../img/pc/btn_event.png") 15px center no-repeat #fff; padding: 0 0 0 55px;}


/* 事業者 */
.bg_jigyou{ background: url( "../img/pc/bg_info_jigyou.png") right 15px no-repeat;}
.bg_jigyou .font_m{font-size: 1.8rem;}
.bg_jigyou h2{width: 480px; float: left; text-align: center;height: 100px ; padding: 50px 0 10px 0 ; box-sizing: border-box; font-size: 3rem; font-weight: normal;}
.bg_jigyou ul {float: left;width: 480px;background: #f1d2a6; margin: 0 0 0 10px ; padding: 10px;display: inline-flex; flex-wrap: wrap;}
.bg_jigyou ul li{ display: inline-block ; width: 230px; }
.bg_jigyou ul li a{ border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); width: 220px; min-height: 80px; display: table; box-sizing: border-box; margin: 0 auto 10px auto;color: #000;}
.bg_jigyou ul li a span{display: table-cell; vertical-align: middle;text-align: center;}
.bg_jigyou ul li a span span{ display: inline-block;}

.icon_keiyaku{ background: url( "../img/pc/btn_keiyaku.png") 15px center no-repeat #fff; padding: 0 0 0 60px;}
.icon_todokede{ background: url( "../img/pc/btn_todokede.png") 15px center no-repeat #fff; padding: 0 0 0 58px;}
.icon_sien{ background: url( "../img/pc/btn_sien.png") 15px center no-repeat #fff; padding: 0 0 0 65px;}
.icon_ship{ background: url( "../img/pc/btn_ship.png") 15px center no-repeat #fff; padding: 0 0 0 58px;}



/*区民施設*/
.bg_sisetu{background: url("../img/pc/bg_info_kunai.up.png") left 30px no-repeat, url("../img/pc/bg_info_kunai_bottom.png")  right bottom  no-repeat ;
	width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 0 68px 0;
}
.bg_sisetu .font_m{font-size: 1.8rem;}
.bg_sisetu ul{background: #b5bada; width: 980px; margin: 0 auto ; padding: 10px; }
.bg_sisetu ul li{display: inline-block ; width: 315px; min-height: 77px;}
.bg_sisetu ul li a{border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); width: 308px; height:70px; display: table; box-sizing: border-box; margin: 0 auto 10px auto;color: #000;}
.bg_sisetu ul li a span{display: table-cell; vertical-align: middle; text-align: center;}
.bg_sisetu ul li a span span{ display: inline-block;}

.icon_yoyaku{ background: url( "../img/pc/btn_yoyaku.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_kunai{ background: url( "../img/pc/btn_kunaichizu.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_tosyo{ background: url( "../img/pc/btn_library.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_gotanda{ background: url( "../img/pc/btn_gotanda.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_rekisi{ background: url( "../img/pc/btn_rekisi.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_suizokukan{ background: url( "../img/pc/btn_suizokukan.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_bunka{ background: url(  "../img/pc/btn_bunka.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_sports{ background: url( "../img/pc/btn_sports.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_hukusi{ background: url( "../img/pc/btn_fukisi.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_gakko{ background: url( "../img/pc/btn_school.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_daigaku{ background: url( "../img/pc/btn_university.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
.icon_dantai{ background: url( "../img/pc/btn_dantai.png") 15px center no-repeat #fff; padding: 0 0 0 50px;}
				

.bg_kumin ul li a:hover,.bg_jigyou ul li a:hover,.bg_sisetu ul li a:hover{opacity: 0.8; background: 0 2px 4px rgba(0,0,0,0.5);}


/*広報・SNS・アプリ*/

.bg_app{background: url("../img/pc/bg_pr_text.png") top left no-repeat,-moz-linear-gradient(top left, #4653a2, #5778bb); 
background:  url("../img/pc/bg_pr_text.png") top left no-repeat,-webkit-linear-gradient(top left, #4653a2, #5778bb); 
background:  url("../img/pc/bg_pr_text.png") top left no-repeat,linear-gradient(to bottom right, #4653a2, #5778bb); 
 }

.kouhou_area{width: 100%; display: inline-flex; padding: 30px 0; }
.kouhou_area{ font-size: 1em;}
.kouhou_area li {width: 50%; text-align: center; display: inline-block; }

.kouhou_area li a{ width: 440px ; height: 80px; box-shadow: 0 2px 8px rgba(0,0,0,0.3); display: table; margin: 0 auto 10px auto;  border-radius: 4px;  text-indent: -9999px; overflow: hidden;}
.kouhou_area li  span {width: 440px ; display: inline-block; text-align: left; word-break:break-all ; word-wrap: break-word;white-space: normal; color: #fff; }
.kouhou_area li a[target*="_blank"]:after{display: none;}
.btn_kouhou{ background: url("../img/pc/btn_kouhou_sinagawa.png") center center no-repeat #fff; }
.btn_websyashin{ background: url("../img/pc/btn_sinagawaweb.png") center center no-repeat #fff;}

.app_area{width: 100%; display: inline-flex; flex-wrap: wrap; padding: 40px 0 20px 0 ; border-top: 1px solid #a3a9d1;}
.app_area.font_s{font-size: 1.4rem;}
.app_area li {display: inline-block; width: calc(100% / 7.2 ) ; text-align:center; padding: 10px 0 30px 0;  }
.app_area li a div{display: table ; width: 80px ; height: 80px ; margin: 0 auto; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }

.app_area li a span{ display: inline-block; padding: 10px 0 2px 0; text-align: center; width: 100%; color:#fff; word-break:normal; word-wrap: break-word;white-space: normal;max-width: 100%  ; }
.app_area li a div span{display:table-cell; text-align: center; vertical-align: middle;padding: 0;}
.app_area li a:hover div{ opacity: 0.8;box-shadow: 0 2px 4px rgba(0,0,0,0.5); }



/*おすすめ情報*/
.bg_osusume{ background:#b5bada; }


.bunner{display:table; width: 1000px; margin:50px auto 40px;}
.slide_box{display: table-cell;}
.bunner .slider_box{display: inline-block; width: 500px; }
.center1,.center2{height: 140px; width: 435px ; }
.center1 .slick-slide,.center2 .slick-slide{height: 140px; width: 420px ; overflow: hidden; display: inline-block; box-sizing: border-box; vertical-align: top;}
.center1 .slick-prev,.center2 .slick-prev{opacity: 1;left:-15px !important; z-index: 100;top:50%;}
.center1 .slick-next,.center2 .slick-next{opacity: 1;right:-15px !important; z-index: 100;top:50%;}
.center1 .slick-next:before,.center2 .slick-next:before
{opacity: 1;display: block; width: 40px;height: 40px; background:url("../img/pc/btn_slider_mini_R_arrow.png") 17px center no-repeat rgba(255,255,255,0.8); overflow: hidden; text-indent: -999px;border-radius: 20px ; box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2) !important; margin: 0 auto !important;}

.center1 .slick-prev:before,.center2 .slick-prev:before
{opacity: 1; display: block; width: 40px;height:40px; overflow: hidden;text-indent: -999px;border-radius: 20px ;background:url("../img/pc/btn_slider_mini_L_arrow.png") 14px center no-repeat rgba(255,255,255,0.8) !important; box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2); margin: 0 auto !important;}
.center1 .slick-prev:before:hover,
.center2 .slick-prev:before:hover{opacity: 1; background:url( "../img/pc/btn_slider_mini_L_arrow.png") 14px center no-repeat rgba(255,255,255,1) !important; }
.center1 .slick-next:before:hover,
.center2 .slick-next:before:hover{opacity: 1;background:url( "../img/pc/btn_slider_mini_R_arrow.png") 17px center no-repeat rgba(255,255,255,1) !important;}
.center1 .slick-dots,
.center2 .slick-dots{position: absolute;
    bottom: -35px ;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;}
.center1 .slick-dots li button:before,
.center2 .slick-dots li button:before{content:"";width: 8px ;height: 8px ; display: inline-block; text-indent: -999px; overflow: hidden; background: #fff; border-radius: 4px;}
.center1 .slick-dots li.slick-active button:before,
.center2 .slick-dots li.slick-active button:before{content:"";width: 8px ;height: 8px ; display: inline-block; text-indent: -999px; overflow: hidden; background: #fff; border-radius: 4px;}
.slick-prev, .slick-next{width: 60px !important; height: 70px !important;}



/*広告*/
.bg_koukoku{background: #fff;}
.right_link {
    position: absolute;
    right: 0px;
    top: calc(-6px + 50%);
    background: url("../img/pc/icon_circle_link_blue.png") left center no-repeat;
    font-size: 1.4rem;
    padding: 0 0 0 25px;
}
 

/*footer---------------------- */
.bg_footer_top{ background: url("../img/pc/bg_footer_up.png") center bottom no-repeat ;width: 100%; height: 120px; margin-bottom: -3px;}
.bg_footer{background: #4653a2; color: #fff;}
.bg_footer_bottom{ border-top: 1px solid #6b75b5;padding: 0 0 30px 0; box-sizing: border-box;}

.footermenu .footer_link {width: 1000px; display: table;}
.footer_link li{display: table-cell;width: 25%; text-align: left;}
.footer_link li a:link,.footer_link li a:visited{color: #fff !important;}
.bg_footer_bottom ul{display: table;width: 1000px ; margin: 30px auto 0 auto; box-sizing: border-box;}
.bg_footer_bottom ul li:first-child{display:table-cell;vertical-align: middle; text-align: center; width: 252px;}
.bg_footer_bottom ul li:nth-child(2){display:table-cell;vertical-align: middle; text-align: left; width: 500px;}
.bg_footer_bottom ul li:nth-child(3){display:table-cell;vertical-align: middle; text-align: left; width: 33%;}
.footer_logo{ background: url("../img/pc/logo_big.png") center center no-repeat; width:178px; height:56px; display: inline-block;box-sizing: border-box; margin: 0 auto;}
.footer_logo span{display:none;}

#footer .tel,#footer .tel:link,#footer .tel:focus,#footer .tel:hover,#footer .tel:visited,#footer .tel a,#footer .tel a:link,#footer .tel a:hover{color:#fff !important;}
.sns_area {display: table;}
.sns_area_ttl {text-align: center;}
#snsfb{  display: inline-block;padding: 10px 15px 10px 10px;position: relative;}
#snstw{ display: inline-block;padding: 10px 14px 10px 10px;position: relative;}
#snsli{ display: inline-block;padding: 10px;position: relative;}
#snsfb a{width: 40px ;height: 40px ; display: block;background: url("../img/pc/btn_share_facebook.png") center center no-repeat; text-indent: 9999px ; overflow: hidden; white-space: nowrap;}
#snstw a{width: 40px ;height: 40px ; display: block;background: url("../img/pc/btn_share_twitter.png") center center no-repeat; text-indent: 9999px ; overflow: hidden;white-space: nowrap;}
#snsli a{width: 40px ;height: 40px ; display: block;background: url("../img/pc/btn_share_line.png") center center no-repeat; text-indent: 9999px ; overflow: hidden;white-space: nowrap;}

/* pagetop */
.btn_chat {
	display: block;
	width:0px;
	padding: 0px;
	text-align: right;
	height:0px;
	margin: 0 auto;
 position: absolute;
	
}

.btn_chat a {
	padding: 0;
	display:table;
	vertical-align: middle;
	height: 60px ;
	background:url("../img/pc/btn_chat.png")  center center  no-repeat #cb4672;
	width: 60px;
	position: fixed;
	bottom: 250px; 
	right:0px;
	border-radius: 2px 0 0 2px ;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	text-align: center;
	color: #fff;
	z-index: 1210;
}
.btn_chat  a span{ display: table-cell; vertical-align: bottom; height: 60px ; width :60px ; white-space: nowrap;color: #fff;}
.btn_searchpage {
	display: block;
	width:0px;
	padding: 0px;
	text-align: right;
	height:0px;
	margin: 0 auto;
 position: absolute;
	
}

.btn_searchpage a {
	padding: 0;
	display:table;
	vertical-align: middle;
	height: 60px ;
	background:url("../img/pc/btn_search_fixed.png")  center 15px  no-repeat #1b7bbd;
	width: 60px;
	position: fixed;
	bottom: 177px; 
	right:0px;
	border-radius: 2px 0 0 2px ;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	text-align: center;
	color: #fff;
	z-index: 1210;
}
.btn_searchpage a span{display: table-cell; vertical-align: bottom; height: 60px ; width :60px ; white-space: nowrap;color: #fff;}


@media screen and (min-width: 0px) and (max-width: 640px) {
    
/*  Photo-NEWS スライダー　*/
.regular{width: 100vw; height: auto; overflow:visible;box-sizing: border-box; position: relative;
     display: block;max-width: 100vw;}
.regular li{background: none !important; width: auto ; display: block;}
		.regular img{height: auto; width: 100%; min-height: 120px;max-width: 100%;}
.regular .slider {
    width: auto;
    margin: 0 auto ;
	text-align: center;
    max-width: 100%;
   
  }

.regular .slick-slide{
	   width: auto;
	min-width:10px;
    position: relative;
    max-width: 100vw;
    margin: 10px !important;
    padding: 0px !important;
    box-sizing: border-box;
}
.regular .slick-slide img {
	width: 100%;
    height:auto;
	 margin: 0 auto;
	 box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2);
  }

.regular .slick-list{overflow: visible;}
.regular .slick-prev{opacity: 1;left:10px !important; z-index: 100;top:50%;}
.regular .slick-next{opacity: 1;right:10px !important; z-index: 100;top:50%;}
.regular .slick-next:before{opacity: 1;display: block; width: 54px;height: 54px; background:url("../img/pc/btn_slider_R_arrow.png") 20px center no-repeat rgba(255,255,255,0.8); overflow: hidden; text-indent: -999px;border-radius: 27px ; box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2) !important;}

.regular .slick-prev:before{opacity: 1; display: block; width: 54px;height:54px; overflow: hidden;text-indent: -999px;border-radius: 27px ;background:url("../img/pc/btn_slider_L_arrow.png") 18px center no-repeat rgba(255,255,255,0.8) !important; box-shadow: 0 4px 8px 1px rgba(0,0,0,0.2);}
.regular .slick-prev:before:hover{opacity: 1; background:url("../img/pc/btn_slider_L_arrow.png") 18px center no-repeat rgba(255,255,255,1) !important; }
.regular .slick-next:before:hover{opacity: 1;background:url("../img/pc/btn_slider_R_arrow.png") 20px center no-repeat rgba(255,255,255,1) !important;}
.regular .slick-dots{position: absolute;
    bottom: -35px ;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;}
.regular .slick-dots li button:before{content:"";width: 8px ;height: 8px ; display: inline-block; text-indent: -999px; overflow: hidden; background: #89b1c3; border-radius: 4px;}
.regular .slick-dots li.slick-active button:before{content:"";width: 8px ;height: 8px ; display: inline-block; text-indent: -999px; overflow: hidden; background: #15a8f7; border-radius: 4px; }




}