@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+
+
+　トップページ専用要素
+
+
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 メインコンテンツ
--------------------------------------------------------------------------------------- */
#contents {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* --------------------------------------------------------------------------------------
 スライド
--------------------------------------------------------------------------------------- */
/*#slideWrap {
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto 30px auto;
  padding: 9px;
  box-sizing: border-box;
  background-color: #FFF;
  border: solid 1px #CCC;
}
.bxslider {
  display:none;
}*/

/* slick */
.slick-dotted.slick-slider {
  margin-bottom: 15px;
}
.slick-dots {
  height: 20px;
}

.slider1 {
  /*display: none;*/
}
.slider1 img {
  max-width: 100%;
  height: auto;
}
.slider2 img {
  max-width: 95%;
  height: auto;
  position: relative;
  -webkit-backface-visibility: hidden;
  /*margin-right: 12px;*/
}

.slick-controls1, .slick-controls2 {
  position: absolute;
  display: block;
  background-color: white;
  /*top: 90%;*/
  margin-left: 10px;
  z-index: 9999;
  /*margin-top: 30px;*/
  bottom: 0;
  text-align: center;
}

/* コントロール */
.slick-control-item {
  display: inline-block;
}
.slick-control-item .slick-start {
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  /*outline: 0;*/
  background: url('slick-controls.png') 0 -11px no-repeat;
  margin: 0 3px;
}
.slick-control-item .slick-start:hover,
.slick-control-item .slick-start:active,
.slick-control-item .slick-start:focus {
  background-position: 0 0;
}
.slick-control-item .slick-stop {
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  /*outline: 0;*/
  background: url('slick-controls.png') 0 -44px no-repeat;
  /* margin: 0 3px; */
}
.slick-control-item .slick-stop:hover,
.slick-control-item .slick-stop:active,
.slick-control-item .slick-stop:focus {
  background-position: 0 -33px;
}



/* --------------------------------------------------------------------------------------
 スライドと観光バナー
--------------------------------------------------------------------------------------- */
#topslBox {
  width: 100%;
  max-width: 960px;
  margin-bottom: 30px;
}
#slideWrap {
  position: relative;
  display: none;
}

#topslBox #slideWrap {
  width: 100%;
  max-width: 710px;
  height: auto;
  margin: 0 auto 30px auto;
  padding: 9px;
  padding-bottom: 15px;
  box-sizing: border-box;
  background-color: #FFF;
  border: solid 1px #CCC;
}
.bxslider {
  display:none;   /*JSにてフェードイン処理をする為*/
}

/*観光バナー*/
#topslBox #kankou_bnr {
  width: 100%;
  text-align: center;
  /* background-color: #FFF; */
  /* max-width: 230px; */
  /* margin: 0 auto; */
}
#topslBox #kankou_bnr img {
  max-width: 230px;
  /* display: block; */
  /* width: 100%; */
}
#topslBox #kankou_bnr a:hover img {
  opacity: 0.9;
}

@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  #topslBox #slideWrap {
    width: 73.958%;
    float: left;
    margin: 0 auto;
  }
  #topslBox #kankou_bnr {
    width: 23.958%;
    float: right;
  }
  #topslBox #kankou_bnr img {
    max-width: 100%;
    margin-bottom: 10px;
  }
}


/* --------------------------------------------------------------------------------------
 検索
--------------------------------------------------------------------------------------- */
#gsWrap {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  border: solid 1px #CCC;
  padding: 25px;
  margin-bottom: 25px;
}

#gsWrap p#gsText {
  /*width: 20%;
  float: left;*/
  box-sizing: border-box;
  
  background-image: url(../../img/ai_serch.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 24px 23px;
  font-size: 1.142em;
  padding: 0 0 0 30px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#gsWrap #cse-search-box {
  /*width: 80% !important;
  float: right;*/
  margin: 0 !important;
}

#gsWrap #cse-search-box div{
  padding: 0 !important;
}
#gsWrap #cse-search-box input[type="text"] {
  border: solid 1px #0095BF;
  padding: 0 !important;
  width: 80%;
  height: 40px;
  /*font-size: 20px;*/
  font-size: 1.4em;
  box-sizing: border-box;
  vertical-align: top !important;
}
#gsWrap #cse-search-box input[type="submit"] {
  background-color: transparent;    /*リセット*/
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
  -webkit-appearance: none;
  
  background: #444;
  color: white;
  overflow: hidden;
  /*font-size: 18px;*/
  font-size: 1.3em;
  width: 17%;
  height: 40px;
  vertical-align: top !important;
}

@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  #gsWrap {
    padding: 25px 80px;
  }
  #gsWrap p#gsText {
    width: 23%;
    float: left;
    margin-bottom: 0;
  }
  #gsWrap #cse-search-box {
    width: 77% !important;
    float: right;
  }
}/*End @media*/

/* --------------------------------------------------------------------------------------
 Facebookスキップ
--------------------------------------------------------------------------------------- */
.skip_fb {
  width: 1px;
  color: #000;
  font-size: 0;
  line-height: 0;
  background-color: #FFF;
  position: absolute;
  left: -3000px;
  z-index: 999999;
}
a.skip_fb {
  background-color: #FFF;
  text-align: center;
  padding: 2px 0;
  top: auto;
}
a.skip_fb:active, a.skip_fb:focus {
  display: block;
  position: relative;
  width: 99.99%;
  font-size: 100%;
  line-height: 1.6;
  top: 0;
  left: 0;
}

/* --------------------------------------------------------------------------------------
 良く利用されている項目から探す
--------------------------------------------------------------------------------------- */
.normWrap {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  border: solid 1px #CCC;
  padding: 20px;
  margin-bottom: 25px;
}
.normWrap h2.normText {
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
  margin-bottom: 20px;
}
.normWrap .btnIconlist {
  width: 100%;
}
.normWrap .btnIconlist ul {
}
.normWrap .btnIconlist ul li {
  position: relative;
  display: block;
  float: left;
  list-style-type: none;
  text-align: center;
  width: 32%;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.normWrap .btnIconlist ul li:nth-child(3n-1) {
  margin: 0 2%;
}
.normWrap .btnIconlist ul li img {
  width: 95%;
  height: auto;
}
.normWrap .btnIconlist ul li a:hover img {
  opacity: 0.8;
}
.normWrap .btnIconlist ul li div.text {
  font-size: 1.2em;
  margin-top: 75px;
  margin-bottom: 10px;
}

.serach_btn_use, .serach_btn_life {
  background-color: #02419b;
  background-size: auto 45px;
  background-repeat: no-repeat;
  background-position: center top 15px;
  padding: 0 5px;
  border-radius: 6px;
  font-size: 0.9em;
}
.serach_btn_use:hover, .serach_btn_life:hover {
  opacity: 0.8;
}
.serach_btn_life {
  background-color: #4b7b2f;
}
.serach_btn_use a, .serach_btn_life a {
  color: #fff;
  width: 100%;
  text-decoration: none;
  display: inline-block;
}
.serach_btn_use a:link,
.serach_btn_use a:visited,
.serach_btn_life a:link,
.serach_btn_life a:visited {
  color: #fff;
}

/* 良く利用されている項目から探す */
.bt_kyukyu {
  background-image: url(../../img/bt_kyukyu.png);
}
.bt_gomi {
  background-image: url(../../img/bt_gomi.png);
}
.bt_bus {
  background-image: url(../../img/bt_bus.png);
}
.bt_annai {
  background-image: url(../../img/bt_annai.png);
}
.bt_yoyaku {
  background-image: url(../../img/bt_yoyaku.png);
}
.bt_shinseisho {
  background-image: url(../../img/bt_shinseisho.png);
}
.bt_denshi {
  background-image: url(../../img/bt_denshi.png);
}
.bt_reiki {
  background-image: url(../../img/bt_reiki.png);
}
/* ライフイベントから探す */
.bt_ninshin {
  background-image: url(../../img/bt_ninshin.png);
}
.bt_kosodate {
  background-image: url(../../img/bt_kosodate.png);
}
.bt_nyuen {
  background-image: url(../../img/bt_nyuen.png);
}
.bt_shushoku {
  background-image: url(../../img/bt_shushoku.png);
}
.bt_kekon {
  background-image: url(../../img/bt_kekon.png);
}
.bt_hikoshi {
  background-image: url(../../img/bt_hikoshi.png);
}
.bt_kourei {
  background-image: url(../../img/bt_kourei.png);
}
.bt_okuyami {
  background-image: url(../../img/bt_okuyami.png);
}

@media print, screen and (min-width:  480px) {      /*768px以上********************************************************/
  .normWrap .btnIconlist ul li {
    width: 24%;
    margin-right: 1%;
  }
  .normWrap .btnIconlist ul li:nth-child(4n) {
    margin-right: 0;
  }
  /* クリア */
  .normWrap .btnIconlist ul li:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 1%;
  }
}/*End @media*/

@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  .normWrap .btnIconlist ul li {
    width: 12%;
    margin-right: 0.5%;
    margin-bottom: 0;
  }
  /* クリア */
  .normWrap .btnIconlist ul li:nth-child(4n) {
    margin-right: 0.5%;
  }
  .normWrap .btnIconlist ul li:nth-child(3n-1) {
    margin-right: 0.5%;
  }
}/*End @media*/

/* --------------------------------------------------------------------------------------
 危機管理、バナー、タブメニュー　レイアウト
--------------------------------------------------------------------------------------- */
.ktWrap{
  width: 100%;
  /*margin-bottom: 25px;*/
}
.ktWrap .ktWrap_left {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 25px auto;
}
.ktWrap  .ktWrap_right {
  width: 100%;
  margin-bottom: 25px;
}

@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  .ktWrap{
    margin-bottom: 0;
  }
  .ktWrap .ktWrap_left {
    width: 31.25%;
    float: left;
  }
  .ktWrap  .ktWrap_right {
    width: 65.625%;
    float: right;
  }
}/*End @media*/

/* --------------------------------------------------------------------------------------
 危機管理、バナー
--------------------------------------------------------------------------------------- */
.ktWrap .ktWrap_left ul {
}
.ktWrap .ktWrap_left ul li {
  font-size: 0;
  margin-bottom: 12px;
}
.ktWrap .ktWrap_left ul li img {
  width: 100%;
}
.ktWrap .ktWrap_left ul li a:hover img {
  opacity: 0.8;
}

/* 危機管理情報 */
.ktWrap .ktWrap_left ul li.lnk_kikikanri {
  font-size: 1.35em;
  width: 100%;
}
.ktWrap .ktWrap_left ul li.lnk_kikikanri:hover {
  opacity: 0.7;
}
.ktWrap .ktWrap_left ul li.lnk_kikikanri a {
  display: block;
  background-color: #b20000;
  text-align: left;
  font-weight: bold;
  color: white;
  padding: 15px;
  text-decoration: none;
}
.ktWrap .ktWrap_left ul li.lnk_kikikanri a:after {
  content: ">";
  float: right;
}

/* 市長の部屋・沼津市議会 リンク */
.ktWrap .ktWrap_left ul li.lnk_banner {
  position: relative;
  font-size: 1em;
  width: 100%;
  border: 1px solid #ccc;
}
.ktWrap .ktWrap_left ul li.lnk_banner:hover {
  opacity: 0.7;
}
/*.ktWrap .ktWrap_left ul li.lnk_banner img {
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  right: 35px;
}
*/.ktWrap .ktWrap_left ul li.lnk_banner a {
  display: block;
  color: #333;
  /*background-color: #FFF;*/
  padding: 24px 20px;
  text-decoration: none;
  /* テキストシャドウで縁取り */
  text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}
/*.ktWrap .ktWrap_left ul li.lnk_banner a:after {
  content: ">";
  position: absolute;
  right: 10px
}
*/
.shicho {
  background: #fff url(../../img/b_shicho.jpg) no-repeat;
  background-position: right  center;
  background-size: auto 100%;
}
.sigiki {
  background: #fff url(../../img/b_gikai.jpg) no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
@media print, screen and (min-width:  480px) {      /*768px以上********************************************************/
  .ktWrap .ktWrap_left ul li.lnk_banner {
    font-size: 1.25em;
  }
}
/* --------------------------------------------------------------------------------------
 タブメニュー
--------------------------------------------------------------------------------------- */
#tabArea {
  width: 100%;
}

/*タブボタン*/
#tabArea ul#tabBtn li {
    float: left;
    list-style-type: none;
  width: 33.2%;
  margin-right: 0.2%;
  box-sizing: border-box;
  font-size: 1.071em;
}
#tabArea ul#tabBtn li:last-child {
  margin-right: 0;
}
#tabArea ul#tabBtn li a {
  font-size: 1em;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 6%;
  text-align: center;
  width: 100%;
  background: #02419B;
  border: 1px solid #02419B;
  border-bottom: none;
  box-sizing: border-box;
}
#tabArea ul#tabBtn li a:hover {
  background: #1F6DE4;
  color: #FFF;
}
#tabArea ul#tabBtn li a.active {
  background: white;
  color: #02419B;
}

/*タブ内部*/
#tabArea #tab_contents {
  clear: both;
  border: 1px solid #02419B;
  border-top: none;
  box-sizing: border-box;
}
#tabArea #tab_contents #tab1 ,
#tabArea #tab_contents #tab2 , 
#tabArea #tab_contents #tab3 {
  padding: 3%;
  background: #FFF;
  box-sizing: border-box;
}

/* --------------------------------------------------------------------------------------
 タブメニュー内　新着情報、イベント、お知らせ
--------------------------------------------------------------------------------------- */
.newsInner {
  /*max-height: 355px;*/        /*スクロールウィンドウの高さ*/
  overflow: auto;
}
.newsInner.news_height1 {
  max-height: 355px;        /*スクロールウィンドウの高さ*/
}
.newsInner.news_height2 {
  max-height: 403px;        /*スクロールウィンドウの高さ*/
}

.newsInner::-webkit-scrollbar {   /*SP用スクロールバー*/
  background:#ccc;
  width:10px;
}
.newsInner::-webkit-scrollbar-thumb { /*SP用スクロールバー*/
  background:#aaa;
}
.newsInner dl {
  overflow: hidden;
  zoom: 1;
}

/*新着情報　dlリストのレイアウト*/
.newsInner dl#tab_shin dt {
  font-size: 0.857em;
  font-weight: bold;
  color: #666;
}
.newsInner dl#tab_shin dd {
  padding: 0 10px 18px 5em;
  background-size: 60px 17px;
  background-position: 0 3px;
  background-repeat: no-repeat;
  font-size: 1.071em;
}
.newsInner dl#tab_shin dd.oshirase {
  background-image: url(../../img/i_oshirase.png);
}
.newsInner dl#tab_shin dd.event {
  background-image: url(../../img/i_event.png);
}
.newsInner dl#tab_shin dd.shisei {
  background-image: url(../../img/i_shisei.png);
}
.newsInner dl#tab_shin dd.boshu {
  background-image: url(../../img/i_boshu.png);
}
.newsInner dl#tab_shin dd.bousai {
  background-image: url(../../img/i_bousai.png);
}
@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  .newsInner dl#tab_shin dd {
    margin-top: -16px;
    padding: 0 10px 18px 12.5em;
    background-position: 7.5em 3px;
  }
}/*End @media*/


/*NEWアイコン*/
.newsInner img.i_new {
  width: 35px;
  height: auto;
  padding-left: 10px;
  vertical-align: middle;
}


/*一覧を見る、RSS ボタン*/
ul.ichiranList {
}
ul.ichiranList li {
  /*width: 30%;*/
  width: 120px;
  float: right;
  margin-right: 20px;
}
ul.ichiranList li.btn_ichiran a {
  display: block;
  font-size: 0.9em;
  text-align: center;
  background-color: #FFF;
  box-sizing: border-box;
  border: solid 1px #666;
  padding: 5px;
  text-decoration: none;
  color: #000;
}
ul.ichiranList li.btn_rss a {
  display: block;
  font-size: 0.9em;
  text-align: center;
  background-color: #FFF;
  box-sizing: border-box;
  border: solid 1px #666;
  padding: 5px 5px 5px 22px;
  text-decoration: none;
  color: #000;
  background-image: url(../img/rss.png);
  background-size: 20px 20px;
  background-position: 5px 4px;
  background-repeat: no-repeat;
}

ul.ichiranList li.btn_ichiran a:hover ,
ul.ichiranList li.btn_rss a:hover {
  background-color: #EEE;
}


/*イベント　dlリストのレイアウト*/
.newsInner dl#tab_event dt {
  font-size: 0.857em;
  font-weight: bold;
  color: #666;
  margin-top: 4px;
}
.newsInner dl#tab_event dd {
  padding: 0 10px 18px 0;
  font-size: 1.071em;
}
@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  .newsInner dl#tab_event dd {
    margin-top: -20px;
    /*padding: 0 10px 18px 7.5em;*/
    padding: 0 10px 18px 7.5em;
  }
}/*End @media*/



/*お知らせ　ulリストのレイアウト*/
.newsInner ul#tab_oshirase {
}
.newsInner ul#tab_oshirase li {
  padding: 0 0 0 12px;
  margin: 0 0 15px 0;
  font-size: 1.071em;
  background-image: url(../img/ar_arrowBlue.png);
  background-size: 7px 10px;
  background-position: 0 5px;
  background-repeat: no-repeat;
}


/* --------------------------------------------------------------------------------------
 沼津市をもっと知る
--------------------------------------------------------------------------------------- */
/*レイアウト*/
.shiruInner {
}
.shiruInner .si_left {
  /*width: 13%;
  float: left;*/
  text-align: center;
  margin-bottom: 20px;
}
.shiruInner .si_btn {
  /*width: 56%;
  float: left;*/
}
.shiruInner .si_right {
  /*width: 31%;
  float: right;*/
  font-size: 1.071em;
}

/*マップ*/
.shiruInner .si_left img {
  width: 62%;
  max-width: 80px;
  height: auto;
  background-color: transparent;
}

/*ボタン*/
.shiruInner .si_btn ul {
  padding: 0;
  box-sizing: border-box;
}
.shiruInner .si_btn ul li {
	/* width: 33.33333%; */
  width: 32%;
  height: 5em;
  position: relative;
  display: table;
  float: left;
  margin-bottom: 12px;
  margin-right: 1%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  /*text-align: center;*/
  /*font-size: 0;*/
}
.shiruInner .si_btn ul li:hover {
  opacity: 0.8;
}
/*
.shiruInner .si_btn ul li a img {
  width: 98%;
  height: auto;
}
.shiruInner .si_btn ul li a:hover img {
  opacity: 0.8;
}
*/
.shiruInner .si_btn ul li a {
  /*font-size: 0.9em;*/
  color: #000;
  width: 98%;
  display: table-cell;
  padding: 0 15px;
  padding-right: 15px;
  vertical-align: middle;
  text-decoration: none;
}
.shiruInner .si_btn ul li a:after {
  /*font-size: 0.9em;*/
  position: absolute;
  content: ">";
  right: 10px;
  color: #02419B;
  font-weight: bold;
  top: calc(50% - 0.8em);
}

/*右テキスト*/
.shiruInner .si_right p.si_small {
  text-indent: -1em;
  margin-left: 1em;
  font-size: 0.857em;
}

@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  .shiruInner .si_left {
    width: 13%;
    float: left;
    margin-bottom: 0;
  }
  .shiruInner .si_btn {
    width: 65%;
    float: left;
  }
  .shiruInner .si_right {
    width: 22%;
    float: right;
  }
  .shiruInner .si_btn ul {
    padding: 0 10px;
  }
  .shiruInner .si_btn ul li a {
    font-size: 1.1em;
  }
  .shiruInner .si_btn ul li a img {
    width: 90%;
  }
}/*End @media*/


/* --------------------------------------------------------------------------------------
 バナーボタン、facebook
--------------------------------------------------------------------------------------- */
#bfWrap {
  width: 90%;
  margin: 0 auto 25px auto;
}
#bfWrap #bf_left {
  margin-bottom: 25px;
}
#bfWrap #bf_right {
  text-align: center;
}

#bfWrap #bf_left #bf_left_left {
  width: 48.5%;
  float: left;
}
#bfWrap #bf_left #bf_left_right {
  width: 48.5%;
  float: right;
}

#bfWrap #bf_left #bf_left_left ul ,
#bfWrap #bf_left #bf_left_right ul {
}
#bfWrap #bf_left #bf_left_left ul li ,
#bfWrap #bf_left #bf_left_right ul li {
  width: 100%;
  position: relative;
  display: table;
  /*font-size: 0;*/
  border: 1px solid #ccc;
  background-color: #FFF;
  margin-bottom: 12px;
  height: 5em;
  /*background-size: contain;*/
}
#bfWrap #bf_left #bf_left_left ul li:hover ,
#bfWrap #bf_left #bf_left_right ul li:hover {
  opacity: 0.8;
}
/*
#bfWrap #bf_left #bf_left_left ul li a:after ,
#bfWrap #bf_left #bf_left_right ul li a:after {
  position: absolute;
  content: ">";
  right: 10px;
  font-weight: bold;
  top: calc(50% - 0.8em);
}
*/
#bfWrap #bf_left #bf_left_left ul li a,
#bfWrap #bf_left #bf_left_right ul li a {
  /*font-size: 0.9em;*/
  color: #000;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-decoration: none;
  padding: 0 10px;
  padding-right: 60px;
}

#bfWrap #bf_left #bf_left_left ul li img ,
#bfWrap #bf_left #bf_left_right ul li img {
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  right: 10px;
  /*width: 100%;*/
  /*height: auto;*/
}

#bf_left_left ul li.btn_sns {
  background-image: url(../../img/btn_sns1.gif);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: right center;
}
#bf_left_left ul li.btn_kouho {
  background-image: url(../../img/btn_kouho1.gif);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: right center;
}
#bf_left_right ul li.btn_hodo {
  background-image: url(../../img/btn_hodo1.gif);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: right center;
}
#bf_left_right ul li.btn_interview {
  background-image: url(../../img/btn_interview1.gif);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: right center;
}
#bf_left_right ul li.btn_koe {
  background-image: url(../../img/btn_koe1.gif);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: right center;
}
#bf_left_right ul li.btn_pubcom {
  background-image: url(../../img/btn_pubcom1.gif);
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: right center;
}
/*
#bfWrap #bf_left #bf_left_left ul li a:hover img ,
#bfWrap #bf_left #bf_left_right ul li a:hover img {
  opacity: 0.8;
}
*/

/*カレンダー*/
/*#calenderArea {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #CCC;
  background-color: #FFF;
  padding: 11% 5% 9% 5%;
  text-align: center;
}
#calenderArea h2.evh2 {
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
}
#calenderArea ul {
}
#calenderArea ul li {
  width: 40%;
  font-size: 0;
}
#calenderArea ul li:nth-child(1) {
  float: left;
  padding-left: 6%;
}
#calenderArea ul li:nth-child(2) {
  float: right;
  padding-right: 6%;
}
#calenderArea ul li img {
  width: 100%;
  height: auto;
}
#calenderArea ul li a:hover img {
  opacity: 0.8;
}*/

/*カレンダー iframe*/
#calWrap {
  /*position: relative;*/
  width: 100%;
  height: 153px;
  /*padding: 75.5% 0 0 0;*/
  /*box-sizing: border-box;*/
  border: solid 1px #CCC;
  background-color: #FFF;
  /*overflow: hidden;*/
}
#calWrap h2.evh2 {
  color: #333;
  font-weight: bold;
  margin-top: 1em;
  white-space: nowrap;
  /*font-size: 0.9em;*/
  font-size: 1.1em;
  text-align: center;
}
#calWrap iframe {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  /*overflow: hidden;*/
}



@media print, screen and (min-width:  768px) {      /*768px以上********************************************************/
  #bfWrap {
    width: 100%;
  }
  #bfWrap #bf_left {
    width: 58.75%;
    float: left;
    margin: 0;
  }
  #bfWrap #bf_right {
    width: 40%;
    float: right;
  }
  #bfWrap #bf_left #bf_left_left ul li a,
  #bfWrap #bf_left #bf_left_right ul li a {
    font-size: 1.1em;
  }
}/*End @media*/

/* --------------------------------------------------------------------------------------
 ピックアップコンテンツ　カルーセル
--------------------------------------------------------------------------------------- */
#carWrap {
  position: relative;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto 50px auto;
  padding: 20px 40px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: #FFF;
  border: solid 1px #CCC;
}
#carWrap h2.normText {
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
  margin-bottom: 20px;
}

#carWrap ul.bxslider2 {
  width: 90%;
  margin: 0 auto !important;
}
#carWrap ul.bxslider2 li a:hover img {
  opacity: 0.8;
}

#carWrap .bx-wrapper .bx-prev {   /*prevボタンの位置修正  #carWrap ul.bxslider2 .bx-wrapper .bx-prev としない事*/
  left: -34px !important;
}
#carWrap .bx-wrapper .bx-next {   /*nextボタンの位置修正*/
  right: -34px !important;
}

/* --------------------------------------------------------------------------------------
 広告
--------------------------------------------------------------------------------------- */
p#koukoku_lt {
  padding: 0 0 8px 1em;
  border-bottom: solid 5px #CCC;
  margin-bottom: 10px;
}
p#koukoku_lt span {
  margin-left: 30px;
  font-size: 0.857em;
}
ul#koukoku {
  margin-bottom: 30px;
}
ul#koukoku li {
  float: left;
  width: 150px;
  height: 60px;
  font-size: 0;
  margin: 0 0 8px 8px;
}

/* --------------------------------------------------------------------------------------
 トップページ緊急情報
--------------------------------------------------------------------------------------- */
.kinkyuWrap {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  border: solid 3px #D90000;
  padding: 20px 20px 5px 20px;
  margin-bottom: 25px;
}
.kinkyuWrap h2.kinkyuText {
  font-size: 1.4em;
  font-weight: bold;
  color: #D90000;
  margin-bottom: 12px;
}

.kinkyuWrap #redin {
  box-sizing: border-box;
  width: 95%;
  margin: 0 auto;
}
.kinkyuWrap #redin h3 {
  font-weight: bold;
  border-bottom: solid 2px #D90000;
  margin: 0 0 10px 0;
}
.kinkyuWrap #redin ul {
  margin: 0 0 10px 0;
}
.kinkyuWrap #redin ul li {
  padding: 0 18px 18px 1.8em;
  background-image: url(../../img/i_kinkyu.png);
  background-size: 18px 18px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  font-size: 1.071em;
}





